@charset "UTF-8";

@import "../css/import.css";

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

pageRight

-------------------------------------------------- */
#pageRight dt{height: 56px;}

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

pageRight

-------------------------------------------------- */
#pageRight h2{
	background-image: url(img/bg_smenu.jpg);/*右メニュー背景画像*/
}
#pageRight dd a.foot{
	background-image: url(img/bg_sfmenu.jpg);/*右メニュー背景画像*/
}

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

headLineW

-------------------------------------------------- */
.headLineW{
	border-bottom-color: #ED7582;/*見出しアンダーライン*/
}
.headLineW h2{
	background-image: url(img/circle.gif);/*見出し丸*/
}


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

paging

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

.paging {
	text-align:right;
	margin-bottom: 15px;
	padding: 1px;
	clear: both;
}

.paging a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #E96C85;
	text-decoration: none; /* no underline */
	color: #E96C85;
}

.paging a:hover,
.paging a:active {
	border: 1px solid #E96C85;
	color: #E96C85;
	text-decoration: none;
}
.paging .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #E96C85;
	font-weight: bold;
	background-color: #E96C85;
	color: #FFF;
}

.paging a.disabled,
.paging a.next
{	border: 1px solid #FFFFFF;
	color: #E96C85;
	text-decoration: none;}
.paging a:hover.disabled,
.paging a:hover.next
{	border: 1px solid #FFFFFF;
	color: #E96C85;
	text-decoration: none;}
	
	
/* --------------------------------------------------

newsDetail

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

#newsDetail {
	background-image: url(../img/common/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom:20px;
}


.date{
	font-weight: normal;
}

#newsDetail div{
	clear: both;
	margin-bottom: 15px;
}


.imgRight{
	float: right;
	border: 1px solid #E0E0E0;
	padding: 0px;
	margin-left: 20px;
	clear: both;
	margin-bottom: 5px;
}
.imgLeft{
	float: left;
	border: 1px solid #E0E0E0;
	margin-right: 20px;
	clear: both;
	margin-bottom: 5px;
}

.imgRight,imgLeft {
}
a#goback{
	clear: both;
	float: right;
}

#btnField img{
   margin-right:10px;
   margin-top:10px;
   margin-bottom:10px;}
   
.category{
   float:right;
   padding-top:1px;}  



/* --------------------------------------------------
090507修正
-------------------------------------------------- */

.headLineW h2{
width:auto
}

#newsDetail div.EventInfoImage-Area{
clear:none;
float:left;
width:290px;
}

#newsDetail div.EventInfoImage-Area img{
border:3px solid #E1E1E1;
}

#newsDetail div.EventInfoWriting-Area{
clear:none;
float:right;
width:290px;
}

#newsDetail div.Button-Unit{
margin-top:10px;
padding-top:10px;
padding-bottom:0px;
margin-bottom: 0px;
}

#newsDetail div.Button-Unit img{
margin-bottom:10px;
}

#newsDetail .EventInfo-Unit{
width:580px;
overflow:hidden;
clear:both;
background-image:url(../img/common/dot.gif);
background-position:center top;
background-repeat:repeat-x;
margin-top:10px;
padding-top:10px;
padding-bottom:0;
margin-bottom: 0;
}

#newsDetail .EventInfo-Unit dt{
float:left;
width:120px;
margin-left: 3px;
border-left: 5px solid #CCCCCC;
padding-left: 6px;
font-weight:bold;
}

#newsDetail .EventInfo-Unit dd{
margin-left:150px;
width:420px;
}

.headLineW{
background:#F7F7F7 url(../img/common/bg_headline.jpg) repeat-x;
}


#EventCalender-Area{
clear:both;
width:580px;
overflow:hidden;
}





/* --------------------------------------------------
	EventCalender-Unit(index.htmlカレンダー)
-------------------------------------------------- */

#EventCalender-Unit {
	float: right;
	width: 280px;
}





/* --------------------------------------------------
	EventCalender-Unit calender
-------------------------------------------------- */

#EventCalender-Unit .main_event_table a{
   color: #333333;}

