/*shokika------------------------*/
body,form,fieldset {
margin: 0;
padding: 0; 
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,li,dl.dt.dd {
margin: 0;
padding: 0; 
}
img {
border: 0;
margin: 0;
padding: 0;
}

/* body,フォント---------------------- */
body {
	background: url(../img/bg.gif);
	margin: 0;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

/* #container---------------------- */
#container {
	width: 918px;
	margin: 0 auto;
	background: none;
	color: #333;
	line-height: 150%;
	padding: 0;
}

/* #header---------------------- */
h1#header {
	width: 918px;
	height: 244px;
	background: url(../img/header.png) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0;
}
/*IE6 hack*/
* html #header {
behavior: expression(IEPNGFIX.fix(this));
}

/* #film------------------------- */
#film {
	width: 899px;
	height: 160px;
	padding: 0 9px;
	background: url(../img_top/film.png) no-repeat 0 0;
	* padding: 0 9px 0 8px;
}
/*IE6 hack*/
* html #film {
behavior: expression(IEPNGFIX.fix(this));
}
#film h2 {
	text-indent: -9999px;
}

/* #main---------------------- */
#main {
	background: url(../img_top/top_bg.png) no-repeat 0 0;
	width: 870px;
	height: 360px;
	padding: 10px 24px;
	display: block;
}
/*IE6 hack*/
* html #main {
behavior: expression(IEPNGFIX.fix(this));
}
p.center { text-align: center; margin-bottom: 10px; clear: both;}

div.main_left {
	width: 440px;
	float: left;
}
div.main_right {
	width: 410px;
	float: right;
	padding-top: 5px;
}
div.main_right p {
	margin-bottom: 1em;
	font-weight: bold;
}

/* event---------------------- */
ul.event {
	list-style: none;
	margin-bottom: 10px;
}
ul.event li {
	display: block;
	text-indent: -9999px;
}
ul.event li.ev1 {
	display: block;
	width: 434px;
	height: 103px;
	margin-bottom: 10px;
}
ul.event li.ev1 a {
	background: url(../img_top/top_event_banner.gif) no-repeat 0 0;
	display: block;
	width: 434px;
	height: 103px;
	overflow: hidden;
}
ul.event li.ev1 a:hover {
	display: block;
	width: 434px;
	height: 103px;
	background: url(../img_top/top_event_banner.gif) no-repeat 0 -103px;
}
ul.event li.ev2 {
	display: block;
	width: 434px;
	height: 89px;

}
ul.event li.ev2 a {
	display: block;
	background: url(../img_top/report_btn.gif) no-repeat 0 0;
	width: 434px;
	height: 89px;
	overflow: hidden;
}
ul.event li.ev2 a:hover {
	display: block;
	width: 434px;
	height: 89px;
	background: url(../img_top/report_btn.gif) no-repeat 0 -89px;
}

/* navi---------------------- */
ul.navi {
	height: 45px;
	margin-bottom: 15px;
}
ul.navi li {
	list-style: none;
	text-indent: -9999px;
}
ul.navi li {
	float: left;
}
ul.navi li.con01 a {
	width: 126px;
	height: 45px;
	background: url(../img_top/top_btn1.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
	padding-right: 10px;
}
ul.navi li.con01 a:hover {background: url(../img_top/top_btn1.gif) no-repeat 0 -45px;}
ul.navi li.con02 a {
	width: 126px;
	height: 45px;
	background: url(../img_top/top_btn2.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
	padding-right: 10px;
}
ul.navi li.con02 a:hover {background: url(../img_top/top_btn2.gif) no-repeat 0 -45px;}
ul.navi li.con03 a {
	width: 126px;
	height: 45px;
	background: url(../img_top/top_btn3.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
}
ul.navi li.con03 a:hover {background: url(../img_top/top_btn3.gif) no-repeat 0 -45px;}


/* #footer---------------------- */
#footer {
	width: 870px;
	height: 20px;
	padding-top: 30px;
	text-align: center;
	color: #000;
	font-size: 85%;
}

/* clear---------------------- */
.clear { 
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */