@charset "Shift_jis";

/* 共通スタイルシート　レイアウトとナビゲーション*/

/* 全体構造（レイアウトをコントロール）
---------------------------------------------------------------------*/
body {
	margin: 0px;
	color:#3F3B3A;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","arial";
	font-size: 12px;
	background-color:#fff;
	background-position: center;
	line-height: 1.2em;
line-height: 150%;

	}


img {
	margin: 0;
	padding: 0;
	border-style: none;
}

td{
line-height: 150%;
}


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

#header {
	position: relative;
	margin: 0;
	padding: 0;
	width: auto;

	height: auto;
	border-bottom: 2px solid #d9301d;
	background: white;
	text-align: center;
}

.header_area  {
	margin: 0 auto;
	padding: 0;
	height: 50px;
	width: 810px;
	text-align: left;

}

.header_logo  {
	float: left;
	margin: 16px 0px 0px 0px;

}


/* メニュー（トップ）
---------------------------------------------------------------------*/

#navi {
position: relative;
margin: 0;
padding: 0;
width: auto;

height: auto;

background: white url(../images/navi/navi_bg.gif) 0 0px repeat-x;
text-align: center;
}

#sura {
position: relative;
margin: 0;
padding: 10px 0px;
width: auto;
background-color:#d6d1c1;
height: auto;


text-align: center;
}

.navi_area {
	width: 500px;
	float: right;
	height: 23px;
	text-align: center;
	margin: 27px 0px 0px 0px;
}

.navi_area ul {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
}

.navi_area li {
	list-style-type: none;
	float: left;
	width:100px;
}

.navi_home  {
	width:100px;
	height:23px;
	background-image: url(../images/navi/navi_top_on.gif);
}

.navi_home a {
	display:block;
	width:100px;
	height:23px;
	font-size:1px;
	line-height:1px;
	
}

.navi_home a:hover {
	text-indent:-9999px;
}

.navi_company  {
	width:100px;
	height:23px;
	background-image: url(../images/navi/navi_company_on.gif);
}

.navi_company a {
	display:block;
	width:100px;
	height:23px;
	font-size:1px;
	line-height:1px;
	
}

.navi_company a:hover {
	text-indent:-9999px;
}

.navi_contents  {
	width:100px;
	height:23px;
	background-image: url(../images/navi/navi_contents_on.gif);
}

.navi_contents a {
	display:block;
	width:100px;
	height:23px;
	font-size:1px;
	line-height:1px;
	
}

.navi_contents a:hover {
	text-indent:-9999px;
}

.navi_adoption  {
	width:100px;
	height:23px;
	background-image: url(../images/navi/navi_ad_on.gif);
}

.navi_adoption a {
	display:block;
	width:100px;
	height:23px;
	font-size:1px;
	line-height:1px;
	
}

.navi_adoption a:hover {
	text-indent:-9999px;
}

.navi_contact  {
	width:100px;
	height:23px;
	background-image: url(../images/navi/navi_contact_on.gif);

}

.navi_contact a {
	display:block;
	width:100px;
	height:23px;
	font-size:1px;
	line-height:1px;
	
}

.navi_contact a:hover {
	text-indent:-9999px;
}




/* コンテンツ
---------------------------------------------------------------------*/

#content {
	width: 810px;
	clear: both;
	margin: 0px auto;
}

.content_sl {
	width: 810px;
	float: left;
	margin: 0px;
	display: inline;
	overflow: hidden; 
	height:400px;
}

.content_main {
	width: 810px;
	float: left;
	margin: 0px;
	display: inline;
	overflow: hidden 
}

.content_left {
	width: 600px;
	float: left;
	margin: 10px 0px 10px 0px;
	background-color: #ffffff;
}

.content_right {
	width: 190px;
	float: right;
	margin: 50px 0px 10px 0px;
	background-color: #ffffff;
}

.content_right_menu ul {
	list-style-type: none;
	width: 190px;
	padding: 0;
	margin: 0px 0px; 
	display: inline; 
}

.content_right_menu li {
	margin: 0px 0px  10px 0px;
	width: 190px;
	float: left;
	display: inline;
	overflow: hidden;
}

/* トップ　
---------------------------------------------------------------------*/

/* トップ　バナー
---------------------------------------------------------------------*/
.top_banner {
	float: left;
	width:200px;
	background-color: #e2dbbf;
	margin: 10px 0px 10px 10px;
	padding: 5px 10px;
}


.top_banner ul {
	list-style-type: none;
	width: 200px;
	padding: 0;
	margin: 0px 0px; 
	display: inline; 
}


