/* CSS Document */


/************************************************/
/***�氿籟間奴�***/
* html .test { font-size:small;}
/***�氿籟楚奴�***/
*:first-child+html .test { font-size:medium;}
/***FIRE FOX***/
html>body .test{ font-size:medium;}
/***扔白央伉’opera***/
html:first-child .test { font-size:medium;}
/************************************************/
body{ text-align:center; font-family:'Hiragino Kaku Gothic Pro',	'甲仿幼用剩打 Pro W3',	'Osaka',	'�礿� �苭揖極疇�',	sans-serif;}




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

*{ margin:0; padding:0;}
img{ border:0;}

p,th,td{ font-size:80%; line-height:160%; }

.CNT{ text-align:center;}
.L{ text-align:left;}
.R{ text-align:right;}

span.txt_s{font-size:80%;}

a{}
a:hover{}

#bg{ background:url(../img/bg_head.gif) repeat-x top; height:100px;}

#container{
	margin:auto;
	text-align:left;
	width:920px;
	}
#head{
	height:50px;
	}
#head div#hh_menu{
	margin:10px 0 0 180px;
	}
#head div#hh_menu p{
	float:left;
	}
#head h1{
	float:left;
	}
#head div#hh_menu{
	float:left;
	}
#head_menu{
	clear:left;
	}
#head_menu ul{
	list-style-type:none;
	}
#head_menu ul li{
	float:left;
	}
#head_menu ul li img{
	vertical-align:bottom;
	}
#head_menu ul li.off{
	float:left;
	overflow:hidden;
	position:relative;
	width:230px;
	height:42px;
	}
#head_menu ul li.on{
	float:left;
	position:relative;
	z-index:10;
	width:230px;
	height:42px
	}
#head_menu ul>li.on{
	overflow:visible;/*﹣*/ }
#head_menu ul ol.sub{
	position:absolute;
	left:0px;
	top:42px;
	width:230px;
	border:1px solid #999999;
	text-align:center;
	list-style-type:none;
	}
#head_menu ul ol.sub li{
	width:230px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #999999;
	text-align:left;
	text-indent:4px;
	text-align:center;
	}
#head_menu ul ol.sub li a{
	background-color:#FFFFFF;
	text-decoration:none;
	color:#000000;
	height:30px;
	line-height:30px;
	font-size:14px;
	filter:alpha(opacity=80); /*IE*/
	-moz-opacity:0.80; /*FF*/
	display:block;
	font-size:12px;
	}
	
#head_menu ul ol.sub li a:hover{ background-color:#99CC00;}

#head_menu::after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


#contents{ width:920px; margin:20px 0 20px 0; text-align:left; }

#contents {
    zoom: 100%;
}
#contents:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.contentsinner{  margin:20px 0 0 0; text-align:left;}
.contentsinner img.subtitle{ margin:0 0 30px 0; }
.contentsinner p{ margin:0 0 20px 0;}

#busi_menu{ width:180px; float:left;}
#busi_menu ul{ list-style-type:none;}
#busi_menu li{ margin:2px 0 0 0;}
#busi_menu li img{ vertical-align:bottom;}

#main{ float:left; width:732px; margin:0 0 0 8px; text-align:left;}
#main2{ clear:left; width:732px; margin:0 auto 0 auto; text-align:left;}

#foot_up{ clear:both; border:dotted #666666; border-width:0 0 1px 0; height:20px;}
#foot_menu{text-align:center;}
#foot_menu ul{ list-style-type:none;}
#foot_menu ul li{ float:left;}
#foot_menu ul#menu_up{ clear:left; margin:10px 0 0 280px; height:22px;}
#foot_menu ul#menu_up li{}
#foot_menu ul#menu_up li img{ vertical-align:bottom;}
#foot_menu ul#menu_dwn{ clear:left; margin:10px 0 0 620px;}
#foot_menu ul#menu_dwn li{}
#foot_menu ul#menu_dwn li a{ color:#666666; text-decoration:none; font-size:12px; font-weight:normal;}
#foot_menu ul#menu_dwn li a:hover{ text-decoration:underline;}
#copyright{ text-align:center;}
#foot_menu p#menu_dwn{ margin:10px auto 0 auto;}
#foot_menu p#menu_dwn a{ color:#666666; text-decoration:none; font-size:12px; font-weight:normal;}
#foot_menu p#menu_dwn a:hover{ text-decoration:underline;}
#foot_menu p#menu_dwn2{ clear:left; margin:10px 0 0 680px;}
#foot_menu p#menu_dwn2 a{ color:#666666; text-decoration:none; font-size:12px; font-weight:normal;}
#foot_menu p#menu_dwn2 a:hover{ text-decoration:underline;}


