@charset "utf-8";

/*--------------------------------------------
メインバナー
--------------------------------------------*/
div#container div#wrapper div#mainBn{
width:950px;
height:190px;
/* background-image:url(../images/mbn_kawasaki_event_spring.jpg); */
}

div#container div#wrapper div#mainBn h2{
padding-top:39px;
padding-left:162px;
width:460px;
font-weight:normal;
font-style:italic;
line-height:136%;
}


/*--------------------------------------------
content
--------------------------------------------*/
div#container div#wrapper div#content{
width:920px;
margin:0 auto;
line-height:1.2;
}

div#container div#wrapper div#content .tel {
	background-image:url(../attraction/images/tel_img.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-bottom: 5px;
	margin-top: 3px;
}

div#container div#wrapper div#content .address {
	background-image:url(../attraction/images/addres_img.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-bottom: 5px;
}

div#container div#wrapper div#content .time {
	background-image:url(../attraction/images/time_img.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-bottom: 5px;
}

div#container div#wrapper div#content a:link{
color:#ffffff;
text-decoration:none;
}

div#container div#wrapper div#content a:visited{
color:#ffffff;
text-decoration:none;
}

div#container div#wrapper div#content a:hover{
color:#ffffff;
text-decoration:underline;
}

div#container div#wrapper div#content .toTop a:link{
color:#3399ff;
text-decoration:none;
}

div#container div#wrapper div#content .toTop a:visited{
color:#3399ff;
text-decoration:none;
}

div#container div#wrapper div#content .toTop a:hover{
color:#0066cc;
text-decoration:underline;
}

div#container div#wrapper div#content div.month{
background-repeat:no-repeat;
margin-top:15px;
min-height:281px;
_height:281px;
}

div#container div#wrapper div#content div.month ul li{
float:left;
width:184px;
padding-top:80px;
padding-left:8px;
padding-right:8px;
}

div#container div#wrapper div#content div.month ul li p{
padding:0 3px 5px 3px;
margin-bottom:5px;
overflow:auto;
}


div#container div#wrapper div#content div.month ul li.pic{
text-align:center;
}

div#container div#wrapper div#content div.month ul li img{
border:3px solid #ffffff;
}

div#container div#wrapper div#content div#april{
background-image:url(../events/images/bg_kawasaki_event_april.jpg);
}

div#container div#wrapper div#content div#may{
background-image:url(../events/images/bg_kawasaki_event_may.jpg);
padding-left:318px;
}

div#container div#wrapper div#content p.bar{
margin-top:40px;
}


div#container div#wrapper div#content div#june{
background-image:url(../events/images/bg_kawasaki_event_june.jpg);
}


/*--------------------------------------------
イベントカレンダー
--------------------------------------------*/
div#container div#wrapper div#content div.aprilBg {
	background-image: url(../events/images/april_bg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: 20px;
	padding-bottom: 20px;
}

div#container div#wrapper div#content div.mayBg {
	background-image:url(../events/images/may_bg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: 20px;
	padding-bottom: 20px;
}

div#container div#wrapper div#content div.juneBg {
	background-image:url(../events/images/june_bg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: 20px;
	padding-bottom: 20px;
}


div#container div#wrapper div#content div.aprilBgBox {
	margin: 0 15px;
}

div#container div#wrapper div#content div.aprilBgBox div.dtlBgBox{
	background-color:#cccccc;
	width: 400px;
	margin-left: 15px;
	padding: 15px 0;
}

div#container div#wrapper div#content div.aprilBgBox div.dtlBgBox p {
	padding: 0 15px;
}

div#container div#wrapper div#content div.aprilBgBox div.aprilBgBoxLeft {
	width: 430px;
	background-color:#ffffff;
	margin-top: 15px;
	padding-bottom: 10px;
	float: left;
}

div#container div#wrapper div#content div.aprilBgBox div.aprilBgBoxRight {
	width: 430px;
	background-color:#ffffff;
	margin-top: 15px;
	padding-bottom: 10px;
	float: right;
}

div#container div#wrapper div#content div.aprilBgBox div.abBox {
	margin: 15px;
}

div#container div#wrapper div#content div.aprilBgBox div.abBox img {
	float: left;
}

div#container div#wrapper div#content div.aprilBgBox div.abBox dl {
	width: 200px;
	float: right;
}

div#container div#wrapper div#content div.aprilBgBox div.abBox dl dt {
	color:#3399ff;
	font-weight: bold;
	margin-bottom: 10px;
}



/*--------------------------------------------
gotoPageTop
--------------------------------------------*/


/* class*/
.bold {
	font-weight: bold;
}

.mt20 {
	margin: 20px 0;
}


/*--------------------------------------------
sevents
--------------------------------------------*/

#content .photoBox {
	width: 315px;
	float: right;
	overflow: hidden;
}

#content .photoBox img {
	margin-top: 50px;
}

#content .innerUl {
	width: 603px;
	float: left;
}

#content .innerUl li {
	width: 201px;
	float: left;
	color: #333;
	text-align: center;
}

#content .innerUl h3 {
	padding-top: 13px;
	margin-bottom: 20px;
	background-color: #E4D472;
}

#content .innerUl p {
	margin: 0 0 15px 12px;
	text-align: left;
	line-height: 1.4;
}

#content .innerUl p span {
	margin-bottom: 2px;
	color: #fff;
	font-weight: bold;
	display: block;
	line-height: 1.1;
}

#content .winterBox {
	background: #E4D472 url(../events/images/inner01_bg.gif) repeat-y left 13px;
}

#content .btm {
	margin: -4px 0 20px 0;
	display: block;
	overflow: hidden;
	zoom: 1;
}

#content .springBox {
	background: #A8D6FF url(../events/images/inner02_bg.gif) repeat-y left bottom;
}

#content .springBox .innerUl h3 {
	background-color: #A8D6FF;
}

#content .summerBox {
	background: #6FE5D9 url(../events/images/inner03_bg.gif) repeat-y left top;
}

#content .summerBox .innerUl h3 {
	background-color: #6FE5D9;
}

#content .autumnBox {
	background: #E19C7B url(../events/images/inner04_bg.gif) repeat-y left top;
}

#content .autumnBox .innerUl h3 {
	background-color: #E19C7B;
}

#content .dis {
	display: block;
	clear: both;
}

.mb10 {
	margin-bottom: 10px;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb43 {
	margin-bottom: 43px !important;
}

.mb47 {
	margin-bottom: 47px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb145 {
	margin-bottom: 145px !important;
}
