/* \*//*/
@import "mac.css";
/**/

body {
	margin:0;
	padding:0;
	background-color:black;
	scrollbar-3dlight-color:#B7A88A;
	scrollbar-arrow-color:#B7A88A;
	scrollbar-base-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#000000;
	scrollbar-highlight-color:#000000;
	scrollbar-shadow-color:#B7A88A;

}

a:link { color: #FFFFFF; text-decoration: none;}
a:visited { color: #FFFFFF; text-decoration: none;}
a:hover { color: #FFFFFF;text-decoration: underline; }

td{ font-size:12px;}
#base{
	margin-top:10px;
	width:823px;
	height:686px;
	position: relative;


}

#main_table{ padding:0; margin:0; border-collapse:collapse;}

#head{ width:823px; height:28px; background-image:url(img/head_01.jpg);}
#main{ height:658px;}
#left{
	width:33px;
	height:658px;
	background-image:url(img/head_02.jpg);
	float:left;
	background-position: left;
}
#right{ width:30px; height:658px; background-image:url(img/head_04.jpg) ;float:right;}

#middle{ width:760px; float:right;}
#in_main{
	width:760px;
	height:553px;
	background-image:url(img/head_03.jpg);
	background-repeat: no-repeat;
}
#in_top{
	width:760px;
	height:553px;
	background-image:url(img/top_04.jpg);
	background-repeat: no-repeat;
}

#in_top2{
	width:760px;
	height:553px;
	background-image:url(img/top_01.jpg);
	background-repeat: no-repeat;
}

#in_st{
	width:760px;
	height:553px;
	background-image:url(img/bg_story.gif);
	background-repeat: no-repeat;
}

#in_catalog{
	width:760px;
	height:553px;
	background-image:url(img/bg_story.gif);
	background-repeat: no-repeat;
}

#in_toku{
	width:760px;
	height:553px;
	background-image:url(img/bg_tokuten.jpg);
	background-repeat: no-repeat;
}
#fotter{
	width:760px;
	height:87px;
	background-image:url(img/head_05.jpg);
	background-repeat: no-repeat;
	padding-top:20px;
	text-align:left;
}



#down{clear:both;}
#etc{clear:both; width:677px; height:52px;background-image:url(img/bg_etc.jpg) ;padding-left:50px;padding-right:50px;padding-top:30px;padding-bottom:30px;}
#etc2{clear:both; width:220px; height:155px;background-image:url(img/bg_etc02.jpg) ;padding-left:40px;padding-right:40px;padding-top:25px;padding-bottom:30px; color:#FFFFFF;}
.txt{ font-size:12px; color:#FFFFFF; text-align:left;}
.txt2{ font-size:12px; text-align:left;}
.txt_etc{ padding-top:5px;}
#copy{ text-align:center; color:#FFFFFF; font-size:12px;}

#st td{ padding:10px;}
#st h1{border-bottom :2px dotted #B7A88A;
padding : 2px 5px;
margin : 0 0 5px 0;
letter-spacing : 5px;
text-align : left; }
.st_txt{ padding-left:20px; color:#FFFFFF; line-height:18px; text-align:left;}]
b{ color:#A79372;}
td#topic_base{padding:10px;}
#topic_base td{ color:#FFFFFF; fout-size:12px; padding:5px; line-height:15px; color:#A79372; border-bottom:2px dotted #A79372;}
#topic{ height:100px; overflow:auto; margin-bottom:8px;}
#in_catalog td{ color:#FFFFFF;}
#in_catalog h1{
padding : 3px 10px;
margin : 0 0 4px 0;
letter-spacing : 5px;
text-align : left; }
.txt_link{ padding:10px 40px 0 40px; text-align:left;}
#in_catalog h2{border-bottom :2px dotted #B7A88A;
color:#B7A88A;
font-size:13px;
padding : 3px 10px;
margin : 0 0 4px 0;
letter-spacing : 5px;
text-align : left; }
#catalog_deta td{ border-bottom:1px solid #B7A88A;}

#cha td{ padding:3px; background-color: #000000;}
#cha td#shiba{
	background-image: url(img/cha_shiba.jpg);
	background-repeat:no-repeat;
	height:472px;width:169px;
	background-position: center center;
}
#cha td#ichi{
	background-image: url(img/cha_ichi.jpg);
	background-repeat:no-repeat;
	height:472px; width:169px;
	background-position: center center;
}

#cha td#yomi{
	background-image: url(img/cha_yomi.jpg);
	background-repeat:no-repeat;
	height:472px;width:169px;
	background-position: center center;
}

#cha td#der{
	background-image: url(img/cha_der.jpg);
	background-repeat:no-repeat;
	height:472px;width:169px;
	background-position: center center;
}

#cha td#sougi{
	background-image: url(img/cha_sougi.jpg);
	background-repeat:no-repeat;
	height:472px;width:169px;
	background-position: center center;
}

#cha td#key{
	background-image: url(img/cha_key.jpg);
	background-repeat:no-repeat;
	height:472px;width:169px;
	background-position: center center;
}

#cha td#wen{
	background-image: url(img/cha_wen.jpg);
	background-repeat:no-repeat;
	height:472px;width:169px;
	background-position: center center;
}

#cha td#setu{
	background-image: url(img/cha_setu.jpg);
	background-repeat:no-repeat;
	height:472px;width:169px;
	background-position: center center;
}


#cha_base{position: relative;}

#cha td #cha_txt td{ background-color: #FFFFFF;}

#cha #cha_txt h1{
color: #663300;
font-size:13px;
padding : 3px 10px;
margin : 0 0 8px 0;
letter-spacing : 2px;
text-align : right; }

#cha_title{
border-bottom :2px dotted #B7A88A;
padding : 0;
margin-bottom : 5px; }

#cha_title td{ padding:0;}

#sp td{ padding:0;}
#sp #cm td{ padding:1px;}
#sp td h2{
border-bottom :2px dotted #B7A88A;
/*border-top :2px dotted #B7A88A;*/
width:95%;
color:#FFFFFF;
font-size:13px;
padding : 3px 10px;
margin : 5px 0 4px 5px;
letter-spacing : 5px;
text-align : left; }

.line_bown{
	border-top:2px dotted #B7A88A;}
	
.new{ color: #B3A382;}	
.cm72{ color: #FFCC00; padding:9px 0 9px 0px;}
.cm72 a:link { color: #FFCC00; text-decoration: none;}
.cm72 a:visited { color: #FFCC00; text-decoration: none;}
.cm72 a:hover { color: #FFF;text-decoration: underline; }
.line_top{ border-top:1px solid #B7A88A; color:#FFFFFF;} 

#catalog td{ padding:5px;}
#catalog { border:1px solid #B7A88A;}

.b_b{border-bottom:1px solid #B7A88A;}

h3{ margin: 8px auto 2px auto ;}

ul#vol { display: block; margin:0px; padding: 0px; }
#vol li{
	display: inline;
	text-align:left;
	padding: 3px;
	vertical-align: middle;
	_margin-top: 5px;
}
#vol li a{ /*display:block;*/ /*width:25px;*/ padding: 5px; text-decoration:none; background-color: #B7A88A; color:#666600; font-weight:bold; border: 1px solid #996600;}
#vol li a:visited { background-color: #B7A88A; color:#666600; font-weight:bold;}
#vol li a:hover{ background-color:#FFCC00;}