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

	Kouragi. - mso_index.css

============================================================

    0. All
    1. Global Navi	(Left Column)
    2. Container	(Center Column)

////////////////////////////////////////////////////////////*/
@import url("mso_reset.css");

@charset "utf-8";

/* ページ全体の背景色 */
body {
	background-color:#150e08;
}

/* Safari4対応 */
/* (bodyにclassかidをつけないとSafari4に対応できないっぽい) */
body#mso_screen {
	background-color:#150e08;
}

html[xmlns] div#mso_allscreen {
	float:left;
	width:100%;
	text-align:center;
	background-image:url(../img/mso_bottombg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FEF5E4;
}


/* IE6 HACK */
div#mso_allscreen {
	width:100%;
	text-align:center;
	background-image:url(../img/mso_bottombg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}



/* ============================================================
    0. All
   ============================================================ */
/* all(全要素をまとめるブロック) */
html[xmlns] div.mso_all {
	width:950px;
	position:relative;
	left:50%;
	margin-left:-475px;
	background-image:url(../img/mso_index_sub.jpg);
	background-repeat:no-repeat;
	text-align:left;
	float:left;
	background-color:#150e08;
}

/* IE6 HACK */
div.mso_all {
	width:950px;
	background-image:url(../img/mso_index_sub.jpg);
	background-repeat:no-repeat;
	text-align:left;
}


/* ============================================================
    1. Global Navi	(Left Column)
   ============================================================ */
/* 左カラム全体 */
div.mso_leftColumn {
	width:186px;
	margin:0 16px 0 18px;
	float:left;
}

/* IE6対応 */
* html div.mso_leftColumn {
	width:186px;
	margin:0 16px 0 9px;
}

/* グローバルナビのエリア指定 */
div.mso_leftColumn div.mso_globalNaviArea {
	width:186px;
	height:593px;
	background-image:url(../img/mso_menufooter.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
}

/* ロゴ */
div.mso_leftColumn div.mso_globalNaviArea h1#mso_logo a {
	background-image:url(../img/mso_menuhead.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	width:186px;
	height:170px;
	overflow:hidden;
	font-size:0px;
	text-indent:-9999px;
	color:#FEF5E4;
	float:left;
}

/* グローバルナビエリア */
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float:left;
}

/*------------------------------ グローバルナビボタン Start ------------------------------*/	   
/* グローバルナビ(甲羅戯だより) */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi a#mso_news {
	display:block;
	width:186px;
	height:40px;
	background-image:url(../img/mso_g_navi01.gif);
	text-indent:-9999px;
	color:#FEF5E4;
}

/* グローバルナビ(甲羅戯だより)_ロールオーバー */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi li a#mso_news:hover {
	background-image:url(../img/mso_g_navi01_o.gif);
}

/* グローバルナビ(季節のお料理・プラン) */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi a#mso_plan {
	display:block;
	width:186px;
	height:40px;
	background-image:url(../img/mso_g_navi02.gif);
	text-indent:-9999px;
	color:#FEF5E4;

}

/* グローバルナビ(季節のお料理・プラン)_ロールオーバー */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi li a#mso_plan:hover {
	background-image:url(../img/mso_g_navi02_o.gif);
}

/* グローバルナビ(館内のご案内) */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi a#mso_room {
	display:block;
	width:186px;
	height:40px;
	background-image:url(../img/mso_g_navi03.gif);
	text-indent:-9999px;
	color:#FEF5E4;
}

/* グローバルナビ(館内のご案内)_ロールオーバー */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi li a#mso_room:hover {
	background-image:url(../img/mso_g_navi03_o.gif);
}

/* グローバルナビ(甲羅戯の芸術) */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi a#mso_art {
	display:block;
	width:186px;
	height:40px;
	background-image:url(../img/mso_g_navi04.gif);
	text-indent:-9999px;
	color:#FEF5E4;
}

/* グローバルナビ(甲羅戯の芸術)_ロールオーバー */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi li a#mso_art:hover {
	background-image:url(../img/mso_g_navi04_o.gif);
}

/* グローバルナビ(甲羅戯の周辺) */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi a#mso_around {
	display:block;
	width:186px;
	height:40px;
	background-image:url(../img/mso_g_navi05.gif);
	text-indent:-9999px;
	color:#FEF5E4;
}

/* グローバルナビ(甲羅戯の周辺)_ロールオーバー */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi li a#mso_around:hover {
	background-image:url(../img/mso_g_navi05_o.gif);
}

/* グローバルナビ(お問い合わせ) */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi a#mso_call {
	display:block;
	width:186px;
	height:40px;
	background-image:url(../img/mso_g_navi06.gif);
	text-indent:-9999px;
	color:#FEF5E4;
}

/* グローバルナビ(お問い合わせ)_ロールオーバー */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi li a#mso_call:hover {
	background-image:url(../img/mso_g_navi06_o.gif);
}

/* グローバルナビ(ご予約はこちら) */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi a#mso_reserve {
	display:block;
	width:186px;
	height:40px;
	background-image:url(../img/mso_g_navi07.gif);
	text-indent:-9999px;
	color:#FEF5E4;
}

/* グローバルナビ(ご予約はこちら)_ロールオーバー */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi li a#mso_reserve:hover {
	background-image:url(../img/mso_g_navi07_o.gif);
}

/* グローバルナビ(通信販売) */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi a#mso_shop {
	display:block;
	width:186px;
	height:40px;
	background-image:url(../img/mso_g_navi08.gif);
	text-indent:-9999px;
	color:#FEF5E4;
}

/* グローバルナビ(通信販売)_ロールオーバー */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi li a#mso_shop:hover {
	background-image:url(../img/mso_g_navi08_o.gif);
}

/* グローバルナビ(甲羅戯ブログ) */   
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi a#mso_blog {
	display:block;
	width:186px;
	height:90px;
	background-image:url(../img/mso_g_navi09.gif);
	text-indent:-9999px;
	color:#FEF5E4;
}

/* グローバルナビ(甲羅戯ブログ)_ロールオーバー */
div.mso_leftColumn div.mso_globalNaviArea ul.mso_globalNavi li a#mso_blog:hover {
	background-image:url(../img/mso_g_navi09_o.gif);
}

/*------------------------------ グローバルナビボタン End --------------------------------*/	 

/* ============================================================
    2. Container	(Center Column)
   ============================================================ */

/* サイトマップボタン */
div#mso_centerColumn a#mso_sitemap {
	display:block;
	width:80px;
	height:17px;
	background-image:url(../img/mso_g_navi11.gif);
	background-repeat:no-repeat;
	font-size:0px;
	color:#150e08;
	text-indent:-9999px;
	float:right;
	margin:20px 10px 0 0;
}

/* リンクボタン */
div#mso_centerColumn a#mso_link {
	display:block;
	width:80px;
	height:17px;
	background-image:url(../img/mso_g_navi10.gif);
	background-repeat:no-repeat;
	font-size:0px;
	color:#150e08;
	text-indent:-9999px;
	float:right;
	margin:20px 10px 0 0;
}

/* Flash Playerボタン */
div#mso_centerColumn a#mso_flash_player {
	display:block;
	width:160px;
	height:41px;
	background-image:url(../img/mso_get_flash_player.jpg);
	background-repeat:no-repeat;
	font-size:0px;
	color:#FFFFFF;
	text-indent:-9999px;
	float:right;
	margin:465px -125px 0 0;
}