@charset "utf-8";/* -- common.css -- */
/*******************************************
全体設定
********************************************/
html{ font-size: 62.5%; }
body{
	margin: 0;
	background: url(../images/bg/all.png) center top repeat #fff;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo;
	font-size: 14px;
	font-size: 1.4em;
	line-height: 1.8em;
	color: #434343;
	-webkit-text-size-adjust: none;
}

/*リンク色*/
a{ color: #2aa4db; }
a:link{ color: #2aa4db; }
a:visited{ color: #2aa4db; }
a:hover{ color: #67cfff; }
.button a:hover img, #page-top a:hover img, #g-nav ul li a:hover, #top-link a:hover img, .footer-menu li a:hover{ opacity: 0.50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; }

/*横幅*/
#header, #top, #main, #main-image, #footer{ width: 100%; }
#main-contents, div.cont-area, #page-top{ max-width: 1010px; margin: 0 auto; }

/*******************************************
ヘッダー+グローバルメニュー
********************************************/
#top{
	height: 63px;
	background-color: #fff;
}
#top h1{
	position: absolute;
	width: 27.6%;
	z-index: 10;
}

#g-nav{ width: 72.4%; float: right; overflow: hidden; }
#g-nav ul{ float: left; width: 100%; margin-left: 4.10396%; }

#g-nav ul li{ float: left; line-height: 1.6em; margin-top: 1px; margin-left: 1.50478%; }
#g-nav ul li.g-nav01{ width: 5.47195%; }
#g-nav ul li.g-nav02{ width: 11.9015%; }
#g-nav ul li.g-nav03{ width: 11.9015%; }
#g-nav ul li.g-nav04{ width: 15.18467%; }
#g-nav ul li.g-nav05{ width: 16.96306%; }
#g-nav ul li.g-nav06{ width: 13.67989%; }
#g-nav ul li.g-nav07{ width: 10.12311%; }

#g-nav ul li a{ display: block; }
#g-nav ul li.g-nav01 a{ padding: 0 25% 2px; border-top: 4px solid #164999; }
#g-nav ul li.g-nav02 a{ padding: 0 11.49425% 2px; border-top: 4px solid #e953b5; }
#g-nav ul li.g-nav03 a{ padding: 0 11.49425% 2px; border-top: 4px solid #249de6; }
#g-nav ul li.g-nav04 a{ padding: 0 9.009% 2px; border-top: 4px solid #f9a027; }
#g-nav ul li.g-nav05 a{ padding: 0 8.06451% 2px; border-top: 4px solid #a174b4; }
#g-nav ul li.g-nav06 a{ padding: 0 10% 2px; border-top: 4px solid #8ec438; }
#g-nav ul li.g-nav07 a{ padding: 0 13.51351% 2px; border-top: 4px solid #c40075; }

*:first-child+html #g-nav ul li.g-nav01,
*:first-child+html #g-nav ul li.g-nav02,
*:first-child+html #g-nav ul li.g-nav03,
*:first-child+html #g-nav ul li.g-nav04,
*:first-child+html #g-nav ul li.g-nav05,
*:first-child+html #g-nav ul li.g-nav06,
*:first-child+html #g-nav ul li.g-nav07{ width: auto; }
*:first-child+html #g-nav ul li.g-nav01 a,
*:first-child+html #g-nav ul li.g-nav02 a,
*:first-child+html #g-nav ul li.g-nav03 a,
*:first-child+html #g-nav ul li.g-nav04 a,
*:first-child+html #g-nav ul li.g-nav05 a,
*:first-child+html #g-nav ul li.g-nav06 a,
*:first-child+html #g-nav ul li.g-nav07 a{ padding: 0 10px 2px; }

/*******************************************
コンテンツ
********************************************/
#main{
	overflow: hidden;
}

#main-contents,
div.cont-area{
	position: relative;
}

/*---- メインイメージ -------------------*/
#main-image{
	margin-bottom: 14px;
	background-color: #d7e6fc;
}
#main-image2{
	margin-bottom: 14px;
	background-color: none;
}
#main-image #catch{ padding: 87px 0 0; }
#main-image #top-link{
	margin: -15px 2% 10px 0;
	text-align: right;
}

/*---- カラム -------------------*/
#main-contents{ margin: 0 auto; }

#contentColumn{
	position: relative;
	max-width: 1000px;
	margin: 0;
}

