@charset "Shift_JIS" ;


/********************************************************************************************************
AUTHOR:         a.oya
CSS構成書:      基本段組み（全頁共通）


*********************************************************************************************************/

.btn_smart {
	display:none !important;
	}



#container {
	width:980px;
	margin:0 auto;
	padding:2px 0 50px 0;

	overflow:hidden; /* 回り込み解除対策*/
	}



/*-----------------------------------------------------------------------------------------------------
            ヘッダー
-------------------------------------------------------------------------------------------------------*/

/* view in  mobile */
.header-switch-view { margin-bottom: 18px; }
.header-switch-view a { display: block;  width: 100%; background: #FF679A!important; text-align: center;  padding:25px 0;  }
.header-switch-view a img { height: 130px; }


#header {
	overflow:hidden; /* 回り込み解除対策*/
	}


#header p {
	color:#D29F00;
	text-align:center !important;
	font-size:0.9em;
	}

/* #g-naviの固定用スタイル */
#header #g-navi.fixed {
	position:fixed;
	left:0;
	top:-70px;
	z-index:10000;
	padding-bottom:2px;
	border-top:5px solid #FF8DA9;
	background:url(../image/common/gnavi/g-navi-bg.png) left bottom repeat-x;
	}


/*----[ CLEARFIX処理 ]----------------------*/
#h_top {
	/*margin: 15px 0;*/
	margin: 15px 0 8px;
	zoom : 1 ; /*for IE 5.5-7*/
	position:relative;
	/*display:none;*/
	}

#h_top:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
*html #h_top{
	display : inline-table ;
	/*\*/display : block ;/**/ }

#h_top p { float:left; }

#h_top .h_Left {
	float:left;
	width:80px;
	color:#DD0037;
	margin:0 10px;
	padding:13px 0 13px 80px ;
	font-size:28px;
	font-weight:600;
	letter-spacing:-0.1em;
	background: url(../image/common/fair_number.gif) center center no-repeat;
	}

#h_top .h_fair {
	float: left;
	color: #000;
	margin: 0 0 0 36px;
	padding: 6px 10px 6px 40px;
	font-weight: normal;
	background: #FFF4F7 url(../image/top/ico_fair.png) 10px center no-repeat;
	border-radius: 3px;
}
#h_top .h_fair .h_fair_txt {
	color: #000;
	text-align: left !important;
	font-size: 10px;
}
#h_top .h_fair .h_fair_num {
	margin: 7px 0 0 10px;
	color: #FF5500;
	font-size: 12px;
	font-weight: bold;
}
#h_top .h_fair .h_fair_num em {
		font-size: 22px;
}

#h_top .h_Right {
	padding: 3px 0 0 0;
	float:right;
	/*width:480px;*/
	/*width:500px;*/
	width:580px;
}

#h_top .h_Right .Left_item {
	margin:3px 0 0 5px;
	}

#h_top .h_Right form {
	float:right;
	margin:0 3px 0 0;
	}
#h_top .h_search form {
	float: left;
	margin: 0 0 0 0;
	border: solid 1px #FFC8D7;
	border-radius: 5px;
}

/*#h_top .h_Right input[type="image"] { margin:0 5px -5px 0; padding:0;}*/


#snsbtn {
	position:absolute;
	right:30px;
	top:35px;
}

#h_top .h_search #h_name_search {
	margin: 0;
	padding: 8px;
	width: 365px;
	height: 34px;
	border: none;
	box-sizing: border-box !important;
	border-radius: 4px 0px 0px 4px;
	background-color:#ffe2e9;
}
#h_top .h_search #h_btn_search {
	margin: 0 5px -7px 0;
}
#h_top .btn_favorite {
	margin: 6px 0 0 10px;
	float: left;
}
#h_top .btn_ashiato {
	margin: 6px 0 0 8px;
	float: left;
}
#h_top .h_search #h_name_search::-webkit-input-placeholder {
	color: #E87F9A;
}
#h_top .h_search #h_name_search:-ms-input-placeholder {
	color: #E87F9A;
}
#h_top .h_search #h_name_search::-moz-placeholder {
	color: #E87F9A;
}
#h_top .h_search #h_btn_search {
    margin: 0 5px -6px 5px;
} 

