/* CSS Document */
/*---------------------------------------------------------------------------------------------------------------= common,tag*/
*{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;}

body{
	text-align:center;
	background:url("../image/bg.gif") repeat-x;}

#container{
	width:792px;
	margin:0 auto;
	text-align:left;}

img{
	border:0;}

.clearfix:after {   
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.clr{
	clear:both;}

.ctr{
	text-align:center;}

.inv{
	display:none;}

.red{color:#DE5900;}

.sptop30{
	margin-top:30px;}
/*---------------------------------------------------------------------------------------------------------------= header*/
h1{
	padding:10px 0 0 505px;
	width:287px;_width:792px;
	background:url("../image/header/bg.gif") no-repeat;
	color:#999;}
/*---------------------------------------------------------------------------------------------------------------= navigation*/
#navigation{
	padding:6px 0 0 45px; _padding:7px 0 0 45px;
	width:747px; _width:792px;
	height:19px; _height:25px;
	background:url("../image/navigation/bg.gif") no-repeat;}
#navigation p{
	color:#666;}
#navigation a:link,#navigation a:visited{
	text-decoration:none;
	color:#666;}
#navigation a:hover{
	text-decoration:underline;}
/*---------------------------------------------------------------------------------------------------------------= main*/
#main{
	padding:0 35px 25px 35px;
	width:722px; _width:792px;
	background:url("../image/main/bg.gif") repeat-y;
	}
/*---------------------------------------------------------------------------------------------------------------= contents*/
#contents{
	float:right;}
#favorite{
	margin-bottom:25px;
	text-align:right;}
#osusume_top{
	margin-right:15px;
	padding:5px 0 0 30px;_padding:7px 0 0 30px;
	width:469px; _width:499px;
	height:22px; _height:27px;
	background:url("../image/contents/osusume_top.gif") no-repeat;
	color:#ba0000;
	font-weight:bold;}
#osusume_mid{
	margin-right:15px;
	padding:10px;
	width:479px; _width:499px;
	background:url("../image/contents/osusume_mid.gif") repeat-y;}
#osusume_bot{
	margin-right:15px;
	margin-bottom:30px;
	width:499px;
	height:6px;
	background:url("../image/contents/osusume_bot.gif") no-repeat;}

#osusume_leftbox{
	float:left;
	width:293px;}
#osusume_pt_top{
	width:293px;
	height:30px;
	background:url("../image/contents/osusume_pt_top.gif") no-repeat;}
#osusume_pt_mid{
	padding:;
	width:293px; _width:293px;
	background:url("../image/contents/osusume_pt_mid.gif") repeat-y;}
#osusume_pt_mid ul{
	padding:7px 20px 5px 0;}
#osusume_pt_mid li{
	margin:0 0 0 20px;
	padding:0 0 0 18px;
	list-style-type:none;
	background:url("../image/icon/circle.gif") 0 3px no-repeat;
	color:#666;
	line-height:1.5em;
	font-size:11px;}
#osusume_pt_bot{
	width:293px;
	height:9px;
	background:url("../image/contents/osusume_pt_bot.gif") no-repeat;}

#osusume_rightbox{
	float:right;
	padding:15px 0 0 0;}
#osusume_rightbox a:link,#osusume-rightbox a:visited{
	display:block;
	width:176px;
	height:88px;
	background:url("../image/contents/osusume_bt.gif") no-repeat;}
#osusume_rightbox a:hover{
	background-position:bottom;}
#osusume_rightbox span{
	display:none;}

#detail_top{
	width:500px;
	height:15px;
	background:url("../image/contents/detail_top.gif") no-repeat;}
#detail_mid{
	padding:25px 20px 0 20px;
	width:460px; _width:500px;
	background:url("../image/contents/detail_mid.gif") repeat-y;
	color:#666;}
#detail_mid h2,#detail_mid h3,#detail_mid h4{
	margin:0 0 20px 5px;
	padding:5px 0 0 12px; _padding:7px 0 0 12px;
	width:432px; _width:444px;
	height:20px; _height:25px;
	background:url("../image/contents/detail_title.gif") no-repeat;
	font-size:14px;
	color:#ba0000;
	font-weight:bold;}
#detail_mid p{
	margin:0 0 0 17px;
	padding:2px 0 20px;
	width:420px;
	line-height:1.5em;}

p.line{
	margin:0 0 0 17px;
	padding:2px 0 20px 0;
	width:420px;
	line-height:20px;
	background:url("../image/contents/underline.gif") repeat-y;}
p.end{
	margin:0 0 0 17px;
	padding:2px 0 17px 0;
	width:420px;
	line-height:20px;
	background:url("../image/contents/underline.gif") repeat-y;}
