@charset "UTF-8";


/***********************
 Neutralize Any Tags
 Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.5.2
 
************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#555;}
body {font:13px/1.4 "helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/***********************
 Clearfix
************************/

/*\*/
* html div{height:0;}
div{display:block;}
/**/

body {
	background: url(../images/common/bg.gif) center top repeat-y;
}
a img{
  border-style:none;
}
a {
	text-decoration: none;
	outline: none;
}
p a {
	font-weight: bold;
}
h1, h2{
	font-weight: bold;
}
.clear {
	clear: both;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
}
/* top page layout style*/
#content {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	background-color :#FFFFFF;
	width: 960px;
}


/* footer area style */
#footer {
	position: relative;
	height: 160px;
	width: 980px;
	background-color:#FFFFFF;
	position: relative;
}
/* bottom navi */
#bottomNavi {
	position: absolute;
	left: 300px;
	top: -240px;
	width: 260px;
	height: 220px;
}

/** Navigation TOP ***********************************/
#navi_home {
	position: absolute;
	width: 310px;
	height: 50px;
	top: 110px;
	left: 420px;
}
#navi_home li{
	float: left;
}

/** Navigation About ***********************************/
#navi_about {
	position: absolute;
	width: 310px;
	height: 50px;
	top: -220px;
	left: 40px;
}
#navi_about li{
	float: left;
}


/** Navigation BOTTOM ***********************************/
#navi_botMenu {
	height: 120px;
	width: 100px;
	float: left;
}
#navi_botMenu_news {
	width: 110px;
	height: 120px;
	float: left;
}
#navi_bot {
	width: 100px;
	height: 120px;
	float: left;
}
#navi_bot li{
	float: left;
}
#mini_navi1_bot {
	width: 50px;
	height: 50px;
}
#mini_navi2_bot {
	width: 50px;
	height: 50px;
}
#mini_navi3_bot {
	width: 50px;
	height: 40px;
}
#mini_navi4_bot {
	width: 50px;
	height: 40px;
}
#mini_navi5_bot {
	width: 60px;
	height: 40px;
}
/* navi style 01 ****************************************************/
#navi01 a {
	font-size: 12px;
	display: block;
	width: 170px;
	height: 30px;
	color: #000000;
	padding: 10px 0 0 110px;
}

#navi01 a:hover {
	text-decoration: underline;
}

#news01 a{ background: url(../images/menu/01_menu_news.gif) no-repeat;}
#news01_r, #news01_r a, #news01 a:hover{ background: url(../images/menu/01_menu_news.gif) left -40px no-repeat;}
#reviews01 a{ background: url(../images/menu/01_menu_reviews.gif) no-repeat;}
#reviews01_r, #reviews01_r a, #reviews01 a:hover{ background: url(../images/menu/01_menu_reviews.gif) left -40px no-repeat;}
#reviews01 a.stay{ 
background: url(../images/menu/01_menu_reviews.gif) left -80px no-repeat; color: #FFFFFF;}
#reviews01 a:hover.stay{ 
background: url(../images/menu/01_menu_reviews.gif) left -120px no-repeat;
color: #FFFFFF;
}
#features01 a{ background: url(../images/menu/01_menu_feat.gif) no-repeat;}
#features01_r, #features01_r a, #features01 a:hover{ background: url(../images/menu/01_menu_feat.gif) left -40px no-repeat;}
#features01 a.stay{ background: url(../images/menu/01_menu_feat.gif) left -80px no-repeat; color: #FFFFFF;}
#features01 a:hover.stay{ background: url(../images/menu/01_menu_feat.gif) left -120px no-repeat;}
#events01 a{ background: url(../images/menu/01_menu_events.gif) no-repeat;}
#events01_r, #events01_r a, #events01 a:hover{ background: url(../images/menu/01_menu_events.gif) left -40px no-repeat;}
#charts01 a{ background: url(../images/menu/01_menu_charts.gif) no-repeat;}
#charts01_r, #charts01_r a, #charts01 a:hover{ background: url(../images/menu/01_menu_charts.gif) left -40px no-repeat;}


