@charset "UTF-8";

/*RESET
---------------------------------------------------------- */

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	background-color:#FFFFFF;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
text-align:center;
font-family: Hiragino Kaku Gothic Pro W3, ヒラギノ角ゴ Pro W3, Osaka, MS P Gothic, ＭＳ Ｐゴシック, sans-serif, Meiryo, メイリオ,ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝,Pro W3;
}

.bg {
	background-image: url(../images/bg.gif);
	background-repeat:repeat-y;
	background-position:center center;
	background-color: #000000;
}


#container_top{ 
margin:-285px 0 0 -475px;
padding:0;
width:950px;
height:570px;
text-align:left;
position:absolute;
top:50%;
left:50%;
}


#container_top_newicon{ 
margin:-307px 0 0 -475px;
padding:0;
width:950px;
height:570px;
text-align:left;
position:absolute;
top:50%;
left:50%;
}



#container{ 
margin:0 auto;
width:950px;
text-align:left;
}

#header{
height:52px;
clear:both;
}

/*ナビゲーション
--------------------------------------------------------------*/

h1#head_title{
	margin:0;
	padding:11px 0 0 0px;
	float:left;
	background-color:#000000;
}


h1#head_title a {
	display:block;
	width:158px;
	height:30px;
}

#navi{
float:right;
	/*height:42px;*/
	margin:0;
	padding:28px 0px 0px 0px;
	width:402px;
	/*height:17px;*/
}

ul#head_navi{	
	margin:0;
	padding:0;
	height:17px;
	background:url('../images/navi.gif') 0 0 no-repeat;
}

ul#head_navi span{
	display: none;
}

ul#head_navi li, ul#head_navi a{
	height:17px;
	display:block;
}

ul#head_navi li{
	float:left;
	list-style:none;
}

li#navi_top						{width: 37px;}
li#navi_philosophy				{width: 93px;}
li#navi_service					{width: 66px;}
li#navi_company					{width: 83px;}
li#navi_recruit					{width: 68px;}
li#navi_access	  				{width: 55px;}


li#navi_top a:hover				{background:url('../images/navi.gif') 0px -20px no-repeat;}
li#navi_philosophy a:hover		{background:url('../images/navi.gif') -37px -20px no-repeat;}
li#navi_service	a:hover			{background:url('../images/navi.gif') -130px -20px no-repeat;}
li#navi_company	 a:hover		{background:url('../images/navi.gif') -196px -20px no-repeat;}
li#navi_recruit a:hover			{background:url('../images/navi.gif') -279px -20px no-repeat;}
li#navi_access a:hover			{background:url('../images/navi.gif') -347px -20px no-repeat;}

li#navi_top_02					{width:37px; background:url('../images/navi.gif') 0px -40px no-repeat;}
li#navi_philosophy_02			{width:93px; background:url('../images/navi.gif') -37px -40px no-repeat;}
li#navi_service_02				{width:66px; background:url('../images/navi.gif') -130px -40px no-repeat;}
li#navi_company_02				{width:83px; background:url('../images/navi.gif') -196px -40px no-repeat;}
li#navi_recruit_02				{width:68px; background:url('../images/navi.gif') -279px -40px no-repeat;}
li#navi_access_02				{width:55px; background:url('../images/navi.gif') -347px -40px no-repeat;}

.new_mark{
	margin:0;
	padding:0;
	width:36px;
	height:22px;
	float:left;
	position:relative;
	top:27px;
	left:842px;
}

.new_mark02{
	margin:0 0 -22px 0;
	padding:0;
	width:36px;
	height:22px;
	float:left;
	position:relative;
	top:5px;
	left:842px;
}


/*コンテンツここから
--------------------------------------------------------------*/
#contents{
margin:0;
padding:0;
width:950px;
overflow:hidden;
clear:both;
}

#contents_bg{
background:url('../images/contents_bg.gif') repeat-y;
margin:0;
padding:0;
width:950px;
overflow:hidden;
min-height:0; 
display: inline-table;
}

p.page_txt-indent{
height:0;
font-size:0px;
text-indent:-9999px;
background-color:#66CC99;
}

/* -- clear float -- */  

#contents_bg:after{ 
    content:"."; 
    display:block; 
    height:0; 
    clear: both; 
    visibility:hidden; 
} 
/* \*/ 
* html #contents_bg{height:0;} 
#contents_bg{display: block;} 
/* */ 
/* -- end clear float -- */


/*フッターここから
--------------------------------------------------------------*/
#footer{
	width:950px;
	margin:0 0 20px 0;
	padding:5px 0 5px 0;
}

#foot_navi_wrap{
	float:left;
	width:474px;
	margin:0 0 20px 0;
	padding:0;
	line-height:1;
}

