@charset "utf-8";
@charset "Shift_JIS";

/* ===================================================================================

	Sapporo Wasington Hotel Basic CSS

=================================================================================== */

* {
font-weight:400;
font-style:normal;
margin:0;
padding:0;
}

p,ul,ol,dl,img {
list-style:none;
margin:0;
padding:0;
}

b,em,strong {
font-weight:700;
}

img {
border:none;
}

html {
overflow-x:hidden;
}

body {
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin:0;
padding:0;
}

a,a:link,a:active,a:visited {
color:#666;
text-decoration:none;
}

a:hover {
color:#0c1035;
text-decoration:underline;
}

#contents {
width:1000px;
background-color:#FFF;
margin:0;
}

#contents h1 {
margin:0;
}

.logo {
margin:67px 0 0 27px;
}

.logo2nd {
margin:10px 0 14px 27px;
}

#head {
height:18px;
width:1000px;
text-align:right;
padding:10px 0 0;
}

ul#headermenu li {
display:inline;
padding:0 0 0 12px;
}

ul#headermenu li.end {
padding-right:0 !important;
}

#main {
background:#ececec;
zoom:100%;
display:block;
}

#main:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html #main {
height:1%;
}

#footer {
background-color:#f2f2f2;
clear:both;
width:1000px;
padding:10px 0 50px;
}

.footleft {
float:left;
width:480px;
}

.footright {
clear:left;
float:right;
width:480px;
}

ul#footermenu {
margin:0 0 0 9px;
}

ul#footermenu li {
display:inline;
padding:0 17px 0 0;
}

ul#footerbn {
margin:8px 0 0 9px;
}

ul#footerbn li {
display:inline;
padding:0 3px 0 0;
}

ul#othercontents {
text-align:right;
margin:25px 20px 0 auto;
}

ul#othercontents li {
background:transparent url("images/line.gif") no-repeat right center;
padding-right:20px;
font-size:10px !important;
display:inline;
}

ul#othercontents li.end {
background-image:none !important;
padding-right:0 !important;
}

#copyright {
text-align:right;
margin:10px 20px 0 0;
}

.clear {
clear:both;
}

.floatr {
float:right;
}

.floatl {
float:left;
}

/*2nd*/

body {
background:#f2f2f2 url("images/bg_body_2nd.gif") repeat-x left top;
color:#333;
}

#header2nd {
background:#ececec;
width:1000px;
margin:0;
}

ul#gmenu {
background:#19193b url("images/bg_gmenu.gif") no-repeat right top;
height:30px;
border-bottom:3px solid #fff;
}

ul#gmenu li {
display:inline;
vertical-align:bottom;
margin:0;
padding:0;
}

#main {
background:#fff url("images/bg_2ndmain.gif") repeat-y right top;
padding: -1px 0px 0px 0px;
}

#maincontent {
width:725px;
float:left;
}

#maincontent ul {
margin:0 0 0 5px;
padding:0;
}

.section {
padding:37px 0 20px 27px;
}

.copy {
margin:0 0 10px;
}

.reed {
padding-right:5px;
line-height:160%;
font-size:12px;
color:#333;
margin:0 0 5px;
}

#subcontent {
width:266px;
float:right;
position:relative;
padding:15px 0 15px 8px;
}

#subcontent .info {
line-height:125%;
margin:0 0 50px;
padding:0;
}

#subcontent .info h1 {
margin:0 0 11px;
}

#subcontent .info h2 {
margin:0 0 22px;
}

#subcontent .info dl {
font-size:11px;
padding:5px;
}

#subcontent .info .infotxt {
display:block;
font-size:12px;
width:241px;
line-height:140%;
margin:0 0 0 12px;
}

#subcontent .navi {
text-align:left;
margin:0;
padding:0 17px 0 50px;
}

#subcontent .navi p {
margin:0 0 2px;
padding:0;
}

#subcontent p#reserve {
margin:6px 0 2px;
}

#subcontent p.pdf {
font-size:10px;
margin:5px 0 2px;
}

body#facilities #maincontent #detail {
position:relative;
height:334px;
color:#101638;
}

body#facilities #maincontent #detail h2 {
font-size:12px;
font-weight:700;
}

.facukutues_table {
background:#efefef;
color:#101638;
line-height:140%;
}

.facukutues_table p {
padding:0.5em;
}

.facukutues_table td {
border-bottom:#FFF 1px solid;
}

.bdright {
border-right:#FFF 1px solid;
}

body#restaurant {
background:#efefef url("images/bg_body_restaurant.gif") repeat-x left top;
}

body#restaurant ul#gmenu {
background:#82271f url("images/bg_gmenu_restaurant.gif") no-repeat right top !important;
}

body#restaurant #maincontent {
/*width:621px;*/
float:left;
}