.textred{color:#F00;}
/***TOP***/
#main_top{ position: relative;width:920px; margin:10px auto 0 auto; text-align:left;z-index:0;}
#main_top .catchcopy{
	position: absolute;
	top: 190px;
	left:0px;
	width:920px;
	margin:0;
	padding:0;
	font-size:0.8em;
	text-align:center;
}
#main_top .information_btn{
	position: absolute;
	top: 300px;
	left:10px;
	width:520px;
	margin:0;
	padding:0;
	font-size:0.8em;
	text-align:left;
}

#main_top .information_btn span{
	margin-left: 32em;
	position:absolute;
	z-index:1;
}

#main_top .information_text{
	position: absolute;
	top: 300px;
	left:130px;
	width:32em;
	margin:0;
	padding:0;
	font-size:0.8em;
	text-align:left;
}
 .information_text dt{
	float:left;
	margin-right:20px;
	color:#4d4d4d;
 }
 .information_text dd{
	 margin:0 0 5px 0;
 }
 .information_text:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#main_top .topbanner{
	position: absolute;
	bottom: 10px;
	left:10px;
	width:680px;
	margin:0;
	padding:0;
	text-align:left;
}
.topbanner img{
	margin-right:10px;
}
#main_top .mynavi{
	position: absolute;
	top:0px;
	left:320px;
	width:200px;
	margin:0;
	padding:0;
	text-align: center;
}

/***戊件氾件汁菊��E**/
#main_contents{ width:920px; margin:0 auto 0 auto; text-align:left; }
#main_contents {
    zoom: 100%;
}
#main_contents:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#main_contents #contents_menu{
	width:230px;
	text-align:center;
	float:left;
}
#main_contents #contents_body{
	width:670px;
	margin-left:15px;
	float:right;
}
 #contents_menu h1{
	margin-top:55px;
	margin-bottom:25px;
 }
 #contents_body h2{
	margin-top:30px;
 }
 #contents_menu .mainmenu img{
	margin-bottom:10px;
 }
 #contents_menu .menubanner{
	margin-top:80px;
 }
#navi{
	text-align:left;
}
#navi ul{
	list-style:none;
}
#navi li{
	float:left;
	margin-right:10px;
	font-size:0.8em;
}
#navi:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#bottom_link{
	text-align:right;
	margin:0;
}
.contentend{
	clear:both;
}

/***��E’T邰***/
#company{}
#company .read{
	background:url(../img/company/read_bg.gif) bottom left no-repeat;
	width:670px;
	height:258px;
}
#company .readtext{
	margin:35px 0 0 10px;
	width:400px;
}
#company .title{
	background:url(../img/company/titlebg.gif) bottom left no-repeat;
	width:669px;
	height:114px;
}
.company_top{
	margin:0;
}
.company_top:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.company_top .btn_a{
	width:320px;
	float:left;
}
.company_top .btn_b{
	width:320px;
	float:right;
}
.company_top p{
	margin:10px 0 0 3px;
}

#contents_menu #company_menu{
	width:230px;
	height:688px;
	background:url(../img/company/menu_bg.gif) top left no-repeat;
	text-align:center;
	float:left;
}
#company table.gaiyou{ border:0px solid #cccccc; background:#cccccc; margin-left:20px;margin-bottom:50px; width:630px;}
#company table.gaiyou caption{ text-align:right; font-size:60%;}
#company table.gaiyou th{ width:6em;padding:15px 8px; border:1px ; background-color:#f2f2f2; text-align:left;font-weight:normal;	vertical-align:top;}
#company table.gaiyou td{ padding:15px 8px; border:1px ; background-color:#FFFFFF;	vertical-align:top;}
#company table.gaiyou dl { width:510px;}  
#company table.gaiyou dt {  float:left;   width:170px; padding:5px 0 5px 0px;  clear:both;}  
#company table.gaiyou dd {  width:330px; _width:310px; margin-left:150px;  padding:5px 0px 5px 0px; padding-left:2em; _padding-left:1em;}  