#navi01_bot {
	position: absolute;
	width: 280px;
	height: 220px;
	top: -220px;
	left: 30px;
}


/* navi style 02 (Feature top)****************************************************/

#navi02 a {
	font-size: 12px;
	display: block;
	width: 150px;
	height: 30px;
	color: #000000;
	padding: 10px 0 0 110px;
	margin-bottom: 0;
}

#navi02 a:hover {
	text-decoration: underline;
}

#news02 a{ background: url(../images/menu/02_menu_news.gif) no-repeat;}
#news02_r, #news02_r a, #news02 a:hover{ background: url(../images/menu/02_menu_news.gif) left -40px no-repeat;}
#reviews02 a{ background: url(../images/menu/02_menu_reviews.gif) no-repeat;}
#reviews02_r, #reviews02_r a, #reviews02 a:hover{ background: url(../images/menu/02_menu_reviews.gif) left -40px no-repeat;}
#features02 a { background: url(../images/menu/02_menu_features.gif) no-repeat;}
#features02_r, #features02_r a, #features02 a:hover{ background: url(../images/menu/02_menu_features.gif) left -40px no-repeat;}
#features02 a.stay { 
background: url(../images/menu/02_menu_features.gif) left -80px no-repeat;
color: #FFFFFF;
}
#features02 a:hover.stay { background: url(../images/menu/02_menu_features.gif) left -120px no-repeat;}
#events02 a{ background: url(../images/menu/02_menu_events.gif) no-repeat;}
#events02_r, #events02_r a, #events02 a:hover{ background: url(../images/menu/02_menu_events.gif) left -40px no-repeat;}
#charts02 a{ background: url(../images/menu/02_menu_charts.gif) no-repeat;}
#charts02_r, #charts02_r a, #charts02 a:hover{ background: url(../images/menu/02_menu_charts.gif) left -40px no-repeat;}
#features02_bg {
	width: 210px;
	height: 40px;
	background: url(../images/menu/02_menu_feat_bg.gif) no-repeat;
}



/* navi style 03 ****************************************************/
#navi03 a {
	font-size: 12px;
	display: block;
	width: 260px;
	height: 30px;
	color: #000000;
	padding: 10px 0 0 50px;
}

#navi03 a:hover {
	text-decoration: underline;
}

#news03 a{ background: url(../images/menu/03_menu_news.gif) no-repeat;}
#news03_r, #news03_r a, #news03 a:hover{ background: url(../images/menu/03_menu_news.gif) left -40px no-repeat;}
#news03 a.stay{ 
background: url(../images/menu/03_menu_news.gif) left -80px no-repeat;
width: 130px;
height: 30px;
padding: 10px 0 0 180px;
}
#news03 a:hover.stay{ background: url(../images/menu/03_menu_news.gif) left -120px no-repeat;}
#reviews03 a{ background: url(../images/menu/03_menu_reviews.gif) no-repeat;}
#reviews03_r, #reviews03_r a, #reviews03 a:hover{ background: url(../images/menu/03_menu_reviews.gif) left -40px no-repeat;}
#features03 a{ background: url(../images/menu/03_menu_features.gif) no-repeat;}
#features03_r, #features03_r a, #features03 a:hover{ background: url(../images/menu/03_menu_features.gif) left -40px no-repeat;}
#events03 a{ background: url(../images/menu/03_menu_events.gif) no-repeat;}
#events03_r, #events03_r a, #events03 a:hover{ background: url(../images/menu/03_menu_events.gif) left -40px no-repeat;}
#events03 a.stay{ 
background: url(../images/menu/03_menu_events.gif) left -80px no-repeat;
width: 130px;
height: 30px;
padding: 10px 0 0 180px;
}
#events03 a:hover.stay{ background: url(../images/menu/03_menu_events.gif) left -120px no-repeat;}
#charts03 a{ background: url(../images/menu/03_menu_charts.gif) no-repeat;}
#charts03_r, #charts03_r a, #charts03 a:hover{ background: url(../images/menu/03_menu_charts.gif) left -40px no-repeat;}



