@charset "utf-8";
/*******************************************************
MeySen Academy Copyright(c) All Rights Reserved.
http://www.meysen.ac.jp/
by Grapecity MCTeam A.Chida
*******************************************************/
@import url("base.css");
@import url("common.css");
@import url("forms.css");

/*****************************************************
	Page Layout
******************************************************/
#main {
	width:1036px;
	background:url(../imgs/bg_content_shadow.jpg) no-repeat top center;
}
#box_subpages {
	position:relative;
	width:1000px;
	height:auto;
	margin:0 auto;
	padding:10px;
	background:#e6e6e6;
	-moz-box-shadow: 2px -1px 3px #b8b8b8;
	-webkit-box-shadow: 2px -1px 3px #b8b8b8;
	box-shadow: 2px -1px 3px #b8b8b8;
}
#box_subpages:after {
	content:"";
	display:block;
	clear:both;
	height:1em;
	overflow:visible;
}
#box_subpages .tab{ margin:30px 0 0 30px; }
/*.tab #box_photo_st01,
.tab #box_photo_insidetab { margin:10px 0 0 0; }*/

#contents {
	float:right;
	width:750px;
	height:auto;
	margin:0 0 30px 30px;
	overflow:visible;
}
#contents:after {
	content:"";
	display:block;
	clear:both;
	height:1em;
	overflow:visible;
}
#contents .secondbox { clear:both; margin-top:60px; }

/* === Page Title =========================== */
#pagetitle {
	position:relative;
	margin: 0;
	padding: 40px 0 0 15px;
}
#pagetitle h1.ja {
	 margin-bottom:30px;
	font-family: "ヒラギノ角ゴ Pro W3", "meiryo", "Osaka", sans-serif;
	font-size:30px;
}

.block_st01 #pagetitle { padding: 40px 0 0 0; }
.kin_en { width:400px; }

/* === Layout Style 01 - 2 Box ====================== */
.block_st01 {
	float:left;
	width:450px;
	margin:0 20px 0 0;
	padding:0 0 10px 15px;
}
.block_st01 hr { width:400px; }
.block_st02 {
	float:left;
	width:407px;
	margin:0 15px 0 0;
	padding:40px 0 20px 15px;
}
.block_st02_2 {
	float:left;
	width:407px;
	margin:0 15px 0 0;
	padding:20px 0 20px 15px;
}
.block_st03 {
	float:left;
	width:380px;
	margin:0 15px 0 0;
	padding:0 0 10px 15px;
}
.block_st04 {
	float:left;
	width:390px;
	margin:0;
	padding:0 0 10px 0;
}

/* 2blocks parent box */
.block_flo2_even {
	clear:both;
	padding:30px 0 0;
	background:#fff;
}
.block_flo2_odd {
	clear:both;
	margin:10px 0;
	padding:30px 0 0;
	background:#f4f4f4;
}

#block_tab {
	float:left;
	width:407px;
	margin:0 15px 0 0;
	padding:20px 0 40px 15px;
}
#block_tab div, #block_tab p, #block_tab h1, #block_tab h2 {  }

/*ul:not(#block_tab) { padding-left:0; }*/
.block_st01:after,
.block_flo2_even:after,
.block_flo2_odd:after {
	content:"";
	display:block;
	clear:both;
	height:1em;
	overflow:visible;
}

/* --- Side Photo Area --- */
.box_photo_st01 {
	float:left;
	width:253px;
	height:auto;
	margin:0;
}
.box_photo_st02 {
	float:left;
	width:253px;
	height:auto;
	margin:60px 0 0 0;
}
.box_photo_st03 {
	float:left;
	width:253px;
	height:auto;
	margin:155px 0 0 0;
}
.box_photo_insidetab {
	float:left;
	width:253px;
	margin:165px 0 0 0;
}
.box_photo_st01:after,
.box_photo_st02:after,
.box_photo_st03:after,
.box_photo_insidetab:after {
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:visible;
}
/* --- Side Tab Menu --- */
#box_tabmenu_side {
	position:absolute;
	top:56px;
	right:0;
	_right:-27px;
	width:253px;
	min-height:100px;
	margin:0;
}
/* === Layout Style 02 ====================== */
.box_single_contents {
	clear:both;
	width:auto;
	margin:0 15px 30px 0;
	padding:0 15px;
}
/* === Layout Style 03 - Single WIDE ====================== */
.box_single_contents_wide {
	clear:both;
	width:auto;
	min-height:200px;
	margin:0 0 30px 0;
	padding:0 0 0 15px;
}
.box_single_contents_wide h3 {
	line-height:20px;
}
/* --- child box ----------- */
.box_single_contents_wide02 {
	clear:both;
	width:auto;
	margin:0 0 30px 0;
	padding:20px 0 0 15px;
}
/* === Layout Style 05 ====================== */
.box_contents_faq {
	clear:both;
	width:auto;
	margin:0 15px 0 0;
	padding:0;
}

