/* CSS Document */

@charset "utf-8";

/* - - - - - - - - - - contents layout css - - - - - - - - - - */

#contents #container #content{
	overflow: hidden;
}
.event #event-main{
	float: left;
	clear: left;
	width: 720px;
	overflow: hidden;
}

.confirm #event-main{
	width: 950px;
}
.event #event-sub{
	float: right;
	clear: right;
	width: 200px;
	overflow: hidden;
	margin-top: 10px;
}

.event #event-sub ul#sub-banner{
	margin: 15px 0 0 0;
}

.event #event-sub ul.banner li,
.event #event-sub ul#sub-banner li{
	width: 200px;
	overflow: hidden;
	margin-bottom: 15px;
}

.event #event-sub #month-box,
.event #event-sub #genre-box{
	background-image: url(/common/img/event_top/sub_box_foot02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
	margin-bottom: 12px;
	zoom: 1;
}

.event #event-sub #area-box{
	background-image: url(/common/img/event_top/sub_box_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
	margin-bottom: 12px;
	zoom: 1;
}

.event #event-sub #month-box,
.event #event-sub #genre-box{
	padding-bottom: 20px;
}

/* IE6 */
* html .event #event-sub #month-box{
	padding-bottom: 20px;
	zoom: 1;
}

.event #event-sub #area-box{
	height: 80px;
	overflow: hidden;
}

.event #event-sub ul.banner{
	margin: 20px 0;
}

.event #event-sub p.banner{
	margin: 20px 0;
}

.event #event-sub p.entry{
	text-align:center;
  font-weight: 500;
}

#footer-contents-information{
	clear: both;
	width: 950px;
	padding-top: 20px;
	margin: 0 auto 20px 0;
	overflow: hidden;
	font-size: 85%;
}

#footer-contents-information #footer-search-box{
	float: left;
	clear: left;
	width: 511px;
	height: 106px;
	overflow: hidden;
	margin-top: 39px;
	background-image: url(/common/img/event_top/foote_search_box_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer-contents-information #footer-attention-article{
	float: right;
	clear: right;
	width: 420px;
	overflow: hidden;
	background-image: url(/common/img/event_top/footer_attention_article_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer-contents-information #footer-attention{
	background-image: url(/common/img/event_top/footer_attention_article_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 26px;
}

/* topicpath
----------------------------------------- */
ol#topicpath{
	margin: 0 auto;
	font-size: 86%;
	width:950px;
	text-align:left;
	padding-top: 7px;
	padding-bottom: 3px;
}

.event ol#topicpath{
    background-image: url(/common/img/event_top/topicpath_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	_margin:0;
}
ol#topicpath li{
	display:inline;
	padding-bottom: 3px;
}
ol#topicpath li.home{
    background-image: url(/common/img/topicpath-icon-home.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left:68px;
}
ol#topicpath li a{
	padding-right: 10px;
	background: url(/common/img/topicpath.gif) no-repeat right 3px;
}

/* - - - - - - - - - - content css - - - - - - - - - - */
#content{
	overflow: hidden;
}

#content h1{
    margin-top: 10px;
}

#contents table,
#contents table.table01{
	font-size: 100%;
	margin: 5px 0 0 0;
	line-height: 1.3em;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #9CCACA;
	border-left-color: #9CCACA;
	margin-left: 20px;
	margin-bottom: 20px;
	color: #50686D;
}
#contents table th,
#contents table.table01 th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #9CCACA;
	border-bottom-color: #9CCACA;
	padding: 10px;
	font-weight: bold;
	background-color: #DFF0F0;
}
#contents table td,
#contents table.table01 td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #9CCACA;
	border-bottom-color: #9CCACA;
	padding: 10px;
}

#contents #container table.table0{
	font-size: 100%;
	margin-left: 0;
	line-height: 1.3em;
	margin-left: 40px;
	margin-bottom: 20px;
	color: #50686D;
	width: 100%;
	border:none;
}
#contents #container table.table0 th{
	padding: 0;
	font-weight: bold;
	background-color: #DFF0F0;
	border:none;
}
#contents #container table.table0 td{
	padding: 0;
	border:none;
}
#contents #container table.table0 td h4,
#contents #container table.table0 td h5{
    margin-left: 0px;
}

#contents table td.map{
/*  width:400px;
    overflow-y:auto;*/

}

