@charset "utf-8";

/*********************************************
Copyright(C)JN-FAMILY All Rights Reserved.
*********************************************/

/* import file ********************************************/

@import url(base.css);

/* FLASH ********************************************/

#flash{ margin: 0 0 20px;}
#flash_img{
	height: 290px;
	background: url(images/flash_img.jpg) no-repeat center top;
}

/* H2 ********************************************/

#h2_1{ background: url(../img/index/h2_1.gif) top no-repeat;}
#h2_2{ background: url(../img/index/h2_2.gif) top no-repeat;}
#h2_3{ background: url(../img/index/h2_3.gif) top no-repeat;}
#h2_4{ background: url(../img/index/h2_4.gif) top no-repeat;}

/* CENTER CRUMN ********************************************/

#index_L{
	float: left;
	width: 430px;
}

/* --- EVENT INOFRMATION --- */

#event_info .ic1{ background: url(../img/ic_1.gif) left no-repeat;}
#event_info .ic2{ background: url(../img/ic_2.gif) left no-repeat;}
#event_info .ic3{ background: url(../img/ic_3.gif) left no-repeat;}
#event_info .ic4{ background: url(../img/ic_4.gif) left no-repeat;}
#event_info .ic5{ background: url(../img/ic_5.gif) left no-repeat;}
#event_info div{
	margin: 0 0 4px;
	padding: 0 0 2px;
	background: url(../img/line_1.gif) bottom left no-repeat;
}
#event_info p{
	margin: 0 0 4px;
	padding: 0 0 0 20px;
}

#event_info img{ margin: 4px 0 0; float: right;}

/* --- WHAT'S NEW --- */

#whats_new div{ margin: 0; clear: both;}
#whats_new .hght{ margin: 0 0 3px; background: url(../img/line_1.gif) bottom left no-repeat;}
#whats_new div div{
	padding: 0 0 3px;
	float: left;
	clear: none;
	width: 60px;
	font-size: 85%;
}
#whats_new p{ margin: 0 0 3px; float: right; width: 360px;}

/* RIGHT CRUMN ********************************************/

#index_R{
	float: right;
	width: 260px;
}

#banners{ padding: 0 5px 10px;}
#banners p{ margin: 0 0 10px;}
#banners img{ vertical-align: bottom;}

/* --- CALENDAR --- */

#calendar{
	padding: 0 1px 15px;
}

#calendar .tab{
	background: url(../img/index/calendar_bg.gif);
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
#calendar .tab a:hover{ color: #44f; text-decoration: underline;}
#calendar .tab div{
	background: url(../img/index/calendar_tab_base.gif) no-repeat top;
	height: 35px;
}
#calendar .tab ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#calendar .tab li, #calendar .tab a{
	display: block;
	width: 84px;
	height: 26px;
}
#calendar .tab li{
	padding: 0;
	line-height: 26px;
}
#calendar .tab li.tab1{ margin: 0 3px 0 0; float: left;}
#calendar .tab li.tab2{ margin: 0; float: left;}
#calendar .tab li.tab3{ margin: 0; float: right;}
#calendar .tab li.on{ background: url(../img/index/calendar_tab_on.gif);}
#calendar .tab li.off{ background: url(../img/index/calendar_tab_off.gif); }
#calendar .tab li.off a{ display: none; }

#calendar table{
	margin: 0 0 10px;
	clear: both;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	width: 258px;
}
#calendar th, #calendar td{
	margin: 0;
	padding: 5px 2px 3px;
	line-height: 12px;
	text-align: right;
}
#calendar th{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: url(../img/index/calendar_bg_th.gif) bottom repeat-x;
	font: 10px normal;
	text-align: center;
}
#calendar td{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#calendar td div{
	float: left;
	width: 9px;
	font-size: 9px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 9px;
}
#calendar td img{
	margin: 0 0 0 2px;
	float: left;
}
#calendar .sun{ color:#cc3300; border-left: none;}
#calendar .sat{ color:#1f34b5; border-right: none;}
#calendar .hol{ color:#cc3300;}
#calendar .sat_hol{ color:#cc3300; border-right: none;}

#calendar p{
	margin: 0 0 0 15px;
	padding: 0 0 0.35em;
	text-indent: -15px;
	line-height: 145%;
	font-size: 92%;
}
#calendar p img{ margin: 0 4px 0 0; vertical-align: middle;}
#calendar p img#calendar_btn{ margin: 10px 0 0;}






/* カレンダー */
#cal0{
	display: table;
}
#tab0{
	display: block;
}
#cal1,
#tab1{
	display: none;
}
#cal2,
#tab2{
	display: none;
}