@charset "utf-8";

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

	body > container

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

#main.top {
	width:462px;
	margin:0 5px 25px 0;
}

#event.top {
	width:178px;
	float:left;
}

#sub.top {
	width:310px;
	margin:0 0 25px 0;
}

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

	body > container > main.top

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

#main.top #dice {
	margin:0 0 10px 0;
}
#main.top #dice .hatena img {
vertical-align:middle;
}

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

	body > container > sub.top

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

#sub.top #topics, #sub.top #blog {
	margin:0 0 5px;
}

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

	body > container > main.top > dice

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

#main.top #dice .body {
	background:#FFF;
	border-left:1px solid #A9B8C7;
	border-right:1px solid #A9B8C7;
	height:100%;
	padding:4px 0pt 0pt;
}

#main.top #dice .body .title {
	height:35px;
	margin:0 0 10px 0;
	text-align:right;
	background:#353F41 url(../img/img_icon_ttl_category.gif) no-repeat -275px 0;
}

#main.top #dice .body .title h2 {
	float:left;
	text-align:left;
}

#main.top #dice .body .title h2 a {
	width:190px;
	display:block;
	height:35px;
}

#main.top #dice .body .title .rss {
	margin:10px 10px 0 0;
	display:inline;
	float:right;
}

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

#main.top #dice .body ul.list-large {
float:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 10px;
padding:0;
width: auto;
}

#main.top #dice .body ul.list-large li {
margin:0 0 10px 0;
padding:0 0 0 3px;
float:none;
width:434px;
}

#main.top #dice .body ul.list-large li p.img {
margin:0 0 0 0;
}

#main.top #dice .body ul.list-large li h3 {
font-size:16px;
font-weight:800;
line-height:1.4;
margin:5px 0 2px 2px;
clear:both;
}
#main.top #dice .body ul.list-large li h3 a {
color:#393E41;
}
#main.top #dice .body ul.list-large li h3 a:hover {
color:#393E41;
text-decoration:underline;
}

#main.top #dice .body ul.list-large li p.summary {
font-size:14px;
font-weight:400;
line-height:1.4;
margin:0 0 5px 2px;
}

#main.top #dice .body ul.list-large li p.date {
font-size:10px;
line-height:12px;
background:#EDEDED;
margin:0 0 0 0;
padding:0 2px 0 0;
width:382px;
height:12px;
float:right;
text-align:right;
}

#main.top #dice .body ul.list-large li p.category{
line-height:12px;
margin:0 0 5px 0;
padding:0 0 0 0;
width:50px;
height:12px;
float:left;
color:#FFFFFF;
}

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

#main.top #dice .body ul.list-large-mini {
float:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 10px;
padding:0;
width: auto;
}

#main.top #dice .body ul.list-large-mini li {
margin:0 0 10px;
padding:0 0 0 3px;
float:none;
width:434px;
}

#main.top #dice .body ul.list-large-mini li p.img {
margin:0 0 0 0;
float:left;
width:164px;
}

#main.top #dice .body ul.list-large-mini li .text {
margin:0 0 0 0;
float:right;
width:262px;
}

#main.top #dice .body ul.list-large-mini li .text h3 {
font-size:14px;
font-weight:800;
line-height:19px;
margin:0 0 0 0;
}

#main.top #dice .body ul.list-large-mini li .text p {
font-size:10px;
font-weight:400;
line-height:1.4;
margin:0 0 5px 2px;
}
#main.top #dice .body ul.list-large-mini li .text p.summary {
font-size:14px;
font-weight:400;
line-height:1.4;
margin:0 0 5px 0;
}

#main.top #dice .body ul.list-large-mini li .text p.date {
line-height:12px;
background:#EDEDED;
margin:0 0 8px 0;
padding:0 2px 0 0;
width:210px;
height:12px;
float:right;
text-align:right;
}

#main.top #dice .body ul.list-large-mini li .text p.category{
line-height:12px;
margin:0 0 8px 0;
padding:0 0 0 0;
width:50px;
height:12px;
float:left;
color:#FFFFFF;
}


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

#main.top #dice .body ul.list-mid {
float:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0 10px 10px 10px;
width:440px;
border-left:none;
}

#main.top #dice .body ul.list-mid li.box {
height:100%;
float:none;
margin:0 0 10px;
display:block;
padding:0;
}

#main.top #dice .body ul.list-mid li.box .left {
height:100%;
float:left;
margin:0;
padding:0;
width:214px;
}

#main.top #dice .body ul.list-mid li.box .right {
height:100%;
float:right;
margin:0;
padding:0;
width:214px;
}

#main.top #dice .body ul.list-mid li.box p.img {
margin:0 0 0 3px;
float:left;
width:84px;
}

#main.top #dice .body ul.list-mid li.box .text {
float:right;
width:120px;
}

