<!--
/* atmarkIT event */
@import url("/stylesheet/ad.css");

/* GLOBALNAVI 
---------------------------------------------------------------*/
/* CLEARFIX */
div:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}

/* atit top */
#eventtop.top #gnv {
background-image: none;
width: 646px;
margin-bottom: 0px !important;
float: right;
border:0px solid red;
}
#eventtop.top #gnv div { float:right;}
#eventtop.top #gnv div span { 
display: block;
float:left;
border-left:1px solid #999;
text-indent: -9999px;
}
#eventtop.top #gnv div span a { 
display:block;
width:106px;
height:35px;
}
#eventtop.top #gnv div span#gnv-top { background: url("/parts/images/event/evcal_gnv.gif") no-repeat 0px 0px;} 
#eventtop.top #gnv div span#gnv-im { background: url("/parts/images/event/evcal_gnv.gif") no-repeat -108px 0px;} 
#eventtop.top #gnv div span#gnv-monoist { background: url("/parts/images/event/evcal_gnv.gif") no-repeat -216px 0px;} 
#eventtop.top #gnv div span#gnv-jibun { background: url("/parts/images/event/evcal_gnv.gif") no-repeat -324px 0px;} 
#eventtop.top #gnv div span#gnv-job { background: url("/parts/images/event/evcal_gnv.gif") no-repeat -429px 0px;} 
#eventtop.top #gnv div span#gnv-event { background: url("/parts/images/event/evcal_gnv.gif") no-repeat -536px -46px;} 
#eventtop.top #gnv div span#gnv-top a:hover { background: url("/parts/images/event/evcal_gnv.gif") no-repeat 0px -46px;} 
#eventtop.top #gnv div span#gnv-im a:hover { background: url("/parts/images/event/evcal_gnv.gif") no-repeat -108px -46px;} 
#eventtop.top #gnv div span#gnv-monoist a:hover { background: url("/parts/images/event/evcal_gnv.gif") no-repeat -216px -46px;} 
#eventtop.top #gnv div span#gnv-jibun a:hover { background: url("/parts/images/event/evcal_gnv.gif") no-repeat -324px -46px;} 
#eventtop.top #gnv div span#gnv-job a:hover { background: url("/parts/images/event/evcal_gnv.gif") no-repeat -429px -46px;} 
#eventtop.top #gnv div span#gnv-event a:hover { background: url("/parts/images/event/evcal_gnv.gif") no-repeat -536px -46px;} 
#eventtop.top #gnv div small { display: none; }

/* after topCSS */
#eventtop.top .ad {
}
#eventtop.top #header {
background:url("/parts/images/event/top_logo_bg.gif") repeat-x 0px 0px #DDD;
border:0px solid red;
width:100%;
}
#eventtop.top #header .l {
float: left;
width: 147px;
border:0px solid red;
}
#eventtop.top #header .l img {
border:0px solid red;
}
#eventtop.top #header .r {
float: right;
background-image: none;
border:0px solid red;
background:url("/parts/images/event/top_tagline.gif") no-repeat 0px 14px;
margin-top: 0px !important;
width: 690px;
clear:right;
height:47px;
}
#eventtop.top #header .ad {
clear: right;
padding-top:5px;
background: url("/parts/images/atit/sp_bnr_bg.jpg") repeat-x 0px 0px #EEE;
background-color: #AAA;
height:90px;
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
}
#eventtop.top #header #search {
padding-top: 12px;
padding-right: 4px;
margin-top: 0px;
}
#eventtop.top #header #search input.q-box {
margin-bottom: 5px;
margin-right: 0px;
}
#eventtop.top #header #search .submit {
margin-top:0px;
margin-left:0px;
}

/* GLOBALNAVI */

.gnavi-box .searcht {margin-top:20px !important; }

#gnavi {
background: url(/images/gnavi_bg.jpg) repeat-x 0px 0px;
border: 0px solid red;
height: 22px;
}
#gnavi ul {
margin: 0px;
padding: 0px;
float:right;
font-size:10px;
border:0px solid #DDD;
list-style:none;
}
#gnavi li {
float:left;
margin:0px 5px 0px 0px;
padding:5px 0px 0px 5px;
border-left:0px solid #DDD;
height:17px;
border-left:1px solid #999;
}
#gnavi a {height: 13px;}
#gnavi a:link {color:#FFF; text-decoration:none;}
#gnavi a:visited { color:#FFF; text-decoration:none;}
#gnavi a:hover {color:#CF0; border-bottom:0px solid #FFF;}
#gnavi a:active { color:#FFF;}