.end2{
	margin:0 0 20px 17px;
	padding:2px 0 17px 0;
	width:420px;
	line-height:20px;
	background:url("../image/contents/underline.gif") repeat-y;}
#detail_mid ul.arrow,#detail_mid ul.circle{
	padding:0 0 15px 30px;
	line-height:20px;
	list-style-type:none;}
#detail_mid ul.arrow li,#detail_mid ul.circle li{
	padding:0 0 0 20px;
	background:url(../image/icon/circle.gif) 0 5px no-repeat;
	line-height:20px;}
#detail_mid ul.arrow li{
	background:url(../image/icon/arrow.gif) 0 6px no-repeat;}
#detail_mid ul.circle li{
	background:url(../image/icon/circle.gif) 0 5px no-repeat;}
#detail_mid div.img{
	margin:20px 0;
	text-align:center;}
.tbl,.tbl2,.tbl3{
	padding:20px 0;}
.tbl table,.tbl2 table,.tbl3 table{
	margin:0 0 0 17px;
	width:420px;
	border-collapse:collapse;}
.tbl th a,.tbl2 th a,.tbl3 th a,td a{
	text-decoration:none;}
.tbl th,.tbl2 th,.tbl3 th{
	padding:5px 10px;
	border:1px solid #ab9966;
	color:#666666;}
.tbl td,.tbl2 td,.tbl3 td{
	padding:5px 10px;
	border:1px solid #ab9966;
	line-height:1.5em;
	color:#666666;}
.tbl th,.tbl3 th{
	background-color:#ffeecc;}
.tbl2 th img{
	margin:5px 0 10px;}
.tbl2 td{
	background-color:#ffeecc;}
.tbl3 th{
	line-height:2em;
	text-align:left;
	}
.tbl3 td{
	padding:15px 0;
	text-align:center;}
.tbl3 td img {
	margin-bottom:10px;}
.tbl3 td.gray{
	background-color:#FAFAFA;}
caption {
	text-align:right;
	color:#666;}
#time_stamp{
	text-align:right;
	margin-right:35px;}
#detail_bot{
	padding:24px 0 0 350px;
	width:150px; _width:500px;
	height:21px; _height:45px;
	background:url("../image/contents/detail_bot.gif") no-repeat;}
#detail_bot p{
	font-size:11px;
	color:#FFF;}
#detail_bot a:link,#detail_bot a:visited{
	text-decoration:none;
	font-size:11px;
	color:#FFF;}
#detail_bot a:hover{
	text-decoration:underline;}
/*---------------------------------------------------------------------------------------------------------------= menu*/
#menu{
	padding:0 0 0 9px;
	width:191px; _width:200px;
	background:url("../image/menu/bg.gif") repeat-y;
	float:left;}
#banner{
	margin:10px 0;}
#menu dl{
	margin:0 0 15px 0;}
#menu dt{
	padding:10px 0 0 30px;
	width:153px; _width:183px;
	height:17px; _height:27px;
	background:url("../image/menu/title.gif") no-repeat;
	color:#ba0000;
	font-weight:bold;
	font-size:11px;}
#menu dd{
	margin:0 0 10px 0;}

#menu dd ul li{
	list-style-type:none;}
#menu dd ul li a:link,#menu dd ul li a:visited{
	display:block;
	padding:5px 0 0 20px;
	width:163px; _width:183px;
	height:15px; _height:20px;
	background:url("../image/menu/list.gif") no-repeat;
	text-decoration:none;
	font-size:11px;}
#menu dd ul li a:hover{
	background-position:bottom;}

#freesp_top{
	width:183px;
	height:15px;
	background:url("../image/menu/freesp_top.gif") no-repeat;}
#freesp_mid{
	padding:0 15px;
	width:153px; _width:183px;
	background:url("../image/menu/freesp_mid.gif") repeat-y;}
#freesp_mid p{
	line-height:1.4em;
	font-size:11px;
}
#freesp_bot{
	margin-bottom:15px;
	width:183px;
	height:15px;
	background:url("../image/menu/freesp_bot.gif") no-repeat;}

/*---------------------------------------------------------------------------------------------------------------= footer*/
#footer{
	padding:7px 0 0 0;
	width:792px;
	height:29px; _height:36px;
	background:url("../image/footer/bg.gif") no-repeat;
	text-align:center;}

#footer p{
	color:#666;}
#footer a{
	text-decoration:none;
	color:#666;}


/*---------------------------------------------------------------------------------------------------------------= etc*/
div#lake{
	background:url("../image/illustration/lake2.gif") no-repeat;
	background-position:center right;}