@charset "utf-8";

/*【トップページのみに使用するスタイル設定となります。】*/

/* ########################################################

■トップページ専用設定---------------------
body---------------- トップ用背景画像の指定
id=globalnavi ------ トップ専用ブローバルナビ部分の設定
id=main_comment ----  メインコメント部分の設定
id=top_left -------- トップ左カラム
id=topnavi --------- トップ左ナビ設定
id=top_right ------- トップ右カラム
id=topics ---------- トップTopics用設定
-------------------------------------------

カラー--------------------------------------
メインイメージカラー（緑）#669933
テキスト（黒）#000000
ポイントカラー（濃い緑）#336600
ポイントカラー（薄い緑）#94B871
リンクカラー（濃い緑）#336600
ロールオーバー（緑）#669933
フッター背景色（灰色）#D5D5D5
コンテンツ背景#ffffff
--------------------------------------------

######################################################### */




/*========================================================*/
/*トップページ専用設定*/
/*========================================================*/

/*---------------------------------------------------------
  背景画像
--------------------------------------------------------- */
body{
	background:url(../images/topbody_back.gif) top repeat-x;
}




/*---------------------------------------------------------
  id=globalnavi
--------------------------------------------------------- */
div#mainnavi {
	width: 900px;
	margin: 0;
	padding: 0;
	border: 0;
}

div#mainnavi div.mnav_01,div#mainnavi div.mnav_03{
	width: 305px;
	margin:0;
	padding:0;
	float:left;
}

div#mainnavi div.mnav_02{
	width: 290px;
	margin:0;
	padding:0;
	float:left;
}

div#mainnavi a {
	display: inline-block;
	background: 0 0 no-repeat;
}
div#mainnavi a:hover {
	background-color: #fff; /* IE6用 */
}
div#mainnavi a:hover img {
	visibility: hidden;
}


/*-- hover image ------------------------------------------------------- */
div#mainnavi div.mnav_01 h2 a{width: 305px; height:224; background: url(../images/mainnavi01on.jpg) top left no-repeat ;}
div#mainnavi div.mnav_02 h2 a{width: 290px; height:224; background: url(../images/mainnavi02on.jpg) top left no-repeat ;}
div#mainnavi div.mnav_03 h2 a{width: 305px; height:224; background: url(../images/mainnavi03on.jpg) top left no-repeat ;}
/*-- // hover image ---------------------------------------------------- */
/*-- hover image ------------------------------------------------------- */
div#mainnavi div.mnav_01 span a{width: 305px; height:35; background: url(../images/mainnavi01btn_on.jpg) top left no-repeat ;}
div#mainnavi div.mnav_02 span a{width: 290px; height:35; background: url(../images/mainnavi02btn_on.jpg) top left no-repeat ;}
div#mainnavi div.mnav_03 span a{width: 305px; height:35; background: url(../images/mainnavi03btn_on.jpg) top left no-repeat ;}
/*-- // hover image ---------------------------------------------------- */


div#mainnavi div.mnav_01 h2,
div#mainnavi div.mnav_02 h2,
div#mainnavi div.mnav_03 h2{
	height:224px;
	margin:0;
	padding:0;
}
div#mainnavi div.mnav_01 img,
div#mainnavi div.mnav_02 img,
div#mainnavi div.mnav_03 img{
	border:0;
}


div#mainnavi p{
	font-size:92%;
	margin:0;
	border: 0;
	color:#FFFFFF;	
}

div#mainnavi div.mnav_01 p{
	padding:3px 10px 3px 25px;
	background:url(../images/mainnavi01_txtbg.jpg) left top repeat-y;
}
div#mainnavi div.mnav_02 p{
	padding:3px 10px 3px 10px;
	background:url(../images/mainnavi02_txtbg.jpg) left top repeat-y;
}
div#mainnavi div.mnav_03 p{
	padding:3px 25px 3px 10px;
	background:url(../images/mainnavi03_txtbg.jpg) left top repeat-y;
}

div#mainnavi a{
	text-decoration:none;
}

div#mainnavi a:hover{
	text-decoration:underline;
}




#mainnavi :after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}




/*---------------------------------------------------------
  id=main_comment　メインコメント部分の設定
--------------------------------------------------------- */



