

/* ヘッダーここから */

div#headerForeign{
background-image:url(../images/header-foreign.jpg);
 background-repeat:no-repeat;
 margin:0 auto;
 padding:0;
 width:798px;
 height:96px;
 overflow:hidden;
}



div#contentForeign{
 width:718px;
 margin:0 auto;
}




div#contentForeign h3.hlForeign{
 font-size:2.8em;
 margin:0 0 15px 0;
 padding:10px 0 0 0 ;
 border-top:1px dashed #999999;
 font-family:serif;
 color:#9D7C5B;
 font-weight:bold;
}


div#contentForeign h4{
 font-size:1.8em;
 margin:0 0 10px 0;
 line-height:1.3;
 font-family:serif;
 color:#9D7C5B;
 font-weight:bold;
}


div#contentForeign h5{
 font-size:1.5em;
 font-weight:bold;
 margin:0 0 5px 0;
 padding:0 20px;
}

div#contentForeign h5.paddingReset{
 padding:0;
}


div#contentForeign p{
 margin:0 0 18px 0;
 padding:0 20px;
}



p.btnReserveRight {
 font-weight:bold !important;
 margin:0 0 18px 550px !important;
 padding:0 0 0 0 !important;
 width:180px !important;
 background-image:url(../images/btn-bg-foreign-reserve.jpg) !important;
 background-repeat:no-repeat!important;
 line-height:30px !important;
 color:#ffffff !important;
 text-align:center !important;
 vertical-align:middle !important;
 text-decoration:none !important;
}

p.btnReserveRight a:link,
p.btnReserveRight a:visited{
 font-weight:bold;
 display:block;
 color:#ffffff; !important
 width:180px;
 text-decoration:none;
 margin:0;
 padding:0;
}

p.btnReserveRight a:hover,
p.btnReserveRight a:active{
 font-weight:bold;
 display:block;
 color:#ffffff; !important
 width:180px;
 text-decoration:none;
 margin:0;
 padding:0;
}



p.btnReserve {
 font-weight:bold !important;
 margin:0 auto 18px !important;
 padding:0 0 0 0 !important;
 width:180px !important;
 background-image:url(../images/btn-bg-foreign-reserve.jpg) !important;
 background-repeat:no-repeat!important;
 line-height:30px !important;
 color:#ffffff !important;
 text-align:center !important;
 vertical-align:middle !important;
 text-decoration:none !important;
}

p.btnReserve a:link,
p.btnReserve a:visited{
 font-weight:bold;
 display:block;
 color:#ffffff; !important
 width:180px;
 text-decoration:none;
 margin:0;
 padding:0;
}

p.btnReserve a:hover,
p.btnReserve a:active{
 font-weight:bold;
 display:block;
 color:#ffffff; !important
 width:180px;
 text-decoration:none;
 margin:0;
 padding:0;
}


p.backToTopForeign{
 margin:0 0 0 0;
 padding:0 0 0 0;
 text-align:right;
}



div#foreign_top p{
 margin:0 30px 0;
 padding:20px 0 0;
 width:736px;
 text-align:right;
 font-size:1.4em;
}


div#contentForeign ul{
 margin:0 0 18px 0;
 padding:0 40px;
}

div#contentForeign ul li{
 margin:0 0 2px 0;
 padding:0 0;
 font-size:1.3em;
 list-style:disc;
}



h1.headerForeign,
h1.headerForeign a{
 width:118px;
 height:68px;
}

h1.headerForeign{
 position:relative;
 float:left;
}

h1.headerForeign a{
 position:absolute;
 top:8px;
 left:19px;
 display:block;
 overflow:hidden;
}

/* ヘッダーここまで */





/* ナビゲーションここから */

div#navSubForeign{
 position:relative
}

div#navSubForeign ul{
 position:absolute;
 top:-15px;
 left:535px;
 display:block;
 overflow:hidden;
 width:526px;
 height:23px;
 line-height:23px;
 overflow:hidden;
}

*+html body div#navSubForeign ul{
 position:absolute;
 top:-15px;
 left:535px;
 display:block;
 overflow:hidden;
 width:526px;
 height:23px;
 line-height:23px;
 overflow:hidden;
}


div#navSubForeign ul li{
 float:left;
 height:23px;
 vertical-align:top;
}

div#navSubForeign ul li img{
 vertical-align:top;
}


