@charset "utf-8";
img {
	outline:none;
	border:none;
}
ul,ol,li {
	list-style:none;
}
body {
	background-color:#e5e5e5;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 1.5em;
	text-align: center;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.small {
	font-size: x-small;
}

/* ----------------------------------------------
header_area
----------------------------------------------- */
#header_area {
	background:url(../img/head_bg.gif) repeat-x left top;
	height:42px;
}
#header_area .innerheader {
	width: 780px;
	margin: 0 auto;
	position:relative;
}
#header_area .logo_event {
	position:absolute;
	top:0;
	left:0;
}
#header_area .to_vipliner {
	position: absolute;
	top:0;
	right:0;
}


/* ----------------------------------------------
footer_area
----------------------------------------------- */
#footer_area {
	background:url(../img/foot_bg.gif) repeat-x left top;
	height:42px;
}
#footer_area address {
	width: 780px;
	height:42px;
	margin: 0 auto;
	font-style:normal;
	line-height: 42px;
}

/* ----------------------------------------------
body_area
----------------------------------------------- */
#body_area {
	background: #fff url(../img/body_bg.gif) repeat-y center top;
}
#body_area .innerbody {
	width: 780px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#body_area .title_event{
	padding: 20px 0;
}

/* ----------------------------------------------
left_menu
----------------------------------------------- */
#left_menu {
	float: left;
	width:160px;
	text-align:left;
}

#left_menu ul.navi {
	line-height: 1.2em;
	letter-spacing: 0.1em;
}
#left_menu ul.navi li {
	margin-bottom: 3px;
}
#left_menu ul.navi li span {
	color:#999;
	font-size:80%;
}
#left_menu ul.navi li a {
	background:url(../img/menu_btn.gif) no-repeat left top;
	display:block;
	width: 145px;
	height:33px;
	padding: 7px 0 0 15px;
	text-decoration:none;
	color:#000;
}
#left_menu ul.navi li a:hover,#left_menu ul.navi li a.active {
	background:url(../img/menu_active.gif) no-repeat 10px top;
	width: 135px;
	padding-left: 25px;
	color:#FFF;
}

/* ----------------------------------------------
contents
----------------------------------------------- */
#contents {
	float:left;
	width: 600px;
	padding: 0 10px;
	text-align:left;
}
#contents h2 {
	margin-bottom: 20px;
}
.topic {
	width: 580px;
	margin: 0 auto 30px;
}
.topic h3 {
	background: url(../img/topic_list.jpg) no-repeat left top;
	padding-left: 30px;
	margin-bottom:5px;
	width: 334px;
	height: 25px;
	border-bottom: solid 3px #ceb7b7;
	color:#56297c;
	font-size:130%;
	line-height:25px;
}
.topic .topic_imgbg {
	float: right;
	width: 206px;
	height: 176px;
	background: url(../img/topic_imgbg.jpg) no-repeat left top;
}
.topic .topic_imgbg img {
	margin:22px 0 0 11px;
}

.event {
	width: 580px;
	margin: 0 auto;
}

.event .event_imgbg {
	float: left;
	width: 150px;
	height: 107px;
	display: block;
}
.event .event_imgbg img {
	padding: 4px;
	border: solid 1px #999;
}

ul.event_photo li {
	float: left;
	background: url(../img/img_bg.jpg) no-repeat left top;
	width: 150px;
	height: 125px;
	display: block;
}
ul.event_photo li:hover {
	background: url(../img/img_bg_o.gif) no-repeat left top;
}
ul.event_photo img {
	padding: 22px 11px 16px 9px;
}

/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; min-height: 1%; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}