/* - - - main - - - */
#content #event-main h2{
	margin: 7px 0 10px 0px;
	padding: 10px 10px 10px 10px;
	font-size: 160%;
	font-weight: 900;
	color: #FFFFFF;
	background-image: url(/common/img/event_top/h2_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	clear: both;
}

#content #event-main h2#event-title{
	padding: 5px 10px;
	background-image: none;
	background-color: #2AB4D3;
}

/* - - - posting - - - */
#content #event-main h3{
	margin: 5px 0 10px 10px;
	padding: 10px 10px 10px 10px;
	font-size: 150%;
	font-weight: 600;
	color: #5F818B;
	background-image: url(/common/img/event_top/h3_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	clear: both;
}
#content #event-main .post h4{
	font-size: 120%;
	line-height: 1.2em;
	font-weight: bold;
	color: #50686D;
	background-image: url(/common/img/h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 35px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9CCACA;
	margin-left: 10px;
}

#content #event-main .post ul{
	margin: 10px 10px 0 10px;
	padding-bottom:15px;
	line-height:1.5em;
}
#content #event-main .post ul li{
	font-size: 120%;
	line-height: 1.4em;
	background-image: url(/common/img/h6_bg.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	margin-top: 25px;
	padding-bottom:5px;
	margin-left:5px;
	padding-left: 18px;
}
#content #event-main .post span.attention{
    float:right;
}
#content #event-main .post p.pvset{
	font-weight: bold;
	background-color:#FADBB1;
	font-size:110%;
	padding:5px;
}
#content #event-main .post p.button{
    text-align:center;
}
#content #event-main .post p.button .btn-submit{
    width:320px;
	height:62px;
	background-image: url(/common/img/btn-send.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor:pointer;
    border:none;
	margin:0;
	padding:0;
background-color:#ffffff;
}
#content #event-main .post p.button :hover{
    width:320px;
	height:62px;
	background-image: url(/common/img/btn-send-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* - - - posting end - - - */


#content #event-main p{
    margin-left: 20px;
	padding-bottom:10px;
	line-height:1.5em;
}
#content #event-main p.page-top{
	float: right;
	font-size: 85%;
	margin-bottom: 10px;
}

#content #event-main p.photo{
/*	float: right;
  width:200px;*/
}

#content #event-main p.article{
/*	float: left;*/
}

#content #event-main p.asashin{
  margin-right:25px;
  color:#3376b9;
  font-weight:600;
  text-align:right;
}

#content #event-main p.asashinlink{
  margin-right:25px;
  color:#3376b9;
  font-size:110%;
  font-weight:600;
  text-align:right;
}

#contents #event-main dl.event-information{
	width: 700px;
	margin: 10px 0 0 20px;
	overflow: hidden;
	line-height: 1.5;
}

#contents #event-main dl.event-information dt{
	font-size: 105%;
	background-image: url(/common/img/event_top/event_title_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

#contents #event-main dl.event-information dd.date{
	background-image: url(/common/img/event_top/event_date_icon.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0 0 0 16px;
	margin: 0 0 0 5px;
	border-width: 0;
	font-weight: bold;
}

#contents #event-main dl.event-information dd{
	font-size: 95%;
	margin: 0 0 10px 0;
	padding: 2px 0 10px 20px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #DFE6E8;
}

#contents #event-main ul.info{
    clear: both;
	background-image: url(../img/underline-blog.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 5px 0px 0px 0px;
	margin: 10px 0px 50px 10px;
	font-size: 85%;
	line-height: 1.4em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#contents #event-main ul.info li{
	display: inline;
	background-image: none;
	margin: 0px 5px 0px 0px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
#contents #event-main ul.info li.first{
	padding-left: 0px;
	border-left-style: none;
}


/* - - - sub - - - */
#event-sub h2{
    padding-bottom:15px;
}
#event-sub h2 img:hover,
#event-sub p img:hover,
#event-sub ul#sub-banner li img:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

.event #event-sub #month-box ul,
.event #event-sub #genre-box ul{
	_width: 210px;
	height: auto;
	padding: 6px 0px 0 15px;
	background-image: url(/common/img/event_top/sub_box_body.gif);
	background-repeat: repeat-y;
	background-position: left top;
	overflow: hidden;
}

.event #event-sub #month-box ul li{
	display: inline;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}

/* IE7 */
* +html .event #event-sub #month-box ul li{
	padding-right: 6px;
}

