@charset "shift_jis"; 

/* ====================================
01: base
02: timer
03: layout
04: Clearfix

==================================== */



/* -------------------------------------
01. base
-------------------------------------*/

body {
	font-size: 13px;
	font-family: verdana,"trebuchet ms",sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	color:#000;
	background-color: #FFF;
}

* html body {
	font-size: 75%;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック",verdana,"trebuchet ms",sans-serif;
}

*:first-child+html body {
	font-size: 75%;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック",verdana,"trebuchet ms",sans-serif;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

img {
	border:none;
	vertical-align:bottom;
}

strong {
	font-weight:bold;
}


table{
	border-collapse: collapse; 
	border-spacing:0;
}

ul,
ol {
	list-style:none;
}

br {
	letter-spacing:0;
}

a {color:#000; text-decoration:underline;}
a:hover {color:#666; text-decoration:none;}


/* -------------------------------------
02. timer
-------------------------------------*/

.timer {
	display:none;
}

.timer2 {
	display:none;
}

.pics img {
	display:none;
}


/* -------------------------------------
03. layout
------------------------------------- */

#content {
	margin:0;
	padding:0;
}

.totop {
	padding:0px;
	width: 495px;
	text-align: right;
}

.caution {
	padding: 5px;
}

#anchor {
	width: 485px;
	border-left: 1px solid #000;
	margin: 0px 0px 16px 0px;
}

#anchor li {
	border-right: 1px solid #000;
	font-size: 96%;
	padding: 0px 5px 0px 7px;
	float: left;
	line-height: 1.2em;
}

#content:after {
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}


/*＼*/
* html #content {
	height:1em;
	overflow:visible;
}
/**/

/* -------------------------------------
#top
------------------------------------- */

#mainBox{
	width:860px;
	height:635px;
	margin: 0px auto 0px;
	position: relative;
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 #mainBox { position: static;margin: 50px auto 20px; height:tauto;  }
}



#mainBox #header{
	margin-top:30px;
	margin-bottom:20px;
}

#mainBox #header h1{
	float:left;
	width:370px;
}

#mainBox #header ul{
	float:right;
	width:449px;
	margin-top:6px;
	_margin-top:10px;
}

*:first-child+html #mainBox #header ul {
	margin-top:7px;
}

#mainBox #header ul li{
	float:left;
	padding-left:25px;
	height: 16px;
}

#mainBox #main{
	clear:both;
	width: 860px;
	height: 525px;
}


/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 #mainBox #main { height:auto;  }
}



#mainBox #copyright{
	margin-top:20px;
	margin-bottom: 15px;
	text-align:center;
}


#header:after {
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}


/*＼*/
* html #header {
	height:1em;
	overflow:visible;
}
/**/



/* -------------------------------------
#contener
------------------------------------- */

#contener {
	margin:0;
	padding:0;
	width:860px;
	height: 525px;
	overflow: auto;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #CCC;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-track-color: #fff;
	position: relative;
}


/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 #contener { overflow: visible; height:auto;}
}


#contener h2 {
	background: #000000;
	padding:7px 5px;
	margin-bottom:16px;
}

#contener h3.title {
	margin-bottom:10px;
	padding:8px 10px;
	background:url(../images/bg_dot.gif) repeat top left;
	color:#000000;
	font-size:13px;
	font-weight:bold;
}

#contener h4 {
	background:url(../images/arrow.gif) no-repeat 5px 6px;
	padding-left:13px;
}


/* -------------------------------------
#news
------------------------------------- */
.newsBox {
	background: url(../images/news_bg.jpg) no-repeat right top;
	height: 525px;
}


/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 .newsBox { height:auto;}
}


#news {
	margin:0px;
	padding:0px;
	width:495px;
}

#news .txt{
	padding:5px;
	margin-bottom:30px;
}

#news h3.title {
	position: relative;
	padding-left: 110px;
}

#news h3.title span {
	position: absolute;
	display: block;
	left: 10px;
	top: 8px;
	_left: -100px;
}


/* -------------------------------------
#schedule
------------------------------------- */
.scheduleBox {
	background: url(../images/schedule_bg.gif) no-repeat right top;
	height: 525px;
}


/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 .scheduleBox { height:auto;}
}


#schedule {
	margin:0px;
	padding:0px;
	width:495px;
}

#schedule .txt{
	padding:5px;
	margin-bottom:30px;
}

/* -------------------------------------
#profile
------------------------------------- */
.profileBox {
	background: url(../images/profile_bg.jpg) no-repeat right top;
	height: 525px;
}


/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 .profileBox { height:auto;}
}


#profile {
	margin:0px;
	padding:0px;
	width:495px;
}

#profile .profile_detail {
	padding:5px;
	margin: 25px 0px;
}

#profile dl{
	padding:5px;
	margin-bottom:30px;
	position: relative;
}

#profile dt{
	position: absolute;
	width: 80px;
}

#profile dd{
	background:url(../images/arrow.gif) no-repeat 75px 6px;
	padding-left:85px;
	margin-bottom: 10px;
}


/* -------------------------------------
#message
------------------------------------- */
.messageBox {
	background: url(../images/message_bg.jpg) no-repeat right top;
	height: 525px;
}


/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 .messageBox { height:525px;}
}


#message {
	margin:0px;
	padding:0px;
	width:510px;
}


/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 #message { width:495px;}
}


#message h2 {
	position: absolute;
	z-index:100;
	width: 484px;
}

#message iframe{
	position: absolute;
	width: 510px;
	top: 0px;
	left: 0px;
	height: 525px;
}


/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 #message iframe { width:495px;height:525px;}
 .message_footer {display: none;}
}


/* -------------------------------------
04. Clearfix
------------------------------------- */

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