@charset "utf-8";

/* TopPageHead
-----------------------------------*/
#headTop {
	position: relative;
	width: 870px;
	height: 298px;
	margin: 0px auto;
	text-align: left;
	background: url(../images/common/base_head.jpg) no-repeat left top;
}
#headTop h1 {
	font-size: 85%;
	position: absolute;
	line-height: 1.3;
	left: 20px;
	top: 10px;
	width: 520px;
	color: #787878;
}
#flash {
	width: 808px;
	position: absolute;
	left: 30px;
	top: 43px;
}

#flash h2 {
	position: absolute;
	top: 5px;
	left: 10px;
}


/* TopPageLayout
---------------------------------------------*/
#contentTop {
	float: right;
	display: inline;
	width: 548px;
	margin-right: 26px;
	margin-bottom: 100px;
	position: relative;
	text-align: left;
	text-align: justify;
	text-justify: distribute;
}
/* --ClearFix-- */
#contentTop:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #contentTop {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*---- news ------*/
#news {
	width: 548px;
	padding-bottom: 30px;
	margin-bottom: 35px;
	line-height: 1.3;
	background: url(../images/top/line.gif) no-repeat left bottom;
}
/* --ClearFix-- */
#news:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #news {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
#newsComment {
	width: 365px;
	float: left;
	padding-bottom: 10px;
	margin-left: 3px;
	display: inline;
	text-align: justify;
	text-justify: distribute;
}

.upDateComment {
	padding-right: 5px;
	padding-bottom: 22px;
	margin-bottom: 3px;
	background: url(../images/top/00_dot_line.gif) no-repeat left bottom;
}
.staff {
	margin-bottom: 5px;
}


#news a:link    { color: #b2793e; text-decoration: underline; }
#news a:visited { color: #b2793e; text-decoration: underline; }
#news a:hover   { color: #a55f18; text-decoration: none; }
#news a:active  { color: #a55f18; text-decoration: underline; }


#newsComment h3 {
	color: #9f8669;
	font-size: 100%;
	margin-bottom: 5px;
}
#newsComment h4 {
	font-weight: bold;
	font-size: 100%;
}

.ownerHead {
	font-size: 110%;
	font-weight: bold;
}
.ownerComment {
	margin-bottom: 5px;
	padding: 0px 5px 0px 0px;
	font-weight: bold;
}
.ownerCommentBody {
	padding: 0px 5px 0px 0px;
	margin-bottom: 5px;
}

#newsImage {
	width: 132px;
	float: right;
}



/*---- shopInfo ------*/
#introOne {
	width: 263px;
	float: left;
	padding-bottom: 24px;
	line-height: 1.2;
	background: url(../images/top/line_short.gif) no-repeat left bottom;
}
/* --ClearFix-- */
#introOne:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #introOne {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
#introOne .introText {
	width: 145px;
	float: left;
}
.introText .detail {
	text-align: right;
	margin-top: 13px;
	font-size: 85%;
}
#introOne .shopImage {
	width: 102px;
	float: right;
}



/*---- BeOneSystem ------*/
#introTwo {
	width: 263px;
	float: right;
	padding-bottom: 24px;
	line-height: 1.2;
	background: url(../images/top/line_short.gif) no-repeat left bottom;
}
/* --ClearFix-- */
#introTwo:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #introTwo {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
#introTwo .introText {
	width: 145px;
	float: left;
}
.introText .detail {
	text-align: right;
	margin-top: 13px;
	font-size: 85%;
}
#introTwo .beOneImage {
	width: 102px;
	float: right;
}



/* topArrow
----------------------*/
#contentTop .topArrow {
	clear: both;
	width: 95px;
	float: right;
}