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

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

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

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


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

/* 001: 基本レイアウト

*********************************** */
body {
	background:url(../images/bg_body.jpg) 50% 0 no-repeat;
	margin: 0 0 0 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: 133%;
}


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

/* ヘッダ */
#header {
	background:url(../images/bg_head.jpg) 0 100% no-repeat;
	padding:30px 6px 0;
	width: 100%;
	text-align:center;
}

/* ナビゲーション */
#g_nav {
	background:url(../images/bg_content4.jpg) 0 0 repeat-y;
	padding:0 6px 10px;
}


/* コンテンツ */
#content {
	background:url(../images/bg_content3.jpg) 0 0 no-repeat;
	padding:0 6px 20px;
	margin:0;
	text-align:left;
}


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


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

/* 002: ヘッダー

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


/* 共通ヘッダ */
#header div.head{
	width:791px;
	margin:0 auto;
}

#header div img{float:left;}
#header div .text{ margin-left:23px;}

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

/* 003: フッター

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

#footer .foot_box{
	background:url(../images/dot.gif) 0 0 repeat-x;
	padding:20px 0 30px 0;
}

#footer .foot_menu{
	background:url(../images/bg_foot.jpg) 0 0 no-repeat;
	padding:20px 17px;
	font-size:95%;
}

#footer .foot_menu img{
	float:left;
	margin-top:2px;
}

#footer .foot_menu div{
	width:630px;
}

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

/* 004: ナビゲーション

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

#g_nav ul{ padding:0 0 0 29px; margin:0; float:left;}

#g_nav ul li{ float:left; margin:0; padding:0;}

#g_nav .request{
	float:right;
	padding-right:30px;
	text-align:right;
}

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

/* 005: コンテンツ

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

#content .inquiry{
	background-color:#f2f2f2;
	margin-top:18px;
	padding:5px;
}

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

/* 006: 見出し

*********************************** */
h1{margin:0 0 15px; padding:0;}

h2{margin:0 0 5px; padding:0; color:#7C6854; font-weight:bold;}

h3{margin:0 0 5px; padding:0; color:#7C6854; font-weight:bold;}

/* トピックパス */
#topic_path {clear:both; font-size:90%; padding:6px 12px 20px; font-weight:bold;}
#topic_path a{color:#333; text-decoration:underline; font-weight:100;}
#topic_path span{color:#7BC12B;}

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

/* 007: テキストリンク

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


a { text-decoration:none; color:#333;}
a:hover{ text-decoration:underline;}

/* ページの先頭へ */
.pagetop {clear:both; margin: 15px 10px 0 0; text-align: right;}
.pagetop a { text-decoration:none; color:#333; text-decoration:underline;}
.pagetop a:hover{ color:#0066FF;}

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

/* 008: 汎用クラス

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


/* 基本テキスト */
p{ }

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

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

/* テキストカラー */
.red  {color: #ff0000;}
.blue {color: #0033FF;}
.orange {color: #FF9900;}
.gray {color: #666666;}

/* テキスト位置 */
.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_left  {float:left;margin-left:10px;margin-right:10px;margin-bottom:10px;}
.img_float_right {float:right;margin-left:10px;margin-right:10px;margin-bottom:10px;}

/* マージン系 */
.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;}
.margintop15 {margin-top:15px;}
.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;}


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

/* 009: 汎用ボックス

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

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

.box_100{width:100px;}
.box_200{width:200px;}
.box_300{width:300px;}
.box_400{width:400px;}
.box_500{width:500px;}

/* 段組 */
div.step_double,
div.step_triple,
div.step_4ple,
div.step_5ple {clear: both;width: 99.9%;}

div.step_double div {float: left;padding-right:10px;width: 49%;}
div.step_triple div {float: left;padding-right: 1px;width: 33%;}
div.step_4ple div   {float: left;padding-right: 3px;width: 24.3%;}
div.step_5ple div   {float: left;padding-right: 2px;width: 19%;}

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

/* 010: 汎用リストタイプ

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

#content ul li {
	margin:0;
}

#content ul.arow li,
#content dl.arow dt{
	padding-left:15px;
	background:url(../images/list_icon02.gif) 0 3px no-repeat;
}

ul.type_disc,
li.type_disc {list-style-position: outside;list-style-type: disc;margin-left: 19px;}

ul.type_circle,
li.type_circle {list-style-position: outside;list-style-type: circle;margin-left: 19px;}

ul.type_none,
li.type_none {list-style-position: outside;list-style-type: none;margin-left: 19px;}

ol {margin-left: 3px;_margin-left: 9px;}
ol li {list-style-position: outside;line-height: 133%;margin-left: 16px;}


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

/* 011: 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;}

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

/* 012: TOPページ専用

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

#index #wrap{
	background:url(../images/bg_body_bottom.jpg) 0 100% no-repeat;
	width:780px;
	margin:0 auto;
	padding:0 0 50px;
	text-align:left;
}

#index #footer {
	background:url(../images/bg_content.jpg) 0 0 repeat-y;
	padding:0 33px 0 ;
	clear:both;
	margin:0;
}

#index #content {
	background:url(../images/bg_content.jpg) 0 0 repeat-y;
	padding:0 6px 20px;
	margin:0;
	text-align:left;
}


/* メインイメージ部分 */
#index .main_img{
	background:url(../images/bg_content2.jpg) 0 0 repeat-y;
	padding:10px 6px 0;
}

/* 新着情報部分 */
#index .new_box{
	margin-top:15px;
	width:586px;
	float:left;
}

#index .new_box .new_top{
	background:url(../images/what_corner_top.jpg) 0 0 repeat-y;
	height:10px;
	font-size:1px;
	line-height:0;
}

#index .new_box .new_bottom{
	background:url(../images/what_corner_bottom.jpg) 0 0 repeat-y;
	height:10px;
	font-size:1px;
	line-height:0;
}


#index .new_box .text{
	background:url(../images/what_corner_middle.jpg) 0 0 repeat-y;
	padding:0 0 0 29px;
}

#index .new_box .text dl{
	padding:5px 30px 11px 0;
}