body#restaurant #maincontent p {
line-height:1.5;
margin:0 0 25px;
}

body#restaurant #maincontent .section {
padding-left:31px;
}

body#restaurant #maincontent #photos {
padding-top:0;
}

body#restaurant #subcontent {
padding-top:0;
width:274px;
float:right;
}

#privilege {
text-align:center;
margin:107px auto 0;
}

#privilege img {
margin:0 auto;
}

div.sitemap dl {
line-height:2em;
margin:0 0.5em;
padding:0;
}

div.sitemap dt {
background:url("images/point.gif") no-repeat left !important;
margin:0;
padding:0 0 0 20px;
}

div.sitemap dd {
margin:0 0 0 1.5em;
padding:0 0 0 10px;
}

div.sitemap dd.kei {
background:url("images/kei.gif") no-repeat;
}

.sitemap_tab_left {
border-right:1px solid #ececec;
padding-right:7px;
float:left;
width:300px;
height:400px;
}

.sitemap_tab {
float:right;
padding-right:7px;
width:350px;
height:400px;
}

.clear {
clear:right;
}

.formtable,.formtable_r {
font-size:11px;
color:#333;
margin:0 0 20px;
}

.formtable td,.formtable_r td {
font-size:11px;
color:#333;
line-height:160%;
border-top:#CCC 1px solid;
border-right:#CCC 1px solid;
padding:10px;
}

.formtable th {
font-size:11px;
color:#18183b;
background:#ececec;
text-align:left;
border-left:#18183b 2px solid;
border-top:#CCC 1px solid;
padding:6px;
}

.formtable_r th {
font-size:11px;
color:#fff;
background:#82271f;
text-align:left;
border-left:#6e221b 2px solid;
border-top:#9e8c8a 1px solid;
padding:6px;
}

.end_td {
font-size:11px;
color:#333;
line-height:160%;
border-bottom:#CCC 1px solid;
border-right:#CCC 1px solid;
padding:10px;
}

.end_td_r {
font-size:11px;
color:#333;
line-height:160%;
border-bottom:#9e8c8a 1px solid;
border-right:#9e8c8a 1px solid;
padding:10px;
}

.end_th {
font-size:11px;
color:#18183b;
background:#ececec;
text-align:left;
border-bottom:#CCC 1px solid;
border-top:#CCC 1px solid;
padding:6px;
}

.end_th_r {
font-size:11px;
color:#fff;
background:#82271f;
text-align:left;
border-bottom:#9e8c8a 1px solid;
border-top:#9e8c8a 1px solid;
padding:6px;
}

.indispensability {
color:red;
font-size:11px;
}

ul#qa {
text-align:right;
margin:25px 20px 20px auto;
}

ul#qa li {
background:transparent url("images/headline.gif") no-repeat right center;
padding-right:30px;
font-size:10px !important;
display:inline;
}

ul#qa li.end {
background-image:none !important;
padding-right:0 !important;
}

dl.qa {
width:670px;
margin:0 0 10px;
}

dl.qa dt {
font-size:12px;
color:#0f0f23;
padding:0.5em 0;
}

dl.qa dt.lineqa {
background:url("images/qicon.gif") no-repeat left !important;
border-bottom:#999 1px solid;
width:660px;
padding:12px 0 12px 26px;
}

dl.qa dd {
background:#fff url("images/aicon.gif") no-repeat !important;
font-size:12px;
line-height:160%;
clear:both;
margin:8px 2px 5px 0;
padding:4px 0 4px 26px;
}

.qatxt {
margin:0 0.5em 0.5em;
}

.txtr {
text-align:right;
}

.retable,.retable2 {
font-size:12px;
color:#333;
margin-bottom:20px;
}

.retable .tbline {
border-right:#CCC 1px dotted;
}

.retable th {
font-size:12px;
color:#18183b;
background:#ececec;
text-align:left;
border-bottom:#18183b 2px solid;
border-top:#CCC 1px dotted;
padding:6px;
}

.retable2 th {
font-size:12px;
color:#18183b;
background:#ececec;
text-align:center;
border-bottom:#18183b 2px solid;
border-top:#CCC 1px dotted;
padding:6px;
}

.retable td,.retable2 td {
font-size:10px;
color:#333;
line-height:160%;
border-bottom:#CCC 1px dotted;
padding:5px;
}

.retable td strong,.retable2 td strong {
font-size:11px;
color:#333;
font-weight:400;
text-align:center;
}

.tbbox {
width:670px;
text-align:center;
}

.res {
font-size:13px;
color:#18183b;
text-align:left;
border-left:#18183b 3px solid;
margin:20px 0 15px;
padding:0 0 0 4px;
}