#main.top #dice .body ul.list-mid li.box .text h3 {
font-size:10px;
line-height:13px;
margin:0;
clear:both;
}

#main.top #dice .body ul.list-mid li.box .text p.date{
line-height:12px;
background:#EDEDED;
margin:0 0 3px;
padding:0 2px 0 0;
width:68px;
float:right;
text-align:right;
font-size:10px;
}

#main.top #dice .body ul.list-mid li.box .text p.category{
line-height:12px;
margin:0 0 3px;
padding:0 0 0 0;
width:50px;
color:#FFFFFF;
float:left;
border:none;
}

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

#main.top #dice .body ul.list {
border-top:1px dotted #B3B7BA;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 10px 10px 10px;
padding:10px 0pt 0;
}

#main.top #dice .body ul.list li h3 {
float:right;
font-size:10px;
line-height:13px;
width:317px;
margin:0 0 7px 0;
}

#main.top #dice .body ul.list li p.date{
line-height:12px;
background:#EDEDED;
margin:1px 0 6px 0;
padding:0 2px 0 0;
width:65px;
float:left;
text-align:right;
font-size:10px;
}

#main.top #dice .body ul.list li p.category{
line-height:12px;
margin:1px 0 6px 0;
padding:0 0 0 0;
width:50px;
float:left;
color:#FFFFFF;
}

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

#main.top #dice .body .foot {
	font-size:10px;
	text-align:right;
	border-top:1px solid #A9B8C7;
	border-bottom:1px solid #A9B8C7;
	padding:2px 8px 3px;
}

#main.top #dice .border {
	height:1px;
	margin:0 1px 0 1px;
	background:#A9B8C7;
}

/* serial */
#serial2{
margin:0 0 15px 0;
}

#serial2 ul{
margin:0;
padding:0;
width:462px;
}

#serial2 ul li{
background:#353F41 url(../img/img_icon_ttl_category.gif) no-repeat scroll -265px -178px;
border:#627477 solid 1px;
margin:0 0 5px;
padding:0;
width:227px;
}

#serial2 ul li:hover{
background:#424D4F url(../img/img_icon_ttl_category.gif) no-repeat scroll -265px -178px;
border:#627477 solid 1px;
margin:0 0 5px;
padding:0;
width:227px;
}



#main.top #serial2 ul li.left{
float:left;
}

#main.top #serial2 ul li.right{
float:right;
}

#serial2 ul li p.date{
font-size:10px;
margin:7px 5px 0 5px;
line-height:11px;
color:#FFFFCC;
}

#serial2 ul li h3{
font-size:15px;
line-height:18px;
margin:7px 5px 5px;
padding:0;
}

#serial2 ul li h3 a{
color:#895A86;
}

#serial2 ul li h3 a:hover{
color:#A3729F;
}

#serial2 ul li h3.music a{
color:#58F5B7;
}

#serial2 ul li h3.music a:hover{
color:#9DF9D5;
}

#serial2 ul li h3.art a{
color:#CCFF00;
}

#serial2 ul li h3.art a:hover{
color:#ECFF9D;
}

#serial2 ul li h3.book a{
color:#FFCC00;
}

#serial2 ul li h3.book a:hover{
color:#FFEDA6;
}

#serial2 ul li h3.stage a{
color:#00CC66;
}

#serial2 ul li h3.stage a:hover{
color:#66FFB3;
}

#serial2 ul li h3.cinema a{
color:#37F0FF;
}

#serial2 ul li h3.cinema a:hover{
color:#95F8FF;
}

#serial2 ul li h3.photo a{
color:#EB7DF7;
}

#serial2 ul li h3.photo a:hover{
color:#F4BFFB;
}

#serial2 ul li p.img{
width:227px;
margin:0;
border:none;
}
#serial2 ul li p.title{
font-size:10px;
color:#FFFFFF;
line-height:13px;
margin:0 5px;
height:32px;
overflow:hidden;
}

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

	body > container > event.top

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

/*イベント*/
#event.top .body {
background:#FFFFFF none repeat scroll 0%;
border-left:1px solid #A9B8C7;
border-right:1px solid #A9B8C7;
padding:4px 0 0;
}

#event.top .foot {
border-top:1px solid #A9B8C7;
clear:both;
font-size:10px;
padding:3px 10px 5px;
text-align:right;
}

#event.top .body .title {
background:#353F41 url(../img/img_icon_ttl_category.gif) no-repeat -275px -70px;
height:35px;
padding:0pt;
text-align:right;
}

#event.top .body .title h2 {
	text-align:left;
	float:left;
}

#event.top .body .title h2 a {
	width:144px;
	height:35px;
	display:block;
}

#event.top .body .title p.rss {
	margin:10px 10px 0 0;
	display:inline;
	float:right;
}

