@charset "Shift_JIS";
/*main*/

.mainphoto {
	margin-bottom:10px;
}
#main h2 {
	clear:both;
	width:697px;
	height:39px;
	font-size:130%;
	color:#cc0000;
	background:url(img/h2_bg.gif) no-repeat;
	margin:20px 0 15px 0;
}
#main h2 span {
	display:block;
	padding:8px 0 0px 50px;
}

#main h3 {
	margin:20px 5px 10px 0px;
	font-size:100%;
	color:#cc0000;
}
#main h3 span{
	padding:5px;
	background-color: #FF9;
	border: 1px dotted #C30;
	color: #F30;
}

#main p {
	margin:1em 0;
}
#main li {
	list-style:none;
}
#main .mainbox {
	width:697px;
	background:url(img/main_box_bg.gif) repeat-y;
	float:left;
	margin-bottom:1.5em;
}
#main .mainboxtop {
	width:697px;
	background:url(img/main_box_top.gif) 0 0 no-repeat;
	padding-top:20px;
}
#main .mainboxcont {
	padding:0 20px;
}
#main .mainboxbottom {
	width:697px;
	background:url(img/main_box_bottom.gif) left bottom no-repeat;
	height:20px;
	padding:0;
}
#main p.comment {
	padding:5px 15px;
	color:#000;
}
#main ul.price {
	margin-left:15px;
	width:200px;
}
#main ul.address {
	margin-left:15px;
	width:400px;
}
#main ul.price li, #main ul.address li {
	color:#CC0000;
	padding:5px;
	border:1px solid #F5D0C9;
	margin-bottom:2px;
}
#main ul.price span, #main ul.address span {
	display:block;
	float:left;
	width:5em;
	color:#333333;
	border-right:3px solid #EBEBEB;
	text-align:center;
	font-weight:bold;
	margin-right:5px;
}
#main table.price td {
	text-align:center;
	color:#333333;
}
/*course*/

.course .box {
	padding:0px 20px;
	float:left;
}
.course .box img {
	padding:5px;
	border:1px solid #E2DEDC;
	margin-right:20px;
}
#main .course .box p {
	margin: 0 0 1em 0;
}
.course .btn {
	width:190px;
	height:31px;
	overflow:hidden;
}
.course .btn a {
	display:block;
	padding-top:50px;
}
.course .btn a.detail {
	background:url(img/btn_course_detail.gif) 0 0 no-repeat;
}
.course .btn a.detail:hover {
	background:url(img/btn_course_detail.gif) 0 -31px no-repeat;
}
/*courseplan*/
.courseplan table.nagare {
	border-collapse:collapse;
	border-spacing:0;
}
.courseplan table.nagare td {
	text-align:center;
	font-size:90%;
}
.courseplan table.nagare td img.photo {
	background-color:#FFFFFF;
	padding:5px;
	border:1px solid #E2DEDC;
}
.courseplan .btn {
	width:226px;
	height:31px;
	overflow:hidden;
}
.courseplan .btn a {
	display:block;
	padding-top:50px;
}
.courseplan .btn a.detail {
	background:url(img/btn_other_course.gif) 0 0 no-repeat;
}
.courseplan .btn a.detail:hover {
	background:url(img/btn_other_course.gif) 0 -31px no-repeat;
}
.courseplan ul.icon li {
	background-image:url(img/side_sub_icon.gif);
	background-repeat:no-repeat;
	background-position:15px 5px;
	padding:0px 0px 0px 30px;
	font-size:90%;
}

table.table1 tr td ul.icon li {
	padding-left:15px;
	background-position:0px 5px;
}

/*sisetu staff*/

.sisetu {
}
.sisetu .map {
	float:right;
	margin-right:10px;
	width:250px;
	border:1px solid #ccc;
}
.sisetu table.staff td {
	vertical-align:top;
	font-size:80%;
	line-height:140%;
}
.sisetu .comment {
	width:400px;
	margin-top:0;
}
/*kids*/

.kids .mainbox {
	margin-top:20px;
}
.kids table.kids td {
	vertical-align:top;
	font-size:80%;
	line-height:140%;
}
.kids table.kids td img {
	background-color:#FFFFFF;
	padding:5px;
	border:1px solid #E2DEDC;
}
/*event*/


