/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */



/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
      height:100%;
}
*html div#container{
    height:100%;
}
#container {
	/*width: 320px;*/
	position:relative;
	width: 100%;    
    min-height:100%;
	margin: 0 auto;
	padding:0;
    background-color:#fff;
	border:0px solid red;
}
body > #container {
    height: auto;
}

/*------------ #header------------*/
header{
	width:100%;
	height:40px;
	margin:0;
	padding:2px 0 2px 0;
	border:0px solid #000;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#fbf4eb),
    color-stop(0.03, #f2e1ca), /* topから 3% の位置で #b9c3e4 */
    color-stop(0.03, #f2cc9a), /* topから 3% の位置で #93a3d5*/
    color-stop(0.48, #f8b154), /* topから48% の位置で #5a77af*/
    color-stop(0.52, #f89d26), /* topから52% の位置で #3a57a0*/
    to(#ff9900)
  );
}
.headerbanner {
	display:none;
}
header #logo{
   float:left;
   width:192px;
   height:36px;
   margin-top:6px;
   text-indent:-9999px;
   background:transparent url(../img/logo_s.png) no-repeat top left;
  
}

header .headerright{
	float:right;
	width:60px;
	margin:0 6px 0 0;
	padding:4px 4px 0 0;
	text-align:right;
    border:0px solid #000;

}


header .headerright .headerseach {
	display:inline;
	float:right;
	width:232px;
	margin:6px 0 0 0;
	padding:1px 0 4px 0;
    /*background:#fff url(../img/logo2.gif) no-repeat top right;*/
    border:0px solid #000;
}
.headernav{
	display:none;
	width:100%;
	position:absolute;
	top:40px;
	left:0;
	margin:0;
	padding:0;
	/*z-index:10;*/
	background:#fff url(../img/menu_t.png) no-repeat 0 0;
}

p.navmenu{
	height:24px;
	width:58px;
	color:#666;
	font-size:0.8em;
	line-height:24px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#ececec));
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	text-align:center;
	text-decoration:none;
	border: 1px solid #dadada;
	border-left:1px solid #fff;
	margin-top:0;
	margin-right:10px;
	/*text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6),-1px -1px 1px rgba(255, 255, 255, 0.5);*/
	font-size:0.8em;
	font-weight:bold;
	cursor:pointer;

}

	
/*------------ nav------------*/

header nav{
	/*float:left;
	width:240px;
	margin:0 0 0 0;
	padding:0;
	background-color: #30A8C3;
	opacity:0;*/
}
/*---------------------------------------*/
/* Basic code - don't modify */

#main-menu {
		position:relative;
		/*z-index:9999;*/
		z-index:10;
		width:auto;
	}
#main-menu ul {
		width:12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
}
 

.gLinks{
	 border:0px solid #000;
}
.delnav{
	clear:both;
	margin:2px 6px 0 0;
	text-align:right;
}
         
/*----------------------------------------*/


/*------------ #topcol------------*/

#main{
	width:100%;
	margin:0;
	padding:0 0 30px 0;
	border:0px solid #000;
	
}
#main #breadcrumbs{
	display:none;
	margin:0;
	padding:0;
	border:solid 0px #000;
	
}
#main ul#breadcrumbs{
	display:none;
	/*float:left;
	height:1.2em;*/
	padding:0;
	margin:0 0 6px 6px;
	
	
}


/*------------ #topcol------------*/
.topcol{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	border:0px solid #000;
	
}
/*.topcol .leftcol{
	margin:0;
	padding:0;
	
}
.topcol .rightcol{
	display:none;
	margin:0;
	padding:0;
	
}
.topcol .centercol{
	display:block;
	height:48px;
	margin:0;
	padding:0;
	
}*/
/*------------ #submenu------------*/
#leftcolumn {
   clear:both;
	width:100%;
	margin: 0;
	padding: 0;
	background: #fff;
	border:0px solid red;
}
.subnav{
	display:block;
	background: url(../img/list_mark1.png) no-repeat 90% 50%,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	border-top: 1px solid #CCC;
	border-bottom:1px solid #CCC;
	height: 24px;
	margin: 0 0 12px 0;
	color: #333;
	display: block;
	overflow: hidden;
	padding: 4px 20px 0 10px;
	white-space: nowrap;
	line-height: 18px;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight:bold;
	cursor:pointer;
	
} 
.delcategory{
	
	background: url(../img/remove_b.png) no-repeat 90% 50%,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	border-top: 1px solid #CCC;
	border-bottom:1px solid #CCC;
	height: 24px;
	margin: 0 0 0 0;
	color: #333;
	overflow: hidden;
	padding: 4px 20px 0 10px;
	white-space: nowrap;
	line-height: 18px;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight:bold;
	cursor:pointer;
}