/*-----------------------------------------------------------------------------------------------------
            グローバルメニュー
-------------------------------------------------------------------------------------------------------*/

#gnavArea{
	width: 100%;
	position: relative;
	height: 62px;
	margin-bottom:10px;
	}

#g-navi {
	width: 100%;
	height:60px;
	overflow:hidden;
	display:none;
	}

#g-navi ul {
	width: 1212px;
	height: 62px;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE7 */
	/*margin: 15px auto 5px auto;*/
	margin:0 auto;
	}

#g-navi li {
	display: block;
	float: left;
	}

#g-navi li a {
	float:left;
    /*width:163px !important;*/
    }

#g-navi li a img {
	transition: opacity 0.3s;
    }

#g-navi li a:hover {
	background:url(../image/common/gnavi/n-bg.gif) left bottom no-repeat;
	overflow:hidden;
    }

#g-navi li a:hover img {
	opacity:0.5;
    }

#g-navi li.logo {
	display:none;
	padding:12px 8px;
    }

#g-navi li.logo a:hover {
	background:none !important;
    }



/*
#g-navi li.navi ul#inn {
	display: none;
	width:230px;
	padding:25px 15px 15px 15px;
	border-radius:8px !important;
	background:url(../image/common/gnavi/bg.png) left top no-repeat;

	position:absolute;
	top:160px;
	left:auto;

	z-index:10000 !important;
	}

#g-navi li.navi ul#inn li a {
	display:block !important;
	float:left;
	width:200px;
	padding-left:15px;
	line-height:200%;
	color:#000;
	font-size:1.1em;
	background:url(../image/common/gnavi/icon.png) left 8px no-repeat;
    }

#g-navi li.navi ul#inn li a:hover {
	color:#f36;
    }

#g-navi li.navi ul#inn li span {
	display:block;
	font-size:0.8em;
	line-height:100%;
    }
*/


/*
#acMenu dt.g-menu {
    width:163px !important;

    cursor:pointer;
    }

#acMenu dt.g-menu img {
	display:block;
	background:#F99;
    }

#acMenu dt dd {}

#acMenu dd a {
	display:block;
    width:163px !important;
	border:none;
    }

*/



/*-----------------------------------------------------------------------------------------------------
            wrapper
------------------------------------------------------------------------------------------------------*/

#wrapper {
	margin:0 auto;

	position:relative;
	}

#wrapper_top p,ul,li,dl,dt {
	font-size:1.0em;
	}


/*----[ CLEARFIX処理 ]----------------------*/
#wrapper,
#wrapper_top {
	zoom : 1 ; /*for IE 5.5-7*/
}
#wrapper {
	position:relative;
}
#wrapper:after,
#wrapper_top:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
*html #wrapper,
*html #wrapper_top {
	display : inline-table ;
	/*\*/display : block ;/**/
}


/* フェアキャンバナー */

.fair_cam { margin:10px 0 5px 0; text-align:center; }


.indent { text-indent:1.0em; }






/*-----------------------------------------------------------------------------------------------------
            wrapper_charge / wrapper_imgSearch
-------------------------------------------------------------------------------------------------------*/

#wrapper_charge {
	width:980px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#wrapper_imgSearch,
#wrapper_imgSearch_door {
	width:980px;
	margin:0 auto;
	padding:0;
	background:#EDDCB8 url(../image/imgSearch/img_main_bg.jpg) left top repeat-x;
}
#wrapper_imgSearch_door {
	background:#fff ;
}


/*----[ CLEARFIX処理 ]----------------------*/
#wrapper_charge,
#wrapper_imgSearch,
#wrapper_imgSearch_door {
	zoom : 1 ; /*for IE 5.5-7*/
}
#wrapper_charge:after,
#wrapper_imgSearch:after,
#wrapper_imgSearch_door:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
* html #wrapper_charge,
* html #wrapper_imgSearch,
* html #wrapper_imgSearch_door {
	display : inline-table ;
	/*\*/display : block ;/**/
}