/* ナビゲーションここまで */











/* 汎用テーブルここから */

table.tableForeign{
 margin: 0 0 50px;
 padding:0 0 0 0;
 border-collapse:collapse;
 border:1px solid #ccc;
 width:100%;
}

table.tableForeign th{
 font-size:1.3em;
 padding:5px 8px;
 background-color:#F3F2ED;
 border:1px solid #D2D2BD; 
}

table.tableForeign td{
 font-size:1.3em;
 padding:5px 8px;
 border:1px solid #ccc;
}


/* 汎用テーブルここまで */

table.w600{
 width:600px;

}













/* カラムわけここから */

div.ForeignLeft{
 float:left;
 width:340px;
}

div.ForeignRight{
 float:right;
 width:340px;
}


br.clear{
 clear:both;
 margin:0 0 30px 0;
}



/* カラムわけここまで */





@charset "utf-8";

/********************************************************

全体

********************************************************/

html{
 font-size:62.5%;
 overflow-y:scroll;
}


*{
  margin:0;
  padding:0;
  border:0;
  text-decoration:none;
  font-style:normal;
  font-weight:normal;
}


h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, dl, address {
 margin: 0;
 padding: 0;
 text-justify:inter-ideograph;
 text-align:justify;
 vertical-align:baseline;
}

ul, ol{
list-style:none;
}

img{
vertical-align:bottom;
}

strong{
 font-weight:bold;

}

body{
 margin:0;
 padding:0;
 line-height:1.6;
 background-image:url(../images/body-back.jpg);
 background-repeat:repeat-x;
 background-color:#DDDCD7;
 color:#333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align:center;
}

p{
 font-size:1.3em;
 margin: 0 0 1.5em 0;
 color:#333;
}

a:link{
 color:#515140;
 text-decoration:underline;
}

a:visited{
 color:#515140;
 text-decoration:underline;
}


a:hover, a:active{
 color:#000;
 text-decoration:none;
}


div#wrapper{
 text-align:left;
 margin:0 auto 20px;
 padding:0;
 width:824px;
 background-image:url(../images/container-back.jpg);
 background-repeat:repeat-y;
}


div#container{
 margin:0 auto;
 padding:0;
 width:824px;
 background-image:url(../images/header-back.jpg);
 background-repeat:no-repeat;
}



/* div#header BEGIN --------------------------------------------------------- */

div#header{
 background-image:url(../images/header.jpg);
 background-repeat:no-repeat;
 margin:0 auto;
 padding:0;
 width:798px;
 height:96px;
 overflow:hidden;
}

h1,
h1 a{
 width:118px;
 height:68px;
}

h1{
 position:relative;
 float:left;
}

h1 a{
 position:absolute;
 top:18px;
 left:19px;
 display:block;
 overflow:hidden;
}

div#headerText{
 position:relative;
 margin:0 1 0 0px;
 padding:0;
 width:600px;
 height:72px;
 overflow:hidden;
}

h2.headerTitle,
p.headerAccess,
p.headerSummary
{
text-indent:-9999px;
}


/* div#header END --------------------------------------------------------- */


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




/* div#content END --------------------------------------------------------- */





div#footer{
 clear:both;
 margin:0 auto;
 padding:5px 0 0 0 ;
 width:796px;
}

div#footer ul{
 margin:0px 0 6px ;
 padding:6px 0 0 0;
 font-size:1.2em;
 line-height:1.2em;
 vertical-align:bottom;
 height:30px;
 overflow:hidden;
 width:796px;
 background-image:url(../images/footer-bg.jpg);
 background-repeat:no-repeat;
 background-position:top right;
  text-align:center;
}

div#footer li{
 margin:0 auto;
 display:inline;
 padding:5px 0 0;
 vertical-align:bottom;
 height:15px;
 text-align:center;
}

address{
 text-align:center;
 margin:0 0 3px 0;
 padding:0 0 0 0 ;
 font-size:1.2em;
 color:#555;

}

p#copyright{
 text-align:center;
 margin:0 0 8px 0px;
 padding:0 0 0 0 ;
 font-size:1.1em;
 color:#555;

 text-align:center;
}


div.footerImage{
 background-image:url(../images/bg-footer.jpg);
 background-position:bottom;
 background-repeat:no-repeat;
 width:824px;
 height:20px;
}