.categorynav{
	display:none;
	width:100%;
	/*height:320px;*/
	position:absolute;
	top:92px;
	left:0;
	background-color: #fff;
	z-index:11;
	border:0px solid red;	
	
}
.categoryLinks{
	float:left;
	width:100%;
}
#sectionLinks{
	width:100%;
	margin: 3px 0 6px 0;
	padding: 0 0 6px 0;
	background-color:#ffffff;
	border:0px solid #000;
}
#sectionLinks ul {
	margin: 0;
	padding: 0;
	background-color:#ffffff;
}
#sectionLinks li {
	width:100%;
	height:32px;
	text-align: left;
	/*line-height: 100%;*/
	list-style: none;
	border-bottom:1px solid #333;
	margin: 0 0 0 0;
	padding:0;
	/*background: url(../img/list_mark1.png) no-repeat 90% 50%,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	background: url(../img/list_mark1.png) no-repeat 90% 50%,-webkit-gradient(linear, left top, left bottom,*/
    /*from(#b9c3e4),
    /*color-stop(0.03, #b9c3e4), /* topから 3% の位置で #b9c3e4 */
    /*color-stop(0.03, #93a3d5), /* topから 3% の位置で #93a3d5*/
    /*color-stop(0.48, #5a77af), /* topから48% の位置で #5a77af*/
    /*color-stop(0.52, #3a57a0), /* topから52% の位置で #3a57a0*/
    /*to(#1e3a95)*/
  /*);*/
	}
#sectionLinks li#selected{
	background-color: #fff;
	line-height: 100%;
	}
#sectionLinks li a {
	display: block;
	font-size:1em;
	/*height: 18px;*/
	padding: 6px 0 0 18px;
	border-right:0px solid #ccc;
	color: #000;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	text-decoration:none;
	}
#sectionLinksli a:hover {
	color: #CC0033;
	vertical-align: middle;
	}
 #leftcolumn #weather{
	   display:none;
    }	 
.bannerleft{display:none;
	  
  }
.pr{
	display:none;
}
.prtxt{
	display:none;
}
/* --------------- メイン--------------- */
#maincolumn {
    float: left;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 2px 0;	
	text-align: left;
	border:0px solid red;
	font-size:1em;
	line-height:1.4em;
	
  }
  
.tabscont{
	width:97%;
	margin:0 auto;
	padding:0;
	font-size:0.8em;
	
}
#tabs{
	width:97%;
	margin:0 auto;
	padding:0;
	
}


#tabs img{
    margin:0 auto;
	
  }
.bannerbottom{
   display:none;
}
.bannerbcol{
	display:none;
    margin:6px 6px 6px 48px;
}
.bannerbcol .bannerbl{
	display:none;
	width:236px;
    margin:6px 6px 0 6px;
}
.bannerbcol .bannerbr{
	display:none;
	width:236px;
    margin:6px 0 0 6px;
}
#update{
	color:#ccc;
}

/* --------------- 右コラム--------------- */
#rightcolumn {
    display:none;
	
  }

/* --------------- Footer--------------- */
footer{
	clear:both;
	position:absolute;
    bottom:0px;
	width:100%;
	/*height:48px;;*/
	margin-top:36px;
	padding:0 0 0 0;
	border:0px solid red;
	
}
footer ul#bottommenu{
  clear:both;
	/*float:left;
	height:1.2em;*/
	padding:6px 0 0 0;
	margin:18px 4px 2px 0;
	
	/*display:block;*/
	
}

footer ul#bottommenu li{
	display:block;
	float:right;
	
	border:0px solid #000;
}
footer ul#bottommenu a{
	padding:0 8px 0 8px;
	/*background:url(../img/line01.gif) right center;*/
	background-repeat:no-repeat;
	font-size:0.8em;
	line-height:1.8em;
	text-align:left;
}
footer p{
	clear:both;
	font-size:0.7em;
	border-top:1px solid #000;
	margin:6px 0 0 6px;
	color:#ccc;
	
}

/* --------------- ホテル--------------- */