/* base ----------------------------------------*/
body{
color:#555;
margin:0px;
padding:0px;
background-color:#FFFFFF;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd {margin:0px;padding:0px;line-height:130%;}
form{margin:0px;padding:0px;}
hr {visibility:hidden;clear:both;}

a{ text-decoration:none;}
a:link{ text-decoration:none; }
a:visited{ text-decoration:none; }
a:hover{ text-decoration:underline; }

.l {float:left;}
.r {float:right;}
a.icon img {border:0px;}

#content {font-family: "Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",Osaka;}

#content a{ text-decoration:none; color:#600;}
#content a:link{ text-decoration:none; }
#content a:visited{ text-decoration:none; }
#content a:hover{ text-decoration:underline; }
#leftcol a{ text-decoration:none; color:#600;}
#leftcol a:link{ text-decoration:none; }
#leftcol a:visited{ text-decoration:none; }
#leftcol a:hover{ text-decoration:underline; }

/* width wrapping */
#wrap { width:840px; margin:0px; padding: 0px 1px 0px 0px;border-right:1px solid #CCC;}

/* width wrapping */
p.sub {font-size:12px;}

/* header */
#normal-header { margin:0px; padding:0px; background-image:url(/parts/images/event/header_bg.png);}
#normal-header .l {
float:left;
width:440px;
height:64px;
background:url(/parts/images/event/header_logo_s.gif) no-repeat 6px 13px;
text-indent:-9999px;
}
#normal-header .l a {
display:block;
width:92px;
height:64px;
}
#normal-header .r { float:right; width:380px; height:64px;
text-align:right; 
}

/* Gsearch */
#normal-header #search { margin:0px;
padding:8px 3px 0px 0px;
float:right;
clear:right;
font-size:small; }
#normal-header #search form { width:300px; margin:0px; padding:0px; text-align:right; }

/*header adspace */
#normal-header .ad {
text-align:center;
background-color:#FFF;
padding-bottom:15px;
clear:both;
font-size:10px;
}

/* header navi textlink */
.navi { font-size:small; color:#AAA;
margin-right:5px;
margin-top:5px;}
.navi a { color:#FFFFFF; }

/* navibar */
#navibar { width:840px; height:24px; background-color:#E8D2C5; }
.styl { margin-left:10px; padding-top:5px;
font-size:small; font-weight:bold; }
#navibar a{ text-decoration:none; color:#600;}
#navibar a:link{ text-decoration:none; }
#navibar a:visited{ text-decoration:none; }
#navibar a:hover{ text-decoration:underline; }

/* footer */
#footer { width:840px;
margin:10px 0px 0px 0px;
padding:0px;
background-color:#CCCCFF;
clear:both;
}
#footer .padding { padding-left:20px; padding-top:10px; }
#footer .logo { float:left; }
#footer .txtlink { float:left; margin-left:50px; margin-top:10px; font-size:12px; text-align:left; }

/* 2column layout*/
#leftcol { float:left;
width:210px;
margin:0px;
padding:0px;
border:1px solid #C9C9C9;
}
#content { float:right;
width:610px;
margin:0px; padding:0px;
}
#centercol { float:left;
width:600px;
margin:0px;
padding:5px 0px 5px 5px; }

/*leftcolumn ----------------------------------------*/
#leftcol .innerBox {
border:1px solid #C3C3C3;
margin: 0px 5px;
background:#FFF;
padding:10px 9px 10px 9px ;
}
#leftcol .innerBox p {
padding: 5px 0px 5px 0px;
}
#leftcol .borderBtm {
border-bottom:1px dotted #CCC;
margin-bottom:5px;
}

/*leftcolumn base */
#leftcol #base {
margin:0px;
padding:0px 0px 10px 0px;
font-size:small;
background:#E3E3E3;
border-right:1px solid #FFF;
border-top:1px solid #FFF;
}
#leftcol #base ul { color:#666666; }

/* left midasi */
#leftcol h3 {
display:block;
_height:20px;
border-top:1px solid #600;
border-bottom:1px solid #600;
background:url(/event/calendar/images/l_title01.gif) repeat-y 0px 0px #600;
margin: 5px 5px 0px 5px;
padding:4px 4px 4px 20px;
_padding:2px 4px 2px 20px;
color:#FFF;
font-size:small;
font-weight:bold;
text-align:left;
}
#leftcol h4 {}

/* left search box */
#leftcol #search {
padding:10px;
font-size:13px;
background:url(/event/calendar/images/l_bg_w2.gif) repeat-y 0px 0px #EEE;
border-top:1px solid #963;
border-bottom:1px solid #EEE;
}
#leftcol #search form { margin:0px; padding:0px; }
#leftcol #search ul { margin:0px; padding:0px; list-style-type:none; }
#leftcol #search ul li { margin:0px; padding:3px 0px; }

/*category menu*/
#leftcol #categories {}
#leftcol #categories h3,
#leftcol #lEvent h3,
#leftcol #lInfo h3,
#leftcol #lOther h3 {
background:url(/parts/images/event/l_subtitle.png) no-repeat 0px 0px;
border:0px;
text-indent:-9999px;
height:21px;
}
#leftcol #categories h3 {background-position:0px 0px;}
#leftcol #lEvent h3 {background-position:0px -40px;}
#leftcol #lInfo h3 {background-position:0px -80px;height:31px;}
#leftcol #lOther h3 {background-position:0px -130px;}
#leftcol #categories ul { margin:0px;padding:0px;list-style:none; line-height:100%; }
#leftcol #categories ul li {
margin-bottom:0px;
padding-left:20px;
padding-bottom:3px;
background:url(/parts/images/event/genrelist.png) no-repeat 5px 5px ;
}
#leftcol #categories a:link { color:#069; }
#leftcol #categories a:visited { color:#069; }
#leftcol #categories a:hover { color:#900; }

