@import url("gnavi.css");

/*
スタイル初期化------------------------
*/
*{
margin:0;
padding:0;
font-size:12px;
color:#666666;
letter-spacing:1px;
font-family:Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, sans-serif; 
}

/*
html {
	height: 100%;
}
body {
	height: 100%;
	margin:0;
	padding:0;
}
*/

#top_page{background-color:#FFFFFF;}


ul{
margin:0;
padding:0;
list-style-type:none;
}

a img{ border:0}

/*
リンク関連----------------------------
*/

a:link{
color:#666666;
}

a:hover{
color:#00A0C6;
}

#staff_right .box a{color:#00A0C6; text-decoration:none;}
#staff_right .box a:hover{color:#00A0C6; text-decoration:underline }
/*
----------------------------
*/

.clear{ display:block;	clear:both;	height:1px;	overflow:hidden;}

.clearfix {
	min-height: 1%;
}
.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	line-height:0;
}

/* IE 6 */
* html .clearfix,
* html #header,
* html #content,
* html #footer{
	height:1%;
}



.sp02{ display:block;	height:2px;	overflow:hidden;}
.sp05{ display:block;	height:5px;	overflow:hidden;}
.sp10{ display:block;	height:10px;	overflow:hidden;}
.sp15{ display:block;	height:15px;	overflow:hidden;}
.sp20{ display:block;	height:20px;	overflow:hidden;}
.sp25{ display:block;	height:25px;	overflow:hidden;}
.sp30{ display:block;	height:30px;	overflow:hidden;}
.sp35{ display:block;	height:35px;	overflow:hidden;}
.sp50{ display:block;	height:50px;	overflow:hidden;}

.staff35{ display:block;	height:35px;	overflow:hidden;}
* html .staff35{ display:block;	height:20px;	overflow:hidden;}

.small{ font-size:0.9em;
line-height:1.5em;}
.small_aqua{ font-size:0.9em;line-height:1.5em; letter-spacing:0}

.b_gray{ font-weight:bold; color:#888;}

.alert{color:#00A0C6;}




.popup_ico { position:relative;left:3px; bottom:-1px; padding-right:5px}

.to_top{	width:770px;	margin-bottom:0px;	display:block;	text-align:right; margin-top:-10px;	}
.to_top_btm{	width:770px;	margin-bottom:0px;	display:block;	text-align:right; margin-top:-10px;	}
#contents_left .to_top, #contents_left .to_top_btm{ width:560px}
	.welfare_page .to_top, .welfare_page .to_top_btm{margin-top:-5px;	}
	.to_top a, .to_top_btm a{	background:url(../imgs/common/pageup.gif) no-repeat 0px 1px;	padding-left:14px;	font-size:10px; line-height:12px;}

#business_page .to_top{	margin-top:-40px; margin-bottom:50px;}
#business_page .to_top_btm{	width:770px;	margin-bottom:0px;	display:block;	text-align:right; margin-top:-40px;}

.to_ank{	width:770px;	margin-bottom:0px;	display:block;	text-align:right; margin-top:-10px;	}
	#selection_page .to_ank{margin-top:-25px;	margin-bottom:25px;	}
	#business_page .to_ank{margin-top:0px;	margin-bottom:55px;	}
	#contents_left .to_ank{	width:560px;	margin-bottom:0px;	display:block;	text-align:right; margin-top:-10px;	}
	.to_ank a{	background:url(../imgs/common/next_back_icon.gif) no-repeat 0px 2px;	padding-left:20px;	font-size:12px; text-decoration:none;	}




/*
templete----------------------------
*/

#wrap {
	min-height: 100%;
	height: auto !important;
	/*
	height: 100%;
	position: relative;
	*/
}



#contents_box{
width:950px;
/* margin:0 0 70px 0; */
background: url(../img/bg_sidebar.gif) repeat-y right;
display:block;
}

#top_page #contents_box{
width:950; margin:0px 0 0px 0;}
.img{
margin-bottom:15px;
}


#contents_wrap{ padding-bottom:0px; background:url(../img/menu_bg.jpg) repeat-x;}
#top_page #contents_wrap{ padding-bottom:0px; background:url(../img/menu_bg.jpg) repeat-x;}


#main_contents{
display:block;
width:950px;
margin:0px auto;
/* background:url(../img/common/bg.jpg) repeat-x; */
padding-bottom:46px;
}

#top_page #main_contents{background:#fff;	padding-bottom:10px}


/**
 * パンくず
 */
.navi {
	margin-left: 2px;
	padding-bottom: 15px;
}

.navi li {
	margin-left: 6px;
	padding-left: 14px;
	background: url(../img/arrow_1.gif) no-repeat 0px 4px;
	line-height: 150%;
	color: #333;
	display: inline;
}
.navi li.first {
	margin-left: 0px;
	padding-left: 0px;
	background: none;
}
.navi li.last {
	text-decoration: underline;
}

/**
 * メインコンテンツ
 */
#main_box {
margin-top: 16px;
display:block;
float:left;
width:695px;
}
#top_page #main_box {
margin-top: 0px;
}