h2.res2 {
font-size:13px;
color:#353A6E;
text-align:left;
border-left:#353A6E 3px solid;
margin:20px 0 15px;
padding:0 0 0 4px;
}

h2.res3 {
font-size:13px;
color:#4B70A0;
text-align:left;
border-left:#4B70A0 3px solid;
margin:20px 0 15px;
padding:0 0 0 4px;
}

div.resimg {
display:block;
width:670px;
height:63px;
margin:10px 0 0;
}

p.resimg1 {
display:block;
width:670px;
height:50px;
margin:5px 0 0;
}

p.resimg {
clear:both;
display:block;
width:670px;
margin:5px 0 0;
}

.mgn {
margin-bottom:20px;
}

.stay table td,.rr table td {
vertical-align:top;
padding-left:2px;
line-height:140%;
font-size:12px;
}

.tcolor {
color:#18183b;
}

.rcolor {
color:#82271f;
}

.pict {
background:#FFF none repeat scroll 0;
border-color:#D4D4D4 #b3b3b3 #b3b3b3 #d4d4d4;
border-style:solid;
border-width:1px;
padding:4px;
margin-bottom:5px;
}

.stay .data,.rr data {
font-size:9px;
}

.stay h2 {
border-left:3px solid #18183B;
color:#18183B;
font-size:15px;
text-align:left;
font-weight:700;
padding:0 0 0 4px;
}

.stay h3 {
background:#ececec;
color:#18183B;
font-size:12px;
font-weight:700;
margin:0.5em 0;
}

.rr h2 {
border-left:3px solid #82271f;
color:#82271f;
font-size:15px;
text-align:left;
font-weight:700;
padding:0 0 0 4px;
}

.rr h3 {
background:#ececec;
color:#82271f;
font-size:12px;
font-weight:700;
margin:0.5em 0;
}

.margin_b2 {
padding-bottom:2px;
background-position:right;
}

.margin_b6 {
padding-bottom:6px;
}

.sightseeing_mainarea {
width:670px;
margin:16px 27px 30px;
}

#sightseeing_mainarea {
width:670px;
padding-right:27px;
padding-left:27px;
margin-top:16px;
padding-bottom:30px;
}

#sightseeing_mainarea h2 {
float:left;
margin-bottom:5px;
}

.linebox_wrap {
width:670px;
}

.linebox_wrap img {
display:block;
margin:0;
}

img.titleGuide {
padding-right:5px;
}

.linkbox_img {
float:left;
padding:0 6px 0 3px;
}

#sightseeing_mainarea p {
line-height:1.2em;
letter-spacing:0.1em;
padding-top:5px;
padding-right:10px;
font-size:10px;
}

.bold {
font-weight:700;
color:#18183b;
}

.linkbox_left {
width:220px;
background-image:url(images/linkbox_bg.gif);
background-repeat:repeat-y;
float:left;
margin-bottom:5px;
}

.linkbox_center {
width:220px;
background-image:url(images/linkbox_bg.gif);
background-repeat:repeat-y;
float:left;
margin-left:5px;
margin-bottom:5px;
margin-top:0;
}

.linkbox_right {
width:220px;
background-image:url(images/linkbox_bg.gif);
background-repeat:repeat-y;
float:right;
margin:0 0 5px;
}

.linlbox_bottomimg {
float:left;
}

.linkboxL_left {
width:445px;
background-image:url(images/linkbox_bg_L.gif);
background-repeat:repeat-y;
float:left;
margin-bottom:5px;
}

.linkbox_righti {
width:216px;
height:135px;
background:url(images/linkbox_map.jpg) no-repeat;
float:right;
margin:0 0 5px 2px;
padding:3px 2px 0 3px;
}

.guideclick a {
color:#519bc3;
}

#header2nd img,ul#gmenu li img {
vertical-align:bottom;
}

#maincontent h1,.info .mgnimg {
margin:0 0 5px;
}

body#restaurant #maincontent h1,body#restaurant #maincontent h2 {
margin:0 0 10px;
}

#privacy .kiyaku,#sitemap .kiyaku {
line-height:1.6em;
padding-top:5px;
padding-left:1em;
text-indent:-1em;
margin:20px 25px 0 0;
}

#privacy .txt01,#sitemap .txt01 {
line-height:1.6em;
margin:20px 25px 0 0;
}

#privacy .txt,#sitemap .txt {
line-height:1.6em;
padding:50px 20px 0;
}

#privacy .box,#sitemap .box {
background-color:#ececec;
line-height:1.6em;
margin:20px 25px 0 0;
padding:10px;
}

