@charset "utf-8";
@import url("parts.css");

/* CSS Document */

html,body{margin:0;padding:0;}
body{font: 12px "ＭＳ ゴシック", "Osaka－等幅" arial,sans-serif;text-align:center;color:#000;/*background:url(../imgdir/common/bgs.gif) repeat-x top;*/}
p{margin:0 0 10px; line-height:160%; padding:5px;}
a{color: #10117B; text-decoration:none;}
a:visited{color: #7C7C7C;}
a:hover,a:active{color: #00A0C6;text-decoration:underline;}
img {border:0; vertical-align:bottom;line-height:0;}
ul { margin:0; padding:0;}
li { list-style:none; margin:0; padding:0;}
.left { float:left; display:inline;}
.clear{clear:both;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; }



/**************************

1.レイアウトスタイル

**************************/

/*全体の枠*/  
div#container{background:#fff;text-align:left;border:1px solid #7D6F67;border-top:none; border:none;}
div#container{width:800px;margin:0 auto;padding:0;}



/**************************

2.ヘッダー

**************************/
/*パンくずリスト*/
div#pankuzu { width:500px; margin:0; height:20px; }
div#pankuzu ul{ margin:0; padding:0;line-height:120%;}
div#pankuzu li{ float:left; display:inline;}
#header2 { position:relative;}
#header2 h1 {
	color:#F0F0F0;
	padding:5px;
	font-size:12px; /*background:url(../imgdir/common/header_h1.gif) no-repeat top left;*/
	height:15px;
	text-indent:5px;
	background-color: #850D0E;
}
#header2 h1 { background:#628048; color:#F0F0F0; padding:5px;font-size:12px;/* background:url(../imgdir/common/header_h1.gif) no-repeat top left;*/height:15px; text-indent:5px;}
#header2 img { margin:4px 0 4px 10px;}
#header2 ul{	margin-top:7px;position:absolute;width: 373px;	right:-10px;top:21px;}
#header2 li{padding-top:2px; padding-right:8px;float:left;margin:0 5px 0 5px;list-style:none; border-right:1px solid #000000;}
#header2 li.last{padding-top:2px; padding-right:8px;float:left;margin:0 5px 0 5px;list-style:none; border:none;}

/**************************

2.ヘッダー（採用）

**************************/



/**************************

3.メインナビ

**************************/


div#mainnavi {width:800px;}
div#mainnavi ul {margin:0;padding:0;}
div#mainnavi li {position:relative;width:200px;height:36px;min-height:36px;float:left;}
div#mainnavi li a { display:block; }
div#mainnavi li.navi01 span {position:absolute;background:url(../imgdir/recruit/mainnavi.gif) no-repeat 0px 0px; width:200px; height:36px;}
div#mainnavi li.navi02 span {position:absolute;background:url(../imgdir/recruit/mainnavi.gif) no-repeat -200px 0px; width:200px;height:36px; }

div#mainnavi li.navi03 span {position:absolute;background:url(../imgdir/recruit/mainnavi.gif) no-repeat -400px 0px; width:200px;height:36px;cursor:pointer; }
div#mainnavi li.navi04 span {position:absolute;background:url(../imgdir/recruit/mainnavi.gif) no-repeat -600px 0px; width:200px;height:36px;cursor:pointer; }


div#mainnavi li.navi01 a:hover span {position:absolute;background:url(../imgdir/recruit/mainnavi.gif) no-repeat 0px -36px; width:200px;height:36px;cursor:pointer; }
div#mainnavi li.navi02 a:hover span {position:absolute;background:url(../imgdir/recruit/mainnavi.gif) no-repeat -200px -36px; width:200px;height:36px;cursor:pointer; }
div#mainnavi li.navi03 a:hover span {position:absolute;background:url(../imgdir/recruit/mainnavi.gif) no-repeat -400px -36px; width:200px;height:36px;cursor:pointer; }
div#mainnavi li.navi04 a:hover span {position:absolute;background:url(../imgdir/recruit/mainnavi.gif) no-repeat -600px -36px; width:200px;height:36px;cursor:pointer; }


div#mainnavi li a:hover, div#mainnavi li a:active { text-decoration:none;}


/**************************

3.5.ラッパー

**************************/

#r_wrapper { width:800px; float:right; display:inline; margin-top:8px;}

/**************************

4.サービス(TOPページ)

**************************/

#service { width:415px; text-align:center; float:left; display:inline;}
#service li { margin:10px 0;}


/**************************

5.ピックアップ(TOPページ)

**************************/

#pickup { width:190px; text-align:center; float:left; display:inline;}
#pickup li { margin:10px 0;}


/**************************

6.ニュース(TOPページ)

**************************/
#news { clear:both; width:605px; float:left; display:inline;}
#news ul { text-align:left;}
#news li { margin:10px 0;}


/**************************

7.サイドメニュー(TOPページ)

**************************/

#sidemenu { width:195px; text-align:center; float:left; display:inline;}
#sidemenu li { margin:10px 0;}


/**************************

8.フッター(TOPページ)

**************************/

#footer {background:#628048; clear:both; width:800px; height:45px; /*background:url(../imgdir/common/footer.gif) no-repeat*/ ; color:#FFF;}
#footer ul { position:relative; width:200px; top:10px; left:10px; }
#footer li{float:left; display:inline;border-right:1px solid #FFF; padding:0 5px;}
#footer li.last {float:left; padding:0 5px; border:none;}
#footer li a {float:left; padding:0 5px; border:none; color:#FFF;}
#footer p { text-align:right; margin-right:10px;}


/**************************

9.タイトル系(2次階層)

**************************/
h2.main_ttl { margin: 0 0 20px 0;}

h3.ttl { background:url(../imgdir/common/title_bar.gif) no-repeat left ; height:28px; padding:6px 0 6px 12px; font-size:16px; margin-top:40px;}

p.ttl_bold { font-weight:bold; font-size:16px;}





/*recruit_TOP*/
.interview { width:785px; float:left; display:inline;padding-left:15px;}
.interview ul { width:785px; float:left; display:inline; margin-top:10px; margin-bottom:30px;}
.interview li { float:left; display:inline; margin-right:10px;}


/*recruit_news*/
.r_news { width:450px; text-align:center;padding-left:15px;}
.r_news li { margin:0 0; text-align:left; margin:5px 0 0 5px;}
.r_news ul { width:450px; height:150px; border:1px solid #336633; margin-left:15px;margin-top:10px; margin-bottom:20px;}



/*recruit_ceo*/

#ceo-msg { }
#ceo-msg h3{ margin:0em 0 2em 0; padding:1em 0; background:url(../imgdir/recruit/ic_arrow01.gif) no-repeat left center; text-indent:25px; font-size:16px; font-weight:bold; border-bottom:1px solid #000; }

#ceo-msg p { margin:2em 0;}

.signature { margin:1em 0.5em; padding:0; text-align:left; width:200px; float:right; display:inline; }

#advantage {}
#advantage dl.left, .case_study dl.left{ margin:15px 0 0 5px; padding:0;  width:280px; float:left; border:1px solid #CCC; min-height:125px; _height:125px; }
#advantage dl.left dt, .case_study dt { margin:0; padding:0.5em; background:url(imgdir/common/bgtitle.gif) repeat-x; border-bottom:1px solid #CCC; position:relative; }
.case_study dt span img { position:absolute; right:10px; top:5px; }
#advantage dd, .case_study dd { margin:1em; padding:0; line-height:1.5em;}
#advantage dd, .case_study dd.justy { margin:1em; padding:0; line-height:1.5em;text-align: justify;
text-justify: inter-ideograph; }

#interimg { float:right; display:inline;}


#guide h3{ margin:0em 0 2em 0; padding:1em 0; background:url(../imgdir/recruit/ic_arrow01.gif) no-repeat left center; text-indent:25px; font-size:16px; font-weight:bold; border-bottom:1px solid #000; }

#guide table { width:500px; margin:0 auto; margin-bottom:50px;}

.entry { width:174px; margin:0 auto; margin-bottom:30px;}
/**************************

リクルートパーツスタイル

**************************/

.recr {border-collapse:collapse;width:96%; margin:0px 15px;}
.recr th{font-weight:normal;vertical-align:top; padding:0px; text-align:left;border:solid 1px #CCC; width:1%;} 
.recr th.detail { background:url(imgdir/recruit/btn_director.jpg) no-repeat; text-align:right; width:1%;} 
.recr th.img {vertical-align:top; } 
.recr td{ width:98%;}
.txt {padding:0 10px 0 10px; line-height:1.8em;}

#recMain ,#recBody{ margin:0; padding:0; clear:both; width:800px;}


#recMain{ margin-top:20px;}
#recMain p{ margin-left:430px; text-align:justify;text-justify:inter-ideograph;}

#recBody { margin-bottom:20px;}
#recBody p , #recBody h3{ min-height:1em; margin: 0 30px; line-height:160%; text-align:justify;text-justify:inter-ideograph;}
#recBody h3 { color:#FF0000; font-size:12px;}
#recBody p { margin-top:5px; margin-bottom:30px; padding:0;}
#recBody img { margin-left:30px;}




#recBox{ margin:0; padding:0; width:100%; min-height:1em;}
#recBox h3{ margin:0; padding:0;}

.newBox{ margin:0; padding:0; width:388px; height:129px; border:solid 1px #C9C9C9;}
.bnList{list-style:none; padding:0; margin:0;}
.bnList li{list-style:none; padding:0; margin:0 0 0 3px; float:left;}


.shadow{background:url(imgdir/recruit/top_box_bg.gif) bottom left repeat-x; height:12px;}
.new{line-height:1.4; margin-top:10px; margin-left:10px;}
.new dt{ margin:0; padding:0;}
.new dd{ margin:0 0 0 5px; padding:0;}



table.guideline { width:100%; border:1px solid #C2DCC3; margin:0.5em auto; border-collapse:collapse; } 
table.guideline td { text-align:left; color:#666; }
table.guideline .no-bdr { border-left:none;}

table.guideline td { 
color:#666; 
border-bottom:1px solid #e5eff8; 
border-left:1px solid #e5eff8; 
text-align:left; line-height:1.6em; padding-left:5px;
} 

table.guideline th { border-bottom:1px solid #EEEEEE;
background:#EEFFEE; 
 line-height:1.6em;
color:#666; text-align:left; padding-left:8px;
} 

p.guide2 { width:500px; margin:0 auto;}

p.msg { width:520px; padding-left:140px; line-height:230%; }


/**************************

4.お問合わせ、見積パーツスタイル

**************************/
#z-submit  { width:500px; margin:0 auto;}
#z-submit .pair {
	margin-bottom:5px;
	border-bottom:1px dashed #ccc;
	padding:5px 0 7px;
	position: relative;
}
#z-submit .pair input,#z-submit .pair select {position:absolute; left:175px; top:5px;font-size:12px;line-height:160%;padding:1px;}
#z-submit .set {position:relative; margin-bottom:5px;relative;padding:5px 0;}
#z-submit .set input,#z-submit .set select {position:absolute; left:120px; top:0;font-size:12px;line-height:160%;padding:1px;}
#z-submit .multi {position:relative; margin-bottom:5px;border-bottom:1px dashed #ccc;padding:5px 0 7px;}
#z-submit .multi div {position:absolute; left:120px; top:0;font-size:12px;line-height:160%;padding:1px;}
/*z-submit input#mailaddress, #z-submit input#mailaddress2,#z-submit input#name  {background:#eeeeee;color:#0099FF;}*/
#z-submit textarea {width:460px;line-height:160%;}

#z-submit .radio{position:relative; margin-bottom:5px;border-bottom:1px dashed #ccc;padding:5px 0 7px;}
#z-submit .radio label{margin-right:80px;}

#z-submit .radio2{position:relative; margin-bottom:5px;border-bottom:1px dashed #ccc;padding:5px 0 7px;}
#z-submit .radio2 label{margin-right:30px;}
#z-submit .radio2 span{color:#FF0000; font-size:10px; font-weight:bold; margin:5px 0 0 120px;}


#entry {clear:both;position:relative; width:500px; margin:0 auto; height:400px;}


/**************************

5.エントリー

**************************/

#recruit_txt  { min-height:500px; width:500px; margin:0 auto;}



/**************************

6.エントリー 修正

**************************/
.pair2 {
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
}
#color {
	color: #FF0000;
	font-size: 10px;
}
#underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}


/**************************

7.エントリー修正(2009/10/29)

**************************/
#z-submit2  { width:650px; margin:0 auto; }
.width500 { width:500px; margin:0 auto; }

table.btmline th, table.btmline td {
	margin-bottom:5px;
	padding:7px 0 2px 0;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:dashed #CCC 1px;
	background:#FFFFFF;
}
table.btmline th {
	width:160px;
	padding:7px 0 2px 5px;
	
}
table.btmline td {
	text-align:left;
}
table.btmline th.center {
	text-align:center;
	border:none;
}
table.btmline td.btmline_td { color:#333; }
table.btmline td.btmline_td a { font-weight:bold; }
table.btmline table.child_btmline { } 
table.btmline table.child_btmline th,
table.btmline table.child_btmline td { border-bottom:none; padding:1px; font-size:80%;  }
table.btmline table.child_btmline th { width:120px; }


/**************************

Grow Up !

**************************/

.growUpLeft { width:566px; }
.growUpLeft h2 { width:566px; height:28px; font-size:14px; font-weight:bold; background:url(../imgdir/growup/titileRec.gif) 0 0 no-repeat; padding:6px 0 0 10px; color:#FFF; margin:0 0 15px 0; }
.growUpLeft .growUpChild { padding:0 10px; margin:0 0 20px 0; }
.growUpLeft .growUpChild div.clear { height:20px; }
.growUpLeft .growUpChild img.ooshima { margin:0 20px 0 0;  }
.growUpLeft .growUpChild h3 { height:20px; padding:5px 0 3px 15px; }
.growUpLeft .growUpChild h3#ac01,
.growUpLeft .growUpChild h3#ac02,
.growUpLeft .growUpChild h3#ac03 { border-bottom:1px dotted #AA3233; border-left:10px solid #AA3233; margin:0 0 10px 0; }
.growUpLeft .growUpChild h3#listS,
.growUpLeft .growUpChild h3#topS { border-bottom:1px dotted #DDBF4D; border-left:10px solid #DDBF4D; margin:0 0 10px 0; }
.growUpLeft .growUpChild h3#DTT { border-bottom:1px dotted #363986; border-left:10px solid #363986; margin:0 0 10px 0; } 
.growUpLeft .growUpChild ul.ulGrowup { padding:0 10px; }
.growUpLeft .growUpChild ul.ulGrowup li { float:none; display:list-item; background:url(../imgdir/growup/ici_arrow.gif) 0 2px  no-repeat; padding:0 0 0 15px; line-height:150%; }
.growUpLeft .growUpChild ul.ulGrowup li.ls { letter-spacing:-1px; }