/* CSS Document */


/* ================ reset ================== */
body,
div,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,a,
img,
table,th,td,
dl,dt,dd,
form {
	margin:0;
	padding:0;
	border:0;
	line-height:120%;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}

body * {
	font-family:"Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
}


img {
	vertical-align:bottom;
}

ul,
ul ul,
ul ul ul {
	list-style:square;
}

a {
text-decoration:none;
}




/*	-------- utility ---------- */

.clear {
clear:both;

}

h1,hr,small,big,spacer	{ display:none;}

.v5 {
	margin:5px 0;
}

img.absmdl {
	vertical-align:middle;
}

.r5 {
	margin-right:5px;
}

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

div {
	_height: 1%;
	display:inline-block;
}

/*	-------- Contens ---------- */

body	{
	width:780px;
	background-color:#fff;
	color:#333;
	text-align:center;
	margin:0 auto;

}

#contents {
	width:760px;
	text-align:left;
}

/*	-------- Header ---------- */
#fheader,
#header {
	width:760px;
}

#fheader .flogo,
#header .logo {
	margin:0;
	display:block;
	float:left;
}


#header .com {
	float:right;
	margin:42px 50px 28px 0;
}

#header .linebox {
	clear:both;
	height:27px;
	display:block;
	background:url(../../trader/img/hd_line.gif) no-repeat;
}

/*	-------- Frame Header ---------- */
#fheader .fttl {
	margin:0 0 0 20px;
	display:block;
	float:right;
	width:671px;
}
#fheader .fttl img.title {
	margin:26px 0 22px 0;
}
#fheader .fttl img.home {
	margin:0 0 22px 10px;
}
#mmenubox_b {
	width:760px;
	background-color:#631719;
	color:#fff;
}

#mmenubox_w {
	width:760px;
	background-color:#AC8F41;
	color:#fff;
}

#mmenubox_h {
	width:760px;
	background-color:#005C46;
	color:#fff;
}

#mmenubox_s {
	width:760px;
	background-color:#0054A6;
	color:#fff;
}



#contents .left {
	float:left;
	padding:7px 6px 0 15px;
	font-weight:bold;
	font-size:14px;
	display:block;

}

#contents .middle {
	float:left;
	margin:0 0 0 80px;
	display:block;

}

#contents .right {
	float:left;
	padding:7px 6px 0 10px;
	font-weight:bold;
	font-size:14px;
	display:block;

}

#contents a {
	color:#fff;
	dispaly:block;
	/*padding:0 10px;*/
	font-size:12px;

}

/*	-------- Main ---------- */
#main {
	margin:2px 0;
	padding:0;
	background-color:#fff;
	width:760px;
}


#main .mainbtn img {
	margin:0 1px;
	float:left;
}

#main .flowarea {
	margin:24px 0 0 0;
}

#main p {
	font-size:0.8em;
	color:#666;
}

#main span {
	color:#BC0308;
}

#main p.att {
	margin:12px 20px;
}

#main .hotelbox {
	margin:15px 0 0 0;
	display:block;
	padding:12px 10px;
	border:1px solid #D1C388;
	background-color:#F5F2E8;
}

#main .hotelbox .ttl {
	float:left;
	display:block;
	width:196px;

}

#main .hotelbox .link {
	float:left;
	display:block;
	width:540px;
	padding:0;
	margin:0;
	white-space:nowrap;
}

#main .hotelbox .link a {
	background:url(../../trader/img/ar_hotels.gif) no-repeat 0 1px;
	color:#964820;
	padding: 0 0 0 15px;
	font-size:12px;
	margin:0 5px 0 0;
}






/*	-------- Pagetop ---------- */

#pagetop {
	width:760px;
	margin:20px 0 0 0;
}
#pagetop p {
	display:block;
	float:right;
}
#pagetop a {
	background:url(../img/ar_pagetop.gif) no-repeat 0 1px;
	color:#964820;
	padding: 0 0 0 20px;
	display:block;
	font-size:12px;
	margin:0 0 7px 0;
}
/*	-------- Footer ---------- */

#footer {
	width:760px;
	margin:14px 0 0 0;
	display:blcok;
}

#footer .fnavi {
	display:block;
	background:url(../img/copyright.gif) no-repeat;
	height:26px;
	text-align:right;
	font-size:0.8em;
	color:#964821;
	padding:5px 15px 0 0;


}

#footer .fnavi a {
	color:#964821;
	padding:0;
	margin:0;
}

#footer .bottom {
	display:block;
	margin:7px 0 20px 0;
	padding:40px 0 0 0;
	height:50px;
	background:url(../img/footer.gif) no-repeat top;
	font-size:0.8em;
	color:#818181;
	text-align:center;
}

#footer .bottom a {
	font-size:0.8em;
	color:#818181;
	padding:0;
	margin:0;
}