.hotelscol{
	clear:both;
	width:600px;
	border:1px solid #000;
	margin-bottom:12px;
	padding:0 0 12px 0;
	
}
.hotelscol a{
	text-decoration:none;
	
}
.hotelscol .htop{
	width:588px;
	border-bottom:0px solid #000;
	margin-bottom:12px;
	padding:6px;
    background-color:#f0f0f0;
	
}
.hotelscol .htop a{
	font-weight:bold;
	
}
.hotelscol .colaffil{
	width:600px;
	margin:0;
	padding:0;
	
}

.hotelscol .coll{
	float:left;
   width:140px;
	margin:0 0 0 12px;
	padding-top: 0;
	font-size:0.8em;
	line:height:1.2em;
	border:0px solid #A12B50;
    border-style:solid none;
	/*text-indent:-9999px;*/
	color:#000;
	overflow:hidden;
	text-align:left;
	
}
.hotelscol .colc{
	float:left;
    width:292px;
	margin:12px 0 0 12px;
	padding: 3px;
	font-size:1em;
	line:height:1.2em;
	border:0px solid #A12B50;
    border-style:solid none;
	
} 
.hotelscol .colc .hp{
	clear:both;
	width:101px;
	margin-top:6px;
	padding:0 0 0 0;
	border:0px solid red;
	
}
.hotelscol .colc .hp a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:22px;
	padding-top:22px;
	/*height:100%;
	width:0 !important;
	width /**//*:137px;*/
	/*padding-right:137px;*/
	background-image:url(../img/hp.gif);
	color:#000;
	text-indent:-9999px;
	
}
.hotelscol .colc .hp a{background-position:0 0;}

.hotelscol .colc .hp a:hover{background-position:0 -22px;}  
.hotelscol .colr{
	float:right;
    width:100px;
	margin:12px 0 0 12px;
	padding: 16px 12px 0 0;
	font-size:1em;
	line:height:1.2em;
	border:0px solid #A12B50;
    border-style:solid none;
	overflow:hidden;
	text-align:left;
	background:#fff url(../img/plan_t.gif) no-repeat 0 0;
	
}       

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

	html{
         height:100%;
	}
	body{
         height:100%;
	}
	*html div#container{
         height:100%;
	}

#container {
	width: 980px;
	position:relative;
    min-height:100%;
	margin: 0 auto;
	padding:0;
    background-color:#fff;
	border-left:solid 1px #ccc;
	box-shadow:3px 0px 5px #999;
}
/*------------ #header------------*/
header {
	width: 100%;
	height:98px;
	margin: 0;
	padding: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	border:0px solid #000;
}

.headerbanner {
	/*:block;
	position:relative;*/
	display:block;
	width:100%;
	padding:1px 0 1px 0;
	background-color:#DAEFBF;
	color:#000;
	font-size:0.8em;
	line-height:1.4em;
	text-align:right;
	text-decoration:none;
	
}
.headerbanner a{
	/*position:absolute;
	top:0;
	right:0;*/
	padding:3px 12px 0 0;
	margin:3px;
	text-align:right;
	text-decoration:none;
	color:#000;
	background:#DAEFBF url(../img/tri.gif) no-repeat 100% 60%;
}
.headerbanner a:hover{
	color:red;
	background:#DAEFBF url(../img/tri2.gif) no-repeat 100% 60%;
}

header #logo{
    width:267px;
    height:50px;
    margin:3px 0 0 12px;
   padding:0 0 2px 0;
   text-indent:-9999px;
   background:#fff url(../img/logo.png) no-repeat top left;
}


header .headerright{
	float:right;
	width:360px;
	margin:0;
	padding:0;
    
}


header .headerright .headerseach {
	display:block;
	float:left;
	width:320px;
	margin:6px 0 0 0;
	padding:1px 9px 4px 0;
   
    border:0px solid #000;
}
p.navmenu{
	display:none;
}

.headernav{
	clear:both;
	width:100%;
	position:static;
	margin:0;
	padding:0;
	/*background-color: #30A8C3;*/
	/*z-index:10;*/
	opacity:1;
	display:block;
	background-image:none;
}
.gLinks{
	 border:0px solid #000;
}
.delnav{
	display:none;
}

#header nav{
	clear:both;
	z-index:100;
}

#main{
	width:100%;
	margin:0;
	padding:0 0 68px 0;
	border:0px solid #000;
	font-size:0.9em;
	
}
#main #breadcrumbs{
	display:block;
	margin:0 0 0 0;
	padding:0;
	
	
}
#main ul#breadcrumbs{
	clear:both;
	display:block;
	/*float:left;
	height:1.2em;*/
	padding:1px;
	margin:0 0 6px 6px;
	border:0px solid #000;
}