/* left information*/
#leftcol .info {
border-top:1px solid #963;
border-bottom:1px solid #EEE;
margin:0px;
padding:0px;
width:100%;
}
#leftcol .info p {
border:0px solid red;

}
#leftcol .info h4 {
display:block;
height:16px;
background:url("/event/calendar/images/i_arow.gif") no-repeat 5px 5px #E5DCD1;
border-top:1px solid #600;
border-right:3px dotted #300;
border-bottom:1px solid #600;
margin:0px;
padding:1px 0px 2px 25px;
color:#600;
font-size:small;
text-align:left;
}

#leftcol .info h4.mail { background:url("/event/calendar/images/i_mail.gif") no-repeat 6px 6px #E5DCD1; }
#leftcol .info h4.common {}
#leftcol .info form { margin: 0px 0px 20px 15px; }
#leftcol .info p { margin:0px 0px 0px 0px; line-height:100%; padding:6px;width:197px;}
#leftcol .info #regist { margin:5px 0px 10px 0px; }
#leftcol .info #regist p.attend { margin:0px 0px 0px 0px; font-size:10px; text-align:center;}
#leftcol .info #regist h5 { margin:0px; padding:0px; text-indent:-9999px; height:25px;
background:url("/event/calendar/images/go.gif") no-repeat center; }
#leftcol .info h5 a { width:174px; display:block; height:25px; text-decoration: none; }
#leftcol .info h5 a:link,
#leftcol .info h5 a:visited { }
#leftcol .info ul { margin: 0px 0px 10px 0px; padding:0px 0px; list-style-type:none; line-height:100%; }
#leftcol .info ul li {
margin-left:5px;
margin-bottom:0px;
padding-left:22px;
padding-bottom:3px;
background:url("/event/calendar/images/rssicon.gif") no-repeat 2px 1px; 
}
#leftcol .info #info-form h5 { margin:0px 0px 10px 0px; padding:0px; text-indent:-9999px; height:25px;
background:url("/event/calendar/images/b_form.gif") no-repeat center; }
#leftcol .info #help h5 { margin:0px 0px 10px 0px; padding:0px; text-indent:-9999px; height:25px;
background:url("/event/calendar/images/b_help.gif") no-repeat center; }

/* left adspace--square */
#leftcol .adspace {
border-top:1px solid #996;
border-bottom:1px solid #EEE;
text-align:center;
margin:0px; padding:4px;
}

/* centercolumn common ---------------------------------*/

/* logo */
#eventlogo { margin:0px; padding:0px; text-indent:-9999px;
background:url(/event/calendar/images/dummy_t_s.gif) no-repeat left top; 
}
#eventlogo a:link,
#eventlogo a:visited { display:block; height:46px; text-decoration: none; }
#eventlogo a { width:100%; }

/* dateselect navi new */
#datenavi2 {}
#datenavi2 .innerBox {border-bottom:5px solid #871111;height:1%;padding:0px 0px 0px 3px;}
#datenavi2 span {
background:url(/parts/images/event/date_navi.png) no-repeat -3px 0px;
float:left;
margin-right:6px;
}
#datenavi2 span.m0 {background-position:-3px 0px;}
#datenavi2 span.m1 {background-position:-126px -0px;}
#datenavi2 span.m2 {background-position:-248px -0px;}
#datenavi2 span.m3 {background-position:-342px -0px;}
#datenavi2 span.m4 {background-position:-471px -0px;margin-left:8px;}

#datenavi2 span a {display:block;width:115px;height:30px;text-indent:-9999px;}
#datenavi2 span a:hover {
background:url(/parts/images/event/date_navi.png) no-repeat -3px -30px;
}
#datenavi2 span.m0 a {width:115px;}
#datenavi2 span.m1 a {width:114px;}
#datenavi2 span.m2 a {width:90px;}
#datenavi2 span.m3 a {}
#datenavi2 span.m4 a {}

#datenavi2 span.m0 a:hover {background-position:-3px -30px;}
#datenavi2 span.m1 a:hover {background-position:-126px  -30px;}
#datenavi2 span.m2 a:hover {background-position:-248px  -30px;}
#datenavi2 span.m3 a:hover {background-position:-342px  -30px;}
#datenavi2 span.m4 a:hover {background-position:-471px  -30px;}

#datenavi2 .m0 {}
#datenavi2 .m4 a {width:125px;}

.m1 #datenavi2 span.m0 {background-position:-3px -30px;}
.m2 #datenavi2 span.m1 {background-position:-126px  -30px;}
.m3 #datenavi2 span.m2 {background-position:-248px  -30px;}
.m4 #datenavi2 span.m3 {background-position:-342px  -30px;}

/* dateselect navi old */
#datenavi {
margin-top:3px;
margin-bottom:3px;
border-top:2px solid #DDD;
border-bottom:2px solid #DDD;
height:37px;
}
#datenavi ul {
 list-style-type:none;
 border:0px solid red;
