@charset "utf-8";

/* -----------------------------------------------
 * TOPページ以外共通  
 * 初期設定、ヘッダー、フッター、コンテンツ枠
 * ----------------------------------------------- */


/* -----------------------------------------------
 * 初期設定部分
 * ----------------------------------------------- */

ul,li,h1,h2,h3,h4,dd,dt,p {
margin:0;
padding:0;
font-size:100%;
font-weight:normal;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.6em;
margin: 0 auto;
background-color: #f9f8f3;
}

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

a:hover {
color:#CC3340;
}

a:focus{
border: 1px solid dashed;
}
/* a:focus{
border: 1px solid dashed;
display: block;
} */

a img {
border:none;
}

hr {
background-color:#d6d6d6;
height:1px;
border:0;
}


/* -----------------------------------------------
 * 新デザイン　角丸関係＆clearfix 20120202追加
 * ----------------------------------------------- */

/*  角丸5px  */
.circle_5 {
border-radius: 5px;           /*  CSS3  */
-moz-border-dadius: 5pc;      /* Firefox  */
-webkit-border-radius: 5px;   /* Safari,Chrome  */
}

/*  角丸5px上側だけ  */
.circle_top {
border-top-left-radius: 5px;           /*  CSS3  */
border-top-right-radius: 5px;           /*  CSS3  */
-moz-border-dadius-topleft: 5pc;      /* Firefox  */
-moz-border-dadius-topright: 5pc;      /* Firefox  */
-webkit-border-top-left-radius: 5px;   /* Safari,Chrome  */
-webkit-border-top-right-radius: 5px;   /* Safari,Chrome  */
}

/*  角丸5px下側だけ  */
.circle_bottom {
border-bottom-left-radius: 5px;           /*  CSS3  */
border-bottom-right-radius: 5px;           /*  CSS3  */
-moz-border-dadius-bottomleft: 5pc;      /* Firefox  */
-moz-border-dadius-bottomright: 5pc;      /* Firefox  */
-webkit-border-bottom-left-radius: 5px;   /* Safari,Chrome  */
-webkit-border-bottom-right-radius: 5px;   /* Safari,Chrome  */
}

.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

.wrap {
background-color:#fff;
border:solid 1px #e6d7ce;
}

.no_border {
border:none !important;
}

.mar_bottom_20 {
margin-bottom: 20px;
}

.mar_top_20 {
margin-top: 20px;
}

a.link {
color:#007fa5;
}

a.link:hover {
color:#CC3340;
}

a.link_style {
display:block;
padding-left:25px;
line-height:20px;
background: url(../img/arrow_square.png) 0px 2px no-repeat;
color:#663838;
font-size: 1.4em;
font-size: 1.4rem;
font-weight:bold;
margin-bottom:10px;
}

a.link_style:hover {
color:#CC3340;
}

a.link_style2 {
display:block;
padding-left:25px;
line-height:20px;
background: url(../img/arrow_square2.png) 0px 2px no-repeat;
color:#CC3340;
font-size: 1.4em;
font-size: 1.4rem;
font-weight:bold;
margin-bottom:10px;
}

a.link_style2:hover {
color:#663838;
}

/* -----------------------------------------------
 * ヘッダー部　20120202 新デザイン化につき大幅変更
 * ----------------------------------------------- */

#header {
position:relative;
width:100%;
height:129px;
background-image: url(../img/header_back.jpg);
background-repeat: repeat;
border:solid 1px #e6d7ce;
overflow:visible;
}

#header_wrap {
width:980px;
margin:0px auto;
position:relative;
}

#header_top {
padding-right:0px;
width:980px;
height:50px;
overflow:hidden;
float:right;
margin-bottom:5px;
}

* html #search-box input {
position:static;
top:0px;
left:0px;
}

/*  外国語ページリンクボタン  */

div#lang {
height:22px;
float:right;
background:none;
line-height:22px;
margin-top:21px;
}

div#lang a {
display:inline-block;
width:90px;
height:22px;
border-right:solid 1px #e2ccc1;
}

div#lang a.none_border {
border:0px;
}


#header_bottom {
clear:both;
}

div#logo {
width:280px;
height:110px;
position: absolute;
top:0px;
left:3px;
}

/*  グローバルナビ  */

ul#gnavi {
float:right;
height:88px;
//width:688px;
margin:0px;
padding:0px;
zoom:1;
position:relative;
border:solid 1px #e6d7ce;
background-color:#fff;
}

#gnavi a {
text-decoration:none;
}

#gnavi li {
height:88px;
list-style-type:none;
float:left;
position:relative;
margin:0;
}

