@charset "Shift_JIS";

body{ color:#444; font-family:ＭＳ Ｐゴシック,Osaka; background:#444 url(../images/background.gif); margin:0 auto; text-align:center;}

/****** 2column Layout tag ******/
#container		{ clear:both; width:776px; margin:0 auto; background-color:#888; border-bottom:1px solid #888;}
#containerF		{ width:756px; margin:0 auto; background-color:#fff; border-left:3px solid #333; border-right:3px solid #333; border-bottom:2px solid #333;}
#header				{ width:756px; height:56px; background:url(../images/header_back.gif) no-repeat right top;}
#header #corporatelogo	{ width:107px; float:left; padding:9px 0 0 17px;}
#header #maincopy	{ width:619px; float:right; font-size:65%; text-align:left; padding:12px 0 0 0;}

#mainArea			{ width:756px; margin:0 auto; text-align:center;}
#menuBlock		{ width:175px; float:left; text-align:left; padding:0 0 0 13px;}
#contentBlock	{ width:553px; float:right;  text-align:left; margin:0; padding:0;}
#contentBlock #contents{ width:540px; margin-bottom:20px; margin-left:2px;}

#footernavi	{ width:756px; height:30px; clear:both; font-size:65%; line-height:1.5; text-align:left; margin:15px 0 0 0;}
#footernavi	#footmenu	{ float:left; text-align:left; padding:7px 0 7px 16px;}
#footernavi	#totop	{ float:right; text-align:right; padding:7px 15px 7px 0;}
#footernavi #totop a{ background:url(../images/icon_ptop.gif) no-repeat right center; padding:0 15px 1px 0;}
#copyright{ width:756px; clear:both; font-family:Arial,Georgia; font-size:65%; color:#eee; text-align:center; padding:9px 0px; background-color:#777;}

#footernavi a:link		{ color:#444; text-decoration:none;}
#footernavi a:visited	{ color:#888; text-decoration:none; }
#footernavi a:hover		{ color:#800; text-decoration:underline; }
#footernavi a:active	{ color:#f00; text-decoration:none; }

#mainBlock{ width:540px; height:420px; text-align:left; padding:10px 0 0 0;}

/****** Default tag ******/
form,ul,li,dd,dt,dl,input,select,textarea,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}

