@charset "Shift_JIS";


/*----------------------------------------
	index
-----------------------------------------*/
#wrapper {
	width:100%;	
	position:relative;
}

/*----------------------------------------
	main
-----------------------------------------*/
#main {
	height:650px;
	background:url(../img/index_main_back.jpg) center bottom no-repeat;
	-moz-background-size:cover;
	background-size:cover;			
}

#main h1{
	text-align:center;
	padding:240px 0 0 0;
}




/*----------------------------------------
	brand
-----------------------------------------*/
#brand{
	background-color:#ededed;
	padding-bottom: 110px;	
}

#brand .box{
	width: 970px;
	height: 400px;
	margin-bottom: 30px;
}

#brand #inozto{
	background:url(../img/index_brand_inozto_back.jpg) center center no-repeat;
}

#brand #craha{
	background:url(../img/index_brand_craha_back.jpg) center center no-repeat;
}

#brand .description{
	padding:0 0 0 515px;
	width: 455px;
	text-align:center;
}

#brand #inozto .description dt{
	padding:120px 0 30px 0;
}

#brand #craha .description dt{
	padding:80px 0 30px 0;
}

#brand .description dd{
	width:400px;
	margin:0 auto 50px auto;
}

.button{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	width:170px;
	height:30px;
	background:#0794cd;
	border:none;
	font-size:16px;
	margin:0 auto;
	padding-top:10px;
}

#brand .button:hover{
	background:#0474a2;
}

/*----------------------------------------
	about
-----------------------------------------*/
#about{
	padding-bottom: 140px;	
}

#about #outline{
	width: 520px;
}

#about h3{
	font-size:28px;
	font-weight:bold;
	letter-spacing: 2px;
	margin-bottom:30px;
}

#about #outline dl{
	margin-top: 50px;
	font-size: 13px;
}

#about #outline dt{
	float:left;
	clear:both;
	width: 100px;
}

#about #outline dd{
	padding: 0 0 10px 100px;
}

#about #showroom {
	margin-top:100px;
}

#about #showroom h3{
	font-weight:bold;
	font-size: 24px;
	margin-bottom:10px;
}

#about #showroom .address{
	margin:40px 0 0 0;
	font-size:13px;
}

#about #showroom .description{
	width:340px;
	display:inline-block;
}

#about a{
	text-decoration:underline;
}


/*----------------------------------------
	contact
-----------------------------------------*/

#contact{
	background-color:#f5f5f5;
	padding-bottom: 140px;	
}

#contact .caption_copy{
	float:left;
	margin:75px 0 0 75px;
	font-size:13px;	
}

#contact p{
	text-align:center;
}

#contact #mainform{
	margin:30px auto 0px auto;
	width: 720px;
	text-align:center;
}

#contact .buttons{
	margin:30px auto 0px auto;
	width: 720px;
	text-align:center;
}

#contact.tmpl .buttons form{
	display:inline-block;
}
#contact .buttons input{
	margin-left:10px;
}

#contact form dt{
	float:left;
	font-weight: normal;
	width:160px;
	font-size: 14px;
	text-align: left;
}

#contact form dd{
	float:left;	
	width: 560px;
	margin-bottom: 15px;
}

#contact form .text{
	width: 500px;
	height: 18px;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:none;
	background:#ffffff;
	-webkit-appearance:none;
	font-size:14px;
}

#contact form .name{
	
}
#contact form .mail{
	ime-mode: inactive;
}

#contact form textarea.text{
	width: 500px;
	height: 120px;
}

#contact form #privacy{
	margin-left:20px;
	width: 500px;
	border: solid 1px #c9c9c9;
	padding:10px;
	text-align:left;
	font-size:14px;
}

#contact form #sendbtn{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	width:200px;
	height:40px;
	background:#eec920;
	border:none;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	margin:50px 0 0 0;	
}


#contact form #sendbtn{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	width:200px;
	height:40px;
	background:#eec920;
	border:none;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	margin:50px 0 0 0;	
}

#contact .contents{
	width:530px;
	margin: 50px auto 0 auto;
}

#contact input.button{
	width:200px;
	height:40px;
	padding-top:0px;	
}

#contact .button{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	width:200px;
	height:40px;
	border:none;
	color:#FFF;
	margin:50px auto 0 auto;
}

#contact #back{
	background:#999999;	
}

#contact a{
	text-decoration:underline;
}


#contact table{
	border-spacing: 0px 10px;
}

#privacy{
	position:fixed;
	top:0;
	width:100%;
	height:100%;	
	z-index:100;
	display:none;
}

#privacy .layer{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
}

#privacy .back{
	width:100%;
	height:100%;		
	background:#000;
	opacity:0.5;	
}

#privacy .box{
	width:800px;
	height:500px;
	margin:150px auto 0 auto;
	background:#fff;
	overflow:scroll;
	padding:60px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;			
}

#privacy h4{
	font-weight:bold;
	font-size:20px;
	margin-bottom:20px;
}

#privacy p{
	text-align:left;
}

#privacy dt{
	margin-top:20px;
	font-weight:bold;
	font-size:15px;
}

#privacy dd{
	font-size:13px;
}

#privacy ul{
	padding-left:30px;
}

#privacy ul li{
	list-style:disc;
}

#privacy .button{
	background:#eec920;
	text-align:center;
}