#index .new_box .text dt{
	clear:both;
	color:#69370F;
	float:left;
	padding:10px 0 2px 3px;
}

#index .new_box .text dd{
	background:url(../images/dot.gif) 0 100% repeat-x !important;
	padding-left:8em;
	padding-top:10px;
	padding-bottom:2px;
}

/* バナー部分 */
#index .banner_box{
	width:162px;
	float:right;
}

#index .banner_box img{
	margin-top:15px;
	vertical-align:top;
}

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

/* 013: 下層ページ専用

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

#content .main_box { padding:20px 27px 0;}

 /* story */

#story #wrap{
	background:none;
	width:780px;
	margin:0 auto;
	padding:0 0 20px;
	text-align:left;
}

#story #footer {
	background:url(../images/bg_body_bottom2.jpg) 0 100% no-repeat;
	padding:0 33px 0 ;
	clear:both;
	margin:0;
}

#story #footer .foot_box{
	background:url(../images/dot.gif) 0 0 repeat-x;
	padding:20px 0 10px 0;
}

#story #content {
	background:url(../images/bg_content3.jpg) 0 0 repeat-y;
	padding:0 6px 20px;
	margin:0;
	text-align:left;
}

#story p.story_01 {
 margin-bottom:100px;
 line-height:150%;
 }

/* plan */

#plan .main_box p{
	line-height:150%;
}


#plan .plan_list {margin-bottom:10px;}
#plan .plan_list .pict {float:left; padding-right:15px;}
#plan .plan_list .text {float:left; width:520px;}
#plan .plan_list .text img { margin-top:10px;}

#plan .order_box {
	background:url(../images/plan/afterplan_bg_order.jpg) 0 0 repeat-y;
	border:2px solid #E2C5B3;
	margin-top:20px;
	padding:20px;
}

#plan .order_box ul { margin-bottom:20px;}
#plan .order_box h3 { font-size:115%;}
#plan .order_box p.ttl { font-weight:bold; color:#7C6854;}
#plan .order_box ul li { padding-left:7px; margin:3px 0; line-height:150%;}

#plan .order_box ul.af li {
	background:url(../images/plan/dot.gif) 0 8px no-repeat;
	padding-left:10px;
}

/* place */

#place img.place_01 {
 margin-left:18px;
 }
 
#place #Space_box{
	margin-left:38px;
	margin-top:20px;
	}

#place #Space_box ul{
width:630px;
height:376px;
margin:0px 0px;
position:relative;
background: url(../images/place/index_img01.gif) no-repeat left top;
}

#Space_box li{position: absolute;text-indent: -9999px;}

#Space_box li a{display: block;text-decoration: none;}

#Space_box li span{display:none;}

#LinkA,#LinkA a{top:0px;left: 0px;width:83px;height:40px;}

#LinkB,#LinkB a{top:40px;left: 0px;width:64px;height:38px;}

#LinkC,#LinkC a{top:0px;left: 83px;width:35px;height:63px;}

#LinkD,#LinkD a{top:0px;left: 117px;width:34px;height:63px;}

#LinkE,#LinkE a{top:0px;left: 152px;width:130px;height:113px;}

#LinkF,#LinkF a{top:0px;left: 283px;width:63px;height:113px;}

#LinkG,#LinkG a{top:0px;left: 347px;width:63px;height:113px;}

