@charset "euc-jp";


/* Common
-------------------------------------*/

#content,
#main {
	width: 752px;
}
#main #top_main {
	width: 500px;
	float: left;
}
#main #top_menu {
	width: 247px;
	float: right;
}

#main {
	padding: 10px 0;
}


#main h1 {
	padding: 0.3em 0.3em 0.3em 5px;
	border: 1px solid #cccccc;
	border-left: 3px solid #0099ff;
	background: url('/common/imgs/top_caption_bg.gif') no-repeat right bottom;
}
#main #top_main h1 {
	margin: 0 0 0.5em 0;
}
#main #top_menu h1 {
	margin-bottom: 0.5em;
}

/* ▼2011/9 追記ここから▼ */
#gallery {
	clear: both;
	width: 752px;
	margin: 0 0 15px 0;
}
#topProductsBox {
	clear: both;
	width: 752px;
	margin: 0 0 15px 0;
	overflow: hidden;
}
#topProductsBox h1 {
	margin: 0 0 10px 0;
}
#topProductsBox .inBox {
	clear: both;
	width: 738px;
	padding: 4px;
	border: 3px solid #cee3f4;
	overflow: hidden;
}
#topProductsBox .clm1 {
	float: left;
	width: 290px;
	margin: 0 6px 0 0;
}
#topProductsBox .clm2 {
	float: left;
	width: 290px;
}
#topProductsBox .clm3 {
	float: right;
	width: 145px;
}
#topProductsBox h2 {
	margin-top: 0;
}
#topProductsBox ul {
	margin: 0;
	padding: 0;
}
#topProductsBox ul.list1 {
	float: left;
	width: 140px;
}
#topProductsBox ul.list2 {
	float: right;
	width: 140px;
}
#topProductsBox li {
    clear: both;
	list-style: none;
	margin: 0;
    padding: 0 0 4px 10px;
    background: url("../../images/cmo_arrow_red.gif") no-repeat scroll 0 0.15em transparent;
}
#top_menu .bnBox {
	clear: both;
	margin: 0 0 10px 0;
}
#fotNav-area{
	margin: 0 auto;
	width: 752px;
	font-size: 84%;
	text-align:left;
	padding:16px 0 24px;
	background: url(../../images/cmo_fotnav_bg.gif) 0 0 repeat-x;
}
#fotNav-area dl ,
#fotNav-area dt ,
#fotNav-area dd {
	margin: 0;
}
#fotNav-wrap01{
	width:360px;
	float:left;
}
#fotNav-wrap02 {
	width:360px;
	float:right;
}
#fotNav-wrap01 dl dd.fotNav-product-l,
#fotNav-wrap02 dl dd.fotNav-product-l{
	width:170px;
	float:left;
}
#fotNav-wrap01 dl dd.fotNav-product-r,
#fotNav-wrap02 dl dd.fotNav-product-r{
	width:170px;
	float:left;
}
dl.fotNav-listSet{
	padding:0 0 10px
}
dl.fotNav-listSet dt.fotNav-listCategory{
	background:url(../../images/cmo_arrow_circle_r.gif) no-repeat 3px .55em;
	padding:.3em 0 0 16px;
	font-weight:600;
}
dl.fotNav-listSet dd{
	width:135px;
	background:url(../../images/cmo_arrow_red.gif) no-repeat 12px .4em; line-height:1.3;
	padding:.15em 0 4px 24px;
}
html[xmlns*=""] body:last-child dl.fotNav-listSet dd{
	background:url(../../images/cmo_arrow_red.gif) no-repeat 12px .2em; line-height:1.4;
	padding:.25em 0 2px 24px;
}
#footer_wrap {
	clear: both;
}
/* ▲2011/9 追記ここまで▲ */


/* Main
-------------------------------------*/



#main #top_main dl{
}
#main #top_main dt{
	font-size: 12px;
	width: 65px;
	height: 1.3em;
	min-height: 15px;
	margin: 0 0 0.3em 0;
	padding: 0 0 0 68px;
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	clear: both;
}
#main #top_main dt.news_1 { background-image: url('/common/imgs/icon_news.gif');}
#main #top_main dt.news_2 { background-image: url('/common/imgs/icon_product.gif');}
#main #top_main dt.news_3 { background-image: url('/common/imgs/icon_pdf.gif');}

#main #top_main dd{
	width: 360px;
	min-height: 1.3em;
	_height: 20px;
	margin: 0 0 0.3em 0;
	padding: 0;
	float: left;
}

#main #top_main .link {
	margin: 0.3em 0;
	text-align: right;
}
#main #top_main .link a {
	padding-left: 10px;
	background: url('/common/imgs/sn_arrow_on.gif') no-repeat 0 0.5em;
}



/* Menu
-------------------------------------*/


#main #top_menu .product_menu {
	width: 237px;
	background-color: #f0f0f0;
	border: 1px solid #cccccc;
	margin: 0 0 0.3em 0;
	padding: 4px;
	padding-bottom: 0;
	clear: both;
}

#main #top_menu .product_menu .pict {
	width: 60px;
	float: left;
}
#main #top_menu .product_menu .pict img {
	margin-bottom: 4px;
}

#main #top_menu .product_menu p {
	width: 177px;
	line-height: 1.6;
	font-size: 92%;
	margin: 0;
	padding: 0;
	float: right;
}
#main #top_menu .product_menu p a.title {
	color: #003399;
	display: block;
	margin-bottom: 5px;
	padding-left: 10px;
	background: url('/common/imgs/sn_arrow_on.gif') no-repeat 0 0.6em;
}




#main #top_menu .link {
	width: 247px;
	margin: 0.5em 0;
	text-align: right;
}

#main #top_menu .link a {
	text-align: right;
	width: 84px;
	margin: 0 0 0 auto;
	display: block;
}
