/*
Theme Name: sunroute
Theme URI:
Description:
Author:
Author URI:
Version: 1.0.2
*/


/*	##################################
   	共通
	################################## */

* {
	margin:0;
	padding:0;
}
	
body {
	margin:0;
	padding:0;
	background:#888888;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	color: #333333;
	font-size: 0.8em;
	line-height: 1.6em;
	text-align: center;
}

a {
	color:#3366CC;
}

img {
	border: none;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}

ul,li {
	margin:0;
	padding:0;
}


.clear {
	clear:both;
}

.modoru {
	float: right;
	font-size: 0.8em;
}

.next {
	text-align: center;
	font-size: 1.0em;
}

.border{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CFCFCF;
}

.border_b15{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CFCFCF;
	margin-bottom: 15px;
}

.aki_t20{
	margin-top: 20px;
}
.aki_b5{
	margin-bottom: 5px;
}
.aki_b10{
	margin-bottom: 10px;
}
.aki_tb15{
	margin-top: 15px;
	margin-bottom: 15px;
}
.aki_tb20{
	margin-top: 20px;
	margin-bottom: 20px;
}
.center{
	text-align: center;
}

table {
	font-family: "ＭＳ Ｐゴシック", Osaka;
	color: #333333;
	font-size: 0.9em;
	line-height: 1.6em;
}


/*	##################################
   	レイアウト
	################################## */

#box00 {
	width:800px;
	margin:0 auto;
	background:#FFFFFF;
	text-align: left;
}

#content {
	width:800px;
	height:auto;
	background:#FFFFFF;
	margin:0 0 15px 0;
	padding:0;
}
/** Win IE4〜6、Mac IE4〜5のみ適用 */
* html #content {
	width:740px;
	margin:-75px 30px 0 30px;
}

#content-info {
	width:800px;
	height:auto;
	background:#FFFFFF;
	margin:-10px 0 15px 0;
	padding:0;
}
/** Win IE4〜6、Mac IE4〜5のみ適用 */
* html #content-info {
	width:740px;
	margin:20px 30px 0 30px;
}

#content-page {
	width:800px;
	height:auto;
	background:#FFFFFF;
	margin:0 0 15px 0;
	padding:0;
}
/** Win IE4〜6、Mac IE4〜5のみ適用 */
* html #content-page {
	width:740px;
	margin:-110px 30px 10px 30px;
}

#content-left {
	float:left;
	width:500px;
	height:auto;
	margin:30px 30px 0 30px;
	min-height:400px;
}
/** Win IE4〜6、Mac IE4〜5のみ適用 */
* html #content-left {
	margin:0;
}

.info_ue {
	background: url(img/info_ue.gif) no-repeat;
	width:500px;
	height:20px;
}
#content-left-info {
	float:left;
	width:500px;
	height:auto;
	margin:30px 30px 20px 30px;
	background:#F2F2F2;
}
/** Win IE4〜6、Mac IE4〜5のみ適用 */
* html #content-left-info {
	margin:0 30px 0 0;
}
.info_sita {
	background: url(img/info_sita.gif) no-repeat;
	width:500px;
	height:20px;
	margin-top:-20px;
}

#content-right {
	float:right;
	width:210px;
	margin:30px 30px 0 0;
	height:auto;
}
/** Win IE4〜6、Mac IE4〜5のみ適用 */
* html #content-right {
	margin:0;
}

#content-right-single {
	float:right;
	width:210px;
	margin:30px 30px 10px 0;
	height:auto;
}
/** Win IE4〜6、Mac IE4〜5のみ適用 */
* html #content-right-single {
	margin:0;
}

#footer {
	width:800px;
	height:50px;
	margin: 0;
	padding: 0;
	background:#96B4EB;
}



/*	##################################
   	ヘッダー
	################################## */

#header {
	width:800px;
	height:90px;
	background:url(img/bg_header.jpg) no-repeat;
}

#header h1 {
	text-indent: -9999px;
}

ul#menu {
	position: relative;
	width: 800px;
	height:35px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
	text-decoration: none;
}
ul#menu li a {
	position: absolute;
	height:35px;
	display: inline;
	top: 0;
}

