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

/*---------------------------------------------------------------------------------------------
/
/              ヘッダー部分のcss  2011/5/17  
/
/---------------------------------------------------------------------------------------------*/

#newHeader {
font-family: Osaka, "ＭＳ Ｐゴシック", Arial, Sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
line-height: 1.3;
list-style: none;
margin: 0;
padding: 0;
width:950px;

}

#newHeader {
	margin-bottom:15px;
}

div#topNaviBox{ padding-bottom:5px;}
div#lBox{ width:340px;float:left; display:inline; margin-bottom:4px;}
div#lBox p{font-size:80%; color:#666; margin-bottom:5px;}

div#rBox{ width:460px; float:right; display:inline; text-align:right; margin-bottom:4px;}
div#rBox ul.sublink{font-size:80%; margin-bottom:5px; border-right:1px dotted #CCC;}
div#rBox ul.sublink li{display:inline; border-left:1px dotted #CCC; padding:2px 4px; }
div#rBox ul.sublink li a{color:#3f2315;}
div#rBox ul.sublink li a:hover{color:#ca171d;}


div#rBox ul.timeline{width:460px; clear:both; margin-bottom:8px;}
div#rBox ul.timeline li{ width:152px; float:left; display:inline;}
div#rBox ul.timeline li a{display:block; width:152px; height:27px;}
div#rBox ul.timeline li a span{display:none;}

div#rBox li#kaoawase a{background:url(../img/common/header/subnavi.gif) no-repeat; background-position:0 -30px;}
div#rBox li#wedding a{background:url(../img/common/header/subnavi.gif) no-repeat; background-position:-152px -30px;}
div#rBox li#party a{background:url(../img/common/header/subnavi.gif) no-repeat; background-position:-304px 0; width:156px;}

div#rBox ul.sub_timeline{clear:both; font-size:80%; white-space:nowrap; }
div#rBox ul.sub_timeline li{ display:inline; background:url(../img/common/mark.png) #FFF no-repeat left center; padding-left:6px; margin-left:6px; }
div#rBox ul.sub_timeline li a{color:#3f2315;}
div#rBox ul.sub_timeline li a:hover{color:#ca171d;}

div#naviBox{clear:both; width:950px;} 
div#naviBox ul li{ float:left; display:inline;}
div#naviBox ul li span{ display:none;}
div#naviBox ul li a{display:block; height:36px;}

/*  通常　*/
div#naviBox ul li.yuinouBtn a{background:url(../img/common/header/navi_yuinou_off.gif) no-repeat; width:322px;} 
div#naviBox ul li.areaBtn a{background:url(../img/common/header/navi_area_off.gif) no-repeat; width:317px;}
div#naviBox ul li.mannerBtn a{background:url(../img/common/header/navi_manners_off.gif) no-repeat; width:311px;}
/*  ロールオーバー */
div#naviBox ul li.yuinouBtn a:hover{background:url(../img/common/header/navi_yuinou_over.gif) no-repeat; width:322px;} 
div#naviBox ul li.areaBtn a:hover, div#naviBox ul li.areaBtn a.here{background:url(../img/common/header/navi_area_over.gif) no-repeat; width:317px;}
div#naviBox ul li.mannerBtn a:hover{background:url(../img/common/header/navi_manners_over.gif) no-repeat; width:311px;}
/*  アクティブ　 */
#yuinouHere div#naviBox ul li.yuinouBtn a{background:url(../img/common/header/navi_yuinou_over.gif) no-repeat; width:322px;} 
#mannersHere div#naviBox ul li.mannerBtn a{background:url(../img/common/header/navi_manners_over.gif) no-repeat; width:311px;}


/*---------------------------------------------------------------------------------------------
/
/              右コラム部分のcss調整  2011/6/14  
/
/---------------------------------------------------------------------------------------------*/

#right_column {
	float: right;
	/width: 160px;
}

#rightNavigation #ListUseful dd p {
	line-height: 1.2;
	/font-size: 87%;
}

#rightNavigation .rnTwitter dd p.twTxt {
	line-height: 1.3;
	/font-size: 87%;
}

#rightNavigation .rnContact span {
	line-height: 1.3;
	/font-size: 87%;
}

#rightNavigation .rnMobile dd li p, #rightNavigation .rnMobile dd li a {
	line-height: 1.2;
}


