@charset "UTF-8";
/*--------------------------------------------------------------
JYH WEB CSS
---------------------------------------------------------------*/

body {
text-align: center;
background-color:#ffffff;/*全体の背景色-----------------*/
font-family: “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, Osaka, “メイリオ”, Meiryo, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
font-size:13px;/*基本の文字サイズ-----------------*/
line-height:150%;
color:#333333;/*基本の文字色-----------------*/
margin-top:0px;
margin-bottom:0px;
margin-left:0;
margin-right:0;
width:100%;
height: 100%;
}



/*テキストリンクの色*/
a:link    {text-decoration:underline;color:#bb4600;}


/*訪問済みのリンクの色*/
a:visited {text-decoration:underline;color:#bb4600;}

/*クリック時のリンクの色*/
a:active  {text-decoration:underline;color:#bb4600;}

/*マウスの上にカーソルがあるときのリンクの色*/
a:hover   {text-decoration:underline;color:#bb4600;}




/*サイトタイトルテキストリンクの色*/
h1 a:link     {color:#f9f9f9;text-decoration:none;}

/*サイトタイトル訪問済みのリンクの色*/
h1 a:visited  {color:#f9f9f9;text-decoration:none;}

/*サイトタイトルクリック時のリンクの色*/
h1 a:active   {color:#f9f9f9;text-decoration:none;}

/*サイトタイトルマウスの上にカーソルがあるときのリンクの色*/
h1 a:hover    {	color:#f6bc5b;text-decoration:none;}


/*ヘッダー下メニューテキストリンクの色*/
#g_menu a:link     {color:#aaaaaa;text-decoration:none;}

/*ヘッダー下メニュー訪問済みのリンクの色*/
#g_menu a:visited  {color:#aaaaaa;text-decoration:none;}

/*ヘッダー下メニュークリック時のリンクの色*/
#g_menu a:active   {color:#f9f9f9;text-decoration:none;}

/*ヘッダー下メニューマウスの上にカーソルがあるときのリンクの色*/
#g_menu a:hover    {color:#f6bc5b;text-decoration:none;}


/*左メニュー・テキストリンクの色*/
.box li a:link    {color:#aaaaaa;text-decoration:none;}

/*左メニュー・訪問済みのリンクの色*/
.box li a:visited {color:#aaaaaa;text-decoration:none;}

/*左メニュー・クリック時のリンクの色*/
.box li a:active  {color:#bb4600;text-decoration:underline;}

/*左メニュー・マウスの上にカーソルがあるときのリンクの色*/
.box li a:hover   {color:#bb4600;text-decoration:underline;}

.btn a:link {color:#ffffff;}
.btn a:visited {color:#ffffff;}
.btn a:active {color:#ffffff;}
.btn a:hover {color:#ffffff;}


/*右メニュー・テキストリンクの色*/
.side_bar li a:link    {color:#aaaaaa;text-decoration:none;}

/*右メニュー・訪問済みのリンクの色*/
.side_bar li a:visited {color:#aaaaaa;text-decoration:none;}

/*右メニュー・クリック時のリンクの色*/
.side_bar li a:active  {color:#bb4600;text-decoration:underline;}

/*右メニュー・マウスの上にカーソルがあるときのリンクの色*/
.side_bar li a:hover   {color:#bb4600;text-decoration:underline;}






h1,h2,h3,h4 {
margin:0px;
padding:0px;
font-weight:normal;
}


/*pタグ空白消去*/
p {
margin:0px;
padding:5px 5px 5px 5px;
}


/*IMGボーダー非表示*/
img  {
border: none;
vertical-align:top;
}

.icon{
margin: 3px;
}

.float_left{
float: left;
margin-right: 1em;
}

.float_left_block{
float: left;
margin-right: 1em;
margin-bottom: 10em;
}

.float_right{
float: right;
margin-right: 1em;
}

.floatclear{
clear: both;
}

/*TABLEボーダー非表示*/
table  {
border:none;
}

td  {
vertical-align:top;
}

/*IE--BRバグ回避*/
br  {
letter-spacing:normal;
}


/*リスト空白消去*/
ul,ol,li  {
margin:0px;
padding:0px;
list-style:none;
}


.center8{
text-align:center;
padding-bottom:8px;
}

#loader {
	width: 1040px;
	height: 2000px;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 50%;
	left: 50%;
	margin-top: -1000px; /* heightの半分のマイナス値 */
	margin-left: -520px; /* widthの半分のマイナス値 */
	z-index: 100;
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}




#pagebody{
width:1040px;
margin:0 auto;
text-align:left;
}

/*h1指定---------------------------------------------------*/

h1    {
font-size:5px;/*文字サイズ-----------------*/
line-height:100%;
width: 100%;
height: 10px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 4px 0px 4px 10px;
background-color:#555555;
border-bottom:solid 2px #ff8000;
color:#ffffff;
}



/*ヘッダー指定---------------------------------------------------*/
#header{
background-color:#ffffff;/*背景色-----------------*/
margin:0 auto;
margin-bottom: 8px;
width: 100%;
padding: 15px 0px 0px 0px;
overflow-x:hidden;
}

#header img{
text-align: left;
margin-bottom: 0px;
width: auto;
padding: 0px 0px 0px 0px;
}


/*ヘッダー下メニュー指定---------------------------------------------------*/
#g_menu{
	display:block;
	text-align:right;/*メニュー文字は右寄せ-----------------*/
	line-height:100%;
	width: 100%;
	padding: 6px 0px;
	font-size:13px;/*文字サイズ-----------------*/
	margin-bottom:8px;
}


#g_menu_box{
width:624px;
text-align:right;
margin:0 auto;
}





 /* メインタイトルの下文章*/
h2{
font-size:13px;/*文字サイズ-----------------*/
color: #CCCCCC;/*色-----------------*/
width: 1024px;
text-align: left;
margin: 0 auto;
}




#contents{
margin:0;
}

#indexcontents{
margin:0;
min-height: 100%;
height:100%;
vertical-align: middle;
}



/*左サイドエリア-----------------*/
#left_area{
padding:20px 0px 15px 0px;
background-color:#ffffff;/*背景色（デフォルトはbodyの背景と同色）----------------*/
margin-right:10px;
width: 200px;
}


/*下層ページ左サイドエリア-----------------*/
#k_left_area{
padding:20px 0px 15px 0px;
background-color:#ffffff;/*背景色（デフォルトはbodyの背景と同色）----------------*/
margin-right:10px;
}




/*トップページコンテンツエリアの余白-----------------*/
#main_area{
padding:15px 35px 0px 25px;
background-color:#ffffff;/*背景色----------------*/
width:555px;
}

/*トップページコンテンツエリアの余白-----------------*/
.top_slide{
background-image: url(images/photo01.jpg);
}


/*下層ページのコンテンツエリアの余白-----------------*/
#k_main_area{
padding:15px 35px 0px 35px;
background-color:#ffffff;/*背景色----------------*/
}


h4{
font-size:13px;/*文字サイズ-----------------*/
color: #CCCCCC;/*色-----------------*/
width: 750px;
text-align: left;
margin: 10px auto;
padding: 20px 0px 10px 0px;
}


h5 {
    border:solid 1px #ddd;
    padding: 5px;
    margin:30px 0px 5px 0px;
    border-radius: 5px;
    background: #eee;
    -moz-border-radius: 5px; /* FF */
    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
    -pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
    behavior: url(images/PIE.htc);  /* ie */
    }
    #heading3 span{border-left:5px #3cf solid;padding-left:10px;

}




.oomidashi {
    border:solid 1px #ddd;
    margin:0 -10px 10px -20px;
    padding:12px 10px;
    border-radius: 5px;
    background: #eee;
    -moz-border-radius: 5px; /* FF */
    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
    -pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
    behavior: url(images/PIE.htc);  /* ie */
    }
    #heading3 span{border-left:5px #3cf solid;padding-left:10px;
}

.midashi {
    border:solid 1px #ddd;
    margin:0 -5px 10px -10px;
    padding: 5px 5px 5px 5px;;
    border-radius: 5px;
    background: #eee;
    -moz-border-radius: 5px; /* FF */
    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
    -pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
    behavior: url(images/PIE.htc);  /* ie */
    }

    #heading3 span{border-left:5px #3cf solid;padding-left:10px;
}

.rss{
	padding:5px 4px 7px 10px;
	text-align:left;
	margin-bottom:0px;
	font-size: 12px;
	border-bottom:1px dashed #ccc;
}

.hostelindi {
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #111;
	-moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	width: 150px;
	margin: 0px 0 5px 0px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	color: #5f5f5f;
	cursor : pointer;
}

.headding06 {
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #207cca 51%, #1e5799 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* W3C */
	margin:0 -10px 10px -20px;
	padding:12px 10px;
	color:#FFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 2px #333;
	-webkit-box-shadow:inset 0 0 50px rgba(0,0,0, 0.1);
	}

.headding05 {
	margin:0 0 30px 0;
	padding:12px 10px;
	background: #1d8ade; /* Old browsers */
	background: -moz-linear-gradient(left, #1d8ade 0%, #53a2e2 50%, #1d8ade 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d8ade), color-stop(50%,#53a2e2), color-stop(100%,#1d8ade)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* IE10+ */
	background: linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* W3C */
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1) ;
	position:relative;
	}

.headding05:before,
.headding05:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 40%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	background-color: #F00;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.headding05:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}
/*右サイドの背景色（これを入れないとトップ右サイドの背景色が下まで伸びません）-----------------*/
#right_bg{
background-color:#ffffff;
}



/*右サイドエリア余白・文字サイズ指定-----------------*/
#right_area{
padding:20px 0px 0px 0px;
width:190px;
font-size:11px;
text-align: left;
}






/*パンくずリスト指定-----------------*/
#pan{
text-align:right;
font-size:10px;
padding: 0px 8px 8px 8px;
line-height:100%;
}





/*左サイドリストボックス-----------------*/
.box{
width: 200px;
margin-bottom:20px;
text-align: left;
}



/*左サイドリスト小見出し-----------------*/
.box_title{
	padding:2px 4px 2px 8px;
	width: 200px;
	text-align:left;
	font-weight:bold;
	margin-bottom:0px;
	font-size: 12px;
	border-bottom:1px dashed #ccc;
}

.box_title_right{
	padding:2px 4px 2px 8px;
	width: 180px;
	text-align:left;
	font-weight:bold;
	margin-bottom:5px;
	font-size: 12px;
	border-bottom:1px dashed #ccc;
}


/*左サイドのリストの頭につけている■-----------------*/
.mark_sq{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#838383;/*■の色-----------------*/
}


.box ul{
padding:12px 4px;
}



/*左サイドリストの下点線---------------*/
.box li{
width: 200px;
margin-bottom:6px;
border-bottom:dotted 1px #999999;
padding-bottom:4px;
font-size: 12px;
}



/*トップWELCOME、NEWSのバー-----------------*/
.bar{
	margin-bottom:20px;
	border-bottom:#999999 solid 1px;/*アンダーラインの指定（色・線種・太さ）------*/
	padding:0px 2px 6px 2px;
	color:#5f5f5f;/*文字色--------------------------------*/
	font-weight:bold;
	font-size:18px;
}



/*右サイド「実店舗のご紹介」のバー指定--------------------------------*/
.side_bar_title{
	padding:2px 4px 2px 8px;
	width: 185px;
	text-align:left;
	font-weight:bold;
	margin-bottom:0px;
	font-size: 12px;
	border-bottom:1px dashed #ccc;
}


.side_bar{
background-color:#ffffff;/*背景色--------------------------------*/
padding:2px 4px;
text-align:left;/*文字は左--------------------------------*/
font-weight:bold;
margin-bottom:15px;
}

.side_bar li{
width: 185px;
margin-bottom:6px;
padding-bottom:4px;
font-size: 12px;
font-weight:normal;
border-bottom:dotted 1px #999999;
}

.side_bar ul{
padding:6px 4px;
}



.info_bar{
background-color:#ffffff;/*背景色--------------------------------*/
padding:2px 4px;
text-align:left;/*文字は左--------------------------------*/
font-weight:bold;
margin-bottom:8px;
}

.info_bar li{
width: 185px;
margin-bottom:2px;
padding-bottom:2px;
font-size: 9px;
font-weight:normal;
border-bottom:dotted 1px #999999;
}

.info_bar ul{
padding:6px 4px;
}

/*本文テキスト-----------------*/
.text{
margin-bottom:30px;
overflow: hidden;
}

.ribbon {
 font-size: 16px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
 width: 50%;
 position: relative;
 background: #ba89b6;
 color: #fff;
 text-align: center;
 padding: 1em 2em; /* Adjust to suit */
 margin: 2em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #986794;
 z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #804f7c transparent transparent transparent;
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}


/* textdeco
-------------------------------- */

.selector01{
	border-left:7px solid #e3297d;
	padding:.6em .8em
}

.selector02{
	border-left:7px solid #ff66ff;
	border-bottom:1px solid #ccc;
	padding:.2em .15em .2em;
}

.selector03{
	border-left:20px solid #ffffff;
	border-bottom:1px dashed #ccc;
	padding:.2em .15em ;
}

.selector04{
	background:#FFFFFF;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:7px solid #e3297d;
	border-bottom:1px solid #ccc;
	padding:.2em .8em .2em
}

.selector04b{
	background:#FFFFFF;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:7px solid #C0C0C0;
	border-bottom:1px solid #ccc;
	padding:.2em .8em .2em
}

.selector05{
	background:#eee;
	border-left:7px solid #ccc;
	padding:.8em .9em
}

.selector06{
	background:#eee;
	border-right:7px solid #ccc;
	border-left:7px solid #ccc;
	padding:.8em .9em;
}

.selector07{
	background:#eee;
	border-bottom:7px solid #ccc;
	padding:.8em .9em .3em
}

.selector08{
	background:#eee;
	border-left:7px double #ccc;
	padding:.8em .9em
}

.selector09{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:.8em .9em
}

.selector10{
	border-bottom:2px solid #ccc;
	padding:.6em .8em
}

.selector12{
	border-left:7px solid #ccc;
	padding:.8em .9em;
	text-align:left;
}

.selector12b{
	display: block;
	padding-top:.2em;
	font-size:.8em;
	color: #999999;
}

.selector11{
	border-bottom:1px solid #ccc;
	padding:2px 15px
}

.selectoryhguide{
	border-bottom:2px solid #ccc;
	width:580px;
	padding:.6em .8em
}

.headding07 {
	background: #1d8ade; /* Old browsers */
	background: -moz-linear-gradient(left, #1d8ade 0%, #53a2e2 50%, #1d8ade 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d8ade), color-stop(50%,#53a2e2), color-stop(100%,#1d8ade)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* IE10+ */
	background: linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* W3C */
	margin:0 -10px 10px -36px;
	padding:12px 10px;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	box-shadow:inset 0 0 50px rgba(0,0,0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.3);
	position:relative;
	}

.headding07:before,
.headding07:after {
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	right: -14px;
	bottom: -15px;
	background: transparent;
	border-color: transparent  transparent transparent #666;
	border-style:solid;
	border-width:15px;
	}
.headding07:after {
	left: -14px;
	bottom: -14px;
	right:auto;
	border-color: transparent #666 transparent transparent;
	}


/*トップNEWS欄-----------------*/
#news{
margin-bottom:20px;
}


#news li{
margin-bottom:6px;
border-bottom:dotted 1px #999999;
padding-bottom:4px;
}



/*トップ及び下層の商品一覧テーブル-----------------*/
.item_table{
font-size:12px;
line-height:130%;
margin-bottom:20px
}

/*ホステルページスライド-----------------*/
#viewer {
	margin: 0 auto;
	width: 450px;
	height: 300px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
	max-width: 450px;
	max-height: 300px;
}