/*-----------------------------------------------------------------------------------------------------
            #main　*for top
-------------------------------------------------------------------------------------------------------*/
#main_top { clear:both; padding:5px 0 0 0;  *margin:0 !important; *padding:0 !important; overflow:hidden;}

#main_middle { clear:both; margin:15px 0; text-align:left; overflow:hidden; font-size:12px; }

#main_contents { width:750px; float:left; overflow:hidden; margin-top: 10px ; }
#main_contents h3 { position:relative; }
#main_contents h3 span { position:absolute; top:-5px; right:1px;}




/*-----------------------------------------------------------------------------------------------------
            #main
-------------------------------------------------------------------------------------------------------*/
#main { width:760px; float:left; margin-top:10px; }
#main h2 { margin-top:30px; }
#main h2.news { margin-top:20px; }

#contents_main {}




/*-----------------------------------------------------------------------------------------------------
            #pan
-------------------------------------------------------------------------------------------------------*/
#pan,
#pan_02 {
	margin-bottom:20px;
/*	padding:12px 0 6px 0;*/
	padding:8px 0 6px 0;
/*	font-size:0.7em;*/
	font-size:0.8em;
	border-bottom:1px dotted #CCCCCC;
	color: #666;
	}

#pan span,
#pan_02 span {
	display:block;
	padding:0 0 6px 0;
	}

#pan a,
#pan_02 a { font-weight:normal; }

#pan+h1,
#pan_02+h1 { margin-bottom:20px; }



/*-----------------------------------------------------------------------------------------------------
            #side
-------------------------------------------------------------------------------------------------------*/
#side {
	width:200px;
	float:right;
	margin:10px auto;
	}

#side img {
	margin-bottom:10px;
	}



/*-----------------------------------------------------------------------------------------------------
            #side 300
-------------------------------------------------------------------------------------------------------*/
#side_300 { width:300px; float:right; margin-top:10px; }
#side_300 ul.ad_list {}
#side_300 ul.ad_list li { margin-bottom : 10px ; }



