@charset "UTF-8";
/* ---------------------
* FONTSIZE MODEL * 
* ---------------------
*  63% ->	10pxに相当
*  70% ->	11pxに相当
*  75% ->	12pxに相当
*  82% ->	13pxに相当
*  88% ->	14pxに相当
*  94% ->	15pxに相当
* 100% ->	16pxに相当
* 107% ->	17pxに相当
* 113% ->	18pxに相当
* 119% ->	19pxに相当
* 125% ->	20pxに相当
* --------------------- */


/* ========BASIC======== */
* {
font-family: "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Osaka, Helvetica, sans-serif;
}

body {
font-size:75%;
margin:0;
padding:0;
line-height:180%;
background:#fff;
background-image:url("../img/bg.gif");
background-repeat:repeat-x;
}

br{
letter-spacing:normal;
}

a{
color:#000000;
text-decoration:none;
}

a:hover {
color:crimson;
text-decoration:none;
}

img {
border:0;
}

h1,h2,h3,h4,h5,h6 {
padding:0px;
margin:0px;
}

ul,ol{
padding:0px;
margin:0px;
}
li{
list-style:none;
padding:0px;
margin:0px;
}
dl,dt,dd{
padding:0px;
margin:0px;
}

input#submits{
border:0px;
width:215px;
height:34px;
cursor:pointer;
background-image:url("http://www.st-hotel.jp/common/img/btn_booking_off.gif");
text-indent:-1000em;
}

/* Conatainer */
div.all{
width:950px;
margin:0px auto;
padding:0px;
}

/* HEADER */
h1{
font-size:88%;
padding-top:10px;
float:right;
font-weight:100;
color:#79163f;
}

div.hd{
height:145px;
}
div.hd img.logo1{
float:left;
}

div.hd div.mn{
float:left;
width:404px;
padding-top:9px;
}
div.hd div.mn li{
float:left;
}
div.hd div.mn img.logo2{
padding-bottom:10px;
}

div.hd div.ht{
width:384px;
float:left;
margin-left:20px;
}
div.hd div.ht ul{
float:right;
}
div.hd div.ht ul.sub{
float:right;
padding:1px 0px 4px 0px;
}
div.hd div.ht ul.sub li{
font-size:88%;
padding-left:10px;
}
div.hd div.ht li{
float:left;
}

/* CONTENTS */
div.contents{
padding:20px 0px;
}

/* LEFT */
div.lt{
width:627px;
float:left;
padding-bottom:50px;
}
div.lt div.info{
margin:40px 0px 0px 0px;
width:627px;
height:125px;
}


div.lt div.info dl{
width:243px;
height:125px;
float:left;
padding-right:20px;
}
div.lt div.info dl.news{
width:242px;
height:125px;
float:left;
border-right:1px dotted #cccccc;
padding-right:10px;
margin-right:10px;
}
div.lt div.info dt{
font-weight:bold;
border-bottom:1px dotted #cccccc;
}
div.lt div.info dd{
border-bottom:1px dotted #cccccc;
}
div.lt div.info span.gt{
font-size:85%;
float:right;
}
div.lt div.info span.gt a{
font-weight:100;
color:#626262;
}
div.lt div.info img{
vertical-align:middle;
}
div.lt div.info span.new{
color:#f00b08;
font-weight:bold;
}
div.lt div.info ul{
padding:9px 0px;
}
div.lt div.info li{
color:#656565
;
}
div.lt div.info li a{
color:#656565;
}
div.lt div.info li a:hover{
color:crimson;
}
div.lt div.info img.gt{
float:right;
}

div.info dl ul.rss{
float:right;
margin-top:-10px;
}
div.info dl ul.rss li{
font-size:10px;
padding-left:20px;
background-image:url("../img/rss.gif");
background-repeat:no-repeat;
background-position:0px 4px;
font-weight:100;
}


div.lt div.ads{
clear:both;
}

ul.trace{
height:20px;
border-bottom:1px dotted #cccccc;
}
ul.trace li{
float:left;
font-size:63%;
padding-right:12px;
margin-right:8px;
background-image:url("../img/gt.gif");
background-repeat:no-repeat;
background-position:right;
}
ul.trace li.cur{
background:none;
}