#gnavi li.navi {
width:113px;
display:block;
border-right:solid 1px #e6d7ce;
background-color:#fff;
}

#gnavi li.navi:hover {
background-color:#f2ebe6;
}

#gnavi li.last {
border:none;
width:117px;
}

#gnavi li.off ul {
display:none;
}


/* サブメニュー  */

#gnavi li.navi ul.navi_sub {
position:absolute;
left:-55px;
top:85px;
font-size: 0.1em;
font-size: 0.1rem;
padding:14px 5px 0px 5px;
background-repeat:no-repeat;
z-index:20;
}

#gnavi li.navi ul.sub1 {
width:230px;
height:120px;
background-image: url(../img/navi_sub1_back.png);
}

#gnavi li.navi ul.sub2 {
width:230px;
height:171px;
background-image: url(../img/navi_sub2_back.png);
}


#gnavi li.navi ul.navi_sub li.sub {
width:220px;
height:50px;
border-bottom: solid 1px #deccc1;
display:block;
background-color:#fff;
}

#gnavi li.navi ul.navi_sub li.last {
border:none;
}

#gnavi li.navi ul.navi_sub li.sub:hover {
background-color:#f2ebe6;
}

/* パンくずリスト */

#pan {
width:100%;
height:40px;
border-width:0px 1px 1px 1px;
border-style:solid;
border-color:#e6d7ce;
margin:-15px 0px 10px -1px;
padding-top:30px;
}

#pan ul {
width:978px;
list-style-type:none;
margin:0px auto;
}

#pan ul li {
display:inline-block;
padding-left:1em;
margin-right:1px;
line-height:40px;
}

/* ie6 */
* html #pan ul li {
display:inline;
padding-left:1em;
margin-right:1em;
line-height:40px;
zoom:1;
}

/* ie7 */
*+html #pan ul li {
display:inline;
padding-left:1em;
margin-right:1px;
line-height:40px;
zoom:1;
}


/* -----------------------------------------------
 * コンテンツ
 * ----------------------------------------------- */

#contents {
width:980px;
margin:20px auto 0px auto;;
zoom:1;
overflow:hidden;
}

/* -----------------------------------------------
 * フッター　20120202 新デザイン化につき大幅変更
 * ----------------------------------------------- */

#footer {
width:100%;
background-color:#fff;
border-top:solid 1px #e6d7ce;
color:#805959;
margin-top:25px;
zoom:1;
overflow:hidden;
}

#footer_wrap {
width:980px;
margin:0px auto;
}

#footer h2 {
color:#805959;
border-left:solid 5px #805959;
padding-left:1em;
margin-bottom:20px;
}

#footer ul li {
padding-left:1.5em;
list-style-position:inside;
line-height:2em;
list-style-image: url(../img/icon_arrow.png);
}

#footer li.dark {
color:#805959;
list-style-image:none;
list-style-type:disc;
font-weight:bold;
}

#footer .indent {
padding-left:2em;
list-style-type:none;
}

#footer .indent li {
border-left:solid 3px #e6d7ce;
margin:10px 0px;
line-height:1.2em;
list-style-image:none;
}

#footer div#footer_sitemap {
float:left;
width:720px;
padding:15px 0px 0px 10px;
}



#footer a{
color:#000;
}

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

#footer div#footer_sitemap div.footer_link {
float:left;
width:180px;
}

#footer div#unei {
float:right;
width:240px;
padding:15px 0px 0px 10px;

}

#footer div#footer_copyright {
clear:both;
width:980px;
line-height:50px;
text-align:left;
margin-left:20px;
}

#footer div.unei {
padding-left:1em;
line-height:1.5em;
margin-bottom:10px;
}



/*倉敷を知りたい*/


/* 倉敷を知りたいTOPページ */

div.about_bnr img {
margin-top:20px;
}

div.right_bnr-area {
width:230px;
}

div.right_bnr-area img {
margin-top:20px;
}

img.title {
margin-top:20px;
}

/* 倉敷を知りたい詳細ページ */

  /* インデックス */

div.about_index {
margin-top:40px;
padding:20px;
width:680px;
border:solid 5px #d9d9d9;
position:relative;
}

div.about_index_header {
position:absolute;
top:-10px;
}

div.about_index_list-left {
width:330px;
float:left;
}

div.about_index_list-left ul {
border-right: solid 1px #d9d9d9;
}

div.about_index ul {
list-style-image: url(../img/icon_about_index_list.png);
}

div.about_index ul li {
font-size:120%;
font-weight:bold;
line-height:30px;
list-style-position:inside;
position:relative;
left:5px;
}