li#bt00home a {
	background: url(img/bt00home.gif) no-repeat;
	width: 114px;	
	left: 0;
}
li#bt00home a:hover{
	background: url(img/bt00home_over.gif);
}
li#bt01room a {
	background: url(img/bt01room.gif) no-repeat;
	width: 114px;	
	left: 114px;
}
li#bt01room a:hover{
	background: url(img/bt01room_over.gif);
}
li#bt02banquet a {
	background: url(img/bt02banquet.gif) no-repeat;
	width: 114px;
	left: 228px;	
}
li#bt02banquet a:hover{
	background: url(img/bt02banquet_over.gif);
}
li#bt03restaurant a {
	background: url(img/bt03restaurant.gif) no-repeat;
	width: 114px;
	left: 342px;	
}
li#bt03restaurant a:hover{
	background: url(img/bt03restaurant_over.gif);
}
li#bt04wedding a {
	background: url(img/bt04wedding.gif) no-repeat;
	width: 114px;
	left: 456px;	
}
li#bt04wedding a:hover{
	background: url(img/bt04wedding_over.gif);
}
li#bt05access a {
	background: url(img/bt05access.gif) no-repeat;
	width: 115px;
	left: 570px;	
}
li#bt05access a:hover{
	background: url(img/bt05access_over.gif);
}
li#bt06request a {
	background: url(img/bt06request.gif) no-repeat;
	width: 115px;
	left: 685px;	
}
li#bt06request a:hover{
	background: url(img/bt06request_over.gif);
}


/** Flash下の日本語ナビゲーション／home.phpのみ */
#flash_menu {
	width: 800px;
	margin: 0;
	padding: 0;
}
ul#flash_menu {
	list-style: none;
}
ul#flash_menu li {
	float: left;
	width: 133px;
	text-align: center;
	padding: 2px 0 0 0;
}
ul#flash_menu li a {
	color: #333333;
	font-size: 0.9em;
	text-decoration: none;
}



/*	##################################
   	見出し
	################################## */
	
h2#home500 {
	background: url(img/title_info.gif) no-repeat;
	width: 460px;
	height: 25px;
	text-indent: -9999px;
	margin: 0 20px 0 20px;
}

h2#archive_title {
	background: url(img/title_archive.gif) no-repeat;
	width: 500px;
	height: 25px;
	margin: 0;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 1.1em;
	color: #FFF;
}

h2#archive_title a {
	color: #FFF;
	text-decoration: none;
}

h2#page_title {
	text-indent: -9999px;
}

h3 {
	font-size: 1.1em;
}

h3.side_h3 {
	font-size: 1.0em;
	font-weight: normal;
}

h3.info_h3 {
	margin-top: 20px;
}

h4 {
	color: #A76026;
	font-size: 1.0em;
	font-weight: normal;
}

h4.time {
	font-size: 0.8em;
	font-weight: normal;
	color: #999999;
}

h5.info_h5 {
	font-size: 0.9em;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CFCFCF;
	padding-bottom: 7px;
	margin-bottom: 20px;
}



/*	##################################
   	コンテンツ中身
	################################## */
	
/** コンテンツ左 */
.box-left {
	width: 500px;
	height: auto;
	margin:20px 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C5E1F5;
	padding-bottom: 20px;
}

.box-left-single {
	width: 500px;
	height: auto;
	margin:20px 0 -20px 0;
}

.box-left-info {
	margin:0 20px 0 20px;
}


/** コンテンツ右 */
ul.box-right {
	margin: 0;
	padding: 0;
	list-style: inside;
}

/** ページ用 */
#page {
	width: 740px;
	height: auto;
	padding: 0 30px;
}
/** Win IE4〜6、Mac IE4〜5のみ適用 */
* html #page {
	width: 740px;
	height: auto;
	padding: 0;
}


/*	##################################
   	サイドバー／宿泊予約ボタン・バナー
	################################## */

/** 宿泊予約・空室照会・予約確認のボタン */
#btroom_bg {
	width:190px;
	height:155px;
	background:#E2EdF5;
	padding: 10px;
	margin-bottom: 10px;
}

/** トップページ右側　バナー */
ul#banner {
	list-style: none;
	text-decoration: none;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