/*---------------------------------------------------------------------------------------------
/
/              フッター部分のcss調整  2011/6/14  
/
/---------------------------------------------------------------------------------------------*/

div#Footer a {
	color:#75533F !important;
}

div#Footer a:visited {
    color: #AB4CAB !important;
}

#list_group ul li a {
	font-size: 90%;
}

/*-------------------------------------------------------------

      placeSearchArea  地域検索　ssi化した箇所のcss  2011/06/26 
-------------------------------------------------------------*/
div#placeSearchArea{ clear:both;}
div#placeSearchArea h2{color:#694727; background-color:#ffe8d2; border:1px #e8cab0 solid;  font-weight:bold; padding:5px 20px;}

div#placeSearchArea div.parentBorderWrap{ border-bottom:1px #e8cab0 solid; border-left:1px #e8cab0 solid; border-right:1px #e8cab0 solid;  padding:0 20px 20px 20px; }
div#placeSearchArea div.boaderWrapBox{ background:url(../imgs/border-bottom_line.gif) repeat-x left bottom; padding-bottom:10px; padding-top:10px; clear:both;}


div#placeSearchArea h3{ color:#d83d3d; font-weight:bold; background:url(../imgs/icon_sixcorner2.gif.gif) no-repeat left center; padding-left:18px; margin-bottom:10px;}
div#placeSearchArea div.placeBox{width:330px; float:left; display:inline; margin-left:10px;}

div.placeBox dl{clear:both; margin-bottom:5px;}
div.placeBox dt{ font-weight:bold; float:left; display:inline; width:50px;}
div.placeBox dd{margin-left:50px;}

div.placeBox dl ul{margin:0; padding:0;}
div.placeBox dl ul li{display:inline; margin-right:6px;}

