@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
background:#edf4fe url(../image/etas_bg.jpg) repeat-y center top;
color:#333333;
text-align:center;
}
div, h1, h2, h3, h4, h5, h6, p, span, hr, table, th, td, em, form{
margin:0pt;
padding:0pt;
}
ul, ol, li, dl, dt, dd{
margin:0pt;
padding:0pt;
list-style-type:none;
}
a{
color:#0033CC;
text-decoration:underline;
}
a:hover{
color:#FF0000;
text-decoration:none;
}
img{border:none;}
hr{clear:both;visibility:hidden;}
.b{font-weight:bold;}
.red{color:#FF0000;}
img.pict{
vertical-align:middle;
padding:0 8px 2px 0;
}


/*header
--------------------------------------------------------------------------	*/
#header{
margin:0 auto;
width:900px;
/*border-top:#000036 solid 3px;*/
text-align:left;
}
#header p{
font-size:0.7em;
padding:8px;
}
#headerimg{
margin:0 auto;
width:900px;
height:120px;
background:transparent url(../image/etas_head.jpg) no-repeat scroll 0 0;
text-indent:-9999px;
overflow:hidden;
}
#header h1 a{
float:left;
width:410px;
height:100px;
text-indent:-9999px;
display:block;
overflow:hidden;
}
#header h2 a{
float:right;
width:210px;
height:100px;
text-indent:-9999px;
display:block;
overflow:hidden;
}
/*contents
--------------------------------------------------------------------------	*/
#contents{
margin:0 auto;
width:900px;
/*background: url(img/menu_bg.jpg) repeat-y 0 0;*/
overflow:hidden;/*ff*/
/*position:relative;*/
text-align:left;
}
p#headmenu{
display:block;
text-align:right;
height:20px;
font-size:12px;
}
.caution{
border:#ff0000 1px solid;
margin:4px 16px 8px 22px;
padding:6px;
text-align:center;
color:#FF0000;
font-size:0.8em;
line-height:1.4em;
font-weight:bold;
background:#FFeeee;
}
/* index left area
--------------------------------------------------------------------------	*/
#leftarea{
width:564px;
float:left;
/*background:#eef1f7;*/
}
#EtasBlock ,#WHBlock{
margin:2px 22px;
text-align:center;
}
#EtasBlock ul{
margin:0;
background:url(img/l_etasBg.jpg) repeat-y 0 0;
}
#EtasBlock ul li{
margin-bottom:4px;
}
#EtasBlock ul li.Etaslast{
margin-bottom:0px;
}

.toriatukai{
font-size:11px;
line-height:2em;
}

#WHBlock ul{
background:url(img/l_WHBg.jpg) repeat-y 0 0;
}
#WHBlock ul li{
margin-bottom:3px;
}
#WHBlock ul li.WHlast{
margin-bottom:0px;
}

#BnBlock{
margin:0 22px;
padding:14px 12px 10px;
display:block;
height:48px;
border-top:#996600 1px solid;
}
#BnBlock ul li{
float:left;
margin-right:12px;
font-size:12px;
line-height:1.4em;
}

/* index right area
--------------------------------------------------------------------------	*/
#rightarea{
width:336px;
float:left;
}
#EstaBlock{
margin:2px 0 0;
padding-right:16px;
text-align:center;
}
#EstaBlock ul{
background:url(img/r_estaBg.jpg) repeat-y 0 0;
}
#EstaBlock ul li{
margin-bottom:4px;
}
#EstaBlock ul li.Estalast{
margin-bottom:0px;
}

#AdBlock ul li{
margin-bottom:1px;
}

#NewsBlock{
margin-bottom:6px;
padding-right:16px;
text-align:left;
}
#NewsBlock ul{
border-left:#62AFFD 1px solid;
border-right:#62AFFD 1px solid;
padding:12px;
}
#NewsBlock ul li{
font-size:11px;
line-height:1.2em;
padding:2px 0 3px;
}
#NewsBlock ul li.sub{
font-weight:bold;
line-height:1.1em;
padding:2px 0;
}

#AdlistBlock{
margin:4px 16px 4px 0;
text-align:left;
background:#eee;
height:266px;
min-height:260px;
}
#Adlist{
padding:12px;
font-size:11px;
line-height:1.6em;
}
#AdlistBlock ul{
float:left;
width:50%;
}
#AdlistBlock ul li{
background:url(img/ico_list.gif) no-repeat 0 6px;
padding-left:8px;
}

/* - db-page ---------------------------------------------------------------- */

/* db-page left area */
#db-leftarea{
width:670px;
float:left;
}
#checkBlock{
margin:6px 28px 6px 36px;
}

/* db-page right area ad-200 */
#db-rightarea{
width:220px;
_width:214px;
float:left;
}
/* check ad */
#adBlock{
margin:6px 14px 0 0;
}
#adBnr{
margin:10px 0 0 0;
}
#adBnr img{
margin-bottom:6px;
}
form.ad-hotel{
width:190px;
background:#F0F0F0;
border:1px solid #ccc;
padding:4px;
margin-bottom:6px;
_width:200px;
}

