/*
Theme Name:ODAONSEN
Theme URI:
Description:Odaonsen Theme for Wordpress.
Author:ERI NAKATANI
*/


body{
	margin:0px;
	padding:0px;
	font-size:small;
	color:#666666;
	background-image:url(img/back_img.gif);
	background-repeat:repeat;
	}

h1,h2,h3,h4,p,ul,li{
	margin:0px;
	padding:0px;
	}

h4{
	font-size:small;
	}
	
ul{
	list-style:none;
	}


#wrapper{
	width:780px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000066;
	}

/* ヘッダー部分 */	
#header{
	background:#ffffff url(img/ousui_top.gif) no-repeat right top;
	margin-top:0px;
	height:140px;
	width:780px;
	position:relative;
	}
	
#header h1{
	width:414px;
	height:65px;
	background:#ffffff url(img/title_logo.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	margin-top:10px;
	margin-left:10px;
	}

#header h1 a{
	display:block;
	width:414px;
	height:65px;
	}

.tel{
	width:253px;
	height:65px;
	background-image: url(img/header_tel.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	float:right;
	margin-right:10px;
	margin-top:20px;
}

#header-navi{
	position:absolute;
	top:90px;
	left:225px;
	width:540px;
	}

#header-navi li{
	float:left;
	margin-right:5px;
	}

#header-navi li a{
	display:block;
	width:101px;
	height:21px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
	
/*- 宿泊予約 -*/
.n-yoyaku a{
	background-image:url(img/navi_yoyaku.gif);
	}


/*- お客様の声 -*/
.n-koe a{
	background-image:url(img/navi_koe.gif);
	}	
	
/*- サイトマップ -*/
.n-sitemap a{
	background-image:url(img/navi_sitemap.gif);
	}
	
/*- リンク -*/
.n-link a{
	background-image:url(img/navi_link.gif);
	}	

/*- お問い合わせ -*/
.n-info a{
	background-image:url(img/navi_info.gif);
	}
	

/* 文字サイズ変更 */
#size-change{
	position:absolute;
	top:112px;
	left:550px;
	}
#size-change li{
	float:left;
	text-indent:-9999px;
	display:inline;
	overflow : hidden;/* for IE6 */
	}
	
#size-change li a{
	display:block;
	background-repeat:no-repeat;
	height:25px;
	}

.font-size{
	width:71px;
	height:28px;
	background-image:url(img/font_size.gif);
	}

.f-large{
	width:69px;
	height:28px;
	background-image:url(img/size_large.gif);
	}

.f-default{
	width:69px;
	height:28px;
	background-image:url(img/size_default.gif);
	}

/* メニュー */
#menu{
	background:#ffffff url(img/menu_line.gif) no-repeat left bottom;
	margin-top:0px;
	height:60px;
	position:relative;
	}

#menu-navi{
	position:absolute;
	top:10px;
	width:780px;
	}

#menu-navi li{
	float:left;
	}

#menu-navi li a{
	display:block;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
	
	
/* フッター */
#footer{
	width:760px;
	margin-right:20px;
	margin-top:10px;
	padding-bottom:10px;
	height:auto;
	position:relative;
	}

#footer p{
	color:#ffffff;
	text-align:right;
	}

.copy{
	font-family:verdana;
	}


/* リンク部分 */
a{
	text-decoration:none;
	font-weight:bold;
	overflow:hidden;
	outline:none;

	}

a:link{
	color:#003399;
	}

a:hover{
	text-decoration:underline;
	color:#0066CC;
	}


/* top_page */

/*- 料理 -*/
.m-ryouri a{
	width:87px;
	height:35px;
	background-image:url(img/menu_ryouri.gif);
	}

/*- 宿泊 -*/
.m-syukuhaku a{
	width:77px;
	height:35px;
	background-image:url(img/menu_syukuhaku.gif);
	}
	
/*- 温泉 -*/
.m-onsen a{
	width:81px;
	height:35px;
	background-image:url(img/menu_onsen.gif);
	}

