@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/index_bg.jpg) repeat-x  center top ;
//	font-family: "MS Pゴシック", "Hiragino Maru Gothic Pro", "Osaka", sans-serif;
	font-family: 'メイリオ',　'Meiryo',　'Hiragino Kaku Gothic Pro',　'ヒラギノ角ゴ Pro W3',　'Osaka',　'ＭＳ Ｐゴシック',　'MS UI Gothic',　sans-serif;
	font-size: 14px;
	letter-spacing: 0.2px;
	text-align: center;
	color: #333333;
	/* background-image: url(../images/borderback-10.gif); */
	/* behavior: expression(IEPNGFIX.fix(this)); */
	/* background-color: #FFBEF4; */
}

/******************index*******************/

.index_box                     { width:900px; height: 100%; margin: 0 auto; text-align: left; background:none; 	/*background-color: #242424;*/ overflow:hidden; }
.index_box a img               { border-style:none; }
.index_top                     { height: 80px; font-size: 14px; color: #999; background: url(../images/bg.jpg) repeat-x  center top ; } 

.logo   { width:900px; margin:0 auto 0 auto; padding-top:380px; background:url(../images/index_img.png) no-repeat ; behavior: expression(IEPNGFIX.fix(this)); }
.logo p { height:97px; background:url(../images/enter_bg.png) center no-repeat; text-align:center; overflow:hidden; margin-bottom:30px; }
.logo p a { display:block; width:373px; height:70px; margin:0 auto 0 auto; padding-top:97px;  }

.under18 { height:75px; margin:0 auto 20px auto; padding:0 0 0 0px; background:url(../images/under18_bg.jpg) repeat-x  ; font-size:12px; color:#ffffff; line-height:1.9; text-align:left;  }
* html .under18 { margin-top:20px; width:900px; }

.under18 p { padding-top:16px;padding-bottom:5px; padding-left:200px; background:url(../images/under18.png) no-repeat ; background-position: 135px 15px ; display:block; width:630px; margin:0 auto 0 auto; }
* html .under18 p { background:url(../images/under18.jpg) no-repeat ; background-position: 135px 15px ; width:830px; }

.bookmark { width:900px; margin:0 auto 0 auto;  background:#202020; color:#ffffff; }

.index_text { width:900px; margin:0 auto 0 auto; padding-top:10px;  background:#000000; color:#ffffff;  }
.index_text h2 { margin:0 0 0 0; font-size:15px; } 
.index_text p { width:599px; margin:0 auto 8px auto; padding:15px 0 15px 0px; display:block;  background:#000000;  font-size:12px; color:#ffffff; line-height:1.9; text-align:left; font-size:10px;   }

/* レイアウト用　ヘッダー＋3カラム＋フッター　中央あわせ　幅950px固定*/
/* PNG透過画像を使用するクラスには、全て behavior: expression(IEPNGFIX.fix(this)); 必須 */

a { color:#999999;  }

h1 { color: #ED1E79; font-size: 10px; text-align:right; display:block; width:900px; height:80px; margin:0 auto 0 auto; background:none; }
h1 a { color: #ED1E79; }
h1 a:link { color: #ED1E79; }
h1 a:visited { color: #ED1E79; }

.wrapper{ margin:0 0 0 0; }


.header_box{/* 1段目 */
	width: 900px;
	height: 130px;
	text-align: left;
}
.main_box{/* 2段目 */
	width: 900px;
	height: auto;
	text-align: center;
	margin-top: 3px;
}

/* 3段目内部用 */
.footer-navimenu{
	width: 900px;
	height: auto;
	text-align: center;
	font-size: 11px;
	margin: 0px 0px 5px 0px;
}
.footer-copyrights{
	width: 900px;
	height: 60px;
	font-size: 10px;
	text-align: center;
	background-image: url(../images/footer-copyrights.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 40px;
	behavior: expression(IEPNGFIX.fix(this));
}


* html img{/*IE6*/
	border-style: none;
	behavior:url(alpha.htc);
	text-decoration: none;
}
img {
	border-style: none;
	text-decoration: none;
}


a:link {
	color: #000066;
	text-decoration: none;
}
a:visited {
	color: #0F60CD;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #EF2121;
	text-decoration: underline;
}
a:active {
	color: #C9C9C9;
	text-decoration: none;
	font-weight: bold;
}


/*group_list*/

.group_list                    { width:628px; margin:10px auto 0 auto; overflow:hidden; border:#999999 solid 1px; text-align:left; border-top:none; background-color:#fcfcfc; } 
.group_list p                  { width:628px; height:0; margin:0 0 0 0; padding:27px 0 0 0px; border-bottom:#999999 solid 1px; clear:left;  border-top:#999999 solid 1px; clear:both; overflow:hidden; display:block; }

p.tokyo                        { background-image:url(../images/title_tokyo.jpg); }
p.chiba                        { background-image:url(../images/title_chiba.jpg); } 

.group_list dl                 { margin:0 0 0 0; }
*html .group_list dl           { margin:-23px 0 0 0; }
.group_list dd                 { width:186px; height:50px; margin:2px 0 5px 0; padding:5px 0 0 0; float:left; border-top:dashed 1px #999999; background-color:#FFFFFF; }
*html .group_list dd           { width:186px; height:53px; margin:2px 0 2px 0; padding:5px 0 0 0; float:left; border-top:dashed 1px #999999; background-color:#FFFFFF; }
.group_list dd img             { margin: 5px 0 0 17px; }
.group_list dt                 { width:440px; height:50px; float:right; margin:2px 0 5px 0; padding:5px 0 0px 0;  color:#999999; font-size:11px; line-height:1.4;  border-top:dashed 1px #999999;  background-color:#FFFFFF; }
*html .group_list dt           { width:440px; height:50px; float:right; margin:2px 0 3px 0; padding:6px 0 0px 0;  color:#999999; font-size:11px; border-top:dashed 1px #999999;  background-color:#FFFFFF; }
.group_list dt a               { font-size:13px; color:#FF3399; font-weight:700; display:block; padding:0 0 5px 0; }
*html .group_list dt a         { font-size:12px; color:#FF3399; font-weight:700; display:block; padding:0 0 0 0; }
.new span                      { font-size:13px; color:#FF3399; font-weight:700; display:block; padding:0 0 5px 0; }
*html .new span                { font-size:12px; color:#FF3399; font-weight:700; display:block; padding:0 0 0 0; }

/*グループサイトバナー*/

.banner                        { text-align:center; margin:0 auto 0 auto; padding-top:20px; padding-bottom:10px; width:900px; background:#000000; }
*html .banner                  { text-align:center; margin:0 0 0 0; padding-right:40px; }
.banner ul                     { width:628px; margin:0 auto 0 auto; padding:0 0 0 0; display:block; list-style-type:none; }
*html .banner ul               { width:628px; margin:0 auto 0 auto; padding:0 0 0 0; display:block; list-style-type:none; overflow:hidden; }
.banner ul li                  { margin-bottom:10px; }
*html .banner ul li            { margin-bottom:5px; }

.banner ul li.open             { width:628px; height:259px; display:block; overflow:hidden; background-image:url(images/shinjuku.jpg); }
.banner ul li.open a           { height:0px; padding-top:259px; display:block; }  
.banner ul li.open_crystal     { height:628px; height:100px; display:block; overflow:hidden; background-image:url(http://www.jogakuen-group.com/images/open_crystal.jpg); }
.banner ul li.open_crystal a   { height:0px; padding-top:259px; display:block; }
.open_funabashi ul             { width:628px; height:100px; margin:0 0 0 0; padding:0 0 0 0;  }
*html .open_funabashi ul       { width:628px; height:100px; margin:0 0 0 0; padding:0 0 0 0;  }  
.open_funabashi li             { width:314px; height:100px; float:left; margin:0 0 0 0; padding:0 0 0 0; }  
.banner ul li.group            { height:628px; height:100px; display:block; overflow:hidden; background-image:url(http://www.jogakuen-group.com/images/jogakuen.jpg); }
.banner ul li.group a          { height:0px; padding-top:100px; display:block; }
.banner ul li.open_funatsuma   { height:628px; height:100px; display:block; overflow:hidden; background-image:url(http://www.jogakuen-group.com/images/open_funatsuma.jpg); }
.banner ul li.open_funatsuma a { height:0px; padding-top:259px; display:block; }



/*index_link*/
.index_link                       { width:628px; margin:10px auto 0 auto; padding-bottom:10px; overflow:hidden; text-align:left; background-color:#202020; } 
*html .index_link                 { width:628px; margin:10px auto 0 auto; padding:0 0 10px 0; overflow:hidden; text-align:left; background-color:#202020; } 
.index_link p                     { width:628px; height:0; margin:0 0 0 0; padding:27px 0 0 0px; border-bottom:#999999 solid 1px; clear:left;  border-top:#999999 solid 1px; clear:both; overflow:hidden; display:block; }
*html .index_link p               { width:628px; height:0; margin:0 0 0 0; padding:27px 0 0 0px; overflow:hidden; display:block;  }
p.link                            { clear:left; background-image:url(../images/title_link.jpg); }

.index_link ul                    { width :593px; margin:0 auto 0 auto; padding:0 10px 0px 20px; overflow:hidden; list-style-type:none; clear:left;  }
*html .index_link ul              { width :650px; margin:-18px 0 0 -20px; padding:0 0 0 40px; background-color:#202020; }
.index_link ul li                 { height:31px; margin:10px 0 0 0; padding:0 0 0 0; float:left;  }
.index_link ul li img             { margin-right:10px; padding:0 0 0 0; border-style:none;  float:left; }
.index_link img                   { margin-bottom:5px; border-bottom:solid 1px #CCCCCC; }
*html .index_link img             { margin-bottom:0px; }

.link                             { margin-top:20px; }
.link ul                          { margin:0 0 0 0; padding:0 0 0 0; list-style-type:none;  text-align:center;  }
.link li                          { float:left; padding-left:2px; border-bottom:none; }
.limk li a                        { border-style:none; }

/*advetisement*/
.advertisement                    { width:628px; margin:10px auto 0 auto; overflow:hidden; border:#999999 solid 1px; text-align:left; border-top:#999999 solid 1px; background-color:#fcfcfc; } 
.advertisement  p                 { width:628px; height:0; margin:0 0 0 0; padding:27px 0 0 0px; border-bottom:#999999 solid 1px; clear:left;  border-top:#999999 solid 1px; clear:both; overflow:hidden; display:block; }
p.ad                              { background-image:url(../images/title_advertisement.jpg); }

.advertisement dl                 { margin:0 0 0 0; }
*html .advertisement dl           { height:60px; margin:-23px 0 0 0; }
.advertisement dd                 { width:236px; height:50px; margin:2px 0 5px 0; padding:5px 0 0 0; float:left; border-top:dashed 1px #999999; background-color:#FFFFFF; }
*html .advertisement dd           { width:236px; height:55px; margin:2px 0 2px 0; padding:5px 0 0 0; float:left; border-top:dashed 1px #999999; background-color:#FFFFFF; }
.advertisement dd img             { margin: 5px 0 0 17px; }
.advertisement dt                 { width:392px; height:50px; float:right; margin:2px 0 5px 0; padding:11px 0 0px 0;  color:#999999; font-size:11px; line-height:1.4;  border-top:dashed 1px #999999;  background-color:#FFFFFF; }
*html .advertisement dt           { width:390px; height:50px; float:right; margin:2px 0 2px 0; padding:10px 0 0px 0;  color:#999999; font-size:11px; border-top:dashed 1px #999999;  background-color:#FFFFFF; }
.advertisement dt a               { font-size:13px; color:#FF3399; font-weight:700; display:block; padding:0 0 5px 0; }
*html .advertisement dt a         { font-size:12px; color:#FF3399; font-weight:700; display:block; padding:0 0 0 0; }
.new span                         { font-size:13px; color:#FF3399; font-weight:700; display:block; padding:0 0 5px 0; }
*html .new span                   { font-size:12px; color:#FF3399; font-weight:700; display:block; padding:0 0 0 0; }

/*footer*/
.footer                           { margin-bottom:20px; color:#ffffff; font-size:11px; background-image:url(../images/footer_bg.jpg); background-position: center bottom; background-repeat:repeat-x; }
.footnavi ul                      { width:95%; margin:0 auto 0 auto; padding:0 0 0 0; list-style-type:none; text-align:center; font-size:10px; }
*html .footnavi ul                { width:95%; margin:0 0 0 13px; padding:0 0 0 0; list-style-type:none; text-align:center; font-size:10px; }

.footnavi ul li                   { float:left; }
.footnavi                         { width:630px; margin:0 auto 0 auto; }
.footnavi a                       { color:#8B9298; }
.footer hr                        { width:98%; height:10px; margin-top:50px; clear:left; background:#3F3F3F; border:none; }
*html .footer hr                  { margin-top:5px; }
*:first-child+html .footer hr     { margin-top:5px; }
.footer_inner                     { width:630px; margin:0 auto 0 auto; background-color:#202020; }

.copyright                        { clear:left; }
.copyright p                      { text-align:right; margin: 0 30px 20px 0;  }