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


#page_headline .inner	{ background-image:url(../img/headline/about.jpg?0535);}
#history #page_headline .inner	{ background-image:url(../img/headline/history.jpg);}
#inquiry #page_headline .inner	{ background-image:url(../img/headline/inquiry.jpg);}
#product #page_headline .inner	{ background-image:url(../img/headline/product.jpg);}

#map_box	{ width:610px; height:390px; background:url(../img/about/access.png) 0 0 no-repeat; margin:30px auto 0;}
#map	{ width:570px; height:320px; position:relative; left:20px; top:50px;}



#data	{ width:610px; margin:20px auto 0; border-collapse:separate;}
#data th	{ border-left:5px solid #006699; background-color:#F1F7F9; padding:15px; border-bottom:1px solid #006699; border-top:2px solid #ffffff; text-align:left; color:#006699;}
#data td	{ padding:15px; border-bottom:1px solid #006699; border-top:1px solid #ffffff;}

#ap	{ margin:30px auto 0; text-align:center;}


#inquiry #data th	{  padding-left:5px;}
#data .err th	{ border-left:5px solid #D90000; background-color:#FFE4DD; border-bottom:1px solid #FF9673; text-align:left; color:#D90000;}
#data .err td	{ border-bottom-color:#FF9673;}
#inquiry #data th span	{ display:inline-block; width:1.2em;
*display: inline; *zoom: 1;
}

input	{ padding:0.2em 0;}


.btn	{ width:30%; display:inline-block; margin:2em auto; background-color:#006699; border:none; font-size:110%; font-weight:bold; padding:0.8em 0; text-align:center; color:#ffffff;  -moz-border-radius:0.3em ; -webkit-border-radius:0.3em ; border-radius:0.3em ;
*display: inline; *zoom: 1;}

.btn.type2	{ display:inline-block; width:200px; margin:0 auto; font-size:80%; font-weight:normal; padding:0.4em 0; text-align:center;  -moz-border-radius:0.3em ; -webkit-border-radius:0.3em ; border-radius:0.3em ;
*display: inline; *zoom: 1;
}

input.v_short	{ width:35px;}
input.long	{ width:100%;}
input.middle	{ width:80%;}

.btn:hover	{ opacity:0.8;}


textarea	{ width:100%; height:150px; min-height:150px;}


#privacy	{ background:url(../img/other/dot.png) 0 0 repeat; padding:10px; width:590px; margin:20px auto 0; position:relative;}
#privacy .cover	{ display:none; position:absolute; top:10px; background:url(../img/other/cover.png) 0 bottom repeat-x; width:590px;}
#privacy .cover p	{ position:absolute; margin:0 auto; bottom:10px; text-align:center; width:100%;}
#privacy .inner	{ background-color:#ffffff; overflow:hidden; padding:10px;}

#privacy h3	{ font-size:110%; font-weight:bold; margin-bottom:5px;}
#privacy p	{ text-indent:1em; margin-bottom:10px; font-size:90%;}
#privacy li	{ list-style:disc; margin:0 0 5px 20px;}

 p.conf	{ color:#006699; border:1px solid #006699; width:590px; margin:10px auto 0; background-color:#F1F7F9; padding:10px;}
 p.err	{ color:#D90000; border:1px solid #d90000; width:590px; margin:10px auto 0; background-color:#FFE4DD; padding:10px;}


div#sys_mes	{ color:#006699; border:1px solid #006699; width:590px; margin:30px auto 20px; background-color:#F1F7F9; padding:10px 0 20px; text-align:center;}

div#sys_mes.err	{ color:#D90000; border:1px solid #d90000; width:590px; margin:30px auto 20px; background-color:#FFE4DD; padding:10px 0 25px; text-align:center;}