#event.top .body .daylink {
background:#FFFFFF url(../img/bg_event_box_top.jpg) repeat-x scroll center top;
clear:both;
color:#FFF;
font-size:10px;
margin:0;
padding:3px 3px 0;
}

#event.top .body .navi {
background:#FFF url(../img/bg_event_navi.gif) no-repeat 7px 7px;
clear:both;
color:#333;
font-size:10px;
padding:3px 10px 3px 25px;
}

#event.top .body .navi a {
color:#666666;
}

#list .body.related_events .box,#event.top .body .box {
background:#FFFFFF url(../img/bg_event_box_top.jpg) repeat-x scroll center top;
height:100%;
padding:10px 5px;
}

#list .body.related_events .box h3,#event.top .body .box h3 {
font-size:10px;
margin:0 0 3px;
padding:0;
line-height:13px;
float:none;
clear:both;
}

#event.top .body .box p {
font-size:10px;
line-height:13px;
margin:3px 0 0 0;
height:100%;
}

#list .body.related_events .box p.p-mini, #event.top .body .box p.p-mini {
font-size:10px;
line-height:13px;
margin:0 0 0 0;
float:right;
width:76px;
}

#list .body.related_events .box p.img, #event.top .body .box p.img {
margin:0 0 0 0;
float:left;
}

#list .body.related_events .box ul.date, #event.top .body .box ul.date {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
float:left;
background:none;
}

#list .body.related_events .box ul.date li, #event.top .body .box ul.date li{
margin:0;
padding:0;
border:none;
font-size:10px;
color:#FFFFFF;
text-align:center;
height:14px;
line-height:13px;
border:none;
width:50px;
float:left;
}

#list .body.related_events .box ul.date li.kara, #event.top .body .box ul.date li.kara {
margin:0;
padding:0;
background: url(../img/bg_event_kara.gif) no-repeat center 4px;
height:14px;
width:12px;
}

.m01 {
background:#C4AB5B;
}

.m02 {
background:#0B3F78;
}

.m03 {
background:#ED82B6;
}

.m04 {
background:#538F1D;
}

.m05 {
background:#6DABE8;
}

.m06 {
background:#895A86;
}

.m07 {
background:#FF8E01;
}

.m08 {
background:#97AA01;
}

.m09 {
background:#7274C7;
}

.m10 {
background:#D79C00;
}

.m11 {
background:#919757;
}

.m12 {
background:#8C0D28;
}


.wk6 {
background:#519ABA;
color:#FFFFFF;
}

.wk0 {
background:#DB726F;
color:#FFFFFF;
}

.wk1,.wk2,.wk3,.wk4,.wk5{
background:#758791;
color:#F7F7F7;
border:none;
}

#list .body.related_events .box ul.date li.wk6,
#event.top .body .box ul.date li.wk6 {
background:#519ABA;
width:26px;
border-left:#FFFFFF solid 1px;
}

#list .body.related_events .box ul.date li.wk0,
#event.top .body .box ul.date li.wk0 {
background:#DB726F;
width:26px;
border-left:#FFFFFF solid 1px;
}

#list .related_events .box ul.date li.wk1,#list .related_events .box ul.date li.wk2,#list .related_events .box ul.date li.wk3,#list .related_events .box ul.date li.wk4,#list .related_events .box ul.date li.wk5,#event.top .body .box ul.date li.wk1,#event.top .body .box ul.date li.wk2,#event.top .body .box ul.date li.wk3,#event.top .body .box ul.date li.wk4,#event.top .body .box ul.date li.wk5 {
background:#758791;
color:#F7F7F7;
width:26px;
border-left:#FFFFFF solid 1px;
}

#event.top .border {
	margin:0 1px 0 1px;
	background:#A9B8C7;
	height:1px;
}

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

	body > container > sub.top > topics

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

/*トピックス*/

#sub.top #topics .border {
background:#D0D1D5 none repeat scroll 0%;
height:1px;
margin:0pt 1px;
}

#sub.top #topics .body {
background:#FFF none repeat scroll 0%;
border-left:1px solid #D0D1D5;
border-right:1px solid #D0D1D5;
padding:4px 0 0;
}

#sub.top #topics .body .title {
background:#353F41 url(../img/img_icon_ttl_category.gif) no-repeat -275px -35px;
height:35px;
margin:0 0 5px;
text-align:left;
}

#sub.top #topics .body .title h2 {
float:left;
height:35px;
text-align:left;
width:150px;
}

#sub.top #topics .body .title h2 a {
display:block;
height:35px;
}

#sub.top #topics .body .title .rss {
display:inline;
float:right;
margin:10px 10px 0 0;
}

#sub.top #topics .foot {
font-size:10px;
padding:3px 8px;
text-align:right;
border-top:1px solid #D0D1D5;
}

#sub.top #topics .body ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 8px 0;
float:none;
}

