@charset "UTF-8";
/* CSS Document */


/* ////////////////////////////////////////////////////////////////

KATANO Marathon Official Web Site

Copyright (c) Office S.I.C. All Rights Reserved.

*****************************************************************

common

//////////////////////////////////////////////////////////////// */

#main {
	background:#FFF url(../images/bg-top.png) center top no-repeat;
}

#header {
	width:990px;
	height:112px;
	margin:0 auto;
	text-align:left;
	background:url(../images/bg-header.gif) no-repeat;
}
#logo {
	padding:29px 0 0 24px;
}

#content {
	width:990px;
	margin:0 auto;
	text-align:left;
	background:url(../images/bg-content.gif) repeat-y;	
}
#left-side {
	width:200px;
	margin:10px 20px 0 0;
	float:left;
}
#middle {
	width:530px;
	margin:10px 20px 0 0;
	float:left;
}
#middle2 {
	width:530px;
	margin:10px 20px 0 0;
	float:left;
	  background: rgba(0,0,0,0.5);  /* 50% transparent */
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#right-side {
	width:200px;
	padding:15px 10px 0;
	float:left;
}
	

/* timer */
div.time { width:198px; height:160px; padding:36px 0; background:url(../images/bg-timer.gif) no-repeat; }
div.block01 { padding:0; text-align:center; background-color:#000; font-family: 'Anton',arial; color:#FF0; font-size:80px; font-weight:bold; width:198px; height:110px; border-bottom:1px solid #5dc4cd; }
div.block02 { padding:5px; text-align:center; background-color:#000; font-family: 'Anton',arial; color:#FF0; font-size:25px; font-weight:bold; float:left; width:56px; height:40px; }
div.block03 { padding:10px 0;text-align:center; background-color:#000; font-family: 'Anton',arial; color:#FF0; font-size:14px; font-weight:bold; width:198px; }
span.point01 { color:#7c7c7c; margin-left:2px; padding: 0px; font-size:20px; font-family: arial; font-weight: bold; }
span.point02 { color:#7c7c7c; margin-left:2px; padding: 0px; font-size:12px; font-family: arial; font-weight: bold; }

/* menu　*/

#menu {
	width:200px;
	height:585px;
	margin:5px 0 10px;
}
#menu li a {
	text-indent:-9999px;
	width:200px;
	height:45px;
	display:block;
}

#menu01 a { background:url(../images/menu.gif) 0 0 no-repeat; }
#menu02 a { background:url(../images/menu.gif) 0 -45px no-repeat; }
#menu03 a { background:url(../images/menu.gif) 0 -90px no-repeat; }
#menu04 a { background:url(../images/menu.gif) 0 -135px no-repeat; }
#menu05 a { background:url(../images/menu.gif) 0 -180px no-repeat; }
#menu06 a { background:url(../images/menu.gif) 0 -225px no-repeat; }
#menu07 a { background:url(../images/menu.gif) 0 -270px no-repeat; }
#menu08 a { background:url(../images/menu.gif) 0 -315px no-repeat; }
#menu09 a { background:url(../images/menu.gif) 0 -360px no-repeat; }
#menu10 a { background:url(../images/menu.gif) 0 -405px no-repeat; }
#menu11 a { background:url(../images/menu.gif) 0 -450px no-repeat; }
#menu12 a { background:url(../images/menu.gif) 0 -495px no-repeat; }
#menu13 a { background:url(../images/menu.gif) 0 -540px no-repeat; }
#menu14 a { background:url(../images/menu.gif) 0 -585px no-repeat; }
#menu15 a { background:url(../images/menu.gif) 0 -630px no-repeat; }

#menu01 a:hover { background:url(../images/menu.gif) -200px 0 no-repeat; }
#menu02 a:hover { background:url(../images/menu.gif) -200px -45px no-repeat; }
#menu03 a:hover { background:url(../images/menu.gif) -200px -90px no-repeat; }
#menu04 a:hover { background:url(../images/menu.gif) -200px -135px no-repeat; }
#menu05 a:hover { background:url(../images/menu.gif) -200px -180px no-repeat; }
#menu06 a:hover { background:url(../images/menu.gif) -200px -225px no-repeat; }
#menu07 a:hover { background:url(../images/menu.gif) -200px -270px no-repeat; }
#menu08 a:hover { background:url(../images/menu.gif) -200px -315px no-repeat; }
#menu09 a:hover { background:url(../images/menu.gif) -200px -360px no-repeat; }
#menu10 a:hover { background:url(../images/menu.gif) -200px -405px no-repeat; }
#menu11 a:hover { background:url(../images/menu.gif) -200px -450px no-repeat; }
#menu12 a:hover { background:url(../images/menu.gif) -200px -495px no-repeat; }
#menu13 a:hover { background:url(../images/menu.gif) -200px -540px no-repeat; }
#menu14 a:hover { background:url(../images/menu.gif) -200px -585px no-repeat; }
#menu15 a:hover { background:url(../images/menu.gif) -200px -630px no-repeat; }

/* banner space */
.rightside-title {
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px dotted #aca2a2;
	margin-bottom:10px;
}
.text01 {
	font-size:14px;
	font-weight:bold;
}
.text02 {
	font-weight:bold;
	line-height:2.0;
	letter-spacing:0.2;
}
.text02 a {
	font-weight:bold;
	line-height:2.0;
	letter-spacing:0.2;
}

/* footer */
#footer {
	background-color:#cd0c0c;
	}
#footer-i {
	width:990px;
	margin:0 auto;
	padding:10px 0 50px;
	text-align:left;
	color:#FFF;
	}

.sp_movie{
	display:none;
}