@charset "utf-8";
/*---------------------------------------
common.css
create:asoTWC/uchihara
---------------------------------------*/

*{
	margin:0;
	padding:0;
}


body {
	width: 100%;
	height: 100%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 84%; /* modern browser */
	*font-size: small; /* IE 7 */
	-webkit-text-size-adjust:100%;/* iPhone用テキストサイズ指定 */
}
/*
body, x:-moz-any-link {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 84%;
}
*/

html {
	overflow-y:scroll;
}

p { margin-bottom:10px;}

/* link
--------------------------------------------------------------*/
a:link,a:visited {text-decoration: none; color: #1e91e9;}
a:hover,a:active {text-decoration: underline;color:#1e91e9;}


.icon:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}




/* frame
--------------------------------------------------------------*/
#wrapper {
	background:url(../img/bg.gif) repeat-x left top;
}

#header {
	background:url(../img/header_bg.gif) no-repeat;
	width:900px;
	height:580px;
	margin:0 auto 25px;
}
#headerInner {
	width:860px;
	margin:0 auto;
}
#headerInner .siteTitle {
	padding-bottom:60px;
	height:109px;
}
#headerInner .headerLeft {
	float:left;
	margin-top:25px;
}

#headerInner #siteLogo {
	width:191px;
}
#headerInner .headerInfo {
	float:right;
	width:192px;
	margin-top:40px;
}
#header #photodiv {
	clear:both;
	margin:13px auto 0;
	width:861px;
}



/* global navigation
----------------------------------------------------------- */

#globalNavigation {
	clear:both;
	width:900px;
	height:30px;
}
#globalNavigation li {
	float:left;
	width:150px;
}
#globalNavigation li a {
	width:150px;
	height:30px;
	display:block;
}
#globalNavigation li.gnaviHome a {
	background:url(../img/globalnavigation_out.png) no-repeat 0px 0px;
}
#globalNavigation li.gnaviHome a:hover {
	background:url(../img/globalnavigation_ovr.png) no-repeat 0px 0px;
}
#globalNavigation li.gnaviExperience a {
	background:url(../img/globalnavigation_out.png) no-repeat -160px 0px;
}
#globalNavigation li.gnaviExperience a:hover {
	background:url(../img/globalnavigation_ovr.png) no-repeat -160px 0px;
}
#globalNavigation li.gnaviRestaurant a {
	background:url(../img/globalnavigation_out.png) no-repeat -320px 0px;
}
#globalNavigation li.gnaviRestaurant a:hover {
	background:url(../img/globalnavigation_ovr.png) no-repeat -320px 0px;
}
#globalNavigation li.gnaviCamp a {
	background:url(../img/globalnavigation_out.png) no-repeat -450px 0px;
}
#globalNavigation li.gnaviCamp a:hover {
	background:url(../img/globalnavigation_ovr.png) no-repeat -450px 0px;
}
#globalNavigation li.gnaviShop a {
	background:url(../img/globalnavigation_out.png) no-repeat -605px 0px;
}
#globalNavigation li.gnaviShop a:hover {
	background:url(../img/globalnavigation_ovr.png) no-repeat -605px 0px;
}
#globalNavigation li.gnaviCosmos a {
	background:url(../img/globalnavigation_out.png) no-repeat -754px 0px;
}
#globalNavigation li.gnaviCosmos a:hover {
	background:url(../img/globalnavigation_ovr.png) no-repeat -754px 0px;
}






/* contents
----------------------------------------------------------- */ 

#container {
	width:860px;
	margin:0 auto;
	padding:0 0 0;
	clear:both;
}
#contents {
	width:605px;
	float:left;
}
#contents .contentsUnit {
	padding-bottom:30px;
	width:605px;
}
#contents .contentsUnit h3.unitTitle {
	padding-bottom:15px;
}
#contents .menuUnit {
	margin-bottom:15px;
}
.menuBox {
	background:url(../img/menubox_bg.gif) repeat-y top;
	float:left;
	width:192px;
	text-align:center;
}
.menuBox .menuBoxTop {
	background:url(../img/menubox_top.gif) top no-repeat;
	height:6px;
}
.menuBox .menuPhoto {
	margin:0 auto;
}
.menuBox h4.menuTitle {
	color:#ce4900;
	padding:10px 0 9px;
	font-weight:bold;
	line-height: 1.2em
}
.menuBox h4.menuTitle a:hover{
	text-decoration:underline;
	color:#ce4900;
}
.menuBox h4.menuTitle a:link,a:visited{
	text-decoration:none;
	color:#ce4900;
}
.menuBox .menuText {
	color:#828282;
	padding:0 10px 5px;
	font-size:0.74em;
	text-align:left;
}
.menuBox .menuBoxBottom {
	background:url(../img/menubox_bottom.gif) top no-repeat;
	height:6px;
}