#EventCalender-Unit .main_event_table{
	font-size: 1.2em;
	width: 280px;
	height:310px;
	margin-bottom: 20px;
	margin-right: 0px;
	border: 1px solid #D6D6D6;
border-collapse:collapse;
}

#EventCalender-Unit .main_event_table th{
	text-align: center;
	font-size: 116%;
	font-weight:bold;
	border:1px solid #D6D6D6;
	background-color: #E6E6E6;
}

#EventCalender-Unit .main_event_table th.Sat{
	background-color: #0066CC;
	color:white;
}

#EventCalender-Unit .main_event_table th.Sun{
	background-color: #CC3366;
	color:white;
}

#EventCalender-Unit .main_event_table td{
	text-align: center;
	padding-top: 5px;
	border:1px solid #D6D6D6;
}

#EventCalender-Unit .main_event_table .mWeek{
	font-weight:bold;
}

#EventCalender-Unit .main_event_table .mWeek a{
	font-weight:bold!important;
	text-decoration: underline!important;
	color: #000000!important;
}

#EventCalender-Unit .main_event_table .m_Week{
	font-weight:bold;
	color: #D6D6D6;
}

#EventCalender-Unit .main_event_table .mSat{
	font-weight:bold;
	color: #0066CC;
}

#EventCalender-Unit .main_event_table .mSat a{
	font-weight:bold!important;
	color: #0066CC!important;
	text-decoration: underline!important;
}

#EventCalender-Unit .main_event_table .mSun{
	font-weight:bold;
	color: #CC3366;
}

#EventCalender-Unit .main_event_table .mSun a{
	font-weight:bold!important;
	color: #CC3366!important;
	text-decoration: underline!important;
}

#EventCalender-Unit .main_event_table .m_month{
height:40px;
line-height:40px;
	background-color: #666666;
	color:white;
	font-weight: bold;
	font-size: 116%;
	border-bottom:10px solid #333333;
}





/* --------------------------------------------------
	.EventSchedule-Unit
-------------------------------------------------- */





.EventListHead-Area{
float:left;
}

.EventListBody-Area{
overflow:hidden;
width:580px;
clear:both;
}

.EventListBody-Area li{
float:left;
}

.EventListBody-Area li.LeftSide{
clear:both;
margin-right:20px;
}


.EventSchedule-Unit{
width:280px;
overflow:hidden;
margin-bottom:30px;
}

.EventSchedule-Unit dt{
background:#FAFAFA url(img/circle_2.jpg) center left no-repeat;
border-top:1px solid #D9D9D9;
border-bottom:1px solid #D9D9D9;
color:#007CC2;
padding:5px 10px 5px 35px;
line-height:1.2em;
margin-bottom:10px;
}



.EventSchedule-Unit dd.img{
float:left;
}

.EventSchedule-Unit dd.img img{
border:3px solid #D9D9D9;
margin-right:10px;
}

.EventSchedule-Unit dd.info{
margin-top:5px;
overflow:hidden;
width:180px;
float:right;
}

.EventSchedule-Unit dd.info ul li.icon{
float:left;
display:block;
font-size:10px;
line-height:10px;
/*border:1px solid #ED7582;*/
padding:2px 10px 2px 12px;
background:/*#F0F0F0*/ url(img/bg_icon.gif) no-repeat left center;
margin-right:10px;
margin-bottom:5px;
margin-left: 2px;
}

.EventSchedule-Unit dd.btn{
margin-top:10px;
float:right;
padding-right: 2px;
width: 175px;
}


#EventList-Area{
clear:both;
width:580px;
zoom:1;
}

#EventList-Area h3{
background:#F7F7F7 url(../img/common/bg_headline.jpg) repeat-x ;
border-bottom:solid 3px #ED7582;
font-weight:bold;
padding:10px;
font-size:107%;
margin-bottom:15px;
}

#EventList-Area table{
width:580px;
border-collapse:collapse;
border:1px solid #B7B7B7;
}

