@charset "UTF-8";

/* ------------ body section ------------ */

#alpha,
#beta,
#gamma
{
	padding-top: 15px;
}

#ttlArea {
	width: 280px;
	border: 2px solid #BDBDBD;
	padding: 3px 0 3px 8px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 268px;
}

#ttlArea h2 {
	float: left;
	width: 110px;
	background: none;
	padding: 0;
}

#ttlArea #btnBlock {
	float: right;
	width: 76px;
	margin: 2px 0;
	text-align: right;
}

#topicsCont {
	margin-top: 5px;
	margin-bottom: 15px;
}

#topicsCont .odd {
	float: none;
}

#topicsCont .even {
	float: none;
	width: 280px;
	background: #eee;
}

#topics {
	padding-top: 5px;
	padding-bottom: 5px;
}
#topics dl{
	clear: both;
}
#topics dl dt {
	float: left;
	width: 85px;
	text-indent: 15px;
	background-image: url(../resource/img_common/icon_arrow1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 9px;
	line-height: 1.22em;
}

#topics dl dd {
	float: left;
	width: 195px;
	font-size: 95%;
	line-height: 1.22em;
}

#topics dl dd a {	text-decoration: none;}
#topics dl dd a:hover {	text-decoration: underline;}



/* ------------ beta ------------ */

#calenTitle {
	display: block;
	width: 280px;
	height: 18px;
	background-image: url(../img/index_calen_ttl_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	font-size: 77%;
	line-height: 18px;
	font-weight: bold;
}

#calender {
	width: 280px;
	margin-top: 10px;
	background-image: url(../img/index_calen_bgline1.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD;
}

#calender .week th {
	width: 40px;
	padding: 5px;
	background-image: url(../img/index_calen_bgline2.gif);
	background-repeat: repeat-y;
	border-bottom: 3px solid #BDBDBD;
	text-align: center;
	font-size: 95%;
	font-weight: bold;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 30px;
}

#calender .week th.sun {	background-position: 0 top; color: #fff;}
#calender .week th.mon {	background-position: -40px top;}
#calender .week th.tue {	background-position: -80px top;}
#calender .week th.wed {	background-position: -120px top;}
#calender .week th.thr {	background-position: -160px top;}
#calender .week th.fri {	background-position: -200px top;}
#calender .week th.sat {	background-position: -240px top;}

#calender .day th {
	width: 40px;
	height: 13px;
	padding-left: 2px;
	background-image: url(../img/index_calen_day_bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top: 1px solid #BDBDBD;
	font-size: 9px;
	line-height: 13px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 38px;
}

#calender .day th.sun {
	background-image: url(../img/index_calen_day_bg1.gif);
	color: #fff;
	font-weight: bold;
}
#calender .day th.sat {
	background-image: url(../img/index_calen_day_bg3.gif);
}

#calender td {
	width: 40px;
	height: 10px;
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 1px;
}

#calender td.arrow1_1 {	background-image: url(../img/index_calen_arrow1_1.gif); text-indent: -9999em;}
#calender td.arrow1_2 {	background-image: url(../img/index_calen_arrow1_2.gif); text-indent: -9999em;}
#calender td.arrow1_3 {	background-image: url(../img/index_calen_arrow1_3.gif); text-indent: -9999em;}
#calender td.arrow1_4 {	background-image: url(../img/index_calen_arrow1_3.gif); text-indent: -9999em;}

#calender td.arrow2_1 {	background-image: url(../img/index_calen_arrow2_1.gif); text-indent: -9999em;}
#calender td.arrow2_2 {	background-image: url(../img/index_calen_arrow2_2.gif); text-indent: -9999em;}
#calender td.arrow2_3 {	background-image: url(../img/index_calen_arrow2_3.gif); text-indent: -9999em;}
#calender td.arrow2_4 {	background-image: url(../img/index_calen_arrow2_3.gif); text-indent: -9999em;}

#calender td.arrow3_1 {	background-image: url(../img/index_calen_arrow3_1.gif); text-indent: -9999em;}
#calender td.arrow3_2 {	background-image: url(../img/index_calen_arrow3_2.gif); text-indent: -9999em;}
#calender td.arrow3_3 {	background-image: url(../img/index_calen_arrow3_3.gif); text-indent: -9999em;}
#calender td.arrow3_4 {	background-image: url(../img/index_calen_arrow3_3.gif); text-indent: -9999em;}

#calender td.arrow4_1 {	background-image: url(../img/index_calen_arrow4_1.gif); text-indent: -9999em;}
#calender td.arrow4_2 {	background-image: url(../img/index_calen_arrow4_2.gif); text-indent: -9999em;}
#calender td.arrow4_3 {	background-image: url(../img/index_calen_arrow4_3.gif); text-indent: -9999em;}
#calender td.arrow4_4 {	background-image: url(../img/index_calen_arrow4_3.gif); text-indent: -9999em;}

#calender td.arrow5_1 {	background-image: url(../img/index_calen_arrow5_1.gif); text-indent: -9999em;}
#calender td.arrow5_2 {	background-image: url(../img/index_calen_arrow5_2.gif); text-indent: -9999em;}
#calender td.arrow5_3 {	background-image: url(../img/index_calen_arrow5_3.gif); text-indent: -9999em;}
#calender td.arrow5_4 {	background-image: url(../img/index_calen_arrow5_3.gif); text-indent: -9999em;}

#calender tr.tr3 td {
	height: 15px;
}

#legendsCont {
	width: 280px;
	margin-top: 10px;
	padding: 2px 10px 7px 10px;
	background-color: #eee;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 260px;
}

#legendsCont ul li {
	float: left;
	margin-top: 5px;
}

#legendsCont ul li.legend1 {	width: 100px;}
#legendsCont ul li.legend2 {	width: 160px;}
#legendsCont ul li.legend3 {	width: 100px;}
#legendsCont ul li.legend4 {	width: 160px;}
#legendsCont ul li.legend5 {	width: 100px;}

#legendsCont ul li.legend1 span {	color: #EE97A1;}
#legendsCont ul li.legend2 span {	color: #ACD598;}
#legendsCont ul li.legend3 span {	color: #F7B551;}
#legendsCont ul li.legend4 span {	color: #95D1EE;}
#legendsCont ul li.legend5 span {	color: #cab5d6;}


/* ------------ gamma ------------ */
#index_bnArea a {
	display: block;
	margin-bottom: 10px;
}

#index_bnAreaL {
	display: block;
	margin-top: 30px;
	margin-bottom:6px;
	width:280px;
}
#index_bnAreaL ul {
	list-style-type:none;
}

#index_bnAreaL ul li {
	margin-bottom: 10px;
}

#index_bnAreaL2 {
	display: block;
	margin-top: 0px;
	margin-bottom: 12px;
	width:280px;
}
#index_bnAreaL2 ul li {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#index_bnAreaL2 ul li.end {
	margin-right:0;
}

/* ------------ index foot ------------ */

#indexFoot {
	clear: both;
	width: 770px;
	margin-top: 5px;
	margin-left: 15px;
	padding-top: 15px;
	padding-bottom: 25px;
	border-top: 1px dotted #7F7F7F;
}

#indexFoot ul li {
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
}
#indexFoot ul li.kaigyo {
	margin-right: 100px;
}

#indexFoot ul li.end {
	margin-right: 0px;
}
