/*==================================================================

common.css

================================================================== */


/* essentials */

html {
	color: #522600;
	background: #B29E8D;
}

body {
	font-size: 12px;
	line-height: 1.4;
	background: #B29E8D;
}

/* a */

a { color: #522600; text-decoration: none;}
a:hover { color: #D2000B; text-decoration: none;}

/* padding */

.padNone { padding: 0px;}

.padT5 { padding-top: 5px;}
.padT10 { padding-top: 10px;}
.padT15 { padding-top: 15px;}
.padT20 { padding-top: 20px;}
.padT25 { padding-top: 25px;}
.padT30 { padding-top: 30px;}
.padT35 { padding-top: 35px;}
.padT40 { padding-top: 40px;}
.padT45 { padding-top: 45px;}
.padT50 { padding-top: 50px;}

.padB5 { padding-bottom: 5px;}
.padB10 { padding-bottom: 10px;}
.padB15 { padding-bottom: 15px;}
.padB20 { padding-bottom: 20px;}
.padB25 { padding-bottom: 25px;}
.padB30 { padding-bottom: 30px;}
.padB35 { padding-bottom: 35px;}
.padB40 { padding-bottom: 40px;}
.padB45 { padding-bottom: 45px;}
.padB50 { padding-bottom: 50px;}

.padR5 { padding-right: 5px;}
.padR10 { padding-right: 10px;}
.padR15 { padding-right: 15px;}
.padR20 { padding-right: 20px;}
.padR25 { padding-right: 25px;}
.padR30 { padding-right: 30px;}
.padR35 { padding-right: 35px;}
.padR40 { padding-right: 40px;}
.padR45 { padding-right: 45px;}
.padR50 { padding-right: 50px;}

.padL5 { padding-left: 5px;}
.padL10 { padding-left: 10px;}
.padL15 { padding-left: 15px;}
.padL20 { padding-left: 20px;}
.padL25 { padding-left: 25px;}
.padL30 { padding-left: 30px;}
.padL35 { padding-left: 35px;}
.padL40 { padding-left: 40px;}
.padL45 { padding-left: 45px;}
.padL50 { padding-left: 50px;}

/* margin */

.marNone { margin: 0px;}

.marT5 { margin-top: 5px;}
.marT10 { margin-top: 10px;}
.marT15 { margin-top: 15px;}
.marT20 { margin-top: 20px;}
.marT25 { margin-top: 25px;}
.marT30 { margin-top: 30px;}
.marT35 { margin-top: 35px;}
.marT40 { margin-top: 40px;}
.marT45 { margin-top: 45px;}
.marT50 { margin-top: 50px;}

.marB5 { margin-bottom: 5px;}
.marB10 { margin-bottom: 10px;}
.marB15 { margin-bottom: 15px;}
.marB20 { margin-bottom: 20px;}
.marB25 { margin-bottom: 25px;}
.marB30 { margin-bottom: 30px;}
.marB35 { margin-bottom: 35px;}
.marB40 { margin-bottom: 40px;}
.marB45 { margin-bottom: 45px;}
.marB50 { margin-bottom: 50px;}
.marB60 { margin-bottom: 60px;}

.marR5 { margin-right: 5px;}
.marR10 { margin-right: 10px;}
.marR15 { margin-right: 15px;}
.marR20 { margin-right: 20px;}
.marR25 { margin-right: 25px;}
.marR30 { margin-right: 30px;}
.marR35 { margin-right: 35px;}
.marR40 { margin-right: 40px;}
.marR45 { margin-right: 45px;}
.marR50 { margin-right: 50px;}

.marL5 { margin-left: 5px;}
.marL10 { margin-left: 10px;}
.marL15 { margin-left: 15px;}
.marL20 { margin-left: 20px;}
.marL25 { margin-left: 25px;}
.marL30 { margin-left: 30px;}
.marL35 { margin-left: 35px;}
.marL40 { margin-left: 40px;}
.marL45 { margin-left: 45px;}
.marL50 { margin-left: 50px;}

/* float clear */

.floatL { float: left;}
.floatR { float: right;}
.clear { clear: both;}

/* font-size */

.txt { font-size: 12px;}
.txtS { font-size: 11px;}
.txtM { font-size: 13px;}
.txtL { font-size: 15px;}

/* font-color */

.note { color: #777; font-size: 12px;} /* 注釈文字 */
.attention { color: #D2000B; font-weight: bold;} /* 強調文字 */

/*	wrapper
============================================================*/

#wrapper {
	width: 100%;
	background: #FBF7ED;
}

/*	lead
============================================================*/

#leadWrap {
	width: 100%;
	height: 25px;
	background: #FFFFFF;
}

.lead {
	clear: both;
	width: 865px;
	margin: 0 auto;
}

.lead em {
	font-size: 11px;
	font-style: normal;
}

.leadL {
	float: left;
	padding: 6px 0 0 0;
}

.leadR {
	float: right;
	color: #999999;
	padding: 6px 0 0 0;
}

.leadR a { color: #999; text-decoration:none;}
.leadR a:hover { color: #999; text-decoration:underline;}

/*	container
============================================================*/

#containerWrap {
	clear: both;
	width: 100%;
	overflow: hidden;
	background: url(../images/common/sf_bg_containerwrap.jpg) repeat-x top;
	margin: 0 0 10px 0;
}

#containerBg {
	clear: both;
	width: 100%;
}

#contents {
	clear: both;
	width: 865px;
	margin: 0 auto;
}

/*	header
============================================================*/

#header {
	clear: both;
	width: 865px;
	height: 65px;
	margin: 0 auto;
}

