@charset "utf-8";
@import "/css/reset.css";

body{
	background:#EEEEEE;
	line-height:1.5em;
	font-size:13px;
}
div#container{
	background:url(/img/content/back.jpg) no-repeat center top #FFFFFF;
	margin:0 auto;
	width:980px;
	padding-bottom:50px;
}
div#content{
	background:url(/img/content/content_top.png) no-repeat center top;
	padding-top:2px;
}
div#contentInner{
	background:url(/img/content/content_bottom.png) no-repeat center bottom;
	padding-bottom:2px;
}
div#inner{
	background:url(/img/content/content_body.png) repeat-y center;
	width:924px;
	margin:0 auto;
	overflow:hidden;
	padding-left:4px;
}
div#mainContent{
	width:640px;
	float:left;
}
aside#subContent{
	margin:30px 0 30px 30px;
	float:left;
	width:225px;
}
div.inner{
	width:580px;
	margin:0 auto;
}
section.contentSpace{
	margin-bottom:40px;
}
div.column{
	margin-bottom:40px;
	overflow:hidden;
}
aside.inquiry{
	text-align:center;
	margin:50px 0;
}
h2.contentTitle{
	margin-bottom:20px;
}
h3.contentTitle{
	margin-bottom:15px;
}
h4.contentTitle{
	border-bottom:solid 2px #EEEEEE;
	padding-bottom:5px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:14px;
	color:#419B0C;
}
/*-------------------------------------------------------------------------*/
header{
	position:relative;
	height:130px;
}
h1{
	position:absolute;
	left:30px;
	top:5px;
	font-weight:bold;
	font-size:10px;
}
h2.siteTitle{
	position:absolute;
	left:30px;
	top:45px;
}
nav ul{
	position:absolute;
	left:330px;
	top:70px;
	border-right:dotted 1px #000000;
	overflow:hidden;
}
nav li{
	float:left;
}
nav li a{
	border-left:dotted 1px #000000;
	padding:0 13px;
	display:block;
	height:30px;
}
img.headerInquiry{
	position:absolute;
	left:630px;
	top:30px;
}
/*-------------------------------------------------------------------------*/
section#keyVisual{
	background:url(/img/content/key_visual.png) center top;
	position:relative;
	margin:0 auto;
	width:924px;
	height:390px;
}
img.catch{
	display:block;
	position:absolute;
}
img.catch1{
	left:48px;
	top:55px;
}
img.catch2{
	left:47px;
	top:90px;
}
img.catch3{
	left:50px;
	top:160px;
}
img.catch4{
	left:40px;
	top:210px;
}
img.catch5{
	left:180px;
	top:210px;
}
img.catch6{
	left:320px;
	top:210px;
}
/*-------------------------------------------------------------------------*/
section#service{
}
img.serviceImage{
	margin-left:20px;
	float:right;
	display:block;
}
section#sameDeySupport{
	margin-bottom:40px;
	overflow:hidden;
}
section.serviceFeature{
	width:275px;
	float:left;
}
section.care{
	margin-left:30px;
}
section.lineup{
	margin-right:20px;
	width:180px;
	float:left;
}
section.lineup.last{
	margin-right:0px;
}
/*-------------------------------------------------------------------------*/
section#glass{
}
div#security{
	background:url(/img/content/security.jpg) no-repeat;
	position:relative;
	margin:30px 0;
	width:580px;
	height:315px;
}
section.security{
	position:absolute;
	width:260px;
	top:10px;
}
section.security p{
	position:absolute;
	top:190px;
	width:240px;
	left:20px;
}
section#securityFilm{
	left:0px;
}
section#securityGlass{
	left:300px;
}
section#saving{
	background:url(/img/content/saving.jpg) no-repeat;
	position:relative;
	width:580px;
	height:365px;
	padding-top:10px;
	margin-bottom:30px;
}
section#saving p{
	position:absolute;
	width:250px;
	top:255px;
}
p.structure{
	left:20px;
}
p.effect{
	left:310px;
}
section#maker{
	margin-top:30px;
}
/*-------------------------------------------------------------------------*/
section#price table{
	width:580px;
	margin-bottom:20px;
}
section#price th{
	border-bottom:solid 1px #EEEEEE;
	color:#419B0C;
}
section#price td{
	border-bottom:solid 1px #EEEEEE;
	padding:10px 0;
}
section#price tr.title{
	background:#EEEEEE;
	font-size:14px;
}
section#price tr.title th{
	font-weight:normal;
	padding:6px 0 3px 0;
}
h3.makerTitle{
	border-bottom:solid 2px #EEEEEE;
	padding-bottom:5px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:14px;
	color:#419B0C;
}
section#payment{
	margin-top:30px;
}
section#cancel{
	margin-top:30px;
}
section#payment p, section#cancel p{
	margin-bottom:10px;
}
section#flow dt{
	margin-bottom:15px;
}
section#flow dd{
	margin-bottom:20px;
}
section#result dl{
	margin-top:30px;
}
section#result dt{
	margin-bottom:10px;
	color:#409A0C;
}
section#result dd{
	margin-bottom:20px;
	background:#EEEEEE;
	padding:15px;
}
section#faq dl{
	margin-top:30px;
}
section#faq dt{
	border-bottom:solid 2px #EEEEEE;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#409A0C;
}
section#faq dd{
	margin-bottom:20px;
}
/*-------------------------------------------------------------------------*/
div#subInquiry{
	margin-bottom:30px;
}
h2.areaTitle{
	margin-bottom:15px;
}
img.map{
	display:block;
	margin-bottom:15px;
}
section#area ul{
	margin:10px 0;
	overflow:hidden;
	list-style:none;
}
section#area li{
	float:left;
	width:70px;
	margin-right:5px;
}
/*-------------------------------------------------------------------------*/
footer{
	padding:30px;
	overflow:hidden;
	font-size:11px;
}
footer ul{
	list-style:none;
	overflow:hidden;
	float:left;
}
footer li{
	border-left:dotted 1px #000000;
	float:left;
	padding:0 10px;
}
footer li a, footer li a:hover{
	color:#429C0C;
}
div#copyright{
	float:right;
}

#cityName {position: absolute; top: 40px; left: 50px; font-size: 28px; font-weight: bold;}
#tailText {overflow: hidden;}
#tailText h3 {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #FFC600; font-size: 16px; font-weight: bold;}
#tailText p {margin-bottom: 10px;}
#tailText .prev {float: left;}
#tailText .next {float: right;}

/*-------------------------------------------------------------------------*/
section.subContent{
	margin-top:30px;
}
div#resultList{
	margin-bottom:30px;
	overflow:hidden;
}
div#resultList ul{
	list-style:none;
	float:left;
	width:25%;
}