html[xmlns*=""] body:last-child #footer{
	width:950px;
	margin:0 0 40px 0;
	padding:5px 0 5px 0;
}

html[xmlns*=""] body:last-child #foot_navi_wrap{
	float:left;
	width:474px;
	margin:0 0 20px 0;
	padding:0;
	line-height:1;
}


ul#foot_navi{
	padding:0;
}

ul#foot_navi li, ul#foot_navi a{
	margin:0;
	padding:0;
}

ul#foot_navi li{
	float:left;
	list-style:none;
}

#foot_navi span{
font-size:12px;
}

.left_margin10{
margin:0 0 0 10px;
}

.left_margin20{
margin-left:20px;
}


li#navi_site_map a:link					{color:#999999; text-decoration:none;}
li#navi_privacy_policy a:link			{color:#999999; text-decoration:none;}
li#navi_personal_information a:link		{color:#999999; text-decoration:none;}

li#navi_site_map a:visited				{color:#999999; text-decoration:none;}
li#navi_privacy_policy a:visited		{color:#999999; text-decoration:none;}
li#navi_personal_information a:visited	{color:#999999; text-decoration:none;}

li#navi_site_map a:hover				{color:#FFFFFF; text-decoration:underline;}
li#navi_privacy_policy a:hover			{color:#FFFFFF; text-decoration:underline;}
li#navi_personal_information a:hover	{color:#FFFFFF; text-decoration:underline;}

#copyright{
	padding:5px 0px 0px 0px;
	margin:0 0 0 0;
	text-align:right;
	float:right;
	width:474px;
	font-size:10px;color:#999999;
	font:ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
}

/*フッターここまで
--------------------------------------------------------------*/

/*ぶらさがり*/
p.note{
	text-indent:-1.3em;
	margin-left:1.4em;
}


/*コンテンツラッパー
--------------------------------------------------------------*/
.contents_wrap{
float:right;
width:475px;
}
.contents_wrap350l{
float:left;
width:350px;
}

.contents_wrap350l_book{
float:left;
width:350px;
margin:0 20px 20px 0;
}

.contents_wrap300l_book{
float:left;
width:300px;
margin:0 20px 20px 0;
}

.contents_wrapl{
float:left;
padding:0 0 0 37px;
}

.sub-title{
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:12px;color:#251e1a;
	font:ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
}





/*コンテンツ　テキストバリエーション
--------------------------------------------------------------*/
.contents_text_normal{
	padding:0px 0px 0px 0px;
	margin:0px;
	line-height:20px;
	font-size:12px;color:#251e1a;
	font:ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
}

.contents_text_600{
	width:600px;
	padding:0px 0px 0px 0px;
	margin:0px;
	line-height:20px;
	font-size:12px;color:#251e1a;
	font:ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
}

.contents_text_cyuu{
	text-indent:-1em;
	width:600px;
	padding:0 0 0 1em;
	margin:0 0 0 0;
	line-height:11px;
	font-size:10px;
	font:ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
}


.contents_text{
	width:350px;
	padding:0px 0px 0px 0px;
	margin:0px;
	line-height:20px;
	font-size:12px;color:#251e1a;
	font:ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
}

.contents_text_book{
	width:200px;
	padding:0px 0px 0px 0px;
	margin:0px;
	line-height:16px;
	font-size:11px;color:#251e1a;
	font:ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
}


/*clearBoth
--------------------------------------------------------------*/
.clear{
clear:both;
}

.left_margin10{margin-left:10px;}





.margin-bottom50{
margin:0 0 50px 0;
}


.margin-bottom30{
margin:0 0 30px 0;
}

.margin-bottom18{
margin:0 0 18px 0;
}

.float-left{
float:left;
}
.float-right{
float:right;
}


.float-right500{
width:580px;
padding:0 0 0 0;
margin:40px 10px 40px 350px;
}


/*リンク色
--------------------------------------------------------------*/
.light-green a{
font-weight:bold;
color:#66bf97;}

.blue-green a{
font-weight:bold;color:#65abb7;}



/*テキスト色
--------------------------------------------------------------*/
.light-green_txt {
margin:0 0 8px 0;
font-size:13px;
font-weight:bold;
line-height:15px;
color:#86bd97;}

.blue-green_txt {
font-size:13px;
font-weight:bold;
color:#65abb7;
}


/*フッターロゴ
--------------------------------------------------------------*/

.body_logo {
	margin:127px 0px 0px -30px;
	background:url(../images/body_logo.gif) no-repeat;
	width:397px;
	height:108px;
}


.body_logo_b {
	margin:127px 0px 0px -30px;
	background:url(../images/body_logo_b.gif) no-repeat;
	width:397px;
	height:108px;
}