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

/* ----------------------------------------------------
	#container
---------------------------------------------------- */
#container {
	width: 850px;
	position:relative;	
	}

/* ----------------------------------------------------
	#header
---------------------------------------------------- */
/*#header h1,
#header h2,
#header p {
	display: ;
}*/	

#header{
	position: relative;
	width: 850px;
	height: 174px;
	background: #FFF url(images/head.jpg) left top no-repeat; 
	}

#header h1{
	
	}

#header p{
	display: none;	
	}
	
#header ul{
	width: 444px;
	position: absolute;
	bottom: 20px;
	padding-left: 43px;
	}
	
#header ul li{
	padding-right: 2px;	
	display: block;
	float: left;
	width: 146px;
	height: 28px;
	position:relative;
	}	
	
#header ul li span{
	display: none;
}

#header ul li span.new{
	display: block;
	position:absolute;
	top: -7px;
	right: 5px;
}
	
/* ----------------------------------------------------
	#content
---------------------------------------------------- */	

#content{
	padding-left: 12px;
	padding-right: 8px;
	width: 830px;
	position:relative;
	background: #efefef url(images/bg.jpg) left top repeat-y;
	}
	
.section1{
	padding: 110px 20px 0px 26px;
	}
	
.tw{
	padding: 33px 0px 0px 6px;
	background: #FFF url(images/tw_bg.jpg) left top no-repeat;
	width: 319px;
	height: 87px;
	position: absolute;	
	top: -15px;
	left: 30px;	
	}	

#content .news{
	padding-left: 25px;	
	border: 1px solid #efefef;
	background: url(images/news_title.gif) 1px 1px no-repeat;
	position: absolute;	
	top: -10px;
	right: 45px;
	width: 400px;
	height: 110px;
	}
	
#content .news dl {   
	margin-left: 10px;
	padding: 5px 0px;
	width: 400px;	
	height: 100px;
	overflow:auto;  
}

#content .news dt {   
 float:left;   
 width:80px;   
 padding:5px 0 5px 10px; 
 background-image:url(images/arrow.gif);
 background-repeat:no-repeat;
 background-position: left 8px; 
 clear:both;   
 font-weight:bold;   
}   
#content .news dd {   
 width: 270px;   
 margin-left:85px;   
 padding:5px 5px 5px 10px;  
} 	

/* ----------------------------------------------------
	.section2
---------------------------------------------------- */
.section2{
	width: 828px;
	position:relative;
	}
	
.section2 h2{
	width: 828px;
	height: 20px;
	background: url(images/h2_buppan.gif) left top no-repeat;
	
}


ul#subnavi{
	width: 130px;
	padding: 10px 10px 10px 0px;
	position: fixed!important;
	position:absolute;	
	top: 310px;
	z-index: 99;
}
* html ul#subnavi {   
    position: absolute;   
    top: expression(eval(document.documentElement.scrollTop+310));   
}

 ul#subnavi li{
	display: block;
	/*height: 1.5em;*/
	padding: 0px 0px 0px 10px;
	width: 155px;
	border-style: solid;
	border-color:  #333;
	border-width: 0px 1px 1px 0px;
	
}

ul#subnavi li:hover{
	background-color: #fffee7;	
}

ul#subnavi li a{
	text-decoration:none;
	color: #333;
	display: block;
	/*height: 2em;*/
	padding: 10px 0px 10px 10px;	
	width: 145px;	
	position: relative;
	}

ul#subnavi li a span{
	margin: 0;
	padding: 0;
	display:block;
	position:absolute;
	top: -3px;
	left: 5px;
}

ul#subnavi li.bt{
	border-top: 1px solid #333;
}

ul#subnavi ul#sub2{
	width: 135px;
	padding: 0px 10px 0px 20px;
	}
	
ul#subnavi ul#sub2 li{
	display: block;
	/*height: 1.5em;*/
	padding: 0px;
	width: 135px;
	border: none;
	font-size: 9px;
	border-bottom: 1px dotted #efefef;
}

ul#subnavi ul#sub2 li a{
	text-decoration:none;
	color: #333;
	display: block;
	/*height: 2em;*/
	padding: 3px 0px 5px 0px;	
	width: 135px;	
	position: relative;
	}

ul#subnavi ul#sub2 li a:hover{
	color: red;
}