p{ font-size:75%; line-height:1.6; margin:0 0 13px 0;}
strong{color:#555;}

ul{list-style-type:none;}

h1{ font-size:110%; font-family:ヒラギノ明朝 Pro W6,A-OTF リュウミン Pro B-KL, A-OTF 新ゴ Pro B; font-weight:bold; margin:0 0 14px 0; border-left:4px solid #844; padding:1px 5px 1px 7px; border-bottom:1px dotted #999;}
h1.space01{ margin:0 0 13px 0; border:0;}
h1.image{ margin:0 0 8px 0; border:0; padding:0;}
h1.rec_image{padding:5px 0 0 0; margin:10px 0 14px 0 ; border:0;}

h2{ font-size:75%; line-height:1.4; margin:0 0 13px 0; padding:5px 10px; border-left:4px solid #aaa; clear:both; background:url(../images/h2_back.gif);}
h2.image{ padding:0; border:0; background:none;}

h3{ font-size:75%; line-height:1.3; color:#606060; margin:0; padding:10px 0 5px 0;}
h3.image{ margin:0 0 10px 0; padding:0;}

a:link		{ color:#333; text-decoration:underline;}
a:visited	{ color:#888; text-decoration:underline; }
a:hover		{ color:#800; text-decoration:underline; }
a:active	{ color:#f00; text-decoration:none; }

.sitemapbox{
	font-weight:bold;
	margin:0 0 20px 0;
	padding:0px 10px 0 0;
}
.sitemapbox ul{margin:5px 0;}
.sitemapbox ul li{font-size:12px; line-height:1.8; font-weight:normal; display:inline;}
.sitemapbox ul li.block{font-size:12px; line-height:1.5; font-weight:normal; display:block;}

img{ border:0;}
img.left{ float:left; margin:0 10px 6px 0; padding:0;}
img.right{ float:right; margin:0 0 6px 10px; padding:0;}

table.normal{ width:100%; margin:0; font-size:75%; line-height:1.4; border:1px solid #ccc;}
table.normal th{ text-align:left; padding:7px; white-space:nowrap; background-color:#f3f3f0; border-right:1px dotted #ccc; border-bottom:1px solid #ccc;}
table.normal td{ padding:7px; border-bottom:1px solid #ccc;}
table.normal .center{ text-align:center;}

input,select,textarea{ color:#444;}

span.check{color:#c32; font-weight:bold;}
strong.check{ color:#c32; font-size:120%; line-height:1.2;}

/****** TEXT tag ******/
a.link{ background:url(../images/icon_alink.gif) no-repeat left center; padding:0 0 0 11px;}

.tsmall{ font-size:65%; line-height:1.5;}
.tnormal{ font-size:75%; line-height:1.5;}
.tbig{ font-size:85%; line-height:1.5;}

.nomargin{margin:0;}

.new{color:#f00;}
.red{color:#f03;}
/****** MAIN Menu tag ******/
#mainmenu{ float:left; width:100%; background:url(../images/mainmenu_back.gif);}
#mainmenu ul{list-style:none; padding-left:33px;}
#mainmenu ul li{float:left; margin:0 28px 0 0;}
#mainmenu ul li a{ height:29px; display:block; text-indent:-9999px;}

#mainmenu ul li#top a				{ width:77px; background:url(../images/menu_top.gif) left top;}
#mainmenu ul li#profile a		{ width:58px; background:url(../images/menu_profile.gif) left top;}
#mainmenu ul li#philosophy a{ width:58px; background:url(../images/menu_philosophy.gif) left top;}
#mainmenu ul li#recruit a		{ width:58px; background:url(../images/menu_recruit.gif) left top;}
#mainmenu ul li#contact a		{ width:84px; background:url(../images/menu_contact.gif) left top;}

#mainmenu ul li#top a:hover				{ background:url(../images/menu_top.gif) left bottom;}
#mainmenu ul li#profile a:hover		{ background:url(../images/menu_profile.gif) left bottom;}
#mainmenu ul li#philosophy a:hover{ background:url(../images/menu_philosophy.gif) left bottom;}
#mainmenu ul li#recruit a:hover		{ background:url(../images/menu_recruit.gif) left bottom;}
#mainmenu ul li#contact a:hover		{ background:url(../images/menu_contact.gif) left bottom;}

/****** Sub(Left)Menu tag ******/
#submenu{ border:1px solid #c6c6c6; border-bottom:4px solid #ccc; margin:10px 0 15px 0; background-color:#fff;}
#submenu ul	{ list-style:none;}
#submenu ul li{ font-size:75%; line-height:1.5; padding:0px 0 0px 0px; border-bottom:1px dotted #ccc;}
#submenu ul li a{ display:block; color:#333; padding:8px 0 7px 27px; text-decoration:none; }
/**fcecd0**/
#submenu ul li.active{ font-weight:bold; background:#eee url(../images/icon_active.gif) no-repeat left center; padding:8px 0 7px 27px;}
#submenu ul li a:link		{ background:url(../images/icon_link.gif) no-repeat left center;}
#submenu ul li a:visited{ background:url(../images/icon_visited.gif) no-repeat left center;}
#submenu ul li a:hover	{ background:#fcecd0 url(../images/icon_hover.gif) no-repeat left center;}
#submenu ul li a:active	{ background:#fff url(../images/icon_hover.gif) no-repeat left center;}


/****** Common TAG ******/
img.bspace{ margin-bottom:5px;}
img.bspaceB{ margin-bottom:10px;}
br.clr{ clear:both;}
.clear{ clear:both;}
.ptop a{ float:right; display:block; font-size:10px; line-height:1.2; background:url(../images/icon_top.gif) no-repeat center right; margin:5px 0 10px 0; padding:0px 15px 0px 0; clear:both;}

/****** NORMAL TAG ******/
div#pageimage{ width:553px; height:60px; margin:0 0 10px 0;}
div#pageimage p#pankuzu{ font-size:65%; line-height:1.5; padding:40px 0 0 0; margin:0; text-align:left;}

#company p#pankuzu{ font-size:65%; line-height:1.5; margin:0 0 12px 0; padding:6px 0 6px 12px; background:url(../company/images/mainimage_sub.jpg);}
#philosophy p#pankuzu{ font-size:65%; line-height:1.5; margin:0 0 12px 0; padding:6px 0 6px 12px; background:url(../philosophy/images/mainimage_sub.jpg);}
#recruit p#pankuzu{ font-size:65%; line-height:1.5; margin:0 0 12px 0; padding:6px 0 6px 12px; background:url(../recruit/images/mainimage_sub.jpg);}

.navibox{ width:167px; height:94px; float:left; margin:0 8px 12px 0; padding:0 0 0 5px;}
#company .navibox{ background:url(../company/images/navi_left.gif) no-repeat left top;}
#philosophy .navibox{ background:url(../philosophy/images/navi_left.gif) no-repeat left top;}
#recruit .navibox{ height:115px; background:url(../recruit/images/navi_left.gif) no-repeat left top;}

.navibox p{ color:#666; font-size:65%; line-height:1.3; margin:0; padding:3px 0 0 10px;}
.navibox p.link{ font-size:70%; line-height:1.5; margin:3px 0 0 0;}
.navibox p.link a{ color:#02c; padding:3px 0 0 10px; background:url(../recruit/images/icon_link.gif) no-repeat left center;}

/****** CP_message ******/
p.msg{margin:0 10px 18px 5px; font-size:75%; line-height:1.8;}

/****** CP_profile ******/
table.profile{ width:540px; font-size:75%; line-height:1.5;}
table.profile th{ background:url(../images/icon_01.gif) no-repeat left top; background-position:0 9px; padding:5px 0 0px 17px; vertical-align:top; text-align:left;}
table.profile td{ padding:5px 0; border-bottom:1px dotted #999;}

/****** CP_educaton ******/
p.step{ font-size:65%; line-height:1.5; margin:0 0 5px 0; }

/****** philosophy_heart******/
ol.list{ width:490px; padding:0 0 0 25px; margin:0;}
ol.list li{ font-size:75%; line-height:1.4; padding:2px 0; margin:0 0 10px 0; border-bottom:1px dotted #999; }

/****** company_educaton / philosophy_heart******/
table td.item{ width:45%; border-left:3px solid #cac1b0; padding:4px 10px 0 10px;}
table td.item p{ line-height:1.4; margin:0 0 8px 0;}

/****** Recruit / New / Databank******/
h2.rec_databank{
	margin-top:10px;
	padding:8px 10px;
	border-left:6px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:none;
	clear:both;
}
div.databox{
	border:1px solid #ccc;
	float:left;
	width:263px;
	height:100px;
	margin:0 5px 10px 0;
}
div.databox p{
	color:#555;
	margin:10px 8px 0 8px;
}
div.navi_databank{
	margin:0 0 0 0;
	padding:0;
}
div.navi_databank ul{
	list-style:none;
}
div.navi_databank ul li{
	float:left;
}
/*** Databank-project ***/
p.project{
	margin-left:12px;
}
/*** Databank-staff ***/
p.staff01{
	margin:0 0 0 10px;
}
p.staff02{
	margin:0 12px 0 0;
}
div.staff{
	clear:both;
	margin:0 0 30px 0;
}

table.recruit{
	margin:10px 0 0 0;
	font-size:75%;
	line-height:1.3;
	color:#666;
}
table.recruit th{
	padding:0;
}
table.recruit td{
	padding:6px 10px 12px 5px;
	vertical-align:top;
}