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

/* --------------------------------------------------
 00: base
-------------------------------------------------- */
body#topics{
	background:url(../topics/images/topics_head_bg.gif) 0 0 repeat-x #eedfbf;
	margin:0;
}
div#ver9,div#news{
	width: 700px;
}
div#header {
	height: 48px;
}
div#header p {
	width:100px;
	float:left;
	text-indent: -9999px;
}
div#header p a{
	background:url(../topics/images/topics_head_btn.gif) 0 0 no-repeat;
	display: block;
	width:100px;
	height: 40px;
}
div#header p a:hover{
	background-position: 0 -40px;
}
div#header h1{
	float: left;
}
div#content{
	margin:0 36px 30px 36px;
	background:url(../topics/images/topics_bg.gif) 0 0 repeat-y;
	color: #333;
}
div#content-inner{
	background:url(../topics/images/topics_main_btm.gif) 0 bottom no-repeat;
	padding:21px 34px 36px 34px;
}

/* --------------------------------------------------
 01: ver9
-------------------------------------------------- */

div#ver9 h1{
	width: 238px;
	height: 40px;
	background:url(../topics/images/ver9_tit.gif) 0 0 no-repeat;
}
div#ver9 ol#tab-menu {
	padding: 15px 0 13px 10px;
	margin: 0 0 0 36px;
	background:url(../topics/images/topics_tab_bg.gif) 0 bottom no-repeat;
}
div#ver9 ol#tab-menu li {
	float: left;
	list-style: none;
	width: 202px;
	height: 44px;
	text-indent: -9999px;
}
div#ver9 ol#tab-menu li a {
	display: block;
	width: 202px;
	height: 44px;
}
div#ver9 ol#tab-menu li#tab1 { background: url(../topics/images/ver9_tab_1.gif) 0 0 no-repeat;}
div#ver9 ol#tab-menu li#tab2 { background: url(../topics/images/ver9_tab_2.gif) 0 0 no-repeat;}
div#ver9 ol#tab-menu li#tab3 { background: url(../topics/images/ver9_tab_3.gif) 0 0 no-repeat;}

div#ver9 ol#tab-menu li#tab1 a { background: url(../topics/images/ver9_tab_1.gif) 0 -44px no-repeat;}
div#ver9 ol#tab-menu li#tab2 a { background: url(../topics/images/ver9_tab_2.gif) 0 -44px no-repeat;}
div#ver9 ol#tab-menu li#tab3 a { background: url(../topics/images/ver9_tab_3.gif) 0 -44px no-repeat;}

div#ver9 ol#tab-menu li#tab1 a:hover { background-position: 0 -88px;}
div#ver9 ol#tab-menu li#tab2 a:hover { background-position: 0 -88px;}
div#ver9 ol#tab-menu li#tab3 a:hover { background-position: 0 -88px;}

div#ver9 div#content h2{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #06c;
	text-indent: 0;
	padding: 0 0 5px 0;
}
div#ver9 div#content p{
	line-height: 20px;
	margin: 0 0 20px 0;
}
div#ver9 div#content ol {
	padding: 8px 0 0 0;
}
div#ver9 div#content ol li{
	padding: 0 0 10px 25px;
	list-style:none;
}
div#ver9 div#content ol li#step1{
	background:url(../topics/images/ver9_blue1.gif) 0 1px no-repeat;
}
div#ver9 div#content ol li#step2{
	background:url(../topics/images/ver9_blue2.gif) 0 1px no-repeat;
}
div#ver9 div#content ol li#step3{
	background:url(../topics/images/ver9_blue3.gif) 0 1px no-repeat;
}
div#ver9 div#content ul li{
	list-style:none;
	padding: 0 0 10px 0;
}
div#ver9 div#content ul {
	padding: 0 0 15px 0;
}
div#ver9 div#content dl {
	padding: 10px 0 6px 0;
}
div#ver9 div#content dl dd{
	margin: 0 0 15px 30px;
}

/* --------------------------------------------------
 02: news
-------------------------------------------------- */
div#news h1{
	width: 246px;
	height: 40px;
	background:url(../topics/images/news_tit.gif) 0 0 no-repeat;
}
div#news h2{
	width: 628px;
	height: 110px;
	background:url(../topics/images/news_tit_2008.jpg) 0 0 no-repeat;
	margin: 21px 0 0 36px;
}
div#news p{
	color: #039;
	font-size: 14px;
	line-height: 20px;
}
div#area{
	background:url(../topics/images/news_ph_1.jpg) right top no-repeat;
	padding:0;
	margin:23px 0 0 0;
}
div#area dl{
	padding: 0 0 6px 16px;
	text-indent: -9999px;
}
div#area dl#kantou{
	background:url(../topics/images/news_topics_bg1.gif) 0 0 no-repeat;
}
div#area dl#chubu{
	background:url(../topics/images/news_topics_bg2.gif) 0 0 no-repeat;
}
div#area dl#kansai{
	background:url(../topics/images/news_topics_bg3.gif) 0 0 no-repeat;
}
div#area dl dt{
	line-height:42px;
}
div#area dl dd{
	float:left;
	padding: 0 6px 18px 0;
}
div#area dl dd a{
	display:block;
	height: 35px;
}
div#area dl dd.pdf a{
	width: 99px;
	background:url(../topics/images/news_btn_pdf.gif) no-repeat;
}
div#area dl dd.custom a{
	width: 151px;
	background:url(../topics/images/news_btn_custom.gif) no-repeat;
}
div#area dl dd a:hover{
	background-position: 0 -35px;
}
div#adobe-reader {
	padding: 18px 0 0 0;
}
div#adobe-reader p#banner {
	width:124px;
	float:left;
}
div#adobe-reader p#text {
	font-size: 10px;
	line-height: 14px;
	color:#333;
	float:left;
}

/* --------------------------------------------------
 --: ClearFix
-------------------------------------------------- */
/* for Win IE */
div#header,
div#ver9 ol#tab-menu,
div#area dl,
div#adobe-reader
	{zoom:1;}
/* for IE5 Mac start *//*/
div#header,
div#ver9 ol#tab-menu,
div#area dl,
div#adobe-reader
	{display:inline-table;}
/*for IE5 Mac end */
div#header:after,
div#ver9 ol#tab-menu:after,
div#area dl:after,
div#adobe-reader:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}