@charset "utf-8";
@import "base.css";
/* CSS Document */
/* -------------------------------------------------------------------------- 
 *	メイン
 * -------------------------------------------------------------------------- */
#r_container {
	float: right;
	width: 750px;
	background-color: #FFFFFF;
}
#r_container li {
	float: left;
	height: 260px;
	width: 175px;
    margin: 0 10px 10px 0;
	border: 1px solid #CCCCCC;
}
#r_container li a {
	display: block;
	height: 260px;
	width: 175px;
}
.index_item_name {
	display: none;    
}
.index_item_explanation {
	display: block;
    padding: 195px 10px 0px 10px;
    font-size: 10px;
}
/* item01 */
.index_item01 {
	background-image: url(../images/item_category01_ro.jpg);
	background-repeat: no-repeat;
}
.index_item01 a {
	background-image: url(../images/item_category01.jpg);
	background-repeat: no-repeat;
}
.index_item01 a:hover {
	background-image: none;
}
/* item02 */
.index_item02 {
	background-image: url(../images/item_category02_ro.jpg);
	background-repeat: no-repeat;
}
.index_item02 a {
	background-image: url(../images/item_category02.jpg);
	background-repeat: no-repeat;
}
.index_item02 a:hover {
	background-image: none;
}
/* item03 */
.index_item03 {
	background-image: url(../images/item_category03_ro.jpg);
	background-repeat: no-repeat;
}
.index_item03 a {
	background-image: url(../images/item_category03.jpg);
	background-repeat: no-repeat;
}
.index_item03 a:hover {
	background-image: none;
}
/* item04 */
.index_item04 {
	background-image: url(../images/item_category04_ro.jpg);
	background-repeat: no-repeat;
}
.index_item04 a {
	background-image: url(../images/item_category04.jpg);
	background-repeat: no-repeat;
}
.index_item04 a:hover {
	background-image: none;
}
/* item05 */
.index_item05 {
	background-image: url(../images/item_category05_ro.jpg);
	background-repeat: no-repeat;
}
.index_item05 a {
	background-image: url(../images/item_category05.jpg);
	background-repeat: no-repeat;
}
.index_item05 a:hover {
	background-image: none;
}
/* item06 */
.index_item06 {
	background-image: url(../images/item_category06_ro.jpg);
	background-repeat: no-repeat;
}
.index_item06 a {
	background-image: url(../images/item_category06.jpg);
	background-repeat: no-repeat;
}
.index_item06 a:hover {
	background-image: none;
}
/* item07 */
.index_item07 {
	background-image: url(../images/item_category07_ro.jpg);
	background-repeat: no-repeat;
}
.index_item07 a {
	background-image: url(../images/item_category07.jpg);
	background-repeat: no-repeat;
}
.index_item07 a:hover {
	background-image: none;
}
/* item08 */
.index_item08 {
	background-image: url(../images/item_category08_ro.jpg);
	background-repeat: no-repeat;
}
.index_item08 a {
	background-image: url(../images/item_category08.jpg);
	background-repeat: no-repeat;
}
.index_item08 a:hover {
	background-image: none;
}
/* item09 */
.index_item09 {
	background-image: url(../images/item_category09_ro.jpg);
	background-repeat: no-repeat;
}
.index_item09 a {
	background-image: url(../images/item_category09.jpg);
	background-repeat: no-repeat;
}
.index_item09 a:hover {
	background-image: none;
}
/* news */
.news {
	float: right;
	width: 545px;
	height: 260px;
	position: relative;
	left: -18px;
}
.news_container {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 225px;
	border: solid 1px #CCCCCC;
}
.news_container th {
	padding: 0px 5px 5px 5px;
	border-bottom: dashed 1px #CCCCCC;
}
.news_title {
	padding-left: 20px;
	background-color: #B7B7B7;
	color: #FFFFFF;
	text-align: left;
	height: 2em;
}
.news_date {
	padding-right: 20px;
	background-color: #B7B7B7;
	color: #FFFFFF;
	text-align: right;
	height: 2em;
}
.news_text {
	padding: 10px 20px;
	border-bottom: dashed 1px #CCCCCC;
}
.news_space {
	font-size: 0.5em;
}

/* -------------------------------------------------------------------------- 
 *　右カラム
 * -------------------------------------------------------------------------- */
#right_side_bar {
	float: right;
	width: 142px;
	height: 1000px;
	background-color: #E6E6E6;
}
#right_side_bar ul {
	margin-top: 10px;
}
#right_side_bar li {
	height: 20px;
	margin-bottom: 2px;
	background-color: #FFFFFF;
    padding-top: 3px;
}
#right_side_bar li img {
    padding: 0 3px;
}
/* -------------------------------------------------------------------------- 
 *　CSSハック
 * -------------------------------------------------------------------------- */
/* IE6 */
*html #r_container li {
}