/* *********************************
FileName: style.css
UpdatedBy: -
*********************************** */

/* *********************************
特記事項：

*********************************** */

/* *********************************
001: 基本レイアウト
002: ヘッダー
003: フッター
004: ナビゲーション
005: コンテンツ
006: 見出し
007: テキストリンク
008: 汎用クラス
009: CLEARFIX
010: TOPページ専用
011: 下層ページ専用
012: 
013: 
014: 
015: 
016: 
017: 
018: 
019: 
020: 
*********************************** */


/* *********************************

/* 001: 基本レイアウト

*********************************** */
body {
	border-top:5px solid #000;
	background:url(../images/bg_body.jpg) center top no-repeat;
	margin: 0;
	padding: 0;
	text-align:center;
	color: #333;
	font-size: 75%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	line-height: 170%;
}


#wrap{
	width:818px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

/* ヘッダ */
#header {
	width:818px;
	position:relative;
}


/* コンテンツ */
#content {
	clear:both;margin:0 0 30px 0;text-align:left;
	background:url(../images/bg_content.gif) left top repeat-y;
}

	/* ナビゲーション（サイド） */
	#content #g_nav {margin:0;padding:0;width:175px;float:left;
					 background:url(../images/g_nav/bg_nav.jpg) left 8px no-repeat;}
	#content #g_nav .upper {width:175px;font-size:0.1px;line-height:0.1px;height:8px;
					 background:url(../images/g_nav/nav_upper.jpg) left top no-repeat;}
	#content #g_nav .lower {width:175px;font-size:0.1px;line-height:0.1px;height:8px;
					 background:url(../images/g_nav/nav_lower.jpg) left top no-repeat;}
					 
	/* メインビジュアル */
	#content #main {margin:0;padding:0;width:570px;float:right;}

/* フッター */
#footer {
	background-color:#000;
	padding:0 33px 0;
	clear:both;
	margin:0;
}


/* *********************************

/* 002: ヘッダー

*********************************** */

#header #header_img {float:right;margin-top:53px;margin-bottom:10px;width:575px;height:243px;}
#header div.tel {font-weight:bold;font-size:16px;position:absolute;top:250px;left:15px;}

/* *********************************

/* 003: フッター

*********************************** */

#footer_inner {width:818px;text-align:left;color:#FFF;margin:0 auto;padding:25px 0 40px;}

	#footer_inner .rogo {float:left;font-size:10px;width:300px;}
	#footer_inner .rogo img{float:left;margin-right:20px;}
	
	#footer_inner .right {float:right;font-size:10px;width:300px;color:#7F7F7F;}
	#footer_inner .right span{color:#4D4D4D;}

/* *********************************

/* 004: ナビゲーション（サイド）

*********************************** */

#g_nav ul {padding:0 0 5px 22px; margin:0;}

	#g_nav ul li {margin:0;padding:10px 0 0 0;}
	#g_nav ul li.btn {padding:14px 0 0 0;}



/* *********************************

/* 005: コンテンツ

*********************************** */


/* *********************************

/* 006: 見出し

*********************************** */
h1{float:left;margin:48px 0 0 54px;_margin:48px 0 0 27px;}

h2{padding-bottom:15px;margin-bottom:15px;background:url(../images/dot.gif) 0 bottom repeat-x;}

	h2#short {width:370px;}
	h2#short02 {margin-left:150px;width:370px;background:none;padding-bottom:0;}


/* *********************************

/* 007: テキストリンク

*********************************** */