#main #breadcrumbs li{
	display:block;
	float:left;
	line-height:1.4em;
	font-size:0.8em;
	color:#000;
	margin:12px 0 0 0;
	padding:0;
	list-style-type:none;
	border:solid 0px #000;
}
#main #breadcrumbs li#home{
	list-style-type:none;
	padding:0;
	margin:0;
	border:0px solid #000;
}
#main #breadcrumbs a{
	padding:0 20px 0 0;
	background:url(../img/breadcrumbs_arrow.gif) right center;
	background-repeat:no-repeat;
}
/*------------ #topcol------------*/
.topcol{
	
	
	margin:9px 0 9px 0;
	paddin:0;
	/*height:78px;*/
	border:0px solid #000;
	
}
.topcol h1{
	font-size:1.6em;
	margin:24px 0 0 186px;
	padding:0;
	
}

/*------------ #submenu------------*/
#leftcolumn {
   float:left;
	width:172px;
	margin: 12px 0 0 9px;
	padding: 0;
	background: #fff;
	border:0px solid red;
}
.subnav{
	display:none;
} 
.delcategory{
	display:none;
}

.categorynav{
	width:160px;
	position:static;
	background-color: #fff;
	opacity:1;
	display:block;
	
	
}
#leftcolumn h3{
		display:inline;
	   margin:12px 0 0 0;
	   padding:0;
	   font-size:0.9em;
    }
	#leftcolumn h3 a{
		text-decoration:none;
    }
.categoryLinks{
	float:left;
	width:100%;
}
#sectionLinks{
	width: 160px;
	margin: 3px 0 0 0;
	padding: 0 0 24px 0;
	background-color:#ffffff;
}
#sectionLinks ul {
	margin: 0;
	padding: 0;
	background-color:#ffffff;
}
#sectionLinks li {
	width:160px;
	height:2.1em;
	text-align: left;
	/*line-height: 100%;*/
	list-style: none;
	border-bottom:1px solid #333;
	margin: 0 0 0 0;
	padding:0;
}
#sectionLinks li#selected{
	background-color: #fff;
	/*line-height: 100%;*/
}
#sectionLinks li a {
	display: block;
	font-size:0.8em;
	/*line-height: 1.2em;*/
	padding: 6px 0 0 8px;
	margin:0;
	border-right:0px solid #ccc;
	color: #006699;
	font-weight: normal;
	text-align: left;
	background:transparent url(../img/tri.gif) no-repeat 0 70%;
	/*vertical-align: middle;*/
}
#sectionLinks li a:hover {
	color: #CC0033;
	background:transparent url(../img/tri2.gif) no-repeat 0 70%;
	/*vertical-align: middle;*/
}
.bannerleft{
	display:block;
	margin:12px 0 0 0;
}
.pr{
	display:block;
    margin:16px 0 0 0;
}
.prtxt{
	display:block;
}

/* --------------- メイン--------------- */
#maincolumn {
	clear:right;
	float:left;
	width: 600px;
	margin: 12px 0 0 12px;
	padding: 0 0 2px 0;
	text-align: left;
	
	/* [disabled]font-size:1em; */
	
	line-height:1.4em;
	border:solid 0px red;
  }
  
  .tabscont{
	margin:0;
	padding:0;
	
}
#tabs{
	
	width:600px;
	margin:0;
	padding:0;
	
	
}
table.list {
	width:90%;
	margin:0;
	padding:0;
	
}
table.data {
	width:94%;
	margin:0;
	padding:0;
	
}

#tabs img{
    margin:0 auto;
	
  }
/* --------------- 右コラム--------------- */
#rightcolumn {
    display:block;
	float:right;
	width:172px;
	border:0px solid #000;
	
}

}

@media only screen and (min-width: 1140px) {
	/*#container {
		width: 980px;
		position:relative;
    	min-height:100%;
		margin: 0 auto;
		padding:0;
    	background-color:#fff;
		border-left:solid 1px #ccc;
		box-shadow:3px 0px 5px #999;
	}
	#leftcolumn{
		float:left;
		width:180px;
    }
	
    #maincolumn{
		float:left;
		width:608px;
		bo
    }
    #rightcolumn{
		float:left;
		width:180px;
    }*/


}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}