.contents_minheight { height:400px; }
.minheight0 { min-height:0; }

/*--- ALL Box Clear ---------------------------*/
.box_single_contents:after,
.box_single_contents_wide:after,
.box_single_contents_wide02:after,
.box_contents_faq:after {
	content:"";
	display:block;
	clear:both;
	heaight:1em;
	overflow:visible;
}
/* === Contents Common ====================== */
.section { clear:both;  margin:16px auto; }
.section:after {
	content:"";
	display:block;
	clear:both;
	heaight:1em;
	overflow:visible;
}
.article { margin-bottom:25px; }
.article_btm { margin-bottom:50px; }
.article_indent { margin-bottom:25px; padding-left:20px; }
.article:after,
.article_btm:after,
.article_indent:after {
	content:"";
	display:block;
	clear:both;
	heaight:1em;
	overflow:visible;
}
.lst_indent { margin-bottom:25px; padding-left:13px; }

/*****************************************************
	Tab Menu
******************************************************/
/* === First Tab Menu ============================== */
#tabmenu {
	position:absolute;
	top:115px;
	_top:120px;
	right:8px\9; /* IE8 below */
	right:33px;
	width:701px;
	height:60px;
	z-index:90;
}
#tabmenu:after {
	content:"";
	display:block;
	clear:both;
	heaight:1em;
	overflow:visible;
}
#tabmenu ul {
	height:30px;
	margin:0;
	padding:0;
}
#tabmenu ul li {
	height:23px;
	margin:0 auto;
	padding:7px 0 0 0;
	text-align:center;
	-moz-box-shadow: 2px -1px 2px #c8c8c8;
	-webkit-box-shadow: 2px -1px 2px #c8c8c8;
	box-shadow: 2px -1px 2px #c8c8c8;
	text-transform:none;
	font-family: "ヒラギノ角ゴ Pro W3", "meiryo", "Osaka", sans-serif;
}
#tabmenu .activebox {
	height:30px;
	margin:0;
	padding:0;
	-moz-box-shadow: 1px 0px 4px #e1e1e1;
	-webkit-box-shadow: 1px 0px 4px #e1e1e1;
	box-shadow: 1px 0px 4px #e1e1e1;
	border:0;
}
#tabmenu ul.ja a,
#tabmenu ul.ja .active {
	font-weight:bold;
}
#tabmenu ul li.menu1 {  }
#tabmenu ul li.menu2 { margin:0 0 0 11px; }
#tabmenu ul li.menu3 { margin:0 0 0 11px; }
#tabmenu ul li.menu4 { margin:0 0 0 11px; }
#tabmenu ul.tab2 li.menu2 { margin:0 0 0 11px; }
#tabmenu ul.tab3 li.menu3 { margin:0 0 0 12px; }
#tabmenu ul a {
	padding:2px 15px;
	font-size: 100%;
	color:#fff;
	font-family: "ヒラギノ角ゴ Pro W3", "meiryo", "Osaka", sans-serif;

	font-weight:bold\9; /* IE8 and below */
	text-decoration:none;
}
#tabmenu ul li.active {
	color:#fff;
	font-weight:bold\9; /* IE8 and below */
	text-decoration:none;
	-moz-box-shadow: 0px 0px 0px #b8b8b8;
	-webkit-box-shadow: 0px 0px 0px #b8b8b8;
	box-shadow: 0px 0px 0px #b8b8b8;
}
#tabmenu ul a:not(:target),
#tabmenu ul li.active:not(:target) { font-weight:normal\9; /* IE9 */ }
/* --- 2 tab ver --------------------- */
#tabmenu .tab2 li {
	float:left;
	width:345px;
	margin:0;
}
/* --- 3 tab ver --------------------- */
#tabmenu .tab3 li {
	float:left;
	width:226px;
	margin:0;
}
/* --- 4 tab ver --------------------- */
#tabmenu .tab4 li {
	float:left;
	width:167px;
	margin:0;
}
/* === Second Tab Menu =============================== */
#tabmenu_2nd {
	position: absolute;
	top:-4px;
	right:0;
	width:185px;
	height:auto;
	margin:0 0 30px;
}
#tabmenu_2nd li { 
	width:169px;
	height:23px;
	margin:0 0 5px 10px;
	padding:0 16px 0 0;
	text-align:right;
	font-weight:bold;
}
#tabmenu_2nd li:hover {
	padding:0 16px 0 0;
}
#tabmenu_2nd li.active,
#tabmenu_2nd li.active:hover {
	height:21px;
	padding:2px 16px 0 0;
}
#tabmenu_2nd li a:link,
#tabmenu_2nd li a:visited {
	display:block;
	width:155px;
	height:20px;
	margin:0 0 5px 15px;
	padding:3px 15px 0 0;
	color:#252c1a;
	text-decoration:none;
	background-color:#fff;
}
#tabmenu_2nd li a:hover { background-color:transparent; }
#tabmenu_2nd span { font-size:11px; }

