@charset "shift_jis";

@import url("common.css");



/************************************************************************************
* content-sub
************************************************************************************/
#content-sub{
	float: left;
	width: 314px;
}


/************************************************************************************
* sub-banner-area
************************************************************************************/
#sub-banner-area{
	width: 314px;
}

#sub-banner-area ul li{
	list-style-type: none;
	padding-bottom: 10px;
}

/************************************************************************************
* box-news
************************************************************************************/

#box-news-mid{
	width: 314px;
	margin-bottom: 10px;
	background: url(../images/top/box_news_middle.jpg) repeat-y 4px top;
}

#box-news-btm{
	padding-bottom: 10px;
	background: url(../images/top/box_news_bottom.jpg) no-repeat 4px bottom;
}

#box-news-title{
	height: 32px;
	background: url(../images/top/title_news_bg.jpg) no-repeat left top;
}

#box-news-title h2{
	float: left;
	margin: 7px 0 0 13px;
}

#box-news-title p{
	float: right;
	display: inline;
	margin: 7px 13px 0 0;
}


/************************************************************************************
* news-list
************************************************************************************/

#news-list{
	width: 297px;
	height: 596px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 5px 0 0 9px;
}

#news-list li{
	width: 260px;
	padding: 4px 8px 7px;
	line-height: 100%;
	list-style-type: none;
}

#news-list li.news-grey{
	background: #EFEFEF url(../images/icon/icon_news01_grey.jpg) no-repeat 8px 4px;
}

#news-list li.news-white{
	background: #ffffff url(../images/icon/icon_news01_white.jpg) no-repeat 8px 4px;
}

/*
#news-list li.news-grey-kotei{
	background: #EFEFEF url(../images/icon/icon_news01_note_grey.jpg) no-repeat 8px 4px;
}

#news-list li.news-white-kotei{
	background: #ffffff url(../images/icon/icon_news01_note_white.jpg) no-repeat 8px 4px;
}
*/

#news-list li p.news-date{
	margin: 0 0 4px 22px;
	padding-top: 1px;
}

#news-list li p.news-date img{
	margin-left: 5px;
}

#news-list li p.news-title img{
	margin-right: 5px;
}

/*
#news-list li.news-white-kotei p.news-title a,
#news-list li.news-grey-kotei p.news-title a{
	font-weight: bold;
	color: #FF66CC;
}
*/


/************************************************************************************
* content-main
************************************************************************************/
#content-main{
	float: right;
	width: 622px;
}


/************************************************************************************
* flash-area
************************************************************************************/
#flash-area{
	width: 622px;
	height: 390px;
	margin-bottom: 10px;
}


/************************************************************************************
* box_pickup
************************************************************************************/

#box-pickup-mid{
	width: 622px;
	margin: 0 0 10px 0;
	background: url(../images/top/box_pickup_middle.jpg) repeat-y center top;
}

#box-pickup-btm{
	padding-bottom: 10px;
	background: url(../images/top/box_pickup_bottom.jpg) no-repeat center bottom;
}

#box-pickup-title{
	height: 30px;
	background: url(../images/top/title_pickup_bg.jpg) no-repeat center top;
}

#box-pickup-title h2{
	float: left;
	display: inline;
	margin: 7px 0 0 13px;
}


/************************************************************************************
* pickup-list
************************************************************************************/

#pickup-list{
	width: 610px;
	margin: 5px 0 0 5px;
	list-style-type: none;
}

#pickup-list li{
	width: 600px;
	padding: 4px 5px 4px 8px;
	line-height: 100%;
}

#pickup-list li.pickup-grey{
	background-color: #EFEFEF;
}

#pickup-list li.pickup-white{
	background-color: #ffffff;
}

#pickup-list li .pickup-cat{
	float: left;
	width: 70px;
}

#pickup-list li p.pickup-cat span{
	display: block;
	width: 60px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	line-height: 120%;
	text-align: center;
	background-color: #00cc00;
}

#pickup-list li .pickup-date{
	float: left;
	width: 75px;
	line-height: 110%;
}

#pickup-list li p.pickup-title{
	float: left;
	width: 430px;
	line-height: 110%;
}


/************************************************************************************
* box_fan
************************************************************************************/

#box-fan-mid{
	width: 622px;
		margin: 0 0 10px 0;
	background: url(../images/top/box_fan_middle.jpg) repeat-y center top;
}

#box-fan-btm{
	padding-bottom: 15px;
	background: url(../images/top/box_fan_bottom.jpg) no-repeat center bottom;
}

#box-fan-title{
	height: 31px;
	background: url(../images/top/title_fan_bg.jpg) no-repeat center top;
}

#box-fan-title h2{
	float: left;
	display: inline;
	margin: 7px 0 0 13px;
}

#box-fan-title p{
	float: right;
	display: inline;
	margin: 7px 13px 0 0;
}


/************************************************************************************
* fan-list
************************************************************************************/

#fan-list{
	width: 596px;
	margin: 5px 0 0 8px;
	list-style-type: none;
}

#fan-list li{
	padding: 0 0 2px 23px;
	background: url(../images/icon/icon_fan01.jpg) no-repeat left top;
}

#fan-list li p{
	line-height: 100%;
}