@charset "utf-8";
/* ===================================================================
CSS information

 file name  :misc.css
 author     :Ability Consultant
style info  :分類できないページ専用設定　ハックは最下部に記述
 1. 共通
 2. anniversary/index.php アニバーサリープラン
 3. rakuen/index.php 楽園物語（キッズ・フレンドリー・バリアフリー）
 4. download/index.php パンフレットダウンロード
 5. faq/index.php よくあるご質問
 6. privacy/index.php プライバシーポリシー
 7. yakkan/index.php 宿泊約款
 8. sitemap/index.php サイトマップ
 9. corporate/index.php 特定商取引法に基づく表示
 
※ページごとにbody idが異なります
=================================================================== */


/*----------------------------------------------------
	共通
----------------------------------------------------*/
#misc .con_txt p{
	margin: 0 0 20px 0;
}



/* サブメニュー 楽園物語 / アニバーサリープラン
   各ページで親ボックスのIDが変わります
-----------------------------------------------*/
.menu_misc {
	width: 710px;
	height: 45px;
	margin: 0 0 20px 0;
	background: url(../misc/rakuen/images/menu_misc.gif) no-repeat 0 0;
	text-indent: -9998px;
}

.menu_misc li {
	height: 45px;
	float: left;
}

.menu_misc li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

/* 3世代で安心して楽しめるGOOD TIME RESORT */
.menu_misc .sm_rakuen {
	width: 205px;
}

.menu_misc .sm_rakuen a:hover,
#m_raku .menu_misc .sm_rakuen a {
	background: url(../misc/rakuen/images/menu_misc.gif) no-repeat 0 -45px;
}

/* アニバーサリープラン */
.menu_misc .sm_anni {
	width: 211px;
}

.menu_misc .sm_anni a:hover,
#m_anni .menu_misc .sm_anni a {
	background: url(../misc/rakuen/images/menu_misc.gif) no-repeat -205px -45px;
}





/*----------------------------------------------------
	anniversary/index.php アニバーサリープラン
----------------------------------------------------*/

/* con_catch キャッチ
-----------------------------------------------*/
#anni .con_catch {
	width: 680px;
	margin: 0 0 40px 0;
	padding: 180px 0 0 30px;
	background: url(../misc/anniversary/images/bg_catch.jpg) no-repeat 0 0;
}

#anni .con_catch h3 {
	visibility: hidden;
}

#anni .con_catch .txtcatch {
	margin: 0 0 15px 0;
	padding: 0 240px 0 0;
}

/* サービス一覧 */
#anni .con_catch .box_service {
	width: 710px;
	margin: 30px 0 20px -30px;
}

#anni .con_catch .box_service .list_service {
	width: 735px;
	margin: 10px -65px 0 0;
	padding: 0 0 0 40px;
	background: url(../misc/anniversary/images/bg_service.gif) repeat-y;
	overflow: hidden;
}

#anni .con_catch .box_service .list_service dl {
	width: 174px;
	margin: 0 65px 0 0;
	float: left;
}

#anni .con_catch .box_service .list_service dd {
	padding: 0 10px;
}

/* 注意事項 */
#anni .con_catch .box_attention {
	width: 655px;
	padding: 10px 0;
	background-color: #f9f6e6;
	border: 7px #f0e5b8 solid;
}

#anni .con_catch .box_attention ul {
	padding: 0 0 0 30px;
}

#anni .con_catch .box_attention ul li {
	list-style-type: disc;
}


/* con_set セットプラン
-----------------------------------------------*/
#anni .con_set {
	width: 710px;
	margin: 0 0 40px 0;
}

#anni .con_set h4 {
	margin: 0 0 15px 0;
}

#anni .con_set .list_plan {
	width: 710px;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px #c5b58a solid;
	overflow: hidden;
}

#anni .con_set .list_plan .planname {
	width: 343px;
	float: left;
}

#anni .con_set .list_plan .txt {
	width: 350px;
	padding: 10px 0 0 0;
	float: right;
}

#anni .con_set .list_plan .txt .price {
	width: 350px;
	padding: 10px 0;
	border-top: 3px #a08256 double;
	border-bottom: 1px #a08256 solid;
	text-align: right;
}

#anni .con_set .list_plan .txt .price span {
	font-weight: bold;
	font-size: 90%;
}

#anni .con_set .list_plan .txt .price em {
	color: #ca6931;
	font-weight: bold;
	font-size: 110%;
}

#anni .con_set .list_plan .txt .ex {
	margin: 0 0 10px 0;
	text-align: right;
	font-size: 86%;
}

/* テーブル */
#anni .con_set .list_plan .txt .tb_main {
	width: 348px;
	margin: 0 0 10px 0;
}