#EventList-Area td{
border:1px solid #B7B7B7;
padding:10px 3px;
font-size:92%;
}

#EventList-Area td.list-title{
padding:0px;
}

#EventList-Area td a{
color:#007CC2;
}

#EventList-Area td.EventTitle{
}

#EventList-Area td.EventDate{
}

#EventList-Area td.EventPlace{
text-align: center;
}

#EventList-Area td.EventPrice{
text-align: center;
}



#EventInfoHeadline-Unit table{
clear:both;
width:580px;
}

#EventInfoHeadline-Unit table{
width:580px;
height:50px;
padding:0;
background:url(img/calender_headline.jpg) center center no-repeat;
margin-bottom:20px;
}

#EventInfoHeadline-Unit table tr{
margin:0;
padding:0;
}

#EventInfoHeadline-Unit table td{
margin:0;
padding:0;
text-align:center;
color:white;
font-weight:bold;
font-size:16px;
}

#EventInfoHeadline-Unit table td.btn{
width:75px;
}





#hyouji{
overflow:hidden;
margin-left:390px;
width:190px;
margin-bottom:5px;
padding-top:10px;
}

#hyouji li{
float:left;
width:90px;
margin-right:10px;
}

#hyouji li.last{
float:left;
width:90px;
margin-right:0px;
}






/* --------------------------------------------------
	EventCalenderMini-Unit(year.htmlカレンダー)
-------------------------------------------------- */

.EventCalenderMini-List{
width:580px;
zoom:1;
}


.EventCalenderMini-List li.left{
clear:both;
display:block;
float:left;
width:200px;
}

.EventCalenderMini-List li{
display:block;
float:left;
width:200px;
}

.EventCalenderMini-Unit {
	width: 180px;
	margin-bottom:20px;
	margin-right: 20px;
}


.EventCalenderMini-List li.right{
display:block;
float:left;
width:180px;
}

.EventCalenderMini-List li.right .EventCalenderMini-Unit {
	width: 180px;
	margin-right: 0px;
}


.EventCalenderMini-Unit .main_event_table a{
   color: #333333;}

.EventCalenderMini-Unit .main_event_table{
	font-size: 1em;
	width: 180px;
	height: 200px;
	border: 1px solid #D6D6D6;
border-collapse:collapse;
}

.EventCalenderMini-Unit .main_event_table .m_month{
height:30px;
line-height:30px;
	background-color: #666666;
	color:white;
	font-weight: bold;
	font-size: 116%;
	border-bottom:5px solid #333333;
}

.EventCalenderMini-Unit .main_event_table th{
	text-align: center;
	font-size: 1em;
	font-weight:bold;
	border:1px solid #D6D6D6;
	background-color: #E6E6E6;
}

.EventCalenderMini-Unit .main_event_table th.Sat{
	background-color: #0066CC;
	color:white;
}

.EventCalenderMini-Unit .main_event_table th.Sun{
	background-color: #CC3366;
	color:white;
}

.EventCalenderMini-Unit .main_event_table td{
	text-align: center;
	padding-top: 5px;
	border:1px solid #D6D6D6;
}

.EventCalenderMini-Unit .main_event_table .mWeek{
	font-weight:bold;
}

.EventCalenderMini-Unit .main_event_table .mWeek a{
	font-weight:bold!important;
	text-decoration: underline!important;
	color: #000000!important;
}

.EventCalenderMini-Unit .main_event_table .m_Week{
	font-weight:bold;
	color: #D6D6D6;
}

.EventCalenderMini-Unit .main_event_table .mSat{
	font-weight:bold;
	color: #0066CC;
}

.EventCalenderMini-Unit .main_event_table .mSat a{
	font-weight:bold!important;
	color: #0066CC!important;
	text-decoration: underline!important;
}

.EventCalenderMini-Unit .main_event_table .mSun{
	font-weight:bold;
	color: #CC3366;
}

.EventCalenderMini-Unit .main_event_table .mSun a{
	font-weight:bold!important;
	color: #CC3366!important;
	text-decoration: underline!important;
}




#pageRight dl {
background:transparent url(img/bg_sfmenu.jpg) no-repeat scroll center bottom;
padding-bottom:10px;
}