.top_banner li {
	margin: 5px 0px ;
	width: 200px;
	float: left;
	display: inline;
	overflow: hidden;
}

/* ルートリスト
---------------------------------------------------------------------*/

#rootlist {
	width: 560px;
	height: 20px;
	background-image: url(../image/common/rootlist.gif);
	font-size: 12px;
	float: left;
	letter-spacing: 1px;
	clear: both;
	padding: 0px 10px;
	color: #FFF;
	line-height: 1.8em;
	text-align: left;
}

#rootlist a {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	letter-spacing: 1px;
	color: #eeeeee;
	line-height: 1.5em;
}

/* メインページ
---------------------------------------------------------------------*/


/* ページ
---------------------------------------------------------------------*/

.main_title {
	clear: both;
	width: 810px;
	float: left;
	margin: 10px 0px 10px 0px;
	background-color: #ffffff;
}



/*メニュー
---------------------------------------------------------------------*/

.main_menu {
	float: left;
	width:200px;
	background-color: #ffffff;
	margin: 10px 0px 10px 0px;
	padding: 10px;
}


.main_menu ul {
	list-style-type: none;
	width: 200px;
	padding: 0;
	margin: 0px 0px; 
	display: inline; 
}

.main_menu li {
	margin: 2px 0px  0px 0px;
	width: 200px;
	float: left;
	display: inline;
	overflow: hidden;
	padding: 0;
}

.main_menu a {
	font-size: 12px;
	color: #707070;
	text-decoration: none;

}

.main_menu a:hover {
	color: #877607;

}


/*会社概要
---------------------------------------------------------------------*/


.main_company_menu {
	float: left;
	width:200px;
	background-color: #ffffff;
	margin: 10px 0px 10px 10px;
	padding: 10px;
}


.main_company_menu ul {
	list-style-type: none;
	width: 200px;
	padding: 0;
	margin: 0px 0px; 
	display: inline; 
}

.main_company_menu li {
	margin: 2px 0px  0px 0px;
	width: 200px;
	float: left;
	display: inline;
	overflow: hidden;
}

.main_company_menu a {
	font-size: 12px;
	color: #707070;
	text-decoration: none;
}

.main_company_menu a:hover {
	color: #877607;
}

.menu_info {
	width:190px;
	height:40px;
	background-image: url(../company/images/menu_info_on.gif);
}

.menu_info a {
	display:block;
	width:190px;
	height:40px;
	font-size:1px;
	line-height:1px;
	
}

.menu_info a:hover {
	text-indent:-9999px;
}

.menu_id {
	width:190px;
	height:40px;
	background-image: url(../company/images/menu_id_on.gif);
}

.menu_id a {
	display:block;
	width:190px;
	height:40px;
	font-size:1px;
	line-height:1px;
	
}

.menu_id a:hover {
	text-indent:-9999px;
}

.menu_history {
	width:200px;
	height:34px;
	background-image: url(../company/images/menu_history_on.gif);
}

.menu_history a {
	display:block;
	width:200px;
	height:34px;
	font-size:1px;
	line-height:1px;
	
}

.menu_history a:hover {
	text-indent:-9999px;
}

/*＜メニュー＞事業内容
---------------------------------------------------------------------*/

.menu_wholesale {
	width:200px;
	height:34px;
	background-image: url(../contents/images/menu_wholesale_on.gif);
}

.menu_wholesale a {
	display:block;
	width:200px;
	height:34px;
	font-size:1px;
	line-height:1px;
	
}

.menu_wholesale a:hover {
	text-indent:-9999px;
}

.menu_ec {
	width:200px;
	height:34px;
	background-image: url(../contents/images/menu_ec_on.gif);
}

.menu_ec a {
	display:block;
	width:200px;
	height:34px;
	font-size:1px;
	line-height:1px;
	
}

.menu_ec a:hover {
	text-indent:-9999px;
}


.menu_incub {
	width:200px;
	height:34px;
	background-image: url(../contents/images/menu_incub_on.gif);
}

.menu_incub a {
	display:block;
	width:200px;
	height:34px;
	font-size:1px;
	line-height:1px;
	
}

.menu_incub a:hover {
	text-indent:-9999px;
}

/*＜メニュー＞取り組み
---------------------------------------------------------------------*/

.menu_satoyama {
	width:200px;
	height:34px;
	background-image: url(../measure/images/menu_satoyama_on.gif);
}