#main_box h1 {
	padding-top: 0px;
	padding-left: 13px;
	background: url(../img/bg_h1.gif) no-repeat;
	font-size: 20px;
	line-height: 150%;
	color: #333;
}

#main_box h2 {
	min-height: 31px;
	padding-top: 7px;
	padding-left: 30px;
	background: url(../img/bg_h2.gif) no-repeat;
}
/* IE6 */
* html #main_box h2 {
height: 31px;
}

.mg-top-20 { margin-top: 20px; }

.mg-left-13 { margin-left: 13px; }


#side_box{
background:url(../img/content_upline.gif) repeat-x top;
float:right;
display:block;
width:240px;
}

#s_menu{
margin-top:15px;
padding:10px;
/*
background-color:#F7F7F7;
border:solid 1px #DFDFDF;
*/
}

/* サイドメニュー */
#s_menu h2 {
	margin: 0px;
}
#s_menu ul.side_menu {
	width: 100%;
	margin-bottom: 11px;
	background: #FFF;
}
#s_menu ul.side_menu li {
	width: auto;
	min-height: 38px;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	background: url(../img/sub_bg_01.gif) repeat-x bottom #EFEFEF;
}
* html #s_menu ul.side_menu li {
	height: 38px;
}
#s_menu ul.side_menu li a {
	min-height: 26px;
	padding: 10px 0px 0px 24px;
	margin-bottom: 2px;
	background: url(../img/icon_01.gif) no-repeat 12px 17px;
	line-height: 150%;
	display: block;
	color: #333;
}
#s_menu ul.side_menu li a:hover {
	min-height: 26px;
	background: #D4D4D4 url(../img/icon_01.gif) no-repeat 12px 17px;
	margin-bottom: 2px;
}
* html #s_menu ul.side_menu li a {
	height: 28px;
}
#s_menu ul.side_menu li.last {
	border-bottom: 1px solid #DFDFDF;
	background-image: none;
}
/* 現在のページ */
#s_menu ul.side_menu li a#outline_index    { background-color: #D4D4D4; color: #222; }
#s_menu ul.side_menu li a#outline_outline  { background-color: #D4D4D4; color: #222; }
#s_menu ul.side_menu li a#outline_greeting { background-color: #D4D4D4; color: #222; }
                         
#s_menu ul.side_menu li a#business_index   { background-color: #D4D4D4; color: #222; }
#s_menu ul.side_menu li a#business_feature { background-color: #D4D4D4; color: #222; }
#s_menu ul.side_menu li a#business_area    { background-color: #D4D4D4; color: #222; }
                         
#s_menu ul.side_menu li a#product_index    { background-color: #D4D4D4; color: #222; }
#s_menu ul.side_menu li a#product_wakugumi { background-color: #D4D4D4; color: #222; }
#s_menu ul.side_menu li a#product_turi     { background-color: #D4D4D4; color: #222; }
#s_menu ul.side_menu li a#product_isoku    { background-color: #D4D4D4; color: #222; }
#s_menu ul.side_menu li a#product_tankan   { background-color: #D4D4D4; color: #222; }
#s_menu ul.side_menu li a#product_others   { background-color: #D4D4D4; color: #222; }
#s_menu ul.side_menu li a#product_flow     { background-color: #D4D4D4; color: #222; }
#s_menu ul.side_menu li a#product_results  { background-color: #D4D4D4; color: #222; }
                         
#s_menu ul.side_menu li a#recruit_index    { background-color: #D4D4D4; color: #222; }
#s_menu ul.side_menu li a#recruit_form     { background-color: #D4D4D4; color: #222; }
                         
#s_menu ul.side_menu li a#contact_index    { background-color: #D4D4D4; color: #222; }
#s_menu ul.side_menu li a#contact_contact  { background-color: #D4D4D4; color: #222; }
                         
#s_menu ul.side_menu li a#estimate_index   { background-color: #D4D4D4; color: #222; }


#s_menu ul.bana li {
	margin-bottom: 10px;
}
#s_menu ul.bana li.last {
	margin-bottom: 0px;
}



.page_top {
	width: 100%;
	padding-top: 25px;
	background: url(../img/bg_sidebar_bottom.gif) no-repeat right top;
	text-align: right;
}

#top_page .page_top {
	margin-bottom: 60px;
}


#contents{
width:860px;
display:block;
}

#contents_box_top{
width:860px;
height:12px;
display:block;
margin-top:20px;
background-image:url(../imgs/common/con_bg_top.gif);
background-repeat:no-repeat;
}

#contents_box_center{
width:815px;
display:block;
padding:25px 0 65px 45px;
background-image:url(../imgs/common/con_bg_center.gif);
background-repeat:repeat-y;
line-height:26pt;
}

.catch{
display:block;
margin-bottom:25px;
}

.catch2{
display:block;
margin-bottom:22px;
}

#contents_box_center .text{
display:block;
width:770px;
font-size:1.1em;
line-height:2em;
margin-bottom:10px;
margin-top:-6px;
}