#pageRight .EventSearchForm-Unit{
}

#pageRight .EventSearchForm-Unit dl dd ul{
padding: 10px 20px;
list-style-type: none;
}

#pageRight .EventSearchForm-Unit dl dd ul#basic li{
background:none;
}


#pageRight .EventSearchForm-Unit dl dd ul#basic li input{
vertical-align:text-bottom;
margin-right:5px;
}

#pageRight .EventSearchForm-Unit dl dd.Keyword ul#basic li input{
width:198px;
border:1px solid #7F9DB9;
}

#pageRight .EventSearchForm-Unit dl dd.Period ul#basic li input{
width:115px;
border:1px solid #7F9DB9;
margin-bottom:10px;
}

#pageRight .EventSearchForm-Unit dl dd.Period ul#basic li input.img{
border:none;
width:60px;
height:22px;
}

#pageRight .EventSearchForm-Unit dl dd.Submit ul#basic{
background:url(img/bg_submit.jpg) no-repeat top center;
overflow:hidden;
width:165px;
padding: 15px 40px;
}

#pageRight .EventSearchForm-Unit dl dd.Submit ul#basic li.left{
display:block;
float:left;}

#pageRight .EventSearchForm-Unit dl dd.Submit ul#basic li.right{
display:block;
float:right;}



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

results
	
-------------------------------------------------- */

.results{
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	margin-bottom: 8px;
}



.genremei{
	color: #E96C85;
	font-weight: bold;
}



.kensu{
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}


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

EventForm-Area

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

#EventForm-Area{
clear:both;
width:580px;
zoom:1;
text-align: center
}

#EventForm-Area .eventTitle {
	border: 1px solid #B7B7B7;
	clear: both;
	border-collapse: collapse;
	margin-top: 25px;
	color: #FFFFFF;
	width: 580px;
	text-align: left;
} 

#EventForm-Area .eventTitle th{
	border: 1px solid #B7B7B7;
	border-collapse: collapse;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(img/slash.gif) repeat;
	padding-left: 10px;
	font-weight: bold;
	width: 145px;
} 
 
#EventForm-Area .eventTitle tr td{
	border: 1px solid #B7B7B7;
	border-collapse: collapse;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 0.9em;
	background: url(img/slash.gif) repeat;
}

#EventForm-Area .eventTitle tr td strong{
	font-weight: bold;
}

#EventForm-Area .formDetail {
	border: 1px solid #B7B7B7;
	clear: both;
	border-collapse: collapse;
	margin-top: 10px;
	width: 580px;
	text-align: left;
	margin-bottom: 25px;
} 

#EventForm-Area .formDetail th{
	border: 1px solid #B7B7B7;
	border-collapse: collapse;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	width: 145px;
	background: #EAEAEA;
} 
 
#EventForm-Area .formDetail tr td{
	border: 1px solid #B7B7B7;
	border-collapse: collapse;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;s
	font-size: 0.9em;
}

#EventForm-Area .formDetail tr td input{
	margin-right: 5px;
} 

#EventForm-Area h4{
	text-align: center;
	font-weight: bold;
	margin-bottom: 60px;
	margin-top: 60px;
}

.w30{
	width: 30px;
}

.w200{
	width: 200px;
}

.w400{
	width: 400px;
}

.mL10{
	margin-left: 10px;
}

.mB50{
	margin-bottom: 50px;
}


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

citywalk

-------------------------------------------------- */
#shiryou{
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-bottom: 20px;
}
strong{ font-weight:bold;}

.iconPdf{
	background-image: url(../img/common/ico_pdf.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-top:10px;
}
.AdobeReaderIntro-Unit{ margin-top:20px; }

#walkCheck{ clear:both;
	text-align:center;
	padding-bottom:10px;}
#walkCheck ul{ margin: 0 auto;

}

#walkCheck li{
	display:inline;
	padding:0 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#walkCheck li#last{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.space{ padding-left:20px;}