@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:78%;
	line-height:150%;
}
ol, ul {
	list-style: none;
}

img{
	vertical-align:bottom;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.fl{
	float:left;
	margin:0 5px 5px 0;
}

.fr{
	float:right;
	margin:0 0 5px 5px;
}

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


html{
	background-color:#e5dbd7;
	color:#333;
}


body{
	background:url(../images/cmn_bg.gif) center top repeat;
}

#wrapper{
	background:url(../images/cmn_in_bg.gif) center top repeat-x;
}

#wrapper_in{
	width:802px;
	background:url(../images/cmn_bg.gif) center top repeat;
	margin:0 auto;
}

#header{
	height:170px;
	position:relative;
	margin:0 auto;
	background:url(../images/cmn_in_bg.gif) center top repeat-x;

}

#header dl dt{
	width:100px;
	position:absolute;
	top:25px;
	left:8px;
}

#header dl dd{
	width:802px;
	position:absolute;
	top:8px;
	left:0;
	color:#6e2f0e;
	font-size:84%;
	line-height:150%;
}

#hnav{
	width:303px;
	height:57px;
	background:url(../images/cmn_hdr_bg.gif) 0 0 no-repeat;
	position:absolute;
	top:17px;
	right:0;
	text-align:right;
}

#gnav{
	width:805px;
	position:absolute;
	top:92px;
	left:0;
}

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

#gnav li{
	float:left;
	text-indent:-9999px;
}

#gnav li a{
	width:134px;
	height:46px;
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
}

#gnav li a:hover{
	background-position:0 -46px;
}

#gnav li.top a{
	width:133px;
	background-image:url(../images/cmn_gnav_top.gif);
}

#gnav li.info a{
	background-image:url(../images/cmn_gnav_info.gif);
}

#gnav li.candidate a{
	background-image:url(../images/cmn_gnav_candidate.gif);
}

#gnav li.client a{
	background-image:url(../images/cmn_gnav_client.gif);
}

#gnav li.company a{
	background-image:url(../images/cmn_gnav_company.gif);
}

#gnav li.sitemap{
	position:relative;
}

#gnav li.sitemap span{
	width:133px;
	height:46px;
	background:url(../images/cmn_gnav_sitemap.gif) 0 0 no-repeat;
	display:block;
}

#gnav li ul{
	position:absolute;
	top:46px;
	left:0;
	display:none;
}

#gnav li ul li{
	width:148px;
	text-indent:0;
}

#gnav li ul li a{
	height:auto;
	background-color:#fff;
	border:1px #afaeae solid;
	border-top:none;
	color:#000;
	padding:5px 10px;
	text-decoration:none;
}

#gnav li ul li a:hover{
	background-color:#e0d4ce;
}

#contents{
	width:802px;
	margin:0 auto;
	background:url(../images/cmn_in_bg.gif) center -170px repeat-x;
	padding-bottom:40px;
}

#footer{
	background:url(../images/cmn_ftr_bg.gif) 0 0 repeat-x;
}

#footer_in{
	width:802px;
	overflow:hidden;
	margin:0 auto;
	color:#6e2f0e;
	padding-bottom:20px;
	background:url(../images/cmn_ftr_bg.gif) 0 0 repeat-x;
}

#footer .l{
	width:550px;
	float:left;
	padding-top:30px;
}

#footer .r{
	width:242px;
	float:right;
	padding:18px 0 0 10px;
	text-align:right;
}

#footer .r p{
	font-size:74%;
	line-height:150%;
}

#footer .r img{
	margin:0 10px 6px 0;
}

.fnav{
	margin-bottom:4px;
}

.fnav li{
	display:inline;
	border-right:1px #6e2f0e solid;
	padding-right:9px;
	margin-right:7px;
	_padding-right:7px;
	_margin-right:9px;
}

.fnav li.last{
	border-right:none;
}

.fnav li a{
	color:#6e2f0e;
	text-decoration:none;
}

.fnav li a:hover{
	color:#767002;
	text-decoration:underline;
}

#copy{
	margin:12px 0 10px 0;
	font-size:84%;
	line-height:150%;
}

a{
	color:#767002;
	text-decoration:none;
}

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

#contents .cont{
	width:796px;
	border:3px #ebe4dd solid;
	background-color:#fff;
	margin-bottom:15px;
}

#contents .cont_in{
	width:744px;
	border:1px #9c9696 solid;
	padding:0 25px 25px 25px;
}

#contents .cont p.txt{
	font-size:117%;
	line-height:150%;
	margin-bottom:20px;
}

#contents .cont02 p.txt{
	width:750px;
	font-size:117%;
	line-height:150%;
	margin:0 auto 20px auto;
}

#contents .cont h2{
	width:746px;
	margin:0 -25px 18px -26px;
}

#contents .cont02{
	border:3px #ebe4dd solid;
	background-color:#fff;
	margin-bottom:15px;
}

#contents .cont02_in{
	border:1px #9c9696 solid;
	padding-bottom:15px;
}

#contents .cont02 h2{
	margin:0 -1px 12px -1px;
}

#contents dl#bn_contact{
	height:110px;
	line-height:1%;
	font-size:1px;
}