.event #event-sub #genre-box ul li{
	background-image: url(/common/img/event_top/sub_list_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	line-height: 1.5;
}

.event #event-sub #areamap p#area-select,
.event #event-sub #area-box p#area-select {
	margin: 0 20px;
	padding-top: 6px;
}

/* - - - foot - - - */

#footer-contents-information #footer-search-box ul{
	margin: 20px 0 0 20px;
}

#footer-contents-information #footer-search-box ul li{
	margin-bottom: 5px;
}
/* IE7 */
*+html #footer-contents-information #footer-search-box ul{
	margin: 20px 0 0 10px;
}
/* IE6 */
* html #footer-contents-information #footer-search-box ul{
	margin: 20px 0 0 10px;
}

#footer-contents-information #footer-search-box p{
	margin: 0 0 0 20px;
}

#footer-contents-information #footer-search-box ul li.search-field{
	float: left;
}

#footer-contents-information #footer-attention-article h3{
	float: left;
	clear: left;
	width: 231px;
	height: 40px;
	overflow: hidden;
	margin: 0 0 0 8px;
}

#footer-contents-information #footer-attention-article p#contribution{
	float: right;
	clear: right;
	width: 139px;
	height: 28px;
	overflow: hidden;
	margin: 12px 16px 0 0;
	padding: 0;
}

#footer-contents-information #footer-attention-article p.footer-attention-article-photo{
	float: right;
	width: 103px;
	overflow: hidden;
	clear: none;
	margin: 0;
	padding: 0;
}

#footer-contents-information #footer-attention-article p{
	clear: left;
	padding-top: 20px;
	margin: 60px 0 0 20px;
	overflow: hidden;
}

#footer-contents-information #footer-attention-article #footer-attention-article p{
	padding: 30px 0 0 0;
}
/* IE7 */
*+html #footer-contents-information #footer-attention-article p{
	margin: 20px 0 0 20px;
	padding-top: 5px;
}
/* IE6 */
* html #footer-contents-information #footer-attention-article p{
	margin: 10px 0 0 20px;
	padding-top: 5px;
}

/* calendar
----------------------------------------- */
#contents #container #event-main table.calendar{
	margin-left: 0px;
	line-height: 1.3em;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #9CCACA;
	border-left-color: #9CCACA;
	margin: 0 0 20px 1px;
	color: #50686D;
	text-align: center;
	width:714px;

}
#contents #container #event-main table.calendar th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #9CCACA;
	border-bottom-color: #9CCACA;
	padding: 3px;
	font-weight: bold;
	background-color: #DFF0F0;
	text-align: center;
	width: 102px;
	margin:0;
}
#contents #container #event-main table.calendar th.sunday{
    color: #CC0000;
}
#contents #container #event-main table.calendar th.saturday{
    color:#0066CC;
}
#contents #container #event-main table.calendar td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #9CCACA;
	border-bottom-color: #9CCACA;
	padding: 3px;
	margin:0;
    vertical-align: top;
    text-align: left;
	font-size: 85%;
}
#contents #container #event-main table.calendar td strong{
    font-weight: bold;
	font-size: 120%;
}
#contents #container #event-main table.calendar td ul{
    margin:0;
	padding:0;
}
#contents #container #event-main table.calendar td li{
	background-image: url(http://www.ashika.jp/common/img/headline-list5.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin: 0 0 3px 0; 
	padding: 3px 3px 3px 18px;
	line-height: 1.3em;
}
#contents #container #event-main p.monthly{
    text-align: center;
	margin: 15px 0 0 0;
	padding:10px;
	font-weight: bold;
	font-size: 150%;
	background-image: url(http://ashika.jp/common/img/main-headline2.gif);
	background-repeat: repeat;
	background-position: left top;
	color: #FFFFFF;
}
#contents #container #event-main p.monthly a{
	color: #FFFFFF;
}
#contents #container #event-main span.keytitle{
    font-weight: bold;
	font-size: 120%;
	padding: 3px;
	color: #E35451;
}
#event-main p.p-page{
	text-align: center;
}

#event-main p.p-page a:link,
#event-main p.p-page a:visited,
#event-main p.p-page a:active,
#event-main p.p-page a:hover,
#event-main p.p-page span {
	padding: 2px 5px;
	display: inline;
}

