/* CSS Document */

/* ========================================================
	* menu *
-----------------------------------------------------------
	1 = topflash	（フラッシュ）

	2 = news		（ニュース）
	3 = blogtopics	（ブログトピックス）
	4 = guide		（ドライブウェイガイド）
	5 = banner		（外部リンクバナー）

	6 = clear		（clearfix）

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

/* topflash =============================================== */
div#topflash {
clear:both;
width:765px;
height:258px;
margin:0 auto 15px;
}

/* news =================================================== */
div.news {
width:528px;
_width:530px;
margin:5px auto 15px;
border:solid 1px #cccccc;
}
div.news ul {
margin:2px 2px 0;
padding:10px 0 0 15px;
background-color:#f9f5ef;
}
div.news ul li {
width:510px;
padding:0 0 1em;
text-align:left;
}
div.news ul li strong {
font-weight:normal;
}
div.news p {
margin:0 2px 2px;
padding:0 15px 8px 0;
background-color:#f9f5ef;
text-align:right;
}

/* blogtopics ============================================= */
div.blogtopics {
width:528px;
_width:530px;
margin:5px auto 15px;
border:solid 1px #cccccc;
}
div.blogtopics div {
margin:2px 2px 0;
padding:5px 0 0 15px;
background-color:#f9f5ef;
}

/* guide ================================================== */
ul.guide {
width:530px;
margin:7px 5px 0;
}
ul.guide li {
width:253px;
_width:255px;
height:68px;
_height:70px;
margin:0 0 12px 0;
float:left;
border:solid 1px #679901;
background-color:#ebf5cc;
text-align:left;
}
ul.guide li h3 {
width:185px;
height:27px;
border-bottom:dotted 1px #679901;
text-align:left;
}
/*\*//*/ ul.guide li h3 {margin:0 68px 0 0;} /*  */
ul.guide li h3 img {
margin:4px 0 0 5px;
padding:0;
vertical-align:bottom;
}
ul.guide li p {
width:170px;
margin:6px 0 0 8px;
font-size:10px;
text-align:left;
line-height:1.4;
}
ul.guide li img.photo {
width:64px;
height:64px;
margin:2px 2px 0 0;
float:right;
vertical-align:bottom;
}

ul.guide li.closed {
background-color:#f4f4f4;
border:solid 1px #cccccc;
}
ul.guide li.closed h3 {
border-bottom:dotted 1px #cccccc;
}
ul.guide li.closed p {
margin:6px 0 0 8px;
color:#cc0000;
}

ul.guide li.left {
margin:0 20px 12px 0;
}

ul.guide li.left_closed {
margin:0 20px 12px 0;
background-color:#f4f4f4;
border:solid 1px #cccccc;
color:#cc0000;
}
ul.guide li.left_closed h3 {
border-bottom:dotted 1px #cccccc;
}


/* banner ================================================= */
ul.bn {
width:530px;
margin:0 8px;
text-align:center;
}
ul.bn li {
width:96px;
height:40px;
margin:0 0 0 8px;
display:inline;
}
ul.bn li.left {
margin:0;
}
ul.bn li img {
width:96px;
height:40px;
vertical-align:bottom;
margin:0 0 10px 0;
}

/* clear ================================================== */
div.news dl:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
div.news dl {display: inline-block;}
/* Hides from IE-mac \*/
* html div.news dl {height: 1%;}
div.news dl {display: block;}
/* End hide from IE-mac */