/***��E磌鞢�**/
#business{}
#contents_menu #business_menu{
	width:230px;
	height:814px;
	background:url(../img/business/common/menu_bg.gif) top left no-repeat;
	text-align:center;
	float:left;
}
#contents_menu #business_menu2{
	width:230px;
	height:935px;
	background:url(../img/business/common/menu_bg2.gif) top left no-repeat;
	text-align:center;
	float:left;
}
#business .read{
	background:url(../img/business/top/read_bg.gif) bottom left no-repeat;
	width:670px;
	height:258px;
}
#business .readtext{
	margin:35px 0 0 10px;
	width:400px;
}
#business .title{
	background:url(../img/business/common/titlebg.gif) bottom left no-repeat;
	width:669px;
	height:114px;
}
#business .title img{
	margin-top:15px;
}
.business_top{
	margin-bottom:15px;
	zoom:100%;
}
.business_top:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.business_top .btn_a{
	width:320px;
	float:left;
}
.business_top .btn_b{
	width:320px;
	float:right;
}
.business_top p{
	margin:10px 0 0 3px;
}
#business .businessinner{
	margin-bottom:30px;
}
.businessinner:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
 .businessinner .contents_a{
	margin-bottom:30px;
	zoom:100%;
}
.contents_a:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
 .businessinner .textbox_a_text{
	width:398px;
	text-align:left;
	float:left;
}
 .businessinner .textbox_a_img{
	width:272px;
	float:right;
}
.textbox_a_text p{
	margin:20px 20px;
}
 .businessinner .textbox_b_img{
	width:275px;
	float:left;
}
 .businessinner .textbox_b_text{
	width:395px;
	text-align:left;
	float:right;
}
.textbox_b_text p{
	margin:20px 20px;
}
#business .subtitlearea_a{
	text-align:right;
	margin:60px 0 30px 0;
}
#business .subtitlearea_b{
	text-align:left;
	margin:60px 0 30px 0;
}
 .businessinner .epbox{
	position: relative;
	margin-bottom:30px;
}
 .businessinner .ep_text{
	position: absolute;
	top: 60px;
	left:178px;
	width:470px;
	text-align:left;
}
.go_staff{
	padding:30px 0;
}
 .contents_a_2{
	 padding-left:83px;
	 width:592px;
	margin-bottom:30px;
	zoom:100%;
}
.contents_a_2:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.contents_b_2:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.contents_c_2:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

 .businessinner .textbox_a_text_2{
	 padding:18px 0 0 0;
	width:305px;
	text-align:right;
	float:left;
}
 .businessinner .textbox_a_img_2{
	width:287px;
	float:right;
}
 .contents_b_2{
	 width:623px;
	margin-bottom:30px;
	zoom:100%;
}
 .textbox_b_img_2{
	width:287px;
	float:left;
}
 .textbox_b_text_2{
	 padding-top:57px;
	width:336px;
	text-align:left;
	float:right;
}
 .contents_c_2{
	 padding-left:33px;
	 width:642px;
	margin-bottom:30px;
	zoom:100%;
}
 .businessinner .textbox_c_text_2{
	 padding-top:49px;
	width:355px;
	text-align:right;
	float:left;
}
 .businessinner .textbox_c_img_2{
	width:287px;
	float:right;
}
/***賤戀輛’(**/
/***�恁鶜�***/

/***幗奷暸��E�**/
#recruit{}
#contents_menu #recruit_menu{
	width:230px;
	height:1022px;
	background:url(../img/recruit/menu_bg.gif) top left no-repeat;
	text-align:center;
	float:left;
}
#recruit .read{
	background:url(../img/recruit/read_bg.gif) bottom left no-repeat;
	width:669px;
	height:240px;
	margin-bottom:35px;
}
#recruit .readtext{
	margin:25px 0 0 10px;
	width:350px;
}
#recruit_top{
	margin:0;
	zoom:100%;
}
#recruit_top:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#recruit_top .btn_a{
	width:320px;
	float:left;
}
#recruit_top .btn_b{
	width:320px;
	float:right;
}
#recruit_top p{
	margin:10px 0 0 3px;
}

