@charset "euc-jp";
/* CSS Document */
body {
   margin: 0px auto;
   padding: 0px;
   text-align: center;
   background-image: url(../images/back.gif);
}
#wrapper {
   width: 780px;
   margin: 0px auto;
   padding: 0px;
   text-align: left;
   background-color: #FFFFFF;
   border: 1px solid #ccc;
   font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
}
a {
   text-decoration: none;  
}
#header {
   width: auto;
   height: 70px;
   background-image: url(../images/logo_eng.gif);
   background-position: 5px 5px;
   background-repeat: no-repeat;
}
#headNavi {
   text-align: right;
   padding-right: 25px;
}
#headNavi ul {
   line-height: 18px;
   list-style: none;
   padding: 0px;
   margin: 0px;   
}
#headNavi li {
   float: right;
   margin: 5px 1px 0px 1px;
   padding: 0px 7px 0px 7px;
   font-size: 0.8em;
   border-bottom: 3px solid #CC9999;
}
#headNavi li a{
   display: block;
   color: #990000;
}
#headNavi li a:hover{
   color: #0000FF;
}
#topMenu{
   clear: both;
}
#topMenu ul {
   line-height: 25px;
   list-style: none;
   clear: both;
   margin: 0px;
   padding: 0px;
}
#topMenu li.topLi {
   float: left;  
}
#topMenu li a {
   color: #FFF;
   width: 87px;
   display: block;
   margin: 0px;
   padding: 2px 5px 0px 5px;
   font-size: 0.75em;
   text-align: center;
   background-color: #CC9999;
   border-left: 1px solid #FFF;
   border-bottom: 3px solid #990000;
}
#topMenu li a:hover {
   color: #FFF;
   background-color: #990000;
   border-bottom: 3px solid #CC9999;
}
#topMenu li.space {
   float: left;
   background-color: #999;
   width: 190px;
   border-left: 1px solid #FFF;
   height: 30px;
}
#pageCont {
   width: auto;
   clear: both;
}
#pageCnt_left {
   width: 190px;
   float: left;
   border-top: 1px solid #FFF;
   border-bottom: 1px solid #FFF;
   border-left: 1px solid #FFF;
}
#pageCnt_center {
   float: left;
}
/*Left Menu*/
#page_leftBox {
   width: 180px;
   margin: 10px 0px 0px 5px;
   padding: 1px 5px 1px 0px;
}
#page_leftBox ul{
   list-style: none;
   margin: 10px 0px 10px 0px;
   padding: 0px;
}
#page_leftBox li a{
   margin: 3px 10px 0px 10px;
   padding: 3px 7px 3px 7px;
   font-size: 0.9em;
   border-left: 5px solid #CC9999;
   border-bottom: 1px solid #CC9999;   
   color: #333;
   display: block;
   width: 140px;
}
#page_leftBox li a:hover{
   color: #990000;
   border-left: 5px solid #990000;
   border-bottom: 1px solid #990000;
}
#pageCnt_right {
   width: 588px;
   float: left;
   margin: 5px 0px 5px 0px;
   border-left: 1px solid #CCC;
}