/*****************************************************
	BOX Design
******************************************************/
.trip_contents {
	width:98%;
	margin:5px auto;
	padding:10px 5px;
	border:none;
	background:url(../imgs/img_dotted_ws.png) repeat-x bottom left;
}
.trip_contents_last {
	width:98%;
	margin:5px auto;
	padding:10px 5px;
	background:none;
}

.voice_comment {
	width:92%;
	margin:5px auto;
	padding:20px 15px;
	border:none;
	background:url(../imgs/img_dotted_ws.png) repeat-x bottom left;
}
	.voice_comment br { margin-bottom:1em; }
.voice_comment.last {
	margin-bottom:30px;
	background:none;
}
/*****************************************************
	Academy
******************************************************/
.bible {
	margin:20px 0 20px 30px;
}
.greeting_txt { width:490px; }
.sign_phillip {
	width:430px;
	text-align:right;
	line-height:26px;
}
.sign_jean {
	width:450px;
	text-align:right;
	line-height:26px;
}
.sign_daniel {
	width:450px;
	text-align:right;
	line-height:26px;
}
/*****************************************************
	Kinder
******************************************************/
/* --- Enrollment Info -----------------------------*/
ul.einfo_ico li {
	float:left;
	list-style-type:none;
	height:25px;
	margin:25px 70px 0 25px;
	padding:5px 0 0 48px;
}

/* --- Uniforms -----------------------------------*/
div.box_uni {
	display:table;
	width:100%;
	margin:0 auto 20px;
}
	div.box_uni dl { display:table-cell; }
	div.box_uni dl dd { padding:10px 0; text-align:center; }
		div.box_uni dl dd p {
			margin:0 auto;
			font-weight:bold;
			text-align:center;
		}
		div.box_uni dl dd div {
			display:table;
			margin:0 auto;
			padding:10px 0;
		}
			div.box_uni dl dd div:after {
				content:" ";
				clear:both;
				display:block;
			}
			div.box_uni dl dd div ul { display:table-cell; }
			div.box_uni dl dd div ul:last-child  { padding:0 0 0 10px; }
				div.box_uni dl dd div ul li { list-style-type:disc; list-style-position:inside; }

/* OLD Design Data
div.box_uni { width:570px; margin:0 auto 20px; }
div.box_uni:after {
	content:"";
	display:block;
	clear:both;
	heaight:1em;
	overflow:visible;
}
dl.layout_uni { float:left; width:180px; margin:0 5px 10px; padding:10px 0; background-color:#fff; }
dl.layout_uni dt { padding:4px; text-align:center; }
dl.layout_uni dd { padding:2px 10px; text-align:center; }
*/
/*****************************************************
	Friends
******************************************************/
.box_trip_detail .trip_photo {
	margin:0 auto;
	text-align:center;
}
.box_trip_detail .trip_photo span { margin-right:30px; }

.box_trip_detail .odd { padding:10px 10px; background-color:#fff; }
.box_trip_detail .even { padding:20px 10px; background-color:#f4f4f4; }

/*****************************************************
	Premier
******************************************************/
/* --- About Premier Kinder ------------------------*/
dl.lst_profile_short { float:left; width:420px; margin-bottom:30px; }
dl.lst_profile_short dt {
	clear:both;
	float:left;
	width:60px;
	padding:5px 0;
	font-weight:bold;
}
dl.lst_profile_short dd {
	float:left;
	width:330px;
	margin:0;
	padding:5px 0;
	font-weight:normal;
}
/*****************************************************
	Kangaroo
******************************************************/
.box_kanga_info {
	margin-bottom:0;
	padding:18px 15px 10px;
	/*border-top:solid 1px #006;
	border-bottom:solid 1px #006;*/
	/*background:#fff;*/
}
.box_kanga_info h3 {
	margin-bottom:8px;
}
/*****************************************************
	Mothers Club
******************************************************/
/* --- Mothers Club List Maruyama ------------------------*/
ul.lst_mcm {
	float:left;
	margin-right:40px;
}
.lst_mcm li {
	list-style-type:none;
	margin-bottom:3px;
	line-height:20px;
	font-weight:bold;
}
#contents .lst_mcm li a:link,
#contents .lst_mcm li a:visited {
	display:block;
	width:250px;
	height:18px;
	padding:10px 15px;
	text-decoration:none;
	color:#fff;
	background:#a1aa76;
}
#contents .lst_mcm li a:hover {
	text-decoration:underline;
	background:#252c19;
}
.lst_mcm li a span {
	display:block;
	padding-left:40px;
	background:url(../mother/imgs/ico_mc.png) no-repeat left top;
}
/* --- Mothers Club List Takamori ------------------------*/
ul.lst_mct { float:left; }
.lst_mct li {
	list-style-type:none;
	margin-bottom:3px;
	line-height:20px;
	font-weight:bold;
}
#contents .lst_mct li a:link,
#contents .lst_mct li a:visited {
	display:block;
	width:250px;
	height:18px;
	padding:10px 15px;
	text-decoration:none;
	color:#fff;
	background:#6eb1c2;
}
#contents .lst_mct li a:hover {
	text-decoration:underline;
	background:#0d2d35;
}
.lst_mct li a span {
	display:block;
	padding-left:40px;
	background:url(../mother/imgs/ico_mc.png) no-repeat left top;
}
/* --- PopUp Contents Detail ------------------------*/
#mc_contents { padding:30px 20px; }
#mc_contents dl { float:left; width:400px; margin-right:40px; }
#mc_contents dl dt { padding:10px 5px; font-size:140%; font-weight:bold; border-bottom:solid 1px #999; }
#mc_contents dl dd { padding:10px 5px; border-bottom:solid 1px #999; }
#mc_contents dd.circle_ex { min-height:150px; }
#mc_photo { float:left; width:230px; margin-top:40px; }