#recruit .splink{
	position:relative;
	margin:75px 0 0 0px;
	width:668px;
}
.splink .splink_btn_a{
	position: absolute;
	top: 150px;
	left:20px;
	width:299px;
	margin:0;
	padding:0;
}
.splink .splink_btn_b{
	position: absolute;
	top: 150px;
	left:350px;
	width:299px;
	margin:0;
	padding:0;
}
#recruit .title{
	background:url(../img/recruit/titlebg.gif) bottom left no-repeat;
	width:669px;
	height:114px;
	margin-bottom:15px;
}
#recruit .title img{
	margin-top:15px;
}
.recruit_ethos_text{
	background:url(../img/recruit/recruit_ethos_img.jpg) bottom right no-repeat;
	padding-right:280px;
}
.recruit_ethos_text p{
	margin-bottom:15px;
}
#recruit table{ border:0px solid #cccccc; background:#cccccc; margin-left:20px;margin-bottom:50px; width:630px;}
#recruit table th{ width:15em;padding:8px 8px; border:1px ; background-color:#f2f2f2; text-align:left;font-weight:normal;vertical-align:top;}
#recruit table td{ padding:8px 8px; border:1px ; background-color:#FFFFFF;	vertical-align:top;}


/***�靿����E熇�**/
#contact{}
#contact h3{
	text-indent:16px;
	font-size:14px;
	font:normal;
	letter-spacing:2px;
	color:#006600;
	background:url(../img/bg_h3a.gif) no-repeat;
	border:solid #99CC99;
	border-width:1px;
	margin:20px 10px 0 10px;
	padding:4px 0 4px 0;
}
#contact p.tel{ font-size:25px; color:#006600; text-align:center; margin:6px 0 10px 0;}
#contact table{ margin:10px auto 0 auto;}
#contact table caption{ text-align:right; font-size:80%;}
#contact table th{ padding:6px; font-weight:normal; background:url(../img/bg_th01.jpg); color:#FFFFFF;}
#contact table td{ padding:6px; background:url(../img/bg_td03.jpg);}
#contact span.kome{ color:#FF0000;}
#contact span.rei{ color:#999999; font-size:80%;}

/***扔奶玄穴永皿***/

#sitemap{}
#sitemap .title{
	background:url(../img/privacy/titlebg.gif) bottom left no-repeat;
	width:878px;
	height:106px;
}
#sitemap .title img{
	margin-top:30px;
}
#sitemap .sitemapbox{
	background:url(../img/sitemap/linkbar.gif) bottom left no-repeat;
	padding:50px 0;
	width:850px;
	zoom:100%;
}
.sitemapbox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.sitemapbox .linkbox_a{
	float:left;
	width:250px;
	padding:5px 0;
}
.sitemapbox .linkbox_b{
	float:left;
	width:570px;
}
.sitemapbox .link_subbox{
	float:right;
	width:570px;
	zoom:100%;
}
.link_subbox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.linkbox_b .linkbox_c{
	float:left;
	width:220px;
	padding:8px 0;
}
.sitemapbox .linkbox_d{
	float:left;
	width:220px;
	padding:8px 0;
}
.linkbox_b .linkbox_e{
	float:left;
	width:190px;
	padding:8px 0;
	margin-left:30px;
}
.sitemapbox .linkbox_f{
	float:left;
	width:245px;
	padding:8px 0;
	margin-left:70px;
}

#sitemap ul{ margin:4px 0 0 0; list-style-type:none; }
#sitemap ul li{ margin:2px 0 0 0; border:1px solid #CCCCCC; line-height:30px;}
#sitemap ul li a{ display:block; color:#333333; font-size:12px; text-decoration:none; text-indent:20px;}
#sitemap ul li a:hover{  background-color:#FFCC00;}
#sitemap ol{ margin:4px 0 0 20px; list-style-type:none;}
#sitemap ol li{ margin:2px 0 0 0; border:1px solid #CCCCCC; line-height:30px;}
#sitemap ol li a{ display:block; color:#333333; font-size:12px; text-decoration:none; text-indent:20px;}
#sitemap ol li a:hover{  background-color:#FFCC00;}