/*下層ページのタイトル-----------------*/
h3,h4{
padding:5px 2px 15px 2px;
color:#555555;/*文字色--------------*/
font-weight:bold;
font-size: 15px;/*文字サイズ------------*/
}

/*YHサムネイルのテーブル--------------------------------*/
.yhthumbtable_block{
background-color:#ffffff;/*枠線の色-----------*/
font-size:12px;
margin-bottom:10px;
}


/*YHサムネイルのテーブル背景色左のセル--------------------------------*/
.yhthumbtable_item{
background-color:#ffffff;
}


/*YHサムネイルのテーブル背景色右のセル--------------------------------*/
.yhthumbtable_cell{
background-color:#ffffff;
}


/*Kasou_cのテーブル--------------------------------*/
.table_block{
background-color:#dddddd;/*枠線の色-----------*/
font-size:12px;
margin-bottom:30px;
}

/*Kasou_cのテーブル--------------------------------*/
.infotable_block{
background-color:#dddddd;/*枠線の色-----------*/
font-size:11px;
margin-bottom:30px;
}


/*Kasou_cのテーブル背景色左のセル--------------------------------*/
.table_item{
background-color:#f5f5f5;
}


/*Kasou_cのテーブル背景色右のセル--------------------------------*/
.table_cell{
background-color:#ffffff;
}

