@charset "UTF-8";

/*-------------
key color color:#f33563;
---------------*/

/*==================
default css clear
===================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;
}

html{
	height:100%;
}

body {
	width:100%;
	font-family:Arial,Helvetica,"ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:75%;
	line-height:110%;
	margin:0 auto;
	color:#898989;
	background:url("bg.jpg") repeat-x left top #d3d3d5;
	height:100%;
	scroll-y:scroll;
}

table{  
	border-collapse:collapse;   
	border-spacing:0;   
}

fieldset,img{border:0;} 

ul{list-style-position:inside;}

address,caption,cite,code,dfn,em,strong,th,var {  
	font-style:normal;   
	font-weight:normal;   
} 

caption,th {text-align:left;} 

q:before,q:after {  
	content:'';   
} 

abbr,acronym {border:0;}  

/*==================
headlines
===================*/

.himg{
	background:none;
	padding:0;
	margin:0 0 15px 0;
}

h1 {
	width:490px;
	height:27px;
	font-size:16px;
	background:url("h1.jpg") no-repeat left top;
	margin:0 auto 15px auto;
	padding:3px 20px 0 20px;
	font-weight:bold;
}

h2 {
	font-size:118.75%;
	background:url("h2.gif") no-repeat left center;
	margin:0 auto 15px auto;
	letter-spacing:0.07em;
}


.lang_english h2{
	font-size:125%;
	font-family:Arial,Helvetica,"ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	letter-spacing:0em;
}


.h2img{
	background:none;
}


h3 {
	font-size:112.5%;
	padding:2px 0px 0px 25px;
	margin-bottom:8px;
}


h4{
	padding:0;
	margin:0 0 12px 0;
	font-size:100%;
}

.gray {color: #898989;}


h5{
	padding:0;
	margin:0 0 8px 0;
	font-size:100%;
	text-align:left;
}

h6{
	padding:0;
	margin:0;
}


/*==================
tag common  
===================*/
a {
	text-decoration:underline;
	color:#898989;
	}

a:link {
	color:#898989;
	text-decoration:underline;

}

a:hover {
	color: #e2002c;
	text-decoration: underline;
}




a:active{
}


li a {
	text-decoration:underline;
	color:#333333;
	}

li a:link {
	color: #333333;
	text-decoration: underline;
}

li a:hover {
	color: #e2002c;
	text-decoration: underline;
}
cont_main_tbl li a {
	text-decoration:underline;
	color:#333333;
}
cont_main_tbl li a:link {
	text-decoration:underline;
	color:#333333;
}

cont_main_tbl li a:hover {
	text-decoration:underline;
	color:#333333;
}

p {margin:12px 0;padding:0;}


/*==================
class common  
===================*/


/* margin types */

.marginP{margin-top:25px;margin-bottom:25px;}
.marginPP{margin-bottom:25px;}
.margin20{margin-bottom:20px;}
.addMarL{margin-left:60px;}
.addMarB{margin-bottom:60px;}

/* color types */

.attention{color:#990000;}

/* font sizes */

.font_s{font-size:87.5%;}



.strR{
	display:block;
	text-align:right;
	margin:12px 0;
}

.strRImg{
	
	padding-left:12px;
	background:url("arwIcon.gif") no-repeat left center;
}


hr{
	display:block;
	background:#333;
	height:1px;
	width:100%;
	margin:30px 0; 
}


.to_top{
	width:564px;
	text-align:right;
	margin-bottom:22px;
}

.to_top a{
	text-decoration:none;
	color:#898989;
}





/*==================
links  
===================*/

.sideTextLink{
	font-size:100%;
}

.sideTextLink li{
	display:inline;
	border-right:1px solid #CCC;
	padding-right:10px;
	padding-left:10px;
}

.sideTextLink li.end{
	border:0;
	padding-right:0;
}


.sideTextLink li a{
}

/*==================
wrapper  
===================*/


#wrapper{
	width:930px;
	position:static;
	margin:0 auto;
	/*background:#f5f5f6;*/
	background:url("top.jpg") repeat-x left top #FFFFFF;
	height:100%;
	padding-top:35px;
	
	
}


#main{
	background:url("corner.jpg") no-repeat left top #FFFFFF;
	width:850px;
	flaot:left;
	height:auto;
	overflow:hidden;
	padding-right:40px;
	padding-left:40px;
	
}