h5.titlePlan{
   text-align: left;
   border-left: 3px solid #cc9999;
   border-bottom: 1px solid #cc9999;
   color: #990000;
   padding: 3px 0px 3px 5px;
   margin: 5px 10px 5px 10px;
}
td.title {
   font-size: 0.9em;
   text-align: left;
   color: #990000;
}
td.date {
   font-size: 0.9em;
   text-align: right;
   color: #666666;
   border-bottom: 1px solid #CCC;
}
td.topics {
   font-size: 0.9em;
   text-align: left;
}
td.link {
   font-size: 0.9em;
   text-align: right;
}
td.line {
   margin: 0px;
   padding: 0px;
}
td.linkLine {
   border-top: 1px solid #CCC;
}     
#footer {
   width: auto;
   height: 45px;
   clear: both;
   text-align: center;
   background-color: #CC9999;
   border-left: 1px solid #FFF;
   border-right: 1px solid #FFF;
   border-bottom: 1px solid #FFF;
}
address {
   margin: 15px 0px 0px 0px;
   font-style: normal;
   font-size: 0.9em;
   color: #FFF;
}
#pageCnt_Box {
   width: 160px;
   margin: 9px 0px 3px 13px;
   padding: 0px;
   background-color: #eee;   
   border: 2px solid #FFF;
}
#pageCnt_Box_below {
   width: 160px;
   margin: 0px 0px 0px 13px;
   padding: 0px;
   border: 2px solid #FFF;
}
#pageCnt_Box ul {
   list-style: none;
   margin: 0px 0px 0px 0px;
   padding: 0px;
}
li.covTitle {
   text-align: center;
   background-color: #990000;
   margin: 0px 0px 0px 0px;
   padding: 2px 0px 0px 0px;
   font-size: 0.9em;
   line-height: 24px;
   border-bottom: 1px solid #FFF;
   color: #FFF;
   list-style: none;
}
#pageCnt_Box li a {
   text-align: left;
   margin: 0px 0px 0px 10px;
   padding: 2px 0px 0px 30px;
   font-size: 0.9em;
   line-height: 24px;
   border-bottom: 1px solid #FFF;
   border-left: 1px solid #FFF;
   color: #FFF;
   display: block;
   width: 119px;
   background-image: url(../images/back_res.gif);
}
#pageCnt_Box li a:hover {
   color: #FFF;
   background-image: url(../images/back_res2.gif);
}
li.covInfo {
   text-align: left;
   margin: 0px 0px 0x 0px;
   padding: 2px 5px 2px 10px;
   font-size: small;
}
#leftBanner {
   width: 160px;
   margin: 9px 0px 3px 13px;
   padding: 0px;
   border: 2px solid #FFF;
}  
td.line {
   border-bottom: 1px dotted #666;
} 
p {
   margin: 0px 0px 0px 30px;
   color: #990000;
}
.pageInfo {
   color: #666666;
   font-weight: normal;
   font-size: 1em;
   margin: 15px 24px 15px 24px;
   padding: 3px 0px 3px 10px;
   border-bottom: 1px solid #990000;
   border-left: 5px solid #990000;
}
#form {
   clear: both;
}
table.room {
   font-size: 0.9em;
   text-align: right;
}
th {
   font-weight: normal;
   text-align: center;
   background-color: #990000;
   color: #FFFFFF;
   height: 20px;
}
td.tdRoom {
   background-color: #EEE;
   padding-right: 5px;
}
td.tdRoomC {
   background-color: #EEE;
   text-align: center;
}
ul.roomInfo {
   font-size: 0.9em;
   color: #333;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 0px 25px;
   letter-spacing: 0.05em;
}
li.roomInfo {
   margin: 0px;
}
td.roomType {
   background-color: #EEE;
   text-align: left;
   width: 24%;
   padding-left: 5px;
}
td.roomType2 {
   text-align: center;
   background-color: #EEE;
   width: 8%;
}
#rooms {
   width: 100%;
   margin: 0px auto;
   padding: 0px;
}
#roomInfo {
   width: 540px;
   height: 196px;
   background-color: #EEE;
   margin: 10Px 0px 5px 25px;
   padding: 0px;
   clear: both;
   font-size: 0.8em;
}
#pict {
   margin: 0px auto;
   display: block;
   float: left;
   vertical-align: bottom;
   border: 1px solid #FFF;
}
#room2 {
   float: left;
   margin: 6px 0px 6px 5px;
   padding: 0px;
   width: 240px;
}
#room3 {
   float: left;
   margin: 5px 0px 0px 0px;
   padding: 0px;
   width: 285px;
}
#information {
   margin: 0px;
   padding: 0px;
}
#rsvLink {
   margin: 35px 5px 0px 5px;
   width: 140px;
   float: right;
}
#rsvLink ul {
   list-style: none;
   margin: 3px 0px 0px 0px;
   padding: 0px;
}
span.vacant {
   font-size: 0.9em;
   float: left;
   margin: 10px 0px 0px 35px;
   color: #990000;
}
#rsvLink li.resTitle {
   background-color: #990000;
   text-align: center;
   color: #FFFFFF;
   margin: 2px 1px 0px 0px;
   padding: 2px 0px 2px 0px;
   font-size: 0.9em;
   clear: both;
   width: 139px;
}
#rsvLink li.resCond {
   float: left;
}
#rsvLink li a {
   background-color: #CC9999;
   margin: 0px 1px 1px 0px;
   padding: 3px 0px 3px 0px;   
   color: #FFF;
   text-align: center;
   display: block;
   width: 69px;
   font-size: 0.9em;
}
#rsvLink li a:hover {
   background-color: #0000FF;
}
span.type {
   color: #333;
   font-size: 0.9em;
   margin: 0px 0px 0px 10px;
   font-weight: bold;
   text-align: left;
}
p.info {
   font-size: 0.9em;
   margin: 2px 0px 5px 10px;
   color: #000000;
}
span.infoLeft {
   font-size: 0.9em;
   margin: 0px 0px 0px 10px;
   display: block;
   width: 125px;
   float: left;
}
span.infoRight {
   font-size: 0.9em;
   margin: 0px 0px 0px 10px;   
}
h6.onlineType {
   font-size: 0.9em;
   color: #fff;
   padding: 4px 0px 2px 10px;
   margin: 0px;
   font-weight: bold;
   text-align: left;
   background-color: #990000;
   letter-spacing: 0.1em;
}
.notice {
   font-size: 0.9em;
   color: #333;
   margin: 10px 25px 10px 25px;
   line-height: 1.5em;
   letter-spacing: 0.05em;
}
h4.pageInfo {
   font-weight: bold;
   color: #000000;
}
#rsvLink span {
   color: #666;
   font-size: 0.9em;
   margin: 0px;
   padding: 0px;
}