#event-main p.p-page a:hover,
#event-main p.p-page span {
	background-color: #CFF0F3;
}
#event-main p.p-page span {
	font-weight: bold;	
}

/* イベントリスト部分　*/
.eventtop #event-main iframe{
  margin:10px 0px;
  width: 720px;
  height:550px;
  border:0;
  overflow:hidden;
}

.event #content #event-main .town-pickup h2{
  background-image:none;
  padding:0;
}

#event-sub #areamap{
  margin-bottom:20px;
}
#event-sub #areamap img:hover{
	opacity:1.0;
	filter: alpha(opacity=100);
}

#event-sub #areamap h3{
  margin-top:1px;
  margin-bottom:5px;
}

/* ピックアップ */
.town-pickup{
  clear:both;
  margin-bottom:20px;
	background-image: url(/common/img/event-bg-pickup.gif);
	background-repeat: repeat-y;
	background-position: left top;
  position:relative;
}

.town-pickup #pickup{
	background-image: url(/common/img/event-bottom-pickup.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
  overflow:hidden;
}

.town-pickup #pickup p.detail{
  clear:left;
  float:left;
  margin:10px;
}

.town-pickup #pickup .pickup-left{
  width:352px;
  float:left;
  margin-left:18px;
}

.town-pickup #pickup .pickup-right{
  float:right;
  margin-left:0px;
  width:340px;
  overflow:hidden;
}

#content #event-main .town-pickup #pickup p.catmark{
  margin-left:0px;
  padding-bottom:0px;
}

#content #event-main .town-pickup #pickup h3{
  background-image:none;
  padding:0;
  font-size:140%;
  margin-left:0px;
  margin-bottom:5px;
}

#content #event-main .town-pickup #pickup h4{
  font-weight:600;
  margin-bottom:10px;
}

#content #event-main .town-pickup #pickup .content{
  line-height:1.5em;
}

#content #event-main .town-pickup #pickup dl{
  margin-top:5px;
  margin-right:25px;
}

#content #event-main .town-pickup #pickup dl dt{
  float:left;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:5px;
}

#content #event-main .town-pickup #pickup dl dd{
  border-top:1px solid #f4f6f7;
  border-bottom:1px solid #f4f6f7;
  padding-left:6em;
  padding-top:8px;
  padding-bottom:8px;
}

#content #event-main .town-pickup #pickup .pickup-content{
  overflow:hidden;
}

#contents #container .eventbox ul.list li a{
	background-image: url(../common/img/event_top/small_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
  padding-left:14px;
}

.event .eventbox{
  border: solid 1px #a4b8be;
  padding: 0.5em 0 0.5em 0.5em;
  margin:10px auto 10px;
  overflow-hidden;
  width:685px;
  text-align: left;
}

#contents #container .eventbox dl{
  font-size:12px;
  margin:0px;
  line-height:1.35;	
}
 
#contents #container .eventbox dl dt{
float:left;
margin-right:5px;
padding-top:5px;
clear:left;
}

#contents #container .eventbox dl dd{
border-bottom-width:0;
border-bottom:1px solid #E6E6E6;
padding-bottom:5px;
padding-left:60px;
padding-top:5px;
clear:right;
}

#contents #container .eventbox dl dd .asashin{
  margin-left:5px;
  color:#3376b9;
  font-weight:600;
  font-size:78%;
}
/*
#contents #container #event-main dl dt .cat7{
  margin-right:2px;	
	background-image: url(/common/img/sort-cyc2.gif);
	background-repeat: no-repeat;
}

#contents #container #event-main dl dt .cat8{
	background-color: #DFF0F0;
	border:1px solid #DFF0F0;
  margin-right:2px;	
}


#contents #container #event-main dl dt .cat28{
	background-color: #db7093;
	border:1px solid #db7093;
  margin-right:2px;	
}

#contents #container #event-main dl dt .cat29{
	background-color: #20b2aa;
	border:1px solid #20b2aa;
  margin-right:2px;	
}

.cat1,
.cat2,
.cat3{
margin-right:2px;		
}*/

.event #event-sub #areamap{
  margin:10px 0;
}

#contents #event-main em {
color:#FF6666;
}

#contents #event-main ul.privacy li {
background-image:url("/common/img/list-disc1.gif");
background-position:left 6px;
background-repeat:no-repeat;
padding-left:13px;
	margin-top: 10px;
	font-size: 100%;
}