div.boaderWrapBox ul.list{clear:both; margin-left:10px;}
div.boaderWrapBox ul.list li{ display:inline; margin-right:7px; color:#917659;}

div.categoryBox{clear:both; background:url(../imgs/bg_categoroy.gif) no-repeat; width:690px; height:44px; padding:10px 0 10px 20px; margin-top:4px;}
div.categoryBox.first{margin-top:20px;}
div.categoryBox h4{font-size:100%; color:#805b38; font-weight:bold; margin-bottom:10px;}
div.categoryBox h4 span{ font-size:80%; color:#666; font-weight:normal;}

div.categoryBox ul li{background:url(../imgs/icon_circle-orange.gif) no-repeat left 1px; padding-left:15px; line-height:11px; height:11px; display:inline; margin-right:15px;}


/*-------------------------------------------------------------
      ページ上部告知文　2011/06/30 
-------------------------------------------------------------*/
p#attention { font-size: 90%; margin-top: 10px; padding: 0; text-align: center; }


/*---------------
 ClearFix
---------------*/
.clfix,div#Container,div#Contents{zoom:1;}
.clfix:after,div#Container:after,div#Contents:after{display:block;clear:both;height:0;content: url(../img/common/space.gif);}
.clfix,div#Container,div#Contents{display: inline-block;}
/* Mac版IEを除外 \*/
.clfix,div#Container,div#Contents{display: block;}
/* */


/*-------------------------------------------------------------
      タイムライン変更  2012/10/22
-------------------------------------------------------------*/
#hNavLogout a { background:url(../img/common/header/n_ico_logout.gif) left center no-repeat; }
#hNavLogin a  { background:url(../img/common/header/n_ico_login.gif) left center no-repeat; }
.nBtnMypage a { background:url(../img/common/header/n_ico_mypage.gif) left center no-repeat; }
.nBtnRegister a { background:url(../img/common/header/n_ico_register.gif) left center no-repeat; }
.nBtnStart a { background:url(../img/common/header/n_ico_start.gif) left center no-repeat; }
body #header { position: relative; width: 950px; margin: 0 auto 15px;}
.headerWire { height:120px; overflow:hidden; }
#headerLWire { float: left; width: 285px; margin:20px 0 0; }
#headerRWire { width:466px !important;}
body #header { margin: 0 auto; }
#header { padding:0; }
#header ul.sub_timeline { width:100%; clear:both; white-space:nowrap; position:relative; top:17px; text-align:right; }
#header ul.sub_timeline li{ display:inline; background:url(../img/common/header/mark.png) #FFF no-repeat left center; padding-left:6px; margin-left:6px; }
#header ul.sub_timeline li a {color:#3f2315; font-size:80%; }
#header ul.sub_timeline li a:hover{color:#ca171d;}
#header #headerMenu { background:#F1EEE6 none 0 0 no-repeat; height:26px; line-height:26px; overflow:hidden; margin:0 0 -5px; border-radius:3px; }
#header #headerMenu dt { float:left; width:300px; padding:0 5px; height:26px; line-height:26px; font-size:10px; text-align:left; }
#header #headerMenu dd { padding: 0 5px;  position: absolute;  right: 0;  width: 390px;}
#header #headerMenu li { display: inline;  font-size: 10px;  margin: 0 0 0 5px;}
#header #headerMenu li a { display:inline-block; height:25px; line-height:25px; font-size:10px; padding:0 0 0 15px; color:#444; }
#headerLWire a, #headerLWire a:visited { height:58px; width:340px !important;}
#nTimeline { width:466px; height:56px; float:right; position:relative; top:20px; }
#nTimeline ul { width:466px; height:56px; }
#nTimeline li { float:left; display:inline; margin:0; }
#nTimeline li a { display:block; background-image:url(../img/common/header/n_flow.jpg); }
#nTimeline li span { display:none; }
#nTimeline li.nBtn01 { width:110px; height:27px; }
#nTimeline li.nBtn02 { width:100px; height:27px; }
#nTimeline li.nBtn03 { width:100px; height:27px; }
#nTimeline li.nBtn04 { width:156px; height:27px; }
#nTimeline li.nBtn05 { width:204px; height:27px; background-image:url(../img/common/header/n_flow.jpg); background-position:0 -27px; }
#nTimeline li.nBtn06 { width:122px; height:27px; }
#nTimeline li.nBtn07 { width:140px; height:27px; }
#nTimeline li.nBtn01 a { height:27px; background-position:0 0; }
#nTimeline li.nBtn02 a { height:27px; background-position:-110px 0; }
#nTimeline li.nBtn03 a { height:27px; background-position:-210px 0; }
#nTimeline li.nBtn04 a { height:27px; background-position:-310px 0; }
#nTimeline li.nBtn06 a { height:27px; background-position:-204px -27px; }
#nTimeline li.nBtn07 a { height:27px; background-position:-326px -27px; }
#nTimeline li.nBtn01 a:hover { background-position:0 -60px; }
#nTimeline li.nBtn02 a:hover { background-position:-110px -60px; }
#nTimeline li.nBtn03 a:hover { background-position:-210px -60px; }
#nTimeline li.nBtn04 a:hover { background-position:-310px -60px; }
#nTimeline li.nBtn06 a:hover { background-position:-204px -87px; }
#nTimeline li.nBtn07 a:hover { background-position:-326px -87px; }
body #header {padding: 0 !important; margin: 10px auto !important;}
div#newHeader {margin: 10px auto 12px;}
body #Footer {font-size: 83% !important;}
.secFooter {/font-size: 94% !important;}
.secFooter {_font-size: 100% !important;}
.titleBox #headerLWire {float: left;  margin: 20px 0 0; width: 340px !important;}

/*---------------------------------------------------------------------------------------------
/
/             グローバルナビのcss  2012/11/25　沖縄なしバージョン
/
/---------------------------------------------------------------------------------------------*/

/* 
#globalNav { width:950px; height:78px; margin:5px auto 10px; }
#globalNav ul { width:950px; height:40px; margin:0; padding:0; text-indent:0; list-style-type:none; }
#globalNav ol { width:950px; height:38px; margin:0; padding:0; text-indent:0; list-style-type:none; }
#globalNav ul li { height:40px; margin:0; padding:0; text-indent:0; list-style-type:none; float:left; }
#globalNav ol li { height:38px; margin:0; padding:0; text-indent:0; list-style-type:none; float:left; }
#globalNav ul a { display:block; height:40px; background-image:url(../img/common/header/navi_sprite.jpg);}
#globalNav ol a { display:block; height:38px; background-image:url(../img/common/header/navi_sprite.jpg); }
#globalNav ul a span { display:none; }
#globalNav ol a span { display:none; }

#gnavHome { width:50px; }
#gnavShop { width:210px; }
#gnavPlan { width:210px; }
#gnavGuide { width:210px; }
#gnavSearch { width:270px; background:url(../img/common/header/navi_sprite.jpg) -680px 0 no-repeat; position:relative; }
#gnavHome a { background-position:0 0; }
#gnavShop a { background-position:-50px 0; }
#gnavGuide a { background-position:-470px 0; }
#gnavPlan a { background-position:-260px 0; }
#gnavHome a:hover { background-position:0 -90px; }
#gnavShop a:hover { background-position:-50px -90px; }
#gnavPlan a:hover { background-position:-260px -90px; }
#gnavGuide a:hover { background-position:-470px -90px; }
#gnavHome a.active { background-position:0 -90px; }
#gnavShop a.active{ background-position:-50px -90px; }
#gnavPlan a.active { background-position:-260px -90px; }
#gnavGuide a.active { background-position:-470px -90px; }

#gnavAreaHokkaido { width:105px; }
#gnavAreaTohoku { width:105px; }
#gnavAreaKanto { width:105px; }
#gnavAreaHokuriku { width:105px; }
#gnavAreaChubu { width:105px; }
#gnavAreaKansai { width:105px; }
#gnavAreaChugoku { width:105px; }
#gnavAreaKyushu { width:105px; }
#gnavAreaOkinawa { width:110px; }

#gnavAreaHokkaido a { background-position:0 -40px; }
#gnavAreaTohoku a { background-position:-105px -40px; }
#gnavAreaKanto a { background-position:-210px -40px; }
#gnavAreaHokuriku a { background-position:-315px -40px; }
#gnavAreaChubu a { background-position:-420px -40px; }
#gnavAreaKansai a { background-position:-525px -40px; }
#gnavAreaChugoku a { background-position:-630px -40px; }
#gnavAreaKyushu a { background-position:-735px -40px; }
#gnavAreaOkinawa a { background-position:-840px -40px; }

#gnavAreaHokkaido a:hover { background-position:0 -130px; }
#gnavAreaTohoku a:hover { background-position:-105px -130px; }
#gnavAreaKanto a:hover { background-position:-210px -130px; }
#gnavAreaHokuriku a:hover { background-position:-315px -130px; }
#gnavAreaChubu a:hover { background-position:-420px -130px; }
#gnavAreaKansai a:hover { background-position:-525px -130px; }
#gnavAreaChugoku a:hover { background-position:-630px -130px; }
#gnavAreaKyushu a:hover { background-position:-735px -130px; }
#gnavAreaOkinawa a:hover { background-position:-840px -130px; }

#gnavAreaHokkaido a.active { background-position:0 -130px; }
#gnavAreaTohoku a.active { background-position:-105px -130px; }
#gnavAreaKanto a.active { background-position:-210px -130px; }
#gnavAreaHokuriku a.active { background-position:-315px -130px; }
#gnavAreaChubu a.active { background-position:-420px -130px; }
#gnavAreaKansai a.active { background-position:-525px -130px; }
#gnavAreaChugoku a.active { background-position:-630px -130px; }
#gnavAreaKyushu a.active { background-position:-735px -130px; }
#gnavAreaOkinawa a.active { background-position:-840px -130px; }

#gnavSearch dl { width:255px; height:22px; position:absolute; left:8px; top:7px; }
#gnavSearch dt { width:200px; height:22px; border:0 solid #f00; background:#fff; float:left; margin:0; padding:0; }
#gnavSearch dt input { width:194px; height:22px; border:none; outline:none; background:#fff; margin:0 3px; padding:0; color:#999; }
#gnavSearch dt input:focus { color:#555; }
#gnavSearch dd { width:50px; height:22px; float:right; margin:0; padding:0; }
#gnavSearch dd span { cursor:pointer; display:block; width:50px; height:22px; background:url(../img/common/header/navi_sprite.jpg) -893px -177px no-repeat; }
#gnavSearch dd span:hover { background-position: -833px -177px; }
#gnavSearch dd span input { cursor:pointer; width:50px; height:22px; margin:0; padding:0; border:none; outline:none; opacity:0; filter: alpha(opacity=0);}
 */

/*---------------------------------------------------------------------------------------------
/
/             グローバルナビのcss  2012/11/25 
/
/---------------------------------------------------------------------------------------------*/

#globalNav { width:950px; height:78px; margin:5px auto 10px; }
#globalNav ul { width:950px; height:40px; margin:0; padding:0; text-indent:0; list-style-type:none; }
#globalNav ol { width:950px; height:38px; margin:0; padding:0; text-indent:0; list-style-type:none; }
#globalNav ul li { height:40px; margin:0; padding:0; text-indent:0; list-style-type:none; float:left; }
#globalNav ol li { height:38px; margin:0; padding:0; text-indent:0; list-style-type:none; float:left; }
#globalNav ul a { display:block; height:40px; background-image:url(../img/common/header/navi_sprite02.jpg);}
#globalNav ol a { display:block; height:38px; background-image:url(../img/common/header/navi_sprite02.jpg); }
#globalNav ul a span { display:none; }
#globalNav ol a span { display:none; }

#gnavHome { width:50px; }
#gnavShop { width:210px; }
#gnavPlan { width:210px; }
#gnavGuide { width:210px; }
#gnavSearch { width:270px; background:url(../img/common/header/navi_sprite02.jpg) -680px 0 no-repeat; position:relative; }
#gnavHome a { background-position:0 0; }
#gnavShop a { background-position:-50px 0; }
#gnavGuide a { background-position:-470px 0; }
#gnavPlan a { background-position:-260px 0; }
#gnavHome a:hover { background-position:0 -90px; }
#gnavShop a:hover { background-position:-50px -90px; }
#gnavPlan a:hover { background-position:-260px -90px; }
#gnavGuide a:hover { background-position:-470px -90px; }
#gnavHome a.active { background-position:0 -90px; }
#gnavShop a.active{ background-position:-50px -90px; }
#gnavPlan a.active { background-position:-260px -90px; }
#gnavGuide a.active { background-position:-470px -90px; }

#gnavAreaHokkaido { width:139px; }
#gnavAreaTohoku { width:115px; }
#gnavAreaKanto { width:115px; }
#gnavAreaHokuriku { width:115px; }
#gnavAreaChubu { width:115px; }
#gnavAreaKansai { width:115px; }
#gnavAreaChugoku { width:115px; }
#gnavAreaKyushu { width:121px; }

#gnavAreaHokkaido a { background-position:0 -40px; }
#gnavAreaTohoku a { background-position:-139px -40px; }
#gnavAreaKanto a { background-position:-254px -40px; }
#gnavAreaHokuriku a { background-position:-369px -40px; }
#gnavAreaChubu a { background-position:-484px -40px; }
#gnavAreaKansai a { background-position:-599px -40px; }
#gnavAreaChugoku a { background-position:-714px -40px; }
#gnavAreaKyushu a { background-position:-829px -40px; }

#gnavAreaHokkaido a:hover { background-position:0 -130px; }
#gnavAreaTohoku a:hover { background-position:-139px -130px; }
#gnavAreaKanto a:hover { background-position:-254px -130px; }
#gnavAreaHokuriku a:hover { background-position:-369px -130px; }
#gnavAreaChubu a:hover { background-position:-484px -130px; }
#gnavAreaKansai a:hover { background-position:-599px -130px; }
#gnavAreaChugoku a:hover { background-position:-714px -130px; }
#gnavAreaKyushu a:hover { background-position:-829px -130px; }

#gnavAreaHokkaido a.active { background-position:0 -130px; }
#gnavAreaTohoku a.active { background-position:-139px -130px; }
#gnavAreaKanto a.active { background-position:-254px -130px; }
#gnavAreaHokuriku a.active { background-position:-369px -130px; }
#gnavAreaChubu a.active { background-position:-484px -130px; }
#gnavAreaKansai a.active { background-position:-599px -130px; }
#gnavAreaChugoku a.active { background-position:-714px -130px; }
#gnavAreaKyushu a.active { background-position:-829px -130px; }

#gnavSearch dl { width:255px; height:22px; position:absolute; left:8px; top:7px; }
#gnavSearch dt { width:200px; height:22px; border:0 solid #f00; background:#fff; float:left; margin:0; padding:0; }
#gnavSearch dt input { width:194px; height:22px; border:none; outline:none; background:#fff; margin:0 3px; padding:0; color:#999; }
#gnavSearch dt input:focus { color:#555; }
#gnavSearch dd { width:50px; height:22px; float:right; margin:0; padding:0; }
#gnavSearch dd span { cursor:pointer; display:block; width:50px; height:22px; background:url(../img/common/header/navi_sprite02.jpg) -893px -177px no-repeat; }
#gnavSearch dd span:hover { background-position: -833px -177px; }
#gnavSearch dd span input { cursor:pointer; width:50px; height:22px; margin:0; padding:0; border:none; outline:none; opacity:0; filter: alpha(opacity=0);}