/********************************************************************************************/
/*       #wrapper / #contents / #contents_inner / #sidenavi　などを適当に設定する           */
/********************************************************************************************/

/*****************************************************************▼デフォルトセット*********/
#wrapper {
	float:left;
	width:100%;
	background-color:#F8F8F8;
}

#contents {
	margin:0px 0px 0px 210px;
	width:761px;
	line-height:1.6;
	padding:9px;
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	border-left:1px solid #DBDBDB;
	background-color:#fff;
}

#contents_inner {
	position:relative;
	padding:0px 10px 20px 10px;
}

.navi_both #contents_inner {
	float:left;
	width:440px;
}

#sidenavi {
	float: left;
	margin-left:-990px;
	width:210px;
}
/**********************************************************************▼100％セット*********/
/*
#wrapper {
	float:left;
	width:100%;
	line-height:1.6;
	background-color:#FFFFFF;
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
}

#contents {
	margin:0px;
	line-height:1.6;
	background-image:url("page_bg.jpg");
	background-repeat:no-repeat;
}

#contents_inner {
	position:relative;
	padding:0px 125px 20px 125px;
}

.navi_both #contents_inner {
	float:right;
	padding:35px 0px 20px 0px;
	width:558px;
}

#sidenavi {
	float: left;
	margin:0px 0px 20px 0px;
	padding:35px 20px 10px 20px;
	width:160px;
}

#pankuzu {
	padding:0px 0px 5px 10px !important;
}
*/
/********************************************************************************************/




/* ************************************************ 
 *	以下は好きなようにoption
 * ************************************************ */

.ad {
	margin:30px 0px;
	text-align:center;
}

/******企画ヘッダ******/
.head {
padding-bottom:18px;
}

.head h2{
clear:both;
padding-left:0px !important;
background:none;
}

.gsl{
	text-align:center;
}

/******記事枠******/
.article{
margin:10px 15px 10px 10px;
font-size:112%;
}


.article .latest_number, .article .backnumber_top{
clear:right;
font-size:96%;
margin-left:320px;
margin-top:30px;
padding:3px;
}

.article .latest_number p, .article .backnumber_top p{
background-image:url(hasen_col.gif);
background-position:left bottom;
background-repeat:repeat-x;
padding:0px 0px 5px;
}


.number_title {
	background-position:left top;
	background-repeat:no-repeat;
}

.number_title_01 {
	color:#006699;
	background-image:url(number_title_bg.gif); 
}

.number_title_02 {
	color:#F40E62;
	background-image:url(02_number_title_bg.gif); 
}
.number_title_03 {
	color:#D75F5F;
	background-image:url(03_number_title_bg.gif); 
}

.number_title_04 {
	color:#990033;
	background-image:url(04_number_title_bg.gif); 
}

.number_title_05 {
	color:#003366;
	background-image:url(05_number_title_bg.gif); 
}
.number_title_06 {
	color:#E77E1C;
	background-image:url(05_number_title_bg.gif); 
}

.number_title_07 {
	color:#003366;
	background-image:url(05_number_title_bg.gif); 
}

.number_title_08 {
	color:#003366;
	background-image:url(05_number_title_bg.gif); 
}

.number_title_09 {
	color:#660000;
	background-image:url(05_number_title_bg.gif); 
}

.number_title_010 {
	color:#660000;
	background-image:url(05_number_title_bg.gif); 
}


