@charset "utf-8"

/* Copyright 2005-2009 高槻Ｗ＆Ｍホテル All Rights Reserved. */

/*---ページ全体の初期化---*/
html, body {
   background:#fff;
   color:#000;
}

body {
   margin:0;
   padding:0;　/*opera対策*/
   font-size:12px;
}

img {
  border:0px;
}

/*---左メニュー設定---*/
#div_container {
   position:absolute;
   left:50%;
   height:100%;
   width:960px;
   margin-left:-480px; /* MUST be half the width */
   margin-top:2px;
   background-image:url(../img/head_line.png);
   background-repeat:no-repeat;
   padding-top:15px;
}

/*---リストタグのアンカー設定---*/
li a:link {
   color:#06a;
}

li a:visited {
   color:#66a;
}

li a:hover {
   color:#900;
}

li a:active {
   color:#900;
   text-decoration:none;
}


/*---ヘッダーの全体設定---*/
#head_style {
   height:60px;
   margin:0px;
   padding:0px;
}

h1 {
   width:75px; float:left;
}

h2 {
   height:20px;
   font-size:12px;
   color:#666;
}

/*---ボディの全体設定---*/
#body_style {
   margin:0;
   padding:0;
   clear:both;
}


/*---ヘッダーメニューのリストタグのズレ修正---*/
ul.head_menu {
   text-align:right;
   list-style:none;
   margin:0px;
   padding:0px;
}

ul.head_menu li {
   font-size:12px;
   margin:0px 0px 0px 5px;
   padding:0px 0px 0px 12px;
   background:url(../img/arrow.png) no-repeat 3px 0.3em;
   list-style:none;
   display:inline;
}

/*---メニューの全般設定---*/
#menu {
   margin:0;
   padding:0;
   vertical-align:top;
}

/*---メニューの空室確認・ご予約の設定---*/
#menu_yoyakuform {
   width:146px;
   height:56px;
   padding:80px 10px 10px 10px;
   background-image:url(../img/menu_bg1.png);
   background-repeat:no-repeat;
}

#menu_yoyakuform form {
   margin:0px;
}

#search {
   text-align:right;
}

#search input {
   margin-top:4px;
}

/*---メニューのホテルのご案内設定---*/
#menu_goannai {
   width:146px;
   height:211px;
   padding:60px 10px 10px 10px;
   margin-bottom:10px;
   background-image:url(../img/menu_bg2.png);
   background-repeat:no-repeat;
}

ul.goannai {
   text-align:left;
   list-style:none;
   margin:0px;
   padding:0px;
}

ul.goannai li {
   font-size:12px;
   margin:0px 0px 0px 5px;
   padding:0px 0px 0px 10px;
   background:url(../img/arrow.png) no-repeat 1px 1.0em;
   background-repeat:no-repeat;
   list-style:none;
   line-height:30px;
}

/*---メニューのお問い合わせの設定---*/
#menu_contact {
   width:166px;
   height:390px;
   color:#666;
   font-size:12px;
   line-height:18px;
   padding-top:60px;
   padding-left:5px;
   margin-bottom:10px;
   background-image:url(../img/menu_bg3.png);
   background-repeat:no-repeat;
}

#menu_contact p {
   margin:0px 0px 0px 10px;
   padding-bottom:20px;
}

/*---リストタグのアンカー設定---*/
#menu_contact a:link {
   color:#06a;
}

#menu_contact a:visited {
   color:#66a;
}

#menu_contact a:hover {
   color:#900;
}

#menu_contact a:active {
   color:#900;
   text-decoration:none;
}

/*---インフォメーションのアンカー設定---*/
#info_comment a:link {
   color:#fff;
}

#info_comment a:visited {
   color:#fff;
}

#info_comment a:hover {
   color:#ff0;
}

#info_comment a:active {
   color:#900;
   text-decoration:none;
}

/*---フッターサイトマップのアンカー設定---*/
#footer a:link {
   color:#66f;
}

#footer a:visited {
   color:#666;
}

#footer a:hover {
   color:#a44;
}

#footer a:active {
   color:#900;
   text-decoration:none;
}


/*---メニューの地図の設定---*/
#map {
   margin:2px 10px 0px 0px;
   text-align:center;
}