p.note{
font-size:10px;
color:#101638;
margin-left:0.3em;
}
p.reserveT{
width:650px;
padding:10px;
font-size:12px;
background:#FFf0f0;
}
.planbtn{
margin:0 auto;
display:block;
width:150px;
height:25px;
background:#e7ebff;
border:1px solid #999;
font-weight:bold;
text-align:center;
line-height:200%;
}
.planbtn a{
font-weight:bold;
}
.reservebtn{
font-size:10px;
display:block;
width:80px;
height:15px;
background:#fff;
border:1px solid #999;
font-weight:bold;
text-align:center;
}
.reservebtn a{
font-weight:bold;
color:#101638;
}
#box{
width:200px;
}
.margin-top-bottom01{
margin-top:25px;
margin-bottom:25px;
}
.margin-bottom01{
margin-bottom:30px;
}
.margin-bottom02{
margin-bottom:21px;
}
.margin-bottom03{
margin-bottom:15px;
}
.margin-right01{
margin-right:33px;
}
.margin-right02{
margin-right:32px;
}
.margin-right03{
margin-right:30px;
}

.clearfix:after { 
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: inline-block;
}.alignleft{
float:left;
}
.alignright{
float:right;
}
.origin{
color:#666666;
}
.small_text{
font-size:11px;
}
em{
font-weight:bold;
color:#313f7c;
}
.bg_icon{
background:transparent url("images/icon.jpg") no-repeat left top;
padding-left:15px;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
 蔵囲（くらがこい） [
----------------------------------------------------------- */
h1.kura{
padding: 0px 0px 10px 0px;
}

.about_kura{
width: 327px;
float: left;
}

.info_kura{
width: 327px;
float: right;
padding: 0px 11px 0px 0px;
}

/*
 clearfix [
----------------------------------------------------------- */
.clearfix:after { 
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
 blog検索 [
----------------------------------------------------------- */
label.hidden{
display: none;
}

form#searchform{
margin: 0px 0px 30px 0px;
}

h3.side{
margin: 0px 0px 15px 0px;
}

ul.blog{
margin: 0px 0px 50px 0px;
}

ul.blog li{
margin: 0px 0px 10px 0px;
}

table#wp-calendar caption{
text-align: left;
}

#wp-calendar {
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
padding:10px 0px;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar th {
padding: 3px 0;
text-align: center;
}

td#today a{
color: red;
}

#wp-calendar td.today {
display: block;
text-align: center;
color: #444444;
border: 1px solid #444444;
}
#wp-calendar th.holiday, #wp-calendar td.holiday, #wp-calendar td.holiday a:link {
color: #e50003;
}
#wp-calendar th.saturday, #wp-calendar td.saturday, #wp-calendar td.saturday a:link {
color: #0000ff;
}
#wp-calendar td.tholiday {
display: block;
border: 1px solid #444444;
color: #e50003;
}
#wp-calendar td.tholiday a:link {
color: #e50003;
}
#wp-calendar td.tsaturday {
display: block;
border: 1px solid #444444;
color: #0000ff;
}
#wp-calendar td.tsaturday a:link {
color: #0000ff;
}

/*
 blog記事 [
----------------------------------------------------------- */
.post{
width: 551px;
background:transparent url("images/blog_entry_bg.gif") repeat-y left top;
margin: 0px 0px 30px 47px;
position: relative;
}

*html .post h2{
font-size: 18px;
line-height: 120%;
}

*:first-child+html .post h2{
font-size: 18px;
line-height: 120%;
}

.post h2{
background:transparent url("images/blog_h2.gif") no-repeat left top;
height: auto;
padding: 36px 150px 0px 40px;
font-weight: bold;
color: #18183b;
}

.post h2 a{
font-weight: bold;
color: #18183b;
}

.post .time{
background:transparent url("images/blog_time_bg.gif") no-repeat left 2px;
padding: 0px 0px 0px 15px;
position: absolute;
top: 42px;
left: 405px;
font-size: 1.125em;
color: #5979b3;
}

.post .entry{
background:transparent url("images/blog_entry_bg.gif") repeat-y left top;
padding: 10px 40px 10px 40px;
line-height: 160%;
}

.post .entry img{
border: 1px solid #d4d4d4;
padding: 4px;
text-align: center;
margin: 0px auto 15px auto;
}

.entry p{
}

.postmetadata{
background:transparent url("images/blog_postmetadata_bg.gif") no-repeat left bottom;
height: 45px;
text-align: right;
padding: 0px 22px 0px 0px;
}

.navigation{
width: 250px;
margin: 0px 0px 0px 47px;
background-color: #ececec;
padding: 6px 5px 5px 5px;
}

#content .navigation li{
float: left;
list-style-type: none;
}

.aligncenter{
text-align: center;
}

.entry img.alignleft{
float:left;
margin: 0px 10px 0px 0px;
}

.entry img.alignright{
margin: 0px 0px 0px 10px;
float:right;
}