/*****************************************************
	Bible
******************************************************/
.by { text-align:right; margin-right:12px; margin-bottom:20px; }

/*****************************************************
	Campus Map
******************************************************/
/* === Campus Map ================================== */
#map_maruyama, #map_takamori { margin-bottom:50px; }
#map_maruyama p, #map_takamori p { margin-left:10px; }
.box_map_left {
	float:left;
	width:310px;
	height:220px;
	margin:5px 10px 5px 0;
	padding:10px;
	text-align:center;
	background:#88bad1;
}
.box_map_right {
	float:left;
	width:310px;
	height:220px;
	margin:5px 0;
	padding:10px;
	text-align:center;
	background:#88bad1;
}
/* Map RollOver */
#map_maruyama a.map_color {
	display:block;
	width:310px;
	height:220px;
	background:url(../imgs/campus/thumb_mapm01.jpg) no-repeat top left;
}
#map_maruyama a.map_color:hover { background-position:bottom left; }
#map_maruyama a.map_mono {
	display:block;
	width:310px;
	height:220px;
	background:url(../imgs/campus/thumb_mapm02.jpg) no-repeat top left;
}
#map_maruyama a.map_mono:hover { background-position:bottom left; }

#map_takamori a.map_color {
	display:block;
	width:310px;
	height:220px;
	background:url(../imgs/campus/thumb_mapt01.jpg) no-repeat top left;
}
#map_takamori a.map_color:hover { background-position:bottom left; }
#map_takamori a.map_mono {
	display:block;
	width:310px;
	height:220px;
	background:url(../imgs/campus/thumb_mapt02.jpg) no-repeat top left;
}
#map_takamori a.map_mono:hover { background-position:bottom left; }

/* === MeySen Garden ================================== */
#garden_maruyama, #garden_takamori { margin-bottom:15px; color:#fff; }
#garden_maruyama:after,
#garden_takamori:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
}
#garden_maruyama a:link, #garden_takamori a:link { text-decoration:none; }
#garden_maruyama dl dd,
#garden_takamori dl dd {
	display:table-cell;
	height:70px;
	padding-top:5px;
	vertical-align:middle;	
	line-height:20px;
}
#garden_maruyama .maruyama01 {
	float:left;
	width:190px;
	height:210px;
	margin-right:12px;
	padding:8px;
	background-color:#374520;
}
#garden_maruyama .maruyama01 dt a {
	display:block;
	width:192px;
	height:136px;
	background:url(../imgs/campus/thumb_gardenm01.jpg) no-repeat top left;
}
#garden_maruyama .maruyama02 {
	float:left;
	width:190px;
	height:210px;
	margin-right:12px;
	padding:8px;
	background-color:#053954;
}
#garden_maruyama .maruyama02 dt a {
	display:block;
	width:192px;
	height:136px;
	background:url(../imgs/campus/thumb_gardenm02.jpg) no-repeat top left;
}

#garden_maruyama .maruyama03 {
	float:left;
	width:190px;
	height:210px;
	padding:8px;
	background-color:#4d2207;
}
#garden_maruyama .maruyama03 dt a {
	display:block;
	width:192px;
	height:136px;
	background:url(../imgs/campus/thumb_gardenm03.jpg) no-repeat top left;
}
#garden_takamori .takamori01 {
	float:left;
	width:190px;
	height:210px;
	margin-right:12px;
	padding:8px;
	background-color:#1e4905;
}
#garden_takamori .takamori01 dt a {
	display:block;
	width:192px;
	height:136px;
	background:url(../imgs/campus/thumb_gardent01.jpg) no-repeat top left;
}

