@charset "utf-8";

/* CSS Document */

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

	// top.html

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

div#mainLeft {
	display: inline;
	float: left;
	width: 370px;
	overflow: hidden;
}

div#mainRight {
	display: inline;
	float: right;
	width: 240px;
}

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

	// Information　最新情報

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

div#info {
	width: 370px;
	height:413px;
	background: url(../images/top-middle-info-bg.gif) no-repeat 0 50px;
}

div#info h2 { height:53px; }

div#infoBox {
	background:url(../images/top-info-bg.gif) no-repeat left top;
	width:356px;
	height:336px;
	padding:7px;
}

div#infoBoxIn {
	overflow:auto;
	padding:13px 5px 13px 13px;
	height:310px;
}

div#info h3 {
	text-align:center;
	margin-bottom:10px;
}

div#info h4 {
	color:#25D670;
	font-size:116%;
	padding-bottom:10px;
}

div#info p {
	margin-bottom:20px;
padding-bottom:20px;
	background:url(../images/top-event-line.gif) no-repeat left bottom ;
}

div#info p strong {
	color:#F40CA6;
	font-weight:bold;
}


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

	// magazine　メルマガ

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

div#magazine {
	height:413px;
	width:370px;
	background:url(../images/top-magazine-bg.gif) no-repeat left 53px;
	text-align:center;
}

div#magazine h2 {
	height:53px;
}

div#magazine h3 {
	display:none;
}

div#magazine p {
	width:300px;
	margin:150px auto 10px;
	text-align:center;
}

div#magazine input#magazineAddress {
	width:335px;
	height:20px;
}

div#btnArea {
	width:216px;
	margin:15px auto 0;
}

div#magazine input#magazineSubmit {
	width:103px;
	height:42px;
	background:url(../images/btn-submit1.gif) no-repeat left top;
	text-indent:-9999px;
	display:block;
	border:none;
	float:left;
}

div#magazine input#magazineCancel {
	width:103px;
	height:42px;
	background:url(../images/btn-cancel.gif) no-repeat left top;
	text-indent:-9999px;
	display:block;
	border:none;
	float:right;

}

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

	// new　・　ranking

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

div#new,
div#ranking {
	height: 413px;
	background: url(../images/top-newface-bg.gif) no-repeat 0 53px;
	overflow:hidden;
}

div#new h2,
div#ranking h2 {
	height:53px;
}

div#newScrollBox,
div#rankingScrollBox {
	margin:7px 7px 7px 15px;
	overflow-y: scroll;
	width:218px;
	height:336px;
}

div.newBox,
div.rankingBox {
	clear: both;
	padding: 10px 0 2px;
	margin: 0;
	background: url(../images/common-line.gif) no-repeat 0 5px;
}

div.newBox img,
div.rankingBox img {
	border:1px solid #cccccc;
}


div.newBox div,
div.rankingBox div {
	float: right;
	width: 125px;
	font-size: 85%;
}

div.newBox div p,
div.rankingBox div p {
	line-height:1;
}


div.newBox h3,
div.rankingBox h3 {
	display: block;
	padding: 3px 0 6px;
	font-weight: bold;
}

div.newBox h3 a,
div.rankingBox h3 a {
	color:#009EFF;
}

div.newBox h3 a span.name,
div.rankingBox h3 a span.number,
div.rankingBox h3 a span.name {
	display:block;
	font-size:116%;

}

div.rankingBox h3 a span.number {
	color:#F40CA6;
	padding-bottom:5px;
}



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

	// schedule 出勤情報

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

div#schedule {
	clear: both;
	width: 620px;
	height:643px;
	background: url(../images/top-schedule-bg.gif) no-repeat left 53px;
}

div#schedule h2 {
	height:53px;
}

div#scheduleScrollBox {
	margin:7px;
	width:606px;
	height:576px;
	overflow:auto;
}


div#scheduleScrollBox ul li {
	display:block;
	float: left;
	width:116px;
	padding:25px 0 0 25px;
}

div#scheduleScrollBox ul li ul li {
	padding:0;
	text-align: center;
	line-height:1;
	margin: 0 auto 3px;
}

div#scheduleScrollBox ul li ul li.schPhoto img {
	border: 1px solid #cccccc;
}



div#scheduleScrollBox ul li ul li.schName {
	font-size: 116%;
	font-weight: bold;
}

div#scheduleScrollBox ul li ul li.schName a {
	color: #009EFF;
	text-decoration: underline;
}


div#scheduleScrollBox ul li ul li.schTime {
	color:#F40CA6;
	font-size: 116%;
	font-weight: bold;
	margin:0;

}