@charset "utf-8";

/* CSS Document */

*{ margin:0;padding:0; }/* margin&padding reset */

body {
	text-align:center;/* box centering */
	font:normal 14px arial,sans-serif;
	margin:0px;
	padding:0px;
	color:#f9f9f9;
	background-color:#333;
	background:url(/img/body_bg.gif) repeat left top;
	}
	
/* ----------------------------------------//初期設定　general params----------------------------------------*/

h1, h2, h3, h4, h5, h6,div, p, pre, ul, ol, dl, dt, dd,th,td,form, blockquote{
	padding:0px;
	margin:0px;
	line-height:1.6em;
	text-align:left;
	}
table{
	margin :0;
	empty-cells:show;
	}

hr { display:none; }
img{ border:none; }

ul li{ list-style:none; }

a:link	{ color:#fff; text-decoration:none; }
a:visited{ color:#9fa0a0; text-decoration:none; }
a:active	{ color:#FF6666; }
a:hover	{
				color:#d4c922;
				text-decoration:none;
				text-decoration:underline;
				}



/*---------- list style設定 ----------*/

/*---------------------------------------- //font設定 ----------------------------------------*/

/*---------- font-size設定 ----------*/

table				{ font-size:12px; }
h1					{ font-size:14px; }
h2					{ font-size:14px; }
h3					{ font-size:12px; }
h4					{ font-size:12px; }
h5					{ font-size:11px; }

/*---------- line-height設定 ----------*/
#left_column p{ line-height:normal; }

/*---------- font-weight設定 ----------*/

/*---------- fontcolor設定 ----------*/
/*header*/
#header_top p,
#header_top h1	{ color:#fff; }
.txt_red			{ color:#df6160; }

/*---------- text-decoration設定---------- */

/*---------- font-weight設定---------- */
#header_top h1	{ font-weight:normal; }

/*---------- 共通で使用するクラス ----------*/
.align_c	{ text-align:center; }
.align_r	{ text-align:right; }
.clear	{ clear:both; }
.cancel	{ clear:both; }
.m_5l		{ margin-left:5px;}
.m_10l	{ margin-left:10px;}
.m_20l	{ margin-left:20px;}
.m_30l	{ margin-left:30px;}
.m_40l	{ margin-left:40px;}


/*---------- margin指定 ----------*/
#side_body				{ margin-top:10px; }
#footer					{ margin:0px auto }
/*headerの中の指定*/
.header_right			{ margin-right:5px; }
/*side_bodyの中の指定*/
#news_box				{ margin:10px 0px 20px 0px; }
#news_box h3			{ margin:5px 0px 5px 10px; }
#news_box .text_search,
#news_box #submit	{ margin-left:10px; }
#side_body .l_bana	{ margin:10px 0px; }

/*contentsの中の指定*/
h2							{ margin:10px 0px; }
#contents p 			{ margin:10px 0px; }
#contents ul			{ margin:10px 0px; }


/*---------- padding指定 ----------*/
#i_breed_holder		{ padding:10px 15px; }
/*headの中の指定*/
#header_top				{ padding:5px 0px; }
#header_top p			{ padding-left:10px; }
#header_top h1			{ padding-left:10px; }
#header_top #g_powere{ padding-right:10px; }
.header_right li a	{ padding:0px 0px 5px 15px; }

/*contents*/
#contents h3 			{ padding:0px 10px; }
#contents p 			{ padding:0px 10px; }
#contents ul 			{ padding:0px 10px; }
#contents dl 			{ padding:0px 10px; }

/*footer*/
#footer					{ padding:5px 0px;}

/*----------------------------------------//container・header・footer指定----------------------------------------*/
#container{
	width:900px;
	height:auto;
	margin:0px auto;
	background:url(/img/container_bg.gif) repeat-y left top;
	padding:0px 10px;
	}
/*#container:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
	}
*/
#header{
	width:900px;
	height:auto;
	padding:0px 0px 0px 0px;
	}

/*google-search*/

.text_search{
	width:100px;
	height:20px;
	border-bottom-color:#EAEAEA;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-color:#EAEAEA;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#EAEAEA;
	border-right-style:solid;
	border-right-width:1px;
	border-top-color:#EAEAEA;
	border-top-style:solid;
	border-top-width:1px;
	vertical-align:top;
	}

/*---------- header指定 ----------*/
#header p,
#header h1,
#header ul{ float:left; }
#header .header_right{ float:right; }
#header #g_powere		{ float:right; }
#header,
#header_top,
#header_bottom{
	width:900px;
	height:auto;
}
#header_top{
	background-color:#222;
	overflow:auto;
	}