#LinkH,#LinkH a{top:0px;left: 410px;width:34px;height:62px;}

#LinkI,#LinkI a{top:0px;left: 445px;width:62px;height:40px;}

#LinkJ,#LinkJ a{top:0px;left: 507px;width:36px;height:81px;}

#LinkK,#LinkK a{top:0px;left: 544px;width:85px;height:81px;}

#LinkL,#LinkL a{top:133px;left: 374px;width:34px;height:53px;}

#LinkM,#LinkM a{top:188px;left: 374px;width:34px;height:53px;}

#LinkN,#LinkN a{bottom:0px;right: 284px;width:67px;height:99px;}

#LinkO,#LinkO a{bottom:0px;right: 245px;width:37px;height:99px;}

#LinkP,#LinkP a{bottom:0px;right: 153px;width:68px;height:117px;}

#LinkQ,#LinkQ a{bottom:0px;right: 87px;width:65px;height:117px;}

#LinkR,#LinkR a{bottom:0px;right: 0px;width:85px;height:117px;}

#LinkS,#LinkS a{bottom:135px;left: 262px;width:110px;height:108px;}

#LinkT,#LinkT a{bottom:135px;left: 409px;width:52px;height:108px;}

 
/* access */

#access dl {
 margin-bottom:15px;
 line-height:150%;
 }

#access dt{
 color:#7C6854; 
 font-weight:bold;
 }
 
#access div.access_01{
 float:left;
 width:360px;
 margin-left:18px;
 }
 
#access .leftbox{
	float:left;
 }

#access .leftbox img{
margin-bottom:10px;
 }
 
 
/* form */


#form #formtable {
  width:100%;
}

#form table{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	}

#formtable input {
	vertical-align:middle;
}

#formtable input.none {
	vertical-align:top;
}


#form #formtable td {
  padding:6px 0px;
  border-bottom:1px dashed #A1A1A1;
  text-align:left;
}

#form #formtable .inner {
  padding:6px 0px;
  border-bottom:0;
  text-align:left;
  _font-size:100%;
}

#form .form_ttl {
  width: 548px;
  font-weight:bold;
  color:#7C6854;
  border-bottom:1px solid #A1A1A1;
  padding-bottom:6px;
  margin-bottom:6px;
  text-align:left;
}

#form .form_notice {
  color:#006FB8;
  font-size:10px;
  text-align:left;
}

#form p.nobpad {
  margin-bottom: 0;
}

#form #formMail {
		padding:12px;
		background-color:#FFFFFF;
}
#form #formMail th {
	padding-top: 6px;
	padding-bottom: 6px;
	color:#7C6854;
	line-height: 140%;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	vertical-align: top;
	padding-right: 10px;
}
#form #formMail em {
	color: #C5001B;
	font-style: normal;
	font-weight: normal;
	font-size:90%;
	_font-size:85%;
}
#form #formMail strong {
	font-weight: bold;
	color: #C5001B;
}
#form #formMail th.headlabel {
	color:#7C6854;
	padding-top: 20px;
	border-bottom-style: solid;
	border-bottom-color: #7C6854;
}
#form #formMail td {
	padding-top: 6px;
	padding-bottom: 6px;
	color: #666666;
	line-height: 140%;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	vertical-align: top;
}
#form #formMail .inner th {
	padding: 2px;
	border-bottom-style: none;
	color:#7C6854;
}

#form #formMail .inner td {
	padding: 2px;
	border-bottom-style: none;
}
#form .errorStr {
	color: #CC0000;
}

#form .clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

#form .form_01{
	margin-bottom:20px;
	line-height:150%;
	_font-size:100%;
	}
	
#form .form_02{
	line-height:150%;
	_font-size:100%;
	}
	
	
/* food */

#food #wrap{
	background:none;
	width:780px;
	margin:0 auto;
	padding:0 0 20px;
	text-align:left;
}

#food #footer {
	background:url(../images/bg_body_bottom2.jpg) 0 100% no-repeat;
	padding:0 33px 0 ;
	clear:both;
	margin:0;
}

#food #footer .foot_box{
	background:url(../images/dot.gif) 0 0 repeat-x;
	padding:20px 0 10px 0;
}

#food #content {
	background:url(../images/bg_content3.jpg) 0 0 repeat-y;
	padding:0 6px 20px;
	margin:0;
	text-align:left;
}

#food .food_01{
	margin-left:15px;
	}

/*  */

#course .main_box p {
	line-height:150%;
}

#course dl {
 margin-bottom:25px;
 line-height:160%;
 }

#course dt{
 color:#7C6854; 
 font-weight:bold;
 }
 
#course div.menu_01{
 float:left;
 width:360px;
 margin-left:18px;
 }

#course .float_left img{
	margin-bottom:20px;
 }