@charset "Shift_JIS";

/* ボディー */
body {
	width:100%;
	height:100%;
	font-size: 100%;
	color: #000000;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
	background:url(../images/bg01.jpg) left top repeat-x;
}

h2{
	width:920px;
	height:300px;
	margin:0;
	padding:0;
	background:url(../images/mainimg.jpg) center top no-repeat;
	float:left;
	text-indent:-9999px;
}
/* 左スペース */
div#t_left {
	width:540px;
	margin:0;
	padding:0;
	float:left;
}

/* ニュース */
div#t_left div#cont02{
	width:540px;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	!padding:0 0 20px 0;
	float:left;
	!float:none;
	background:url(../images/bk_news.gif) bottom;
}
div#t_left div#cont02 h3#shinchaku{
	width:540px;
	height:31px;
	margin:0 0 8px 0;
	padding:0;
	float:left;
	text-indent:-9999px;
	background:url(../images/tit_news.gif) no-repeat;
}
div#cont02 dl{
	width:510px;
	margin:0 0 15px 15px;
	!margin:0 0 15px 15px;
	_margin:0 0 15px 8px;
	padding:0;
	float:left;
}
div#cont02 dt{
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	background:url(../images/ya.gif) left no-repeat;
}
div#cont02 img{
	margin:0 0 0 10px;
	float:right;
}

/* QCD向上 */
div#t_left h3#qcd{
	width:540px;
	height:85px;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
	background:url(../images/top02.jpg) no-repeat;
}
div.cont01{
	width:540px;
	margin:0 0 30px 0;
	padding:0;
	float:left;
	_float:none;
}
div.cont01 p{
	width:500px;
	margin:0 20px 15px 20px;
	padding:0;
}
div.cont01 div#s01{
	width:500px;
	height:115px;
	margin:0 20px 15px 20px;
	padding:0;
	background:url(../images/top03.jpg) no-repeat;
	float:left;
	!float:none;
}
div.cont01 div#s01 p{
	width:390px;
	margin:50px 0 0 110px;
	padding:0;
}
div.cont01 div#s02{
	width:500px;
	height:115px;
	margin:0 20px 15px 20px;
	padding:0;
	background:url(../images/top04.jpg) no-repeat;
	float:left;
	!float:none;
}
div.cont01 div#s02 p{
	width:390px;
	margin:50px 0 0 110px;
	padding:0;
}
div.cont01 div#s03{
	width:500px;
	height:115px;
	margin:0 20px 15px 20px;
	padding:0;
	background:url(../images/top05.jpg) no-repeat;
	float:left;
	!float:none;
}
div.cont01 div#s03 p{
	width:390px;
	margin:50px 0 0 110px;
	padding:0;
}
/* 右スペース */
div#t_right {
	width:330px;
	margin:0;
	padding:0;
	float:right;
}
div#t_right div.t_r01{
	width:330px;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	float:right;
	background:url(../images/top07.gif) bottom;
}
div#t_right div.t_r01 h6#t_r_lineup{
	width:330px;
	height:31px;
	margin:0;
	padding:0;
	background:url(../images/top06.gif) top no-repeat;
	text-indent:-9999px;
}
div#t_right div.t_r01 h6#t_r_jisseki{
	width:330px;
	height:31px;
	margin:0;
	padding:0;
	background:url(../images/top08.gif) top no-repeat;
	text-indent:-9999px;
}
div#t_right div.t_r01 h6#t_r_mm{
	width:330px;
	height:31px;
	margin:0;
	padding:0;
	background:url(../images/mm_tit.gif) top no-repeat;
	text-indent:-9999px;
}
div#t_right div.t_r01 dl{
	width:300px;
	margin:10px 0 0 12px;
	padding:0;
	float:left;
	!float:none;
}
div#t_right div.t_r01 dt{
	width:60px;
	margin:0 5px 0 0;
	padding:0;
	float:left;
}
div#t_right div.t_r01 dd{
	width:235px;
	margin:0;
	padding:0;
	float:right;
	text-align:left;
}
div#t_right div.t_r01 dd#m_text{
	width:225px;
	margin:0;
	padding:0;
	float:right;
	text-align:left;
}
/* メルマガ */
ul#mm{
	width:307px;
	margin:10px 0 0 12px;
	_margin:10px 0 0 6px;
	padding:0 0 5px 0;
	float:left;
}
ul#mm li{
	display:block;
	margin:0 0 5px 0;
	padding:0;
	float:left;
}
ul#mm #sumi a{
	width:307px;
	height:20px;
	background:url(../images/mm02.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}
