@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*=================
       layout 
 =================*/
 
html,body,div,h1,h2,h3,h4,h5,p,img,table,tr,td,dl,dt,dd,ul,ol,li{
  margin:0;
  padding:0;
  border:none;
	font-weight:normal;
  vertical-align:top;
  list-style:none;
}

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

body{
background:url(../images/bg.gif) repeat-y left top;
background-color:#ffffff;
color: #555555;
font-family:"ＭＳ Ｐゴシック", MS PGothic,  Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
font-size: 14px;
line-height:1.5em;
text-align:left;
}

body#index{
text-align:center;
background-color:#004199;
}

body#member{
text-align:center;
background-color:#004199;
}

#sideL{
float:left;
width:220px;
text-align:center;
position:fixed;
}

#sideR{
    background:url(../images/copyright.gif) no-repeat 80px bottom;
    float:left;
    padding-bottom:80px;
    position:absolute;
    top:0px;
    left:220px 
}

.contents{
    background:url(../images/kaze.gif) no-repeat 500px 120px;
    position:absolute;
}
.contents:after{
   content:".";
   display:block;
   height:0;
	 font-size:0;
   visibility:hidden;
   clear:both;
}
.contents{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}
/* Hides from IE-mac \*/
*html .contents{height: 1%;}
.contents{display: block;}
/* for ie5,6*/


/*=================
       common
 =================*/

a{
color:#286bc6;
text-decoration:none;
border:none;
}

a:hover{
color:#286bc6;
text-decoration:underline;
}

.clear{
clear:both;
}

.clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}
/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/

.floatL{
float:left;
}

.floatR{
float:right;
}

.f12{
font-size:12px;
line-height:1.2em;
}

.red{
color:#CC3333;
}

.margT10{
margin-top:10px;
}

.margT20{
margin-top:20px;
}

.margT40{
margin-top:40px;
}

.margR20{
margin-right:20px;
}

.dotLine{
background:url(../images/dotline_g.gif) repeat-x left top;
height:1px;
fot-size:0px;
line-height:0;
margin:40px auto;
}

.pageTop{
clear:both;
overflow:hidden;
zoom:1;
text-align:right;
padding:30px 0 10px 0;
}


/*=================
       sideL
 =================*/
#sideL .menu {
    text-align:left;
    font-family: 'Noto Sans Japanese', serif;
    font-weight: normal;
    padding:10px;
}
#sideL .menu .menulist{
    padding:20px;
}
#sideL .menu .menulist a { 
  text-decoration:none;		/*リンクの下線を無くす*/
}

#sideL .menu .menulist a:link { color: #fff; }
#sideL .menu .menulist a:visited { color: #fff; }
#sideL .menu .menulist a:hover { color: #99e; }
#sideL .menu .menulist a:active { color: #99e; }

#sideL .menu .menulist .button span {
    display: inline-block;
    position: absolute;
    width: 180px;
/*	height: 60px;*/
/*	border: 2px solid #333;*/
/*	text-align: center;*/
/*	line-height: 60px;*/
}
#sideL .menu .menulist .button span:nth-child(1) {
    background-color: #004199;
    color: #ccf;
 
}
#sideL .menu .menulist .button span:nth-child(2) {
    background-color: #004199;
    color: #fff;
 
}
#sideL .menu .menulist .button:hover span:nth-child(2) ,
#sideL .menu .menulist .button:active span:nth-child(2) {
    transition: 0.3s ;
    opacity:0;
/*    display: none;*/
}


/*=================
       sideR
 =================*/

#sideR h2{
width:740px;
}

#sideR .main{
margin-left:50px;
width:690px;
clear:both;
overflow:hidden;
zoom:1;
}

#sideR h3{
clear:both;
padding:70px 0 30px;
}

#sideR p{
padding-left:50px;
padding-bottom:1em;
}


/* Special Offer */

#special #sideR .accordion_headings{
margin:50px auto 20px;
text-align:center;
}

#special #sideR .accordion_headings img{
background:url(../images/dotline.gif) repeat-x left bottom;
padding:0 5px 8px;
}

#special #sideR .accordion_headings img:hover{
cursor:pointer;
}

#special #sideR .accordion_child{
text-align:center;
line-height:1.6em;
}

#special #sideR .accordion_child p{
padding:0;
}


/* Rooms */

#rooms #sideR .lead{
padding:70px 0 0 50px;
}


/* RoomRate */

#roomRate dl.roomLate{
margin-left:50px;
}

#roomRate dl.roomLate dt{
background:url(../images/dotline_g.gif) repeat-x left bottom;
padding-bottom:5px;
margin-bottom:10px;
font-size:16px;
font-weight:bold;
}

#roomRate dl.roomLate dd{
margin-left:50px;
margin-bottom:20px;
}

#roomRate .cancelBox{
background-color:#e0ebf6;
margin:20px 0 0 50px;
padding:40px 40px 30px 70px;
}