.section{
	position: relative;
	margin: 5px 0 20px;
	padding: 1px 0;
	background-color: #fff;
	box-shadow: 0 0 3px #b1cfd5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/*---- 共通 -------------------*/
p{ margin: 0 0 22px; padding: 0; }

h2{
	width: 1037px;
	height: 71px;
	margin: 25px 0 15px -17px;
	padding-top: 15px;
	background: url(../images/bg/h2.png) 0 0 no-repeat;
	text-align: center;
}
h2 img{ vertical-align: middle; }

h2.pt2{
	height: 127px;
	background: url(../images/bg/h2-2.png) 0 0 no-repeat;
}

h2.pt3{
	width: 969px;
	margin-bottom: 7px;
	padding: 11px 0 0 20px;
	height: 56px;
	background: url(../images/bg/h2-3.png) 0 0 no-repeat;
	text-align: left;
}

h3{
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 15px;
	background: url(../images/bg/h3.png) 0 bottom repeat-x;
}
h3.pt2{
	width: auto;
	margin-bottom: 5px;
	background: none;
}
h3.pt3{
	padding-bottom: 25px;
	background: url(../images/bg/h3-2.png) 0 bottom repeat-x;
}

.contents01{ margin: 0 0 40px 35px; }
.contents02{ margin: 0 35px 40px; padding-top: 20px; border-top: 2px dotted #ccc; }
.contents03{ margin: 0 35px 40px; }
.contents04{ margin: 0 30px 40px; }

.kit{
	margin: 0 25px 35px 28px;
	padding: 7px 0 0 152px;
	background: url(../images/kit/bg.png) 0 93px no-repeat;
}
.kit p{ margin-bottom: 25px; }

.button{ margin: 0 0 40px 160px; }

.arrow01{
	margin: 60px 0 40px;
	padding-bottom: 140px;
	background: url(../images/icon/arrow.png) center bottom no-repeat;
	text-align: center;
}
.arrow02{
	margin: 0 0 40px;
	padding-bottom: 105px;
	background: url(../images/icon/arrow.png) center bottom no-repeat;
}

.w630{ width: 630px; }

/*******************************************
フッター
********************************************/
#footer{
	position: relative;
	margin: 50px 0 0 0;
	padding: 0;
	background: url(../images/bg/footer.png) left 63px repeat-x;
}

#page-top{ text-align: right; }

#footer .cont-area{
	margin-top: 15px;
	background: url(../images/footer-logo.png) right 90% no-repeat #ebf6fa;
}
.footer-menu{
	width: 191px;
	float: left;
	margin: 5px 17px 20px 0;
	line-height: 1.65em;
}
.footer-menu .menu-title{
	margin-bottom: 8px;
}
.footer-menu a{
	padding: 0 0 0 14px;
	background: url(../images/icon/li01.png) 1px 5px no-repeat;
	font-size: 13px;
	font-size: 1.3rem;
	color: #434343;
}
.footer-menu a:link{ color: #434343; }
.footer-menu a:visited{ color: #434343; }

/*******************************************
Multi Screen
********************************************/
@media screen and (max-width:1010px){
#main-image #catch{ margin-left: 1%; }
.h2-box{ margin: 25px 0 15px; padding: 1px 0; background-color: #00479d; box-shadow: 0 2px 2px #bbb; }
h2, h2.pt2, h2.pt3{ width: 100%; height: auto; margin: 2px 0!important; padding: 1%; background: none; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
}
@media screen and (max-width:890px){
.contents01,.contents02,.contents03,.contents04{ margin: 0 2% 20px; }
.kit{
	margin: 0 3% 35px;
	padding: 7px 0 0 0;
	background: none;
}
.button{ margin: 0 0 40px 0; text-align: center; }

}
@media screen and (max-width:769px){
body{ font-size: 1.6em; line-height: 1.6em; }
#top h1{ width: 37.6%; }
#main-image #catch{ padding: 72px 0 0; }
#main-image #top-link{ margin: -0 2% 10px 0; }
#g-nav{ display: none; }
#catch img{ opacity: 0.90; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; }

#footer .cont-area{
	padding: 0 3% 60px;
	background: url(../images/footer-logo.png) 97% 99% no-repeat #ebf6fa;
	background-size: 40%;
}
}
@media screen and (max-width:481px){
#top h1{ width: 60%; }
#main-image #top-link img{ width: 25%; }
#footer .cont-area{ background-size: 50%; }
.flow .m50-t{ margin-top: 15px!important; }
.flow .m100-b{ margin-bottom: 30px!important; }
.flow .m150-b{ margin-bottom: 40px!important; }
}