/*テーブル右よせ--------------------------------*/
.table_item_r{
background-color:#f5f5f5;
text-align:right;
}
.table_cell_r{
background-color:#ffffff;
text-align:right;
}

/*テーブル左よせ--------------------------------*/
.table_item_l{
background-color:#f5f5f5;
text-align:left;
}
.table_cell_l{
background-color:#ffffff;
text-align:left;
}

/*テーブル中央よせ--------------------------------*/
.table_item_c{
background-color:#f5f5f5;
text-align:center;
}
.table_cell_c{
background-color:#ffffff;
text-align:center;
}



.table_block tr:hover {
color:#ff0000;
}

.table_block tbody:hover {
color:#ff0000;
}

/*Kasou_b、Kasou_cの下部の背景色付きボックスその1--------------------------------*/
.box_a{
padding:15px;
background-color:#f7f1e7;
margin-bottom:25px;
}


/*Kasou_b、Kasou_cの下部の背景色付きボックスその2--------------------------------*/
.box_b{
padding:15px;
background-color:#f5f5f5;
margin-bottom:25px;
}


/*小見出し（Kasou_aの下部小見出し＆Kasou_bの商品タイトルバー）--------------------------------*/
.yhinfo{
	padding:10px 0px 5px 10px;
	font-size:18px;/*文字の大きさ-------*/
	margin-bottom:0px;
	vertical-align: middle;
	overflow: hidden;
}

