@charset "utf-8";
/* CSS Document */

body { font-size:12px; line-height:1.5em; color: #000; background:#000;font-family: Helvetica,Arial,Verdana,Sans-Serif;}

a:link, a:visited {color: #4382e1;text-decoration:none;}
a:hover, a:active {color: #4382e1;text-decoration:underline;}

.m10 {margin:10px;}
.m15 {margin:15px;}

.mt10 {	margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mb10 {margin-bottom:10px;}

.mb5 {margin-bottom:5px;}
.mb15 {	margin-bottom:15px;}
.mb20 {	margin-bottom:20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}

.ml10 {	margin-left: 10px;}

.mr2 {margin-right:2px;}

.red {color:#B61A05;}
.fs {font-size: 90%;}
.fl { float: left;}
.fr { float: right;}

.clear { clear:both; display: block;}

em { font-weight: bold;}
.tc { text-align: center;}

a{outline:none;}



/*************************************
#container
************************************/
#container { margin:0 auto; width:980px; position:relative;}
#container #containerbot {padding-bottom:5px;}

#main {background: url(../images/bg_middle.gif) repeat-y 100% 100%; padding: 0 40px 0 8px;}
#main #mainContents { float: right;	width: 700px; margin-bottom: 30px; margin-top: 15px;}
#main #mainContents div.inner {width: 687px;margin-left: 13px;}

div#lead { font-weight: bold;}

h2 { position: relative;}
h2 span a {
	display: block;
	position: absolute;
	top: 15px;
	right: 10px;
	width: 60px;
}

h4 { padding: 10px 10px 9px; background: #111; color: #fff; font-weight: bold; 
	border-left: 5px solid #333; line-height: 1; font-size: 114%;}
h5 { background: url(../images/icn_vo.gif) no-repeat 0 4px; 
	padding-left: 15px; color:#900; font-weight: bold; margin: 10px 0 5px;}



/*************************************
div.photo
************************************/
div.photo { background: url(../images/bg_photo.gif) no-repeat 0 0;}
div.photo div.pho_inner { background: url(../images/bg_photo_btm.gif) no-repeat 0 100%; 
	padding: 10px 0; text-align: center;}
	

/*************************************
div.movie 
************************************/
div.movie { width: 470px; height: 340px; background: url(../images/bg_movie.gif) no-repeat 0 0; float: left;}
div.movie #wmv { margin: 10px 0 10px 11px;}


/*************************************
div.voice
************************************/
div.voice { width: 202px; height: 338px; border: 1px solid #d9cca8; float: right;}

div.voice ul {margin: 10px 8px 0; overflow: scroll; height: 270px;overflow-x: hidden;} 
div.voice ul li { background: url(../images/icn_vo.gif) no-repeat 0 0; padding: 0px 5px 5px 15px; 
	margin-bottom: 8px; border-bottom: 1px dotted #ddd; line-height: 1.4;} 
div.voice ul li span { color: #333; font-size: 10px;}


/*************************************
table
************************************/
table{ width: 680px;}

table th,
table td{vertical-align: top; border-bottom: 1px dotted #d9cca8;}

table td{padding: 7px 0 7px 10px;}
table th{text-align: right;border-right: 1px dotted #d9cca8;
	width: 17.8em;	font-weight: bold;padding: 7px 10px 7px 0;}
.last{ border-bottom: none;}

table dl dt {float: left; width: 6em;}
table dl dd {padding: 0 0 0 6em;}


/*************************************
ul.list
************************************/
ul.list li { background: url(../images/icn_list.gif) no-repeat 0 11px; margin: 0 8px;
	padding: 7px 0 7px 14px; line-height: 1.2em; border-bottom: 1px dotted #ddd;}
ul.list li.last { border-bottom: none;}


/***********************
#tabContent
**********************/
#tabContent { width: 680px;  padding: 10px 0 0 0;}
#tabIndex { height: 1%;}
#tabIndex li { float:left; margin-right: 5px; padding: 5px 5px 2px 5px; list-style-type: none; 
	cursor: pointer; display: block; font-weight: bold;}

#tabIndex li a:link, #tabIndex li a:visited {color:#000;text-decoration:none;font-weight: bold;}
#tabIndex li a:hover, #tabIndex li a:active {text-decoration:underline;	font-weight: bold;}

#tabIndex .close { text-decoration: none; background-color: #eee; border-top:2px solid #ddd; 
	border-right:1px solid #ddd; border-left:1px solid #ddd;}

#tabIndex .open { text-decoration: none; background-color: #997619; border-top:2px solid #e1ca8f;}
#tabIndex .open a:link, #tabIndex .open a:visited {	color:#fff;}

#tabBoxIndex { clear: both; border: 1px solid #d9cca8; min-height: 180px;}



/*************************************
#totop
************************************/
#totop { clear:both; text-align:right; font-size:10px; border-bottom:1px solid #ddd;
	padding-right: 20px; padding-bottom: 5px; margin-right: -15px;}
	

/*************************************
#footer
************************************/
#footer {height: 58px;background: url(../images/bg_bottom.gif) no-repeat bottom; 
	padding-bottom: 10px;}
#footer #footContents {	background: url(../images/bg_foot_middle.gif) repeat-y 100% 100%;}
#footer #logo {	float:left;	padding:18px 0 10px 50px;}
#footer #footercom {float:right;text-align:right;padding:10px 25px 0 0;}
#footer #copyright {font-size:10px;	font-family: Verdana, Helvetica, sans-serif;}


/*************************************
#navi
************************************/
#navi {float: left;	width: 200px;padding-bottom: 20px;}
#navi ul {margin-left: 32px;background: #fff;}
#navi ul li {height: 68px;}
#navi ul li.navi_top {height: 70px;}
#navi ul li, #navi ul li a {display: block;	margin: 0; padding: 0; line-height: 1;}