@charset"Shift_JIS";

/*01 HTMLリセット*/
body{margin:0px;padding:0px;font-family:'Lucida Grande', Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;font-size: 13px; color:#595757;}
div,
form,
h1,h2,h3,h4,
ul,li,
dl,dt,dd,
p{margin:0px;padding:0px;line-height: 1.5em;}
p,dt,dd{text-align:justify;text-justify:distribute;}
a img,img{border:0;}
li{list-style-type:none;}

*{transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
-moz-transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
-webkit-transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
-o-transition:color 200ms,background 200ms,border 200ms,opacity 300ms}


/*02 共通用基本設定*/
h1{}
h2{}
h3{}
h4{}
.clr{clear:both;}
.floatL{float:left;}
.floatR{float:right;}
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{clear:both;text-align:center;}
.lastChild{margin-right:0%!important;float:right!important;}

.p_t45{ padding-top:45px;}

/*03 レーヤアウト*/



/*04 ヘッダー関連*/
#Header{
    padding-top: 52.94117647058824vw;
	text-align: center;
	color: #FFF;
	background-color: #44c0f0;
	background-image: url(bg_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    background-size: contain;
}
#Header h1{ display:block; padding-bottom:25px;}
#Header h1 img{ display:block; margin:0px auto;}
#SubHead{width: 90%;margin: 0px auto; padding-bottom:40px;}
#SubHead p{
	font-size: 16px;
	line-height: 1.6em;
}


/*05 コンテンツ関連　*/
h2{ display:block;}
h2 img{ display:block; margin:0px auto;}
h2.ttl01{
	background-color: #ff4d7c;
}

.home .box{ width:80%; margin:0px auto; padding-top:33px; padding-bottom:30px;}
.home .box img{display:block;}
.home .box ul{width:100%;clear:both;}
.home .box li{width:264px;float:left;padding-bottom:50px;}
.home .box li p{
	padding: 22px 40px 0px 10px;
	line-height: 1.6em;
	font-size: 18px;
}
.home .box .btn{width:100%;margin:0px auto;}
.home .box .btn img{margin:auto;}
.home .box .btn a{display:block;width:100%; margin-bottom:20px;}
.home .box .btn a:hover{width:100%;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.home .list{background-color:#FFFED2; padding-bottom:30px;}
.home .list h2{
	background-color: #ff4d7c;
	margin-bottom: 20px;
}
.home .list .sub_list{ padding-top:20px;width:80%;margin:0px auto;}
.home .list .sub_list p{ line-height:1.8em; font-size:14px;}
.home .list .sub_list .msg{
	padding-top: 21px;
	margin-top: 20px;
	background: url(ico_line01.gif) repeat-x left top;
	color: #E30A72;
}
.home .list dl{ width:80%; margin:0px auto;padding:20px 0px;font-size:18px;background:url(ico_line01.gif) repeat-x left bottom;}
.home .list dl.last{ background-image:none;}
.home .list dt{display:block;padding-left:20px;background:url(ico01.gif) no-repeat left center;}
.home .list dd p{ padding-top:10px;}

.home .block{background-color:#F0F0F0;}
.home .block h2{background-color:#595757;}
.home .block .sub_block{font-size:13px;width:80%;margin:0px auto; padding-top:40px;}
.home .block .sub_block dl{ padding-bottom:45px;}
.home .block .sub_block dt{
	margin-top: 50px;
	padding-left: 15px;
	color: #E30A72;
	background: url(ico02.gif) no-repeat left center;
	margin-bottom: 5px;
}
.home .block .sub_block dd{padding-top:18px;background:url(ico_line01.gif) repeat-x left top;}
.home .block .sub_block p{line-height:1.8em;}


.home .block .sub_block a{color: #E30A72;	text-decoration: none;}
.home .block .sub_block a:hover{	color: #E30A72;	text-decoration: underline;}

.wtoukou_box {width:95%; text-align: center;margin: 30px auto 0px auto;}
.wtoukou_box h2 { color: #e30a73; font-size: 30px; letter-spacing: 0.1em; line-height: 180%;}


.photo-image {width: 95%; text-align: center; margin: 50px auto;}

.photo-image img {max-width: 100%;}
.photo-image a:hover{width:100%;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}


#Footer{
	background-color: #44c0f0;
	padding: 40px 0px;
	font-size: 14px;
	color: #FFF;
}

#Footer #FootLogo{display:block;width:356px; margin:0px auto 30px auto;}
#Footer #FootLogo:hover{width:355px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#Footer #FootNavi{text-align: center;padding-bottom:30px;}
#Footer #FootNavi a{
	padding-left: 22px;
	margin-left: 25px;
	color: #FFF;
	text-decoration: none;
	background-image: url(ico_arrow01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#Footer #FootNavi a:hover{text-decoration:underline;}
#Footer .add{
	text-align: center;
	font-size: 12px;
}


/* hack css */
.home .box ul
{display:inline-block;}

.home .box ul:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}


/* Hide from IE-mac \*/
*html .home .box ul
{height: 1%;}

.home .box ul
{display: block;}
/* End hide fromIE-mac*/

.red_color{
	color: #000000;
	background-color: #FFFF00;
	padding-right: 5px;
	padding-left: 5px;
}