a { text-decoration:underline;color:#4d4d4d;}
a:hover{ text-decoration:underline;color:#ff0000;}

/* ページの先頭へ */
.pagetop {clear:both;text-align:left;
		  background:url(../images/bg_content.gif) left top repeat-y;}
		  
/* フッターナビ */
#footer_inner .right a {color:#7F7F7F;}
#footer_inner .right a:hover {color:#ff0000;}

/* topフッターナビ */
#info_left a {color:#7F7F7F;}
#info_left a:hover {color:#ff0000;}

body#index #info #whats_new dl a {color:#ffffff;}
body#index #info #whats_new dl a:hover {color:#ff0000;}

/* *********************************

/* 008: 汎用クラス

*********************************** */


/* 基本テキスト */
p{margin-bottom:15px;}

/* テキストサイズ */
.font_xs {font-size:70%;}
.font_s {font-size:85%; line-height:133%;}

/* テキスト強調 */
.bold {font-weight: bold;}

/* テキストカラー */
.brown  {color:#746254;}
.brown02{color:#A4816E;}

/* テキスト位置 */
.left  {text-align:left;}
.center{text-align:center;}
.right {text-align:right;}

.top    {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

/* 回りこみ */
.float_left  {float:left;}
.float_right {float:right;}

/* 画像専用回りこみ */
.img_float_l {float:left;background-color:#FFFFFF;margin:0 30px 0px 0;}
.img_float_r {float:right;background-color:#FFFFFF;margin:0 0 0px 30px;}

/* マージン系 */
.margin10 {margin:10px;}

.marginleft5  {margin-left:5px;}
.marginleft10 {margin-left:10px;}
.marginleft15 {margin-left:15px;}
.marginleft20 {margin-left:20px;}
.marginleft30 {margin-left:30px;}

.margintop5  {margin-top:5px;}
.margintop10 {margin-top:10px;}
.margintop20 {margin-top:20px;}

.marginbottom10 {margin-bottom:10px;}
.marginbottom20 {margin-bottom:20px;}
.marginbottom30 {margin-bottom:30px;}

.margintopbottom10 {margin:10px 0px;}
.margintopbottom20 {margin:20px 0px;}


.indent1 {margin-left:8px;}
.indent2 {margin-left:2em;}
.indent3 {margin-left:3em;}


/* 境界線（ドット）*/
.border{
	clear:both;
	background:url(../images/dot.gif) 0 50% repeat-x;
	padding:30px 0;
	font-size:0.1px;line-height:0.1px;height:1px;
}


/* *********************************

/* 009: CLEARFIX

*********************************** */

.space{clear:both;}
.clfx{clear:both;zoom:1; /*for IE 5.5-7*/ min-height: 1px;}

.clfx:after{/*for modern browser*/
	content:".";
	display: block;
	clear:both;
	height: 1px;
	margin-top: -1px;
	visibility:hidden;
}

br.blockend{clear:both;font-size:1px;}

/* *********************************

/* 010: TOPページ専用

*********************************** */

body#index {background:#000 url(../images/index/bg_index_body.jpg) center top no-repeat;}
body#index #wrap {width:970px;}


body#index #flash ul {position:relative;width:970px;height:558px;margin:0;}
body#index #flash li {position:absolute;text-indent:-9999px;}
body#index #flash li a {display:block;text-decoration:none;}

	#flash #navi01,#flash #navi01 a {top:473px;left: 245px;width: 90px;height: 38px;}
	#flash #navi02,#flash #navi02 a {top:473px;left: 335px;width: 90px;height: 38px;}
	#flash #navi03,#flash #navi03 a {top:473px;left: 425px;width: 90px;height: 38px;}
	#flash #navi04,#flash #navi04 a {top:473px;left: 515px;width: 90px;height: 38px;}
	#flash #navi05,#flash #navi05 a {top:473px;left: 605px;width: 90px;height: 38px;}
	
body#index #info {color:#fff;}
	
	body#index #info #info_left {float:left;width:320px;margin-left:50px;_margin-left:25px;font-size:10px;}
	body#index #info .rogo {float:left;width:300px;
							background:url(../images/dot02.gif) 0 bottom repeat-x;margin-bottom:10px;}
	body#index #info .rogo img{float:left;margin-right:20px;}
	
	body#index #info #whats_new {float:right;width:500px;border:1px solid #262626;
								 margin-right:90px;_margin-right:45px;}
	body#index #info #whats_new dl {margin:7px;}
	body#index #info #whats_new dt {float:left;width:80px;padding:2px;}
	body#index #info #whats_new dd {padding:2px; margin-left:90px;}
	body#index #info #copyright {clear:both;margin-right:90px;padding:10px 0 0;text-align:right;font-size:10px;color:#4C4C4C;}

/* *********************************

/* 011: 下層ページ専用

*********************************** */

/* concept */

#concept dl {}
#concept dt {clear:both;float:left;width:240px;margin-right:20px;padding-bottom:15px;}
#concept dd {float:right;width:300px;padding-bottom:15px;}
#concept dd p {margin-bottom:15px;}

	#concept dt.dt_01,
	#concept dd.dd_01 {height:167px;}

	#concept dt.dt_02,
	#concept dd.dd_02 {height:197px;}

	#concept dt.dt_03,
	#concept dd.dd_03 {height:216px;}

	#concept dt.dt_04,
	#concept dd.dd_04 {height:281px;}

	#concept dt.dt_05,
	#concept dd.dd_05 {height:281px;}


/* plan */

#plan dl {}
#plan dt {clear:both;float:left;width:220px;margin-right:20px;padding-bottom:15px;}
#plan dd {float:right;width:330px;padding-bottom:15px;}
#plan dd p {margin-bottom:10px;}
#plan dd p.price span{color:#FD7A88;font-weight:bold;font-size:15px;padding-right:10px;}

#plan .box_01 {clear:both;border:1px solid #A58F81;width:568px;_width:570px;background-color:#E9E5E2;}
#plan .box_01 p {margin:15px;}

#campaign{ margin-bottom:20px; margin-top:20px;}

/* place */

#place #guide_map ul{
		width:569px;height:225px;margin:0;
		position:relative;background:url(../images/place/img_002.jpg) no-repeat left top;}

	#guide_map li      {position:absolute;text-indent:-9999px;}
	#guide_map li a    {display:block;text-decoration:none;}
	#guide_map li span {display:none;}

	#link01,#link01 a {top: 18px;left: 11px;width: 95px;height:121px;}
	#link02,#link02 a {top: 18px;left:106px;width: 95px;height:121px;}
	#link03,#link03 a {top: 17px;left:248px;width: 47px;height: 39px;}
	#link04,#link04 a {top: 17px;left:295px;width: 47px;height: 39px;}
	#link05,#link05 a {top: 17px;left:342px;width: 47px;height: 39px;}
	#link06,#link06 a {top: 17px;left:389px;width: 47px;height: 39px;}
	#link07,#link07 a {top: 17px;left:436px;width:116px;height: 48px;}
	#link08,#link08 a {top: 65px;left:491px;width: 61px;height: 46px;}
	#link09,#link09 a {top:111px;left:491px;width: 61px;height: 46px;}
	#link10,#link10 a {top:157px;left:491px;width: 61px;height: 46px;}
	
	#link11,#link11 a {top: 17px;left:201px;width: 47px;height: 39px;}


/* food */

#food dl {}
#food dt {clear:both;float:right;height:141px;padding-bottom:20px;}
#food dd {width:340px;height:141px;padding-bottom:20px;}

	#food dt.dt_01,
	#food dd.dd_01 {height:156px;}
	
	#food dt.dt_02,
	#food dd.dd_02 {padding-bottom:0;}


#food .box_01 {border:1px solid #A58F81;width:566px;_width:568px;margin-bottom:20px;}
#food .box_01 img {margin-bottom:15px;}
#food .box_01 p {margin:0 15px 15px;}


/* access */

#access .map {float:right;background-color:#FFFFFF;margin:0 0 0 30px;width:286px;}
#access .map .btn {}

	#access dl {}
	#access dt {clear:both;float:left;width:130px;padding-bottom:3px;color:#736356;font-weight:normal;}
	#access dd {padding-bottom:3px;}


/* request */

#request #formtable {border:1px solid #736356;}
#request #formtable table {width:100%;font-size:100%;_font-size:80%; line-height:170%;}
#request #formtable table th {padding:10px;width:35%;border-bottom:1px dotted #736356;color:#A4816E; background-color:#F9F9F9; font-weight:normal;}
#request #formtable table th.title {background-color:#736356;color:#FFFFFF;}

#request #formtable table th .form_notice {color:#877465;font-size:80%;_font-size:80%;text-align:left;}

#request #formtable table td {padding:10px 10px 10px 15px;width:65%;border-bottom:1px dotted #736356;}


#request #formtable input.ipt_01 {width:200px;}
#request #formtable input.ipt_02 {width:30px;}
#request #formtable input.ipt_03 {width:70px;}
#request #formtable input.ipt_04 {width:330px;}
#request #formtable input.ipt_05 {width:45px;}
#request #formtable select {width:60px;}
#request #formtable textarea {width:300px;}

#request .submit {width:100%;padding:15px 0; text-align:center;}
#request .submit input {margin:0 15px;}