margin-top:1px;
margin-bottom:1px;

}
#datenavi ul li { margin:0px; padding:0px; text-indent:-9999px; float:left;background:url(/event/calendar/images/button_insidemonth.gif) no-repeat; }
#datenavi ul li.m1 { background:url(/event/calendar/images/main_button_off.gif) no-repeat 0px 0px; }
#datenavi ul li.m2 { background:url(/event/calendar/images/main_button_off.gif) no-repeat -150px 0px; }
#datenavi ul li.m3 { background:url(/event/calendar/images/main_button_off.gif) no-repeat -300px 0px; }
#datenavi ul li.m4 { background:url(/event/calendar/images/main_button_off.gif) no-repeat -450px 0px; }

.m1 #datenavi ul li.m1 { background:url(/event/calendar/images/main_button.gif) no-repeat 0px 0px; }
.m2 #datenavi ul li.m2 { background:url(/event/calendar/images/main_button.gif) no-repeat -150px 0px; }
.m3 #datenavi ul li.m3 { background:url(/event/calendar/images/main_button.gif) no-repeat -300px 0px; }
.m4 #datenavi ul li.m4 { background:url(/event/calendar/images/main_button.gif) no-repeat -450px 0px; }

#datenavi ul li a { display:block; height:35px; text-decoration: none; width:150px;}
#datenavi ul li.m1 a:hover { background:url(/event/calendar/images/main_button.gif) no-repeat 0px 0px; }
#datenavi ul li.m2 a:hover { background:url(/event/calendar/images/main_button.gif) no-repeat -150px 0px; }
#datenavi ul li.m3 a:hover { background:url(/event/calendar/images/main_button.gif) no-repeat -300px 0px; }
#datenavi ul li.m4 a:hover { background:url(/event/calendar/images/main_button.gif) no-repeat -450px 0px; }

/* ranking navi */
.tnav {margin-bottom:1px;
padding-top:2px;
padding-bottom:0px;
border-bottom:2px solid #600;
height:25px;
}
.tnav ul {list-style-type:none;}
.tnav li { float:left; text-indent:-9999px;}

.tnav #bt00 {background:url(/event/calendar/images/rank_but.gif) no-repeat 0px 0px;}
.tnav #bt01 {background:url(/event/calendar/images/rank_but.gif) no-repeat -100px 0px;}
.tnav #bt02 {background:url(/event/calendar/images/rank_but.gif) no-repeat -200px 0px;}
.tnav #bt03 {background:url(/event/calendar/images/rank_but.gif) no-repeat -300px 0px;}
.tnav #bt04 {background:url(/event/calendar/images/rank_but.gif) no-repeat -400px 0px;}
.tnav #bt-all {background:url(/event/calendar/images/rank_but.gif) no-repeat -500px 0px;}
.tnav li a {display:block;height:25px;width:100px;}
.tnav li a:hover {text-decoration:none !important;}

/* ranking list */
.rank {
margin:0px 0px 0px 0px;
padding:0px;
font-size:small;
width:100%;
border:0px solid red;
}
.rank h2 {
font-size:110%;
background:url(/event/calendar/images/rank_icon.gif) no-repeat 0px 0px;
padding-left:25px;
border-bottom:2px solid #600;
height:22px;
}
.rank h2 small {
font-weight:normal;
background-color: #EEE;
padding: 0px 4px 0px 4px;
}

#eventtop .rank h2 {
margin:15px;
font-size:110%;
background:url(/event/calendar/images/rank_icon.gif) no-repeat 0px 0px;
padding-left:25px;
border-bottom:2px solid #600;
}

.rank p.more { margin:0px 20px 40px 0px ; text-align:right; }
.rank p.more a {
border:0px;
width:20%;
height:auto;
padding:5px 0px 5px 23px;
margin:0px;
font-size:12px;
background:url(/event/calendar/images/i_more.gif) no-repeat 0px 0px;
}