.yhcontents{
	padding:10px 0px 0px 10px;
	font-size:9px;/*文字の大きさ-------*/
	margin-bottom:0px;
	vertical-align: middle;
}

/*各YHページ用ボックス350px-----------------*/
.box_yhinfo{
	padding:10px 4px 2px 8px;
	width: 340px;
	text-align:left;
	font-weight:bold;
	margin-bottom:0px;
	font-size: 12px;
	border-bottom:1px dashed #ccc;
}

.yhdata{
	padding:10px 4px 2px 10px;
	text-align:left;
	margin-bottom:0px;
	font-size: 12px;
	border-bottom:1px dashed #ccc;
}

.yhpicto{
	padding:1px 2px 4px 0px;
	margin-bottom:0px;
}


/*予約ボタン-----------------*/
button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#19a3ff 0%,
		#0044ab);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#19a3ff),
		to(#0044ab));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #002a7d;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

/*商品詳細ページの写真横の文章--------------------------------*/
.item_text{
padding:0px 4px 20px 4px;
}


/*価格：3,000円（税込3,150円）の価格と税込み価格--------------------------------*/
.item_price{
margin-bottom:20px;
}


/*価格：3,000円（税込3,150円）3000円の価格の文字--------------------------------*/
span.item_price2{
font-size:14px;
font-weight:bold;
margin-bottom:20px;
color:#d54a00;
}

/*食事等注意フォント--------------------------------*/
span.item_caution{
font-size:12px;
margin-bottom:20px;
color:#ff0000;
}

/*2014年料金改訂後の料金表示設定--------------------------------*/
span.item_price3{
font-size:12px;
font-weight:bold;
margin-bottom:5px;
}


/* --- タブここから --- */

div.section {
width: 700px; /* ボックスの幅 */
color: #000000; /* ボックスの文字色 */
margin: 10px;
}

/* --- タブエリア --- */
div.section ul.tabs {
width: 698px; /* タブエリアの幅（ボックスの幅から2px引いた値） */
margin: 0;
padding: 0;
background-color: #f5f5f5; /* タブエリアの背景色 */
border: 1px #c0c0c0; /* タブエリアの境界線（太さ、色） */
border-style: solid solid none; /* タブエリアの境界線スタイル（上、左右、下） */
list-style-type: none;
}
div.section ul.tabs li {
position: relative;
z-index: 1;
margin-bottom: -1px; /* タブの下マージン */
text-align: center;
float: left;
}

/* --- リンクエリア --- */
div.section ul.tabs li a {
display: block;
position: relative; /* IE6用 */
padding: 3px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #ffffff solid; /* リンクエリアの左境界線 */
border-right: 1px #c0c0c0 solid; /* リンクエリアの右境界線 */
outline: none; /* アウトライン（なし） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.section ul.tabs li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
div.section ul.tabs li.active {
z-index: 3;
background-color: #ffffff; /* アクティブタブの背景色 */
font-weight: bold; /* 太字 */
}
div.section ul.tabs li.active a {
color: #000000; /* アクティブタブの文字色 */
}
/* --- ポイント時の設定 --- */
div.section ul.tabs li.active a:hover {
text-decoration: none; /* テキストの下線（なし） */
}

/* --- 本文領域 --- */
div.section div.topicArea {
position: relative;
z-index: 2;
overflow: auto;
padding: 10px; /* 本文領域のパディング */
background-color: #ffffff; /* 本文領域の背景色 */
border: 1px #ffffff solid; /* 本文領域の境界線 */
}
/* --- 段落 --- */
div.section div.topicArea p {
margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
}

/* --- 本文領域内の各ボックス --- */
div.section div.topicArea div.topic {
padding-top: 1em; /* JavaScriptがオフの場合の設定 */
border-bottom: 1px #c0c0c0 solid; /* JavaScriptがオフの場合の設定 */
}

/* --- タブここから --- */

div.section500 {
width: 555px; /* ボックスの幅 */
color: #000000; /* ボックスの文字色 */
margin: 0px;
}

/* --- タブエリア --- */
div.section500 ul.tabs {
width: 553px; /* タブエリアの幅（ボックスの幅から2px引いた値） */
margin: 0;
padding: 0;
background-color: #f5f5f5; /* タブエリアの背景色 */
border: 1px #c0c0c0; /* タブエリアの境界線（太さ、色） */
border-style: solid solid none; /* タブエリアの境界線スタイル（上、左右、下） */
list-style-type: none;
}
div.section500 ul.tabs li {
position: relative;
z-index: 1;
margin-bottom: -1px; /* タブの下マージン */
text-align: center;
float: left;
}

/* --- リンクエリア --- */
div.section500 ul.tabs li a {
display: block;
position: relative; /* IE6用 */
padding: 3px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #ffffff solid; /* リンクエリアの左境界線 */
border-right: 1px #c0c0c0 solid; /* リンクエリアの右境界線 */
outline: none; /* アウトライン（なし） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.section500 ul.tabs li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
div.section500 ul.tabs li.active {
z-index: 3;
background-color: #ffffff; /* アクティブタブの背景色 */
font-weight: bold; /* 太字 */
}
div.section500 ul.tabs li.active a {
color: #000000; /* アクティブタブの文字色 */
}
/* --- ポイント時の設定 --- */
div.section500 ul.tabs li.active a:hover {
text-decoration: none; /* テキストの下線（なし） */
}

/* --- 本文領域 --- */
div.section500 div.topicArea {
position: relative;
z-index: 2;
overflow: auto;
padding: 10px; /* 本文領域のパディング */
background-color: #ffffff; /* 本文領域の背景色 */
border: 1px #ffffff solid; /* 本文領域の境界線 */
}
/* --- 段落 --- */
div.section500 div.topicArea p {
margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
}

/* --- 本文領域内の各ボックス --- */
div.section500 div.topicArea div.topic {
padding-top: 1em; /* JavaScriptがオフの場合の設定 */
border-bottom: 1px #c0c0c0 solid; /* JavaScriptがオフの場合の設定 */
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- タブここまで --- */



/*商品詳細ページカートに入れるボタン部分下スペース--------------------------------*/
.kago{
margin-bottom:25px;
}



#pagetop{
text-align:right;
font-size:10px;
padding:5px;
}




/*お買い物ガイド欄指定------------------------------------------------------------------------------------*/
#guide{
margin-bottom:15px;

}


