@charset "utf-8";

*:first-child+html body {
   font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3";
}


body{
	scrollbar-face-color       : #FFFFFF ;
	scrollbar-track-color      : #FFFFFF ;
	scrollbar-arrow-color      : #FF9900 ;
	scrollbar-shadow-color     : #CCCCCC ;
	scrollbar-highlight-color  : #FFFFFF ;
	scrollbar-darkshadow-color : #FFFFFF ;

	margin       : 0px;
	padding      : 0px;
	background   : #F7F3EA url(../images/bg.jpg) repeat-x 0px 0px;
	font-family  : "tahoma", "ms ui gothic", "lucida grande", "osaka", sans-serif;	
	/*  \*/
	font-size     : 73%;
	line-height   : 170%;
	/* */
	font-size     : 80%;
	line-height   : 140%;
	/*  \*/
	font-size     : 73%;
	line-height   : 170%;
	/* */
	
	/*  \*/
	letter-spacing: 0.1em;
	/* */
	letter-spacing: normal;
	/*  \*/
	letter-spacing: 0.1em;
	/* */

}

*{	margin    : 0px;
	padding   : 0px;
}

li{ 
	list-style:none;
}

a{
	margin    : 0px;
	padding   : 0px;
	color     : #0099CC;
}

a:hover {
	color     : #FF6600;
}

img{border:none;}

form{
	margin    : 0px;
	padding   : 0px;
}

.Clear{
	margin    : 0px;
	padding   : 0px;
	clear     : both;
}


#Global{
	width     : 910px;
	margin    : 0px auto;
	padding   : 0px;
	background: url(../images/global_bg_repeart.jpg) repeat-y center 0px;
}

#GlobalBg{
	width     : 880px;
	margin    : 0px auto;
	padding   : 0px 15px;
	background: url(../images/global_bg.jpg) no-repeat center 0px;
}


#Header{
	width      : 880px;
	padding    : 0px 0px;
	background : url(../images/header_bg.jpg) no-repeat center 0px;
	margin     : 0px;
	height 	   : 90px;
	text-indent:-9999px;
}

#Header h1{
	margin:0px;
	padding: 0px;
}

#Header h1 a{
	text-indent: -9999px;
	margin:0px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
	width:300px;
	height:84px;
	display: block;
}	





#Footer{
	width:880px;
	padding : 0px 0px 30px 0px;
	background : url(../images/footer_bg.jpg) no-repeat center 0px;
	text-indent: -9999px;
}


/* Navigation ----------------------------------------------------------------*/
#Navigation{
	margin:0px;
	padding: 0px 0px;
	width:880px;
	height:40px;
}
#Navigation ul{
	margin: 0px;
	padding: 0px;
}
#Navigation li{
	margin: 0px;
	padding: 0px;
}



/* /Navigation ----------------------------------------------------------------*/


#Contents{
	width:880px; 
	margin:0px;
	padding:20px 0px 0px;
	background:#F6F6F6 url(../images/top_contents_bg.jpg) no-repeat 0px 0px;
}

#ContentsTopBg{
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 410px;
}

#Banner{
	float:left;
	width:550px;
	margin:0px;
	padding:0px;
	
}

#Banner img{
	vertical-align: bottom;
}

#Banner .link{
	margin: 0px;
	padding: 0px;
	height: 30px;
}

#BannerS{
	width:550px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#BannerS ul{
	margin:0px;
	padding:0px 0px;
}

#BannerS li{
	float:left;
	margin:0px;
	padding:0px 0px;
}


#PerfList{
	width      : 305px;
	float      : right;
	margin     : 0px;
	background : url(../images/perflist_bg.jpg) no-repeat 0px 0px;
	padding    : 10px 10px 0px;
	
	
}

#PerfList h2{
	margin     : 0px;
	padding    : 0px;
	height: 36px;
}


#PerfList h3{
	float      : left;
	margin     : 0px 0px 0px 0px;
	padding    : 0px;
}

#PerfList ul{
	float      : left;
	margin     : 0px 0px 0px 0px;
	padding    : 0px 0px 0px 10px;
	display    : block;
 	
}

#PerfList li{
	margin     : 0px 0px 8px 0px;
	padding    : 0px 0px 0px 13px;
	background  :url(../images/perf_li_mark.jpg) no-repeat 0px 2px;
	width: 200px;
	line-height:130%;
}

.PerfListBox{
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(../images/pref_bg.gif) repeat-y left top;
	width: 285px;
}

#PerfListScroll{
	margin: 0px;
	padding: 0px;
	overflow: auto;
	height: 330px;
	
}



#Info{
	width    : 880px;
	margin   : 0px;
	padding  : 0px 0px 30px;
	
}

#Topics{
	width    : 548px;
	margin   : 0px;
	padding  : 0px 0px 10px;
	border   : 1px solid #E4E4E4;
	float    : left;
	
}

#Topics p{
	margin: 0px;
	padding: 15px 10px;
}

.TopicsBox{
	margin   : 0px 20px;
	padding  : 10px 0px 15px;
	background  :url(../images/dotline.jpg) repeat-x 0px bottom;
}

.TopicsBoxLast{
	margin   : 0px 20px;
	padding  : 10px 0px;
}

.TopicsBoxLeft{
	float    : left;
	width    : 120px;
	margin   : 0px;
	padding  : 5px 0px 0px 0px;
}

.TopicsBoxRight{
	float    : left;
	width    : 388px;
	margin   : 0px;
	padding  : 0px;
}

.TopicsBoxRight dl{
	margin   : 0px;
	padding  : 0px;
}
.TopicsBoxRight dt{
	margin   : 0px 0px 5px 0px;
	padding  : 0px 0px 0px 12px;
	color    : #009900;
	font-size: 130%;
	background  :url(../images/topics_li_mark.jpg) no-repeat 0px 5px;
}
.TopicsBoxRight dd{
	margin      : 0px 0px 0px 0px;
	padding     : 0px 0px 0px;
	line-height : 140%;
}

#News{
	width    : 318px;
	margin   : 0px;
	padding  : 0px;
	
	float    : right;
}

#NewsWaku{
	width    : 318px;
	margin   : 0px;
	padding  : 0px;
	border   : 1px solid #E4E4E4;
	
}

#News .header{
	background: url(../images/news_h2.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 318px;
}

#News .header h2{
	margin: 0px;
	padding: 0px;
	display: none;
}

#News .header .rss{
	text-indent: -9999px;
}

#News .header .rss a{
	text-decoration: none;
	display: block;
	margin: 0px 0px 0px 253px;
	padding: 0px;
	height: 40px;
	width: 65px;
}

#News dl{
	margin   : 0px;
	padding  : 10px 20px;
}
#News dt{
	margin   : 0px;
	padding  : 0px;
	color    : #009900;
}
#News dd{
	margin      : 0px 0px 10px 0px;
	padding     : 0px 0px 10px;
	line-height : 140%;
	background  : url(../images/dotline.jpg) repeat-x 0px bottom;
}

#News #NewsLast{
	background  : none;
}

#TopBanner{
	margin: 0px;
	padding: 10px 0px 0px;
}

#TopBanner ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#TopBanner li{
	margin: 0px;
	padding: 0px 0px 10px;
}

#GoToTopIn{
	text-align : right;
	padding    : 10px 0px;
}


#GoToTop{
	width      : 860px;
	text-align : right;
	padding    : 10px 10px;
}

#GoToTopIn{
	width      : 100%;
	text-align : right;
	padding    : 0px 0px 5px;
}

.tpframe{
	border   : 5px solid #E4E4E4;
}

.soldout{
	font-weight: bold;
	color: #FF0000;
}