#contents dl#bn_contact dd.btn01{
	margin:-47px 0 0 20px;
}

#contents dl#bn_contact dd.btn02{
	margin:-34px 0 0 228px;
}

#contents #go_top{
	margin-top:9px;
	text-align:right;
}

#contents h1{
	margin-bottom:25px;
}

#contents table.cmn{
	width:660px;
	margin:0 auto 0 auto;
}

#contents table.cmn th,
#contents table.cmn td{
	padding:3px 2px 27px 17px;
}

#contents table.cmn th{
	width:145px;
	background:url(../images/cmn_table_bg02.gif) left bottom repeat-x;
	vertical-align:middle;
}

#contents table.cmn td{
	background:url(../images/cmn_table_bg.gif) left bottom repeat-x;
}

#contents table.cmn td span.new{
	margin-left:8px;
}

#contents table.cmn td img{
	vertical-align:middle;
}

/****** form共通 ******/

#contents input.short{
	width:230px;
}

#contents input.short02{
	width:80px;
}

#contents input.mdl{
	width:290px;
}

#contents input.long{
	width:350px;
}

#contents textarea{
	width:400px;
}

#contents span.must{
	color:#bd5900;
	margin-left:2px;
}

#contents span.txt{
	margin:0 7px 0 3px;
}

#contents span.txt02{
	font-size:84%;
	line-height:150%;
}

#contents span.red{
	color:#880000;
}

#contents input.ml{
	margin-left:5px;
}

/****** support ******/

.page_support #contents .cont p.txt a{
	color:#6F2F0C;
	font-weight:bold;
	text-decoration:underline;
}

.page_support #contents .cont p.txt a:hover{
	color:#767002;
}

.page_support #contents table.in{
	width:100%;
	padding:0;
}

.page_support #contents table.in th,
.page_support #contents table.in td{
	background:none;
	padding:0 0 4px 0;
}

.page_support #contents table.in th{
	width:auto;
	padding:0 10px 0 5px;
}

/****** contact ******/

.page_contact #contents .cont p.txt a{
	color:#6F2F0C;
	font-weight:bold;
	text-decoration:underline;
}

.page_contact #contents .cont p.txt a:hover{
	color:#767002;
}

/****** privacy ******/

.page_privacy #contents .cont{
	font-size:117%;
	line-height:150%;
}

.page_privacy #contents .cont dl dt{
	color:#872c00;
	font-weight:bold;
}

.page_privacy #contents .cont dl dd{
	margin-bottom:17px;
}

.page_privacy #contents .cont a{
	color:#333333;
}

.page_privacy #contents .cont a:hover{
	color:#767002;
}

/****** recruit ******/

.page_recruit #contents table ul li{
	width:468px;
	overflow:hidden;
}

.page_recruit #contents table ul li span.mark{
	width:1em;
	float:left;
	display:block;
}

.page_recruit #contents table ul li span.txt{
	margin-left:1em;
	display:block;
}

.page_recruit #contents table a{
	color:#6F2F0C;
	text-decoration:underline;
	font-weight:bold;
}

.page_recruit #contents table a:hover{
	color:#767002;
}

.page_recruit #contents table span.contact{
	margin-top:17px;
	display:block;
}

/****** company ******/

.page_company #contents table dl{
	font-size:84%;
	line-height:150%;
	margin-left:10px;
}

.page_company #contents table dl dd{
	margin-left:18px;
}

.page_company #contents table ul li{
	width:468px;
	overflow:hidden;
}

.page_company #contents table ul li span.mark{
	width:1em;
	float:left;
	display:block;
}

.page_company #contents table ul li span.txt{
	margin-left:1em;
	display:block;
}

.page_company #contents table td.map{
	text-align:center;
}

.page_company #contents table td.map img{
	margin-bottom:5px;
}

.page_company #contents input.print{
	background:url(../images/company_btn_print.gif) 0 0 no-repeat;
	margin:0 auto;
}

.page_company #contents input{
	border:none;
	cursor:pointer;
	display:block;
	text-indent:-9999px;
	width:154px;
	height:29px;
}

/****** client ******/

.page_client #contents .detail{
	width:744px;
	overflow:hidden;
}

.page_client #contents .detail dl{
	width:355px;
	float:right;
}

.page_client #contents .detail dl dt{
	margin-bottom:7px;
}

.page_client #contents .detail dl dd{
	margin:0 0 27px 30px;
}

.page_client #contents .detail dl dd ul li{
	width:354px;
	overflow:hidden;
}

.page_client #contents .detail dl dd ul li span.mark{
	width:1em;
	float:left;
	display:block;
}

.page_client #contents .detail dl dd ul li span.txt{
	margin-left:1em;
	display:block;
}

/****** candidate ******/

.page_candidate #contents .detail{
	width:744px;
	overflow:hidden;
}

.page_candidate #contents .detail dl{
	width:355px;
	float:right;
}

.page_candidate #contents .detail dl dt{
	margin-bottom:7px;
}

.page_candidate #contents .detail dl dd{
	margin:0 0 17px 30px;
}

