@charset "utf-8";
/* -- common.css -- */

/*******************************************
全体設定
********************************************/
body{
	margin: 0 auto;
	background: url(../images/bg/all.png) center top repeat #fff;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo;
	font-size: 10.5pt;
	line-height: 1.8em;
	color: #434343;
}

/*リンク色*/
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)"; }

/*横幅*/
#h1block, #header, #main, #main-image, #footer{ width: 100%; }
h1, #g-nav, #page-top, #main-image-in{ width: 1000px; margin: 0 auto; }
#main-contents, div.cont-area{ width: 1010px; margin: 0 auto; }
#main-image-top{ width: 1200px; margin: 0 auto; }

/*******************************************
ヘッダー+グローバルメニュー
********************************************/
#h1block{ position: absolute; z-index: 1; }
#header{
	position: absolute;
	top: 0;
	height: 38px;
	background-color: #fff;
}

#g-nav{ height: 38px; padding: 0; }
#g-nav ul{ position: relative; float: right; z-index: 2; }
#g-nav ul li{ float: left; line-height: 1.7em; }
#g-nav ul li a{ display: block; margin: 1px 0 0 11px; padding: 0 10px 2px; }
#g-nav ul li.g-nav01 a{ border-top: 4px solid #164999; }
#g-nav ul li.g-nav02 a{ border-top: 4px solid #e953b5; }
#g-nav ul li.g-nav03 a{ border-top: 4px solid #249de6; }
#g-nav ul li.g-nav04 a{ border-top: 4px solid #f9a027; }
#g-nav ul li.g-nav05 a{ border-top: 4px solid #a174b4; }
#g-nav ul li.g-nav06 a{ border-top: 4px solid #8ec438; }
#g-nav ul li.g-nav07 a{ border-top: 4px solid #c40075; }

/*******************************************
コンテンツ
********************************************/
#main{
	position: relative;
	overflow: hidden;
	top: 38px;
}

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

/*---- メインイメージ -------------------*/
#main-image, #main-image2{
	overflow: hidden;
	margin-bottom: 19px;
	text-align: center;
}
#main-image{ background-color: #d7e6fc; }
#main-image-top, #main-image-in{ position: relative; }

#main-image-top #top-link{ position: absolute; top: 335px; right: 100px; }
#main-image-in #top-link{ position: absolute; top: 147px; right: 20px; }
#top-link a{ margin-right: 11px; }

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

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

.section{
	position: relative;
	margin-bottom: 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.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: 940px;
	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{
	background: url(../images/footer-logo.png) right 90% no-repeat;
}
.footer-menu{
	width: 191px;
	float: left;
	margin: 20px 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: 10pt;
	color: #434343;
}
.footer-menu a:link{ color: #434343; }
.footer-menu a:visited{ color: #434343; }

#copyright{
	position: absolute;
	top: 175px;
	right: 0;
	padding-top: 77px;
	background: url(../images/footer-logo.png) right top no-repeat;
	margin: 10px 0 0 auto;
	font-size: 8pt;
}


/*******************************************
Multi Screen -Max485px
********************************************/
@media screen and (max-width:980px){

#main-image-top{ width: 1010px; }
#main-image-top img{ width: 100%; height: auto; }
#main-image-top #top-link img{ width: auto; }
#main-image-top #top-link{ top: 270px; right: 70px; }
#main-image-in #top-link{ top: 147px; right: 70px; }

}