#garden_takamori .takamori02 {
	float:left;
	width:190px;
	height:210px;
	margin-right:12px;
	padding:8px;
	background-color:#3e052c;
}
#garden_takamori .takamori02 dt a {
	display:block;
	width:192px;
	height:136px;
	background:url(../imgs/campus/thumb_gardent02.jpg) no-repeat top left;
}
#garden_takamori .takamori03 {
	float:left;
	width:190px;
	height:210px;
	padding:8px;
	background-color:#053954;
}
#garden_takamori .takamori03 dt a {
	display:block;
	width:192px;
	height:136px;
	background:url(../imgs/campus/thumb_gardent03.jpg) no-repeat top left;
}
/* === MeySen ZOO ================================== */
.lst_zoo { margin-bottom:15px; color:#fff; }
.lst_zoo:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
}
#contents .lst_zoo dl a:link,
#contents .lst_zoo dl a:visited {
	color:#fff;
	text-decoration:none;
}
#contents .lst_zoo dl a:hover {
	color:#fff;
	text-decoration:underline;
}
.lst_zoo dl.last {margin-right:0;}
.lst_zoo dl {
	float:left;
	width:146px;
	height:140px;
	margin-right:5px;
	padding:5px;
	background-color:#88bad1;
}
.lst_zoo dt a {
	display:block;
	width:146px;
	height:92px;
}
.lst_zoo dt a.chinchilla { background:url(../imgs/campus/thumb_zoo_chinchilla.jpg) no-repeat top left; }
.lst_zoo dt a.prairiedog { background:url(../imgs/campus/thumb_zoo_prairiedog.jpg) no-repeat top left; }
.lst_zoo dt a.guineapig { background:url(../imgs/campus/thumb_zoo_guineapig.jpg) no-repeat top left; }
.lst_zoo dt a.rabbit { background:url(../imgs/campus/thumb_zoo_rabbit.jpg) no-repeat top left; }
.lst_zoo dt a.chameleon { background:url(../imgs/campus/thumb_zoo_chameleon.jpg) no-repeat top left; }
.lst_zoo dt a.lizard { background:url(../imgs/campus/thumb_zoo_lizard.jpg) no-repeat top left; }
.lst_zoo dt a.turtle { background:url(../imgs/campus/thumb_zoo_turtle.jpg) no-repeat top left; }
.lst_zoo dt a.pigeon { background:url(../imgs/campus/thumb_zoo_pigeon.jpg) no-repeat top left; }
.lst_zoo dt a.cockatoo { background:url(../imgs/campus/thumb_zoo_cockatoo.jpg) no-repeat top left; }
.lst_zoo dt a.chicken { background:url(../imgs/campus/thumb_zoo_chicken.jpg) no-repeat top left; }
.lst_zoo dt a.duckgoose { background:url(../imgs/campus/thumb_zoo_duckgoose.jpg) no-repeat top left; }
.lst_zoo dt a.dog { background:url(../imgs/campus/thumb_zoo_dog.jpg) no-repeat top left; }
.lst_zoo dt a.sheep { background:url(../imgs/campus/thumb_zoo_sheep.jpg) no-repeat top left; }
.lst_zoo dt a.goat { background:url(../imgs/campus/thumb_zoo_goat.jpg) no-repeat top left; }
.lst_zoo dt a.llama { background:url(../imgs/campus/thumb_zoo_llama.jpg) no-repeat top left; }
.lst_zoo dt a.donkey { background:url(../imgs/campus/thumb_zoo_donkey.jpg) no-repeat top left; }
.lst_zoo dt a.horse { background:url(../imgs/campus/thumb_zoo_horse.jpg) no-repeat top left; }

.lst_zoo dl dd {
	display:table-cell;
	height:56px;
	vertical-align:middle;	
	line-height:16px;
}
.lst_zoo div.down {
	float:right;
	width:460px;
	height:150px;
	background:url(../imgs/img_dotted_ws_ver.png) repeat-y top left;
}
.lst_zoo div.down dl {
	float:right;
	width:390px;
	height:110px;
	padding:20px 15px;
	background-color:#88bad1;
}
.lst_zoo div.down dl dt a {
	float:left;
	width:172px;
	height:114px;
	background:url(../imgs/campus/thumb_zoobook.jpg) no-repeat top left;
}
.lst_zoo div.down dl dd {
	float:left;
	width:200px;
	height:115px;
	margin-left:10px;
	background:url(../imgs/ico_book.png) no-repeat top left;
}
.lst_zoo div.down dl dd a {
	display:block;
	margin-top:64px;
	font-size:14px;
}

/*****************************************************
	Photo & Video
******************************************************/
/* === Video List ===================================*/
.lst_video {
	position:relative;
	float:left;
	width:320px;
	min-height:230px;
	margin-bottom:24px;
}
.lst_video dt { position:static; margin:0 0 10px 0; }
.lst_video dt a img {
	position:relative;
	display:block;
	margin:0;
	padding:3px;
	border:solid 1px #b5b5b5;
	background-color:#fff;
	z-index:-1;
}
.lst_video dt a {
	position:relative;
	display:block;
	width:320px;
	height:173px;
	margin:0;
	text-decoration:none;
	z-index:60;
}
.lst_video dt a:hover { background-position:bottom left; }
.lst_video dt a span {
	display:block;
	width:320px;
	height:173px;
	margin:0;
	color:#fff;
	font-weight:bold\9; /* IE8 and below */
	text-decoration:none;
	background:url(../imgs/videocover.png) no-repeat top left;
	z-index:60;
	cursor:pointer;
}
.lst_video dt a span.new { background:url(../imgs/videocover_new.png) no-repeat top left; }
.lst_video dt a:hover span,
.lst_video dt a:hover span.new { background-position:bottom left; }