div.lt h2.t0{
padding:30px 0px 30px 23px;
font-size:150%;
background-image:url("../img/ttl.gif");
background-repeat:no-repeat;
background-position:0px 20px;
}
div.lt h2.t1{
padding:30px 0px 30px 23px;
font-size:150%;
background-image:url("../img/honkan/ttl.gif");
background-repeat:no-repeat;
background-position:0px 20px;
}
div.lt h2.t2{
padding:30px 0px 30px 23px;
font-size:150%;
background-image:url("../img/annex/ttl.gif");
background-repeat:no-repeat;
background-position:0px 20px;
}
div.lt h2.t3{
padding:30px 0px 30px 23px;
font-size:150%;
background-image:url("../img/kishibe/ttl.gif");
background-repeat:no-repeat;
background-position:0px 20px;
}
div.lt h3.ttl{
font-size:125%;
border-left:5px solid #7E1A14;
margin-top:20px;
padding-left:5px;
}
div.lt h4{
padding:10px 0px 5px 0px;
}

div.lt dl.about{
margin-top:20px;
}
div.lt dl.about dt{
clear:both;
color:#F471BF;
font-size:150%;
font-weight:bold;
padding:15px 0px;
border-top:1px solid #cccccc;
border-bottom:1px dotted #cccccc;
}
div.lt dl.about dd{
padding:20px 0px;
}
div.lt dl.about img{
float:right;
padding-left:20px;
padding-bottom:20px;
}

table.information{
width:100%;
}
table.information th{
width:30%;
padding:10px;
background-color:#eeeeee;
border-bottom:2px solid #ffffff;
text-align:left;
}
table.information td{
width:70%;
padding:10px;
line-height:180%;
border-bottom:2px solid #ffffff;
}


ul.bnr0{
clear:both;
}
ul.bnr0 li{
float:left;
padding:10px 20px 0px 0px;
}
ul.bnr0 li.last{
padding-right:0px;
}
ul.bnr0 img{
}

ul.bnr{
margin-top:8px;
}
ul.bnr li{
float:left;
margin-right:19px;
line-height:0;
}
.clr{
clear:left;
}
ul.bnr2{
margin:0px;
padding:0px;
}
ul.bnr2 li{
clear:left;
margin:0px 0px 20px 0px;
padding:0px;
}
ul.bnr li.m19{
margin-right:19px;
}
ul.bnr li.last{
margin:0px;
padding:0px;
}
ul.bnr img.spc20{
padding-left:15px;
}

table.company{
width:100%;
padding:0px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
}
table.company th{
width:75px;
padding:5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#eeeeee;
}
table.company td{
padding:5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.txtgt{
text-align:right;
}
ol.num{
padding-left:20px;
}
ol.num li{
list-style:decimal;
padding-bottom:15px;
}

dl.links{
}
dl.links dt{
font-weight:bold;
}
dl.links dd{
border-left:2px solid #cccccc;
padding-left:10px;
margin-bottom:20px;
}
ul.sitemap{
margin-bottom:20px;
}
ul.sitemap li {
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	background: url(../img/home.gif) no-repeat 0 4px;
	/*line-height: 180%;*/
}
ul.sitemap li ul {
	background: url(../img/dot.gif) repeat-y 17px 0;
}
ul.sitemap li ul.category li {
	background: url(../img/folder.gif) no-repeat 1px -283px;
}
ul.sitemap li ul.page li {
	background: url(../img/page.gif) no-repeat 1px -283px;
}
ul.sitemap li ul li.last {
	background-color: #FFFFFF;
}

dl.contact{
}
dl.contact dt{
font-size:135%;
font-weight:bold;
padding-left:10px;
}
dl.contact dd{
margin-bottom:20px;
padding-left:15px;
}

.group{
border-left:5px solid #7E1A14;
}
.honkan{
border-left:5px solid #3D7A44;
}
.annex{
border-left:5px solid #400D0A;
}
.kishibe{
border-left:5px solid #F18900;
}

div#tabs-1{
clear:both;
}


/* PLAN */
table.plans1{
}
table.plans2{
}
table.plans3{
}
table.plans1 th{
width:199px;
padding:3px 0px;
font-size:150%;
font-weight:100;
color:#ffffff;
background-color:#FFF;
vertical-align:top;
}
table.plans2 th{
width:199px;
padding:11px 0px;
font-size:150%;
font-weight:100;
color:#ffffff;
background-color:#FFF;
vertical-align:top;
}
table.plans3 th{
width:199px;
padding:11px 0px;
font-size:150%;
font-weight:100;
color:#ffffff;
background-color:#FFF;
vertical-align:top;
}