.headerLogo {
	float: left;
	margin: 25px 0 0 0;
}


.mainMenu {
	float: right;
	margin: 32px 0 0 0;
}

.mainMenu li {
	float: left;
	padding-left: 8px; 
}

.mainMenu li.questhall {
	padding-left: 16px; 
}

/*	footer
============================================================*/

#footerWrap {
	clear: both;
	width: 100%;
	background: #B29E8D;
}

#footer {
	width: 865px;
	color:  #FFFFFF;
	font-size: 11px;
	margin: 0 auto;
	padding: 15px 0 25px 0;
}

#footer address {
	float: left;
	width: 400px;
	font-style: normal;
}

#footer .footerR{
	float: right;
	width: 400px;
	text-align: right;
}

#footer .footerR a { color: #FFFFFF; text-decoration: none;}
#footer .footerR a:hover { color: #FFFFFF; text-decoration: underline;}

/*	topicpath
============================================================*/

.topicpath {
	font-size: 11px;
	color: #AE9987;
	padding: 25px 0 25px 0;
}

.topicpath a {
	font-size: 11px;
	color: #AE9987;
}

.topicpath a:hover {
	font-size: 11px;
	color: #AE9987;
	text-decoration: underline;
}

/*	pagetop
============================================================*/

.pagetop {
	text-align: right;
}

/*	side
============================================================*/

#side {
	float: right;
	width: 215px;
}

#side h2 {
	margin: 0 0 10px 0;
}

#side .sideBox {
	padding: 0 0 30px 0;
}

/*  shopList  */
.side_shop_box {
	clear: both;
	width: 215px;
	display: block;
	color: #522600;
	height: 40px;
	padding: 12px 0;
}

/* -- clear float -- */
.side_shop_box {
	min-height:0;
	display: inline-table;
}
.side_shop_box:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}
/* \*/
* html .side_shop_box {height:0;}
.side_shop_box {display: block;}
/* */
/* -- end clear float -- */

.side_shop_box:hover {
	background-color: #EEE7DC;
	text-decoration: none;
	cursor: pointer;
	color: #522600;
}

.side_shop_image {
	float: left;
	width: 70px;
}

.side_shop_cap {
	font: 10px normal;
	line-height: 1.1;
	padding: 0 0 2px 0;
}

.side_shop_cap1 {
	font: 10px normal;
	line-height: 1.1;
	padding: 6px 0 3px 0;
}

.side_shop_name {
	font: 12px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
}

.side_shop_close {
	font: 10px normal;
	line-height: 1.2;
	padding: 0 0 0 10px;
}

.shop4F { background: url(../images/common/blt_sidenav_4F.gif) top right no-repeat;}
.shop2F { background: url(../images/common/blt_sidenav_2F.gif) top right no-repeat;}
.shop1F { background: url(../images/common/blt_sidenav_1F.gif) top right no-repeat;}
.shop1FB1 { background: url(../images/common/blt_sidenav_B1F-1F.gif) top right no-repeat;}
.shopB1 { background: url(../images/common/blt_sidenav_B1F.gif) top right no-repeat;}


/*	tmp_c
============================================================*/

div#col1Block {
	float: left;
	width: 805px;
	background: #FFF;
	padding: 0 30px;
	margin: 0 0 10px 0;
	position: relative;
}

#col1Block h2 {
	padding: 0 0 40px 0;
}

.sampleTxt {
	position: absolute;
	top: 240px;
	left: 300px;
	font-weight: bold;
}