@charset "UTF-8";
/*
* インデックス
*/
@import "unit_tag.css";
@import "unit_common.css";
@import "unit_menu.css";
@import "unit_foot.css";
@import "unit_textmenu.css";
/*
@import "unit_layout_noside.css";
@import "unit_head.css";
@import "unit_content.css";
@import "unit_bottom.css";
@import "unit_side.css";
*/
#wrap{
	width:			100%;
}
#wrap{
	background:		url("../img/index/mainvisual_bdsp.png") center 44px no-repeat;
}
.wrap1{
	background:		url("../img/index/mainvisual_elice.png") center 44px no-repeat;
}
.wrap2{
	background:		url("../img/index/mainvisual_manami.png") center 44px no-repeat;
}
.wrap3{
	background:		url("../img/index/mainvisual_aoi.png") center 44px no-repeat;
}
.wrap4{
	background:		url("../img/index/mainvisual_catia.png") center 44px no-repeat;
}
.wrap5{
	background:		url("../img/index/mainvisual_antonia.png") center 44px no-repeat;
}

#contentBox{
	margin:			auto;
	width:			900px;
}
#contentBox-main{
	position:		relative;
	top:			45px;
}

/*********************/

#mainVisual{
	position:		relative;
	height:			545px;
}
#mainVisual .mainVisual-item{
	position:		absolute;
}
#mainVisual h1{
	left:			15px;
	top:			25px;
}
#mainVisual #catch{
/*
	left:			15px;
	top:			190px;
*/
	left:			430px;
	top:			397px;
}
#mainVisual #qr{
/*
	left:			14px;
	top:			430px;
*/
	left:			20px;
	top:			300px;
}

/*********************/

#bottomContent{
	position:		relative;
}

#bannerArea{
	float:			right;
	width:			424px;
}
#bannerArea .banner-item{
	float:			left;
	padding-left:	2px;
	padding-bottom:	2px;
}

/*********************/

#history{
	float:			left;
	width:			472px;
}
#history-body{
	width:			100%;
	padding-top:	5px;
/*	height:			158px;*/
	height:			88px;
	background:		url("../img/index/history_body.gif") left top repeat-y;
}
#history-foot{
	width:			100%;
	height:			22px;
	background:		url("../img/index/history_foot.gif") left top no-repeat;
}
/****/
#history-list{
	padding-left:	15px;
}
#blog-list{
	padding-left:	15px;
}
#history-list,
#blog-list{
	padding-right:	5px;
	width:			210px;
/*	height:			150px;*/
	height:			100px;
	float:			left;
	overflow:		auto;
}
#history-list dt,
#blog-list dt{
	background:			url("../img/common/icon_foot_red.gif") left top no-repeat;
	padding-left:		16px;
	vertical-align:		top;
	text-align:		left;
	font-size:		10px;
	font-family:	"Arial";
}
#history-list dd,
#blog-list dd{
	padding-bottom:		5px;
	vertical-align:		top;
	text-align:		left;
	font-size:		12px;
}

/****/
#history li{
	list-style-type:	none;
	padding-bottom:		4px;
	padding-left:		10px;
	background:			url("../img/common/icon_dot_red.gif") 4px 5px no-repeat;
}
#history a{
	color:			#339900;
}
#history a:hover{
	background-color:	#ffc;
}


/******************/
#linkBanner{
	margin:			auto;
	padding-top:	8px;
	padding-left:	2px;
	width:			898px;
}
#linkBanner img{
	float:			left;
}
#linkBanner .corner{
	float:			left;
	padding-left:	5px;
	width:			420px;
}
#linkBanner textarea{
	border:			none;
	width:			420px;
	height:			54px;
	font-size:		0.8em;
	overflow:		auto;
}