#header_bottom{ clear:both; }

#header ul li{	display:inline; }
#header ul li a{	background:url(/images/sub_menu_point.gif) no-repeat left top; }
#header ul li a:hover{	background:url(/images/sub_menu_point_r.gif) no-repeat left top; }

ul#menu{	clear:both; }

/*---------- memu指定 ----------*/
#menu{
	width:900px;
	height:40px;
	background:#434443 url(/img/navi_bg.gif) repeat-x left top;
	}
#menu li{
	height:40px;
	float:left;
	}
#menu li a{
	display:block;
	height:40px;
	text-indent:-5000px;
	}
/*---------- memu詳細指定 ----------*/
#btn1						{ background:url(/img/navi1.gif) no-repeat left top; width:82px; }
#btn2						{ background:url(/img/navi2.gif) no-repeat left top; width:95px; }
#btn3						{ background:url(/img/navi3.gif) no-repeat left top; width:98px; }
#btn4						{ background:url(/img/navi5.gif) no-repeat left top; width:80px; }
#btn5						{ background:url(/img/navi6.gif) no-repeat left top; width:131px; }
/*---------- memu詳細指定hover ----------*/
#btn1:hover				{ background:url(/img/navi1.gif) no-repeat left bottom; }
#btn2:hover				{ background:url(/img/navi2.gif) no-repeat left bottom; }
#btn3:hover				{ background:url(/img/navi3.gif) no-repeat left bottom; }
#btn4:hover				{ background:url(/img/navi5.gif) no-repeat left bottom; }
#btn5:hover				{ background:url(/img/navi6.gif) no-repeat left bottom; }
/*---------- memu詳細指定現在地指定 ----------*/
#menu li a.btn1_on	{ background:url(/img/navi1.gif) no-repeat left bottom; }
#menu li a.btn2_on	{ background:url(/img/navi2.gif) no-repeat left bottom; }
#menu li a.btn3_on	{ background:url(/img/navi3.gif) no-repeat left bottom; }
#menu li a.btn4_on	{ background:url(/img/navi5.gif) no-repeat left bottom; }
#menu li a.btn5_on	{ background:url(/img/navi6.gif) no-repeat left bottom; }
/*----------------------------------------//footer指定----------------------------------------*/


#footer{
	width:920px;
	height:auto;
	clear:both;
	background:url(/img/footer_bg.gif) no-repeat left top;
	}
	
#footer p{
	padding-top:5px;
	text-align:center;
	}


/*----------------------------------------//left_body・contents指定----------------------------------------*/

#side_body{	float:left; }

/*---------- left_body指定 ----------*/

#side_body{
	width:270px;
	}
* html #side_body{ width:250px; }/*IE hack*/
#news_box{
	width:268px;
	height:150px;
	border:1px solid #9fa0a0;
	overflow:auto;
}
#news_box ul{
	width:245px;
	height:auto;
}
#news_box ul li{
	width:235px;
	height:auto;
	margin:5px 0px;
	padding-left:10px;
}
* html #news_box p{ width:193px; }/*IE hack*/

#news_box p img{
	margin-left:5px;
	vertical-align:middle;
}

/*---------- contents指定 ----------*/
#contents{
	float:left;
	width:620px;
	height:auto;
}

/*ページ見出し指定*/
#contents h2{
	width:600px;
	height:32px;
	padding-left:10px;
	text-indent:-5000px;
}
* html #contents h2{	width:610px; }/*IE hack*/
* html #contents h3{	width:610px; }/*IE hack*/
* html #contents p{	width:620px; }/*IE hack*/
* html #contents ul{	width:620px; }/*IE hack*/
* html #contents dl{	width:620px; }/*IE hack*/
#side_body h3{
	width:270px;
	height:30px;
	text-indent:-5000px;
}
/*トップページ見出し指定*/
#contents h2#midashi{
	background:url(/img/midashi_bg.gif) no-repeat right top;
	text-indent:30px;
 }

/*トップページ見出し指定*/
#contents h2#t_midashi1{ background:url(/img/top/top_midashi1.gif) no-repeat right top; }
#contents h2#t_midashi2{ background:url(/img/top/top_midashi2.gif) no-repeat right top; }
#contents h2#t_midashi3{ background:url(/img/top/top_midashi3.gif) no-repeat right top; }