.data{
	padding-left: 180px;
	padding-top: 15px;
	padding-right: 30px;
	}
	
.data .dataBox1{
	border: 1px solid #333;

}

.data .dataBoxInner{
	margin: 1px;
	}
	
.data  h3{
	font-weight: bold;
	color: #F39;
	font-size: 120%;
	position: relative;
	border-bottom: 3px solid #b8b8b8;
	}
	
.data  h3 span.small{
	font-size: 83%;
	font-weight:normal;
	padding-right: 5px;
	}
	
.data  h3 span.x-small{
	font-size: 75%;
	font-weight:normal;
	padding-right: 5px;
	}		

.data  h3 span.price{
	color:#333;
	font-size: 120%;	
	position:absolute;
	right: 5px;
	bottom: 0.01em;
}
	
.data .title{
	float: left;
	}
	
.data .dataTxt{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	margin-left: 35px;
	}
	
.data .dataTxt ol{
	margin: 0;
	padding: 0;
	}	
		
.data .dataTxt .set{
	width: 160px;
	margin: 0px 10px 5px 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;	
	}	
	
.data .dataTxt .set p{
	line-height: normal;
	text-indent: -1em;
	margin: 2 10px;
	padding: 0;
	}	

.data p.fl{
	width: 360px;	
	}

.data .fl p{
	width: 165px;
	margin: 5px 5px 5px 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	line-height: 1.5em;
}

.aboutTxt{
	margin: 0px 10px;
	padding: 5px 0px;
	position:relative;	
	border: 1px solid #999;
	background-color: #efefef;
	}
	
.aboutTitle{
	padding: 2px 15px;
	position:absolute;
	top:-2em;
	left: 5px;
	background-color: #999;
	font-weight:bold;
	color: #FFF;	
	}	
	
.aboutTxt ul{
	width: 558px;
	}
	
.aboutTxt ul li{
	width: 259px;
	padding-left: 5px;
	padding-right: 5px;	
	float: left;
	text-align:center;
	display:block;
	}
	
.aboutTxt ul li dl{
	display: block;
	margin: 5px;
	line-height: 1.2em;
	text-align:left;
	}	
	
.aboutTxt ul li dd{
	padding: 5px;
	}	
	
.datanote{
	padding: 0;
	margin: 0;
	color: #66C;
	font-weight:bold;
	}
		
.section4 .data .dataTxt td,
.section4 .data .dataTxt th{	
   border-bottom: 1px dashed #333;
   padding: 5px;
}


.section2 .data .dataTxt td,
.section2 .data .dataTxt th{	
   border-top: 2px solid #cccdc6;
   padding: 7px !important;
}
	
.section2 .data .dataTxt td.title{
	font-weight: bold;	
	color: #F09;
	}	
	
.section2 .data .dataTxt td.pri{
	text-align: right;
	}	

.section2 .data .dataTxt td.title .small{
	font-size:9px !important;	
	font-weight: normal;
	}
	
.section2 .data .dataTxt td .small{
	font-size:9px !important;	
	font-weight: normal;
	}	

td.note{
	line-height: 1.5em;
	font-size: 9px;
	padding: 3px;
	background-color: #f2f6d9;
	/*color: #C30;*/
	border-top: 1px dotted #CCC!important;
	}	
	
td.note2{
	line-height: 1.5em;
	font-size: 9px;
	padding: 3px;
	background-color: #FFC;
	/*color: #C30;*/
	border-top: 1px dotted #CCC!important;
	}	
		
	
td.note p,
td.note2 p{
	display: block;
	background: url(../images/icon_arrow.gif) left 1px no-repeat;
	text-indent: 1.2em;
	
	
}

td.etc p{
	display: block;
	background: url(../images/icon_arrow.gif) left 1px no-repeat;
	text-indent: 1.2em;
	font-size: 9px;
	
	
}

td.etc a{
	color: #00C;
	}



td.title span a{
	display: block;
	background: url(../images/icon_arrow.gif) left 1px no-repeat;
	text-indent: 1.2em;
	font-weight: normal;
	font-size: 9px;
	padding: 0;
	line-height:normal;
	
}	
	
	
.boxbg01{
	background: #FFF url(images/tab01_bg.gif) left top repeat-y;
	}	
	
.boxbg01sub{
	background: #FFF url(images/tab01_bg.gif) -25px top repeat-y;
	}	
	