/*- アクセス -*/
.m-access a{
	width:81px;
	height:35px;
	background-image:url(img/menu_access.gif);
	}

/*- 周辺観光 -*/
.m-kankou a{
	width:84px;
	height:35px;
	background-image:url(img/menu_kankou.gif);
	}

/*- 経営者 -*/
.m-keieisya a{
	width:77px;
	height:35px;
	background-image:url(img/menu_keieisya.gif);
	}

/*- 若女将日記 -*/
.m-wakaokami a{
	width:99px;
	height:35px;
	background-image:url(img/menu_wakaokami.gif);
	}

/*- こぼればなし -*/
.m-koborebanashi a{
	width:110px;
	height:35px;
	background-image:url(img/menu_koborebanashi.gif);
	}

/*- おみやげ-*/
.m-omiyage a{
	width:83px;
	height:35px;
	background-image:url(img/menu_omiyage.gif);
	}


/* トップページ用 */
#page_body{
	width:780px;
	height:auto;
	background:#ffffff url(img/bg_img.gif) no-repeat left bottom;
	position:relative;
	}

/* フラッシュ */
#visual{
	width:780px;
	height:300px;
	}


/* あいさつ */
#left{
	width:385px;
	height:auto;
	float:left;
	}
	
#left h2{
	width:272px;
	height:52px;
	background:#ffffff url(img/welcome.gif) no-repeat;
	text-indent:-9999px;
	margin-left:25px;
	}
	
#left p{
	margin-left:25px;
	margin-top:10px;
	line-height:150%;
	}

#left h4 a{
        display:block;
	width:208px;
	height:105px;
	background:#ffffff url(img/banner_spring.jpg) no-repeat;
	text-indent:-9999px;
	margin-left:25px;
        margin-top:10px;
	}

/* お知らせいろいろ */
#right{
	width:375px;
	height:auto;
	float:left;
	margin-left:20px;
	}
	
#right h2{
	width:373px;
	height:28px;
	background:#ffffff url(img/t_what.gif) no-repeat;
	text-indent:-9999px;
	margin-left:2px;
	margin-top:10px;
	/*
	margin-top:60px;
	*/
	}

#right ul{
	margin:15px 0px 30px 20px;
	}
	
#right li{
	background:url(img/icon_sankaku.gif) left no-repeat;
         background-position: 0px 5px;
	padding-left:15px;
	/*text-indent:-6em;*/
	padding-bottom:10px;
	padding-top:0px;
	padding-right:5px;
	}

#right h3{
	width:372px;
	height:32px;
	background:#ffffff url(img/kensaku.gif) no-repeat;
	text-indent:-9999px;
	margin-left:2px;
	margin-top:10px;
	}

#kensaku form{
         padding-left:15px;
         padding-top:10px;
         padding-bottom:30px;
         }

#counter p{
	text-align:right;
	}

#counter{
	bottom:10px;
	right:20px;
	position:absolute;
	}

/*ie6用*/
#page_body hr{
 	clear:both;
 	width:0px;
	}

/* ++++++ ニュースコンテンツのデザイン ++++++ */

#monthmain	{
	background-color: #ffffff;
         height:auto;
	overflow: hidden;
	}

#monthmain:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #monthmain {
    height: 1em;
    overflow: visible;
}
/**/


#monthmain	{
	background:#FFFFFF url(img/ousui_under.gif) no-repeat scroll left bottom;
         position:relative;
         padding-top:20px;
         padding-bottom:170px;
	}

#monthsidebar	{
	background-color: #ffffff;
	width: 200px;
	float: left;
	font-size: small;
	}

#monthcontent	{
	width: 520px;
	float: left;
	margin-left: 20px;
	padding-bottom: 20px;
	}


#monthsidebar ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#monthsidebar li strong	{
	display: block;
	padding: 10px 20px 0 20px;
	}

#monthsidebar li li	{
	padding: 5px 5px 5px 20px;
	background-image: url(img/icon_sankaku.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
         margin-left:10px;
         line-height:120%;
	}