#main #main_comment{
margin:0;
padding:0;
	background:url(../images/coment_bg.gif) center bottom no-repeat;
	border:#999999 solid 1px;
}

#main_comment p{
	margin:0;
	padding:8px 30px 15px 30px;
	line-height:140%;
}





/*---------------------------------------------------------
  id=top_left（左カラム）
--------------------------------------------------------- */
#top_left {
	float: left;
	width: 260px;
	margin:20px 0 10px 0;
	padding: 0;
	border: 0;
}





/*---------------------------------------------------------
  id=top_leftnavi
--------------------------------------------------------- */



div#topnavi {
	width: 252px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	background: #FFF;
}




div#topnavi p {
	width: 252px;
	height: 70px;
	margin: 0 0 3px 0;
	padding:;
	border: 0;


}

div#topnavi a {
	display: inline-block;
	width: 252px;
	height: 70px;
	background: 0 0 no-repeat;
}
div#topnavi a:hover {
	background-color: #fff; /* IE6用 */
}
div#topnavi a:hover img {
	visibility: hidden;
}

/*-- hover image ------------------------------------------------------- */
div#topnavi p.topnavi_01 a { background: url(../images/topnavi01_on.jpg) left top no-repeat ;}
div#topnavi p.topnavi_02 a { background: url(../images/topnavi02_on.jpg) left top no-repeat ;}
div#topnavi p.topnavi_03 a { background: url(../images/topnavi03_on.jpg) left top no-repeat ;}
div#topnavi p.topnavi_04 a { background: url(../images/topnavi04_on.jpg) left top no-repeat ;}
div#topnavi p.topnavi_05 a { background: url(../images/topnavi05_on.jpg) left top no-repeat ;}
div#topnavi p.topnavi_06 a { background: url(../images/topnavi06_on.jpg) left top no-repeat ;}
/*-- // hover image ---------------------------------------------------- */




/*---------------------------------------------------------
  id=top_right（右カラム）
--------------------------------------------------------- */
#top_right {
	float: right;
	width: 640px;
	margin:20px 0 0 0;
	padding: 0;
	border: 0;
}





/*---------------------------------------------------------
 id=topics(Topics)
--------------------------------------------------------- */
#topics{
float:right;
	 background:url(../images/topics.gif) left top no-repeat;
	 margin:0 0 10px 0 ;
	 padding: 0;
	 width:640px;
	 height:520px;
}

#topics .topics_link{
height:40px;
margin-right:25px;
}

#topics .topics_link p{
float:right;
margin:9px 0 0 0;
padding:0 0 0 16px;
font-size:92%;
background:url(../images/ico_topics_link.gif) left 0.4em no-repeat;
}

#topics .topics_box{
	 width: 606px;
	 height:455px;
	 overflow: scroll;
	 margin: 0;
	 background:#FFF;
	 padding:10px 16px;
	 border-left:solid 1px #666;
	 border-right:solid 1px #666;
	 border-bottom:solid 1px #666;
}

#topics p.top-comment{
	margin:20px 0 0 0;
	padding:0 0 0 12px;
	font-size:100%;
	border-bottom:dotted 1px #CCCCCC;
	color:#669933;
	font-weight:bold;
	background:url(../images/ico_topics.gif) left 0.4em no-repeat;
}

#topics p.top-comment a{
text-decoration:none;
}


#topics p{
	margin:0;
	padding:6px 0 0 0;
	font-size:100%;
}

#topics p.photo_box img{
	margin:0;
	padding:1px;
	border:#999999 solid 1px;
}





#topics div.topics_bnr {
text-align:right;
	width: 590px;
	margin: 0;
	padding:0;
	border: 0;
}

#topics div.topics_bnr p a {
	display: inline-block;
	width: 168px;
	height: 37px;
	background: 0 0 no-repeat;
}
#topics div.topics_bnr p a:hover {
	background-color: #fff; /* IE6用 */
}
#topics div.topics_bnr p a:hover img {
	visibility: hidden;
}

/*-- hover image ------------------------------------------------------- */
#topics div.topics_bnr p.topbnr01 a { background: url(/images/bnr_newproducts_on.gif) left top no-repeat ;}
/*-- // hover image ---------------------------------------------------- */