@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	text-align: center;
}
.oneColFixCtrHdr #container {
 min-width: 550px;
  width: auto !important;
  width: 550px;
	background: url(../images/detail_bg.gif) repeat-x left top;
	margin: 0 auto;
	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.oneColFixCtrHdr #mainContent {
	padding: 50px 20px 0;
}
.introduction-area {
	height: 145px;
	width: 560px;
	margin: 0 auto 10px;
	padding:0;
	background: url(../images/box_bottom.gif) no-repeat bottom;
}
.introduction-area-sr {
	height: 155px;
	_height: 185px;
	width: 270px;
	float:right;
	background: url(../images/box_bottom_s.gif) no-repeat bottom;
	text-align: center;

	_padding-bottom:10px;
}
.introduction-area-sl {
	height: 155px;
	_height: 185px;
	width: 270px;
	float:left;
	background: url(../images/box_bottom_s.gif) no-repeat bottom;
	text-align: center;

	_padding-bottom:10px;
}
.introduction-area-c{
	width:560px;
	margin:0 auto;
}
.oneColFixCtrHdr #header-area {
	padding: 0 10px 0 20px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0;
	padding: 10px 0;
}

.oneColFixCtrHdr #foot {
	width:auto;
	padding: 0;
	text-align: center;
	margin-top: 20px;
}
.oneColFixCtrHdr #foot p {
	margin: 0;
	padding: 10px 0;
}

.introduction-area h2 {
	margin-top: 13px;
	margin-top: 20px\9;
	_margin-top: 10px;
	float: right;
	margin-right: 100px;
	_margin-right: 49px;
}
.text {
	float: left;
	width: 233px;
	margin-left: 3px;
	font-size: 86%;
	text-align: justify;
	line-height: 1.6;
	margin-top: 10px;
}
.character {
	margin-top: 0;
	margin-top: 10px\9;
	_margin-top: 3px;
	margin-left: 7px;
	_margin-left: 5px;
	float: left;
	margin-bottom: 5px;
	_padding-bottom: 5px;

}
.character-s {
	margin-top: 5px;
	_margin-top: -10px;
	margin-bottom: 5px;
	_padding-bottom: -5px;

}

.character-s h2 {
	margin-bottom:-5px;
}

.text-s {
	width: auto;
	font-size: 86%;
	text-align: center;
	line-height: 1.6;
	margin-top: 5px;
	_padding-bottom:-10px;
}

.oneColFixCtrHdr #container #header-area h1 {
	text-align: center;
	margin-top: 33px;
}
.box-foot {
	float: left;
	width: 560px;
	height: 6px;
}
.box-head {
	height: 6px;
	width: 560px;
	margin-top: -8px\9;
	_margin-top: -8px;
}
.box-head-s {
	margin-top: -8px\9;
	_margin-bottom:-10px \9;
	margin-bottom:10px\9;
	_margin-top: -8px;
	padding: 0;
	height: 6px;
	width: 270px;
}

/*--------------------

	clearfix

--------------------*/
#container,
#mainContent,
.introduction-area,
.character,
.text,
.news-list,
.introduction-area-sl,
.introduction-area-sr,
.introduction-area,
.clearfix{
	overflow:hidden;
	zoom:1;
}

#container:after,
#mainContent:after,
.introduction-area:after,
.character:after,
.text:after,
.news-list:after,
.introduction-area-sl:after,
.introduction-area-sr:after,
.introduction-area:after,
.clearfix:after{
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

* html #container,
* html #mainContent,
* html .introduction-area,
* html .character,
* html .text,
* html .news-list,
* html .introduction-area-sl,
* html .introduction-area-sr,
* html .introduction-area,
* html .clearfix{
    height: 1em;
    overflow: visible;
}