@charset "utf-8";
/*
Theme Name: fto.co.jp
Theme URI: http://fto.co.jp/
Description: サウナフジ
Version: 1.0
Author: MYM Corporation.
Author URI: http://mym-d.co.jp/
*/

html{ filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

*{ margin:0; padding:0; }
img{ border:0; }
a{ color:#FFFF66; text-decoration:none; }
a:hover{ color:#FFCC00; text-decoration:underline; }
table{ width:560px; padding:0; margin:0; border-collapse:separate; border-spacing:2px; font-size:12px; }
th{ padding:6px; background:url(images/bg_th.jpg) repeat-y; border-bottom:1px #000000 solid; border-right:1px #000000 solid; }
td{ padding:6px; background:url(images/bg_td.jpg) repeat-y; border-bottom:1px #000000 solid; border-right:1px #000000 solid; }
ul{ margin-left:1.5em; }
ol{ margin-left:2.5em; }
input, textarea{ font-size:12px; color: #FFFFFF;   padding:2px; background:#14215A; border:none; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.hidden { display:none; }
.clear{ clear:both; }


/*----------------------------------------------------------------------
    ベースレイアウト
  ----------------------------------------------------------------------*/
body{ width:864px; margin:0 auto; background:#000033; font:12px/150% "ＭＳ Ｐゴシック", "sans-serif"; color:#FFFFFF; text-align:center; -webkit-text-size-adjust:none; }
#base{ margin:0 auto; background:url(images/bg_main.jpg) repeat-y center; }

#contents{ width:864px; margin:0 auto; background:url(images/bg_contents.jpg) no-repeat top; }
#contents_box{ width:756px; margin:0 auto; }
#contents_sidebar{ width:154px; text-align:left; float:left; margin-top:16px; }
#contents_main{ width:560px; text-align:left; float:right; margin-top:16px; }

/*----------------------------------------------------------------------
    ヘッダー
  ----------------------------------------------------------------------*/
#header{ background:url(images/bg_header.jpg) repeat-y center; }
#headlink{ width:800px; margin:0 auto; padding:4px 0; text-align:right; font-size:11px; }
#headlink a{ color:#FFFFFF; margin-right:8px; }
#headlink a:hover{ color:#FFCC00; }

/*----------------------------------------------------------------------
    サイドバー
  ----------------------------------------------------------------------*/
#sidemenu{ overflow:hidden; }
#sideonlinereservation { margin:0px 0 40px; text-align:center; }
#sideonlinereservation .cancel{ display:block; margin-top:4px; font-size:10px; }
#sidemenu ul{ list-style:none; margin:0; }
#sidemenu li{ float:left; }
#sidemenu li a { display:block; width:154px; height:36px; background:url(images/btn_sidebar.png); background-position:0px -36px; overflow:hidden; font-size:12px; color:#FFFFFF; line-height:100%; }
#sidemenu li a:hover{ background-position:-154px -36px; color:#FFFF66; text-decoration:none; }
#sidemenu li a.home { background-position:0px 0px; }
#sidemenu li a.home:hover{ background-position:-154px 0px; }
#sidemenu a span{ display:block; padding-top:12px; padding-left:20px; }
#sidecontents{ margin-top:24px; }


/*----------------------------------------------------------------------
    フッター
  ----------------------------------------------------------------------*/
#footer{ width:864px; background:url(images/bg_footer.jpg) no-repeat bottom; clear:both; }
#footer .copyright{ padding:32px 48px; text-align:right; color:#FFFFCC; }
#footer .copyright a{ color:#FFFFFF; margin-right:8px; }


/*----------------------------------------------------------------------
    メイン共通 （単一記事・ページ)
  ----------------------------------------------------------------------*/
.post { margin-bottom:32px; }
.post h2{ margin-bottom:16px; }
.post h3{ margin-top:24px; margin-bottom:8px; font-size:16px; color:#99CCFF; }
.post h3 img{ margin-bottom:8px; }
.post h4{ margin-top:24px; margin-bottom:8px; padding-bottom:2px; border-bottom:1px #CCCCCC solid; font-size:14px; }
.post p, .post ul, .post ol, .post dl, .post table{ margin-bottom:16px; }
.post ul{ margin-left:0; padding-left:0; list-style:none; }
.post ul li{ background:url(images/icon_li.gif) no-repeat; margin-bottom:4px; padding-left:16px; }

.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:1px 0 2px 18px; background:url(images/icon_next.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; }

.post .err{ margin:16px 0 32px; }
.post .menus th{ text-align:left; }
.menubox{ width:544px; background:url(images/line_menu.gif) no-repeat left top; padding:40px 16px 16px 0; }
.menubox table{ width:544px; text-align:left; border-spacing:0; }
.menubox th, .menubox td{  padding:6px 0px; background:none; border-bottom:1px #99CCFF dotted; border-right:none; }
.menubox th span{ font-weight:normal; font-size:10px; }


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


/*----------------------------------------------------------------------
    ホーム
  ----------------------------------------------------------------------*/
#homebtn a{ float:left; display:block; margin-bottom:16px; }
#newstopics ul{ list-style:none; }
#newstopics li{ background:none; margin:0 0 0 8px; padding:0; }


/*----------------------------------------------------------------------
    料金システム
  ----------------------------------------------------------------------*/
#system .menubox th{ width:104px; }


/*----------------------------------------------------------------------
   カプセルホテル
  ----------------------------------------------------------------------*/
#capsule h4{ background:url(images/icon_li.gif) no-repeat; margin:4px 0 0; padding:0 0 0 12px; border:none; color:#99CCFF; }
#capsule .leftbox{ width:264px; float:left; }
#capsule .rightbox{ width:264px; float:right; }


/*----------------------------------------------------------------------
    サウナ・スパ
  ----------------------------------------------------------------------*/
#spa h4{ background:url(images/icon_li.gif) no-repeat; margin:4px 0 0; padding:0 0 0 12px; border:none; color:#99CCFF; }
#spa .leftbox{ width:264px; float:left; }
#spa .rightbox{ width:264px; float:right; }


/*----------------------------------------------------------------------
    館内レストラン
  ----------------------------------------------------------------------*/
#restaurant .menubox table{ width:238px; text-align:left; border-spacing:0; }
#restaurant .menu_left{ padding-top:4px; width:272px; float:left; }
#restaurant .menu_right{ padding-top:4px; width:272px; float:right; }


/*----------------------------------------------------------------------
    リンク
  ----------------------------------------------------------------------*/
#link th{ padding:4px; width:200px; }
#link  .area{ padding:4px; width:40px; }


/*----------------------------------------------------------------------
    お問合せ
  ----------------------------------------------------------------------*/
#contact .title { font-size:14px;  }
#contact .title span{  color:#FFFF66; font-weight:bold;  }
#contact input{ width:256px; }
#contact textarea{ width:336px; }
#contact .error{ background:#231D50; }
#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; }