/* === Photo List ===================================*/
div.box_photo {
	position:relative;
	clear:both;
	width:100%;
	line-height:16px;
}
.lst_photo {
	margin:20px 0;
	line-height:16px;
}
.lst_photo li {
	position:relative;
	float:left;
	width:200px;
	height:220px;
	margin:0 12px 10px 0;
}
.lst_photo li a.photo_thumb {
	display:block;
	width:200px;
	height:220px;
	zoom:1;
	cursor:pointer;
}

.lst_photo li a {
	display:block;
	background-color:#000;
}
	.lst_photo li a img {
		background-color:#000;
		opacity: 0.70;
	}
		.lst_photo li a img:hover {
			opacity: 1.0;
		}
.lst_photo li div.new {
	position:absolute;
	top:0;
	left:0;
}
.lst_photo li div.text {
	position:absolute;
	bottom:0;
	left:0;
	width:180px;
	height:50px;
	padding:10px 10px 5px;
	color:#fff;
	line-height:16px;
	background:url(../imgs/bg_black_a60.png) repeat top left;
}
.lst_photo li:hover div.text { background:url(../imgs/bg_black_a40.png) repeat top left; }

/*****************************************************
	Press
******************************************************/
/* === Newsletter List ===================================*/
.lst_Newsletter {
	position:relative;
	clear:both;
	width:100%;
	margin-bottom:24px;
}
.lst_Newsletter:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
}
.lst_Newsletter li {
	float:left;
	margin:0 17px 0 0;
	_margin:0 12px 0 0;
}
.lst_Newsletter a {
	position:relative;
	display:block;
	width:140px;
	height:208px;
	margin:0 0 6px 0;
	text-decoration:none;
	z-index:60;
}
.lst_Newsletter a span {
	display:block;
	width:148px;
	height:208px;
	margin:0;
	color:#fff;
	font-weight:bold\9; /* IE8 and below */
	text-decoration:none;
	background:url(../imgs/bg_black_a20.png) repeat top left;
	z-index:60;
	cursor:pointer;
}
.lst_Newsletter a:hover span { background:transparent; }
.lst_Newsletter a img {
	position:relative;
	display:block;
	margin:0;
	padding:3px;
	border:solid 1px #b5b5b5;
	background-color:#fff;
	z-index:-1;
}

/* === Advertising List ===================================*/
.lst_ad {
	position:relative;
	clear:both;
	width:100%;
	margin-bottom:24px;
}
.lst_ad:after {
	clear:both;
	display:block;
	content:"";
	height:1px;
}
.lst_ad li {
	float:left;
	margin:0 17px 0 0;
}
.lst_ad a {
	position:relative;
	display:block;
	width:140px;
	height:223px;
	margin:0 0 6px 0;
	text-decoration:none;
	z-index:60;
}
.lst_ad a span {
	display:block;
	width:148px;
	height:223px;
	margin:0;
	color:#fff;
	font-weight:bold\9; /* IE8 and below */
	text-decoration:none;
	background:url(../imgs/bg_black_a20.png) repeat top left;
	z-index:60;
	cursor:pointer;
}
.lst_ad a:hover span { background:transparent; }
.lst_ad a img {
	position:relative;
	display:block;
	margin:0;
	padding:3px;
	border:solid 1px #b5b5b5;
	background-color:#fff;
	z-index:-1;
}
.lst_ad p { text-align:center; }

/*****************************************************
	BROCHURE
******************************************************/
div.box_doctype {
	clear:both;
	width:680px;
	height:150px;
	margin-bottom:10px;
}
div.box_doctype div.nothumb,
div.box_doctype div.thumb_book,
div.box_doctype div.thumb_doc {
	position:relative;
	float:left;
	width:295px;
	height:110px;
	margin-right:10px;
	padding:20px 5px 20px 15px;
	background-color:#88bad1;
}
div.box_doctype div.thumb_book_long {
	position:relative;
	width:620px;
	height:110px;
	margin-right:10px;
	padding:20px 5px 20px 15px;
	background-color:#88bad1;
}

