@charset "UTF-8";
/**
 * ONC STYLE TOP
 * @author EG
 * 2008/12/13　新規作成
 *
 * @description
 * ONCトップページ用スタイルシートです。
 */


/**
 * ヘッダ領域スタイル
 */
#header {
 	background-image: url('img/top_header_800-295.jpg');
	height: 295px;

}
#header .main_title {
	background-image: url('img/top_logo-01_418-278.jpg');
	background-repeat: no-repeat;
	background-position: left top;
 	width: 418px;
	height: 295px;
	float: left ;
}
#header .main_description {
	padding-left: 30px;
	padding-top: 60px;
	height: 170px ;
	width: 320px;
	color: #FFFFFF;
	float: left ;
	overflow: hidden;
}
#header .main_description * {
	color: #FFFFFF;
	font-weight: normal;
}
#header .main_description dt {
	font-weight: bold;
	height: 30px ;
	width: 320px;
	overflow: hidden;
}
#header .main_description dd {
	height: 110px ;
	width: 310px;
	overflow: auto;
}
#header .main_description dd.header_link {
	height: 40px ;
	width: 250px;
	text-align: right;
	overflow: hidden;
}

/**
 * メイン領域スタイル
 */
#main {
	/* ひっぱれ君 */
	background-image: url('img/top_footer_800-192.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	overflow: auto;
}

p {
	font-size: 14px;
}

/*
 * 特集スタイル
 * */
#content_rec {
 	margin-top: 10px;
}

/**
 * 大特集画像
 */
.content_rec_b_title a{
	display: block;
 	background-image: url('/img/banner_201103_800-200.jpg');
	height: 200px;
}

/*
 * 左側スタイルここから
 * */
#content_l .content_l_title{
	width: 468px;
	height: 29px;
}

#content_l .content_l_list {
	clear: both;
	padding-left: 10px;
	padding-right: 10px;

}
#content_l dl.content_l_list dd {
	padding-top: 10px;
}

/* 背景画像初期化 */
#content_l dl.content_l_list dd h2,h3 {
	background-repeat: no-repeat;
	clear: both;
}

/* コンテンツアイテム用のリストは・等を消す */
#content_l dl.content_l_list dd ul {
	list-style: none;
	height: 100%; /* for IE7 */
}

/* コンテンツアイテム定義 */
#content_l dl.content_l_list dd ul li.content_item {
	list-style: none;
	float: left;
	height: auto;
	width: 448px;/*
	margin-left: 10px;
	*/
	margin-bottom: 0px;
}
#content_l dl.content_l_list dd ul li.content_item  dl{
	padding: 0;

}

#content_l dl.content_l_list dd dl {
	list-style: none;
	float: left;
	height: auto;
	width: 448px;
	margin-left: 10px;
	margin-bottom: 0px;
}

.rec_m {
	display: block;
	width: 220px;
	height: 230px;
}

.rec_m_1 {
	float: left;
	height: 220px;
	width: 220px;
	margin-top: 10px;
	margin-bottom: 10px;
 	background-image: url('img/banner_sep_middle_220-230.jpg');
	background-repeat: no-repeat;
}
.rec_m_2 {
	float: left;
	height: 220px;
	width: 220px;
	margin-left: 8px;;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url('img/audio_nutuo_220-230.jpg');
	background-repeat: no-repeat;
}
.otakara {
	height: 72px;
	width: 258px;
	margin-left: 8px;
	margin-bottom: 10px;
	background-image: url('img/top_otakara_09_258-72.jpg');
	background-repeat: no-repeat;
}
.otakara_link {
	display: block;
	width: 258px;
	height: 72px;
}


#content_l dl.content_l_list dd ul {
	width:430px;
}

#content_l dl.content_l_list dd ul li.content_item dd dl.item_body {
	width: 415px;
}

#content_l dl.content_l_list dd ul li.content_item dd dl.item_body dd {
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0;
}

