@charset "Shift_JIS";
/*main*/

#main p,
#main li,
#main dl,
#main td,
#main th{
	font-size:12px;
	line-height:20px;
	color:#333;
}

#main h3,
#main h4,
#main h5,
#main p,
#main ul,
#main table{
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif !important;
}

/********************************************************************************
 * mainPhoto
 */

.mainphoto {
	width:950px;
	height:180px;
	background-repeat:no-repeat;
	padding:0;
}

/*言語class*/
body.jpn .mainphoto {background-image:url(img/mainphoto_jpn_bg.jpg);}
body.eng .mainphoto {background-image:url(img/mainphoto_eng_bg.jpg);}

/*ページclass*/
body.guide .mainphoto{background-position:0px 0px;}
body.prischool .mainphoto{background-position:0px -200px;}
body.afterschool .mainphoto{background-position:0px -400px;}
body.jr-english .mainphoto{background-position:0px -600px;}
body.honey .mainphoto{background-position:0px -800px;}
body.admission .mainphoto{background-position:0px -1000px;}
body.gallery .mainphoto{background-position:0px -1200px;}
body.qa .mainphoto{background-position:0px -1400px;}
body.contact .mainphoto{background-position:0px -1600px;}	


/********************************************************************************
 * side
 */

body.jpn #side .eng{
	display:none;
}

body.eng #side .jpn{
	display:none;
}

/********************************************************************************
 * h1
 */

#main h1{
	text-indent:-9999px;
	background-repeat:no-repeat;
	width:697px;
	height:63px;
}


/*言語class*/
body.jpn h1{background-image:url(img/h1_jpn_bg.gif);}
body.eng h1{background-image:url(img/h1_eng_bg.gif);}

/*ページclass*/
body.guide h1{background-position:0px 0px;}
body.prischool h1{background-position:0px -100px;}
body.afterschool h1{background-position:0px -200px;}
body.jr-english h1{background-position:0px -300px;}
body.honey h1{background-position:0px -400px;}
body.admission h1{background-position:0px -500px;}
body.gallery h1{background-position:0px -600px;}
body.qa h1{background-position:0px -700px;}
body.contact h1{background-position:0px -800px;}

/********************************************************************************
 * 共通タグ
 */
#main h2 {
	font-size:120%;
	line-height:normal;
	padding-top:12px;
	color: #004186;
	background:url(img/parts_common.gif) no-repeat;
	text-indent:50px;
	height:28px;
	clear:both;
}

#main h3 {
	font-size:14px;
	line-height:normal;
	background:url(img/parts_common.gif) no-repeat;
	background-position:0px -50px;
	height:20px;
	padding-top:6px;
	text-indent:20px;
	border-bottom:1px dotted #999;
	clear:both;
}

#main p {
	margin:1em 0;
}

#main li {
	list-style:none;
	background:url(img/li1_bg.gif.gif) no-repeat;
}

#main strong{
	font-weight:normal;
	border-bottom:2px dotted #F33;
}

/********************************************************************************
 * Tableタグ
 */

#main table tr td div{
	clear:both;
	margin:2px 10px;
	width:auto;
	border:1px dashed #AAA;
}

/********************************************************************************
 * BOXタグ
 */

#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);
}

#main .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;
}

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

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

#main .box1 h3,
#main .box2 h3{
	float:left;
	display:inline;
	clear:both;
	background-position:0 0;
	height:30px;
	color:#004186;
	font-size:16px;
	text-indent:20px;
	line-height:normal;
	padding-top:20px;
	border:none;
	width:100%;
}

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

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

#main .box2 h3.small{
	font-size:14px;
}


#main .box1 h4,
#main .box2 h4 {
	float:left;
	display:inline;
	clear:both;
	color:#333;
	font-size:14px;
	margin:0 auto 10px 10px;
	padding:0;
}

#main .box1 h4{
	width:97%;
}

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

#main .box1 p,
#main .box2 p,
#main .box1 ul,
#main .box2 ul,
#main .box1 table,
#main .box2 table{
	margin:0 10px 10px 10px;
	clear:both;
}

#main .box1 p,
#main .box1 ul,
#main .box1 table{
	width:677px;
}

#main .box1 p img,
#main .box2 p img{
	padding:0px 3px 3px 3px;
}


#main .box1 table tr th,
#main .box2 table tr th{
	background-color:#B0EFFF;
}

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

#main .box1 ul{
	float:left;
	display:inline;
	clear:both;
}

#main .box1 ul li,
#main .box2 ul li{
	background-image:url(img/li1_bg.gif);
	background-position:0px 5px;
	padding-left:14px;
	border-bottom-color:#ccc;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}


#main .box1 .innerbox {
	float:left;
	display:inline;
	width:340px;
}


#main .box1 .innerbox p,
#main .box1 .innerbox ul,
#main .box1 .innerbox table {
	width:325px;
}

/********************************************************************************
 * ul pagenavi
 */

