/***********************-
タイトル : 箱
概要：フォーム

制作日：2009/09

修正日：2009/12
-***********************/



/* ----- フォーム -------------------------------------- */


/*ここからセレクト用*/
#section{
 margin:60px auto; width:600px; text-align:left; height:800px; }
	
#section h1{ color:#000; font-size:140%; font-weight:bold;margin:0!important; padding:0 0 5px!important; background:none !important; border-bottom:2px solid #036eb8; }
	
	
#section h1 .ss{ margin:0 10px 0 0; font-size:80%;}

#section h1 img{ float:left; margin:0 15px 0 0; border:1px solid #999;}


#section h2{margin:30px 0px 0!important; font-size:120%!important; font-weight:bold; }
#section  p{margin:20px !important; }


#yes{ display: none;border-top:1px solid #666; 
margin:40px 0 0; }

#no{ display: none; 
border-top:1px solid #666; 
margin:40px 0 0;}


#section  ul{ margin:5px auto 15px; text-align:center; width:30em;}
#section  ul li{ display: inline-block;
    /* For IE 6/7 */
    *display: inline;
    *zoom: 1;
	margin:20px;
	padding:8px;
	border-radius:5px;
	border:1px solid #666; width:7em; text-align:center; background:#fff;}
#section  ul li label input{ 
	margin:0 0.5em 0 0 ;}
	
#section p.hakochui{ text-align:center; color:#C00;}
	
/*ここから見積*/
#wrapper2{  margin:20px auto; width:600px; text-align:left;}


#mitumori p{
margin:20px 0px 0 0px; text-align:left;  }
#mitumori header#box {  margin:40px 0; text-align:left;}
#mitumori header#box img{ float:left; margin:0 20px 0 0; border:1px solid #666;}
#mitumori header#box h2{font-weight:bold;font-size:130%;}
#mitumori header#box ul{ margin:10px 0 0 150px; }
#mitumori header#box li{ margin:0 0 5px; background:url(../img/maru.gif) 0 50% no-repeat ; padding:0 0 0 15px; }

#mitumorimein{  margin:20px auto; width:600px; text-align:left;}
#mitumorimein h3{ background:url(../img/boxback2.gif) 0 100% no-repeat; padding:5px 0 0 25px;font-weight:bold;font-size:110%;}


#mitumori .error{ margin:20px 0 10px 20px; color:#C00;}


#mitumori .txt3{ width:4em}
#mitumori .txterror{background:#FFC;border:#C00 2px solid;}


.errormessage{ color:#C00; font-size:80%; margin:5px 0 0 0; }
.errormessage li{ border:none; margin:0px; padding:0 0 0 20px; background:url(../img/exclamation.png) 0 0 no-repeat;}
#mitumori .errormessage li:last-child{ border:none; margin:0px; padding:0 0 0 20px;}

input ,select {
position:relative;
top:-2px;
}

#mitumori .chui{font-size:90%;}

#mitumorimein dl{  margin:15px 0 15px 20px !important; background:#d4d4d4; color:#333;border-bottom:1px solid #666;}
#mitumorimein dl dt,#mitumorimein dl dd{float:left;
	margin:0px;
	padding:10px 0px 10px 10px;
	vertical-align:top; border-top:1px solid #666;}

#mitumorimein dl dt{  width:155px; clear:both;}

#mitumorimein dl dd{ width:405px;background:#fff;}
#mitumorimein dl dd p{ margin:0;}

#mitumorimein dl dd label{margin:0 5px 0 0;}
#mitumorimein dl dd .ss{margin:0 0 0 2px;}


#stainless,#iron,#aluminium{ display: inline;
margin:0px 0 0; float:left; width:8em;}
#mitumorimein dl dd label.zaisitu{float:left; width:8em;}
#mitumorimein dl dd li{margin:0 10px 5px 0; border-bottom:1px dotted #999; padding:0 0 3px; }
#mitumorimein dl dd li:last-child{margin:0 10px 0 0; border:none; padding:0 0;}

#mitumorimein .btn { margin:30px auto; width:143px;}

table.mitumori{background:#fff;margin:15px 0 0 20px!important; width:580px; border:1px solid #999;}
table.mitumori th,table.mitumori td{padding:8px 8px 5px;}
table.mitumori th{color:#900;font-weight:bold;font-size:110%; background:#d4d4d4; text-align:center;}
table.mitumori td{ color:#000;}
table.mitumori td strong{color:#900;font-weight:bold;font-size:150%; margin:0 5px;}
table.mitumori td .red{color:#900;margin:1em 0 1em 3em;}
table.mitumori td .hitomoji{margin:0 0 0 1em;}
table.mitumori td .ss{ font-size:110%; font-weight:bold;}

.ss2{ font-size:90%; margin:0 3px 0 0;}
.ss3{ font-size:70%; margin:0 2px;}


.mitumoritop{ margin:40px auto 20px; text-align:center;}
.mitumoritop a{ border:1px solid #666; padding:3px 8px; background:#FFF;}
.mitumoritop a:hover{ background:#FFC;}