.event table.event td {
	text-align:center;
}
.event table.event td img {
	background-color:#FFFFFF;
	padding:5px;
	border:1px solid #E2DEDC;
}
#main .event .mainboxtop {
	width:697px;
	padding-top:0;
}
#main .event .mainboxtop h2 {
	margin:0;
	height:auto;
	background:none;
	height:65px;
	text-indent:-9999px;
}
#main .event .mainboxtop h2.spring {
	background:url(img/t_spring.gif) 0 0 no-repeat;
}
#main .event .mainboxtop h2.summer {
	background:url(img/t_summer.gif) 0 0 no-repeat;
}
#main .event .mainboxtop h2.autumn {
	background:url(img/t_autumn.gif) 0 0 no-repeat;
}
#main .event .mainboxtop h2.winter {
	background:url(img/t_winter.gif) 0 0 no-repeat;
}


/********************************************************************************
 * BOXƒ^ƒO
 */

#main .box1,
#main .box2{
	float:left;
	display:inline;
	margin:0 0 10px 0;
	padding:0;
	background-repeat:repeat-y;
	background-position:left bottom;
	clear:none;

}

#main .box1{
	width:697px;
	background-image:url(img/box1_bg.png);
}

#main .box2{
	width:340px;
	margin-left:17px;
	background-image:url(img/box2_h3_bg.gif);
}

.first{
	margin-left:0px !important;
}

#main .box1 .header,
#main .box1 .footer{
	float:left;
	display:inline;
	width:100%;
	height:10px;
	margin:0;
	padding:0;
	font-size:1px;
	background-repeat:no-repeat;
}

#main .box1 .header{
	background-image:url(img/box1_header_bg.png);
}

#main .box1 .footer{
	background-image:url(img/box1_footer_bg.png);
	background-position:center bottom;
}

#main .box1 h3,
#main .box2 h3{
	background-position:0 0;
	height:30px;
	color:#F30;
	font-size:15px;
	text-indent:20px;
	line-height:normal;
	padding-top:20px;
	margin-left:0;
	margin-right:0;
	border:none;
	text-indent:40px;
}

#main .box1 h3{
	background-image:url(img/box1_h3_bg.gif);
}

#main .box2 h3{
	background-image:url(img/box2_h3_bg.gif);
}

#main .box1 h4,
#main .box2 h4 {
	color:#666;
	font-size:14px;
	margin:0 10px 10px 10px;
}

#main .box1 h4 span,
#main .box2 h4 span{
	background-image:url(img/box1_h4_bg.gif);
	background-position: center bottom;
	background-repeat:no-repeat;
	padding:0 6px 6px 6px;
}

#main .box1 p,
#main .box2 p{
	margin:0 10px 10px 10px;
	
}


#main .box1 p img,
#main .box2 p img{
	padding:0px 3px 3px 3px;
/*	border:1px solid #CCC;
*/}

#main .box1 table,
#main .box2 table{
	margin:0 10px 10px 10px;
	
}

#main .box1 ul li,
#main .box2 ul li{
	border-bottom-color:#ccc;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

#main .belletopix h3{
	display:none;
}

#main .belletopix p.read{
	display:none;
}

/********************************************************************************
 * #staff
 */

#staff .staffbox{
	float:left;
	display:inline;
	width:158px;
	margin:0 8px;
	padding:0;
	height:180px;
}
	

#staff .ph_frame{
	padding:3px;
	width:150px;
	height:120px;
	border:1px solid #CCC;
	background-color:#FFF;
	background-position:center center;
	background-repeat:no-repeat;
}



#staff .staffbox img{
	margin:0;
	padding:3px;
	border:1px solid #CCC;
}

#staff .staffbox p{
	margin:0;
	padding:0;
	text-align:left;
	font-size:12px;
	line-height:normal;
	width:156px;
}

#staff .mask{
	width:150px;
	height:120px;
	color:#000;
	background-image:url(img/mask_normal.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
}

#staff .kirakira .mask{
/*	background-image:url(img/mask_kirakira.gif);
*/}
#main h4.tit{ margin:10px 0 5px;}
#main h4.tit span {
padding: 5px 15px 10px 15px;
color: #cc0000;
font-weight:bold;
font-size:16px;
}


.att{ font-weight:bold; color:#308F32;}
.pl15{ padding-left:15px;}