@charset "utf-8";


/* =========================================================
 Head
========================================================= */
#Head .header-content { width: 940px; margin: 0 auto; height: 40px; padding-top: 20px;}
#Head #headernav #logo { float: left; width: 131px; }
#Head #headernav #logo img { vertical-align: bottom; }


/* =========================================================
	#key_visual
========================================================= */
#key_visual{
	width: 960px;
	margin: auto;
	background:#7796a7 url(../../_shared/images/index/main_visual.png) no-repeat center center;
}

#key_visual .visual{
	margin:0 auto;
}

#key_visual .visual .inner{
	width:948px;
	height:375px;
	margin:0 auto;
	position:relative;
}

#key_visual .visual h2,
#key_visual .visual p{
	position:absolute;
	margin:0;
	padding:0;
}

#key_visual .visual h2{
	display: none;
}
#key_visual .visual p{
	display: none;
}
#key_visual .visual a{
	display: block;
	position: absolute;
	top: 305px;
	left: 702px;
	width: 202px;
	height: 40px;
}
body.merit #key_visual .visual a{
	top: 313px;
	left: 714px;
	width: 190px;
	height: 40px;
}

body.merit #key_visual{
	background:#7796a7 url(../../_shared/images/merit/main_visual.png) no-repeat center center;
}
body.cost #key_visual{
	background:#7796a7 url(../../_shared/images/cost/main_visual.png) no-repeat center center;
}



/* pattern b
-------------------------------------------------------*/
body.index02 #key_visual{
	background:#7796a7 url(../../_shared/images/index02/main_visual.png) no-repeat center center;
}
body.merit02 #key_visual{
	background:#7796a7 url(../../_shared/images/merit02/main_visual.png) no-repeat center center;
}
body.cost02 #key_visual{
	background:#7796a7 url(../../_shared/images/cost02/main_visual.png) no-repeat center center;
}


/* =========================================================
	#global
========================================================= */

#global{

}
#global .inner{
	width:960px;
	margin: auto;
}
#global ul li{
	float: left;
	width: 192px;
}
#global ul li a{
	display: block;
	background-image: url(../../_shared/images/global.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height:89px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#global ul li.merit a{	background-position: 0 0;}
#global ul li.price a{	background-position: -192px 0;}
#global ul li.howto a{	background-position: -384px 0;}
#global ul li.service a{	background-position: -576px 0;}
#global ul li.question a{	background-position: -768px 0;}




/* =========================================================
	#Main
========================================================= */
#Main{
	width: 960px;
	margin: 0 auto;
	color: #303942;
}

#Main a{
	color: #f6981c;
	text-decoration: underline;
}


/* =========================================================
 Foot
========================================================= */
#Foot .footer-upper .col{
	float: left;
	width: 20%;
}
#Foot .footer-upper dl {
	margin: 10px 0 15px 0;
}
#Foot .footer-upper dl dt{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	margin: 0 0 8px 0;
}
#Foot .footer-upper dl dd a{
	color: #c2c3c6;
	text-decoration: none;
	font-size: 14px;
}
#Foot .footer-upper dl dd {
	margin: 0 0 5px 0;
}
#Foot . { width: 215px; }
#Foot .footer-upper .footer-upper-list-01 { margin-left: -8px; }
#Foot .footer-upper .footer-upper-list-02 { margin-left: 27px; }
#Foot .footer-upper .footer-upper-list-03 { margin-left: -14px; }
#Foot .footer-upper .footer-upper-list-04 { margin-left: -3px; }
#Foot .footer-upper .footer-upper-list-05 { margin-left: 60px; }

#Foot .footer-upper{
	background: #6e747a;
}
#Foot .footer-upper-content{
	width: 940px;
	margin: 0 auto;
	padding: 20px 0;
}


#Foot .footer-bottom{
	background: #303942;
}
#Foot .footer-bottom-content{
	width: 940px;
	margin: 0 auto;
	padding: 25px 0;
}
#Foot .footer-bottom-logo{
	float: left;
}

#Foot .footer-bottom-copyright{
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	position: relative;
	top: 5px;
	left: -65px;
}