#anni .con_set .list_plan .txt .tb_main th {
	width: 30%;
}

#anni .con_set .list_plan .txt .txtphoto {
	color: #a3775f;
	font-size: 86%;
}


/* con_alacarte アラカルト
-----------------------------------------------*/
#anni .con_alacarte {
	width: 710px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#anni .con_alacarte h4 {
	margin: 0 0 15px 0;
}

#anni .con_alacarte .photo {
	width: 96px;
	padding: 0 0 0 30px;
	float: left;
}

#anni .con_alacarte .txt {
	width: 545px;
	float: right;
}

#anni .con_alacarte .txt p {
	color: #a3775f;
	font-size: 86%;
}

#anni .con_alacarte .txt .tb_main {
	width: 545px;
	margin: 0 0 5px 0;
}

#anni .con_alacarte .txt .tb_main th {
	width: 30%;
}


/* con_reserve アラカルト
-----------------------------------------------*/
#anni .con_reserve {
	width: 710px;
	margin: 0 0 60px 0;
}

#anni .con_reserve h4 {
	margin: 0 0 15px 0;
}

#anni .con_reserve .box_reserve {
	width: 556px;
	padding: 10px 70px;
	background-color: #f9f6e6;
	border: 7px #f0e5b8 solid;
}

#anni .con_reserve .box_reserve .bt_plan {
	text-align: center;
}






/*----------------------------------------------------
	rakuen/index.php 楽園物語（キッズ・フレンドリー・バリアフリー）
----------------------------------------------------*/
#rakuen #main h3 {
	margin: 0 0 15px 0;
}

/* con_catch キャッチ
-----------------------------------------------*/
#rakuen .con_catch {
	width: 680px;
	padding: 210px 0 0 30px;
	background: url(../misc/rakuen/images/bg_catch.jpg) no-repeat 0 0;
}

#rakuen .con_catch p {
	padding: 0 245px 0 0;
}


/* pagenav ナビゲーション
-----------------------------------------------*/
#rakuen .pagenav {
	width: 609px;
	margin: 60px -20px 30px 60px;
	overflow: hidden;
}

#rakuen .pagenav li {
	width: 183px;
	margin: 0 20px 0 0;
	float: left;
}


/* con_rakuen 共通指定
-----------------------------------------------*/
#rakuen .con_rakuen {
	width: 710px;
	margin: 0 0 40px 0;
}

#rakuen .con_rakuen h4 {
	margin: 0 0 15px 0;
}

#rakuen .con_rakuen .txt_top {
	padding: 0 20px;
}

/* 各部屋紹介 */
#rakuen .con_rakuen .box_about {
	width: 710px;
	margin: 20px 0;
	overflow: hidden;
}

/* こんな設備がそろっています */
#rakuen .con_rakuen .box_faci {
	width: 641px;
	padding: 15px 15px 15px 20px;
	background-color: #f9f6e5;
	border: 7px #f0e5b8 solid;
	overflow: hidden;
	clear: both;
}

#rakuen .con_rakuen .box_faci .txt {
	width: 475px;
	float: left;
}

#rakuen .con_rakuen .box_faci .txt ul {
	min-height: 46px;
	margin: 0 0 10px 0;
	padding: 0 0 0 70px;
}

#rakuen .con_rakuen .box_faci .txt ul li {
	list-style-type: disc;
}

#rakuen .con_rakuen .box_faci .txt .list_faci_room {
	background: url(../misc/rakuen/images/st_faci_room.gif) no-repeat 0 0;
}

#rakuen .con_rakuen .box_faci .txt .list_faci_spa {
	background: url(../misc/rakuen/images/st_faci_spa.gif) no-repeat 0 0;
}

#rakuen .con_rakuen .box_faci .txt .list_faci_dish {
	background: url(../misc/rakuen/images/st_faci_dish.gif) no-repeat 0 0;
}

#rakuen .con_rakuen .box_faci .txt .list_faci_setsubi {
	background: url(../misc/rakuen/images/st_faci_setsubi.gif) no-repeat 0 0;
}

#rakuen .con_rakuen .box_faci .photo {
	width: 132px;
	float: right;
}

/* 個別指定
------------------------------------------*/

/* ご年配の方 */
#rakuen #gp .box_about .about_l {
	width: 261px;
	margin: 0 1px 0 20px;
	float: left;
}

#rakuen #gp .box_about .about_r {
	width: 341px;
	float: left;
}

#rakuen #gp .box_about .about_r .ex {
	padding: 5px 0 0 15px;
}

/* お子様 */
#rakuen #child .box_about .about_t {
	margin: 0 0 1px 0;
	overflow: hidden;
}

#rakuen #child .box_about .about_t .img_l {
	margin: 0 60px 0 0;
}