/* --- Common -----------------------------------------*/
div.box_doctype div div.data { height:120px; }
div.box_doctype div div.box_thumb,
div.box_doctype div div.data p.title {
	color:#fff;
	font-size:15px;
	font-weight:bold;
}
div.box_doctype div div.data ul li {
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
div.box_doctype div div.data a,
div.box_doctype div div.data a:visited {
	display:block;
	_display:inline;
	height:15px;
	_height:auto;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
div.box_doctype div div.data a:hover {
	color:#fff;
	text-decoration:underline;
}
/* ---  No Thumbnail -------------------------------- */
div.box_doctype div.nothumb div.data { height:90px; }
div.box_doctype div.nothumb ul {
	float:left;
	width:120px;
	/*margin-top:16px;*/
	margin-top:24px;
	color:#fff;
}
div.box_doctype div.nothumb ul li a { padding-bottom:2px; }

/* ---  BOOK DownLoad -------------------------------- */
div.box_doctype div.thumb_book div.box_thumb {
	float:left;
	width:auto;
	height:auto;
	margin-right:7px;
}
div.box_doctype div.thumb_book div.data {
	position:relative;
	float:left;
	width:110px;
	/*background:url(../imgs/ico_book.png) no-repeat top left;*/
}
div.box_doctype div.thumb_book div.data a.link {
	position:absolute;
	bottom:6px;
	/*font-size:16px;
	font-weight:bold;*/
}
/* ---  BOOK DownLoad LONG -------------------------------- */
div.box_doctype div.thumb_book_long div.box_thumb {
	float:left;
	width:auto;
	height:auto;
	margin-right:12px;
}
div.box_doctype div.thumb_book_long div.data {
	position:relative;
	float:left;
	width:300px;
	background:url(../imgs/ico_book.png) no-repeat top left;
}
div.box_doctype div.thumb_book_long div.data a.link {
	position:absolute;
	bottom:6px;
	font-size:16px;
	font-weight:bold;
}

/* ---  DownLoad -------------------------------- */
div.box_doctype div.thumb_doc div.box_thumb {
	float:left;
	width:auto;
	height:auto;
	margin-right:10px;
}
div.box_doctype div.thumb_doc div.data {
	position:relative;
	float:left;
	width:auto;
}
div.box_doctype div.thumb_doc div.data:after {
	content:"";
	display:block;
	clear:both;
	height:1em;
	overflow:visible;
}
div.box_doctype div.thumb_doc div.data ul {
	position:absolute;
	width:auto;
	bottom:0;
}
div.box_doctype div.thumb_doc div.data.h31 ul {
	position:absolute;
	width:auto;
	bottom:auto;
}

/*****************************************************
	English
******************************************************/
.article_en_teachers {
	width:100%;
	margin:10px auto 25px;
	text-align:center;
}
.article_en_teachers:after {
	content:"";
	display:block;
	clear:both;
	heaight:1em;
	overflow:visible;
}
.article_en_teachers .img_3rows { text-align:center; }
	.article_en_teachers .center {
		width:500px;
	}
.page_tablink {
	display:table;
	border-collapse: collapse;
	border-spacing:0;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	border-bottom:solid 1px #ccc;
}
	.page_tablink a {
		display:table-cell;
		width:auto;
		height:50px;
		padding:0 25px;
		color:#fff;
		font-size:120%;
		font-weight:bold;
		vertical-align:middle;
		text-align:center;
		border-left:solid 3px #e6e6e6;
		background:#88bad1;	
	}
	.page_tablink a:hover { background:#5593af; }
	
/*****************************************************
	Employment
******************************************************/
.employment#contents h2 { margin-bottom:16px; font-size:18px; }
.employment#contents h3 { margin-bottom:12px; font-size:18px; font-weight:normal; }
.employment#contents h4 { margin-bottom:12px; font-size:14px; }

.employment#contents p.name { margin-bottom:16px; font-size:18px; line-height:24px; }
.employment#contents p.name span { font-size:12px; }
.employment#contents p.hoiku_adv { margin-bottom:12px; font-size:15px; font-weight:bold; }

.employment .box_menu div { color:#fff; }
.employment .box_menu div a {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:26px;
}
.employment .box_menu .box01,
.employment .box_menu .box02,
.employment .box_menu .box03 {
	float:left;
	width:187px;
	min-height:64px;
	padding:20px 15px;
	text-align:center;
}
.employment .box_menu .box01,
.employment .box_menu .box02 { margin-right:10px; }
.employment .box_voice_senior {
	padding:10px 12px 15px 20px;	
}
.box_qa:after {
	content:"";
	display:block;
	clear:both;
	heaight:1em;
	overflow:visible;
}
.employment .emp_detail {
	display:block;
	width:100px;
	margin:0;
	padding:0;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}

.box_formmsg { padding-left:20px; }
.box_formmsg .attmsg {
	margin-bottom:40px;
	font-size:120%;
}
.entrydata {
	width:80%;
	margin-bottom:40px;
	padding:20px;
	background:#fff;
}

/*****************************************************
	Topics
******************************************************/
.topics a.box_balloon {
	display:block;
	margin:10px auto;
	padding:20px;
	color:#02428c;
	background:#bde8ff;
	cursor:pointer;
	text-align:center;
}
.topics a.box_balloon:hover {
	color:#fff;
	background:#7ab3d1;
}
/*****************************************************
	Mobile Settings
******************************************************/
@media screen and (max-width: 960px) {
#main {
	width:100%;
	max-width:960px;
	background: none;
}
#box_subpages { width: auto; }
#contents {
	width: 72%;
	margin: 0 0 30px 25px;
}
	#contents img { width: 100%; }
	.block_st01 {
		float:left;
		width:90%;
		margin: 0 15px 0 0;
		padding: 0 0 10px 15px;
	}
	.box_photo_st01 {
		display:none;
		float:left;
		width: 253px;
		height: auto;
		margin: 0 auto;
		text-align:center;
	}

#tabmenu {
    position: absolute;
    top: 115px;
    right: 0;
    max-width: 701px;
	width: 70%;
    height: 60px;
}
	#tabmenu .tab2 li {
		float: left;
		width: 48%;
		margin: 0;
	}
	#tabmenu .tab3 li {
		float: left;
		width: 31%;
		margin: 0;
	}
	#tabmenu .tab4 li {
		float: left;
		max-width: 167px;
		width:22%;
		margin: 0;
	}
}