table.plans1 td{
padding:0px 29px 29px 29px;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
vertical-align:top;
}
table.plans2 td{
padding:0px 29px 29px 29px;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
vertical-align:top;
}
table.plans3 td{
padding:0px 29px 29px 29px;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
vertical-align:top;
}
table.plans1 td.ptop{
padding-top:29px;
}
table.plans2 td.ptop{
padding-top:29px;
}
table.plans3 td.ptop{
padding-top:29px;
}

table.plans1 td.pbtm{
border-bottom:1px solid #FFF;
}
table.plans2 td.pbtm{
border-bottom:1px solid #FFF;
}
table.plans3 td.pbtm{
border-bottom:1px solid #FFF;
}
table.plans1 td.none{
color:#ffffff;
font-size:1px;
width:15px;
padding:0px;
border:0px;
}
table.plans2 td.none{
color:#ffffff;
font-size:1px;
width:15px;
padding:0px;
border:0px;
}
table.plans3 td.none{
color:#ffffff;
font-size:1px;
width:15px;
padding:0px;
border:0px;
}
table.plans1 li.ttl1{
font-weight:bold;
color:#3D7944;
}
table.plans1 li.ttl1 a{
color:#3D7944;
}
table.plans1 li.ttl1 a:hover{
text-decoration:underline;
}
table.plans2 li.ttl1{
font-weight:bold;
color:#400D0A;
}
table.plans2 li.ttl1 a{
color:#400D0A;
}
table.plans2 li.ttl1 a:hover{
text-decoration:underline;
}
table.plans3 li.ttl1{
font-weight:bold;
color:#F18900;
}
table.plans3 li.ttl1 a{
color:#F18900;
}
table.plans3 li.ttl1 a:hover{
text-decoration:underline;
}
table.plans1 img:hover{
margin-top:10px;
}

/* FAQ */
table.faq{
width:100%;
border-top:1px solid #dddddd;
}
table.faq caption{
/*
text-align:left;
caption-side:left;
*/
border-top:1px solid #dddddd;
background-color:#fff;
font-weight:bold;
font-size:115%;
padding:10px 0px;
}
table.faq th{
width:40%;
text-align:left;
background-color:#F5F5F1;
padding:10px;
border-bottom:1px solid #dddddd;
}
table.faq td{
width:60%;
vertical-align:top;
text-align:left;
padding:10px;
border-bottom:1px solid #dddddd;
}
table.faq em{
color:#cc0b2b;
font-style:normal;
font-size:125%;
}
table.faq span{
color:#0b5dcc;
font-style:normal;
font-size:125%;
}


/* INFO */
img.info_s1{
padding:44px 0px 5px 0px;
}
h3.info_ttl{
clear:left;
padding-top:50px;
margin-bottom:30px;
font-weight:bold;
color:#73ac0e;
font-size:125%;
border-bottom:1px dotted #73ac0e;
}
h3.info_ttl2{
clear:left;
margin-bottom:30px;
font-weight:bold;
color:#73ac0e;
font-size:125%;
border-bottom:1px dotted #73ac0e;
}

div.info_hotels{
width:172px;
float:left;
margin-right:55px;
}
div.info_hotels clrs{
margin-right:0px;
}
img.info_img{
float:right;
padding-left:10px;
padding-top:73px;
}


/* ACCESS */
ul.smaps{
width:305px;
margin-top:30px;
float:left;
padding-bottom:20px;
}
ul.smaps li{
font-family:MS UI Gothic;
}
ul.map_detail{
clear:left;
}

/* 推奨環境 */
dl.sys{
}
dl.sys dt{
font-weight:bold;
}
dl.sys dd{
padding:0px 0px 5px 10px;
}
div.system{
padding-top:30px;
}


