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

*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

body{
	background: #F7F7F5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #72726B;
	overflow-y:scroll;
}

p{line-height: 15px;}
a{color:#59AA24;}
a:hover{ text-decoration:underline; }

#header{
	margin: 0 auto;
	width: 1000px;
	margin-top:10px;
	margin-bottom: 15px;
}
h1{
	padding-left: 3px;
	font-size: 13px;
	color: #0F62A9;
}
h2{
	float: left;
	margin-right: 175px;
	padding: 15px 10px 5px 0;
}
h3{
	width:995px;
	margin:auto;
	margin-bottom:20px;
}

#contents{
	margin: 0 auto;
	width:1000px;
	background-image:url(../img/body.gif);
	padding: 20px 24px 20px 24px;
}

#key-visual{
	background-image:url(../img/contents/key-visual.jpg) ;
	margin:0 auto;
	width:960px;
	height:600px;
	margin-bottom:35px;
	position: relative;
}
#key-visual ul{
	list-style-type:none;
	margin-left:35px;
	padding-top: 159px;
}
#key-visual ul li{
	float:left;
	padding-right:15px;
}
#key-visual ul a:hover{ position:relative; bottom:10px; }

#main-img{
	margin:auto;
	width:934px;
	margin-bottom:20px;
}

/*確かなサービス*/
#box{
	margin: auto;
	width:976px;
}
#service{color:#ffffff;}
#service h4{ margin-bottom:5px;}
#service .box{float:left;}
#service .box-right{float:right;}
#service .box, #service .box-right{
	width:478px;
	margin: 0 0 20px 0;
    padding-top:20px;
    background:url(./../img/service/box-top.gif) no-repeat left top;
}
#service .box .body, #service .box-right .body{
    padding:0 20px 0 20px;
	height:140px;
    background:url(./../img/service/box-body.gif) repeat-y left top;
}
#service .box .bottom, #service .box-right .bottom{
    height:20px;
    background:url(./../img/service/box-bottom.gif) no-repeat left bottom;
    font-size:1px;
    line-height:1px;
}

/*素早い対応の理由*/
#flow{
	width:1000px;
	height:1579px;
	margin:auto;
	margin-bottom:20px;
}
#flow_page{
	width:1000px;
	height:1367px;
	margin:auto;
	margin-bottom:20px;
}
#flow .box {
	width:960px;
	margin: 0 0 20px 20px;
    padding-top:20px;
    background:url(./../img/flow/box-top.gif) no-repeat left top;
}
#flow .box .body {
    padding:0 20px 0 75px;
	height:150px;
    background:url(./../img/flow/box-body.gif) repeat-y left top;
}
#flow .box .bottom {
    height:20px;
    background:url(./../img/flow/box-bottom.gif) no-repeat left bottom;
    font-size:1px;
    line-height:1px;
}
#flow .box img{float:left;}
#flow .box p{
	float:right;
	width:525px;
	margin: 52px 35px 0 0 ;
}
#flow img, #flow_page img {margin-bottom:20px;}	

#flow .step, #flow_page .step{
	background:url(../img/flow/main-img.jpg);
	position:absolute;
	width:1000px;
	height:1221px;
	color:#ffffff;
}
#flow .step .step1, #flow_page .step .step1{
	position:absolute;
	left:125px;
	top:230px;
}
#flow .step .step2, #flow_page .step .step2{
	position:absolute;
	left:125px;
	top:450px;
}
#flow .step .step3, #flow_page .step .step3{
	position:absolute;
	left:125px;
	top:670px;

}

/*適正価格にこだわる理由*/
#propriety{padding-bottom:15px;}
#propriety h4{
	padding:12px 20px 0 20px;
	margin-bottom:3px;
}
#propriety p{
	margin:0 20px 0 20px;
	background-color:#ffffff;
	padding:15px 45px 15px 45px;
}


/*サービスラインナップ*/
#lineup{
	width:832px;
	margin:auto;
	margin-bottom:20px;
}

#lineup ul li{
	line-height:15px;
	list-style-type:none;
	padding-left:75px;
}

#lineup .box{float:left;}
#lineup .box-right{float:right;}

#lineup .box, #lineup .box-right{
	width:406px;
	margin: 0 0 20px 0;
	padding-top:20px;
	ackground:url(./../img/lineup/box-top.gif) no-repeat left top;
}
#lineup .box .body, #lineup .box-right .body{
	height:360px;
	background:url(./../img/lineup/box-body.gif) repeat-y left top;
}
#lineup .box .bottom, #lineup .box-right .bottom{
	height:20px;
	background:url(./../img/lineup/box-bottom.gif) no-repeat left bottom;
	font-size:1px;
	line-height:1px;
}
#lineup  h4{
	text-align:center;
	margin-bottom: 10px;
}

/*お見積もりとお支払い方法について・他社と比べてください！*/
#top-summary p{ margin:0 0 20px 35px;}
#top-summary img.center{
	width:820px;
	margin:0 0 20px 90px;
}

/*お客様の声*/
#voice{
	margin: 0 20px 20px 20px;
}

#voice h4{
	margin: 0 20px 0 20px;
	padding-bottom:15px;
	border-bottom: 1px dashed #5AAA24;
	border-bottom-width:2px;
}
#voice .box p, #voice .box-right p{	padding: 10px 20px 20px 20px;}
#voice .box{ float:left}
#voice .box-right {	float:right;}
#voice .box, #voice .box-right  {
	width:474px;
	margin: 0 0 20px 0;
    padding-top:20px;
    background:url(./../img/summary/voice_box_top.gif) no-repeat left top;
}
#voice .box .body, #voice .box-right .body {
	height:130px;
    background:url(./../img/summary/voice_box_body.gif) repeat-y left top;
}
#voice .box .bottom, #voice .box-right .bottom  {
    height:20px;
    background:url(./../img/summary/voice_box_bottom.gif) no-repeat left bottom;
    font-size:1px;
    line-height:1px;
}