ul#banner a {
	display: block;
}

/** レストラン　バナー */
li#bt_banner01 a {
	background: url(img/bt_banner01.jpg) no-repeat;
	width: 210px;
	height: 60px;
	margin-bottom: 10px;
}
li#bt_banner01 a:hover{
	background: url(img/bt_banner01_over.jpg);
}
/** ウェディング　バナー */
li#bt_banner02 a {
	background: url(img/bt_banner02.jpg) no-repeat;
	width: 210px;
	height: 60px;
	margin-bottom: 10px;
}
li#bt_banner02 a:hover{
	background: url(img/bt_banner02_over.jpg);
}
/** 団体予約　バナー */
li#bt_banner03 a {
	background: url(img/bt_banner03.jpg) no-repeat;
	width: 210px;
	height: 60px;
}
li#bt_banner03 a:hover{
	background: url(img/bt_banner03_over.jpg);
}


/*	##################################
   	共通・投稿の写真
	################################## */

.photo_p500{
	width: 500px;
	height: auto;
}

.photo_left{
	width: 245px;
	height: auto;
	margin:15px 0 10px 0;
	float:left;
	font-size: 0.9em;
}

.photo_right{
	width: 245px;
	height: auto;
	margin:15px 0 10px 10px;
	float:right;
	font-size: 0.9em;
}

.photo3{
	width: 500px;
	height: auto;
}
.photo3_12{
	width: 330px;
	height: auto;
	float: left;
}
.photo3_1{
	width: 160px;
	float: left;
}
.photo3_2{
	width: 160px;
	float: right;
}
.photo3_3{
	width: 160px;
	height: auto;
	float: right;
}


/*	##################################
   	宿泊・ご予約
	################################## */

.reservation {
	background: #FFFFFF;
	width: 480px;
	height: auto;
	margin: 15px 0;
	padding: 10px;
	border: 1px solid #C9303D;
	font-size: 1.1em;
	font-weight: bold;
}
.reservation strong {
	color: #C9303D;
	font-size: 1.5em;
}
/** Win IE4〜6、Mac IE4〜5のみ適用 */
* html .reservation {
	width: 500px;
}



/*	##################################
   	レストラン
	################################## */

.restaurant   {
	font-size: 1.1em;
}

.restaurant_p500{
	width: 500px;
	height: auto;
}

.restaurant_left{
	width: 245px;
	height: auto;
	margin:0 0 10px 0;
	float:left;
	font-size: 0.9em;
	text-align: left;
}

.restaurant_right{
	width: 245px;
	height: auto;
	margin:0 0 10px 10px;
	float:right;
	font-size: 0.9em;
	text-align: left;
}



/*	##################################
   	ウェディング
	################################## */

h2#wedding_title {
	background: url(img/wedding_h2.gif) no-repeat;
	width: 740px;
	height: 30px;
	text-indent: -9999px;
	margin-top: 15px;
}

h3#wedding_h3 {
	background: url(img/wedding_h3.gif) no-repeat;
	width: 740px;
	height: 21px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-indent: -9999px;
}

h4#wedding_h4 {
	background: url(img/wedding_h4.gif) no-repeat;
	width: 740px;
	height: 30px;
	margin-top: 20px;
	margin-bottom: 15px;
	text-indent: -9999px;
}

h5#wedding_m01 {
	background: url(img/wedding_m01.gif) no-repeat;
	width: 740px;
	height: 20px;
	margin-top: 25px;
	text-indent: -9999px;
}

h5#wedding_m02 {
	background: url(img/wedding_m02.gif) no-repeat;
	width: 740px;
	height: 20px;
	margin-top: 15px;
	text-indent: -9999px;
}

h5#wedding_m03 {
	background: url(img/wedding_m03.gif) no-repeat;
	width: 740px;
	height: 20px;
	margin-top: 15px;
	text-indent: -9999px;
}

h5#wedding_m04 {
	background: url(img/wedding_m04.gif) no-repeat;
	width: 740px;
	height: 20px;
	margin-top: 15px;
	text-indent: -9999px;
}

h5#wedding_m05 {
	background: url(img/wedding_m05.gif) no-repeat;
	width: 740px;
	height: 20px;
	margin-top: 15px;
	text-indent: -9999px;
}