#eventtop .rank ol { margin:15px; padding: 0px 0px 0px 0px; line-height:100%; border:2px solid #CCC;;}
.rank ol {padding: 0px 0px 0px 0px; line-height:100%; border:2px solid #CCC;;}
.rank ol li { margin:0px; padding:0px 0px 0px 3px; list-style:none; border-bottom:1px solid #DDD; height:auto;}
.rank ol li.end {border-bottom:0px;}
.rank ol li span {clear:both;}
.rank ol li br {clear:both;}

.rank ol li a { text-decoration:none; }
.rank ol li a:hover { color: #990000; text-decoration:none; }
.rank ol li strong {
display:block;
background:url(/event/calendar/images/ranking_bg.jpg) no-repeat -3px -350px; 
float:left;
text-align:center;
border:1px solid #999;
font-size:10px; 
background-color:#EEE;
color:#444;
width:32px;
height:auto;
padding:2px;
margin:3px 3px 3px 0px;
}

.rank ol li#r1 strong { background:url(/event/calendar/images/ranking_bg.jpg) no-repeat -3px 0px;color:#FFF;}
.rank ol li#r2 strong { background:url(/event/calendar/images/ranking_bg.jpg) no-repeat -3px -120px;color:#FFF;} 
.rank ol li#r3 strong { background:url(/event/calendar/images/ranking_bg.jpg) no-repeat -3px -243px;color:#FFF;}

.rank ol li#r2,.rank ol li#r4,.rank ol li#r6,.rank ol li#r8,.rank ol li#r10,
.rank ol li#r12,.rank ol li#r14,.rank ol li#r16,.rank ol li#r18,.rank ol li#r20,
.rank ol li#r22,.rank ol li#r24,.rank ol li#r26,.rank ol li#r28,.rank ol li#r30 { background-color:#EEE;}

/* calendar */
.calendar { font-size:small; margin-bottom:30px;}
.calendar a { font-weight:bold;}
.calendar h2 {
margin-top:40px;
margin-bottom:5px;
border-bottom:2px solid #600;
padding-left:25px;
font-size:medium;
background:url(/event/calendar/images/i_calender.gif) no-repeat 0px 0px ;
}

.calendar table {border:1px dotted #CCC; }
.calendar table th {
background:url(/event/calendar/images/l_bg_w2.gif) repeat-y 0px 0px #EEE;
margin:0px;
padding:3px;
border:1px solid #ccc;
text-align:left;
vertical-align:top;
width:190px;
}
.calendar table td { margin:0px; padding:3px; border:1px solid #ccc; text-align:left; vertical-align:top; }
.calendar .num { margin:0px; padding:0px 3px; }
.calendar .next20 { margin:0px; text-align:right; }
.calendar .num .l { float:left; }
.calendar .num .r { float:right; text-align:right; }

.subbutton {float:right;}
.subbutton ul {list-style-type:none;}
.subbutton li {text-indent:-9999px;float:left;}
.subbutton #pagetop {background:url(/event/calendar/images/back_button.gif) no-repeat 0px 0px;width:100px;}
.subbutton #alltop {background:url(/event/calendar/images/back_button.gif) no-repeat 0px -25px;width:178px;}
.subbutton #pagetop a {width:110px;display:block;height:20px;}
.subbutton #alltop a {width:178px;display:block;height:20px;}

/* event topage -------------------------------------*/

/* title */
#month #centercol h1 {margin:0px !important; padding:0px; }
#eventtop #centercol h1 { text-indent:-9999px; margin:0px; padding:0px; }
#eventtop #centercol h1.mainttl { background:url(/event/calendar/images/dummy_t_b.gif) no-repeat left top; height:80px; }
#eventtop #centercol div.mainttl-nxt { background:url(/parts/images/atit/event_title.gif) no-repeat left top; height:70px; }
#eventtop #centercol div.mainttl-nxt h1 {
width:50px;
float:left;
}
#eventtop #centercol div.mainttl-nxt span a {
display:block;
width: 200px;
float: right;
height: 70px ;
display: block;
text-indent: -9999px;
}
#t-top{
color:#444;
margin-top: 0px !important;
font-size: 100%;
padding:0px;
background:url(/event/calendar/images/page_t_bg.jpg) repeat-x 0px 0px;
}
#t-top span {
display:block;
padding:15px 15px 15px 45px;
margin-top: 0px;
background:url(/event/calendar/images/i_title.gif) no-repeat 15px 18px;
}

#ranking #t-top span {
display:block;
padding:15px 15px 15px 45px;
margin-top: 0px;
background:url(/event/calendar/images/rank_icon.gif) no-repeat 15px 18px;
}
#searchresult #t-top span {
display:block;
padding:15px 15px 15px 45px;
margin-top: 0px;
background:url(/event/calendar/images/keyword_icon.gif) no-repeat 15px 18px;
}


#eventtop #centercol h2.sub { margin:0px; font-size:large; text-align:center; }

/* editor chumoku event */
#eventtop #chumoku { margin:3px 0px; padding:0px; font-size:small;border:1px solid #C63; background-color:#DDD;}
#eventtop #chumoku div { margin:4px; padding:4px; font-size:small;border:0px solid #600; background-color:#FFE;}
#eventtop #chumoku h2 {
color:#600;
padding:3px 3px 3px 35px;
font-size:110%;
border-bottom:2px solid #600;
background:url(/event/calendar/images/cyumoku.gif) no-repeat 0px 0px;}
#eventtop #chumoku p {padding:5px;}
#eventtop #chumoku p a {font-weight:bold;}

/* category page ------------*/
#category #centercol h1 { margin:10px 0px; font-size:large; }
#category #centercol h2 { margin-bottom:5px; font-size:medium; }

/* month calendar page ------------*/
#month #centercol h1 { margin:10px 0px; font-size:large; }
#month #centercol h2 {
margin-top:40px;
border-bottom:2px solid #600;
padding-left:25px;
font-size:medium;
background:url(/event/calendar/images/i_calender.gif) no-repeat 0px 0px ;
}

/* ranking30 page -------------------------------*/
#ranking #centercol h1 { margin:10px 0px; font-size:large; }
#ranking #centercol h2 { margin-bottom:5px; font-size:medium; }

/* search result page ------------*/
#searchresult #centercol h1 { margin:10px 0px; font-size:large; }
#searchresult #centercol h2 { margin:0px; font-size:medium; }

#searchresult #keyword {
margin-top:10px;
border:1px solid #CCC;
font-size:86%;
color:#666;
background-color:#EEE;
}
#searchresult #keyword div{
margin:4px;
padding:0px 2px 2px 2px;
background-color:#FFE;
border:1px solid #EEE;
}
#searchresult #keyword table{font-size:84%;}
#searchresult #keyword table th {text-align:right;padding-right:10px;}