#sub.top #topics .body li {
display:block;
margin:8px 0;
padding:0;
background:transparent url(../img/pt_list.gif) no-repeat scroll left 5px;
padding:0 0 0 11px;
font-size:12px;
line-height:13px;
}
/* -----------------------------------------------------------------

	body > container > sub.top > blog

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


/*ゲストブログ*/

#sub.top #blog .border {
background:#D0D1D5 none repeat scroll 0%;
height:1px;
margin:0pt 1px;
}

#sub.top #blog .body {
background:#FFF none repeat scroll 0%;
border-left:1px solid #D0D1D5;
border-right:1px solid #D0D1D5;
padding:4px 0 0;
}

#sub.top #blog .body .title {
background:#353F41 url(../img/img_icon_ttl_category.gif) no-repeat -275px -140px;
height:35px;
margin:0pt 0pt 5px;
}
#sub.top #blog .body .title h2 {
float:left;
text-align:left;
}
#sub.top #blog .body .title h2 a {
display:block;
width:220px;
height:35px;
}
#sub.top #blog .body .title .rss {
float:right;
margin:10px 10px 0pt 0pt;
}

#sub.top #blog .body li {
background:none;
margin:0 0 8px 0;
padding:0;
}

#sub.top #blog .body li .img {
float:left;
width:36px;
margin:6px 4px 0 8px;
_margin:6px 2px 0 4px;
}

#sub.top #blog .body li .txt {
margin:0 8px;
_margin:0 4px;
}

#sub.top #blog .body li .txt h3 {
font-size:12px;
font-weight:800;
line-height:22px;
}
#sub.top #blog .body li .txt h3 a {
color:#414649;
}

#sub.top #blog .body li .txt h4 {
font-size:12px;
font-weight:400;
line-height:14px;
background:url("../img/pt_list.gif") no-repeat scroll left 5px transparent;
margin:0 0 0 3px;
padding:0 0 0 11px;
}

#sub.top #blog .body .foot {
clear:both;
font-size:10px;
padding:3px 8px;
text-align:right;
border-top:1px solid #D0D1D5;
}

#sub.top #blog .border {
	height:1px;
	margin:0 1px 0 1px;
	background:#A9B8C7;
}


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

	body > container > sub.top > top-classified

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

/*クラシファイド*/

#sub.top #top-classified .border {
background:#D0D1D5 none repeat scroll 0%;
height:1px;
margin:0pt 1px;
}

#sub.top #top-classified .body {
background:#FFF none repeat scroll 0%;
border-left:1px solid #D0D1D5;
border-right:1px solid #D0D1D5;
padding:4px 0pt 0pt;
}

#sub.top #top-classified .body .title {
background:#353F41 url(../img/img_icon_ttl_category.gif) no-repeat -275px -105px;
height:35px;
margin:0 0 5px;
text-align:right;
}

#sub.top #top-classified .body .title h2 {
float:left;
text-align:left;
}

#sub.top #top-classified .body .title h2 a {
display:block;
height:35px;
width:200px;
}

#sub.top #top-classified .body .title .rss {
float:right;
margin:10px 10px 0pt 0pt;
}

#sub.top #top-classified .body .navi {
background:#FFF;
border-bottom:0px solid #D0D1D5;
_border-bottom:0px solid #D0D1D5;
}

#sub.top #top-classified .body .head {
background:#FFF url(../img/bg_event_navi.gif) no-repeat scroll 7px 3px;
clear:both;
color:#333333;
font-size:10px;
padding:0 10px 4px 25px;
border-bottom:1px solid #D0D1D5;
}

#sub.top #top-classified .body .head a {
color:#333333;
}

#sub.top #top-classified .body .navi ul {
height:100%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:3px 0 4px 8px;
float:left;
width:135px;
font-size:10px;
}

#sub.top #top-classified .body .navi li {
padding:0;
margin:0;
background:none;
}

#sub.top #top-classified .body ul.list {
height:100%;
float:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0pt 8px;
border-top:1px solid #D0D1D5;
}

#sub.top #top-classified .body ul.list li {
background:transparent url(../img/pt_list.gif) no-repeat scroll left 7px;
font-size:10px;
padding:0 0 0 10px;
margin:3px 0;
}



#sub.top #top-classified .body .foot {
clear:both;
font-size:10px;
padding:3px 8px;
text-align:right;
border-top:1px solid #D0D1D5;
}

#sub.top #top-classified .body .box {
background:none;
clear:both;
height:100%;
padding:6px;
}

#sub.top #top-classified .body .box h3 {
font-size:12px;
line-height:14px;
margin:0 0 2px 0;
}

#sub.top #top-classified .body .box p {
font-size:10px;
line-height:12px;
}

#sub.top #top-classified .body .box p.img {
float:right;
margin:2px 4px;
}