.boxbg02{
	background: #FFF url(images/tab02_bg.gif) left top repeat-y;
	}	
	
.boxbg02sub{
	background: #FFF url(images/tab02_bg.gif) -25px top repeat-y;
	}
	
.boxbg03{
	background: #FFF url(images/tab03_bg.gif) left top repeat-y;
	}	
	
.boxbg03sub{
	background: #FFF url(images/tab03_bg.gif) -25px top repeat-y;
	}
	
.boxbg04{
	background: #FFF url(images/tab04_bg.gif) left top repeat-y;
	}	
	
.boxbg04sub{
	background: #FFF url(images/tab04_bg.gif) -25px top repeat-y;
	}
	
.boxbg05{
	background: #FFF url(images/tab05_bg.gif) left top repeat-y;
	}	
	
.boxbg05sub{
	background: #FFF url(images/tab05_bg.gif) -25px top repeat-y;
	}	
	
.boxbg06{
	background: #FFF url(images/tab06_bg.gif) left top repeat-y;
	}	
	
.boxbg06sub{
	background: #FFF url(images/tab06_bg.gif) -25px top repeat-y;
	}
	
.boxbg07{
	background: #FFF url(images/tab07_bg.gif) left top repeat-y;
	}	
	
.boxbg07sub{
	background: #FFF url(images/tab07_bg.gif) -25px top repeat-y;
	}
	
.boxbg09{
	background: #FFF url(images/tab09_bg.gif) left top repeat-y;
	}	
	
.boxbg09sub{
	background: #FFF url(images/tab09_bg.gif) -25px top repeat-y;
	}	
	
.pink{
	display: block;
	font-weight: bold;
	color: #F39;
	padding-bottom: 3px;
	}	


/* ----------------------------------------------------
	.section3
---------------------------------------------------- */
.section3{
	padding-top: 20px;
	width: 828px;
	position:relative;
	}
	
.section3 h2{
	width: 828px;
	height: 20px;
	background: url(images/h2_event.gif) 180px top no-repeat;
	
}

/* ----------------------------------------------------
	.sectionh4
---------------------------------------------------- */

.section4{
	padding-top: 20px;
	width: 828px;
	position:relative;
	}
	
.section4 h2{
	width: 828px;
	height: 20px;
	background: url(images/h2_sanka.gif) 180px top no-repeat;
	
}

.section4 ul{
	display: block;
	margin: 10px 20px 10px 50px;
	list-style: circle;
}

.section4 ul li{
	margin-bottom: 10px;
}

/* ----------------------------------------------------
	#fotter
---------------------------------------------------- */

#fotter p{
	color: #FFF;		
	}
	
#fotter{
	padding-left: 12px;
	padding-right: 8px;
	width: 830px;
	min-height: 110px;
	position:relative;
	background: #efefef url(images/bg.jpg) left top repeat-y;
	}
	
.fotterInner{
	margin: 0px 1px;
	padding: 10px;
	line-height:normal;
	min-height: 110px;
	background: #efefef url(images/fotter_bg.gif) left top repeat-x;	
	}


.pagetop{
	text-align:right;
	padding: 10px 0px;
	zoom:1;
	position:relative;		
	}
	
.pagetop:after {
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0 0;
}

/* for MacIE5 \*//*/
.pagetop {
	height: auto;
	overflow: hidden;
}
		
*/	
.pagetop p{
	float: right;
}

.sv_title img{
	margin-top: 10px;	
	}
	
.sv_no img{
	margin-bottom: 2px;
	padding-left: 5px;
	}	
	
.smalltxt{
	font-size: 9px !important;
	padding-left:10px;
	line-height: nomal !important;
	padding-top: 10px !important;
	}	
	
.small{
	font-size: 83%!important;
	}	
	
.red{
	color: #F39;
}

.goodstxt{
	display: block;
	margin: 5px 2px 0px 0px;
	padding: 10px;
	background-color: #FFF;
	font-size:  9px !important;
	color: #666;
	}
	
.goodstxt p{
	margin-bottom: 5px;
	}	

/*Cxg֌W*/
.eventbar{
	width:100%;
	margin:10px 0 10px 0;
	padding:0;
	text-align:center;
}

.nob_t{
	border-top: none !important;
	}
	
.re_note{
	text-align: center;
	}	
	
.re_note p{
	display: block;
	text-align:center;
	}