#rakuen #child .box_about .about_b {
	padding: 0 0 0 115px;
}

/* ママ */
#rakuen #mother .box_about .about_t {
	margin: 0 0 1px 0;
	overflow: hidden;
}

#rakuen #mother .box_about .about_t .img_l {
	margin: 0 60px 0 0;
}

#rakuen #mother .box_about .about_b {
	padding: 0 0 0 115px;
}


/* con_service サービス
-----------------------------------------------*/
#rakuen .con_service {
	width: 710px;
	margin: 0 0 60px 0;
}

#rakuen .con_service h5 {
	margin: 0 0 15px 0;
}

#rakuen .con_service .tb_main {
	width: 710px;
}

#rakuen .con_service .tb_main th {
	width: 30%;
}

#rakuen .con_service .tb_main td {
	text-align: center;
}




/*----------------------------------------------------
	download/index.php パンフレットダウンロード
----------------------------------------------------*/

/* con_guide ダウンロードについて
-----------------------------------------------*/
#download .con_guide {
	width: 710px;
	margin: 0 0 40px 0;
}

#download .con_guide h3 {
	margin: 0 0 20px 0;
}

#download .con_guide .ex {
	padding: 0 10px;
}

#download .con_guide .box_pdf {
	width: 676px;
	margin: 20px 0 0 0;
	padding: 10px;
	background-color: #f9f6e5;
	border: 7px #f0e5b8 solid;
}

#download .con_guide .box_pdf .getpdf {
	width: 656px;
	margin: 5px 0 0 0;
	padding: 20px 10px 10px 10px;
	background-color: #f4f0d7;
	font-size: 86%;
	overflow: hidden;
}

#download .con_guide .box_pdf .getpdf img {
	margin: -10px 0 0 0;
}


/* con_pamph ダウンロードについて
-----------------------------------------------*/
#download .con_pamph {
	width: 730px;
	margin: 0 -20px 0 0;
	overflow: hidden;
}

#download .con_pamph .list_pamph {
	width: 345px;
	margin: 0 20px 20px 0;
	float: left;
	overflow: hidden;
}

#download .con_pamph .list_pamph .txt {
	width: 180px;
	padding: 0 0 0 50px;
	background: url(../misc/download/images/ic_download.gif) no-repeat 0 2px;
	font-weight: bold;
	float: left;
}

#download .con_pamph .list_pamph .photo {
	width: 64px;
	float: right;
}






/*----------------------------------------------------
	faq/index.php よくあるご質問
----------------------------------------------------*/
#faq #main h3 {
	margin: 0 0 15px 0;
}

/* con_category カテゴリーリスト
-----------------------------------------------*/
#faq .con_category {
	width: 696px;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	background-color: #f9f6e5;
	border: 7px #f0e5b8 solid;
}

#faq .con_category ul {
	width: 674px;
	margin: 0 auto;
	overflow: hidden;
}

#faq .con_category ul li {
	width: 337px;
	padding: 10px 0;
	background: url(../misc/faq/images/ic_line.gif) no-repeat left bottom;
	float: left;
}

#faq .con_category ul li a {
	padding: 0 0 0 15px;
	background: url(../misc/faq/images/ic_category_allow.gif) no-repeat 0 5px;
}

/* con_faq 質問と回答
-----------------------------------------------*/
#faq .con_faq {
	width: 710px;
	margin: 0 0 40px 0;
}

#faq .con_faq h4 {
	width: 665px;
	margin-bottom:25px;
	padding: 2px 0 8px 0;
	font-size:120%;
	background: url(../misc/faq/images/st_article.gif) no-repeat 0 0;
}

#faq .con_faq dl {
	width: 690px;
	margin: 0 0 0 20px;
}

#faq .con_faq dl dt {
	background: url(../misc/faq/images/ic_faq_line.gif) no-repeat 20px bottom;
}

#faq .con_faq dl dt p {
	padding: 5px 0 20px 80px;
	background: url(../misc/faq/images/ic_q.gif) no-repeat 35px 5px;
	color: #ea503d;
	font-weight: bold;
	text-decoration: underline;
}

#faq .con_faq dl dd {
	margin: 0 0 20px 0;
	padding: 15px 0 0 0;
}

#faq .con_faq dl dd p {
	padding: 0 0 0 80px;
	line-height:2em;
	background: url(../misc/faq/images/ic_a.gif) no-repeat 35px 0;
}



/*----------------------------------------------------
	privacy/index.php プライバシーポリシー
----------------------------------------------------*/
#privacy .con_privacy {
	margin: 0 0 80px;
}

/* 装飾、間隔など
-----------------------------------------------*/
#privacy .con_privacy h3 {
	margin: 0 0 20px 0;
}