.item_header {
	background-color: #cccccc;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.point {
	float: left;
	width: 40px;
	height: 20px;
}
.chapter_point {
	float: left;
	width: 30px;
	height: 20px;
	margin-left: 30px;
}

.new {
	background-image: url('img/top_new_30-30.gif');
	background-repeat: no-repeat;
}

.item_title {
	float: left;
	width: 230px;
}
.item_title a{
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}
.chapter_title{
	float: left;
	width: 195px;
	margin-left: 5px;
}
.chapter_title a{
	font-size: 12px;
}

.update {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 5px;
	text-align: center;
	float: left;
	width: 70px;
}
.update *{
	font-size: 9px;

}

.mon {
	background-color: #90f383;
	display: block;
}
.tue {
	background-color: #ff674e;
	display: block;
}
.wed {
	background-color: #2ac5ff;
	display: block;
}
.thr {
	background-color: #d66ef8;
	display: block;
}
.fri {
	background-color: #f86ed3;
	display: block;
}
.sat {
	background-color: #c2fb69;
	display: block;
}
.sun {
	background-color: #ffe32a;
	display: block;
}
.irregular {
	background-color: #aaaaaa;
	display: block;
}
.end {
	background-color: #cccccc;
	display: block;
	font-size: 10px;
}

.writer {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 10px;
	float: left;
	width: 84px;
}
.time {
	float: left;
	font-size: 10px;;
	width: 50px;
}
.play {
	background-image: url('img/top_play_20-20.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 45px;
}
.play a{
	margin-top: 0px;
	margin-left: 22px;
	font-size: 10px;
}
.download {
	background-image: url('img/top_download_20-20.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 50px;
}
.download a{
	margin-top: 0px;
	margin-left: 20px;
	font-size: 10px;
}

.description {
	float: left;
	padding-left: 40px;
	width: 408px;
	font-size: 10px;
	color: #666666;
}
.border {
	height: 1px;
	width: 95%;
	float: left;
	display: block;
	border-color: #fac4b2;
	border-style: none none dashed none;
	border-width: 1px;
}

/**
 * タイトル画像定義
 */
.recommend{
	background-image: url('img/top_recommend_468-29.jpg');
}
.contents{
	background-image: url('img/top_contents_468-29.jpg');
}

/**
 * リンク定義
 */
.content_link_l {
	display: block;
	height: 27px;
	width: 468px;
}


/* テキストノーマル */
.content_l_text {
	background-image: url('img/top_text_over_472-27.jpg');
	height: 27px;
	width: 468px;
}
.content_l_text a:link,.content_l_text a:visited,.content_l_text a:active {
	background-image: url('img/top_text_468-27.jpg');
}
/* テキストマウスオーバー */
.content_l_text a:hover {
	background: none;
}
/* オーディオノーマル */
.content_l_audio {
	background-image: url('img/top_audio_over_468-27.jpg');
	height: 27px;
	width: 468px;
}
.content_l_audio a:link, .content_l_audio a:visited, .content_l_audio a:active {
	background-image: url('img/top_audio_468-27.jpg');
}
/* オーディオマウスオーバー */
.content_l_audio a:hover {
	background: none;
}
/* ムービーノーマル */
.content_l_movie {
	background-image: url('img/top_movie_over_472-27.jpg');
	height: 27px;
	width: 468px;
}
.content_l_movie a:link, .content_l_movie a:visited, .content_l_movie a:active {
	background-image: url('img/top_movie_468-27.jpg');
}
/* ムービーマウスオーバー */
.content_l_movie a:hover {
	background: none;
}

/* コンテンツアイテム画像定義 */


/*
 * 右側スタイルここから
 * */

#content_r dl.content_r_list dd h2,h3 {
	background-repeat: no-repeat;
}

#content_r .content_r_list {
	padding-left: 10px;
	padding-right: 15px;
}
.item_header_r h4 {
	background-repeat: no-repeat;
}