/*==================
container  
===================*/
#container{
	float:left;
	width:850px;
	clear:both;
}

.on_left_menu{
	background:url("left_line.gif") repeat-y left top;
}


/*==================
header  
===================*/
#header{
	width:850px;
	height:208px;
	float:left;
}

#localTop #header{
	height:178px;
}



/*==================
mainImage  
===================*/

#mainImage{
	clear:both;
    width:300px;
  	height:178px;
	padding:30px 0px 0 0;
	line-height:100%;
	float:left;	
}



/*==================
menubar  
===================*/

#menubar {
	width:413px;
	float:right;
	font-size:112.5%;
	padding:0;
	text-align:right;
	margin:30px 0 50px 0;
	font-family:Arial,Helvetica,"ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	
}


#menubar ul{
	margin-top:42x;
	margin-bottom:0px;
	font-size:75%;
	
}




#menubar li{
	display:inline;
	margin-left:22px;
}




#menubar ul#menubar_under{
	width:413px;
	height:12px;
	margin:60px 0 0 0;
	padding:0 0 8px 0;
	text-align:left;
	font-size:100%;
}

#menubar ul#menubar_under li{
	line-height:100%;
	height:12px;
	margin:0;
	padding:0;
}




#menubar li a{
	color:#898989;
	text-decoration:none;
}

#menubar li a:hover{
	color:#e2002c;
	text-decoration:none;
}


#menubar li a.current{
	color:#333333;
}








/*==================
locator 
===================*/
#locator{
	width:905px;
	margin:0 auto 0 auto;
	font-size:smaller;
	text-align:right;
	height:22px;
	padding-top:5px;
	padding-right:0px;
	clear:both;
}

/*==================
main contents  
===================*/

#mainCont{
	width:850px;
	padding:0 0px 0 0;
	clear:both;
}




#mainContR{
	float:right;
	width:615px;
	padding-right:0;
	padding-left:40px;
	overflow:hidden;
}



#leftMenu {
	width:195px;
	height:100%;
	float:left;
	margin:0;
	font-family:Arial,Helvetica,"ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	padding:0 0 0 0px;
	overflow:hidden;
	
}

#product_page #leftMenu,#about_page #leftMenu{
	font-size:100%;
}


#leftMenu ul li{list-style:none outside;}

#leftMenu ul li a{
	display:block;
	width: 175px;
	height:23px;
	text-align:left;
	padding-top:12px;
	color:#BDBEBE;
	text-decoration:none;
	font-weight:bold;
	
}



#leftMenu ul li a:hover{
	color:#807f80;
}



#leftMenu li#LCurrent a:link,#leftMenu li#LCurrent a:visited{
	text-decoration:none;
	font-weight:bold;
}

#leftMenu ul ul li a{
	width:175px;
	margin-left:2em;

}




#leftMenu li#LCurrent a,#leftMenu li#LCcurrent ul li a:hover,#leftMenu li#LCurrent ul li a:hover,#leftMenu li#LCurrent ul li#LCurrent2 a{
	color:#807f80;
}

#leftMenu li#LCurrent ul li a{
	color:#BDBEBE;
}



#leftMenu #leftMenuTle{
	width:175px;
	height:23px;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	font-size:130%;
	margin-bottom:30px;
}



#leftMenu #leftMenuTle a{
	text-decoration:none;
	color:#898989;
}







.manager{
	padding-right:30px;
}



/*==================
footer  
===================*/

#footer {
	clear:both;
	width:100%;
	font-size:82.5%;
}

#copyright {
	width:850px;
	margin:0px 0 0 auto;
	padding:0 0px 0 0px;
	background:#FFFFFF;	
	
}

#copyright div{
	text-align:right;
}


#footer #copyright ul{
	margin-top:0;
	margin-bottom:0;
	padding:26px 0px 15px 0px;
	text-align:right;
	text-decoration:none;
}

#footer ul li{
	border:0;
	margin:0 0px 0 20px;
	padding:0;
	display:inline;
	text-decoration:none;
	
}

#footer a{
	color:#898989;
	text-decoration:none;
}

/*==================
contents common
===================*/

.imgR{float:right;margin:0 8px 0 12px;}

.imgL{float:left;margin:0 12px 0 8px;}

div:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/*==================
sitemap
===================*/


ul.sitemap {
	margin-top:10px;
	margin-bottom:50px;
	margin-left:0;
	width:720px;
}

ul.sitemap li {
	list-style:none;
	
}

ul.sitemap>li{
	font-weight:bold;
}	 
ul.sitemap li a{
	color:#FF8080;
}

ul.sitemap li a{
	display:block;
	margin-top:5px;
	padding-top:3px;
	height:22px;
	padding-left:20px;
	
}
	
ul.sitemap ul li{	
	font-weight:normal;
}	


ul.sitemap>ul>li{
	padding-left:20px;
}

ul.sitemap>ul>ul{
	
}

ul.sitemap>ul>ul>li{
	margin-left:90px;
	
}

ul.sitemap>ul>ul>ul>li{
	margin-left:190px;
	
}

ul.sitemap>ul>ul>ul>ul>li{
	margin-left:220px;
}


#top{
	background:#FFFFFF;
	height:360px;
}


#top #wrapper{
	position:absolute;
	width:720px;
	height:360px;
	overflow:visible;
	top:50%;
	left:50%;
	margin:-220px 0 0 -360px;
	background:none;
	padding-top:0;
}

#top #mainImage{
	width:720px;
	height:370px;
	text-align:right;
	padding:0 0 0px 0;
	margin:0 0 0 auto;
}

#top #wrapper p{
	width:700px;
	text-align:right;
	padding:0 17px 0 0;
}

#top #copyright{
	width:700px;
	margin:0 0px 0 0;
	padding:0 17px 0px 0;
	text-align:right;
	font-size:82.5%;
}



/* page common */

.contents{
	width:800px;
	line-height:160%;
	margin:0 0 0 auto;
}

.r_contents{
	width:564px;
	line-height:160%;
}


#cont_main_tbl{
	width:564px;
}



/* global top */

.topRight{
	width:545px;
}



/* service and networki */

#service{
}


*html .snTbl{
	margin-top:5px;
	margin-bottom:14px;
	border-bottom:1px solid #E1E1E2;
}


.snTbl{
	margin-top:5px;
	margin-bottom:12px;
	border-bottom:1px solid #E1E1E2;
}

#cont_main_tbl .snTbl td,#cont_main_tbl .snTbl th{
	padding-bottom:10px;
	padding-left:0;
	vertical-align:top;
}

/* service and network  about saki */

#information p{
	margin-top:0;
}

#information p.top{
	margin-left:0;
}

#information h3{
	font-weight:normal;
	font-size:100%;
	margin-bottom:0;
	line-height:150%;
	padding:0;
}

#information ol{
	list-style:decimal outside;
	margin-top:0;
	margin-bottom:12px;
	margin-left:1.6em;
}

#information ol ol{
	margin-left:1.6em;
	margin-top:12px;
}

#service h4{
	font-size:112.5%;
	margin-bottom:13px;
	color:#898989;
}


#mapContainer{
	width:500px;
	height:550px;
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-275px;
	background:#898989;
}



#map{
	width:500px;
	height:500px;
	
}

.mapOpenBtn,#mapCloseBtn{
	cursor:pointer;	
	font-weight:bold;
	color:#807f80;
}

#mapCloseBtn{color:#FFFFFF;}

/* about saki */

.sign{
	font-size:87.5%;
	text-align:right;
	margin:12px 0;
	line-height:140%;
}

/* heading */

.headTbl{margin-bottom:20px;} 

.headTbl td, .headTbl th{
	vertical-align:top;
	padding:15px 0 5px 0;
	border-bottom:1px solid #E1E1E2;
	line-height:100%;
}

.r_contents h3{
	margin-left:0;
	padding-left:0;
	font-size:112.5%;
}

.headTbl .tbl td{padding-left:0;}


#cont_main_tbl .compTbl th{
	padding:0 10px 14px 0;
	vertical-align:top;
}

#cont_main_tbl .compTbl td{
	padding-bottom:14px;
	vertical-align:top;
}

#CSR ol{padding-bottom:20px;}


#CSR ol li ol{
	margin-left:20px;
	padding-bottom:10px;
}

.hissu,h3 hissu{
	font-size:22px;
	color:#CC0000;
	margin-left:0px;
	vertical-align:-4px;
	font-weight:normal;
}