#main .pagenavi{
	float:left;
	display:inline;
	background-image:url(img/pagenavi_bg.gif);
	background-position:left bottom;
	width:697px;
	padding:0 0 6px 0;
	margin-bottom:10px;
}

#main .pagenavi h2{
	background-image:url(img/pagenavi_bg.gif);
	background-position:left top;
	text-indent:-9999px;
	font-size:1px;
	padding:0;
	margin:0;
	height:6px;
}
	

#main .pagenavi ul{
	background-position:left center;
	clear:both;
	float:left;
	margin:0;
	padding: 0 0 0 100px;
	
}
body.jpn #main .pagenavi ul{
	background-image:url(img/pagenavi_bg.gif);
}
body.eng #main .pagenavi ul{
	background-image:url(img/pagenavi_bg_eng.gif);
}

#main .pagenavi ul li{
	float:left;
	display:inline;
	margin:3px 4px;
	width:188px;
}

#main .pagenavi ul.large li{
	width:286px;
}

#main .pagenavi ul li a{
	display:block;
	text-align:center;
	margin:0;
	text-decoration:none;
	background-image:url(img/btn_pagenavi_bg.jpg);
	background-position:0 bottom;
	border:1px solid #DDD;
	color:#555;
	font-size:12px;
	font-weight:bold;
	padding:4px 0px;
}


#main .pagenavi ul li a:hover{
	background-position:-350px bottom;
}



/********************************************************************************
 * ul address
 */

/*sisetu staff*/

.sisetu .map {
	float:right;
	display:inline;
	width:250px;
	border:1px solid #ccc;
	margin-right:20px !important;
	margin-top:0px !important;
}

#main ul.address {
	margin:0px 0px 0px 15px;
	padding-top:0;
	width:400px;
}

#main ul.address li {
	color:#CC0000;
	padding:5px;
	border:1px solid #F5D0C9;
	margin-bottom:2px;
}

#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;
}


/********************************************************************************
 * #gallery
 */


#main .photobox{
	float:left;
	display:inline;
	width:208px;
	margin:0px 12px;
	padding:0;
}

#main .photobox p img{
	float:left;
	clear:both;
	padding:3px;
	border:1px solid #ccc;
	width:200px;
	height:150px;
	background-color:#FFF;
}

body.eng #main .photobox p img{
	margin-bottom:15px;
}

#main .photobox p{
	margin:2px 0 5px 0;
	padding:0;
	width:208px;
	height:190px;
	font-size:12px;
	line-height:16px;
	color:#555;
}


body.eng #main .photobox p {
	height:auto;
	margin:0;
}

body.eng #main .photobox p span{
	display:none;
}


/* BelleTopix ********************************************/

#main #belletopix {
	margin:0 5px;
	padding:0;
}

#main #belletopix p{
	font-size:14px;
	line-height:22px;
	padding:0px 20px;
	margin:0;
	width:647px;
	background-position:center 0;
	background-repeat:repeat-y;
}

#main #belletopix strong{
	border:none;
	font-weight:bold;
}

#main #belletopix .header{
	background-position:center 0;
	background-repeat::no-repeat;
	text-indent:-9999px;
	margin:0 auto !important;
	padding:0;
	height:60px;
	width:100%;
}

#main #belletopix .header p{
	margin:10px 24px 0px auto;
	padding:0;
	width:228px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-indent:0;
	color:#F30 !important;
	background-image:none;
}

#main #belletopix .footer{
	width:100%;
	height:30px;
	margin:0 auto 10px auto !important;
	padding:0;
	background-position:center bottom;
}

body.eng #main #belletopix {
	display:none;
}
	
/********************************************************************************
 * #curriculum
 */

#curriculum{
	background-image:url(img/curriculum_bg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	display:inline;
	padding:0;
	width:697px;
}

#curriculum .box1,
#curriculum .box1 h3,
#curriculum .box2,
#curriculum .box2 h3{
	background-image:none;
}

#curriculum .box1{
	margin:14px 0 0 25px;
	width:642px;
	height:364px;
}
#curriculum .box1 h3{
	margin-top:4px;
	margin-bottom:0;
}

#curriculum .manner{
	width:450px;
	height:100px;
	margin-top:14px;
}

#curriculum .manner h3{
	margin-top:4px;
	margin-bottom:0px;
}

#curriculum .manner p{
	width:auto;
}

#curriculum h4.sunshine,
#curriculum p.sunshine{
	width:610px;
	padding:5px 0 0 10px;
}

#curriculum .box1 .innerbox{
	width:310px;
	margin:0 5px;
}

#curriculum .box1 .innerbox p{
	width:auto;
}

#curriculum .box2{
	margin:36px 0 12px 0px;
	padding:0;
	width:290px;
	height:130px;
}

#curriculum .first{
	margin-left:40px !important;
	margin-right:50px !important;;
}

#curriculum .box2 h3{
	margin:0;
	padding:0;
	width:290px;
	text-indent:5px;
}

#curriculum .box2 p{
	padding:0;
	margin:0;
	width:auto;
}
#curriculum .box2 h3.small{
	font-size:12px;
}