/* CSS RESET
----------------------------------------*/


/*全てのマージンと余白を削除
----------------------------------------*/
* {
	margin:0;
	padding:0;
}  

/*aタグ、ジャンプ調整
----------------------------------------*/
a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

/*テープル・セルのボーダーを境界線上に重ねて間隔を開けない
----------------------------------------*/
table{
	border-collapse:collapse;border-spacing:0;
}


/*fieldsetとimgのborderを削除
----------------------------------------*/
fieldset,img{
	border:none;
}

/*アドレス・表のタイトル・参照元・コード・定義・強調・強い強調・表の見出し・変数のフォントスタイルとウェイトをノーマルにする
----------------------------------------*/
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;font-weight:normal;
}

/*リストマークの削除
----------------------------------------*/
li{
	list-style:none;
}

/*表のタイトルと見出しを左揃え
----------------------------------------*/
caption,th{
	text-align:left;
}

/*見出しのサイズを100%ウェイトをノーマル
----------------------------------------*/
h1,h2,h3,h4,h5,h6{
	font-size:100%;font-weight:normal;
}

/*引用部分のマークを’にする
----------------------------------------*/
q:before,q:after{
	content:'';
}

/*略語のボーダーを削除しスモールキャプスをノーマルにする
----------------------------------------*/
abbr,acronym {
	border:0;font-variant:normal;
}

/*上付き文字の位置を上にする
----------------------------------------*/
sup {
	vertical-align:text-top;
}

/*下付き文字の位置を下にする
----------------------------------------*/
sub {
	vertical-align:text-bottom;
}

/*全体のフォントを指定
----------------------------------------*/
body {
	font:12px arial, helvetica, clean, sans-serif;
}

/*表のフォントサイズを強制的に継承し100%にする
----------------------------------------*/
table{
	font-size:inherit;font-size:100%;
}

/*pre・code・ユーザーの入力文字・サンプル・要素内容の等幅表示のフォントを等幅にし文字高を100%にする
----------------------------------------*/
pre,code,kbd,samp,tt{
	font-family:monospace;line-height:100%;
}

/*引用やリスト要素で左側に1文字分のマージンをつける
----------------------------------------*/
blockquote,li,dt,dd{
	margin-left:1em;
}


/*CSS指定------------------------------*/

/*body --------------------------------*/
html {
	height: 100%;
}
body {
	height: 100%;
}

/* header -----------------------------*/
.header_area {
	z-index: 9999;
	position: fixed; /* 固定 */
	top: 0; /* 一番上に表示 */
	width: 100%; /* 中央に表示 */
	background-color: #E8538E;
}

#header {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/* contents_area -----------------------------*/
.contents_area {
	z-index: -1;
	overflow: auto; /* コンテンツ上下にスペース */
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 60px;
	padding-left: 0;
}

.label {
	background-image: url(image/pink_stripe.png);
	background-repeat: repeat;
	height: 50px;
	width: 100%;
}

.category {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -50px;
	margin-bottom: 50px;
}

.left {
	float: left;
	margin-left: 0px;

}

.dl_button {
	margin-top: 20px;
}

/* top -------------------------------*/
#top {
	text-align: center;
}

#top img {
	width: 100%;
	height: 100%;
}

/* aisatu -------------------------------*/
#aisatu {
	clear: none;
	margin-left: 300px;
	font-size: 120%;
	line-height: 160%;
	background-image: url(image/aisatu_bg.png);
	height: 1250px;
}

.fb-like-box {
}

/* omoi -------------------------------*/
#omoi {
	background-image: url(image/omoi_bg.png);
	height: 1980px;
	width: 1024px;
}

#omoi p {
	margin-left: 400px;
	font-size: 120%;
	line-height: 160%;
}


/* profile -------------------------------*/
#profile {
	background-image: url(image/profile_bg2.png);
	height: 600px;
	width: 1024px;
}

#profile p {
	font-size: 120%;
	margin-left: 150px;
}

/* kouenkai -------------------------------*/
#kouenaki {
	width: 1024px;
}

#agreement {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F7C5DB;
}

#agreement p {
	font-size: 120%;
	line-height: 140%;
	color: #000;
	margin-left: 100px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.text_center {
	font-size: 150%;
	text-align: center;
	width: 800px;
	margin-top: 20px;
	margin-bottom: 5px;
}

hr {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	border: 1pt solid #E8538E;
}

#kouenkai .dl_button {
	margin-left: 100px;
	margin-bottom: 50px;
}

/* footer------------------------------*/
.footer_area {
	width: 100%; /* 中央に表示 */
	background-color: #E8538E;
}

#footer {
	width: 960px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	clear: both;/*footerを一番下にするために----*/
	position: relative;/*footerを一番下にするために----*/
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
}

#jimusyo {
	font-size: 110%;
	line-height: 150%;
	color: #FFF;
	margin-bottom: 10px;
	float: left;
}

#tel {
	font-size: 220%;
	line-height: 130%;
	font-weight: 800;
	color: #FFF;
}

/* 文字 -------------------------------*/
h1 {
	font-size: 250%;
	color: #FFF;
	float: left;
	font-family: arial, helvetica, clean, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}

h2 {
	font-size: 230%;
	color: #E8538E;
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 30px;
}

h3 {
	font-size: 180%;
	margin-top: 18px;
	margin-bottom: 8px;
}

h4 {
	font-size: 150%;
	margin-top: 10px;
	margin-bottom: 6px;
}

h5 {
}

h6 {
}

p {
}

small {
	font-size: 60%;
	vertical-align: baseline;
}

.red_150 {
	font-size: 150%;
	font-weight: 700;
	color: #F00;
}

.gre_120 {
	font-size: 120%;
	font-weight: 600;
	color: #090;
}


/* テーブル -----------------------------*/
#k {
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #F3F;
}

#k tr {
}

#k th {
	padding: 10px;
	font-size: 150%;
	font-weight: 700;
	background-color: #FFCCCC;
	text-align: center;
	border: 1px solid #F3F;
}

#k td {
	padding: 20px;
	text-align: center;
	border: 1px solid #F3F;
}

.evencell {
}

#nav {
	color: #FFF;
	width: 650px;
	margin-left: 310px;
	font-size: 120%;
}

#nav th {
	color: #FFF;
	text-align: center;
	padding: 10px;
}

#nav td {
	padding: 5px;
	width: 80px;
	color: #FFF;
	text-align: center;
	font-size: 110%;
}

/* リスト -----------------------------*/
ul {
	padding-top: 40px;
}

li {
	float: left;
	margin-right: 30px;
}

dl {
	margin-left: 100px;
}

dt {
	font-size: 130%;
	font-weight: 500;
	margin-top: 20px;
	color: #00F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00F;
	width: 400px;
	line-height: 150%;
	margin-bottom: 10px;
}

dd {
	font-size: 110%;
	line-height: 140%;
	margin-left: 30px;
}

/* 追加 -----------------------------*/
.img-box {
  position: relative;
}
.img-box .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s; // ゆっくり
}
.img-box:hover .active {
  opacity: 1;
}