@charset"Shift_JIS";
/* 東洋セーバー CSS Document */

/* 全体構造
---------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
	background-color:#fff;
	}
div#layout{
	margin:0 auto;
	padding:23px 18px 0 18px;
	width:731px;
	background:url(../image/bg_layout.gif) repeat-y;
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	color:#666666;
	}
h1,h2,h3,h4,h5,h6,p,ul,li{
	margin:0;
	padding:0;
	}
/* ヘッダー
---------------------------------------------------------------*/
div#layout #hd{
	margin:0;
	width:731px;
	height:56px;	
	}
#hd h1{
	margin:0;
	padding:0;
	float:left;
	}
	
#hd .iso, #hd .eco {
	width:59px;
	height:56px;
	background:url(../image/eco.jpg) no-repeat ;
	float:right;
	margin-right:5px;
}

/* メインビジュアル
---------------------------------------------------------------*/
div#layout #m_img{
	margin-bottom:10px;
	width:731px;
	height:271px;
	}
/* ナビゲーション
---------------------------------------------------------------*/
div#layout #navi{
	margin-bottom:8px;
	padding:0 5px 0 5px;
	width:721px;
	height:68px;
	background: url(../home/img/navi_off.jpg)  no-repeat;
	position:relative;
	}
#navi ul{
	margin:0;
	list-style:none;
	}
#navi li{
	margin:0;
	width:137px;
	height:68px;
	position:absolute;
	top:0;
	left:5px;
	text-indent:-9999px;
	}
#navi li a{
	text-decoration:none;
	display:block;
	width:137px;
	height:68px;
	}
#navi li#sub01{left:5; width:137px;}
#navi li#sub02{left:152px; width:137px;}
#navi li#sub03{left:298px; width:137px;}
#navi li#sub04{left:444px; width:137px;}
#navi li#sub05{left:590px; width:137px;}

#navi li#sub01 a:hover{background:url(../home/img/navi_on.jpg) no-repeat -5px 0px;}
#navi li#sub02 a:hover{background:url(../home/img/navi_on.jpg) no-repeat -152px 0px;}
#navi li#sub03 a:hover{background:url(../home/img/navi_on.jpg) no-repeat -298px 0px;}
#navi li#sub04 a:hover{background:url(../home/img/navi_on.jpg) no-repeat -444px 0px;}
#navi li#sub05 a:hover{background:url(../home/img/navi_on.jpg) no-repeat -590px 0px;}
/* コンテンツ
---------------------------------------------------------------*/
div#layout #container{
	width:731px;
	height:425px;
	}
/*--新着情報
---------------------------*/
div#layout #container #inf{
	width:474px;	
	margin:0;
	padding:67px 13px 0 21px ;
	background:url(../home/img/bg_info.gif) no-repeat;
	float:left;
	}
div#layout #container #inf .table{
	margin:0;
	padding:0;
	}
div#layout #container #inf .td1{
	height:9px;
	padding:7px 0 7px 23px; 
	border-bottom:1px dotted #ccc; 
	text-align:left;
	font-size:0.8em;
	}
div#layout #container #inf .td1 img{
	margin-right:5px;}	

div#layout #container #inf .td2{
	margin:0;
	padding:0;
	background:url(../home/img/dt.gif) repeat-x;
	height:1px;
	}

/*--バナー部分
---------------------------*/	
div#layout #container #ban{
	width:211px;
	height:300px;
	padding:28px 5px 10px 7px;
	margin:0;	
	float:right;
	}
div#layout #container #ban ul{
	margin:0;
	list-style:none;
	width:210px;
	}
div#layout #container #ban li{
	width:211px;
	height:98px;
	}
div#layout #container #ban li#no1{top:0; height:98px;}
div#layout #container #ban li#no2{top:98px; height:98px;}
div#layout #container #ban li#no3{top:196px; height:98px;}
div#layout #container #ban li#no4{top:294px; height:88px;}
/* フッター
---------------------------------------------------------------*/
div#ft{
	margin:0 auto;
	padding-top:5px;
	width:767px;
	height:56px;	
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#999999;
	background:url(../image/bg_ft.gif) no-repeat;
	clear:both;	
	}