.content_r_head {
	padding-top: 10px;
	padding-bottom: 10px;
}

.content_r_list_item .item_header_r {
	background-image: url('img/top_info_frame_top_273-12.jpg');
	height: 12px;
	background-repeat: no-repeat;

}
.content_r_list_item .item_body {
	background-image: url('img/top_info_frame_middle_273-2.jpg');
	background-repeat: repeat-y;
	padding-left: 18px;
	padding-right: 20px;
	height: auto;

}
.content_r_list_item .item_body {
	background-image: url('img/top_info_frame_middle_273-2.jpg');
	background-repeat: repeat-y;
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	color: #804000;
}

/* inforamtionの高さ指定*/
/* 可変に変更20081231 */
.content_r_list_item .item_info_height {
/*
	height: 200px;
*/
}

/* what's newの高さ指定*/
.content_r_list_item .item_new_height {
/*
	height: 400px;

*/
}

dt.date{
	font-weight: bold;
	padding-top: 5px;
	font-size: 80%;
}

.upd_title {
	padding-bottom: 10px;
	color: #804000;
}
.upd_content {
	padding-top: 5px;
	color: #641F08;
	padding-left: 10px;
}
.upd_category {
	text-align: right;
	font-size: 80%;
	color: #D54211;
}

/** ついった */
.twitt_date {
	text-align: right;
	font-size: 80%;
	display: block;
	padding-top: 5px;
}

.tw_image {
	display:block;
	padding: 5px;
}

.twitt_item {
	height: 120px;
	overflow: auto;
}

.twitt_detail {
	font-size: 90%;
	line-height: 130%;
	padding: 5px;
	word-break: break-all;
}


.content_r_list_item .item_footer {
	background-repeat: no-repeat;
	background-image: url('img/top_info_frame_bottom_273-12.jpg');
	height: 12px;
}

/* タイトル画像定義 */
.content_r_info {
	background-image: url('img/top_information_287-29.jpg');
	height: 29px;
}
.content_r_new {
	background-image: url('img/top_whatsnew_287-29.jpg');
	height: 29px;
}

.content_r_twitter {
	background-image: url('img/top_twitter_title_287-29.jpg');
	height: 29px;
}

.content_r_new_rss {
	padding-top: 7px;
	padding-left: 200px;
}

/**
 * フッター領域調整（この部分は基本的に各ページ共通）
 *  */
#footer_spacer {
	clear: both;
	height: 180px;
}

#copyright {
	margin-left: auto;
	text-align: right;
	font-size: 15px;
	width: 770px;
	border-top: 1px dashed #FAC4B2;
	color: #FAC4B2;
}

/* 今月のお宝追加 */

.content_r_head_otakara {
	background-image: url('img/top_otakara_273-55.png');
	background-repeat: no-repeat;
	margin-top: 10px;
	height: 55px;
}
.content_r_list_item .item_footer_otakara {
	background-repeat: no-repeat;
	background-image: url('img/top_otakara_frame_bottom_273-5.png');
	margin-top: 0px;
	height: 5px;
}
.content_r_list_item .item_body_otakara {
	background-image: url('img/top_otakara_frame_273-1.png');
	background-repeat: repeat-y;
	padding-left: 0px;
	padding-right: 0px;
	height: auto;

}
.content_r_list_item .item_body_otakara .title {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	font-size: 15px;
	font-weight: bold;
}
.content_r_list_item .item_body_otakara .auth {
	font-size: 12px;
	font-weight: bold;
}
.content_r_list_item .item_body_otakara .detail {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 12px;
}
.content_r_list_item .note {
	font-size: 10px;
	color: #999999;
	padding-top: 10px;
}

.left_float {
	float: left;
}
.right_float {
	float: right;
}
.center {
	text-align: center;
}
.clear_float {
	clear: both;
}

.item_color1 {
	background-color: #FDFBD7;
}

.item_color2 {
	background-color: #FDF2D7;
}