/* Gallery */

#gallery #sideR .lead{
margin:40px 0 10px;
padding:0;
}

#gallery #sideR .thumbList{
width:624px;
margin-left:-2px;
}

#gallery #sideR .thumbList li{
float:left;
}

#gallery #sideR .thumbList li img{
padding:2px;
}
#gallery #sideR .thumbList li img:hover{
    opacity:0.8;
}


/* Info */

#info dl.contactForm{
background:url(../images/dotline_g.gif) repeat-x left top;
margin-left:50px;
margin-bottom:10px;
padding-top:8px;
}

#info dl.contactForm dt{
float:left;
width:150px;
}

#info dl.contactForm dd{
background:url(../images/dotline_g.gif) repeat-x left bottom;
padding-bottom:8px;
margin-bottom:5px;
}

#info .credit{
background-color:#e0ebf6;
text-align:center;
margin:40px 0 0 50px;
padding:30px 0 35px 0;
}

#info .credit p{
background:url(../images/dotline_g.gif) repeat-x left bottom;
margin:0 auto;
padding:1em 0;
width:300px;
}


/* Link */

#link .main{
text-align:center;
}

#link .main ul{
margin:70px 0 0 0;
}
#link .main ul li{
/*background:url(../images/arrow.gif) no-repeat left 5px;*/
text-align:center;
margin-bottom:30px;
/*padding-left:12px;*/
}
#link .main ul li img{
margin:0 0 3px;
vertical-align:middle;
}


/* White Link */

#whitelink{
/*background:none;*/
}

/* Member's Room */

#member .contents{
background:#ffffff;
width:740px;
margin:30px auto;
padding:0;
}

#member .contents h2{
padding-top:30px;
}

#member .contents h3{
margin:50px 0 20px;
}

#member .contents p{
margin-bottom:1em;
line-height:1.8em;
}

#member .contents .btn{
margin:30px 0;
}

#member .contents .close{
margin:50px 0;
}


/* Hot News */

#news p{padding:0 0 20px;}


/* The Days of SILENT CLUB */

#days p{padding:0 0 20px;}

#sideR h3.widget-header{padding:0;}

#entryBox{
zoom:1;
overflow:hidden;
margin:8px 0 30px;
width:460px;
float:left;
}
#entryBox .navi{
font-size:12px;
}
#entryBox .entry-categories h4,
#entryBox .entry-tags h4{
clear:both;
float:left;
padding-right:10px;
}
#entryBox .entry-categories ul li,
#entryBox .entry-tags ul li{
display:inline;
}
#entryBox .navi{
margin-top:20px;
}
#entryBox .asset-meta{
font-size:12px;
margin-bottom:5px;
}
#entryBox .asset-body{
border-bottom:1px dotted #CCCCCC;
margin:10px 0;
padding:0 0 5px;
}
#entryBox .published{
border:none;
}
#entryBox .comments-open-header{
background: #eeeeee;
padding-left:5px;
margin:15px 0;
}
#entryBox .comments-content{
margin-top:5px;
}
#entryBox .comment-content p{
padding:0 0 10px 0;
}
#entryBox .archive-title{
background: #eeeeee;
padding-left:5px;
margin-bottom:15px;
}
#entryBox .archive-title em{
font-style:normal;
color: #3366CC;
padding-right:3px;
}
#entryBox .asset-name{
font-size:12px;
font-weight:bold;
}
#entryBox .entry-title,
#entryBox #page-title{
font-size:14px;
font-weight:bold;
margin:10px 0;
}
#entryBox #comment-form-name,
#entryBox #comment-form-email,
#entryBox #comment-form-url {
clear:both;
overflow:hidden;
margin-bottom:5px;
}
#entryBox #captcha_code{
margin-top:5px;
}
#entryBox #comment-form-name label,
#entryBox #comment-form-email label,
#entryBox #comment-form-url label{
display:block;
width:80px;
float:left;
}
#entryBox #comments-open-footer{
text-align:center;
margin-top:10px;
}
#entryBox .content-nav{
text-align:center;
margin-top:20px;
}

#blogSide{
width:150px;
float:right;
margin:0;
}
#blogSide .widget-header{
margin:10px 0 5px;
}
#blogSide .widget-content{
margin-left:6px;
}
#blogSide .widget-content dt{
line-height:1em;
padding-bottom:5px;
}

#roomRate #rate2014{ 
  margin:20px auto;
  text-align:center;
}
#roomRate table{ 
  margin:20px auto;
  text-align:center;
}
#roomRate td{ 
  padding:5px 10px;
/*  background-color:#f00;*/
  border-bottom:1px dotted #ccc;
  text-align:left;
}

.pad-20{
    padding:20px;
}
.pad-40{
    padding:40px;
}

.align-C{
    text-align:center;
}