/* RIGHT */
div.gt{
width:303px;
float:right;
}
div.gt form{
padding:0px;
margin:0px;
}
div.gt div.booking{
background-image:url("../img/btm_booking.gif");
background-repeat:no-repeat;
background-position: bottom;
padding-bottom:20px;
margin-bottom:20px;
}
div.gt div.booking dl{
background-image:url("../img/bg_booking.gif");
background-repeat:repeat-y;
padding-top:3px;
padding-bottom:3px;
}
div.gt div.booking dt{
clear:left;
font-weight:bold;
padding-left:30px;
}
div.gt div.booking span{
background-color:#73ac0f;
padding:3px 5px;
margin-right:19px;
color:#ffffff;
font-weight:bold;
}
div.gt div.booking dd{ /* IE7以前向け */
padding-left:67px;
padding-bottom:8px;
}
head/* */body div.gt div.booking dd{ /* IE8向け */
padding-left:67px;
padding-bottom:8px;
}
html:not(:target) div.gt div.booking dd { /* モダンブラウザ向け */
padding-left:67px;
padding-bottom:6px;
}

div.gt div.booking dt.fl{
float:left;
}
div.gt div.booking dd.fl{
float:left;
padding-left:13px;
}
div.gt div.booking ul{
text-align:center;
background-image:url("../img/bg_booking.gif");
background-repeat:repeat-y;
}

div.gt div.booking li{
padding-bottom:6px;
}


div.gt div.booking li.spc{
padding-right:5px;
padding-bottom:9px;
background-image:url("../img/arw.gif");
background-repeat:no-repeat;
background-position:240px 2px;
}

img.middle{
vertical-align:middle;
}

ul.bnrs{
padding-top:20px;
}
ul.bnrs li{
line-height:0;
margin-bottom:20px;
}


/* FOOTER */
div.ftbg{
clear:both;
width:100%;
height:335px;
background-image:url("../img/ftbg.gif");
background-repeat:repeat-x;
}
div.ft{
/*font-size:88%;*/
width:950px;
margin:0px auto;
padding-top:18px;
}

div.ft2{
width:950px;
margin:0px auto;
text-align:right;
}
div.ft2 ul{
float:right;
border-right:1px solid #000000;
}
div.ft2 li{
float:left;
border-left:1px solid #000000;
padding:0px 7px;
}
address{
clear:right;
font-size:63%;
font-style:normal;
}

dl.ls1{
}

dl.ls1 dt{
background-image:url("../img/ft_ls_1.gif");
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:10px;
font-weight:bold;
margin-bottom:10px;
}
dl.ls1 dd{
}
dl.ls1 ul{
border:1px solid #ebebeb;
height:26px;
padding:7px 0px 0px 23px;
margin-bottom:20px;
}
dl.ls1 li{
float:left;
background-image:url("../img/ft_ls.gif");
background-repeat:no-repeat;
background-position:0px 3px;
padding:1px 20px 0px 20px;
margin:0px;
}
dl.ls2{
clear:left;
float:left;
width:185px;
height:200px;
}
dl.ls2 dt{
background-image:url("../img/ft_ls_2.gif");
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:10px;
font-weight:bold;
letter-spacing:-1px;
}
dl.ls2 dd{
padding-left:13px;
}
dl.ls3{
float:left;
width:214px;
height:200px;
}
dl.ls3 dt{
background-image:url("../img/ft_ls_3.gif");
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:10px;
font-weight:bold;
letter-spacing:-1px;
}
dl.ls3 dd{
padding-left:13px;
}
dl.ls4{
float:left;
width:150px;
height:200px;
}
dl.ls4 dt{
background-image:url("../img/ft_ls_4.gif");
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:10px;
font-weight:bold;
letter-spacing:-1px;
}
dl.ls4 dd{
padding-left:13px;
}

dl.ls5{
float:left;
width:209px;
height:200px;
}
dl.ls5 dt{
background-image:url("../img/ft_ls_5.gif");
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:10px;
font-weight:bold;
letter-spacing:-1px;
}
dl.ls5 dd{
padding-left:13px;
}
ul.ls0{
float:left;
width:190px;
padding-top:21px;
}


/* ALL */
a.alpha:hover img{
	filter:alpha(opacity=40);
	opacity:0.4;
	padding:0px;
	margin:0px;
	position:relative;
	left:0px;
	top:0px;
}
table.spc{
clear:left;
padding-top:10px;
}
ol.base{
padding-left:25px;
}
ol.base li{
list-style:decimal;
}
ul.base{
padding-left:25px;
}
ul.base li{
list-style:disc;
}
span.blue{
color:#0000ff;
}
span.orange{
color:#ff9900;
}
img.phs{
padding-top:15px;
}

/* claerfix */

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}