@charset "utf-8";


#sub.event #subA {
width:200px;
float:left;
}

#sub.event #subB {
width:160px;
float:right;
}


/*calendar*/

#sub.event #calendar{
background:#FFFFFF;
margin:0 0 10px;
border:1px solid #A9B8C7;
}
#sub.event #list.balloon.calendar .title h2{
width:150px;
}


#sub.event #calendar table.event_calendar_h{
margin:10px 10px 0;
}

#sub.event #calendar table.event_calendar_h td{
width:25px;
height:17px;
text-align:center;
font-weight:800;
}

#sub.event #calendar table.event_calendar_h td.saturday{
color:#18A6CC;
}
#sub.event #calendar table.event_calendar_h td.sunday{
color:#D3745E;
}


#sub.event #calendar table.event_calendar{
margin:0 10px 10px;
}
#sub.event #calendar table.event_calendar td{
width:25px;
height:25px;
text-align:center;
}
#sub.event #calendar table.event_calendar td.today{
background:#E4EAEA;
}
#sub.event #calendar table.event_calendar td.selected{
background:#C2CFCF;
}







/*category*/

#sub.event #list.balloon .title{
margin:0 0 3px;
padding:0;
}
#sub.event #list.balloon .title h2{
margin:0;
padding:2px 0 10px;
background:#353F41 url(../img/bg_balloon_serial.gif) no-repeat scroll center bottom;
font-size:12px;
font-weight:normal;
text-align:center;
color:#FFFFFF;
width:90px;
}
#sub.event #list.balloon ul{
margin:0 0 10px 0;
}
#sub.event #list.balloon ul li{
display:block;
margin:0 0 2px 0;
padding:5px 6px;
background:#353F41;
font-size:12px;
color:#FFFFFF;
}
#sub.event #list.balloon ul li:hover{
background:#424F51;
}
#sub.event #list.balloon ul li a{
color:#FFFFFF;
display:block;
}
#sub.event #list.balloon ul li a:hover{
text-decoration:none;
}


/*event-ad*/

#sub.event #list.balloon.event-ad .title h2{
margin:0;
padding:2px 0 10px;
background:#17A0A4 url(../img/bg_balloon_serial.gif) no-repeat scroll center bottom;
font-size:12px;
font-weight:normal;
text-align:center;
color:#FFFFFF;
width:125px;
}

#sub.event #list.balloon.event-ad .box{
background:#17A0A4 url(../img/bg_event-ad.gif) no-repeat scroll 4px 9px;
margin:0;
padding:5px;
}
#sub.event #list.balloon.event-ad .box p{
margin:0;
padding:7px 2px 0 54px;
color:#FFFFFF;
height:50px;
direction:inherit;
}
#sub.event #list.balloon.event-ad .box p a{
color:#FFFFFF;
text-decoration:none;
}
#sub.event #list.balloon.event-ad .box p a:hover{
text-decoration:underline;
}





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

	related

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

#sub.event .box.related-dice {
border-bottom:1px solid #A9B8C7;
height:100%;
margin:10px 0pt;
padding:0pt 0pt 10px;
}
#sub.event .box.related-dice.last {
border-bottom:none;
margin:10px 0 0 0;
}
#sub.event .box.related-dice .head {
margin:3px 5px;
height:12px;
width:auto;
}
#sub.event .box.related-dice .head .category{
width:50px;
float:left;
line-height:12px;
}
#sub.event .box.related-dice .head .date{
float:right;
width:135px;
padding:0 3px 0 0;
line-height:12px;
font-size:10px;
background:#EDEDED;
text-align:right;
}

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

#sub.event .box.related-diaries {
border-bottom:1px solid #A9B8C7;
height:100%;
margin:10px 0pt;
padding:0pt 0pt 10px;
}
#sub.event .box.related-diaries.last {
border-bottom:none;
margin:10px 0 0 0;
}
#sub.event .box.related-diaries .date {
background:#EDEDED;
font-size:10px;
line-height:12px;
padding:0 3px;
margin:0 5px;
}

#sub.event .box.related-diaries h3 {
float:left;
font-size:10px;
font-weight:800;
height:100%;
margin:0pt 5px 0pt 0pt;
width:77px;
}
#sub.event .box.related-diaries .author{
font-size:10px;
margin:0 5px;
}
#sub.event .box.related-diaries p{
font-size:10px;
margin:0 5px;
}
#sub.event .box.related-diaries .img {
float:left;
margin:0pt 3px 0pt 5px;
}


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

	body > container > main > list.event

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

#list.event .body .title {
	background:#353F41 url(../img/ttl_event_top.gif) no-repeat;
}

#list.event .body ul li.head {
	padding:15px;
	display:block;
	float:left;
	width:54px;
}

#list.event .body ul li.day {
	float:right;
	width:467px;
	padding:15px 15px 0 0;
	margin:0;
}

/*上部期間ナビ*/
#list.event div#navi{
background:#FFF;
margin:0 0 5px;
padding:2px 10px;
border-bottom:#CCC 1px solid;
height:100%;
}

#list.event div#navi .post{
float:right;
margin:5px;
height:100%;
font-size:10px;
}

#list.event div#navi .post a{
background:#D3745E;
display:block;
padding:2px 10px;
color:#FFFFFF;
text-decoration:none;
}

#list.event div#navi .post a:hover{
background:#E8B7AA;
color:#FFFFFF;
text-decoration:none;
}

#list.event div#navi ul.period{
margin:5px;
height:100%;
border:none;
float:left;
}

