@charset "utf-8";

/*----------------------------------------------------
　 main contents
----------------------------------------------------*/
#wrapper {
	width: 1000px;
	height: auto;
	margin: 30px auto 65px;
	overflow:hidden;
}

#top_cont_l {
	float: left;
	height: auto;
	width: 730px;
	margin:0;
	padding: 0px;
}

#top_cont_r {
	float: right;
	height: auto;
	width: 250px;
	margin: 0px;
	padding: 0px;

}

/*----------------------------------------------------
　left
----------------------------------------------------*/

/* main item
***************************/
#mainItem{
	width: 730px;
	height: 220px;
	padding: 0;
	_overflow: hidden; /*IE6用*/
	_display: inline;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#mainItem ul{
	width: 730px;
	height:220px;
	padding: 0;
	margin:0;
	clear: both;
}

#mainItem ul li{
	float:left;
	width: 146px;
	height:220px;
	padding: 0;
	margin: 0;
	list-style-type:none;
	line-height:0;
	_display:inline; /*IE6用*/
	_line-height:2em; /*IE6用*/
}

#mainItem ul li a{
	display: block;
	width: 146px;
	height: 220px;
	margin: 0;
	background-image: url(../images/main_item.jpg);
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	_overflow: hidden; /*IE6用*/
}

/* オフマウス */
.mainItem01 a{background-position: 0px 0;}
.mainItem02 a{background-position: -146px 0;}
.mainItem03 a{background-position: -292px 0;}
.mainItem04 a{background-position: -438px 0;}
.mainItem05 a{background-position: -584px 0;}

/* オンマウス */
.mainItem01 a:hover{background-position: 0px -220px;}
.mainItem02 a:hover{background-position: -146px -220px;}
.mainItem03 a:hover{background-position: -292px -220px;}
.mainItem04 a:hover{background-position: -438px -220px;}
.mainItem05 a:hover{background-position: -584px -220px;}

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

#textArea{
	font-size: 14px;
	line-height: 23px;
	margin:0 0 40px 0;
}

/*----------------------------------------------------
　 side
----------------------------------------------------*/
#top_cont_r p.btn a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* side info
***************************/
#side_info {
	width: 248px;
	height:420px;
	margin: 20px 0 0 0;
	padding: 0;
	background-color:#FAF6E6;
	border-width:1px;
	border-style:solid;
	border-color:#E0DACC;
}

#info{
	width:220px;
	margin:10px auto 0 auto;
	font-size:12px;
	line-height:18px;
}

#info p.comp{
	margin:12px 0 14px 0;
}

#info p a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/*----------------------------------------------------
　新着情報
----------------------------------------------------*/
#topics-title{
	width: 730px;
	height: 41px;
	background-image: url(../images/news.jpg);
	clear: both;
	position: relative;
	background-repeat: no-repeat;
	margin:0;
	padding:0;
}

#top_topics_main {
	width: 720px;
	height: 140px;
	padding: 0;
	margin: 0;
	float:right;
}

/* バックナンバー */
#kakokiji {
	display: block;
	width: 75px;
	height: 25px;
	text-indent: -9999px;
	position:absolute;
	top:8px;
	right: 20px;
}

#kakokiji a {
	display:block;
	width: 75px;
	height: 25px;
	text-indent:-9999px;
}


/* MG Right
***************************************/
.MG-R0 { margin-right: 0px !important; }

/* MG Top
***************************************/
.MG-T5 { margin-top: 5px !important; }