@charset "UTF-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }

/* LAYOUT */
.clear { clear: both; }

/* FONT */
* { font-family:Georgia, "Times New Roman", Times; }
a { text-decoration:none; }  

/* BASE */
#base { margin:0px auto; width:800px; border:1px solid #FF6600; line-height:130%; }
#header { background-color:#FF6600; color:#FFFFFF; text-align:right; font-size:10px; padding:3px; letter-spacing:1px; }

/* NAVI AREA */
#naviarea ul { width:800px; height:40px; background-image:url(../images/navi.gif); display:block; }
#naviarea li { float:left; display:block; line-height:40px; text-indent:-9999px; }
#naviarea a { display:block; overflow:hidden; }

#naviarea #toppage { background-image:url(../images/navi.gif); background-position: 0px 40px; width:171px; }
#naviarea #room { background-image:url(../images/navi.gif); background-position: -171px 40px; width:154px; }
#naviarea #shisetsu { background-image:url(../images/navi.gif); background-position: -325px 40px; width:154px; }
#naviarea #acc { background-image:url(../images/navi.gif); background-position: -479px 40px; width:154px; }
#naviarea #contact { background-image:url(../images/navi.gif); background-position: -633px 40px; width:167px; }

#naviarea #toppage a { background-image:url(../images/navi.gif); background-position: 0px 0px; width:171px; }
#naviarea #room a { background-image:url(../images/navi.gif); background-position: -171px 0px; width:154px; }
#naviarea #shisetsu a { background-image:url(../images/navi.gif); background-position: -325px 0px; width:154px; }
#naviarea #acc a { background-image:url(../images/navi.gif); background-position: -479px 0px; width:154px; }
#naviarea #contact a { background-image:url(../images/navi.gif); background-position: -633px 0px; width:167px; }

#naviarea #toppage a:hover { background-position: 0px 40px; width:171px; }
#naviarea #room a:hover { background-image:url(../images/navi.gif); background-position: -171px 40px; width:154px; }
#naviarea #shisetsu a:hover { background-image:url(../images/navi.gif); background-position: -325px 40px; width:154px; }
#naviarea #acc a:hover { background-image:url(../images/navi.gif); background-position: -479px 40px; width:154px; }
#naviarea #contact a:hover { background-image:url(../images/navi.gif); background-position: -633px 40px; width:167px; }

/*TOP CONTENTS*/
#contents { width:800px; height:150px; margin:5px 0px; }
#contents span { color:#FF6600; font-weight:bold; }
#contents #conleft{ float:left; width:243px; height:130px; border-right:2px solid #FF6600; color:#666666; font-size:12px; padding:10px; text-align:left; }
#contents #concenter { float:left; width:245px; padding:10px; font-size:11px; line-height:150%; }
#contents #concenter h1 { font-size:13px; color:#FF6600; font-weight:bold; margin-bottom:5px; border-bottom:1px solid #666666; }
#contents #concenter a { text-decoration:none; color:#000000; }
#contents #concenter a:hover { text-decoration:underline; }

#contents #conright{ float:left; width:270px; }

/*MAIN AREA*/
#mainarea p { padding:20px; text-align:left; font-size:14px; }
#mainarea span { color:#FF6600; font-weight:bold; line-height:120%; }
#mainarea table#roomlist { background-color:#FFFF99; font-size:12px; }
table#roomlist th { text-align:center; font-weight:bold; padding:5px; }
table#roomlist td { vertical-align:top; padding:5px 5px 5px 45px; }

#mainarea #rooms { text-align:left; font-size:11px; padding-left:40px; }
#rooms table { border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; }
#rooms table td { padding:3px; border-bottom:1px solid #CCCCCC; }
#rooms table th { text-align:center; background-color:#FFFF99; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; }
#rooms .migisoroe { text-align:right;} 

#mainarea #area { text-align:left; }
#mainarea #area h2 { background-color:#663300; color:#FFFFFF; padding-left:10px; margin:10px auto; font-size:12px; }
#mainarea #area h3 { padding-left:25px; font-size:15px; }
#mainarea #area h3 a {color:#990000;}

/*ACCESS AREA*/
#accarea { width:750px; margin:auto; }
#accarea .mapimg { text-align:center; padding:30px 0px 30px 0px; font-size:15px; font-weight:bold; }
#accarea table { background-color:#CCCCCC; width:700px; margin-left:30px; font-size:12px;}
#accarea th { background-color:#FFFFCC;padding:5px; text-align:right;}
#accarea td { background-color:#FFFFFF; padding:5px;}
#accarea caption { font-size:14px; font-weight:bold;}


/*FOOTER*/
#footer { background-color:#FF6600; color:#FFFFFF; text-align:center; font-size:10px; padding:3px; letter-spacing:2px;}

/* jQuery lightBox plugin - Gallery style */
.gallery { width:750px; margin:5px auto 15px auto; }
.gallery td { vertical-align:top; font-size:13px; line-height:160%;}
.gallery span a { font-size:16px !important; color:#990000 !important; display:block; margin-bottom:3px !important;  }
.gallery img { margin-right:5px; }

.gallery1 { width:750px; margin:5px auto 25px auto; }
.gallery1 td { vertical-align:top; padding:0 2px 0px 2px; font-size:13px; line-height:160%;}
.gallery1 span a { font-size:16px !important; color:#990000 !important; display:block; margin-bottom:5px !important; }
.gallery1 img { margin-right:5px; }

.gallery2 { width:750px; margin:5px auto 25px auto; }
.gallery2 td { vertical-align:top; padding:0 2px 0px 2px; font-size:13px; line-height:160%;}
.gallery2 span a { font-size:16px !important; color:#990000 !important; display:block; margin-bottom:5px !important; }
.gallery2 img { margin-right:5px; }

.gallery3 { width:750px; margin:5px auto 25px auto; }
.gallery3 td { vertical-align:top; padding:0 2px 0px 2px; font-size:13px; line-height:160%;}
.gallery3 span a { font-size:16px !important; color:#990000 !important; display:block; margin-bottom:5px !important; }
.gallery3 img { margin-right:5px; }

.arealist { width:750px; margin:0 auto 10px auto; color:#666666; }
.arealist td { padding:5px 1px 5px 2px; font-size:11px; vertical-align:top;}
.arealist img { padding-left:5px;}
.arealist strong { font-size:13px; font-weight:bold; color:#333333;}