/*-----------------------------------------------------------------------------------------------------
            #side 各Box：ページ共通（except：サイズ）
-------------------------------------------------------------------------------------------------------*/
.side_Box { margin-bottom:10px; padding:4px; background:url(../image/common/side_bg.gif) left top repeat ; }
.side_Box .Box_inner { background:#fff; margin-top:4px; padding:5px; }



/* 最近見た会場 */
/*
#ashiato {}　
#ashiato .a_outside { margin-bottom:10px; padding:4px; background:url(../image/common/side_bg.gif) left top repeat ; }　
#ashiato .a_outside .Box_inner { background:#fff; margin-top:4px; padding:5px; }

ul.side_Block,
ul.side_blog_Block,
ul.side_pick_Block { background:#fff; overflow:hidden; }
ul.side_pick_Block { border-bottom:1px dotted #d4d4d4; margin-bottom : 3px ; padding:3px 0;}
ul.side_pick_Block_last { border-bottom:none; margin-bottom : 6px ; padding:3px 0;}


ul.side_Block li,
ul.side_Block li.ico { background:none; border-bottom:1px dotted #d4d4d4; padding: 5px 0 5px 15px ; font-size:0.9em;}
ul.side_Block li.ico { background:url(../image/top/ico_search.gif) 5px 8px no-repeat; }

ul.side_Block li.last { border-bottom:none !important; }

ul.side_Block li.mobile { padding-bottom:40px; font-size:1.0em; background:url(../image/common/mobile_bg.gif) right 30px no-repeat; }
.side_Box #desk li { padding:5px 0; text-align:center; border-bottom:none !important; }

ul.side_Block li.Left_item { float:left; background:none !important; border-bottom:none !important; padding:0 5px 0 0 ; }
*/


/* おすすめ会場 */

.side_pick_Block { overflow:hidden; border-bottom:1px dotted #d4d4d4; margin-bottom : 3px ; padding:3px 0; }
.side_pick_Block,
.side_pick_Block_last { font-size:0.9em; line-height:120%; }

.side_pick_Block .CL_info_Box {}
.side_pick_Block .CL_info_Box span { display:block; line-height:150%; }
.side_pick_Block_last .CL_info_Box { float:right; }

.side_pick_Block .Review_comment a { color:#CC9900; font-weight:bold; } /* review comment -----------------*/
.side_pick_Block .Couple_comment   { color:#FF9999; line-height:160%; }                  /* couple comment -----------------*/

.side_pick_Block img,
.side_pick_Block_last img { float:left; /*width:40px;*/ margin-right:7px; border:1px solid #F2B5AD; }



/* staff blog */
.side_Box .Box_inner_Blog { background:#fff; margin-top:4px; padding:5px 0; }
ul.side_blog_Block li { border-bottom:1px solid #FADAD7; }
ul.side_blog_Block li.staff-blog { overflow:hidden; background:url(../image/common/ico_blog.gif) 5px 6px no-repeat; padding: 5px 6px 0 27px; }
ul.side_blog_Block li a.blog_title { display:block; color:#E36351; font-weight:600; }
ul.side_blog_Block li a.blog_client { display:block; font-size : 0.9em ; padding: 3px 5px 5px 23px; }

ul.side_blog_Block li.blog_client_last { font-size : 0.9em ; padding: 3px 5px 5px 23px;border-bottom:none !important; }



/* 初回アクセス時のお気に入り機能説明 */
.jq-fav-info {
	padding: 16px;
	width: 230px;
	background: #FF8FAB;
	border-radius: 8px;
	position: absolute;
	top: -58px;
	right: -50px;
	z-index: 1;
}
.jq-fav-info:before {
	content: "";
	margin-left: -12px;
	position: absolute;
	bottom: -24px;
	left: 50%;
	border: 10px solid transparent;
	border-top: 14px solid #FF8FAB;
}
.jq-fav-info p {
	font-weight: normal;
	color: #fff;
}
.jq-fav-info p.btn-close {
	display: block;
	position: absolute;
	top: -8px;
	right: -8px;
	width: 24px;
	height: 24px;
	background: #fff;
	border: solid 2px #FF3668;
	border-radius: 12px;
	text-indent: 24px;
	color: #FF3668;
	box-sizing: border-box;
	overflow: hidden;
}
.jq-fav-info p.btn-close:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: #fff url(../image/common/btn-fav-info-close.png) no-repeat center center;
	cursor: pointer;
}



/*-----------------------------------------------------------------------------------------------------
            #footer
-------------------------------------------------------------------------------------------------------*/
#footer,#footer-reserve {
	clear : both ;
	width:100%;
	padding-bottom:60px;
	background:url(../image/common/footer/bg.gif) left 25px repeat-x;
	}

#footer-reserve { background:none !important; } /* ※フォーム専用 */
#footer-reserve p { text-align:center; } /* ※フォーム専用 */

#f_common {
	width:980px;
	margin:0 auto;
	padding:60px 0 20px 0;
	overflow:hidden;

	position:relative;
	}

#footer .page-top {
	position:absolute;
	top:0;
	right:0;
	}

#f_common .logo {
	float:left;
	width:160px;
	}

#f_common .f_menu {
	float:left;
	width:150px;
	}

#f_common .w_170 { width:170px !important;	}

.f_menu ul { margin-top:7px; }

.f_menu ul li {
	padding-left:10px;
	font-size:0.9em;
	line-height:230%;
	background:url(../image/common/footer/icon.gif) left center no-repeat;
	}



ul#komachi-menu {
	clear:both;
	width:650px;
	margin:30px auto 10px auto;
	overflow:hidden;
	}

#komachi-menu li {
	float:left;
	margin-right:10px;
	}

#komachi-menu li a {
	color:#a7a7a7;
	text-decoration:none;
	font-size:0.8em;
	}

#komachi-menu+p {
	margin:0;
	text-align:center;
	color:#977649;
	font-size:0.8em;
	}