#guide_bar{
background-color:#383838;/*「お買い物ガイド」バー背景色---------------*/
color:#f9f9f9;
padding:4px 6px;
font-size:14px;
margin-bottom:15px;

}


#guide_left{
float:left;
width:470px;
padding-right:12px;
}




#guide_right{
float:right;
width:470px;
}


/*「お買い物ガイド」内の小見出し---------------*/
.guide_midashi{
background-color: #e9e9e9;/*小見出しの背景色---------------*/
border-left: solid 4px #bb4600;/*左の少し太めの縦線---------------*/
padding:4px;
margin-bottom:10px;
}


/*スライドショー---------------*/

.simpleSlideShow {
background-color: #e9e9e9;
	width: 100%;
	height: 100%;
}

.simpleSlideShow img {
	display : none;
	width: 100%;
	max-height: 300px;
	min-height: 200px;
}

.simpleSlideShowWrapper {
	margin : 0 auto;
	position : relative;
}

.simpleSlideShowWrapper img {
	position : absolute;
	left : 0;
	top : 0;
}


minHeight {
        min-height: 1200px;
        height: auto !important;
        height: 1200px;
}



/*フッター指定----------------------------------------------------------------------------------------------*/


#footer{
clear:both;
background-color:#999999;
width: 100%;
margin:0 auto;
padding: 15px 0px 10px 0px;
bottom: 0;
overflow-x:hidden;
}

#copyright{
color:#333333;
width:1024px;
margin:0 auto;
font-size:10px;
text-align: center;
}

@media print {
body{ zoom: 80%;
overflow: visible; }
}


/*sns指定----------------------------------------------------------------------------------------------*/

.snsb {
	overflow: hidden;
}
.snsb li {
	float: left;
	margin-right: 4px;
}
.snsb iframe {
	margin: 0 !important;
}