/*事業内容見出し指定*/
#contents h2#s_midashi1{ background:url(/img/service/service_midashi1.gif) no-repeat right top; }

/*会社概要見出し指定*/
#contents h2#c_midashi1{ background:url(/img/company/company_midashi1.gif) no-repeat right top; }

/*理念見出し指定*/
#contents h2#v_midashi1{ background:url(/img/vision/vision_midashi1.gif) no-repeat right top; }

/*ご挨拶見出し指定*/
#contents h2#f_midashi1{ background:url(/img/from_ceo/from_ceo_midashi1.gif) no-repeat right top; }

/*お問い合わせ見出し指定*/
#contents h2#a_midashi1{ background:url(/img/ask_form/ask_form_midashi1.gif) no-repeat right top; }
#contents h2#a_midashi2{ background:url(/img/ask_form/ask_form_midashi2.gif) no-repeat right top; }
#contents h2#a_midashi3{ background:url(/img/ask_form/ask_form_midashi3.gif) no-repeat right top; }

/*お知らせ見出し指定*/
#contents h2#n_midashi1{ background:url(/img/news/news_midashi1.gif) no-repeat right top; }

/*プレスリリース見出し指定*/
#contents h2#p_midashi1{ background:url(/img/press/press_midashi1.gif) no-repeat right top; }

/*サイトマップ見出し指定*/
#contents h2#sm_midashi1{ background:url(/img/site_map/site_map_midashi1.gif) no-repeat right top; }

/*プライバシーポリシー見出し指定*/
#contents h2#pp_midashi1{ background:url(/img/privacy/privacy_midashi1.gif) no-repeat right top; }

/*左サイド見出し指定*/
#side_body h3#s_midashi1{ background:url(/img/side_midashi1.gif) no-repeat right top; }
#side_body h3#s_midashi2{ background:url(/img/side_midashi2.gif) no-repeat right top; }

#contents h3{
	width:600px;
	height:auto;
}
#contents p{
	width:600px;
	height:auto;
}
#contents ul{
	width:600px;
	height:auto;
}
#contents dl{
	width:600px;
	height:auto;
}


/*---------- right_column ----------*/

/*--------- table ---------*/
table{
	width:599px;
	height:auto;
	border-collapse:collapse;
	border-top:1px solid #8c8d8d;
	border-right:1px solid #8c8d8d;
	margin:10px;
}
td,
th{
	font-size:14px;
	color:#fff;/*セルのメイン背景色*/
	padding:.6em 10px;
	text-align:left;
	border-bottom:1px solid #8c8d8d;
	border-left:1px solid #8c8d8d;
}
.type1 th{ background:url(/img/type01_th_bg.gif) repeat-y left top; }

table.food{
width:100%;
margin:10px 0px;
border-collapse:collapse;
border-top:1px solid #8c8d8d;
border-right:1px solid #8c8d8d;
}


/*breadcrumbs*/
#breadcrumbs{
	width:880px;
	margin:5px 10px 0px;
}

/*sitemap個別指定*/
#sitemap{ background:url(/img/contents_line.gif) repeat-y 30px top; }
#sitemap li{
	margin-bottom:30px;
	background-color:#333333;
}
#sitemap li.second_tree{
	wdith:500px;
	height:auto;
	padding-left:100px;
	background:transparent url(/img/contents_line2.gif) no-repeat left 11px;
}


/*service個別の指定*/
.service_box{
width:600px;
height:auto;
background:url(/img/service/contents_line.gif) repeat-x 10px bottom;
clear:both;
padding:10px 0px;
margin:10px 0px 0px 10px;
}
.service_box:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
	}
#contents .service_box h3,
.service_box div{ float:left; }

#contents .service_box h3{
width:133px;
height:133px;
text-indent:-5000px;
padding:0px;
}

#contents .service_box h3.h3_midashi1{ background:url(/img/service/contents_midashi1.gif) no-repeat left top; }
#contents .service_box h3.h3_midashi2{ background:url(/img/service/contents_midashi2.gif) no-repeat left top; }

#contents .service_box div{
width:457px;
height:auto;
padding:0px 0px 0px 10px;
margin:0px;
}
* html #contents .service_box div{ width:467px; }/*IE hack*/

#contents .service_box div p{
width:457px;
height:auto;
padding:0px;
margin-top:0px;
}
* html #contents .service_box div p{ width:457px; }/*IE hack*/

.service_box div p img{ vertical-align:middle; }