@charset "Shift_JIS";
/*##################################################
-------------LIST-------------
 00: base
 --: clearfix
------------------------------
##################################################*/

/* --------------------------------------------------
 00: base
-------------------------------------------------- */
div#guide-index{
	background: url(../images/top_head_bg.gif) 0 0 repeat-x;
	padding: 0 0 0 36px;
}
div#guide-index li{
	list-style:none;
}
div#guide-index h1{
	background: url(../images/top_tit.jpg) 0 0 no-repeat;
	line-height:70px;
}
div#guide-index li,
div#guide-index dl dt,
div#guide-index dl dd,
div#topmenu p{
	text-indent: -9999px;
}

/* --------------------------------------------------
 01: menu
-------------------------------------------------- */
div#topmenu{
	padding: 21px 0 0 0;
}
div#topmenu p{
	background: url(../images/top_lead.gif) 0 0 no-repeat;
	line-height: 15px;
	padding: 0 0 11px 0;
}
div#topmenu ul {
	width: 644px;
	padding: 0 0 9px 0;
}
div#topmenu ul li {
	width: 322px;
	height: 44px;
	float:left;
	text-indent: -9999px;
}
div#topmenu ul li a {
	display: block;
	width: 306px;
	height: 37px;
}
div#topmenu ul li#guide1 a { background: url("../images/top_btn_guide1.gif") 0 0 no-repeat;}
div#topmenu ul li#guide2 a { background: url("../images/top_btn_guide2.gif") 0 0 no-repeat;}
div#topmenu ul li#guide3 a { background: url("../images/top_btn_guide3.gif") 0 0 no-repeat;}
div#topmenu ul li#guide4 a { background: url("../images/top_btn_guide4.gif") 0 0 no-repeat;}
div#topmenu ul li#guide5 a { background: url("../images/top_btn_guide5.gif") 0 0 no-repeat;}
div#topmenu ul li#guide6 a { background: url("../images/top_btn_guide6.gif") 0 0 no-repeat;}
div#topmenu ul li#guide7 a { background: url("../images/top_btn_guide7.gif") 0 0 no-repeat;}
div#topmenu ul li#guide8 a { background: url("../images/top_btn_guide8.gif") 0 0 no-repeat;}

div#topmenu ul li#guide1 a:hover { background-position: 0 -37px;}
div#topmenu ul li#guide2 a:hover { background-position: 0 -37px;}
div#topmenu ul li#guide3 a:hover { background-position: 0 -37px;}
div#topmenu ul li#guide4 a:hover { background-position: 0 -37px;}
div#topmenu ul li#guide5 a:hover { background-position: 0 -37px;}
div#topmenu ul li#guide6 a:hover { background-position: 0 -37px;}
div#topmenu ul li#guide7 a:hover { background-position: 0 -37px;}
div#topmenu ul li#guide8 a:hover { background-position: 0 -37px;}

/* --------------------------------------------------
 02: bottom-info
-------------------------------------------------- */
div#btm-info{
	width: 628px;
	height: 233px;
	background: url("../images/top_illust.gif") right top no-repeat;
}
div#btm-info dl{
	background: url("../images/top_topics_bg.gif") 0 0 no-repeat;
	width: 250px;
	height: 128px;
}
div#btm-info dl dt{
	line-height: 33px;
}
div#btm-info dl dd{
	padding: 0 0 0 22px;
	height: 44px;
}
div#btm-info dl dd a{
	display:block;
	width: 206px;
	height: 35px;
}
div#btm-info dl dd#ver9-intro a{
	background: url("../images/top_btn_ver9.gif") 0 0 no-repeat;
}
div#btm-info dl dd#news a{
	background: url("../images/top_btn_news.gif") 0 0 no-repeat;
}
div#btm-info dl dd#ver9-intro a:hover,
div#btm-info dl dd#news a:hover{
	background-position: 0 -35px;
}
div#btm-info ul{
	padding: 22px 0 0 0;
}
div#btm-info ul li{
	height: 36px;
	width: 250px;
}
div#btm-info ul li a{
	display:block;
	height: 29px;
}
div#btm-info ul li#web a{
	background: url("../images/top_btn_website.gif") 0 0 no-repeat;
}

div#btm-info ul li#info a{
	background: url("../images/top_btn_guidebook.gif") 0 0 no-repeat;
}

div#btm-info ul li#web a:hover,
div#btm-info ul li#info a:hover{
	background-position: 0 -29px;
}
/* --------------------------------------------------
 --: ClearFix
-------------------------------------------------- */
/* for Win IE */
div#topmenu ul
	{zoom:1;}
/* for IE5 Mac start *//*/
div#topmenu ul
	{display:inline-table;}
/*for IE5 Mac end */
div#topmenu ul:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}