@charset "utf-8";

/* ************************************************ 
	CSS目次
	1-1.記述方法
	1-2.注意点
	
	2-1.基本設定
	2-2.各領域設定
	2-3.ヘッダ領域設定
	2-4.ナビゲーション設定
	2-5.フッター領域設定
	2-6.メインナビゲーション領域設定
	2-7 サイドコンテンツL設定
	2-8 サイドコンテンツR設定
	2-9 C_Cコンテンツ設定
	2-10 C_Lコンテンツ設定
	2-11 C_Rコンテンツ設定
	2-12 メインコンテンツ設定
	
 * ************************************************ */

/*	1-1.記述方法
サイズ関係（width:**px; height:**px;等)
フォント関係（font-size:**px; line-height:**%; text-align:**;等
マージン（margin:**;等）
ボーダー（border:*px solid #******;等）
パディング（padding:**px;等）
バックグランド（background:url(*********);等)
その他（float:***; display:***;等)
*/

/*	1-2.注意点
ハックした場合必ず下記の記入欄に記述。

*/

/*	ハックした箇所

*/

/* ************************************************ 
 * 2-1 基本設定
 * ************************************************ */
*
	{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	list-style:none;
	}
html
	{
	background:url(../img/base/body_back.gif);
	}
body
	{
	font-size:80%;
	color: #333333;
	text-align:center;
	background:url(../img/base/point_back.gif) no-repeat center top;
	}
h1,h2,h3,h4,h5,h6
	{
	font-size:100%;
	}
img
	{
	border:0px;
	}
hr
	{
	width:1px;
	height:1px;
	color:#333333;
	border:none;
	padding:7px 0px 7px 0px;
	clear:both;
	}
*+html hr
	{
	border:none;
	padding:0px;
	}
.clear
	{
	clear:both;
	}
.left
	{
	text-align:left;
	}
.right
	{
	text-align:right;
	}
.center
	{
	text-align:center;
	}
a
	{
	color:#000000;
	text-decoration:none;
	}
a:hover
	{
	color:#9e9a88;
	text-decoration:underline;
	}

/* ************************************************ 
 * 2-2 各領域設定
 * box
 * header
 * nav
 * contents_box
 * side_box
 * main_contents
 * footer
 * ************************************************ */
*#box
	{
	width: 899px;
	text-align:left;
	margin: 0px auto;
	position: relative;
	}
*#header
	{
	height: 120px;
	}
*#nav
	{
	width:649px;
	padding:0px 0px 0px 250px;
	height:31px;
	font-family:"trebuchet MS";
	background:url(../img/base/nav_back.gif) no-repeat right;
	}
*#contents_box
	{
	background:#FFFFFF;
	}
*#main_contents
	{
	width:889px;
	border:5px solid #595440;
	border-top:none;
	}
/* ************************************************ 
 * 2-3 ヘッダー設定
 * ************************************************ */
*#header h1
	{
	color:#9e9a88;
	padding:10px 0px 0px 0px;
	}
#logo img
	{
	position:absolute;
	top:50px;
	left:318px;
	}	
#logo img
	{
	behavior:url(/common/plugin/iepngfix.htc);
	}	

/* ************************************************ 
 * 2-5 ナヴィゲーション設定
 * ************************************************ */
*#nav li
	{
	width:80px;
	text-align:center;
	line-height:1.8;
	float:left;
	}
*#nav a
	{
	width:70px;
	height:21px;
	color:#FFFFFF;
	padding:4px 0px 0px 10px;
	text-decoration:none;
	background:url(../img/base/nav_out.gif) no-repeat left;
	display:block;
	}
*#nav a:hover
	{
	background:url(../img/base/nav_hover.gif) no-repeat left;
	}

/* ************************************************ 
 * 2-12 メインコンテンツ設定
 * ************************************************ */
*#main_contents hr
	{
	color:#FFFFFF;
	margin:0px 0px 0px 10px;
	}
*#main_contents #producta_nav
	{
	margin:0px 0px 0px 36px;
	}
*#main_contents #producta_nav li
	{
	margin:10px 30px 10px 31px;
	float:left;
	}
*#main_contents #producta_nav li img
	{
	display:block;
	}
/* フッターリンク */
#footer_link
	{
	text-align:center;
	padding:10px 0px 0px 5px ;
	}
#footer_link li
	{
	color:#9e9a88;
	display:inline;
	}
#footer_link a ,
#dir a
	{
	color:#9e9a88;
	}
address
	{
	text-align:center;
	color:#FFFFFF;
	font-style:normal;
	padding:10px 0px 0px 5px ;
	}
#dir
	{
	font-size:10px;
	text-align:center;
	padding:10px 0px 0px 5px ;
	}