#searchresult #centercol #keyword h2 {
margin-bottom:5px;
font-size:96%;
border-bottom:1px solid #EEE;
background:url(/event/calendar/images/key_icon.gif) no-repeat 0px 2px;
padding-left:27px;
padding-top:5px;
padding-bottom:6px;
}

#searchresult #centercol #keyword h2.alerts {
margin-bottom:0px;
font-size:100%;
color:red;
border-bottom:0px solid #EEE;
background:url(/event/calendar/images/key_icon.gif) no-repeat 0px 2px;
padding-left:27px;
padding-top:5px;
padding-bottom:6px;
}

#searchresult #centercol ul {
margin:5px 0px; padding:5px 10px;
font-size:small; list-style-type:none;
}
#searchresult #centercol ul li { margin:0px; padding:0px; }

/* event individual page -------------------------------*/
#individ #centercol .headset {background:url(/event/calendar/images/page_t_bg.jpg) repeat-x 0px 0px;margin:0px;padding:10px;border-top:1px solid #FFF;}
#individ #centercol .headset h1 { margin:0px; font-size:106%; }
#individ #centercol .headset h2 { margin:10px 0px; font-size:small;color:#666; }
#individ #centercol .headset h3 { margin:5px 0px; font-size:small; font-weight:normal; color:#666; text-align:right;}
#individ .eventtype { 
width:auto;
margin-bottom: 5px;
padding-left:13px;
padding-bottom:2px;
font-weight:bold;
color:#600;
font-size:small;
background:url(/event/calendar/images/genre_icon.gif) no-repeat 0px 5px;
border-bottom:1px solid #FFF;
}
#individ .gaiyo table { margin:10px 0px; font-size:small; border:1px dotted #CCC;}
#individ .gaiyo table th {
background:url(/event/calendar/images/l_bg_w2.gif) repeat-y 0px -1px #EEE;
margin:0px;
padding:5px;
border:1px solid #ccc;
text-align:left;
vertical-align:top;
}
#individ .gaiyo table td { margin:0px;
padding:5px;
border:1px solid #ccc;
text-align:left;
vertical-align:top;
word-break:break-all;
}

#individ #message {
margin-top:10px;
border:1px solid #CCC;
font-size:86%;
color:#666;
background-color:#EEE;
}
#individ #message div{
margin:4px;
padding:0px 2px 2px 2px;
background-color:#FFE;
border:1px solid #EEE;
}
#individ #centercol #message h2 {
margin-bottom:0px;
font-size:100%;
color:red;
border-bottom:0px solid #EEE;
background:url(/event/calendar/images/ar_icon.gif) no-repeat 0px 2px;
padding-left:35px;
padding-top:6px;
padding-bottom:3px;
}
h2.navi-title {
margin-bottom: 5px;
padding-left:13px;
padding-bottom:2px;
font-weight:bold;
color:#666;
font-size:12px !important;
background:url(/event/calendar/images/genre_icon.gif) no-repeat 0px 5px;
border-bottom:0px solid #CCC;
}
#paging {text-align:center; width:100%;border:0px;}
#paging th { width:100px;text-align:center;border:0px; background:url() no-repeat 0px 5px;}
#paging a:hover {color:#FFF;background:#600;}
#paging td {border:0px;}
#paging span {display:block;float:left;width:25px;border:0px solid red; margin-left:9px; margin-bottom:9px;text-align:center;}
#paging strong {margin:10px;}

/* ad --------------------------------------------------*/

/* chumoku event pr added
#eventpr { margin: 10px 0px; padding: 8px 8px 0px 8px; border: 1px dotted #ccc; font-size: 12px; background-color:#EEE;}
#eventpr div{ margin: 4px padding: 8px; background-color:#FFF;}
#eventpr .title { margin: 0px; padding: 10px; font-weight: bold; color: #666;}
#eventpr dl { margin-bottom: 10px; padding: 0px 10px; color: #ffcc33; }
#eventpr dt { margin-left: 5px; margin-bottom: 0px; padding-left: 16px; padding-bottom: 0px; font-weight: bold;
background:url(/event/calendar/images/i_arow.gif) no-repeat 0px 2px;
}
#eventpr dd { margin-left: 5px; margin-bottom: 8px; padding-left: 16px; color: #333; }
 */
/* chumoku event pr added */
#eventpr {
margin: 10px 0px;
padding: 5px;
border: 1px dotted #ccc;
font-size: 12px;
background-color:#EEE;
}
#eventpr div {
padding: 4px;
background-color:#FFF;
}
#eventpr .title {
font-weight: bold;
margin : 0px;
padding: 5px;
color: #666;
}
#eventpr dl {
margin-bottom: 5px;
padding: 0px 5px;
color: #ffcc33;
}
#eventpr dt {
margin-left: 5px;
margin-bottom: 0px;
padding-left: 16px;
padding-bottom: 0px;
font-weight: bold;
background:url(/event/calendar/images/i_arow.gif) no-repeat 0px 2px;
}
#eventpr dd {
margin-left: 5px;
margin-bottom: 8px;
padding-left: 16px;
color: #333;
}


/* footer rectangle*/
#frec {
margin-left:45px;
margin-top:50px;
margin-bottom:50px;
}