/******/
#privacy{}
#privacy .title{
	background:url(../img/privacy/titlebg.gif) bottom left no-repeat;
	width:878px;
	height:106px;
}
#privacy .title img{
	margin-top:30px;
}
#privacy p.read{ margin:40px 0;}
#privacy table{ border:0px solid #cccccc; background:#cccccc; margin-left:20px;margin-bottom:50px; width:100%}
#privacy table th{ width:15em;padding:8px 8px; border:1px ; background-color:#f2f2f2; text-align:left;font-weight:normal;vertical-align:top;}
#privacy table td{ padding:8px 8px; border:1px ; background-color:#FFFFFF;	vertical-align:top;}




/***旦矢扑乓��E**/
#special{
}
#special .read{
	background:url(../img/sp/read_bg.gif) top center no-repeat;
	width:669px;
	text-align:right;
	margin-bottom:35px;
}
#special .read img{
	margin:220px 0 0 0;
}
#special .sptopimg{
	position:relative;
	width:674px;
	margin-top:10px;
}
.sptopimg .sptop_btn_a{
	position: absolute;
	top: 80px;
	left:50px;
	width:299px;
	margin:0;
	padding:0;
}
.sptopimg .sptop_btn_b{
	position: absolute;
	top: 0px;
	left:320px;
	width:299px;
	margin:0;
	padding:0;
}
.sptopimg .sptop_btn_c{
	position: absolute;
	top: 520px;
	left:320px;
	width:299px;
	margin:0;
	padding:0;
}
.sptopimg .sptop_btn_d{
	position: absolute;
	top: 520px;
	left:505px;
	width:299px;
	margin:0;
	padding:0;
}
img.sptitle{
	margin-bottom:60px;
}
#special01{
	width:670px;
	background:url(../img/sp/sp01bg.jpg) top right no-repeat;
	margin-top:30px;
	padding-bottom:200px;
}
#special01 .textarea{
	width:400px;
	padding-top:30px;
}
#special01  .textbox{
	margin-top:20px;
}
#special01  .textbox02{
	margin-top:170px;
}
#special02{
	width:670px;
	background:url(../img/sp/sp02bg.jpg) top right no-repeat;
	margin-top:30px;
	padding-bottom:200px;
}
#special02 .textarea{
	width:400px;
	padding-top:30px;
}
#special02  .textbox{
	margin-top:20px;
}
#special02  .textbox02{
	margin-top:80px;
}
#special03{
	background:url(../img/sp/sp03img_01.gif) top left no-repeat;
	width:665px;
	text-align:right;
	margin-top:10px;
}
#special03 .title01{
	width:475px;
	padding-top:120px;
}
#special03 .textarea{
	width:670px;
	text-align:right;
}

.textarea img{
	margin-bottom:15px;
}
#special03_b{
	background:url(../img/sp/sp03img_03.gif) top center no-repeat;
	width:665px;
	margin-top:50px;
}
#special03_b .title01{
	width:670px;
	padding-top:120px;
	text-align:right;
}
#special03_b .textarea{
	width:470px;
	text-align:left;
}


/* 2010_1126﹛馨笛 */

.mt_20 {
	margin-top:20px;
}

.mb_20 {
	margin-bottom:20px;
}

.contentsinner .textbox_a_text{
	width:390px;
	text-align:left;
	float:left;
}
.contentsinner .textbox_a_img{
	float:right;
	font-size: 80%;
}
.contentsinner .textbox_b_img{
	float:left;
	font-size: 80%;
}
.contentsinner .textbox_b_text{
	width:390px;
	text-align:left;
	float:right;
}

.contentsinner .textbox_a_text p,
.contentsinner .textbox_b_text p,
.contentsinner .textbox_a_img,
.contentsinner .textbox_b_img{
	margin:10px;
}

.clear {
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 0;
}