#monthsidebar li li a	{
	/*color: #666666;
	text-decoration: none;*/
	border-bottom: dotted 1px #999999;
	}

#monthcontent #date	{
	font-size: small;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	color: #666666;
	}

#monthcontent #date img	{
	vertical-align: middle;
	padding: 10px 10px 20px;
	}


#monthpost	{
	padding-bottom: 10px;
	}

#monthpost h2	{
	background-image: url(img/bar_small.gif);
	background-repeat: no-repeat;
	color: #666666;
	font-size: medium;
	padding: 6px 10px;
	}

#monthpost p	{
	font-size: small;
	line-height: 150%;
	padding: 10px 10px;
	}


#monthlist h2	{
	margin: 30px 0 0;
	padding-bottom: 5px;
	border-bottom: solid 4px #69d600;
	font-size: small;
	}

#monthlist h2 a	{
	text-decoration: none;
	color: #00657d;
	}

#monthlist h2 span	{
	color: #888888;
	font-size: small;
	font-family: Verdana, Helvetica, sans-serif;
	}

#monthlist h2 a:hover	{
	color: #00a0c6;
	}

#monthlist p	{
	margin-top: 10px;
	font-size: small;
	line-height: 140%;
	}

/*　各PAGE用　*/
#contents{
	width:780px;
	background:#ffffff url(img/ousui_under.gif) bottom left no-repeat;
	position:relative;
	}

#contents h2{
         text-indent:-9999px;
         background:#ffffff url(img/waka_title.gif) right no-repeat;
         height:160px;
         }

#contents h3	{
	background:#ffffff url(img/bar_ss.gif) left top no-repeat;
	background-repeat: no-repeat;
	color: #666666;
	font-size: medium;
	padding: 10px 10px 0 10px;
         margin-left:20px;
         height:33px;
	}


#post01{
         padding:0 20px 190px 40px;
       }

#post01 p{
         line-height:150%;
         }


/*宿泊テンプレート用*/

/*- 料理 -*/
.s-ryouri a{
	width:87px;
	height:35px;
	background-image:url(img/s-menu_ryouri.gif);
	}

/*- 宿泊 -*/
.s-syukuhaku a{
	width:77px;
	height:35px;
	background-image:url(img/s-menu_syukuhaku.gif);
	}
	
/*- 温泉 -*/
.s-onsen a{
	width:81px;
	height:35px;
	background-image:url(img/s-menu_onsen.gif);
	}

#title_img {
	float:left;
	position:absolute;
	top:25px;
	right:0px;
	}

.page_down{
	width:114px;
	height:22px;
	position:absolute;
	right:0px;
	top:115px;
	}

#main_img {
	float:left;
	margin:0px 20px 0px 20px;
	display:inline;
	}

#title{
	padding-top:30px;
	height:450px;
	}

#title h2{
	width:158px;
	height:64px;
	background-image:url(http://odaonsen.chicappa.jp/wordpress/wp-content/uploads/syukuhaku_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-left:15px;
	}

#title h3{
	width:177px;
	height:29px;
	background-image:url(http://odaonsen.chicappa.jp/wordpress/wp-content/uploads/kinoyado.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-left:15px;
	margin-bottom:10px;
	}

#syukuhaku_top{
	float:left;
	width:456px;
	padding-top:62px;
	}
	
#title p{
	padding-right:20px;
	padding-left:20px;
	}


#heya{
	float:none;
	width:780px;
	height:220px;
	margin-top:10px;
	position:relative;
	}
	
#heya h3{
	width:177px;
	height:29px;
	background-image:url(http://odaonsen.chicappa.jp/wordpress/wp-content/uploads/heya.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-left:40px;
	}


#heya p{
	padding-top:5px;
	padding-left:50px;
	padding-right:20px;
	}

#risyouan{
	width:780px;
	height:350px;
	margin-top:10px;
	position:relative;
	}

