/*common css*/
body { margin:0 auto; padding:0;}

h2 { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:48px; margin:0; margin-bottom:50px;}
h2 span { display:block; font-size:16px; font-weight:normal; border-left:6px solid #666; padding-left:14px;}
h3 { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px;}
li, dt, dd { color:#FFF;}
dt { font-size:10pt;}
dd { font-size:9pt;}
p { color:#FFF; font-size:10pt; line-height:120%;}

div#headertop-wrap { width:100%; padding-top:20px;}
div#headertop-bar { width:800px; height:30px; margin:0 auto;}
div#headerwrap { width:100%; background:url(/img/headerwrap_bg.png) repeat-x 0 0;}
div#header-bar { width:800px; margin:0 auto; padding:0; height:80px; background:url(/img/header_bg.png) no-repeat 0 0;}

div#contentwrap { width:100%; background:url(/img/contentwrap_bg.png) repeat 0 0; background-color:#333;}
div#content-bar { width:800px; margin:0 auto; padding-top:20px; padding-bottom:20px; background:url(/img/content_bg.png) no-repeat top right; background-color:#000;}
div.content { width:350px; margin:0; margin-left:20px;}

div#footerwrap { width:100%; height:40px; background:url(/img/footerwrap_bg.png) repeat 0 0; background-color:#2F5078; }
div#footer-bar { width:800px; height:40px; margin:0 auto; padding:0; background:url(/img/footer_bg.png) no-repeat 0 0; background-color:#0C479D;}

#headertop-bar a { display:block; width:317px; height:30px; background:url(/img/headertop_bg.png) no-repeat 0 0;}
#headertop-bar a span { display:none;}
#logoarea a { display:block; width:63px; height:68px; margin-left:10px; margin-top:6px; float:left;}
#logoarea a span { display:none;}
#headnaviarea { height:80px; float:right;}
#headnaviarea ul { list-style:none; margin:0; line-height:80px; padding:0;}
#headnaviarea ul li { float:left; margin:0; margin-right:1em; padding:0; font-size:9pt;}
#headnaviarea a { color:#000; text-decoration:none; font-family:Verdana, Geneva, sans-serif; padding-left:1em; border-left:1px solid #000;}
#headnaviarea a:hover { color:#F00;}
#headnaviarea li.ac a { color:#F00;}/*アクティブページ*/

.copyr { margin:0; font-family:arial; color:#FFF; font-size:9px; text-align:center; line-height:40px;}
.copyr span { margin-left:1.5em; margin-right:1.5em;}

.clear { clear:both;}


/*各ページごと*/
/*index*/
div#index-headerwrap { width:100%; background:url(/img/index_headerwrap_bg.png) repeat-x 0 0;}
div#index-header-bar { width:800px; margin:0 auto; padding:0; height:130px; background:url(/img/index_header_bg.png) no-repeat 0 0;}
div#index-content-bar { width:800px; height:362px; margin:0 auto; background:url(/img/index_contents.png) no-repeat 0 0;}
div.index-content { margin:0;}
#index-logoarea { width:63px; margin:0 auto;}
#index-logoarea a { display:block; width:63px; height:68px; margin-top:6px; float:left;}
#index-logoarea a span { display:none;}
.index-navi { margin-left:20px; padding-top:100px; width:230px;}
.index-navi ul { margin:0; padding:0;}
.index-navi li { list-style:none;}
.index-navi a span { display:none;}

.index-navi li.profile { background:url(/img/btn_profile.png);}
.index-navi li.service { background:url(/img/btn_service.png);}
.index-navi li.room { background:url(/img/btn_room.png);}
.index-navi li.map { background:url(/img/btn_map.png);}
.index-navi li.recruit { background:url(/img/btn_recruit.png);}

.index-navi li.profile a:hover { background:url(/img/btn_profile_on.png);}
.index-navi li.service a:hover { background:url(/img/btn_service_on.png);}
.index-navi li.room a:hover { background:url(/img/btn_room_on.png);}
.index-navi li.map a:hover { background:url(/img/btn_map_on.png);}
.index-navi li.recruit a:hover { background:url(/img/btn_recruit_on.png);}

.index-navi li a { display:block; width:230px; height:48px; background-repeat:no-repeat; background-position:0 0;}

/*company profile*/
dl.company .company dt, .company dd { margin:0; padding:0;}
dl.company dt {
	clear:left;
	float: left;
	width: 8em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
}
dl.company dd {
	padding: 10px 0 10px 8em;
	border-bottom: 1px #666 solid;
}

/*社内案内*/
.content-left { float:left; width:450px; margin:0; margin-left:20px;}
.content-right { float:left; width:300px; min-height:1em; }
.content-right p.design { margin-top:200px;}
.content-right p.product { margin-top:35px;}
.content-right p.meeting { margin-top:35px;}

/*recruit*/
div.content-recruit { width:350px; margin:0; margin-left:20px;}
dl.recruit .recruit dt, .recruit dd { margin:0; padding:0;}
dl.recruit { border-top:1px solid #666; width:400px;}
dl.recruit dt {
	clear:left;
	float: left;
	width: 9em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
}
dl.recruit dd {
	padding: 10px 0 10px 10em;
	border-bottom: 1px #666 solid;
}
ul.recruit-fill { font-size:12px;}
.recruit-fill li { line-height:150%;}