/* Left Spuare */
.lsqu { margin: 0px; padding: 0px;border-top:1px solid #600;}
.lsqu dl { margin: 4px; padding: 0px;}
.lsqu dt { margin: 0px; 
padding: 0px; 
text-align: right; 
font-size: 10px; 
font-weight: bold; 
color: #636563;
}

/* counter new */
.counter {
background:url(/parts/images/event/event_number.png) no-repeat right 0px;
width:250px;
height:30px;
float:right;
margin-top:7px;
margin-right:5px;
padding-right:20px;
}
.counter p {margin-top:3px;margin-right:5px;font-weight:bold;color:#CC0202;font-size:20px;text-align:right;}
.counter:after {}
.counter strong {}

/* counter old
------------------------------- 

.counter {border:0px solid red;width:100%;margin-top:10px;}
.counter p {
letter-spacing:1px;
border-left:7px solid #CCC ;
border-bottom:1px solid #DDD ;
text-align:right;
padding: 0px 3px 3px 6px;
font-size:10px;
display:inline !important;
float:right;
background-color:#FFF;
}
.counter:after { content: " "; clear: both !important; height: 0; display: block; visibility: hidden;}
.counter strong {font-size:18px;color:#C00;letter-spacing:-1px !important;
}
*/


/* camp */
#eventtop .camp {
margin: 3px 0px 10px 0px;
padding: 0px;
font-size: small;
border: 1px solid #690;
background-color: #DDD;
}
#eventtop .camp a {
}
#eventtop .camp img {
border: 2px solid #DDD;
margin: 2px;
}
#eventtop .camp div {
margin:4px;
padding:4px;
font-size:small;
border:0px solid #600;
background-color:#FFF;
}
#eventtop .camp h2 {
color: #690;
padding: 3px 3px 3px 25px;
font-size: 110%;
border-bottom: 2px solid #690;
background: url(/parts/images/icon/dot.gif) no-repeat 10px 10px;
}
#eventtop .camp p { padding: 5px;}
#eventtop .camp p a { font-weight: bold;}

/* newzia_connect */

#newzia_connect_event {border:6px solid #EEE;font-size:small;padding:7px;text-align:right;}
#newzia_connect_event .title {font-weight:bold;color:#666;text-align:left;}
#newzia_connect_event ul {list-style:none;text-align:left;}
#newzia_connect_event ul li {
background:url(/event/calendar/images/i_arow.gif) no-repeat 7px 4px;
padding-left:22px;
margin:11px 0px 11px 0px;
text-align:left;
}
#newzia_connect_event ul li a {font-weight:bold;}

/* 20100521 RENEW 
-----------------------------------------------------------------*/
/* HEADMENU */
#headmenu {
}

/* MENUAREA */
#menuArea {
margin:0 0 0 10px;
}
#menuArea p {
padding:5px 0 0;
}
#menuArea span {
display:block;
float:left;
margin:0 5px 5px 0;
padding:1px;
background:#aa8888;
text-align:center;
}
#menuArea span a {
border:1px solid #FFF;
padding:5px 15px;
display:block;
color:#9e3030;
line-height:100%;
background:#ede7e7 url("/parts/images/event/navi_bg.png") repeat-x 0 0;
font-size:small;
font-weight:bold;
}
#menuArea span a:hover {
background:url("/parts/images/event/navi_bg.png") repeat-x 0 -50px;
color:#FFF;
text-decoration:none;
}
#menuArea span.menuEvent {
background:#999;
}
#menuArea span.menuEvent a {
border:1px solid #FFF;
color:#FFF;
background:#6bc347 url("/parts/images/event/navi_bg.png") repeat-x 0 -100px;
}
#menuArea span.menuEvent a:hover {
background:#FFF;
color:#49aa2a;
}
#menuArea span.menuHelp {
background:#999;
}
#menuArea span.menuHelp a {
border:1px solid #FFF;
color:#FFF;
background:#6bc347 url("/parts/images/event/navi_bg.png") repeat-x 0 -150px;
}
#menuArea span.menuHelp a:hover {
background:#FFF;
color:#2ea4d6;
}


/*-- old menu(100625)
#menuArea span.menuSeminar {background-position:0px 0px;}
#menuArea span.menuExhibition {background-position:-106px 0px;}
#menuArea span.menuMeeting {background-position:-195px 0px;}
#menuArea span.menuTraining {background-position:-286px 0px;}
#menuArea span.menuVirtual {background-position:-357px 0px;}
#menuArea span.menuCont {background-position:-461px 0px;}
#menuArea span.menuEvent {background-position:-579px -25px;margin-left:15px;}
#menuArea span.menuHelp {background-position:-703px -25px;}
#menuArea span.menuSeminar a {width:102px;}
#menuArea span.menuExhibition a {width:85px;}
#menuArea span.menuMeeting a {width:87px;}
#menuArea span.menuVirtual a {width:99px;}
#menuArea span.menuTraining a {width:67px;}
#menuArea span.menuCont a {width:98px;}
#menuArea span.menuEvent a {width:120px;}
#menuArea span.menuHelp a {width:117px;}
#menuArea span.menuSeminar a:hover {background-position:0px -25px;}
#menuArea span.menuExhibition a:hover {background-position:-106px -25px;}
#menuArea span.menuMeeting a:hover {background-position:-195px -25px;}
#menuArea span.menuTraining a:hover {background-position:-286px -25px;}
#menuArea span.menuVirtual a:hover {background-position:-357px -25px;}
#menuArea span.menuCont a:hover {background-position:-461px -25px;}
#menuArea span.menuEvent a:hover {background-position:-579px 0px;}
#menuArea span.menuHelp a:hover {background-position:-703px 0px;}
-- */