#risyouan h3{
	width:177px;
	height:29px;
	background-image:url(http://odaonsen.chicappa.jp/wordpress/wp-content/uploads/risyouan1.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
	}

#risyouan_img{
	float:left;
	margin-left:40px;
	margin-right:30px;
	display:inline;
	}

#risyouan_text{
	float:left;
	width:533px;
	margin-top:35px;
	}

#risyouan p{
	padding-right:20px;
	}
	
	

/*  写真 */

#photo{
	height:350px;
	width:700px;
	background-color:#ffffff;
	padding-left:40px;
	padding-right:40px;
	position:relative;
	}

.left_top{
	position:absolute;
	left:40px;
	top:60px;
	}
	
.left_bottom{
	position:absolute;
	left:40px;
	top:166px;
	}

.right_top{
	position:absolute;
	left:190px;
	top:60px;
	}

.right_bottom{
	position:absolute;
	left:190px;
	top:166px;
	}

.large_img{
	width: 384; 
	height: 266; 
	position:absolute;
	right:35px;
	top:30px;
	}


#post01{
         padding:0 20px 190px 40px;
       }

#post01 p{
         line-height:150%;
         }


/* 各ページ共通 */

img {
    border-style:none;
}

#sy_page_body{
	width:780px;
	background:#ffffff url(img/ousui_under.gif) bottom left no-repeat;
	position:relative;
	}


#page_up{
	width:780px;
	position:relative;
	/*height:40px;*/
	}
	
#page_up p{
	text-align:right;
	}

#page_up a{
	display:block;
	width:100px;
	height:20px;
	background:#ffffff url(img/page_up.gif) right center no-repeat;
	padding-right:20px;
	text-decoration:none;
	}

.up{
	position:absolute;
	bottom:10px;
	right:60px;
	}
	

.section{
	background:#ffffff url(img/kugiri_line.gif) no-repeat right bottom;
	margin-right:30px;
	padding-bottom:30px;
         line-height:150%;
	}

/*  料金表  */

table,th,td{
	border:none;
	}

table{
	margin-left:10px;
	width:95%;
	}

#table01{
	margin-bottom:20px;
	}

	
#table01 table{
	background-color:#666666;
	}

#table01 th{
	background-color:#cccccc;
	height:15px;
	}

#table01 td{
	background-color:#e6e6cc;
	height:15px;
	}


#ryoukin th{
	
	white-space:nowrap;
	}

#ryoukin h3{
	margin-top:5px;
	margin-bottom:5px;
	}

#ryoukin p{
	margin-left:10px;
	}

.okosama_ryoukin{
	white-space:nowrap;
	}
	
.excuse_cell{
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:0;
	}

.excuse{
	margin-top:5px;
	margin-bottom:20px;
	}

th.course{
	text-align:center;
	}

td.center{
	text-align:center;
	}

#btn{
	text-align:right;
	margin-top:40px;
	}

/*  囲み部分  */
.lv1{
	background:#e6e6cc; /*url(http://odaonsen.chicappa.jp/wordpress/wp-content/uploads/bg_corner1.gif) no-repeat left top;*/
	margin:15px;
	min-height: 640px;
  	height: auto !important;
  	height: 640px;
	}

.lv2{
	background:url(http://odaonsen.chicappa.jp/wordpress/wp-content/uploads/bg_corner2.gif) no-repeat right top;
	min-height: 640px;
  	height: auto !important;
  	height: 640px;
	}

.lv3{
	background:url(http://odaonsen.chicappa.jp/wordpress/wp-content/uploads/bg_corner3.gif) no-repeat left bottom;
	min-height: 640px;
  	height: auto !important;
  	height: 640px;
	}	

.lv4{
	padding:20px;
	background:url(http://odaonsen.chicappa.jp/wordpress/wp-content/uploads/bg_corner4.gif) no-repeat right bottom;
	min-height: 600px;
  	height: auto !important;
  	height: 600px;
	}

#kakomi{
	/*width:780px;*/
	position:relative;
  	height: auto;
	margin-bottom:130px;
	}