.number_title h3{
	float:right;
	claer:right;
	padding:10px 0px 5px 0px;
	margin-bottom:20px;
	width:680px;
	font-size:134%;
	font-weight:bold;
	background-image:url(hasen_col.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

.number_title p {
float:left;
padding:15px 0px;
width:52px;
height:22px;
color:#493A3A;
font-weight:bold;
display:inline;
text-align:center;
	background-image:url(icon_number.gif);
	background-position:left top;
	background-repeat:no-repeat;
}


/******coordinate枠******/
.coordinate {
	border:1px solid #E3BF5E;
	padding:1px 1px 10px 1px;
}

.coordinate h3 {
	margin-bottom:10px;
	padding:6px 8px 6px 8px;
	background-color:#E3BF5E;
}

.coordinate .item {
	float:left;
	margin:0px 0px 0px 8px;
	padding:10px 8px 10px 0px;
	_padding:10px 7px 10px 0px;
	width:228px;
	background-image:url(hasen_low.gif);
	background-position:right top;
	background-repeat:repeat-y;
}

.coordinate .ino_03, .coordinate .ino_06, .coordinate .ino_09 {
	background:none;
}

.coordinate .ino_3, .coordinate .ino_6, .coordinate .ino_9 {
	background:none;
}


.coordinate .item img {
	float:left;
	margin:0px 5px 0px 5px;
	border:1px solid #ccc;
}

.coordinate .item .subtitle {
	padding:2px 10px;
	height:23px;
	font-weight:bold;
	background:url(subtitle_bg.gif) no-repeat;
}

.coordinate .item h4 {
	margin:5px 5px 5px 5px;
	font-weight:bold;
}

.coordinate .item .summary {
	font-size:77%;
}

.coordinate .item .btn a{
	float:right;
	margin:4px 0px;
	padding-left:14px;
	background-image:url(img_icon_subcategory.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

.coordinate .cols {
	clear:both;
	line-height:1;
	font-size:1px;
	margin:0px 10px;
	padding:0px;
	background-image:url(hasen_col.gif);
	background-position:left top;
	background-repeat:repeat-x;
}



img.photo{
	margin-top:0px;
	padding:5px;
	background-image:url(img_imgBg.gif);
}


.photo_area_top{
	float:left;
	width:310px;
	margin-right:20px;
}

.photo_area_top .thum img{
	float:left;
	margin-top:10px;
	padding:5px;
	width:140px;
	background-image:url(img_imgBg.gif);
}

.photo_area_top .thum .thum_01 {
	margin-right:10px;
}

/******backnumber枠******/
.backnumber {
	margin-top:30px;
	padding:15px 9px 9px 9px;
	border:1px solid  #EBE6DC;
	background-color:#F5F2ED;
}

.backnumber h3 {
	padding:0px 0px 5px 0px;
	background-image:url(hasen_col.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

.backnumber ol {
	margin:10px;
}

.backnumber li {
background-image:url(img_hyphen.gif);
background-position:left 10px;
background-repeat:no-repeat;
padding-left:14px;
}


/******リゾートコンテンツ用******/

.resort {
	margin:0px;
}

.resort ul {
	margin:0px;
}


.resort .rule {
	margin:10px;
	padding:10px;
	width:620px;
	background-color:#f2f2f2;
}


.resort .rule_main {
	margin:10px;
	padding:20px;
	width:560px;
	border:solid 1px #ccc;
	background-color:#fff;
}



.resort .rule_main li {
	padding:5px;
}



.resort_contents {
	margin:0px 10px 10px 10px;
	padding:5px;
}

.resort_contents p {
	margin:10px 10px 10px 10px;
	letter-spacing:2px;
}

.resort_contents .sub_title {
margin:20px 0px 0px 0px;
padding:5px 10px;
width:500px;
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
background:#f2f2f2;
	font-size:122%;
	font-weight:bold;
}
.resort_contents .message {
padding:5px 10px;
width:500px;
border:solid 1px #ccc;
color:#000000;
}

.resort_contents .sim_name {
color:#006699;
	font-size:122%;
	font-weight:bold;
}

.resort_contents .note {
padding:5px 10px;
	font-size:80%;
	color:#FF3300;
}

.resort_contents .area_a {
padding:5px 10px;
width:500px;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
background:#e1ffe1;
}

.resort_contents .kukan {
	font-weight:bold;
}

.rule_main .koumoku {
padding:10px 0px;
font-weight:bold;
}


.resort_contents .area_b {
padding:5px 10px;
width:500px;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
background:#ddffff;
}
.resort_contents .area_c {
padding:5px 10px;
width:500px;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
background:#ffe1ff;

}

.resort_contents .area_d {
padding:5px 10px;
width:500px;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
background:#f2f2f2;

}


.resort_image {
	margin:10px 0px 40px 15px;
	padding:0px;
}

.resort h3 {
	margin:0px;
	padding:0px 0px 0px 25px;
	font-size:134%;
	font-weight:bold;
	border-bottom:dashed 1px #ccc;
	background-image:url(img/resort_icon.gif);
	background-repeat:no-repeat;
}

.resort h4 {
	margin-bottom:10px;
	padding:10px 0px 5px 10px;
	width:615px;
	font-size:134%;
	font-weight:bold;
	background-image:url(hasen_col.gif);

}


.resort_contents .resort_rate {
margin:20px 5px;
padding:5px 10px;
width:500px;
border:solid 1px #2a9dae;
color:#990000;
background:#eff8f8;
font-weight:bold;
}

.resort_contents .resort_format {
margin:20px 5px 20px 5px;
padding:5px 10px;
width:500px;
border:solid 1px #ccc;
color:#3333;
background:#f2f2f2;
}
.resort_contents .resort_foot {
margin:20px 5px;
font-weight:bold;
}


.resort .resort_menu {
margin:0px 0px 20px 0px;
padding:0px;
}

.resort .resort_menu li {
	margin:0px;
	padding:0px;
	  color: #fff;
  font-weight:bold;
	width:auto;
	float:left;
}

.resort .resort_menu li.activ {
  margin: 0px;
  padding: 0px;
  display: block;             /* ブロック要素にする */
  width: 140px;                /* 横幅 */
  color: #fff;
  font-weight:bold;
  background-color: #0ab0c2;  /* 背景色 */
  border: outset 1px #9999cc; /* 枠の色 */
  text-align: center;         /* 水平揃え */
  text-decoration: none;      /* 下線を消す */
}


.resort .resort_menu li a {
  margin: 0px;
  padding: 0px;
  display: block;             /* ブロック要素にする */
  width: 140px;                /* 横幅 */
  color: #333;
  background-color: #f2f2f2;  /* 背景色 */
  border: outset 1px #9999cc; /* 枠の色 */
  text-align: center;         /* 水平揃え */
  text-decoration: none;      /* 下線を消す */
}
.resort .resort_menu li a:hover {
  margin: 0px;
  padding: 0px;
  color:#fff;
  font-weight:bold;
  background-color: #0996a6;  /* 背景色 */
  border: solid 1px #9999cc;  /* 枠の色 */

}
.resort .resort_menu li a:active { color: #ffffff; }
.resort .resort_menu li a:visited { color: #333; }