/* navi style 05 ****************************************************/

#navi05 a {
	font-size: 12px;
	display: block;
	width: 280px;
	height: 30px;
	color: #000000;
	padding: 10px 0 0 20px;
}

#navi05 a:hover {
	text-decoration: underline;
}

#news05 a{ background: url(../images/menu/05_menu_news.gif) no-repeat;}
#news05_r, #news05_r a, #news05 a:hover{ background: url(../images/menu/05_menu_news.gif) left -40px no-repeat;}
#reviews05 a{ background: url(../images/menu/05_menu_reviews.gif) no-repeat;}
#reviews05_r, #reviews05_r a, #reviews05 a:hover{ background: url(../images/menu/05_menu_reviews.gif) left -40px no-repeat;}
#features05 a{ background: url(../images/menu/05_menu_feat.gif) no-repeat;}
#features05_r, #features05_r a, #features05 a:hover{ background: url(../images/menu/05_menu_feat.gif) left -40px no-repeat;}
#events05 a{ 
background: url(../images/menu/05_menu_events.gif) no-repeat;
width: 150px;
height: 30px;
padding: 10px 0 0 150px;
}
#events05_r, #events05_r a, #events05 a:hover{ background: url(../images/menu/05_menu_events.gif) left -40px no-repeat;}
#charts05 a{ background: url(../images/menu/05_menu_charts.gif) no-repeat;}
#charts05_r, #charts05_r a, #charts05 a:hover{ background: url(../images/menu/05_menu_charts.gif) left -40px no-repeat;}


/* navi style 06 (CHARTS)****************************************************/

#navi06 a {
	font-size: 12px;
	display: block;
	width: 230px;
	height: 29px;
	color: #000000;
	padding: 11px 0 0 10px;
}

#navi06 a:hover {
	text-decoration: underline;
}

#news06 a{
	width: 160px;
	height: 29px;
	padding: 11px 0 0 80px;
	background: url(../images/menu/06_menu_news.gif) no-repeat;
}
#news06_r, #news06_r a, #news06 a:hover{ background: url(../images/menu/06_menu_news.gif) left -40px no-repeat;}
#reviews06 a{
	width: 160px;
	height: 29px;
	padding: 11px 0 0 80px;
	background: url(../images/menu/06_menu_reviews.gif) no-repeat;
}
#reviews06_r, #reviews06_r a, #reviews06 a:hover{ background: url(../images/menu/06_menu_reviews.gif) left -40px no-repeat;}
#features06 a{ background: url(../images/menu/06_menu_features.gif) no-repeat;}
#features06_r, #features06_r a, #features06 a:hover{ background: url(../images/menu/06_menu_features.gif) left -40px no-repeat;}
#events06 a{ background: url(../images/menu/06_menu_events.gif) no-repeat;}
#events06_r, #events06_r a, #events06 a:hover{ background: url(../images/menu/06_menu_events.gif) left -40px no-repeat;}
#charts06 a{
	background: url(../images/menu/06_menu_charts.gif) right top no-repeat;
	width: 100px;
	height: 30px;
	padding: 10px 0 0 380px;
}
#charts06_r, #charts06_r a, #charts06 a:hover{ background: url(../images/menu/06_menu_charts.gif) right -40px no-repeat;}