table#info {
	width:100%;
}
table#info td {
	border-bottom:solid 1px #d3d3d3;
	padding:10px 0px;
	color:#1e91e9;
}
table#info td.day {
	border-bottom:solid 1px #d3d3d3;
	color:#9c9c9c;
	font-size:0.8em;
	padding-left:25px;
	padding-bottom:10px;
	background:url(../img/info_im.gif) no-repeat;
	background-position:10px;
	border-bottom:solid 1px #d3d3d3;
	width:100px;
}
.photoBpx {
	width:100%;
	text-align:center;
	margin-bottom:20px;
}








/* widget
----------------------------------------------------------- */ 
#widget {
	width:239px;
	float:right;
	margin-bottom:25px;
}
ul#bannerList {
}
ul#bannerList li {
	margin-bottom:20px;
}
#shopData {
	background:url(../img/shopdata_bg.gif) repeat-y;
	text-align:center;
}
#shopData .shopDataTop {
	background:url(../img/shopdata_top.gif) no-repeat top;
	height:8px;
}
#shopData .shopName {
	padding:10px 0 15px;
	margin:0 10px;
	border-bottom:solid 1px #d3d3d3;
	}
#shopData .shopAddress {
	color:#666666;
	padding:10px 0;
	border-bottom:solid 1px #d3d3d3;
	margin:0 10px;
}
#shopData .shopText {
	color:#666666;
	padding:10px 0;
}
#shopData .shopDataBottom {
	background:url(../img/shopdata_bottom.gif) no-repeat top;
	height:8px;
}
#shopData .access {
	padding-bottom:5px;
}


/* footer
----------------------------------------------------------- */ 
#footer {
	padding-bottom:20px;
}






/* common format
----------------------------------------------------------- */ 

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	zoom: 100%;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;}
.clearfix {
	display:block;
}
.clr {clear:both}
.clrR {clear:right;}
.clrL {clear:left;}
.fir {display:none;}

li {
	list-style-type:none;
	*display: inline; /* IE7以下用 */
	*zoom: 1; /* IE7以下用 */
}
img {border:none}
table {	border-collapse:collapse;}
address {font-style:normal;}

.borderNone {border:none !important}

h1,h2,h3,h4,h5,h6 {font-weight:normal;line-height:130%;}

.displayBlock {display:block !important;}
.displayNone {display:none !important;}
.displayInline {display:inline !important;}

/* align float */
.alignLeft {text-align:left !important}
.alignRight {text-align:right !important}
.alignCenter {text-align:center !important}
.floatLeft {float:left !important}
.floatRight {float:right !important}

/* textformat */
.fontSize1 { font-size:150%;}
.fontSize2 { font-size:127%;}
.fontSize3 { font-size:114%;}
.fontSize4 { font-size:80%;}
.fontSize5 { font-size:74%;}
.fontSize6 { font-size:62%;}