/*対応エリア*/
#area{
	width:800px;
	margin:auto;

}
#area .box {
	width:800px;
	margin: 0 0 20px 0;
    padding-top:20px;
    background:url(./../img/area/box_top.gif) no-repeat left top;
}
#area .box .body {
	overflow:hidden;
	padding: 0 20px 0 20px;
    background:url(./../img/area/box_body.gif) repeat-y left top;
}
#area .box .bottom {
    height:20px;
    font-size:1px;
    line-height:1px;
    background:url(./../img/area/box_bottom.gif) no-repeat left bottom;
	overflow:hidden;
}
#area .box img{
	margin:0 60px 0 20px;
	float:left;
}
#area .box p{
	float:right;
	background:#ffffff;
	width:530px;
}
.body div.inner{
	background:#FFFFFF;
	overflow:hidden;
	padding:20px 0;
}

/*会社概要*/
#corporate{
	margin-bottom:20px;
	text-align:center;
}

/*お問い合わせ*/
#contact{
	width:911px;
	margin:auto;
	margin-bottom:20px;

}
#contact .box {
	width:911px;
	margin: 0 0 20px 0;
    padding-top:20px;
    background:url(./../img/contact/box_top.gif) no-repeat left top;
}
#contact .box .body {
	padding: 0 20px 0 20px;
    background:url(./../img/contact/box_body.gif) repeat-y left top;
}
#contact .box .bottom {
    height:20px;
    font-size:1px;
    line-height:1px;
    background:url(./../img/contact/box_bottom.gif) no-repeat left bottom;
}


form{	margin:20px 50px 0 50px;}
form table{background-color:#ffffff;}

form  th.b-color, form td.b-color{
	background-color:#DBDBDB;
}
form th,form td{
	 padding:15px 0 15px 15px;
}
form th img{
	float:left;
	margin-top:-20px;	
}
th{
	text-align:right;
}
.button{
	margin-top:20px;
	margin-left:222px;
}
tr input, tr select{
	border:solid #DBDBDB 1px; 
	height:24px;
	vertical-align:middle;
}
textarea{
	border: solid #DBDBDB 1px; 
	margin:5px 0 5px 0;
	width:365px;
}

/*個人情報保護方針*/
#privacy{
	margin-bottom:20px;
	text-align:center;
}

.location {margin: 40px 0; padding: 0 20px;}
.location h3 {margin-bottom: 20px; padding-bottom: 5px; width: 100%; color: #FF9900; font-size: 32px; font-weight: bold; border-bottom: 4px solid #FF9900; text-align: center;}
.location p {margin-bottom: 10px; font-size: 16px;}

.words {margin: 40px 0; padding: 0 20px;}
.words h3 {margin-bottom: 20px; padding-bottom: 5px; width: 100%; font-size: 24px; font-weight: bold; border-bottom: 4px solid #FF9900; text-align: center;}
.words p {margin-bottom: 10px; font-size: 13px;}

/*フッター*/

#footer{
	border-top:solid 5px #0F62A9;
	padding:20px;
}
#footer p{
	margin:auto;
	width:1000px;
	line-height:16px;

}
.footer{ text-align:right}

.inquiry{
	margin:auto;
	width:970px;
}
.returns{
	margin: 20px 0 20px 0;
	text-align:right
}

.adv {margin: 20px auto 50px; width: 700px; font-size: 11px; font-family: "ＭＳ Ｐゴシック", sans-serif;}
.adv .title {margin-bottom: 10px;}
.adv .title span {color: #333333; font-weight: bold; text-decoration: underline;}
.adv .title a {color: #0000ff; text-decoration: underline;}
.adv .text {color: #888888;}

#footerLink{
	margin:50px auto;
	width:1000px;
	line-height:16px;
	overflow: hidden;
}
#footerLink li {float: left; list-style: none; margin-right: 20px;}
#locationText {position: absolute; font-size: 36px; color: #FE713B; left: 40px; top: 115px;}
#thanks p {padding-bottom: 10px;}
#thanks #thanksTitle {margin-bottom: 10px; font-size: 18px;}
div#result{
	margin-bottom:30px;
	position:relative;
}
ul#resultList{
	position:absolute;
	width:590px;
	top:640px;
	left:330px;
	overflow:hidden;
	list-style:none;
}
ul#resultList li{
	float:left;
	width:190px;
	margin-bottom:20px;
}
ul.companyLogo{
	margin-right:20px;
	overflow:hidden;
	list-style:none;
	magin-bottom:30px;
	float:left;
	width:400px;
}
ul.companyLogo li{
	margin-right:10px;
	float:left;
}
h2.coverage{
	margin:30px 0 0 0;
}
div#coverage{
	width:200px;
	float:left;
}
div.coverage{
	font-weight:bold;
	font-size:14px;
}
div#coverage p{
	margin-bottom:10px;
}
ul.coverage{
	list-style:none;
}
ul.coverage li{
	margin-bottom:10px;
	height:50px;
	text-align:center;
	background:#EFF6FC;
	font-weight:bold;
	font-size:16px;
	color:#009bd2;
}
ul.coverage li span{
	color:#000000;
	font-size:12px;
}