/* common style*/
.pad_t60 {
	padding-top: 60px;
}
.mar_l10 {
	margin-left: 10px;
}
.mar_b10 {
	margin-bottom: 10px;
}
.mar_b20 {
	margin-bottom: 20px;
}
.mar_b30 {
	margin-bottom: 30px;
}
.mar_b40 {
	margin-bottom: 40px;
}
.mar_b60 {
	margin-bottom: 60px;
}
.mar_t10 {
	margin-top: 10px;
}
.mar_t20 {
	margin-top: 20px;
}
.mar_t30 {
	margin-top: 30px;
}
.mar_t40 {
	margin-top: 40px;
}
.mar_t60 {
	margin-top: 60px;
}
.align_center {
	text-align: center;
}
.align_right {
text-align: right;
}
.align_left {
text-align: left;
}
.f_right {
	float: right;
}
.f_left {
	float: left;
}
/* 帯の色***************************************/
.c_tokinezu {
	background-color: #e4d2d8;
}
.c_mokuranjiki {
	background-color: #c7b370;
}
.c_mizuasagi {
	background-color: #80aba9;
}
.c_fujinezu {
	background-color: #a6a5c4;
}
.c_asahanada {
	background-color: #84b9cd;
}
.c_kohakuiro {
	background-color: #bf783a;
}
.c_aoni {
	background-color: #99ab4e;
}
.c_masuhanairo {
	background-color: #5b7e91;
}
.c_taisha {
	background-color: #bb5520;
}
.c_aokuchiba {
	background-color: #ada250;
}
.c_beniebicha {
	background-color: #a73836;
}
.c_seiran {
	background-color: #274a78;
}
.c_shinonomeiro {
	background-color: #f19072;
}
.c_tankou {
	background-color: #f8e58c;
}
.c_wakanaeiro {
	background-color: #c7dc68;
}
.c_shiraai {
	background-color: #c1e4e9;
}
.c_kanzouiro {
	background-color: #f8b862;
}
/* Footer menu *********************************************/
#footer_menu {
	color: #808080;
	font-size: 12px;
	
}
#footer_menu p{
	color: #808080;
	font-size: 12px;
}
#footer_menu li {
	
}
#footer_menu li a{
	color: #808080;
	text-decoration: none;
}
#footer_menu li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
#jamptotop1 {
	position: absolute;
	top: 10px;
	left: 660px;
	font-size: 12px;
}


/* ここからリモートロールオーバーの指定*/


/*リストをブロック化して横に並べる。*/

#rollover {
	width: 40px;        /*背景画像と同じ幅*/
	height: 40px;       /*背景画像と同じ高さ*/
	position: relative;
}

/*リスト内の a 要素に対して一括して指定*/

#rollover a {
	display: block;
	width: 40px;        /*背景画像と同じ幅*/
	height: 40px;       /*背景画像と同じ高さ*/
  
}

/*リスト内の a 要素に対して背景画像を個別指定*/

#rollover #totop a {
	background-image: url(../images/common/btn_jumptotop1.gif);
}


/*リスト内の a:hover に対して共通指定*/

#rollover a:hover {
	background-position: 0 -40px;
}

/*　em 内のテキストを下へ移動させる*/

#rollover a em {
	position: absolute;
	top: 116px;
	left: 10px;
	font-style: normal;
	diplay: block;      /* ブロック化しないと IE で崩れる。*/
	width: 120px;        /* 一応、文字幅に合わせているけど、やり方は考える余地あり*/
	color: #FFFFFF;
}
#rollover a:hover em {
	cursor: pointer;        /* IE のために、カーソルをポインタに指定*/
	text-decoration: underline;
}


/*Footer area  **************************************************/
#logo_bot {
	width: 300px;
	float: left;
	margin-right: 20px;
}
#footer_menuBox {
	width: 640px;
	height: 160px;
	float: left;
	background-color: #000000;
}
#footer_menuWrap_01 {
	position: relative;
	width: 160px;
	height: 120px;
	background-color: #000000;
	margin-left: 70px;
	margin-top: 20px;
}
#footer_menuWrap_02 {
	position: relative;
	width: 160px;
	height: 120px;
	background-color: #000000;
	margin-left: 60px;
	margin-top: 20px;
}
#footer_menuWrap_01 p, #footer_menuWrap_02 p {
	margin: 0;
	padding: 0;
	line-height: 1;
	width: 200px;
	position: absolute;
	left: 0;
	bottom: 0;
}

#searchBox {
	width: 200px;
	height: 20px;
	background: #000000;
	padding: 10px;
	position: absolute;
	left: 0;
	top: 0;
}
#searchBoxWrap {
	height: 80px;
	width: 250px;
}
.searchfield {
	width: 200px;
	border: none;
	height: 20px;
}
#btn {
	margin-left: 220px;
}
.boldTxt {
	font-weight: bold;
}