/*-----------------------------------------------------------------------------------------------------
            #footer-tab
-------------------------------------------------------------------------------------------------------*/

*{
	margin:0;
	padding:0;
	}

#f-tab-box {
	width:100%;
	height:325px;
	padding-bottom:10px;
	background: url(../image/common/tab/bg.png) left 53px repeat-x !important;

	position: fixed;
	z-index:5163;
	bottom:0px;
	}

#f-tab-box .inn {
	width:980px;
	margin:0 auto;
	overflow:hidden;

	position: relative;
	}

#f-tab-box .tab-hitarea {
	position:absolute;
	width:100%;
	height:56px;
	background:url(../image/common/tab/f-tab-bg.gif) left top repeat-x;
	}

#f-tab-box .tab-hitarea:hover { }


#f-tab-box.box-opened { bottom:0; }
#f-tab-box.box-closed { bottom:-264px; }




/* XMLテスト用メニュー */
#JS-UTL-MENU {
	position:fixed;
	top:100px;
	left:0;
	padding:20px;
	z-index:99999;
	background:#FF0;
	}

ul.tab {
	padding-top:10px;
	overflow:hidden;
	}

ul.tab li {
	float:left;
	width:152px !important;
	height:46px;
	margin-right:5px;
	}

ul.tab li a {
	outline:none;
	width:152px !important;
	height:46px;
	display:block;
	}

ul.tab li a.selected {
	text-decoration:none;
	width:152px !important;
	height:46px;
	cursor:point;
	}

ul.tab li.t-01 a { background: url(../image/common/tab/menu-02-off.png); text-indent:-9999px; }
ul.tab li.t-01 a.selected {	background:url(../image/common/tab/menu-02-on.png);	}

ul.tab li.t-02 a { background: url(../image/common/tab/menu-04-off.png); text-indent:-9999px; }
ul.tab li.t-02 a.selected {	background:url(../image/common/tab/menu-04-on.png);	}

ul.tab li.t-03 a { background: url(../image/common/tab/menu-01-off.png); text-indent:-9999px; }
ul.tab li.t-03 a.selected {	background:url(../image/common/tab/menu-01-on.png);	}

ul.tab li.t-04 a { background: url(../image/common/tab/menu-03-off.png); text-indent:-9999px; }
ul.tab li.t-04 a.selected {	background:url(../image/common/tab/menu-03-on.png);	}




ul.panel {
	margin:15px 0 !important;
	padding:0 !important;
	overflow:hidden;
	}

ul.panel li {
	list-style-type:none;
	padding:10px 0;
	/*text-indent:1em;*/
	color:#333;
	}

.panel>li { position:relative!important; height:250px; }



/* お気に入り・PICKUP無し表示、読み込み中表示 */
.panel-utl {
	position:absolute;
	top:40px;
	left:0;
	text-align:center;
	width:978px;
	height:210px;
	line-height:210px;
	}

.panel-no-item {
	background:#feefa9;
	z-index:980;
	}

.panel-loading {
	background:#feefa9;
	z-index:999;
	padding-top:84px;
	height:130px;
	}

.panel-utl img { display: inline-block!important; }






/* お気に入り */
#f-tab-box .tab-arti {
	float:left;
	margin-bottom:5px;
	overflow:hidden;
	}

#tab3 ul.tab-arti li {
	float:left;
	width:175px;
	height:220px;
	display:inherit !important;
	margin:15px 20px 0 0;
	padding:0;
	}

#tab3 ul.tab-arti li p { margin-top:7px; }
#tab3 ul.tab-arti li img {
	border:5px solid #fff;
	}

#tab3 .tab-arti+a img,
#tab1 .out+a img {
	float:right;
	margin:148px 5px 0 0;

	background:#F99;
	}



/* ピックアップ */
#tab1 img {	display:block; }
#tab1 .out {
	float:left;
	width:380px;
	margin:15px 10px 15px 0;
	/*background:#fff;*/

	overflow:hidden;
	}

#tab1 .out h3 {
	margin-bottom:8px;
	padding:5px 0 5px 35px;
	font-weight:bold;
	font-size:1.2em;
	background:url(../image/common/tab/icon-pu.png) left 5px no-repeat;
	}