h3 .hissu strong{
	font-size:9px;
	vertical-align:4px;
}


.lang_english h3 .hissu strong{
	font-size:45%;
}


/* products and recruit  */

/* products */

#products_top{width:564px;}

#products_top table{font-size:87.5%;}


#products_top .detail{
	vertical-align:bottom;
	text-align:right;
	padding:0 0 10px 0;
}

#products_top ul{
	list-style:outside;
	margin-left:2em;
}

#products_top .add_btm{
	border-bottom:1px solid #E1E1E2;
}

#products_top h3{
	margin-bottom:0;
}

#products h2,#products_top h2,#products_top h3,#recruit h2{
	margin:0 auto 10px auto;
}

#products h3,#recruit h3{
	width:349px;
	margin:0 0 10px 0;
	padding-bottom:5px;
	border-bottom:1px solid #E1E1E2;
}

#products h4,#recruit h4{
	border-bottom:1px solid #898989;
	font-size:112.5%;
	margin-bottom:13px;
	color:#f33563;
}


.produ {
	border-bottom:1px solid #E1E1E2;
}
.prodTbl{
	margin:0 auto;
}
.prodDesc{color:#666666;}
.prod_des{
	width:524px;
	margin:0 auto 0px auto;
	background:url("prod_box_r.gif") repeat-y top right;
	padding:0 20px 5px 20px ;
}

.prod_end{
	background:url("prod_box_btm.gif") no-repeat left top;
	width:564px;
	height:4px;
	margin:0 auto 40px auto;
}


.family_prod{
	margin-bottom:20px;
}



/* recuruit */

#recruit h5{
	margin-bottom:15px;
	padding-left:12px;
}

#recruit .recPhotoTbl{
	margin-top:10px;
	margin-bottom:50px;
}

#recruit h4,#recruit_2 h4{color:#807f80;}

#recruit h4.msg{
	margin-bottom:15px;
	text-align:left;
}

#recruit h4 span.h4normal{
	font-weight:normal;
	color:#898989;
	padding-left:12px;
}

#recruit .terms h4{
	font-weight:normal;
}



#recruit dl{
	margin-bottom:30px;
}
#recruit dt{
	color:#807f80;
}
#recruit dd{
	margin-bottom:18px;
	padding-left:1em;
}

.photo_txt{
	width:388px;
	margin:0 auto;
}

.photo_txt p{
	margin:0 0 1em 0;
}

.photo_txt p.photo_end{
	margin:0 0 2em 0;
}

.photo_txt p img{
	line-height:100%;
}



.photo_txt dl{
	margin-top:0;
	margin-bottom:2em;
	
}

.photo_txt dt{
	margin-top:0;
}

.photo_txt dd{
	margin-bottom:0;
}




.interviewTbl{
	margin-bottom:2em;	
}

.interviewTbl td{
	padding-bottom:1.5em;
}

.interviewTbl th{
	width:40px;
	vertical-align:top;
	padding-bottom:1.5em;
}



/* contacts */



input,textarea{
	font-size:100%;
}

#contacts .tbl th{
	padding-bottom:4px;
	vertical-align:top;
}

#contacts .tbl td{padding-bottom:4px;vertical-align:top;}


#contacts .tbl input{width:280px;}

#contacts #submit{margin-right:30px;}





#contacts #conf_tbl{
	width:564px;
	margin-bottom:20px;
}

#contacts #conf_tbl th{width:170px;font-weight:bold;}
#contacts #conf_tbl td{width:394px;}


#contacts #conf_tbl th,#contacts #conf_tbl td,#contacts div{
	vertical-align:top;
	padding:15px 10px 5px 10px;
	border-bottom:1px solid #E1E1E2;
	line-height:100%;
	text-align:left;
}





#inquiryMain{
	width:282px;
	height:130px;
	font-family:Arial,Helvetica,"ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
}





#entry_flow{
	margin:40px 0;
}

#entry_schedule{
	margin:40px 0;
}

#recruit_2 ul{
	list-style:none;
}









.col{
	font-size:45%;
}


table.tblml {
	border:1px solid #939393;
	border-collapse:collapse;
	}
table.tblml td {
	border:1px solid #939393;
	border-collapse:collapse;
	padding:5px;
	}