/* db-page bottom adBlock */
#bottomAdBlock{
clear:both;
width:900px;
border-top:#eee 1px solid;
/*background:#eee;*/
border-bottom:#eee 1px solid;
margin-top:4px;
padding-top:6px;
}
#bottomAdBlock table{
margin:4px auto 10px;
width:860px;
_margin-left:18px;
}
#bottomAdBlock table td img{
margin:3px 0 6px;
}
#bottomAdBlock table th{
padding:2px 6px 2px 0;
text-align:left;
}
#bottomAdBlock table td{
padding:2px 2px 2px 12px;
width:auto;
vertical-align:top;
border-left:1px solid #ccc;
font-size:12px;
line-height:1.5em;
}


.tt_p{
font-size:0.8em;
line-height:1.6em;
border-left:24px solid #FFCCCC;
padding:4px 8px;
}

em{
font-style:normal;
font-weight:bold;
color:#330000;
}
.imgcenter,.ttcenter{text-align:center;}

.txt{
font-size:0.78em;
line-height:1.6em;
}

.bg_p{background:#FFCCCC;}
.bg_g{background:#f5f5f5;}

.f70{font-size:0.7em;}
.f80{font-size:0.8em;}
.f90{font-size:0.9em;}

.c_red{color:#FF0000;}
.c_orange {color:#FF6600;}

.pd4848{padding:4px 8px;}
.pd4x4x{padding:4px 10px;}
.pd2x2x{padding:2px 10px;}
.pd0x0x{padding:0 10px;}
.pd8888{padding:8px;}
.pdxxxx{padding:10px;}

.mg8888{margin:8px;}
.mg0x0x{margin:0 10px;}


.bd1111{border:1px solid #ccc;}
.bd1010{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.bd1000{border-top:1px solid #ccc;}

/* 波線 */
.wave{
background:url(img/line_wave.gif) repeat-x left bottom;
padding-bottom:3px;
}

/* footer 
--------------------------------------------------------------------------	*/
#footer{
clear:both;
width:900px;
border-top:#003366 1px solid;
}
#footer p{
font-size:0.78em;
line-height:1.4em;
text-align:center;
letter-spacing:0.08em;
display:block;
padding:8px 0 0;
}
.copyright{
text-indent:-9999px;
background:transparent url(img/copyright.gif) no-repeat scroll center top;
}

/* line
--------------------------------------------------------------------------	*/
.line{
clear:both;
height:20px;
background:transparent url(img/line.gif) no-repeat scroll 50% 50%;
overflow:visible;
}
.line_dot{
clear:both;
height:20px;
background:transparent url(img/line_dot.gif) no-repeat scroll 50% 50%;
overflow:visible;
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* form他
------------------------------------------*/
.formarea{
width:600px;
margin:10px 0;
padding:24px 4px;
font-size:0.8em;
line-height:1.6em;
background:#f0f0f0;
border:1px solid #ccc;
}
.formarea table{
margin:0 auto 10px 50px;
font-size:12px;
}
.resultarea{
width:600px;
margin:10px;
padding:24px 10px;
font-size:0.9em;
line-height:1.8em;
background:#fcfcfc;
border:1px solid #ccc;
}
.resultarea table{
margin:0 auto;
}
.formarea th,.resultarea th{
font-weight:bold;
text-align:left;
padding:4px;
}
.formarea td,.resultarea td{
text-align:left;
padding:4px;
}
.formarea input{margin-right:10px;width:180px;}
.formarea .input_y input{margin-right:10px;width:85px;}
.formarea select{margin-right:10px;width:90px;}


.formarea table.checkBox{
margin:0 auto;
font-size:12px;
}
.formarea table.checkBox th{
font-weight:bold;
text-align:left;
padding:0 2px;
}
.formarea table.checkBox td{
text-align:left;
padding:0 2px;
line-height:1.2em;
}
.formarea table.checkBox input{margin-right:0px;width:180px;}
.formarea table.checkBox .input_y input{margin-right:0px;width:85px;}
.formarea table.checkBox select{margin-right:0px;width:90px;}


ul.btnlist{
text-align:center;
margin:30px auto;
}
ul.btnlist li{
margin:5px;
}
.imgcenter,.ttcenter{
text-align:center;
}

.to_ssl {
margin:0;
font-size:12px;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
}
.to_ssl a {color:#0000FF;text-decoration:underline;}
.to_ssl a:hover {color:#FF0000;text-decoration:none;}

.caution_pdf{
width:584px;
_width:612px;
margin:10px 0;
padding:12px;
font-size:0.72em;
line-height:1.4em;
background:#FFF4F0;
border:1px solid #FF9999;
}
.caution_pdf img{float:right;width:112px;}
.caution_pdf img.pict{padding:0 0 2px 6px;}

#notice{
margin:0 auto;
width:850px;
}
#noticeBox{
border:#cc0000 solid 2px;
padding:10px;
margin:10px 0;
text-align:center;
background:#FFF7FA;
}
#noticeBox p{
font-size:14px;
line-height:1.4;
color:#cc0000;
letter-spacing:0.01em;
}