@import "header.css";
/*------------------------------------------
           基礎設定
------------------------------------------ */

html,body,form,p {
    margin: 0;
    padding: 0;
}

a img { border: 0; }

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

body {
  background-image: url(../images/background/back.gif);
  background-repeat: repeat-y;
  color: #333333;
  /*	background-color: #F5F2E1;*/
  background-color: #F9F7EC;
  font-size: 90%;
  line-height: 1.4;
  background-position: center;
  text-align: center;
}

tr,td {
}
ul{
  list-style:none;
  padding:0;
  margin:0;
}
li{
  padding:0;
  margin:0;
}

h1{
  font-size: 120%;
  margin: 15px 0px 10px 0px;
  padding-left: 5px;
  color: #3B1618;
  border-bottom: 3px solid #3B1618;
  text-align: left;
}
h2{
  font-size: 100%;
  margin: 15px 0px 10px 0px;
  padding-left: 5px;
  color:white;
  background-color: #3B1618;
  text-align: left;  
}
h3{
  font-size: 100%;
  color: #3B1618;
  margin: 5px 0px 0px 0px;
}

.zero {
  width:0px;
  height:0px;
  margin:0;
  padding:0;
  margin-left:-9999px;
}
.clear{
  clear:both;
}
.voice{
  display:none;
}
.important{
  color:red;
}
.news{
  border:#ccc 1px solid;
  padding:5px;
}

#important-news{
  border:#ffcccc 1px solid;
  padding:5px;
  background-color:#fff2f2;
  margin-bottom:15px;
}
#important-news #signature{
  margin-top:10px;
}
#important-news span{
  border-bottom:black 1px dashed;
}


/*------------------------------------------
   
   */

.mic-footer {
  clear: both;
  width : 100%;
  text-align: left;
  border-top: 1px dotted #CCC;
  padding: 10px 5px;
  margin-top: 10px;
}

/*------------------------------------------
   
   */



/*------------------------------------------
   
   */

#wrapper {width : 780px; margin : 0 auto;text-align: left;}
#main {width : 550px; float:right; text-align: left;}
#navi {width : 210px; margin : 0 10px 0 0; float:left; text-align: left; }
#main {margin:0;}

#page-description {width : 780px; text-align: left; font-size: 10px; margin : 0 auto;}
#page-description strong { font-weight: normal;}

/*-----------------------------------------
   navi
   */
#navi{
  float:left;
  width:200px;
}
#navi p.summary{
  margin:0 0 5px 0;
  padding-left: 5px;
  color:white;
  background-color: #3B1618;
  font-weight:bold;
}

#navi ul{
  list-style:none;
  margin:0;
  padding:0;
  margin-bottom:20px;
}
#navi ul li{
  margin:0px 0px 5px 0px;
  border:1px #3b1618 solid;
}
#navi ul.tours li a{
  display:block;
  height:20px;
  background-image:url("../images/background/navi-background.gif");
  padding-left:15px;
}
#navi ul.hotels li a{
  display:block;
  height:40px;
  background-image:url("../images/background/navi-background-big.gif");
  padding-left:15px;
  line-height:35px;
}

#navi ul li a{
  text-decoration:none;
  font-weight:bold;
}

#navi p.tel-info {
  font-size: 80%;
  margin: 15px 0px 5px 0px;
  padding: 5px;
  text-align: center;
  border:1px solid #68493E;
  background-color:#F4F2EA;
}
#navi p.bank-info {
  font-size: 80%;
  margin: 0px 0px 5px 0px;
  padding: 5px;
  text-align: left;
  border:1px solid #68493E;
  background-color:#F4F2EA;
}
#navi p.company-info {
  font-size: 10pt;
  margin: 15px 0px 5px 0px;
  padding: 5px;
}
#navi p.company-info #telno{
  color:red;
  font-size:25px;
  font-weight:bold;
}
#navi p.company-info #faxno{
  font-size:120%;
  font-weight:bold;
}
#navi p.company-info .big{
  font-size:120%;
}
#navi p.company-info .small{
  font-size:80%;
}
/*------------------------------------------
   
   */
.hotel-list{
}
.hotel-list li{
  border:1px #dddddd solid;
  width:130px;
  height:360px;
  float:left;
}
.hotel-list li ul li{
  border:0;
  height:inherit;
}
.hotel-list li ul li.subtitle{
  text-align:center;
  height:3em;
}
.hotel-list li ul li.image{
  text-align:center;
  height:100px;
}
.hotel-list li ul li.name{
  text-align:center;
  height:2em;
}
.hotel-list li ul li.place{
  text-align:center;
  height:3em;
}
.hotel-list li ul li.description{
  height:7.5em;
  width:120px;
  padding:0 5px 0 5px;
  text-align: justify;
}
/* IE7 */
*:first-child+html .hotel-list li ul li.description{
  width:120px;
  text-justify: inter-ideograph
}
/* IE6-5 */
* html .hotel-list li ul li.description{
  width:120px;
  text-justify: inter-ideograph
}

.hotel-list li ul li.buttons{
  height:20px;
  text-align:center;
}
div#bannars li{
  display:inline;
}
#otherinfo h3 strong{
  display:block;
  width:9em;
  float:left;
}
#oursites li strong{
  display:block;
  width:9em;
  float:left;
  height:1.1em;
  color: #3B1618;
}
.addclips{
  text-align:right;
}

ul.selections{
  list-style:square;
  margin-left:20px;
}
li.selections{
  list-style:square;
  margin-top:5px;
}
.keywords a{
  height:1em;
  margin:0 5px;
}

.attention{
  color:red;
}