.menu_satoyama a {
	display:block;
	width:200px;
	height:34px;
	font-size:1px;
	line-height:1px;
	
}

.menu_satoyama a:hover {
	text-indent:-9999px;
}

.menu_web {
	width:200px;
	height:34px;
	background-image: url(../measure/images/menu_web_on.gif);
}

.menu_web a {
	display:block;
	width:200px;
	height:34px;
	font-size:1px;
	line-height:1px;
	
}

.menu_web a:hover {
	text-indent:-9999px;
}




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

.main_company_detail {
	float: left;
	width:730px;
	background-color: #ffffff;
	margin: 10px 0px 10px 10px;
}

.main_company_detail ul {
	list-style-type: none;
	width: 440px;
	padding: 0;

	display: inline; 
}

.main_company_detail li {
	margin: 5px 15px ;
	width: 440px;
	float: left;
	display: inline;
	overflow: hidden;
}

.main_company_detail a {
	font-size: 12px;
	color: #707070;
	text-decoration: none;
}

.main_company_detail a:hover {
	color: #877607;
}

.main_company_content {
	float: left;
	width:480px;

	margin: 10px 0px 10px 10px;
}

.main_company_title {
	width: 470px;
	padding: 0;
	margin: 0px 0px 5px 0px; 
	display: inline; 
}

.main_company_content ul {
	list-style-type: none;
	width: 470px;
	padding: 0;
	margin: 5px 0px; 
	display: inline; 
}

.main_company_content li {
	margin: 5px 5px ;
	width: 150px;
	float: left;
	display: inline;
	overflow: hidden;
}

.main_company_content a {
	font-size: 12px;
	color: #707070;
	text-decoration: none;
}

.main_company_content a:hover {
	color: #877607;
}

.main_company_map {
	clear: both;
	float: left;
	width:960px;
	background-color: #ffffff;
	margin: 10px 0px;
	text-align: center;
	display: inline; 
}

.main_company_map2 {
	clear: both;
	float: left;
	width:730px;
	background-color: #ffffff;
	margin: 0px 0px 20px 0px;
	text-align: center;
	display: inline; 
}

.main_company_map3 {
	float: left;
	width:300px;
	background-color: #ffffff;
	margin:0px 0px 0px 20px;
}

.main_company_map3 ul {
	list-style-type: none;
	width: 300px;
	padding: 0;

	display: inline; 
}

.main_company_map3 li {
	margin: 5px 15px ;
	width: 300px;
	float: left;
	display: inline;
	overflow: hidden;
	text-align: left;
}

.main_company_map3 a {
	font-size: 12px;
	color: #707070;
	text-decoration: none;
}

.main_company_map3 a:hover {
	color: #877607;
}

/*
---------------------------------------------------------------------*/
.main_detail470 {
	float: left;
	width:470px;
	background-color: #ffffff;
	margin: 10px 0;
}

.main_detail470 ul {
	list-style-type: none;
	width: 440px;
	padding: 0;

	display: inline; 
}

.main_detail470 li {
	margin: 5px 15px ;
	width: 440px;
	float: left;
	display: inline;
	overflow: hidden;
}

.main_detail470 a {
	font-size: 12px;
	color: #707070;
	text-decoration: none;
}

.main_detail470 a:hover {
	color: #877607;
}

.main_detail470r {
	float: right;
	width:470px;
	background-color: #ffffff;
	margin: 10px 0;
}

.main_detail470r ul {
	list-style-type: none;
	width: 440px;
	padding: 0;

	display: inline; 
}

.main_detail470r li {
	margin: 5px 15px ;
	width: 440px;
	float: left;
	display: inline;
	overflow: hidden;
}

.main_detail470r a {
	font-size: 12px;
	color: #707070;
	text-decoration: none;
}

.main_detail470r a:hover {
	color: #877607;
}

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

.content_goods {
	clear: both;
	float: left;
	width:780px;
	margin: 10px 90px;
}

.content_goods ul {
	list-style-type: none;
	width: 780px;
	padding: 0;
	display: inline; 
}

.content_goods li {
	margin: 5px 20px ;
	width: 350px;
	float: left;
	display: inline;
	overflow: hidden;
}

/*　スライダー
---------------------------------------------------------------------*/
DIV#topimg {
	Z-INDEX: 5; CLEAR: both
}
DIV#topimg2 {
	Z-INDEX: 5; CLEAR: both
}
DIV#topimg3 {
	Z-INDEX: 5; CLEAR: both
}
DIV#topimg4 {
	Z-INDEX: 5; CLEAR: both
}