@charset "UTF-8";

@import "unit_tag.css";
@import "unit_common.css";
@import "unit_menu.css";
@import "unit_textmenu.css";
/*
@import "unit_layout_side.css";
@import "unit_head.css";
@import "unit_side.css";
@import "unit_content.css";
*/

body{
	background:			url("../img/index/bg.jpg") center top no-repeat;
}

#wrap{
	width:				860px;
}

#head{
	width:				740px;
	margin-left:		60px;
}

#mainVisual{
	z-index:			1;
	position:			absolute;
	top:				36px;
}

#contentBox{
	position:			absolute;
	top:				575px;
	padding-left:		60px;
	width:				740px;
}

#mainVisual{
	position:			relative;
}

#jacket{
	position:			absolute;
	left:				55px;
	top:				380px;
}

/************************************
* 更新
*/
#historyBox{
	float:				left;
	width:				434px;
}
#historyBox-head{
	margin-left:		-8px;
/*	background:			url("../img/index/history_head.gif") left top no-repeat;*/
	height:				38px;
}
#historyBox-body{
	background:			url("../img/index/history_body.gif") left top no-repeat;
	height:				114px;
}
#historyBox-body #historyList{
	padding:			5px 0 0 12px;
	width:				410px;
	height:				100px;
	overflow:			auto;
	color:				#01732f;
}
#historyBox-body table{
}
#historyBox-body th{
	padding:			2px 0 2px 10px;
	width:				80px;
	background:			url("../img/common/mark_saikoro.gif") left top no-repeat;
	font-family:		Arial;
	font-size:			10px;
	vertical-align:		top;
}
#historyBox-body td{
	padding:			2px 0 2px 0;
	vertical-align:		top;
}
#historyBox-body a{
	color:				#eb1368;
}
#historyBox-body a:hover{
	border-bottom:		dashed 1px #eb1368;
}
/************************************
* その他
*/
#otherBox{
	float:				right;
	width:				300px;
	padding-top:		10px;
}

#otherBox #topicText{
	margin-top:			3px;
	padding:			15px 15px 15px 15px;
	width:				267px;
	height:				36px;
	background:			url("../img/index/topic_text_bg.gif") left top no-repeat;
	color:				#fff;
}
#otherBox #topicText li{
	list-style-type:	none;
	background:			url("../img/common/mark_saikoro_red.gif") left top no-repeat;
	padding:			0 0 0 20px;
}
#otherBox #topicText a{
	color:				#fff;
}
#otherBox #topicText a:hover{
	color:				#fff;
	border-bottom:		dashed 1px #fff;
}

/************************************
* バナー
*/
#bannerBox{
	background:			#5cb63c;
	width:				740px;
	color:				#28431f;
}
#bannerBox-head{
	background:			url("../img/index/banner_frame_head.gif") left top no-repeat;
	font-size:			0;
	width:				740px;
	height:				6px;
}
#bannerBox-foot{
	background:			url("../img/index/banner_frame_foot.gif") left top no-repeat;
	font-size:			0;
	width:				740px;
	height:				6px;
}
#bannerBox-left{
	float:				left;
	padding-left:		10px;
	width:				200px;
}
#bannerBox-right{
	float:				right;
	width:				514px;
	padding:			6px;
}
#bannerBox-right-head{
	background:			url("../img/index/banner_right_head.gif") left top no-repeat;
	font-size:			0;
	width:				514px;
	height:				6px;
}
#bannerBox-right-foot{
	background:			url("../img/index/banner_right_foot.gif") left top no-repeat;
	font-size:			0;
	width:				514px;
	height:				6px;
}
#bannerBox-right-body{
	background:			#aee553;
	padding:			0 10px 0 10px;
}
#bannerBox-right-body form{
	margin:				0;
}
#bannerBox-right-body textarea{
	margin-top:			6px;
	padding:			5px;
	border:				none;
	width:				480px;
	height:				4em;
	font-size:			100%;
	overflow:			auto;
	color:				#666666;
	font-family:		Arial;
	font-size:			12px;
}

/************************************
*/
#copyright{
	font-size:			10px;
	text-align:			center;
	font-family:		Arial;
}