h6#wedding_h6 {
	background: url(img/wedding_m11.gif) no-repeat;
	width: 100px;
	height: 18px;
	margin-bottom: 15px;
	text-indent: -9999px;
}

p#wedding_photo01 {
	background: url(img/wedding_image.jpg) no-repeat;
	width: 740px;
	height: 249px;
	margin-top: 10px;
	margin-bottom: 30px;
}

#wedding_illust00 {
	width: 140px;
	height: 178px;
	float: right;
}
.wedding_illust {
	background: url(img/wedding_illust.gif) no-repeat;
	width: 140px;
	height: 178px;
}
.illust_left {
	height: 178px;
}

#sisyoku {
	background:#F7F3E0;
	width: 710px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #D6C987;
}
/** Win IE4〜6、Mac IE4〜5のみ適用 */
* html #sisyoku {
	background:#F7F3E0;
	width: 740px;
}


/*	##################################
   	交通案内
	################################## */

#content-left-access {
	float:left;
	width:500px;
	height:auto;
	margin:-20px 0 0 0;
}
/** Win IE4〜6、Mac IE4〜5のみ適用 */
* html #content-left-access {
	margin:-25px 0 0 0;
}

#content-right-access {
	float:right;
	width:210px;
	margin: 15px 0 0 30px;
	height:auto;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CFCFCF;
}

#access_pho00 {
	width: 180px;
	height: auto;
	float: right;
	margin-left: 20px;
	margin-top: 25px;
	margin-bottom: 20px;
	font-size: 0.9em;
}

.access00 {
	height: auto;
	width: 500px;
	padding-top: 30px;
}

.access01 {
	clear:both;
	height: auto;
	width: 500px;
}

.access_left {
	float: left;
	height: auto;
	width: 235px;
	margin-bottom: 20px;
}

.access_right {
	float: right;
	width: 235px;
	margin-left: 30px;
	margin-bottom: 20px;
}

h3.access_h3 {
	color: #3366CC;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366CC;
}

ul.access_ul {
	margin: 0;
	padding: 0;
	list-style: inside;
}

ul.access_ul li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CFCFCF;
	padding-bottom: 10px;
	padding-top: 10px;
}

#sightseeing00 {
	width: 180px;
	height: auto;
	float: right;
	margin-left: 20px;
	margin-top: 25px;
	font-size: 0.9em;
}

.sightseeing_pho001 {
	width: 180px;
	height: 120px;
}

.sightseeing_pho002 {
	width: 180px;
	height: 120px;
	margin-top: 7px;
}

.sightseeing_pho003 {
	width: 180px;
	height: 120px;
	margin-top: 7px;
}

.sightseeing_pho004 {
	width: 180px;
	height: 120px;
	margin-top: 7px;
}



/*	##################################
   	資料請求・予約フォーム
	################################## */

h2#request_title {
	background: url(img/title_bgbule740.gif) no-repeat;
	width: 740px;
	height: 30px;
	margin-top: 15px;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 1.1em;
	color: #FFF;
}

#request_bg {
	background: #F2F2F2;
	width: 640px;
	height: auto;
	padding: 20px 50px 10px 50px;
	margin-top: 10px;
}
/** Win IE4〜6、Mac IE4〜5のみ適用 */
* html #request_bg {
	margin-bottom:20px;
}

textarea{
	width: 640px;
	height: auto;
}

.cyuui {
	background: #FFFFFF;
	width: 620px;
	height: auto;
	margin: 15px 0;
	padding: 10px;
	border: 1px solid #A76026;
}
/** Win IE4〜6、Mac IE4〜5のみ適用 */
* html .cyuui {
	width: 640px;
}


/*	##################################
   	フッター
	################################## */

.footleft {
	margin:10px 0 0 30px;
	padding:0;
	color:#333;
	float:left;
	font-size: 0.75em;
	line-height: 1.2em;
}
.footleft a:link {
	color:#333;
}

.footright {
	margin:10px 30px 0 0;
	padding:0;
	color:#333;
	float:right;
	font-size: 0.75em;
	line-height: 1.2em;
}