.t1 #menuArea span.menuT1 a {
background:url("/parts/images/event/navi_bg.png") repeat-x 0 -50px;
color:#FFF;
text-decoration:none;
}
.t2 #menuArea span.menuT2 a {
background:url("/parts/images/event/navi_bg.png") repeat-x 0 -50px;
color:#FFF;
text-decoration:none;
}
.t3 #menuArea span.menuT3 a {
background:url("/parts/images/event/navi_bg.png") repeat-x 0 -50px;
color:#FFF;
text-decoration:none;
}
.t4 #menuArea span.menuT4 a {
background:url("/parts/images/event/navi_bg.png") repeat-x 0 -50px;
color:#FFF;
text-decoration:none;
}
.t5 #menuArea span.menuT5 a {
background:url("/parts/images/event/navi_bg.png") repeat-x 0 -50px;
color:#FFF;
text-decoration:none;
}
.t6 #menuArea span.menuT6 a {
background:url("/parts/images/event/navi_bg.png") repeat-x 0 -50px;
color:#FFF;
text-decoration:none;
}
.t7 #menuArea span.menuT7 a {
background:url("/parts/images/event/navi_bg.png") repeat-x 0 -50px;
color:#FFF;
text-decoration:none;
}
.t8 #menuArea span.menuT8 a {
background:url("/parts/images/event/navi_bg.png") repeat-x 0 -50px;
color:#FFF;
text-decoration:none;
}
.t9 #menuArea span.menuT9 a {
background:url("/parts/images/event/navi_bg.png") repeat-x 0 -50px;
color:#FFF;
text-decoration:none;
}

/* SERCHAREA */
#searchArea {
clear:both;
margin:5px 12px 15px;
padding:10px;
font-size:small;
border:1px solid #C3C3C3;
background:#f2f2f2;
}
#searchArea #search {
height:50px;
padding-left:110px;
background:url("/parts/images/event/serch_title.png") no-repeat 10px 0px;
}
#searchArea #search #search_l {
float:left;
width:520px;
border:0px solid red;
background:url("/parts/images/event/line_vertical.png") repeat-y top right;
}
#searchArea #search #search_r {
float:right;
width:100px;
padding:10px 15px 0 0;
}
#searchArea #search #search_t {
margin-bottom:5px;
}
#searchArea #search #search_r .goButton{
background:url("/parts/images/event/btn_search.png") no-repeat 0 0;
height:35px;
width:100px;
border:none;
cursor:pointer;
text-indent:-9999px;
display:block;
}

#searchArea form {
margin:0px;
padding:0 0 0 20px;
border:0px solid red;
background:url("/parts/images/event/line_vertical.png") repeat-y 550px 0;
}
#searchArea .freewordArea {
background:#FFF;
border:1px solid #A9A9A9;
display:block;
float:left;
width:140px;
margin:0 4px 0 0;
height:18px;
}
#searchArea .freewordArea .freeword {
border:none;
background:none;
width:130px;
font-size:small;
padding:1px 3px;
color:#666;
}

#searchArea .freewordArea .goButton {border:none;background:none;text-indent:-9999px;width:38px;height:20px;padding:0px;}
*/

#searchArea .area,
#searchArea .from_y,
#searchArea .from_m,
#searchArea .from_d,
#searchArea .to_y,
#searchArea .to_m,
#searchArea .to_d,
#searchArea .genre,
#searchArea .event {height:20px;font-size:12px;color:#666;}

/* TWITTER */
#twitter_div {font-size:11px;}
#twitter_div a {font-weight:bold;}
#twitter_div ul {list-style:none;}
#twitter_div ul li {
margin-top:10px;
padding:0px 0px 0px 6px;
background:url("/parts/images/event/tweetleft.png") no-repeat 0px center;
clear:both;
}
#twitter_div ul li span {display:block;}
#twitter_div ul li span.outerArea {background:url("/parts/images/event/tweettop.gif") no-repeat 0px top #D9ECF1;}
#twitter_div ul li span.innerArea {padding:5px;background:url("/parts/images/event/tweetbottom.gif") no-repeat 0px bottom;word-break:break-all;}

.lsqu {padding-right:1px;border-top:none;}
.lsqu dt {padding-right:1px;}
.lsqu span.prMark {background:#CCC;padding:0px 3px 0px 3px;font-weight:bold;border:1px solid #999;border-bottom:none;color:#FFF;}


/* MMAG */
.lcMmag {text-align:center;}
.lcMmag .lcMmagBtn {
border:none;
background:url("/parts/images/event/btn_mailmagagine.png") no-repeat center bottom;
text-indent:-9999px;
width:100%;
height:25px;
cursor:pointer;
margin-top:10px;
padding:0px;
}




-->