@charset "utf-8";

/* ブラウザスタイルの初期化 */

*{
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: black;
	font-weight: normal;
	font-style: normal;
	font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Verdana, Arial, sans-serif;
	text-decoration: none;
	line-height: 1.5em;
}

p{
	line-height:160%;
}

img {
	border:none;
}

ul,li {
	list-style:none;
}

/* body要素のスタイル */

body {
	background:url(image/bg.jpg) center repeat-y #fff;
}

/* div#containerのスタイル */

div#container {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  background-color:white;
  padding: 0px;
  font-size: 12px;
  line-height: 1.6em;
}
  
div#container a{
	color: #0033FF;
	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;}

/*----------------------------------------------------
	テーブル
----------------------------------------------------*/

.table-01 {
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:small;
}

.table-01 th {
    padding: 5px;
    border: #ccc solid;
    border-width: 0 0 1px 1px;
    background: #f3f3f3;
    line-height: 120%;
    white-space: nowrap;
	border-width:medium
}
.table-01 td {
    padding: 5px;
	border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
}

/* その他のスタイル */
.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;
}

/* コンパFAQ */

div#faq h3{
font-size:9px;
color:#000000
}

.pickup{
background-color:#FF6600;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:0.8em;
padding:2px;
font-weight:bold;
font-style:italic;
}
  
.faqanswer{
font-size:1.4em;
color:#0099FF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.faq_bold{
background-color:#FFE1F0;
font-weight:bold;
margin:0 4px 0 4px;
}

.border_green{
border-bottom:#00FF00 3px solid;
}

/* 2008サマーキャンペーン */

.t03 {
	background: url(image/summer_bg.gif) repeat-x bottom #fff;
	font-size:12px;
	padding:10px;
	border:1px solid #fff;
}

.t03 img {
	width:180px;
	height:120px;
	padding:10px 0 5px 10px;
}

/* 口コミページのスタイル */

h2#kuchi {
	border-left:10px solid #FF0066;
	border-bottom:1px solid #FF0066;
	padding:5px 0 3px 15px;
	margin-bottom:20px;
	font-size:24px;
}

.kuchi_area {
	background:#f3f3f3;
	padding:10px;
	font-size:20px;
	text-align:center;
	font-weight:bold;
}

#kuchi_main {
	width:700px;
	margin-left:20px;
}

#kuchi_main p{
	border:1px solid #ccc;
	margin:10px;
	padding:3pxx;
}

#kuchi_main .bad {
	background:#f5f5f5;
	border:1px solid #999999;
	margin:10px;
	padding:10px;
}


#kuchi_main a {
	font-weight:bolder;
}

#kuchi_main h4{
	font-size:16px;
	margin-top:20px;
	border-top:1px solid #CCCCCC;
	padding-top:10px;
}

#kuchi_side {
	float:left;
	background:#f3f3f3;
	width:150px;
	padding:10px;
	margin-right:20px
}

/* 特集ページのスタイル */

.pickup_ichijo {
	background:#000;
	color:#FFF;
}

/* サマーキャンペーン2009 */

table.normal {
	background:#fff;
	color:#000000;
}

table.normal td {
	padding:10px;
	text-align:left;
	border:1px solid #ccc;
}

table.normal .center {
	text-align:center;
}

.bg_gray {
	background:#eee;
}

/* 空き情報 */

div.aki {
	padding:10px;
	margin:10px;
	border:3px solid #dd0000;
	background:url(image/temp/aki09_fukidashi.gif) no-repeat right top;
}

div.aki h2 {
	border-left:6px solid #dd0000;
	margin-bottom:10px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
}

div.aki h3 {
	color:#dd0000;
	font-weight:bold;
	margin-bottom:5px;
}

div.aki .left {
	width:280px;
	float:left;
	padding-bottom:5px;
}

div.aki .right {
	width:280px;
	float:right;
	margin-left:10px;
	padding-bottom:5px;
}

div.aki ul li {
  list-style: inside url(image/li.gif);
  margin-left: 15px;
}

div.aki div.info {
	padding-top:10px;
}
div.aki div.info .tel {
	color:#dd0000;
	font-size:14px;
	font-weight:bold;
}

.cboth {
	clear:both;
}

/*　検索ボックス */

#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;
}
/* パンクズ */

.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#mailform input,select,textarea{
border: 1px solid #999;
background-color:#FFF;
padding:2px;
}

div#mailform table{
border-spacing:10px;
}

div#mailform .koumoku{
	width:120px;
}

div#mailform .formbutton{
border: 1px solid #999;
padding:2px;
margin-top:20px;
margin-bottom:20px;
margin-right:20px;
font-size:16px;
width:180px;
cursor:pointer;
}

#mailform input:focus,textarea:focus,select:focus{
background-color:#FFF4FA;
}