/*---メインコンテンツ設定---*/
#main {
   margin:0;
   padding:0;
   width:100%;
   vertical-align:top;
}

#information {
   color:#FFF;
   margin-top:2px;
   margin-bottom:10px;
   padding:2px 0px 0px 5px;
   height:23px;
   font-family:"ＭＳ Ｐゴシック", Osaka;
   background-image:url(../img/information_bg.png);
   background-repeat:no-repeat;
}

#information2 {
   color:#FFF;
   margin-top:22px;
   margin-bottom:10px;
   padding:0px 0px 0px 5px;
   height:23px;
   font-family:"ＭＳ Ｐゴシック", Osaka;
   background-image:url(../img/information_bg2.png);
   background-repeat:no-repeat;
}

#info_title {
   width:58px;
   text-align:center;
   float:left;
}

#info_comment {
   margin-left:15px;
   float:left;
}

#message {
   color:#444;
   padding:10px 20px 10px 20px;
}

.button {
   width:227px;
   color:#600;
   padding:0px 10px 25px 20px;
   line-height:18px;
   float:left;
}

.button img {
   padding:0px 0px 5px 0px;
   float:left;
}

#plan_bg {
   clear:both;
   height:216px;
   width:787px;
   background-image:url(../img/main_plan_bg.png);
   background-repeat:no-repeat;
   margin-bottom:10px;
}

#plan_box_title1, #plan_box_title2, #plan_box_title3, #plan_box_list1, #plan_box_list2, #plan_box_list3, #plan_box_other1, #plan_box_other2, #plan_box_other3 {
   float:left;
}

#plan_box_title1, #plan_box_title2, #plan_box_title3 {
   margin-top:60px;
   font-weight:bold;
   padding:0px 0px 0px 30px;
}

#plan_box_title1 {
   width:210px;
}

#plan_box_title2 {
   width:250px;
}

#plan_box_title3 {
   width:230px;
}

#plan_box_list1, #plan_box_list2, #plan_box_list3 {
   padding:10px 0px 0px 40px;
}

#plan_box_list1 {
   clear:both;
   width:200px;
}

#plan_box_list2 {
   width:240px;
}

#plan_box_list3 {
   width:200px;
}

#plan_box_other1, #plan_box_other2, #plan_box_other3 {
   padding:10px 0px 0px 140px;
}

#plan_box_other1 {
   width:130px;
   clear:both;
}

#plan_box_other2 {
   width:130px;
}

#plan_box_other3 {
   width:100px;
}

#plan_bg li {
   font-size:12px;
   margin:0px 0px 0px 5px;
   padding:0px 0px 0px 10px;
   background:url(../img/arrow.png) no-repeat 1px 0.7em;
   background-repeat:no-repeat;
   list-style:none;
   line-height:20px;
}

.banner {
   width:180px;
   color:#600;
   padding:5px 8px 5px 8px;
   line-height:18px;
   float:left;
}

#toiawase {
   clear:both;
   width:218px;
   margin-right:25px;
   color:#666;
   line-height:18px;
   float:left;
}

#toiawase img {
   padding-bottom:10px;
}

#telephone {
   width:271px;
   margin-right:10px;
   color:#666;
   float:left;
}

#qrcode {
   font-size:12px;
   width:260px;
   color:#666;
   text-align:right;
   line-height:12px;
   float:left;
}

#qrcode img {
   margin-left:10px;
}

/* フッター */
#footer {
   clear:both;
   margin-top:10px;
   color:#444;
   background-color:#ddd;
}

/* コピーライト */
#copy {
   color:#666;
   font-size:12px;
   text-align:center;
   letter-spacing: 0.3em;
   padding:5px;
}

/* 角丸スタイルシート */
.footer p{
    margin:0px;
    padding:0.5em 1em;
}
.rtop, .rbottom{
    background:#FFFFFF;
}
.rtop span, .rbottom span{
    display:block;
    height:1px;
    overflow:hidden;
    background-color:#ddd;
}
.r1{margin: 0px 5px;}
.r2{margin: 0px 3px;}
.r3{margin: 0px 2px;}
.r4{margin: 0px 1px; height: 2px;}