#privacy .con_privacy h4 {
	margin: 0 0 5px 0;
}

#privacy .con_privacy h5,
#privac .con_privacyy p {
	margin: 0 0 5px 0;
}

#privacy .con_privacy .para {
	margin: 0 0 40px 0;
}

#privacy .con_privacy .txt {
	margin: 0 0 20px 0;
}

#privacy .con_privacy ol {
	padding: 0 0 0 30px;
}

#privacy .con_privacy ol li {
	list-style-type: decimal;
}

#privacy .con_privacy ul {
	padding: 0 0 0 20px;
}

#privacy .con_privacy ul li {
	list-style-type: disc;
}






/*----------------------------------------------------
	yakkan/index.php 宿泊約款
----------------------------------------------------*/
#yakkan .con_yakkan {
	width: 710px;
	margin: 0 0 80px 0;
}

#yakkan .con_yakkan h3 {
	margin: 0 0 20px 0;
}

#yakkan .con_yakkan h4 {
	margin: 0 0 5px 0;
}

#yakkan .con_yakkan h5 {
	margin: 0 0 5px 10px;
}


/* 装飾、間隔など
-----------------------------------------------*/
#yakkan .con_yakkan .yakkan01 {
	margin: 0 0 30px 0;
	padding: 0 0 0 10px;
}

#yakkan .con_yakkan .yakkan01 li {
	padding: 0 0 0 1.5em;
	text-indent: -1.5em;
}

#yakkan .con_yakkan .yakkan02 {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
}

#yakkan .con_yakkan .yakkan02 li {
	padding: 0 0 0 2em;
	text-indent: -2em;
}

#yakkan .con_yakkan .yakkan03 {
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
}

#yakkan .con_yakkan .tb_main {
	width: 710px;
	margin: 0 0 30px 0;
}

#yakkan .con_yakkan .tb_main .list {
	text-align: center;
	font-weight: bold;
}

/* 別指定 */
#yakkan .con_yakkan .tb_iyaku {
	margin: 0 0 5px 0;
}

#yakkan .con_yakkan .tb_iyaku th {
	font-size: 90%;
}

#yakkan .con_yakkan .tb_iyaku td {
	text-align: center;
}





/*----------------------------------------------------
	sitemap/index.php サイトマップ
----------------------------------------------------*/
#sitemap .con_sitemap {
	width: 710px;
	margin: 0 0 60px 0;
}

#sitemap .con_sitemap h3 {
	margin: 0 0 15px 0;
}

#sitemap .con_sitemap h4 {
	width: 690px;
	margin: 0 0 5px 0;
	padding: 2px 0 10px 0;
	background: url(../misc/sitemap/images/st_page.gif) no-repeat 0 0;
}

#sitemap .con_sitemap ul {
	margin: 0 0 40px 0;
	padding: 0 0 0 30px;
}

#sitemap .con_sitemap ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	background:url(../images/ic_fgnav.gif) no-repeat 0 7px;
}





/*----------------------------------------------------
	corporate/index.php 特定商取引法に基づく表示
----------------------------------------------------*/
#corporate table.corpo {
    border-spacing: 0;
    margin: 20px auto;
    padding: 0;
    border: 0;
    border-top: 1px solid #bc980a;
    border-bottom: 1px solid #bc980a;
    background: none;
	width: 100%;
}
#corporate table.corpo td {
    padding: 1.2em;
    text-align: left;
    border-bottom: 1px solid #bc980a;
    border-left: 0;
    width: 70%;
}
#corporate table.corpo th {
    padding: 1.2em;
    text-align: left;
    width: 30%;
    background: #f3e8bd;
    border-bottom: 1px solid #bc980a;
    border-top: 1px solid #bc980a;
    border-right: 0;
    font-weight: normal;
}
#corporate .con_info {
	margin:0 0 50px 0;
}
#corporate .con_info h3 {
	margin:0 0 20px 0;
}
#corporate p.link {
	padding: 0 0 0 10px;
	background: url(../misc/sitemap/images/ic_allow.gif) no-repeat 0 7px;
}














/*======================================

	hack - 各種cssハック - for IE7

=======================================*/

/* faq/ よくあるご質問 - アイコン位置調整 */
*:first-child+html #faq .con_category ul li a {background: url(../misc/faq/images/ic_category_allow.gif) no-repeat 0 1px;}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/

/* rakuen/index.php 楽園物語 - リストアイコン高さ */
* html #rakuen .con_rakuen .box_faci .txt ul {height: 46px;}

/* faq/ よくあるご質問 - アイコン位置調整 */
* html #faq .con_category ul li a {background: url(../misc/faq/images/ic_category_allow.gif) no-repeat 0 1px;}