.page_candidate #contents dl.case{
	background-color:#eaeaea;
	border-left:5px #343434 solid;
	margin-bottom:6px;
}

.page_candidate #contents dl.case dt{
	padding:10px 28px 5px 28px;
}

.page_candidate #contents dl.case dd{
	margin:0 32px 0 45px;
	padding-bottom:10px;
}

/****** info ******/

.page_info #contents dl.support{
	height:200px;
	margin-bottom:15px;
}

.page_info #contents dl.support dd{
	margin:-53px 0 0 532px;
}

.page_info #contents p.main{
	margin-bottom:25px;
}

.page_info #contents h3{
	width:773px;
	margin:0 auto;
}

.page_info #contents .box{
	width:773px;
	background:url(../images/top_box_bg.gif) 0 0 repeat-y;
	margin:0 auto;
}

.page_info #contents .box01{
	margin-bottom:20px;
}

.page_info #contents .box_in{
	background:url(../images/top_box_bg_btm.gif) left bottom no-repeat;
	padding:14px 5px 14px 20px;
}

.page_info #contents .box_in table{
	width:100%;
}

.page_info #contents .box_in table td{
	vertical-align:middle;
}

.page_info #contents .box_in table td span.txt{
	margin-right:5px;
}

.page_info #contents .box_in table td input.mdl{
	width:110px;
	margin-right:10px;
}

.page_info #contents .num{
	width:660px;
	overflow:hidden;
	margin:0 auto 15px auto;
	font-size:109%;
	line-height:150%;
}

.page_info #contents .num p.l{
	width:280px;
	float:left;
}

.page_info #contents .num p.l span{
	font-weight:bold;
}

.page_info #contents .num ul{
	width:380px;
	float:right;
	text-align:right;
}

.page_info #contents .num ul li{
	display:inline;
}

.page_info #contents .num ul li span{
	font-weight:bold;
	margin-right:2px;
}

.page_info #contents .num ul li a{
	color:#333;
	text-decoration:none;
	margin-right:2px;
}

.page_info #contents .num ul li a:hover{
	text-decoration:underline;
}

.page_info #contents .num ul li.pre,
.page_info #contents .num ul li.next{
	color:#b0b0b0;
}

.page_info #contents p.center{
	margin-bottom:20px;
}

.page_info #contents .cont_in{
	padding-top:30px;
}

/****** top ******/

.page_top #contents p.main{
	margin-bottom:25px;
}

.page_top #contents h3{
	width:773px;
	margin:0 auto;
}

.page_top #contents .box{
	width:773px;
	background:url(../images/top_box_bg.gif) 0 0 repeat-y;
	margin:0 auto;
}

.page_top #contents .box01{
	margin-bottom:20px;
}

.page_top #contents .box_in{
	background:url(../images/top_box_bg_btm.gif) left bottom no-repeat;
	padding:14px 10px 14px 30px;
}

.page_top #contents .box_in table{
	width:100%;
}

.page_top #contents .box_in table td{
	width:33%;
}

.page_top #contents table a{
	background:url(../images/cmn_arw.gif) 0 0.4em no-repeat;
	padding-left:20px;
	color:#767002;
	text-decoration:underline;
}

.page_top #contents a{
	color:#767002;
	text-decoration:underline;
	font-weight:bold;
	font-size:117%;
	line-height:175%;
}

.page_top #contents a:hover{
	color:#6F2F0C;
}

.page_top #contents .message{
	width:802px;
	overflow:hidden;
	margin-bottom:15px;
}

.page_top #contents .message .l{
	width:519px;
	float:left;
	background-color:#fff;
	padding:1px;
}

.page_top #contents .message .l h2{
	height:35px;
	margin-bottom:10px;
}

.page_top #contents .message .l h2 span{
	margin:-26px 10px 0 0;
	text-align:right;
	display:block;
	font-weight:normal;
	font-size:84%;
	line-height:150%;
}

.page_top #contents .message .l p{
	width:465px;
	margin:0 auto 10px auto;
}

.page_top #contents .message .l ul{
	width:420px;
	margin:0 auto 14px auto;
}

.page_top #contents .message .l ul li{
	background:url(../images/cmn_arw.gif) 0 0.7em no-repeat;
	padding-left:20px;
}

.page_top #contents .message ul.r{
	width:261px;
	float:right;
}

.page_top #contents .message ul.r li{
	margin-bottom:10px;
}

.page_top  #contents .cont02 h2.feature{
	width:783px;
	margin:10px auto 8px auto;
}

.page_top  #contents .cont02 div.feature{
	width:762px;
	background:url(../images/top_feature_line.gif) center top repeat-y;
	overflow:hidden;
	margin:20px auto 0 auto;
}

.page_top  #contents .cont02 div.feature dl{
	width:224px;
	float:left;
	padding:0 15px 15px 15px;
}

.page_top  #contents .cont02 div.feature dl dd{
	margin-top:-20px;
}

.page_top  #contents .cont02 div.feature dl.last{
	background:none;
}


//
.page_top #contents dl.support{
	height:200px;
	margin-bottom:15px;
}

.page_top #contents dl.support dd{
	margin:-53px 0 0 532px;
}