ul#mm #mada a{
	width:307px;
	height:20px;
	background:url(../images/mm03.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}


/* ページトップ */
div#pagetop {
	width:890px;
	!width:885px;
	margin:0 0 15px 0;
	padding:0;
	float:left;
	!float:none;
}
div#pagetop ul{
	float:right;
	margin: 0px;
	padding:0px;
}
div#pagetop li{
	float:left;
	margin: 0px;
	padding:0px;
	list-style-type: none;
}
#pagetop li a{
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}
#pagetop_b a{
	background-image: url(../images/page_top.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position:0px 0px;
	width: 110px;
	height: 12px;
}


/* トレーサビリティ */
div#t_left h3#towa{
	width:540px;
	height:85px;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
	background:url(../images/about/towa_tit.jpg) no-repeat;
}
ul.towalist{
	width:530px;
	margin:0 0 0 10px;
	_margin:0;
	padding:0;
	float:left;
}
ul.towalist li{
	float:left;
	margin:0 0 5px 10px;
	padding:0;
	list-style-type: none;	
}
ul.towalist li a{
	margin:0;
	padding:0;
	display: block;
	text-indent:-9999px;
}
ul.towalist #towa01 a{
	width:160px;
	height:30px;
	overflow:hidden;
	background:url(../images/about/towa_b01.jpg) no-repeat;
	background-position:0 0;
}
ul.towalist #towa02 a{
	width:160px;
	height:30px;
	overflow:hidden;
	background:url(../images/about/towa_b02.jpg) no-repeat;
	background-position:0 0;
}
ul.towalist #towa03 a{
	width:160px;
	height:30px;
	overflow:hidden;
	background:url(../images/about/towa_b03.jpg) no-repeat;
	background-position:0 0;
}
ul.towalist #towa04 a{
	width:160px;
	height:30px;
	overflow:hidden;
	background:url(../images/about/towa_b04.jpg) no-repeat;
	background-position:0 0;
}
ul.towalist #towa05 a{
	width:160px;
	height:30px;
	overflow:hidden;
	background:url(../images/about/towa_b05.jpg) no-repeat;
	background-position:0 0;
}

/* アクティブ */
ul.towalist #towa01 a:hover{
	width:160px;
	height:30px;
	overflow:hidden;
	background:url(../images/about/towa_b01.jpg) no-repeat;
	background-position:0 -30px;
}
ul.towalist #towa02 a:hover{
	width:160px;
	height:30px;
	overflow:hidden;
	background:url(../images/about/towa_b02.jpg) no-repeat;
	background-position:0 -30px;
}
ul.towalist #towa03 a:hover{
	width:160px;
	height:30px;
	overflow:hidden;
	background:url(../images/about/towa_b03.jpg) no-repeat;
	background-position:0 -30px;
}
ul.towalist #towa04 a:hover{
	width:160px;
	height:30px;
	overflow:hidden;
	background:url(../images/about/towa_b04.jpg) no-repeat;
	background-position:0 -30px;
}
ul.towalist #towa05 a:hover{
	width:160px;
	height:30px;
	overflow:hidden;
	background:url(../images/about/towa_b05.jpg) no-repeat;
	background-position:0 -30px;
}