.textRed {color:#f00 !important;}
.textRed2 {color:#b00 !important;}
.textGreen2 {color:#0b0 !important;}
.textBlue2 {color:#0082a8 !important;}
.textOrange {color:#f80 !important;}
.textPink {color:#f48 !important;}
.textPurple {color:#70c !important;}

/* bordercolor */
.bcGreen {border-color:#7fdfbe !important;}
.bcRed {border-color:#ff9b9b !important;}
.bcPink {border-color:#ffb4d9 !important;}
.bcBlue {border-color:#c9eaff !important;}
.bcGray {border-color:#bbb !important;}
.bcOrange {border-color:#ffd59b !important;}

/* backgroundcolor */
.bgGreen {background-color:#e1eed3 !important;}
.bgBrightRed {background-color:#fff7f7 !important;}
.bgYellow {background-color:#ffffe9 !important;}
.bgRed {background-color:#ffd4d4 !important;}
.bgPink {background-color:#ffe0ef !important;}
.bgBlue {background-color:#eaf7ff !important;}
.bgGray {background-color:#ddd !important;}
.bgOrange {background-color:#ffefd8 !important;}

/* width */
.width10 {width:10% !important;}
.width15 {width:15% !important;}
.width20 {width:20% !important;}
.width30 {width:30% !important;}
.width40 {width:40% !important;}
.width50 {width:50% !important;}
.width60 {width:60% !important;}
.width70 {width:70% !important;}
.width80 {width:80% !important;}
.width90 {width:90% !important;}
.width100 {width:100% !important;}

/* margin-bottom */
.marginAuto {margin-left:auto;margin-right:auto !important;}
.marginBottom0 {margin-bottom:0px !important;}
.marginBottom5 {margin-bottom:5px !important;}
.marginBottom10 {margin-bottom:10px !important;}
.marginBottom20 {margin-bottom:20px !important;}
.marginBottom30 {margin-bottom:30px !important;}
.marginBottom40 {margin-bottom:40px !important;}
.marginBottom50 {margin-bottom:50px !important;}
.marginBottom60 {margin-bottom:60px !important;}
.marginBottom70 {margin-bottom:70px !important;}
.marginBottom80 {margin-bottom:80px !important;}
.marginBottom90 {margin-bottom:90px !important;}

/* margin-left,margin-right */
.marginLeft0 {margin-left:0px !important;}
.marginLeft10 {margin-left:10px !important;}
.marginLeft20 {margin-left:20px !important;}
.marginLeft30 {margin-left:30px !important;}
.marginLeft40 {margin-left:40px !important;}
.marginLeft50 {margin-left:50px !important;}
.marginRight0 {margin-right:0px !important;}
.marginRight10 {margin-right:10px !important;}
.marginRight20 {margin-right:20px !important;}
.marginRight30 {margin-right:30px !important;}
.marginRight40 {margin-right:40px !important;}
.marginRight50 {margin-right:50px !important;}

/* margin-top */
.marginTop0 { margin-top:0px !important; }
.marginTop10 { margin-top:10px !important; }
.marginTop20 { margin-top:20px !important; }
.marginTop30 { margin-top:30px !important; }
.marginTop40 { margin-top:40px !important; }
.marginTop50 { margin-top:50px !important; }
.marginTop60 { margin-top:60px !important; }
.marginTop70 { margin-top:70px !important; }
.marginTop80 { margin-top:80px !important; }
.marginTop90 { margin-top:90px !important; }
.marginTop100 { margin-top:100px !important; }

/* padding-top */
.paddingTop0 { padding-top:0px !important; }
.paddingTop10 { padding-top:10px !important; }
.paddingTop20 { padding-top:20px !important; }
.paddingTop30 { padding-top:30px !important; }
.paddingTop40 { padding-top:40px !important; }
.paddingTop50 { padding-top:50px !important; }
.paddingTop60 { padding-top:60px !important; }
.paddingTop70 { padding-top:70px !important; }
.paddingTop80 { padding-top:80px !important; }
.paddingTop90 { padding-top:90px !important; }
.paddingTop100 { padding-top:100px !important; }

/* padding-bottom */
.paddingBottom0 {padding-bottom:0px !important;}
.paddingBottom10 {padding-bottom:10px !important;}
.paddingBottom20 {padding-bottom:20px !important;}
.paddingBottom30 {padding-bottom:30px !important;}
.paddingBottom40 {padding-bottom:40px !important;}
.paddingBottom50 {padding-bottom:50px !important;}
.paddingBottom60 {padding-bottom:60px !important;}
.paddingBottom70 {padding-bottom:70px !important;}
.paddingBottom80 {padding-bottom:80px !important;}
.paddingBottom90 {padding-bottom:90px !important;}

/* padding-left,padding-right */
.paddingLeft0 {padding-left:0px !important;}
.paddingLeft10 {padding-left:10px !important;}
.paddingLeft20 {padding-left:20px !important;}
.paddingLeft30 {padding-left:30px !important;}
.paddingLeft40 {padding-left:40px !important;}
.paddingLeft50 {padding-left:50px !important;}
.paddingRight0 {padding-right:0px !important;}
.paddingRight10 {padding-right:10px !important;}
.paddingRight20 {padding-right:20px !important;}
.paddingRight30 {padding-right:30px !important;}
.paddingRight40 {padding-right:40px !important;}
.paddingRight50 {padding-right:50px !important;}