#contents_box_center .text_btm{
display:block;
width:770px;
font-size:1.1em;
line-height:2em;
margin-bottom:0px;
margin-top:-6px;
}

#contents_box_center .center_box{
width:770px;
}

#contents_left .text{
width:560px;
}

#staff_detail_page #contents_left .text{
width:485px;
}

#project_detail_page #contents_left .text{
width:520px;
}

#contents_left .text_btm{
width:560px;
margin-bottom:0px;
}

#staff_detail_page #contents_left .text_btm{
width:485px;
margin-bottom:0px;
}

#project_detail_page #contents_left .text_btm{
width:520px;
margin-bottom:0px;
}

.text img, .text_btm img, .img_right {
float:right;
padding:0 0 16px 16px;
margin-top:5px;
}

.text .img_left, .text_btm .img_left{
float:left;
padding:0 16px 16px 0;
margin-top:5px;
}

.text .img_left2{
float:left;
padding:0 16px 50px 0;
margin-top:5px;
}

* html .text .img_left2{
padding:0 16px 7px 0;
}


.text .img_right2, .text_btm .img_right2{
float:right;
padding:0 0 50px 16px;
margin-top:5px;
}

* html .text .img_right2, * html .text_btm .img_right2{
padding:0 0 7px 16px;
}


.text strong, .text_btm strong{
font-size:1em;
line-height:2em;
}

.text_box_right{ display:block; width:454px; float:right;}

/*
sidemenuアリ---------------------
*/

#contents_left{
width:560px;
float:left;
}

#staff_detail_page #contents_left{
width:484px;
float:left;
}

#project_detail_page #contents_left{
width:519px;
float:left;
}



/*
フォント関連--------------------------
*/

h1{
font-size:14px;
font-weight:bold;
margin-bottom:25px;
}

h1 .color{
color:#00A0C6; padding-right:3px;
}


/*
H2_box-------------------------
*/


h2{
font-size:1.2em;
font-weight:bold;
line-height:1.4em;
margin-top:35px;
clear:both;
}

.h2_bg{
width:755px;
display:block;
padding-top:6px;
padding-left:15px;
background-image:url(../imgs/common/h2_bg.gif);
}

#contents_left .h2_bg{
width:545px;
background:url(../imgs/common/l_h2_bg.gif);
}

#staff_detail_page #contents_left .h2_bg{
width:470px;
background:url(../imgs/common/staff_h2_bg.gif);
}

#project_detail_page #contents_left .h2_bg{
width:505px;
background:url(../imgs/common/project_h2_bg.jpg);
}

.h2_box_bottom{
width:770px;
height:6px;
display:block;
margin-bottom:30px;
background:url(../imgs/common/h2_bottom.gif) no-repeat;
overflow:hidden;
}

#contents_left .h2_box_bottom{
width:560px;
background:url(../imgs/common/l_h2_bottom.gif) no-repeat;
}

#staff_detail_page #contents_left .h2_box_bottom{
width:485px;
background:url(../imgs/common/staff_h2_bottom.gif) no-repeat;
}

#project_detail_page #contents_left .h2_box_bottom{
width:520px;
background:url(../imgs/common/project_h2_bottom.gif) no-repeat;
}


#contents_left .gray_box{
width:535px;
padding:12px 10px 0 15px;
line-height:2em;
background:url(../imgs/common/graybox560_bg.gif);
}

#contents_left .gray_box_btm{
width:560px;
height:26px;
background:url(../imgs/common/graybox560_btm.gif) no-repeat;
overflow:hidden;
}


 .gray_box .img_right{ margin:2px 5px 0 0;}


.rice_box{position:relative}
.rice_box .rice{ position: absolute;  line-height:2em;	width:1.3em;}
.rice_box .rice_r{line-height:2em;	padding:0 0 5px 1.3em;}


.fbox{position:relative}
.f_10{ position: absolute;  line-height:1.6em;	width:0.8em;}
	.fbox_10{ display:block; line-height:1.6em;	padding:0 0 5px 1em;}
	
.f_30{ position: absolute;  line-height:1.6em;	width:2em;}
	.fbox_30{ display:block; line-height:1.6em;	padding:0 0 5px 2.3em;}
	



.color{
color:#00A0C6;
}



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

.alt{
display:none;
}



/*
ヘッダー ---------------------------
*/

#header_wrap {
width: 100%;
background-color:#F2F5F8;
}
#header{
width:950px;
height:62px;
margin:auto;
background-color:#F2F5F8;
position: relative;
}

#logo{
float:left;
padding: 13px 0 0 0;
display:block;
}
* html #logo{
float:left;
padding: 10px 0 10px 0;
display:block;
}
#subtitle{
float:right;
padding: 16px 0 0 0;
display:block;
}


.bread_box{
width:850px;
margin:auto;
}

/*
パンくず----------------------------
*/

.breadcrumb{
float:left;
margin:20px 0 0 0 ;
display:block;
}

.breadcrumb .color{ padding:0 6px;}




.log {
	display: none;
}