@charset "utf-8";

#contents {
	width:950px;
	margin: 0 auto 20px auto;
	padding:0;
	background-color:#FFF;
	background-image:none;
}

#contents h2 {
	width:890px;
	margin: 0 0 13px 30px;
	padding: 0 0 2px 0;
	border-bottom: solid 2px #F79899;
}

#navi { clear:both;margin-bottom:0;}

/* contBox */

.contBox {
	width:423px;
	height: 186px;
	margin: 0 0 12px 30px;
	padding: 0 0 20px 0;
	float:left;
	display:inline;
	border-bottom:dashed 1px #FABEBF;
}

.contBoxR {
	width:423px;
	height: 186px;
	margin: 0 30px 12px 0;
	padding: 0 0 20px 0;
	float:right;
	display:inline;
	border-bottom:dashed 1px #FABEBF;
}

.contBoxB {
	_margin-bottom:10px;
	width:800px;
}
*:first-child+html .contBoxB {margin-bottom:10px;}

.contBox h3,.contBoxR h3 { margin: 0 0 6px 0; padding:0;}

.contBox p,.contBoxR p { margin-bottom:10px;font-size:0.8em; line-height:1.5; color:#333333;}
.contBox p img,.contBoxR p img { margin-right:13px;float:left; display:inline;}
.contBox ul,.contBoxR ul { margin:0; padding:0;list-style:none;}
.contBox li,.contBoxR li { margin-right:10px; padding-left:17px;float:left; display:inline; font-size:0.8em; background:url(../img/home/list01.gif) no-repeat 0 100%;}
.contBox a,.contBoxR a { color:#F74E84;}
.contBox a:hover,.contBoxR a:hover { color: #FB97B8;}
.contBox p.detail,.contBoxR p.detail {
	margin-top:30px;
	text-align:center;
	float:right;
	display:inline;
}
.contBox p.detail a,.contBoxR p.detail a { padding:2px; width:70px; display:block;color:#FFF; text-decoration:none;background-color:#F74E84;}
.contBox p.detail a:hover,.contBoxR p.detail a:hover { padding:2px; width:70px;background-color:#EC0B54;}

/* panfBox */

#panfBoxCont { margin-bottom:48px;}

#panfBox {
	width:423px;
	height:156px;
	margin: 8px 43px 40px 30px;
	float:left;
	display:inline;
	clear: both;
}

#panfBox img { margin-right:13px;float:left; display:block;}

#panfBox h4 { margin:0; padding:0 0 5px 0; height:14px; display:block;}
#panfBox p { font-size:0.8em; color:#333333; line-height:1.5;}

/* mobileBox */

#mobileBox {
	width:360px;
	height:156px;
	margin: 8px 30px 0 0;
	float:left;
	display: inline;
}

#mobileBox p img {
	margin-right:13px;
	float:left;
	display:block;
	border: solid 1px #666;
}

#mobileBox h4 { margin:0; padding:0 0 5px 0; height:14px; display:block;}
#mobileBox p { font-size:0.8em; color:#333333; line-height:1.5;}

/* mainPic */

#flashcontent {
	width:950px;
	margin: 0 auto 10px auto;
	height: 429px;
}

h2 { clear:both;}

/* whatsNew */

#banner {
	margin: 0 auto 22px auto;
	padding-bottom:5px;
	border-bottom: solid 2px #F79899;
}
#banner ul { margin-left:12px;}
#banner ul li {
	float:left;
	display: block;
	margin-right:5px;
	font-size:0.7em;
	text-align:center;
	line-height:1.5;
	color: #333;
	height:80px;
}

/* whatsNew */

#eventBox {
	margin-bottom:22px;
	padding-left:30px;
	padding-bottom:10px;
}

#whatsNewBox {
	float:left;
	display:inline;
	margin: 0 17px 10px 0;
}
#whatsNewBox .whatsNew {
	padding: 11px 0 0 15px;
	width:390px;
	height:220px;
	background:url(../img/home/whatsBack.gif) no-repeat;
}

#whatsNewBox h3 { margin-bottom:5px;font-size:0.8em; color:#F74E84; text-align:center; border:none;}

#whatsNewBox .whatsNew p {
	margin:0 0 15px 0;
	padding:0;
	border:none;
}

#whatsNewBox .whatsNew ul { margin:0; padding:0; list-style:none; line-height:50%;}
#whatsNewBox .whatsNew li { margin-bottom:7px; padding-left:15px;font-size:0.8em; line-height:1;}
#whatsNewBox .whatsNew a { color:#333333; text-decoration:underline;}
#whatsNewBox .whatsNew a:hover { color:#666;}

#whatsNewBox .whatsNew ul.whatsList li.event { background:url(../img/home/whatsList01.gif) no-repeat left 50%;}
#whatsNewBox .whatsNew ul.whatsList li.photography { background:url(../img/home/whatsList02.gif) no-repeat left 50%;}
#whatsNewBox .whatsNew ul.whatsList li.news { background:url(../img/home/whatsList03.gif) no-repeat left 50%;}
#whatsNewBox .whatsNew ul.whatsList li.blog { background:url(../img/home/whatsList04.gif) no-repeat left 50%;}

/* ------------------ calendar ----------------- */

.wpCalendarBox, 
.movieBox {
	float:left;
	display:inline;
}

.wpCalendarBox p a,
.movieBox p a { padding-left:20px;font-size:0.8em; color:#F74E84; background:url(../img/home/red_Right.png) no-repeat left 50%;}

.wpCalendarBox { _width:220px;}
*:first-child+html .wpCalendarBox { width:230px;}

.movieBox { width:205px;}
.movieBox p.text { margin:12px 0;font-size:0.8em; color:#F74E84; line-height:1.2}
.movieBox h3 { margin-bottom:5px;font-size:0.8em; color:#F74E84; text-align:center;}

h3.scheHeader { margin: 0 0 10px 30px;}
caption {
	padding-bottom:5px;
	font-size:0.8em;
	color:#F74E84;
	font-weight:bold;
}

table.calendar {
	float:left;
	display:inline;
	margin: 0 15px 20px 0;
	border-collapse:collapse;
	border-style:solid;
	border-color:#F74E84;
	border-width:0;
	_border-width:1px;
}

table.calendar th,
table.calendar td {
	padding: 3px;
	font-size:0.8em;
	text-align:center;
	border-style:solid;
	border-color:#F74E84;
	border-width:1px;
}

table.calendar th { color:#666;background-color:#FFD6D6;}
table.calendar td.holiday { background-color:#E8E8E8;}
table.calendar td.try {color:#FFF;background-color:#F79899;}
table.calendar td.lacause { color:#FFF;background-color:#F76365;}
table.calendar td.counsel { color:#FFF;background-color:#84CE78;}
table.calendar td.monthly { color:#F74E84;background-color:#F9EB3D;}

.calendarBox {
	float:left;
	display:inline;
	margin-top:20px;
}

.calendarBox ul {list-style:none;}
.calendarBox li { margin-bottom:5px; padding-left:7px;font-size:0.8em; line-height:1;}
.calendarBox li.holBox { border-left:solid 13px #E8E8E8;}
.calendarBox li.tryBox { border-left:solid 13px #F79899;}
.calendarBox li.lacBox { border-left:solid 13px #F76365;}
.calendarBox li.couBox { border-left:solid 13px #84CE78;}
.calendarBox li.monBox { border-left:solid 13px #F9EB3D;}