@charset "utf-8";
/*-------------------

 デザインテーマ

-------------------*/

body {
	background: url(../imgs/shared/bg_01.gif);
	font: 88% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #727171;
}

/*画像ボタンにホバー時のデザインがない場合*/
a img {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out; }  
a:hover img {  
    opacity: 0.7;  
    filter: alpha(opacity=30);  }

/*画像ボタンにホバー時のデザインがある場合*/
a img.btn{  
    -webkit-transition: 0.0s ease-in-out;  
       -moz-transition: 0.0s ease-in-out;  
         -o-transition: 0.0s ease-in-out;  
            transition: 0.0s ease-in-out; } 
a:hover img.btn{  
    opacity: 1.0;  
    filter: alpha(opacity=0);  }

.kome {
	color: #00A4E3;
	text-indent: -16px;
	padding-left: 16px;
}

#jump { display: none; }

#wrapp { background: url(../imgs/shared/bg_02.png) no-repeat center top; }

#wrapp-inner {
	background: #FFF url(../imgs/shared/h-bg_01.gif) repeat-x top;
	width: 960px;
	margin: 0px auto;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}

/*　header_通常サイズ　*/
#header #hLogo {
	float: left;
	width: 750px;
	padding: 30px 0px 19px 25px;
	position: relative;
}
#hLogo #hiyoko01 {
	position: absolute;
	top: 24px;
	left: 354px;
}
#hLogo #hiyoko02 {
	position: absolute;
	top: 38px;
	left: 440px;
}
#hLogo #hiyoko03 {
	position: absolute;
	top: 32px;
	left: 510px;
}
#hLogo #hiyoko04 {
	position: absolute;
	top: 40px;
	left: 585px;
}

#hLogo #yuuwa01 {
	position: absolute;
	top: 24px;
	left: 390px;
}
#hLogo #yuuwa02 {
	position: absolute;
	top: 44px;
	left: 496px;
}
#hLogo #yuuwa03 {
	position: absolute;
	top: 28px;
	left: 585px;
}
#header .btn {
	text-align: right;
	padding-right: 15px;}


/*　header_大サイズ　*/
#header #headL {
	background: url(../imgs/shared/h-bg_02.jpg) no-repeat center top;
	height: 350px;
	padding: 30px 25px 0px;
	position: relative;
}
#header #headL h1{ margin-bottom: 20px; }
#header #headL h2 {
	line-height: 180%;
	font-weight: normal;
}
#headL #yuuwa01 {
	position: absolute;
	left: 250px;
	top: 257px;
}
#headL #yuuwa02 {
	position: absolute;
	left: 358px;
	top: 273px;
}
#headL #yuuwa03 {
	position: absolute;
	left: 453px;
	top: 270px;
}



#header nav #gNav {
	clear: both;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}

#header nav #gNav li { float: left; }

#header nav #gNav li a {
	display: block;
	height: 86px;
	text-indent: -99999px;
}

#header nav #gNav #gNav01 a {
	background: url(../imgs/shared/gnav.png) no-repeat 0px 0px;
	width: 191px;}
#header nav #gNav #gNav01 a:hover { background: url(../imgs/shared/gnav.png) no-repeat 0px -86px;}

#header nav #gNav #gNav02 a {
	background: url(../imgs/shared/gnav.png) no-repeat -191px 0px;
	width: 178px;}
#header nav #gNav #gNav02 a:hover { background: url(../imgs/shared/gnav.png) no-repeat -191px -86px;}

#header nav #gNav #gNav03 a {
	background: url(../imgs/shared/gnav.png) no-repeat -369px 0px;
	width: 178px;}
#header nav #gNav #gNav03 a:hover { background: url(../imgs/shared/gnav.png) no-repeat -369px -86px;}

#header nav #gNav #gNav04 a {
	background: url(../imgs/shared/gnav.png) no-repeat -547px 0px;
	width: 177px;}
#header nav #gNav #gNav04 a:hover { background: url(../imgs/shared/gnav.png) no-repeat -547px -86px;}

#header nav #gNav #gNav05 a {
	background: url(../imgs/shared/gnav.png) no-repeat -724px 0px;
	width: 186px;}
#header nav #gNav #gNav05 a:hover { background: url(../imgs/shared/gnav.png) no-repeat -724px -86px;}


#contents {
	clear: both;
	padding: 25px;
}

#mainArea {
	float: right;
	width: 650px;
	line-height: 160%;
}
#mainArea a {
	color: #00A6E2;
	text-decoration: none;
}

#mainArea a:hover { text-decoration: underline; }

#mainArea section {
	clear: both;
	margin-bottom: 30px;
}

#mainArea h2,
#mainArea h3,
#mainArea h4,
#mainArea h5,
#mainArea h6,
#mainArea p,
#mainArea ul,
#mainArea ol,
#mainArea dl,
#mainArea table { margin-bottom: 15px; }

#mainArea ul li {
	background: url(../imgs/shared/icon_02.gif) no-repeat left 2px;
	padding-left: 15px;
	list-style: none;
}



#sideArea {
	float: left;
	width: 230px;
}

#sideArea section { margin-bottom: 10px; }

#footer {
	background: url(../imgs/shared/f-bg_01.jpg) repeat-x bottom;
	padding-bottom: 50px;
	clear: both;
	text-align: center;
	line-height: 160%;
}
#footer nav #fNav { margin-bottom: 15px; }


#footer nav #fNav li { display: inline; }

#footer nav #fNav li a {
	color: #00a4e3;
	text-decoration: none;}
#footer nav #fNav li a:hover { text-decoration: underline; }
#footer nav #fNav li#fnav01 a { color: #00ab84; }
#footer nav #fNav li#fnav02 a { color: #F08300; }
#footer nav #fNav li#fnav03 a {
	color: #ec6d74;
}

#footer #copyright { font-size: 86%; }