#tab1 .out .Left_item {
	margin-right:10px;
	border:5px solid #fff;
	}

#tab1 .out div {
	padding-right:15px;
	text-indent:0 !important;
	}

#tab1 .out div a {
	display:block;
	margin:3px 0;
	}

#tab1 .out div .day {
	color:#f36;
	line-height:135%;
	font-weight:bold;
	}



/* 特集 */
#tab4 ul.tab-special li {
	display:inline !important;
	float:left;
	width:190px;
	margin-right:5px;

	overflow:hidden;
	}



/* キャンペーン */
#tab2 img {
	float:left;
	margin-right:10px;
	}






/* お知らせ */
ul.tab li.news {
	float:left!important;
	position:relative;

	}

ul.tab li.news span {
	display:block;
	width:23px;

	position:absolute;
	top:16px;
	right:12px;

	color:#f36;
	font-weight:bold;
	font-size:1.2em;

	text-align:center;
	}



ul.tab li.news a:hover img { opacity:1; }



/* open/close */
#f-tab-box ul li.toggle { float:right!important; width:100px!important; height:0; padding:46px 0 0; overflow:hidden; background: url(../image/common/tab/f-tab-box-button.png) center bottom no-repeat; display:block; cursor:pointer; }








/*------ その他のおすすめ会場 　10.05.20追加----------------------*/
#other_selectshop {  /* 外枠幅 */
    width:980px;
	overflow:hidden;
	background:#FFF;
	text-align:left;
	clear:both;
}

#other_selectshop .main_PictBox {
	width:756px;
	margin:10px 0;
	padding:0 0 20px 0;
	background:url(../image/common/img_other_bottom.gif) left bottom no-repeat;
	overflow:hidden;
}

#other_selectshop .main_PictBox h5 { margin:0 0 10px 0 ; }

#other_selectshop .main_PictBox .pictBox_Left {　/* 左回り */
    display:block;
	float:left;
    width:158px;
	padding:0 15px ;
	border-right:0px solid #CCCCCC;
	text-align:center;
}
#other_selectshop .main_PictBox .pictBox_Right {　/* 右回り */
    clear:both;
    float:right;
    width:156px;
	padding:0 15px ;
	text-align:center;
}


#other_selectshop .main_PictBox .pictBox_Left #select_pict ,
#other_selectshop .main_PictBox .pictBox_Right #select_pict {
	width:154px;
	height:152px;
	text-align:center;
	border:1px solid #ccc;
	margin:1px 0 3px 0 ;
	padding:3px 2px 2px 0;
	display:block;
}

#other_selectshop .main_PictBox .pictBox_Left #select_pict .line-height ,
#other_selectshop .main_PictBox .pictBox_Right #select_pict .line-height {
	vertical-align:middle;
}

#other_selectshop .main_PictBox .pictBox_Left #select_pict .inner_image ,
#other_selectshop .main_PictBox .pictBox_Right #select_pict .inner_image {
	vertical-align:middle;
	margin-left:-1px;
}


/*span#select_pict {
    display:block;
    width:150px;
	height:150px;
	padding:2px;
	border:1px solid #CCCCCC;
	line-height:150%;
}*/


.pictBox_Left p a,
.pictBox_Right p a {
	color:#FF6666;
	width:152px;
	padding:5px 0 5px 13px;
	line-height:150%;
	background:url(../image/common/img_other_icon.gif) left 5px no-repeat;
}
.pictBox_Left span ,
.pictBox_Right span {
	border:0;
}
#other_selectshop .main_PictBox {
	zoom : 1 ; /*for IE 5.5-7*/
}

#namesearch  {
    box-sizing:border-box !important;
    width: 180px;
    height: 25px;
    background: url(../image/top/search.png) no-repeat 8px 3px;
    border: 1px solid #CCC;
    padding: 2px 2px 2px 26px;
    margin-top: 3px;
}
#searchBtn1 {
    margin-bottom: -8px !important;
}