#list.event div#navi ul.period li{
float:left;
margin:0;
padding:0;
font-size:10px;
border-right:#CCC 1px solid;
height:100%;
}

#list.event div#navi ul.period li a{
display:block;
padding:2px 7px;
}

#list.event div#navi ul.period li a:hover{
background:#18A7CB;
color:#FFFFFF;
text-decoration:none;
}

#list.event div#navi ul.period li a.on{
display:block;
padding:2px 10px;
color:#FFFFFF;
background:#18A7CB;
}


/*リスト本体*/

#list.event .body .box{
	margin:10px 0;
	padding:0 15px;
	border-bottom: 1px solid #A9B8C7;
}

#list.event .body .box .category {
    height: 100%;
    margin: 0 0 10px;
}
#list.event .body .box .category p {
    float: left;
    font-size: 10px;
}
#list.event .body .box .category p.main {
    background: none repeat scroll 0 0 #373F42;
    color: #FFFFFF;
    padding: 0;
    text-align: center;
    width: 95px;
}
#list.event .body .box .category p.main.only {
    width: 190px;
}

#list.event .body .box .category p.only {
    width: 162px;
}
#list.event .body .box .category p.sub {
    background: none repeat scroll 0 0 #D8A500;
    color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 95px;
}
#list.event .body .box .category p.user {
    background: none repeat scroll 0 0 #EDEDED;
    float: left;
    padding: 0 0 0 0;
    text-align: right;
    width: 345px;
}
#list.event .body .box ul.date{
	border:none;
}
#list.event .body .box ul.date li{
	margin:0 0 10px 0;
	padding:3px 15px;
	color:#FFF;
	font-size:14px;
	float:left;
	line-height:1;
}
#list.event .body .box ul.date li.kara {
    background: url("../img/bg_event_kara_big.gif") no-repeat scroll center 3px transparent;
	padding:5px;
	width:10px;
}
#list.event .body .box .text{
	clear:both;
	float:left;
	width:364px;
}
#list.event .body .box .noneimg{
	float:none;
	width: auto;
}
#list.event .body .box .text h3{
	font-size:16px;
	margin:0 0 5px 0;
}
#list.event .body .box .img{
	float:right;
	width:164px;
}

#list.event .body .box ul.info {
    background:#F9F9EF;
    border: 1px solid #C1CBD5;
    font-size: 12px;
    margin:15px 0 0 0;
}
#list.event .body .box ul.info li {
    border-bottom: 1px solid #C1CBD5;
    clear: both;
    margin: 0;
    padding: 2px 10px;
}
#list.event .body .box ul.info li.last {
    border-bottom: medium none;
    margin: 0;
}
#list.event .body .box ul.info li .label {
    float: left;
    width: 65px;
}
#list.event .body .box ul.info li .data {
    float: right;
    width: 445px;
}


#list.event .body .box .foot{
	clear:both;
	border-top: 1px dotted #A9B8C7;
	border-bottom: 1px dotted #A9B8C7;
	margin:15px 0;
	padding:5px 0;
	font-size:10px;
}
#list.event .body .box .foot .info{
	width:330px;
	float:left;
}
#list.event .body .box .foot .more{
	width:150px;
	float:right;
	text-align:right;
}





/*イベント詳細ページ*/

#detail.event .body .title {
	background:#353F41 url(../img/ttl_event_top.gif) no-repeat;
}

#detail.event .body div.date-box {
margin:0 10px 0 0;
}

#detail.event .body div.date {
float:left;
margin:0 5px 10px 0;
padding:0;
width:40px;
}

#detail.event .body div.kara {
background:transparent url(../img/bg_event_kara_big.gif) no-repeat scroll center 20px;
float:left;
margin:0;
padding:0;
width:10px;
height:55px;
}

#detail.event .body div.date p {
line-height:1;
text-align:center;
margin:0;
padding:0;
}
#detail.event .body div.date p.month {
color:#FFFFFF;
font-family:"Verdana","ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック","Osaka",sans-serif;
font-size:10px;
font-weight:800;
padding:3px 0pt 0pt;
}
#detail.event .body div.date p.day {
color:#FFFFFF;
font-family:'impact',sans-serif;
font-size:22px
}

#detail.event .body div.content .head p {
    float: left;
    font-size: 10px;
}
#detail.event .body div.content .head p.category a {
	color:#FFF;
}
#detail.event .body div.content .head p.category.main {
    background: none repeat scroll 0 0 #373F42;
    color: #FFFFFF;
    padding: 0;
    text-align: center;
    width: 95px;
}
#detail.event .body div.content .head p.category.main.only {
    width: 190px;
}
#detail.event .body div.content .head p.category.only {
    width: 162px;
}
#detail.event .body div.content .head p.category.sub {
    background: none repeat scroll 0 0 #D8A500;
    color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 95px;
}

#detail.event .body div.content .text ul.info {
    background: none repeat scroll 0 0 #F9F9EF;
    border: 1px solid #C1CBD5;
    font-size: 12px;
    margin: 15px 0 0;
	height: 100%;
}
#detail.event .body div.content .text ul.info li {
    border-bottom: 1px solid #C1CBD5;
    margin: 0;
    padding: 2px 10px;
	clear:both;
	height: 100%;
}
#detail.event .body div.content .text ul.info li.last {
    border-bottom: medium none;
    margin: 0;
}
#detail.event .body div.content .text ul.info li .label {
    float: left;
    width: 65px;
}
#detail.event .body div.content .text ul.info li .data {
    float: right;
    width: 445px;
}