div.about_index_list-right {
width:330px;
float:right;
}

  /* コンテンツ　*/

h3.discription1 {
background-image: url(../img/discription1.png);
height:50px;
background-repeat:no-repeat;
}

h3.discription2 {
background-image: url(../img/discription2.png);
height:50px;
background-repeat:no-repeat;
}


h3.discription3 {
background-image: url(../img/discription3.png);
height:50px;
background-repeat:no-repeat;
}


h3.discription4 {
background-image: url(../img/discription4.png);
height:50px;
background-repeat:no-repeat;
}


h3.discription5 {
background-image: url(../img/discription5.png);
height:50px;
background-repeat:no-repeat;
}

div.contents_wrap {
width:730px;
margin-top:40px;
}

div.contents_main {
margin-bottom:30px;
}

div.contents_wrap h3{
font-size:200%;
font-weight:bold;
padding-bottom: 10px;
padding-top: 10px;
}


div.contents_wrap h4 {
font-size:200%;
font-weight:bold;
line-height:35px;
border-bottom:solid 5px #d9d9d9;
margin-top:20px;
display:inline-block;
zoom:1;
}

div.contents_wrap p {
line-height:20px;
margin-top:30px;
}

div.contents_wrap {
margin-top:20px;
}

div.contents_wrap div.about_left {
width:340px;
float:left;
}

div.contents_wrap div.about_right {
width:320px;
float:right;
padding: 20px 0px 15px 20px;
border:solid 1px #d9d9d9;
}

div.contents_wrap div.about_right img {
margin-right:20px;
}


div.contents_wrap div.about_right div.text {
margin:20px 20px 20px 0px;
}

div.contents_wrap div.about_right ul {
list-style-image: url(../img/icon_about_index_list.png);
}

div.contents_wrap div.about_right ul li {
font-size:120%;
font-weight:bold;
line-height:30px;
list-style-position:inside;
position:relative;
left:5px;
}

div.gototop {
margin-bottom:30px;
width:100%;
}

div.gototop a {
color:#fff;
background-color:#996b6b;
padding:5px;
margin-left:10px;
}

div.gototop a:hover {
background-color:#e6d7ce;

}


/*  予約  */

div#reserve {
overflow:hidden;
position:relative;
padding-bottom:20px;
margin-top:10px;
}

div.reserve_wrap {
margin-bottom:20px;
overflow:hidden;
}

div#reserve div.reserve_left {
width:190px;
float:left;
text-align:center;
}

div#reserve div.reserve_left a img {
margin-left:20px;
}

div#reserve div.reserve_right {
width:500px;
float:right;
}

/*  国内線.com  */
div.kokunaisen {
overflow:hidden;
background-color:#faefe8;
border:solid 3px #e6d7ce;
margin:0px 20px;
}

div.kokunaisen div.kokunaisen_left {
width:35%;
float:left;
margin-left:2%;
}

div.kokunaisen div.kokunaisen_right {
width:62%;;
float:right;
position:relative;
}

div.kokunaisen div.kokunaisen_right h4 {
font-size:120%;
font-weight:bold;
color:#663838;
margin-bottom:10px;
}

div.kokunaisen div.kokunaisen_right ul.kokunaisen_list li {
display:inline-block;
margin:10px;
}

div.kokunaisen div.kokunaisen_right form select {
border:solid 1px #d6c8bf;
width:80px;
}

div.kokunaisen div.kokunaisen_right ul.kokunaisen_list li.date {
margin:10px 5px;
}

div.kokunaisen div.kokunaisen_right ul.kokunaisen_list li.date select {
width:70px;
}

div.kokunaisen div.kokunaisen_right form input#reserve {
position:absolute;
right:30px;
top:70px;
}

.center {
text-align:center;
}

div#reserve div.end {
margin-bottom:0px;
}

/*  公共の宿  */

div#public_hotel {
overflow:hidden;
position:relative;
}

div#public_hotel ul li {
background: url(../img/icon_circle_brown.png) 25px 25px no-repeat;
padding:20px 0px 0px 50px;
border-bottom:solid 1px #e6d7ce;
position:relative;
height:40px;
}

div#public_hotel ul li a {
line-height:18px;
font-size: 1.6em;
font-size: 1.6rem;
font-weight:bold;
color:#663838;
}

div#public_hotel ul li a:hover {
color:#CC3340;
}

div#public_hotel ul li span.address {
font-size:75%;
font-weight:normal;
color:#000;
}

div#public_hotel ul li img {
position:absolute;
right:10px;
bottom:10px;
}