@charset "utf-8";

/*
======== table of content. =================================

summary:INDEX用レイアウト定義

-CONTENT

-MAIN
  - MAIN
  - BANNERAREA

============================================================
*/



/*-------------------------------------
CONTENT
---------------------------------------*/
div#content-top #main{
}

/*メインビジュアル*/
dl.mainimg{
	width:718px;
	height:276px;
	border-left:#C6C6C6 1px solid;
	border-right:#C6C6C6 1px solid;
	border-bottom:#C6C6C6 1px solid;
}
dl.mainimg dt{
	float:left;
}
dl.mainimg dd{
	float:left;
	padding:119px 0 0 67px;
}

/*-------------------------------------
MAIN
---------------------------------------*/
div.wrapper {
	background:url(../images/common/bg_height.gif) repeat-y 155px;
	margin:20px 0;
}
div#main {
	width: 555px;
	padding:0 0 0 0;
}
div.mainBox {
	float:left;
	padding:0 0 0 17px;
}
div.newsttl,
div.blogttl{
	width:326px;
	height:14px;
	clear:left;
	padding:4px 6px;
	margin-bottom:2px;
}
div.newsttl{
	background:#CEDCE5;
}
div.blogttl{
	background:#9F9FA1;
	margin-top:25px;
}
div#main p.title,
div#main p.title{
	margin:0;
	float:left;
	width:265px;
}
div#main p.btnmore{
	margin:0;
	padding:3px 0 0 0;
}
dl.ttllist{
	clear:left;
	width:345px;
	margin:0;
	font-size:80%;
}
dl.ttllist a{
	text-decoration:none;
}
dl.ttllist a:hover{
	text-decoration:underline;
}
dl.ttllist dt,
dl.ttllist dd{
	padding:3px 0 0;
}
dl.ttllist dt{
	float:left;
	width:70px;
}
dl.ttllist dd{
	float:left;
	width:270px;
}

/*-------------------------------------
BANNERAREA
---------------------------------------*/

div.bannerlist {
	float:left;
	padding:0 0 50px 0;
}
div.bannerlist a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}

div.bannerlist li{
	padding:0 0 5px 30px;
}

div.bannerlist li img{
}



/* sideNavi
---------------------*/
div#sideNavi {
	float:left;
	width:145px;
	padding:0 0 10px 0;
	font-size:70%;
	letter-spacing:0.2em;
	color:#717171;
}
div#sideNavi img{
}

div#sideNavi p{
	padding:27px 0 0 0;
}
div#sideNavi p.index{
	padding:0 0 0 0;
}
div#sideNavi ul a{
	text-decoration:none;
	color:#717171;
	background: transparent url(../images/common/ico_arrow.gif) no-repeat 0 4px;
	padding: 0 0 0 8px;
	letter-spacing:0.15em;
}
div#sideNavi li.acc img{
	margin-bottom:5px;
}
div#sideNavi li.acc span{
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;
	letter-spacing:0;
}

div#sideNavi li.acc span a{
	background:none;
	padding:0;
	letter-spacing:0;
}
div#sideNavi ul a:hover{
	text-decoration:underline;
}
div#sideNavi ul li{
	padding:9px 0 0 0;
}
div#sideNavi ul dl{
	display:none;
	width:140px;
}

div#sideNavi ul dl dt{
	padding: 10px 0 4px 9px;
	background:url(../images/common/bg_dotline.gif) repeat-x top;
}
div#sideNavi ul dl dt.top{
	background:none;
}
div#sideNavi ul dl dd{
	margin: 0 0 4px 18px;
	padding: 0 0 0 8px;
	text-indent:0;
	background: transparent url(../products/images/common/ico_dot.gif) no-repeat 0 7px;
}