@charset "UTF-8";

body {width: 100%;}

/* clearfix */
.clearfix{
	zoom:1;/*for IE 5.5-7*/
}

.clearfix:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* 大枠レイアウト */
div#top-cont{
	margin:0px auto 30px;
	width:980px;
 	background:#fff;
}

/* レイアウト */
body.cat08 div#cat_frame{width:980px; margin:0;}

/* カタログの枠 */
div#cat_frame{
}

div#cat_frame div.wrap{
	background:url(/cmn/cat08img/bg_frame_2.gif) no-repeat left bottom;
}

div#cat_frame div.wrap-01{
	margin:0;
	width:980px;
}


/*　共通ヘッダー・フッター　*/
#Header {
	width: 100%;
	height: 26px;
	position: relative;
	background-color: #06c;
	text-align: right;
	vertical-align:bottom;
}
#Header .logo {
	position: absolute;
	top: 5px;
	left: 10px;
}
#Header .toiawase {
	position: relative;
	top: 5px;
	right: 30px;
}
#Header .close {
	position: relative;
	top: 5px;
	right: 22px;
}
#Header .toiawase a{
	background:url(/cmn/images/icon_forward_popup.gif) no-repeat left center;
	padding-left: 16px;
	color: #fff;
	font-size: 10px;
	margin-right:15px;
}
#Header .close a{
	background:url(/cmn/images/icon_close_popup.gif) no-repeat left center;
	padding-left: 16px;
	color: #fff;
	font-size: 10px;
}
#Header .toiawase a:hover,
#Header .close a:hover{
	color: #fff;
	text-decoration: none;
}
#Footer {
	width: 100%;
	text-align: right;
	border-top: 1px solid #ccc;
}
#Footer a img {
	padding: 5px 30px 10px 0;
	border:none;
}

/* メーカー・タイプリンク */
ul#makerlink,
ul#typelink{
	margin:12px 0 0 0;
}

ul#makerlink li,
ul#typelink li{
	float:left;
	font-size:11px;
	line-height:18px;
	word-break:keep-all;
}

ul#makerlink li a:link,
ul#makerlink li a:visited,
ul#makerlink li a:hover,
ul#makerlink li a:active,
ul#typelink li a:link,
ul#typelink li a:visited,
ul#typelink li a:hover,
ul#typelink li a:active{
	
}

/*　共通ヘッダー・フッター　*/

/*　コンテンツ　*/
#container{
	width: 730px;
	margin: 30px 0px 20px 20px;
}

h1#b_blue {
    margin-bottom: 20px !important;
    }
div.cate {
	float:left;
	width:175px;
	margin: 0px 5px 10px 0px;
}
div.cate-list_bg {
	background-image: url(/cmn/images/sitemap_bg_175.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding-top: 5px;
}
dl.cate-list {
	list-style-type:none;
	padding: 5px 5px 5px 10px;
}
dl.cate-list dt a{
	font-size: 12px;
	line-height: 16px;
	padding: 10px 0px;
}
dl.cate-list dt.f11 a{
	font-size: 11px;
	line-height: 16px;
	padding: 10px 0px;
}
dl.cate-list dd{
	padding: 5px 0px;
	font-size: 10px;
	line-height: 14px;
}
div.intoro{
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;
	width:400px;
	float:left;
}
ul.cs-list{
	list-style-type:none;
	padding-top: 5px;
	margin-left: 10px;
}

ul.cs-list2{
	list-style-type:none;
	margin-bottom:10px;
}

p.notice{
	font-size: 10px;
	line-height: 14px;
	color: #999;
	margin-bottom: 10px;
	width:220px;
	float:right;
}
p.etc {
	font-size: 12px;
	color: #333;
	margin-bottom: 3px;
}
p.update {
	color:#999;
	font-size: 10px;
	float:left;
}

div.sitemap_box{
background:transparent url(/cmn/sitemapImg/tbl_body.gif) repeat-y scroll 0pt;
width:933px;
margin-top:15px;
}

div.sitemap_box2{
background:transparent url(/cmn/sitemapImg/tbl_body2.gif) repeat-y scroll 0pt;
width:933px;
margin-top:15px;
}


div.sitemap_box_wrap{
background:transparent url(/cmn/sitemapImg/tbl_btm.gif) no-repeat scroll left bottom;
padding-bottom:9px;
}

div.sitemap_box_wrap2{
background:transparent url(/cmn/sitemapImg/tbl_btm2.gif) no-repeat scroll left bottom;
padding-bottom:9px;
height:140px;
}

div.sitemap_box div.block_01,
div.sitemap_box2 div.block_01{
width:300px;
float:left;
}

div.sitemap_box div.block_02,
div.sitemap_box2 div.block_02{
width:300px;
float:left;
margin-left:16px;
}

div.sitemap_box div.block_03{
width:300px;
float:left;
margin-left:16px;
}


ul.sitemap_list{
margin:10px 0 5px;
}

ul.sitemap_list li{
background:transparent url(/cmn/top-images/icon_arrow03.gif) no-repeat scroll 0pt 5px;
padding:1px 0pt 1px 13px;
}

ul.sitemap_list li.ico_none{
background:transparent url(/cmn/sitemapImg/spacer.gif) no-repeat scroll 0pt 2px;
padding:0pt 0pt 5px 15px;
}

div.sitemap_line{
margin:6px 0 0 6px;
}

div.sitemap_box h2 a,
div.sitemap_box2 h2 a{
color:#666666;
font-size:14px;
}

div.sitemap_box h2,
div.sitemap_box2 h2{
color:#666666;
font-size:14px;
background:transparent url(/cmn/sitemapImg/ico_h2_ttl.gif) no-repeat scroll 0pt 2px;
padding:1px 0pt 1px 14px;
margin-left:10px;
}

p.list_s{
width:260px;
}

p.list_s a{
font-size:10px;
line-height:14px;
}

/*
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
*/
div#sitemapContainer{position:relative; width:980px; height:920px; overflow:hidden; margin-top:10px; /*background-color:red;*/}
div.block{position:absolute; width:298px; padding:10px; border:solid 1px #ccc;/**/ background-color:#fff;}
h2{padding:0 0 5px 15px; border-bottom:dotted 1px #ccc; background:url(/cmn/sitemapImg/ico_h2_ttl.gif) no-repeat;color:#666;}
h2 a{color:#666;}
div#block01{top:0; left:0;  height:405px;}
div#block02{top:435px; left:0; height:79px;}
div#block09{top:545px; left:0; height:59px;}
div#block03{top:635px; left:0; height:260px;}

div#block04{top:0; left:330px; height:390px;}
div#block04 table{width:270px; margin:5px auto; table-layout:fixed;}
div#block04 table td{padding:3px 0 0;}

div#block05{top:420px; left:330px; height:99px;}
div#block06{top:550px; left:330px; height:345px;}

div#block07{top:0; left:660px; height:170px;}
div#block07{_height:170px; _overflow:hidden;} 
div#block08{top:200px; left:660px; height:695px;}

/* for footer link for zaco */
#externalLinks, #externalLinks li, #externalLinks li a {
	font-size:10px;
}