@charset "utf-8";
/*
Theme Name: apz-spa.com
Theme URI: http://apz-spa.com/
Description: アペゼ
Version: 2.0
Author: MYM Corporation.
Author URI: http://mym-d.co.jp/
*/

*{ margin:0; padding:0; }
img{ border:0; }
a{ color:#FFFF66; text-decoration:none; }
a:hover{ color:#FFCC00; text-decoration:underline; }
table{ border-spacing:0; }
ul{ margin-left:1.5em; }
ol{ margin-left:2.5em; }
table{ font-size:12px; margin:0; padding:0; color:#D9D9C8; border-collapse:separate; border-spacing:2px; }
th{ text-align:center; padding:6px; background:#453429; border-bottom:2px #221B17 solid; border-right:2px #221B17 solid; }
td{ padding:6px; background:#574233; border-bottom:2px #2C211B solid; border-right:2px #2C211B solid; }
input, textarea{ font-size:12px; color: #FFFFFF;   padding:2px; background:#453429; border:none; }

.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.hidden { display:none; }
.clear{ clear:both; }


/*----------------------------------------------------------------------
    ベースレイアウト
  ----------------------------------------------------------------------*/
body{ background:#462300 url(images/bg.jpg) repeat-y center; font:12px/150% "ＭＳ Ｐゴシック", "sans-serif"; color:#FFFFFF; text-align:center; }
#body_top{ background:url(images/bg_top.jpg) no-repeat center top; }
#base_top{ background:url(images/bg_header_top.jpg) repeat-x; }
#contents_top{ width:816px; margin:0 auto; background:url(images/bg_head_top.jpg) no-repeat center top; }

#body_page{ background:url(images/bg_page.jpg) no-repeat center top; }
#base_page{ background:url(images/bg_header_page.jpg) repeat-x; }
#contents_page{ width:816px; margin:0 auto; background:url(images/bg_head_page.jpg) no-repeat center top; }

#contents_box{ width:800px; margin:0 auto; }
#contents_box_sidebar{ width:208px; float:left; }
#contents_box_main{ width:592px; float:left; }
#contents_sidebar{ margin:16px 16px 32px; text-align:left; }
#contents_main{ margin:16px 16px 32px; text-align:left; }
#contents_main .main_text{ padding-top:8px; padding-bottom:16px; }
#contents_main .main_text p{ padding-bottom:8px; }


/*----------------------------------------------------------------------
    ヘッダー
  ----------------------------------------------------------------------*/
#headlink{ background:#000000; }
#headlink .link{ width:800px; margin:0 auto; padding:2px 0; text-align:right; font-size:11px; }
#headlink a{ color:#FFFFFF; margin-right:8px; }
#headlink a:hover{ color:#FFCC00; }
#header_top{ width:800px; height:368px; margin:0 auto; }
#header_page{ width:800px; height:192px; margin:0 auto; position:relative; }
#header_page a img { position:absolute; top:26px; left:22px; width:160px; height:80px; }


/*----------------------------------------------------------------------
    サイドバー
  ----------------------------------------------------------------------*/
#sideonlinereservation { margin:0px 0 16px; text-align:center; }
#sidemenu h2{ margin-bottom:12px; }
#sidemenu h3{ margin-left:8px; }
#sidemenu ul{ margin:8px 0 32px 16px; list-style:none; }
#sidemenu ul li{ padding-left:12px; background:url(images/icon_sidemenu_li.gif) no-repeat left top; margin-bottom:4px; }
#sidemenu ul li a{ color:#FFFFFF; }
#sidemenu ul li a:hover{ color:#FFCC00; }
#sidemenu p{ margin-left:8px; margin-bottom:24px; }
.sidebtns{ margin:24px 0 0 8px; }


/*----------------------------------------------------------------------
    フッター
  ----------------------------------------------------------------------*/
#footer{ width:800px; padding:6px  0; clear:both; text-align:right; color:#CCCC99; }
#footer a{ color:#FFFFFF; margin-right:8px; font-size:11px; }
#footer a:hover{ color:#FFCC00; }


/*----------------------------------------------------------------------
    メイン共通 （単一記事・ページ)
  ----------------------------------------------------------------------*/
.post { margin-bottom:32px; }
.post h2{ padding-top:4px; margin-bottom:16px; }
.post h3{ margin-bottom:12px; padding:2px 0 0 18px; background:url(images/icon_h3.gif) no-repeat left; font-size:14px; color:#FFFF66; }
.post h4{ margin-bottom:4px; padding-bottom:2px; border-bottom:1px #CCCCCC solid; font-size:14px; }
.post p, .post ul, .post ol, .post dl, .post table{ margin-top:4px; margin-bottom:12px; }
.post ul{ margin-left:1.5em; }
.post blockquote{ margin:4px 24px 12px; padding:16px; background:#261D17; }

.post .box{ margin-bottom:24px; }
.post .lineup{ padding:2px 6px; border:1px #989865 solid; overflow:hidden; color:#D9D9C8; line-height:140%; }

.post .menus{ width:560px; background:url(images/bg_menu.gif) no-repeat top left; overflow:hidden; color:#D9D9C8; line-height:140%; }
.post .menus_box{ padding:32px 16px 0; color:#D9D9C8; }
.post .menus_bottom{ height:16px; background:url(images/bg_menu_bottom.gif) no-repeat top left; line-height:0; }
.post .menus h3, .post .menus h4, .post .menus p{ margin-top:8px; }
.post .menus table{ text-align:left; color:#D9D9C8; margin:0; padding:0; border-collapse:collapse; border-spacing:0; }
.post .menus th, .post .menus td{ background:none; border-bottom:1px #666666 dotted; border-right:none; }
.post .menus th{ text-align:left; }
.post .menus th span{ font-weight:normal; font-size:10px; }

.post .detailed{ width:560px; background:url(images/bg_detailed.gif) no-repeat top left; overflow:hidden; color:#D9D9C8; line-height:140%; }
.post .detailed_box{ padding:32px 16px 0; }
.post .detailed_bottom{ height:16px; background:url(images/bg_detailed_bottom.gif) no-repeat top left; line-height:0; }
.post .detailed ul li{ margin-top:8px; }
.post .detailed h3, .post .detailed h4, .post .detailed p{ margin-top:8px; }
.post .detailed table{ text-align:left; color:#D9D9C8; margin:0; padding:0; border-collapse:collapse; border-spacing:0; }
.post .detailed th, .post .detailed td{ background:none; border-bottom:1px #666666 dotted; border-right:none; }

.post .shopinfo{ width:560px; background:url(images/bg_shopinfo.gif) no-repeat top left; overflow:hidden; color:#D9D9C8; line-height:140%; }
.post .shopinfo_box{ padding:32px 16px 0; }
.post .shopinfo_bottom{ height:16px; background:url(images/bg_shopinfo_bottom.gif) no-repeat top left; line-height:0; }
.post .shopinfo ul li{ margin-top:8px; }
.post .shopinfo h3, .post .shopinfo h4, .post .shopinfo p{ margin-top:8px; }
.post hr{ border:1px dashed #FFCC00; margin:16px 0; }

.postmetadata{ border-top:1px #666666 solid; padding:4px 0 24px 8px; }

.navigation{ margin-top:24px; clear:both; overflow:hidden; }
.alignleft{ float:left; }
.alignright{ float:right; }
.navigation a, a.nexticon{  padding:0 0 4px 16px; background:url(images/icon_a_arrow.gif) no-repeat; line-height:200%;  }

.comments h3{ margin:48px 0 16px; padding:6px 0 6px 12px; border-left:6px #CC6600 solid; border-bottom:2px #CC6600 solid; background:none; }
.commentmetadata{ border-top:1px #CC9900 solid; padding:4px 0 24px 8px; }
.comments em{ color:#FFCCCC; }
.comments form{ margin-left:24px; }

.cancel{ display:block; margin-top:4px; font-size:10px; }

.breadcrumb{ margin-bottom:8px; }
.breadcrumb span{ padding:0 4px; }


/*================================================================================
    ページ個別設定
  ================================================================================*/

/*----------------------------------------------------------------------
    ホーム（トップページ）
  ----------------------------------------------------------------------*/
#homebtn{ margin-bottom:16px; }
#homebtn a{ float:left; display:block; margin-bottom:16px; }
.home_newlist { width:560px; margin:4px 0 16px;  }
.home_newlist ul{ margin:0; padding:0; float:left; list-style:none; }
.home_newlist ul li{ padding-left:16px; }


/*----------------------------------------------------------------------
    ご宿泊のご案内
  ----------------------------------------------------------------------*/
#stay .boxleft .pbox{ margin-left:16px; float:right; }
#stay .boxright .pbox{ margin-right:16px; float:left; }
#stay .pbox{ margin-bottom:24px; }
#stay h3{ padding-left:0; background:none; }


/*----------------------------------------------------------------------
    お問い合わせ
  ----------------------------------------------------------------------*/
#contact .title {  font-size:14px;  }
#contact .title span{  color:#FFFF66; font-weight:bold;  }
#contact input{ width:256px; }
#contact textarea{ width:336px; }
#contact .error{ background:#57312D; }
#contact .error span{ color:#FFCCFF; }
#contact .button{  width:112px; background:#D8D8D8; padding-top:2px; color:#333333;  } 
#contact .contact_flow{ font-size:14px; margin-bottom:8px; }
#contact .contact_flow span{ font-size:12px; }
#contact td span{ margin-left:16px; }
#contact td .center{ text-align:center;  }
.contact-button{ text-align:center; }
.check th{ width:160px; }


/*----------------------------------------------------------------------
    プライバシーポリシー
  ----------------------------------------------------------------------*/
#privacy h4{ font-size:14px; color:#FFFF66; font-weight:bold; border:none; }


/*----------------------------------------------------------------------
　　宴会情報
  ----------------------------------------------------------------------*/
#banquet h3{ margin-bottom:8px; padding:0 0 0 14px; background:url(images/icon_sidemenu_li.gif) no-repeat top left;  color:#FFFFFF; }
.event_box{ width:560px; padding-left:12px; height:248px; background:url(images/bg_event.jpg) no-repeat top left; }
.event_img{ border:#000000 1px solid; float:left; }
.event_date{ padding:0px; margin:0; color:#999966; padding:20px 0 0 416px; }
.event_text{ width:400px; height:120px; overflow:hidden;  letter-spacing:0.1em; }
.plan{ margin-left:126px; }


/*----------------------------------------------------------------------
　　Apaiser Mail Club
  ----------------------------------------------------------------------*/
#mailclub p span{ color:#FFFF66; font-size:14px; }
.qr_box img{ float:left; }
.qr_box p{ margin-left:98px; width:432px;}


/*----------------------------------------------------------------------
　　アペゼカプセルホテル　オンライン予約
  ----------------------------------------------------------------------*/
.online_box { float:left; margin:0 0 16px 16px; }


/*----------------------------------------------------------------------
　　インターネットクーポン
  ----------------------------------------------------------------------*/
#coupon .coupon_box{ width:560px; position:relative; margin-bottom:16px; }
#coupon .coupon_limit{ position:absolute; top:38px; left:408px; }
#coupon .coupon_limit img{ margin-right:2px; }


@media print{ body { _zoom: 70%; } }