@media screen and (max-width: 768px) {
#menu_program_second { display:none; }
#contents {
	float: none;
	max-width: 750px;
	width:100%;
	margin: 0 0 30px 0;
}
	.block_st01 {
		float:none;
		width:96%;
		margin: 0;
		padding: 0 0 10px 15px;
	}
#box_subpages { width:96%; }
#box_subpages .tab { margin: 30px 0 0 0; }
#tabmenu {
    top: 75px;
    right: -226px;
    width: 98%;
	max-width:768px;
}
#tabmenu ul{ display:table; }
#tabmenu .tab4 { min-width:465px; }
	#tabmenu .tab2 li { float:none; display:table-cell; min-width:200px; }
	#tabmenu .tab3 li {
		float:none;
		display:table-cell;
		min-width:150px;
	}
	#tabmenu .tab4 li {
		min-width:76px;
		width: 22%;
	}
	#tabmenu .tab4 li.menu2,
	#tabmenu .tab4 li.menu3,
	#tabmenu .tab4 li.menu4 { margin: 0 0 0 4px; }
	#tabmenu .tab4 li.menu4.long { min-width:130px; font-size:95%; }
	#tabmenu ul a { padding: 2px 5px; }
	#tabmenu .activebox { display:none; }

/* kinder */
	div.box_uni dl dd div {
		display:block;
		margin:0 auto;
		padding:10px 0;
		width: 50%;
	}
		div.box_uni dl dd div ul { display:block; }
		div.box_uni dl dd div ul:last-child  { padding:0; }
			div.box_uni dl dd div ul li { list-style-position: inherit; }

}

@media screen and (max-width: 480px) {
#contents {
	max-width: 480px;
	width:100%;
	margin: 0 0 30px 0;
}
	.block_st01 {
		float:none;
		width:94%;
		margin: 0 15px 0 0;
		padding: 0 0 10px 5px;
	}
	.box_photo_st01 {
		float:none;
		width:253px;
	}
	.block_st01 hr { width:auto; }
.box_single_contents { padding:0 5px; }
.box_single_contents_wide { padding:0; }
#box_subpages { width:auto; }

.img_right {
	float:none;
	margin:0 auto 20px;
	padding-left:0;
	text-align:center;
}
#tabmenu {
    top: 75px;
    right: -226px;
    width:98%;
	max-width:480px;
}
	#tabmenu .tab2 li {
		float: none;
		display: table-cell;
		min-width: 150px;
	}
	#tabmenu .tab3 li {
		float: none;
		display: table-cell;
		min-width: 100px;
	}
	#tabmenu .tab4 li {
		min-width:76px;
		width: 48%;
	}
	#tabmenu .tab4 li.menu2,
	#tabmenu .tab4 li.menu4 { margin: 0 0 0 4px; }
	#tabmenu .tab4 li.menu3 { margin: 0; }
	
	#tabmenu ul li.active,
	#tabmenu ul li,
	#tabmenu ul a,
	#tabmenu ul.ja a,
	#tabmenu ul.ja .active { font-size:100%; }

	#block_tab {
	    float:none;
		width: 98%;
		margin: 0;
		padding: 20px 0 40px 15px;
	}

/* Academy */
.sign_jean,
.sign_daniel { width: 98%; }

/* kinder */
div.box_uni {
    display:block;
    width: 100%;
    margin: 0 auto 20px;
}
	div.box_uni dl { display:block; }
		#contents div.box_uni dl img { width:inherit; }
		div.box_uni dl dt { text-align:center; }
		div.box_uni dl dd div { text-align:center; }
		div.box_uni dl dd div ul li { list-style-type:none; text-align:center; }
}

@media screen and (max-width: 400px) {
/* kinder */
.kinder_page #box_tabmenu_side {
    position: absolute;
    top: 150px;
}
.kinder_page .block_st01 {
	width:94%;
	margin: 120px 15px 0 0;
	padding: 0 0 10px 15px;
}
.kinder_page .article_indent {
    margin-bottom: 25px;
    padding-left:0;
}
.kinder_page  table th {
    padding: 5px 5px;
}
}