@charset "utf-8";

/* ブラウザスタイルの初期化 */

* {
  font-size: 100%;
  font-style: normal;
  font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Verdana, Arial, sans-serif;
  line-height: 1.2em;
  margin: 0;
}

img {
	border:0;
}

p{
	line-height:160%;
}

.p_b10 {
	padding-bottom:10px;
}

/* body要素のスタイル */

body {
	background:url(image/bg.jpg) center repeat-y #fff;
}

/* 宿ページのスタイル */

#yado {
	width:780px;
	padding:10px;
	font-size:14px;
}

#yado h2 {
	color:#FF0066;
	font-size:18px;
	font-weight:bold;
}

#yado table {
	width:100%;
}

/* 打ち消し */

.fnt-del {
	text-decoration: line-through;
}

/* パンクズ */

.panlist {
	padding:0 10px;
}

* html .panlist {
	margin-bottom:5px;
}

.panlist #pan{
	padding:0;
}

.panlist #pan li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}

.panlist #pan li a {
	padding-right:10px;
	background:url(image/pan.gif) no-repeat right center;
}


div#container {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  font-size: 12px;
  line-height: 1.6em;
}
  
div#container a{
  color: #003399;
  text-decoration:underline;
  }
 
div#container a:hover{
	color:#FF0066;
  }
  
/* div#headerのスタイル */

div#header { 
  width: 800px;
  height: 86px;
  background: #fff url(image/header_01.gif) no-repeat;
  }

div#header h1 {
  font-size: 10.5px;
  color: #fff;
  padding-top: 8px;
  margin-left: 170px;
  }
  
div#header_2 {
	width: 800px;
	height: 34px;
	background: #fff url(image/header_02.gif) no-repeat;
  }
  
div#header_2 img {
  	margin:0;
}

div#header_2link{ 
  text-align:right;
  padding-right:10px;
  padding-top:10px;
  }

div#header_2link a {
  font-size:0.7em;
  text-decoration:underline;
  color:#FFFFFF
  }

div#header_2link a:hover {color:#FFFF00;}
div#header_2link img{vertical-align:middle;}
   
/* その他のスタイル */
.left{
	float:left;
	}
.right{
	float:right;
	}

.gray{
	color:#999999;
	}

hr.dot01 {
    border: 1px #999999 dotted; 
	clear:both;
}

img.left {
  float: left;
  margin-right: 10px;
  }

img.left02 {
  float: left;
  margin-right: 10px;
  margin-left: 200px;
  }

img.right {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  }

.textsmall {
	font-size: 10px;
  }

.textmedium {
  font-size:medium;
  font-weight:bold;
  }

.textmedium a{
  font-size:medium;
  font-weight:bold;
  }

.orange {
  color: #FF6600;
  }

.clearfloat{
  clear: both;
  }
.line_001 {
  background-image: url(image/line_001.gif);
  height:1px;
  clear: both;
}
.list01 {
  list-style: url(image/li.gif);
  margin-left: 15px;
  }

.list02 {
  margin-left: 23px;
  }

.list03 {
  list-style: none;
  margin-left: 23px;
  }
.list04 {
  list-style: url(image/li02.gif)none;
  margin-left: 23px;
  margin-bottom:10px;
  }
.formstyle { 
  background-color: #fff;
  border:1px;
  border-color:85b9e9;
} 

.formstyle2 { 
  background-color:#FF6699;
  border:1px;
  border-color:85b9e9;
  float:right;
} 

.mt5 {
  padding-top: 5px;
  }

.mt15 {
  padding-top: 15px;
  }
 
 .mb5{
 	padding-bottom:5px;
	}

.mb15{
	padding-bottom:15px;
	}

.ml30{
	padding-left:30px;
	}
	
.t01 {
  background-color: #ffffff;
  padding: 5px;
  }

.t02 {
  background-color: #FFCCCC;
  padding: 5px;
  }

.tc{
	text-align:center;
}

.coupon01{
	width: 230px;
	height: 90px;
	background: url(image/coupon/coupon01.gif) no-repeat;
	padding:5px;
	margin: 5px;
	float: left;
   }
   
.coupon02{
	width: 230px;
	height: 90px;
	background: url(image/coupon/coupon01.gif) no-repeat;
	padding:5px;
	margin: 5px;
	float: right;
   }


p.text01{
	padding: 3px 0px 3px 70px;
	font-size:medium;
	font-weight:bold;
   }

.large{
	font-size:large;
	}

.bold{
	font-weight:bold;
	}
	
.bg_pink{
	background-color:#FF33FF;
	color:#FFFFFF;
	}

.bg_sitecolor{
	color:#000000;
	background-color:#CCCCCC;
	}
	
.b_pink{
color:#FF0066;
font-weight:bold;
}

div#toku{
padding-left:20px;
padding-right:20px;
}

div#toku table{
font-size:0.8em;
size:100%;
padding:0px;
}

.toku{
font-size:16px;
color:#3399FF;
font-weight:bold;
}

.pink16{
font-size:14px;
color:#FF0066;
font-weight:bold;
}

.m10{
margin-top:10px;
margin-left:5px;
line-height:1.4em;
}

.font_pink_s{
font-size:0.8em;
color:#FF0066;
}

/*　検索ボックス */

#searchBox {
	width:780px;
	margin-bottom:10px;
	padding: 0 10px 0 0;
	text-align:right;
	float:right;
	line-height:150%;
}
#searchBox .keyword {
	padding:2px 0;
	border-bottom:2px solid #ccc;
	border-left:2px solid #666;
	border-top:2px solid #666;
	border-right:2px solid #ccc;
}
#searchBox .submit {
	padding:3px 5px;
	cursor:pointer;
	background:url(image/submit_bg.png) repeat-x;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-top: 1px solid #CCCCCC;
	color: #fff;
	font-weight:bold;
	text-align:center;
	vertical-align:baseline;
}

#wrapper,#contents {
	clear:both;
}

/* プランのウリ */

.point {
	padding:0;
	margin:0;
	color:#ff0000;
	font-weight:bold;
	list-style:none;
}


.keshi {
	text-decoration:line-through;
}

/* 口コミボタン */

.btn_kuchikomi {
	margin-top:10px;
	background:url(./yado/img/kuchikomi/btn_kuchikomi.png) no-repeat;
}

.btn_kuchikomi a {
	width:135px;
	height:71px;
	display:block;
	text-indent:-9999px;
}

.btn_kuchikomi a:hover {
	background:url(./yado/img/kuchikomi/btn_kuchikomi_on.png) no-repeat;
}

ul.photo {
float:left;
margin:0;
padding:0;
}

ul.photo li {
padding:0;
margin:0;
list-style:none;
float:left;
background:#eee;
margin-right:10px;
}

ul.photo li img {
width:165px;
padding:10px;
}


