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


/*reset major style*/
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;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}

h1.dot{background: url(../img/h1_dot.gif) no-repeat;height:80px;}


/*base font style*/
body {
	font:13px/1.4 Arial,'ＭＳ Ｐゴシック',sans-serif ;
	*font-size:13px;
	*font:13px;
	color: #3e3e3d;}


/*base font style*/
a:link {color: #3887a8; text-decoration: none;font-size:12px;}
a:visited{ text-decoration: none; color: #3887a8;font-size:12px;}
a:hover{ color: #3333cc; text-decoration:none;font-size:12px;}



/*clearfix*/
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {display:inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clear { clear: both;}

/*---------------------------------------------*/


body { background: url(../img/bgmain-s2.gif) repeat-x left top #ffffff; margin:0;}

body#topp { background: url(../img/bgmain3.jpg) no-repeat right top fixed #cacaca; margin:0;}

#header {height: 40px;}
#header-cont { width: 918px; padding: 0 15px 0 15px; margin: 0 auto 0 auto;}
#header-cont img.logo{ margin: 42px 0 0 3px; float: left;}
#header-cont ul{ float: right; margin: 18px 4px 0 0;}
* html #header-cont ul{ float: right; margin: 18px 2px 0 0;}
*:first-child+html  #header-cont ul{ float: right; margin: 18px 4px 0 0;}

#header-cont ul li{ float: left; margin: 0 0 0 20px ; width: 117px; height: 50px; list-style: none;}
#header-cont ul li a{ display:block; width:117px; height: 50px; text-indent: -9999px; }
#header-cont ul li#m_service{ background: url(../img/menu_service.gif) no-repeat;}
#header-cont ul li#m_company{ background: url(../img/menu_company.gif) no-repeat;}
#header-cont ul li#m_recruit{ background: url(../img/menu_recruit.gif) no-repeat;}
#header-cont ul li#m_access{ background: url(../img/menu_access.gif) no-repeat;}
#header-cont ul li#m_contact{ background: url(../img/menu_contact.gif) no-repeat;}

#header-cont ul li#m_service a:hover{ background: url(../img/menu_service_over.gif) no-repeat;}
#header-cont ul li#m_company a:hover{ background: url(../img/menu_company_over.gif) no-repeat;}
#header-cont ul li#m_recruit a:hover{ background: url(../img/menu_recruit_over.gif) no-repeat;}
#header-cont ul li#m_access a:hover{ background: url(../img/menu_access_over.gif) no-repeat;}
#header-cont ul li#m_contact a:hover{ background: url(../img/menu_contact_over.gif) no-repeat;}

#header-cont ul li#m_service_on{ background: url(../img/menu_service_on.gif) no-repeat;}
#header-cont ul li#m_company_on{ background: url(../img/menu_company_on.gif) no-repeat;}
#header-cont ul li#m_recruit_on{ background: url(../img/menu_recruit_on.gif) no-repeat;}
#header-cont ul li#m_access_on{ background: url(../img/menu_access_on.gif) no-repeat;}
#header-cont ul li#m_contact_on{ background: url(../img/menu_contact_on.gif) no-repeat;}

#header-cont .navi{text-align:right;font-size:10px;padding:5px 10px 0 0;font-size:10px\9;}

*:first-child+html #header-cont .navi{font-size:9px;padding:5px 10px 0 0;} * html #header-cont .navi{font-size:9px;padding:5px 10px 0 0;} 

#header-cont .navi a{text-decoration:none;color:#606060;}

#header-cont .lefts{float:left;width:500px;text-align:left;margin-left:-176px;color:#a6a69f;}
#header-cont .rights{margin-left:510px;color:#111111;}

#header-cont .rights a{font-size:10px;}

*:first-child+html #header-cont .rights a{font-size:9px;} * html #header-cont .rights a{font-size:9px;} 

#contents { width: 930px; padding: 30px 15px 0 15px; margin: 40px auto 0 auto; clear: both;background: url(../img/contents_bg.gif) no-repeat;}
* html #contents { width: 930px; padding: 30px 15px 0 15px; margin: 0px auto 0 auto; clear: both;background: url(../img/contents_bg.gif) no-repeat;}

*:first-child+html #contents { width: 930px; padding: 40px 15px 0 15px; margin: 37px auto 0 auto; clear: both;background: url(../img/contents_bg.gif) no-repeat;}

#contents-service { width: 930px; padding: 30px 15px 0 15px; margin: 40px auto 0 auto; clear: both;background: url(../img/contents-sevice_bg.gif) no-repeat;}
* html #contents-service { width: 930px; padding: 25px 15px 0 15px; margin: 5px auto 0 auto; clear: both;background: url(../img/contents-sevice_bg.gif) no-repeat;}

*:first-child+html #contents-service { width: 930px; padding: 37px 15px 0 15px; margin: 40px auto 0 auto; clear: both;background: url(../img/contents-sevice_bg.gif) no-repeat;}


#pagelead{ margin: 0 0 12px 0;}

#pagelead-service{ margin: 0;}

*:first-child+html #pagelead-service{margin-bottom:200px;} * html #pagelead-service{margin-bottom:200px;} 

#page-top{ width: 910px; margin: 30px auto 0 auto; clear: both; text-align:right;padding-bottom:20px;background: url(../img/page-top_bg.gif) no-repeat;background-position : right bottom;}

#page-top a{ font-size:11px;color:#555;text-decoration:none;}


#footer{ width: 910px; margin: 0 auto 0 auto; clear: both; background:url(../img/line_footer.gif) repeat-x;}
#footer-con {width: 910px; padding: 9px 0px 3px 0px; text-align:right; font-size: 0.9em; color:#666666; margin: 0 auto 0 auto;}

#footer-con .lefts{float:left;width:500px;text-align:left;}
#footer-con .rights{margin-left:510px;color:#111111;}

/*----------------------
 service page
-----------------------*/
#topflash{ text-align: center;}

/*----------------------
 service page
-----------------------*/

p.image1{ float: right; margin: -24px 50px 0 0;}

* html p.image1{ float: right; margin: -24px 25px 0 0;}

.image2{ background-image: url(../img/image2.gif);background-repeat: no-repeat;background-position : top right;height:330px;}
.image2 p{width:321px;}
#contents h2,#contents h3{ clear: both; margin: 12px 0 6px 0;}
#contents h2{ margin: 48px 0 6px 0;}
#contents h3{ border-bottom: 1px solid #bfbdb4; padding: 0 0 6px 0; margin: 5px 0 5px 0;}
#contents p.lead{ margin: 0 0 58px 0;}
*:first-child+html #contents p.lead{ margin: 0 0 53px 0;} * html #contents p.lead{ margin: 0 0 53px 0;}

#contents .detail{ width: 685px; margin: 0px 0 0px 24px; }
#contents .detail p{ padding: 12px 0 60px 12px;}
#contents .detail img.image2{ float: right; margin: 0 0 0 6px;}


#contents-service h2,#contents-service h3{ clear: both; margin: 0 0 6px 0;}
#contents-service h2{ margin: 0 0 6px 0;}
*:first-child+html #contents-service h2{margin: 38px 0 6px 0;} * html #contents-service h2{margin: 38px 0 6px 0;} 
#contents-service h3{ border-bottom: 1px solid #bfbdb4; padding: 0 0 0 0; margin: 5px 0 5px 0;font-size:14px;color:#50504e;}
#contents-service p.lead{ margin: 0 0 53px 0;}
*:first-child+html #contents-service p.lead{ margin: 0 0 53px 0;} * html #contents-service p.lead{ margin: 0 0 53px 0;}

#contents-service .detail{ width: 685px; margin: 0px 0 0px 14px; }
#contents-service .detail p{ padding: 12px 0 40px 20px;}
#contents-service .detail img.image2{ float: right; margin: 0 0 0 6px;}


/*----------------------
  company profile
-----------------------*/

table.info01{ text-align: left;}
table.info01 th{ font-weight: bold; padding: 13px 48px 13px 0; white-space:nowrap; border-top: solid 1px #bfbdb4; text-align:left; }
table.info01 th.torihiki{ font-weight: bold; padding: 33px 48px 13px 0; white-space:nowrap; border-top: solid 1px #bfbdb4; text-align:left;vertical-align:top; }

table.info01 td{ padding: 13px 60px 13px 144px; border-top: solid 1px #bfbdb4;}

/*----------------------
  others
-----------------------*/
p.btn{ text-align: center; margin: 80px 0 0 0 ;}

div.map{ padding:5px;border:1px solid #c6c6c6;margin-bottom:30px;width:685px;font-size:12px;}


table.mailform{ text-align: left;}
table.mailform th{ font-weight: bold; padding: 6px 24px 6px 12px; white-space:nowrap; border-top: solid 1px #bfbdb4; background: #e8e8e8;}
table.mailform td{ padding: 6px 60px 6px 60px; border-top: solid 1px #bfbdb4;}
table.mailform td input{ line-height: 1.8em;}
table.mailform td.btn{ text-align: center;}