#room1_s {
   background-image: url(images/single_back.gif);
   background-repeat: no-repeat;
   padding: 0px;
   height: 20px;
   border-bottom: 1px solid #FFF;
}
#room1_d {
   background-image: url(images/double_back.gif);
   background-repeat: no-repeat;
   padding: 0px;
   height: 20px;
   border-bottom: 1px solid #FFF;
}
#room1_t {
   background-image: url(images/twin_back.gif);
   background-repeat: no-repeat;
   padding: 0px;
   height: 20px;
   border-bottom: 1px solid #FFF;
}
#room1_dt {
   background-color: #CC9999;
   background-image: url(images/dxtwin_back.gif);
   background-repeat: no-repeat;
   padding: 0px;
   height: 20px;
   border-bottom: 1px solid #FFF;
}
#room1_b {
   background-color: #CC9999;
   background-image: url(images/barrier_back.gif);
   padding: 0px;
   height: 20px;
   border-bottom: 1px solid #FFF;
}
p.noRsv {
   font-size: 0.9em;
   color: #990000;
   margin: 10px 0px 0px 20px;
}
#stayInfo {
   margin: 5px 25px 5px 25px;   
}
.tel {
   font-size: 0.9em;
   text-align: right;
   color: #333;
   margin: 3px 5px 3px 0px;
   letter-spacing: 0.1em;
}
#line {
   margin: 5px 25px 5px 25px;
   padding: 10px 0px 10px 0px;
}
#lineLeft {
   float: left;
   width: 267px;
   border-top: 1px solid #eee;
   border-bottom: 1px solid #eee;
   padding: 5px 0px 5px 0px; 
}
#lineRight {
   float: left;
   width: 267px;
   border-bottom: 1px solid #eee;
   border-top: 1px solid #eee;
   padding: 5px 0px 5px 0px;   
}
span.roomLeft {
   font-size: 0.9em;
   margin: 0px 0px 0px 5px;
   display: block;
   width: 105px;
   float: left;
   color: #333;
   text-align: left;
}
span.roomRight {
   font-size: 0.9em;
   margin: 0px 0px 0px 5px;
   color: #333;
   text-align: left;
   width: 160px;     
}
#roomTariff {
   clear: both;
   margin: 0px 22px 0px 22px;
   font-size: 0.8em;
}
#stayInfo h4 {
   font-size: 0.9em;
   padding: 0px;
   font-weight: normal;
   margin: 5px 0px 0px 0px;
   color: #990000;
}
p.sw {
   font-size: 0.9em;
   margin: 0px 10px 0px 10px;
}
/*¥ì¥¹¥È¥é¥ó¤Î¤´°ÆÆâ*/
#pics {
   margin: 10px 25px 10px 25px;
   padding: 10px 0px 10px 0px;
   border: 1px solid #999;
   width: 530px;
   height: 151px;
}
#picsLeft {
   margin: 0px 0px 0px 5px;
   float: left;
   height: 150px;
}
#picsRight {
   margin: 0px;
   float: left; 
}
#picsRight_a {
   margin: 0px;
}
#picsRight_b {
   margin: 0px;
   clear: both;
}
img.jonathanLogo {
   margin: 15px 0px 0px 175px;
   text-align: right;
}
#picsRight ul {
   font-size: 0.9em;
   list-style: none;
   padding: 5px 0px 5px 0px;
   margin: 0px 10px 0px 10px;
   color: #666;
   float: left;
}
p.jonaInfo {
   font-size: 0.9em;
   color: #666666;
   margin: 5px 25px 5px 25px;
   clear: both;
}
dd {
   font-size: 0.9em;
   line-height: 1.2em;
}
dt {
   font-size: 0.9em;
   margin: 5px 0px 5px 5px;
}
dl {
   margin: 10px 0px 10px 25px;
   color: #333333;
}
#mealC h4 {
   margin: 15px 0px 0px 30px;
   font-size: 1em;
}
#mealC td{
   font-size: 0.8em;
   vertical-align: bottom;
}
#mealC dl{
   letter-spacing: 0.05em;
}
/*Facility*/
#video {
   width: 540px;
   margin: 5px 24px 5px 24px;
}
#fac {
   margin: 10px 25px 5px 25px;
}
#fac h5 {
   margin: 10px 0px 5px 0px;
}
#fac ul {
   list-style: none;
   font-size: 0.9em;
   margin: 0px;
   padding: 0px 0px 0px 20px;
}
#facLeft {
   float: left;
   width: 155px;
}
#facRight {
   float: right;
   width: 350px;   
}
#facility {
   font-size: 0.8em;
}
td.fctdL {
   text-align: left;
   font-size: 0.9em;
   padding: 6px 5px 4px 0px;
   border-bottom: 1px solid #CCC;
}
td.fctdLL {
   text-align: left;
   font-size: 0.9em;
   padding: 6px 5px 4px 0px;
   border-bottom: 1px solid #CCC;
   border-top: 1px solid #CCC;
}
td.fctdR {
   text-align: left;
   font-size: 0.9em;
   border-left: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   padding: 6px 0px 4px 5px;
}
td.fctdRR {
   text-align: left;
   font-size: 0.9em;
   padding: 6px 0px 4px 5px;
   border-left: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   border-top: 1px solid #CCC;
}
#service {
   clear: both;
}
#servDetail dl {
   margin: 10px 0px 5px 25px;
   letter-spacing: 0.05em;
   font-size: 0.9em;
}
#servDetail dt {
   margin: 0px 0px 0px 0px;
}
#servDetail dd {
   margin: 0px 20px 5px 10px;
}
dt.srvDeTitle {
   color: #990000;
   margin: 10px 0px 0px 0px;
}
#service td {
   text-align: center;
   font-size:0.8em;
   background-color: #99CCCC;
}
/*Mobile*/
#mobile {
   margin: 5px 25px 5px 25px;
}
h5.mobTitle {
   font-size: 0.9em;
   margin: 15px 0px 0px 0px;
}
#mobile ul {
   font-size: 0.9em;
   margin: 0px 15px 0px 15px;
}
#mobile ul {
   margin: 0px 0px 0px 25px;
}
#mobile span {
   font-size: 0.9em;
   color: #333333;
}
#mobAddress {
   margin: 15px 0px 0px 10px;
}
p.address {
   margin: 20px 0px 0px 15px;
}
#qr {
   margin: 15px 0px 0px 325px;
}
#railTime {
   font-size: 0.9em;
   margin: 5px 0px 5px 0px;
}
td.station {
   text-align: left;
   vertical-align: top;
   background-color: #FFF;
   padding: 3px 0px 3px 3px;
   width: 13%;
}
td.howTo {
   text-align: left;
   vertical-align: top;
   background-color: #FFF;
   padding: 3px 0px 3px 5px;
   width: 74%;
}
td.time {
   text-align: right;
   background-color: #FFF;
   padding: 3px 0px 3px 3px;
   width: 13%;
}
td.rail {
   text-align: center;
   background-color: #990000;
   padding: 3px 0px 3px 3px;
   color: #FFF;
}
#access {
   margin: 5px 25px 5px 25px;
}
#access table {
   font-size: 0.8em;
}      ¡¡
#access h5 {
   margin: 0px 0px 5px 0px;
}
#mapion {
   text-align: right;
   font-size: 0.9em;
   margin: 0px 15px 0px 0px;
   padding: 0px;
}
#asakusa_map {
   padding: 0px;
   margin: 0px;
}
h4.mapTitle {
   background-color: #990000;
   font-size: 0.9em;
   color: #FFF;
   margin: 0px 18px 0px 18px;
   padding: 0px 0px 0px 5px;
   line-height: 25px;
   border-bottom: 1px solid #fff;
}
#sunc{
   margin: 0px 25px 0px 25px;
}
#sunc a{
   color: #0000FF;
}
#sunc a:hover {
   color: #990000;
}
#sunc dt{
   margin: 15px 140px 5px 5px;
   padding: 5px 0px 5px 45px;
   border-bottom: 1px dotted #990000;
   font-weight: bold;
   background-image: url(images/sunc.gif);
   background-repeat: no-repeat;
   background-position: left;
} 
#sunc dd{
   margin: 0px 0px 0px 5px;
   line-height: 1.5em;
}
#sunc ul{
   margin: 5px 5px 5px 20px;
}
#sunc h5{
   margin: 0px;
}
#sunc_entry a{
   background-color: #fff;
   display: block;
   width: 150px;
   padding: 6px 0px 4px 0px;
   border: 5px double #990000;
   color: #0000FF;
}
#sunc_entry a:hover {
   background-color: #eee;
   color: #990000;
}
#kojin {
   margin: 5px 25px 5px 25px;
   font-size: 0.9em;
}
#kojin ol {
   line-height: 1.5em;
   margin: 0px 5px 0px 25px;
}
#kojin_hotel {
   margin: 5px 10px 5px 0px;
   text-align: right;
}
#terms {
   margin: 5px 25px 5px 25px;
}
#terms dl{
   margin: 0px;
   padding: 0px;
}
#terms dt{
   margin: 10px 0px 5px 5px;
   color: #990000;   
}
#terms dd{
   margin: 5px 0px 5px 15px;
   line-height: 1.5em;
}
#terms ul {
   list-style: none;
   margin: 0px 0px 0px 10px;
}
#terms p {
   color: #333;
   margin: 0px 0px 0px 5px;
}
td.mailform {
   font-size: 0.9em;
   vertical-align: top;
   text-align: right;
}
#contact p {
   text-align: center;
   font-size: 0.9em;
   color: #333;
}
#contact submit {
   text-align: center;
   background-color: #CCC;
}
#mailsub {
   background-color: #EEE;
}
td.colTitle {
   color: #990000;
}
td.stayLeft {
   text-align: left;
   vertical-align: top;
   font-size: 0.9em;
   width: 25%;
   padding: 6px 5px 4px 0px;
   border-bottom: 1px solid #CCC;
}
td.stayRight {
   text-align: left;
   vertical-align: top;
   font-size: 0.9em;
   width: 75%;
   border-left: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   padding: 6px 0px 4px 5px;
} 
td.stayLeftT {
   text-align: left;
   vertical-align: top;
   font-size: 0.9em;
   width: 25%;
   padding: 6px 5px 4px 0px;
   border-bottom: 1px solid #CCC;
   border-top: 1px solid #CCC;
}
td.stayRightT {
   text-align: left;
   vertical-align: top;
   font-size: 0.9em;
   width: 75%;
   border-left: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   padding: 6px 0px 4px 5px;
   border-top: 1px solid #CCC;
}
#roomTariff p{
   font-size: 0.9em;
   margin: 15px 0px 0px 5px;
   padding: 0px;
   color: #333;
}
td.planRev a{
   background-color: #990000;
   padding: 10px;
   color: #FFF;
   font-size: 0.9em;
} 
td.planRev a:hover{
   background-color: #0000FF;
   padding: 10px;
   color: #FFF;
   font-size: 0.9em;
} 
td.bfPics {
   font-size: 0.8em;
   text-align: right;
   color: #333;
}