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

/*===========================================================

	school_common

===========================================================*/

/*===========================================================
	 #mainBox
===========================================================*/




/* !movie
---------------------------------------------------------- */

#school_movie {
	position: relative;
	width: 510px;
	height: 346px;
	border: 5px solid #ddd;
	padding: 6px;
	line-height: 0;
	margin: 0 0 30px;
	float: left;
}

#school_movie span {
	display: block;
	margin-top: 12px;
}

#school_movie img {
	position: absolute;
	right: 6px;
	bottom: 6px;

}


/* !slider
---------------------------------------------------------- */

#top_img.school {

	width: 241px;
	float: right;
	margin-right: 10px;
}

#top_img.school .bx-wrapper .bx-controls-direction a {
    position: absolute;
    outline: 0;
    left: 113px;
    width: 17px;
    height: 17px;
    text-indent: -9999px;
    z-index: 9999;
}

#top_img.school .bx-wrapper .bx-prev {
    top: 340px;
    background: url(../img/cmn_school/next.png) no-repeat;
}

#top_img.school .bx-wrapper .bx-next {
    top: 20px;
    background: url(../img/cmn_school/prev.png) no-repeat;
}


/*===========================================================

	top.css

===========================================================*/

.catch {
	border: 5px solid #ddd;
	padding: 6px;
	line-height: 0;
}

.catch img {
	margin: 8px 20px;
}

.catch #catch_player {
	float:left;
}

.bx-viewport {
height: 345px !important;
}


/* ! pageNav
---------------------------------------------------------- */

#pageNav {
	height: 55px;
	width: 765px;
	margin: 0 0 10px -2px;
}
#pageNav li {
	float: left;
	margin: 0 0 0 2px;
	position:relative;
}

#pageNav li a { display: block; }

#pageNav li.nav_kouza.active { background-image:url(../img/cmn_school/nav_kouza_hover.png); }
#pageNav li.nav_taiken.active { background-image:url(../img/cmn_school/nav_taiken_hover.png); }
#pageNav li.nav_shinkouza.active { background-image:url(../img/cmn_school/nav_shinkouza_hover.png); }

#pageNav li.nav_kouza a:hover img, #pageNav li.nav_taiken a:hover img,
#pageNav li.nav_shinkouza a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}

#pageNav li.nav_kouza.active a, #pageNav li.nav_taiken.active a,
#pageNav.active li.nav_shinkouza a {
	background-color:transparent; /* for IE */
}

#pageNav li.nav_kouza.active img, #pageNav li.nav_taiken.active img,
#pageNav li.nav_shinkouza.active img {
	visibility: hidden;
}

/*===========================================================

	school_page

===========================================================*/

/* ! listbox
---------------------------------------------------------- */

.listBox {
	margin: 20px 0 0;
}

.listBox li {
	float:left;
	margin: 0 11px 11px 0;
}
.listBox li.margin0 {
	margin-right:0;
}

.listBox li a {
	display:block;
	cursor:pointer;
}
.listBox li .image {
	width: 183px;
	height: 183px;
	text-align:center;
	padding: 0;
	margin: 0;
	display: block;
	border: 10px solid #ddd;
}

.listBox li .image:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.listBox li .image img {
	width: auto;
	height: auto;
	max-width: 163px;
	max-height: 163px;
	display: inline-block;
	vertical-align:middle;
}
.listBox li .name {
    width: 183px;
	font-size: 1.6rem;
	line-height: 1.2;
	text-align:center;
	padding:10px 2px;
	margin:0;
	display:block;
}

.listBox li a { text-decoration: none; }

.listBox li a:hover {
	filter:alpha(opacity=70);
	opacity:0.7;
}

.buttonnav {
	margin: 10px auto;
	padding:0;
}
.buttonnav li {
	float:left;
	margin: 0 3px 0 3px;
	padding:0;
}

/* lesson_select */

p.copy { margin: 20px 0; }

ul.nav_lesson {
	width: 785px;
	padding: 5px 0 0;
}

ul.nav_lesson li {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	margin: 0 10px 15px 0;
	font-size: 85%;
	line-height: 140%;
	background: #FFF;
	border: 1px solid #A5A5A5;
}

ul.nav_lesson li div { float: left;}

ul.nav_lesson li div dl {
	width: 140px;
	padding: 0;

}

ul.nav_lesson li div dt {
	color: #6DA7D4;
	font-weight: bold;
	padding: 0 0 3px;

}

ul.nav_lesson li div dl dd.title {
	height: auto;
	line-height: 120%;
	margin-bottom: 15px;

}

ul.nav_lesson li div dl dd.title a {
	text-decoration: none;
}

ul.nav_lesson li div dl dd.title a:hover {
	text-decoration: underline;
}

ul.nav_lesson li div dl dd.date {
	border-top: 1px solid #000;
	padding: 5px 0 0;
	line-height: 120%;

}

ul.nav_lesson li div.img {
	position: relative;
	width: 130px;
	height:130px;
	margin: 0 10px;
	display: table;
}

ul.nav_lesson li div.img p {
	display: table-cell;
	width: 130px;
	height:130px;
	vertical-align: top;
	text-align: left;
	layout-grid-line: 130px; /* IE7以下 */
}

ul.nav_lesson li div.img img {
	max-width: 130px;
	max-height:130px;
	vertical-align: top;
}

ul.nav_lesson li div.title {
	width: 143px;
	height:46px;
	padding: 1px 0 0;
	text-align: center;
	font-size: 85%;
	line-height: 1.3;
}

ul.nav_lesson li div.title span {
	font-weight: bold;
	color: #D82E2D;
}

ul.nav_lesson li div.status {
	width: 67px;
	padding: 30px 0 0;
	height: 100px;
	text-align: center;
	background: #FFF;
	line-height:100%;
}

ul.nav_lesson li div.status img {
	margin: 10px;
}

ul.nav_lesson li div.status span {
	font-size:100%;
	line-height: 140%;
	display:block;
}

/* 受付中 */
ul.nav_lesson li div.status span.ok {
	color:#ED1E79;
}
/* わずか */
ul.nav_lesson li div.status span.little {
	color:#2CA6AF;
}
/* キャンセル待ち */
ul.nav_lesson li div.status span.no {
	color:#A367CF;
}
/* 指定日受付開始 */
ul.nav_lesson li div.status span.start {
	color:#31BE00;
}
/* 受付終了 */
ul.nav_lesson li div.status span.end {
	color:#0064B4;
}

ul.nav_lesson li div.lesson {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 85%;
	color: #FFF;
	height: 23px;
}

ul.nav_lesson li div.lesson p  {
	padding: 4px 5px;
	text-align: center;
}

/* 1dayレッスン */
ul.nav_lesson li div.lesson.oneday { background-color:#5191C3; width: 8em;}
/* 体験レッスン */
ul.nav_lesson li div.lesson.taiken { background-color:#83A7A5; width: 8em;}

table.seminarDetail {
	border-left:solid 2px #BFBFBF;
	border-top:solid 2px #BFBFBF;
	width:100%;
	margin: 0 auto 20px auto;
	font-size:95%;
}
table.seminarDetail th,
table.seminarDetail td {
	border-right:solid 2px #BFBFBF;
	border-bottom:solid 2px #BFBFBF;
	vertical-align:top;
}
table.seminarDetail td.lecturer {
	width: 6.5em;
}
table.seminarDetail td.class {
	width: 6em;
}
table.seminarDetail td.date {
	width: 11.5em;
}
table.seminarDetail td.program {
	width: 7em;
}
table.seminarDetail td.time {
	width: 7.5em;
}
table.seminarDetail td.fee {
	width: 7em;
}
table.seminarDetail td.capacity {
	width: 3em;
}
table.seminarDetail thead td {
	background-color:#f7ede3;
	text-align:left;
	padding:7px 5px;
}
table.seminarDetail tbody td {
	text-align:left;
	padding:7px 5px;
	word-break: break-all;
	word-wrap:break-word;
}

table.seminarDetail tbody td.status {
	width: 6em;
	text-align:center;
	padding:7px 2px;
	line-height:100%;
}
table.seminarDetail tbody td.status span {
	font-size:75%;
	display:block;
}
/* 受付中 */
table.seminarDetail tbody td.status span.ok {
	color:#ED1E79;
}
/* わずか */
table.seminarDetail tbody td.status span.little {
	color:#2CA6AF;
}
/* キャンセル待ち */
table.seminarDetail tbody td.status span.no {
	color:#A367CF;
}
/* 受付終了 */
table.seminarDetail tbody td.status span.end {
	color:#0064B4;
}

.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


/* gallery */


.gallery {
	border:solid 2px #cacaca;
	padding:15px 9px;
	margin: 0 10px 20px 10px;
}


.pictSlider {
	position:relative;
}

body div.slider    { overflow:hidden; position:relative; width:643px; margin:0 auto; height:168px !important}
body div.slider ul { margin:0; padding:0; height:168px; }
body div.slider li {
    float:left;
    list-style:none;
    margin:0 5px 0 0;
    text-align:center;
    line-height:168px;
    font-size:25px;
}

body div.slider img {
	max-height:168px;
}

.prev_btn span,
.next_btn span {
	position: absolute;
	width: 28px;
	height: 53px;
	text-indent:-9999px;

	display: none;
    top: 58px;

	z-index:100;

}
.prev_btn span {
	left:0;
	background: url(../img/btn_prev.gif) left top no-repeat;
}
.next_btn span {
	right: 0;
	background: url(../img/btn_next.gif) left top no-repeat;
}
.prev_btn span,
.next_btn span {
    display: block;
	width: 28px;
	height: 53px;
}


.teacherList dl {
	background-color:#FAF3ED;
}
.teacherList dl dt {
	padding:15px 20px 5px 20px;
	font-size:110%;
}
.teacherList dl dd {
	border-bottom: solid 20px #fff;
	font-size:85%;
	padding:0 20px 15px 20px;
}

div.first_detail p { padding: 5px 10px 20px; }

.infoBox {
	margin: 0 0 30px 0;
}

.infoBox dl.information dt {
	float:left;
}
.infoBox dl.information dd {
	float:right;
	line-height: 1.6;
}
.infoBox dl.information dd p {
	float:left;
	margin-left:15px;
	vertical-align:middle;
}

.infoBox .info_head {
	color:#603813;
	font-size:117%;
	font-weight:normal;
	line-height:150%;
	position:relative;
	margin: 0 0 5px 0;
}

.infoBox .info_head img {
	margin-right:10px;
	vertical-align:middle;
}
.infoBox .info_head .rightIcon {
	font-size:85%;
	top:0;
}
.infoBox .info_body {
	border: solid 4px #FDE0B2;
	padding:10px;
}
.infoBox .scroll {
	height:80px;
	overflow-y:scroll;
}
.infoBox ul {
	font-size:95%;
	margin: 0 10px;
}
.infoBox ul li {
	clear:both;
	margin: 10px 0 15px 0;
}
.infoBox .date {
	display:block;
	width:6em;
	float:left;
	padding-right:5px;

}
.infoBox .cat {
	display:block;
	text-align:center;
	float:left;
	width:5em;
	padding:2px 5px;
	font-size:80%;
	font-weight:bold;
	color:#fff;
	margin-right:10px;

}
.infoBox .cat01 { background-color:#F1766B;}
.infoBox .cat02 { background-color:#F7931E;}

/* 札幌校 */
.infoBox .cat_sapporo{ 		background-color:#aacec4;}
/* 東京校 */
.infoBox .cat_tokyo{ 			background-color:#78b1c5;}
/* 横浜校 */
.infoBox .cat_yokohama{ 	background-color:#9ad3aa;}
/* 名古屋校 */
.infoBox .cat_nagoya{ 		background-color:#9fc264;}
/* 心斎橋校 */
.infoBox .cat_shinsaibashi{ background-color:#d4a4a0;}
/* 天神校 */
.infoBox .cat_tenjin { background-color:#ddad58;}


.infoBox .title {

}

.topicBox {
}
.topic_head {
}
.topicBox .topic_head {
	color:#603813;
	font-size:117%;
	line-height:150%;
	font-weight:normal;
	position:relative;
	margin: 0 0 15px 0;
}
.topicBox .topic_head img {
	margin-right:10px;
	vertical-align:middle;
}
.topic_body li {
	float:left;
	margin-right:23px;
	width:242px;
}
.topic_body li.margin0 {
	margin-right:0px;
}
.topic_body li p {
	font-size:80%;
	line-height:150%;
	margin: 0;
	padding:8px 0;
}

.topic_body li img {
	width: 242px;
	height: 122px;
}

/* genre_select */

table.seminer_genre {
	margin: 0 0 15px;
}

table.seminer_genre th {
	width: 100px;
	padding: 0;
	text-align: left;
	vertical-align: top;
	line-height: 1.4;
	font-weight: bold;
	color: #121212;
}

table.seminer_genre td {
	vertical-align: top;
	color: #656565;
	padding: 5px 5px 0;
}

table.seminer_genre td.number {
	width: 50px;
}

table.seminer_genre td ul li {
	float: left;
	padding: 0 7px 0;
}

ul.nav_class {
}
ul.nav_class li {
	width: 187px;
	min-height: 230px;
	float:left;
	margin:0 2px 5px 3px;
	padding:0;
	background: #FAF3E3;
	text-align: center;
	position: relative;
}
ul.nav_class li a {
	cursor:pointer;
}
ul.nav_class li.last-child {
	margin-right:0;
}

ul.nav_class li div.img {
	width: 181px;
	height:181px;
	margin: 3px;
	display: table;
}

ul.nav_class li div.img p {
	display: table-cell;
	width: 181px;
	height:181px;
	vertical-align: middle;
	text-align: center;
	layout-grid-line: 121px; /* IE7以下 */
}

ul.nav_class li div.img p img {
	max-width: 181px;
	max-height:181px;
	vertical-align: middle;/*IE7*/
}

ul.nav_class li div.school {
	width: 5em;
	margin: 3px auto;
	text-align: center;
	font-size: 85%;
	color: #FFF;
}

ul.nav_class li div.school p {
	padding: 4px 5px;
	line-height: 1.3;
}

/* 札幌校 */
ul.nav_class li div.school.sapporo { background-color:#aacec4; }
/* 東京校 */
ul.nav_class li div.school.tokyo { background-color:#78b1c5; }
/* 横浜校 */
ul.nav_class li div.school.yokohama { background-color:#9ad3aa; }
/* 名古屋校 */
ul.nav_class li div.school.nagoya { background-color:#9fc264; }
/* 心斎橋校 */
ul.nav_class li div.school.shinsaibashi { background-color:#d4a4a0; }
/* 天神校 */
ul.nav_class li div.school.tenjin { background-color:#ddad58; }


ul.nav_class li div.lesson {
	position: absolute;
	top: 3px;
	left: 3px;
	font-size: 85%;
	color: #FFF;
}

ul.nav_class li div.lesson p  {
	padding: 4px 5px;
	line-height: 1.3;
	text-align: center;
}

/* 1dayレッスン */
ul.nav_class li div.lesson.oneday { background-color:#5191C3; width: 8em;}
/* 体験レッスン */
ul.nav_class li div.lesson.taiken { background-color:#83A7A5; width: 8em;}


ul.nav_class li div.title {
	width: 181px;
	min-height:46px;
	padding: 1px 0 0;
	text-align: center;
	font-size: 85%;
	line-height: 1.3;
}

ul.nav_class li div.title span {
	font-weight: bold;
	color: #D82E2D;
}

ul.nav_class li div.status {
	width: 181px;
	margin: 3px;
	padding:15px 0;
	text-align: center;
	background: #FFF;
	line-height:19px;
}

ul.nav_class li a { text-decoration: none; }
ul.nav_class li a:hover div.title { text-decoration: underline; }

.nav_class li div.status span {
	font-size:1em;
	margin: auto 10px;
	line-height: 19px;
}

/* 受付中 */
.nav_class li div.status span.ok {
	color:#ED1E79;
}
/* わずか */
.nav_class li div.status span.little {
	color:#2CA6AF;
}
/* キャンセル待ち */
.nav_class li div.status span.no {
	color:#A367CF;
}
/* 指定日受付開始 */
.nav_class li div.status span.start {
	color:#31BE00;
}
/* 受付終了 */
.nav_class li div.status span.end {
	color:#0064B4;
}

.pagenav {
	padding: 10px 0 50px;
	text-align: center;
}
.pagenav span { font-weight: bold; }

ul.nav_class_kouza li {
	width: 185px;
	min-height: 160px;
	float:left;
	margin:0 1px 20px 2px;
	padding:0;
	background: #FAF3E3;
}

.nav_class_kouza li.last-child {
	margin-right:0;
}

.nav_class_kouza li div.img {
	width: 172px !important;
	height:121px;
	margin: 3px;
	display: table;
}

.nav_class_kouza li div.img p {
	display: table-cell;
	width: 180px;
	height:121px;
	vertical-align: middle;
	text-align: center;
	layout-grid-line: 121px; /* IE7以下 */
}

.nav_class_kouza li div.img p img {
	max-width: 178px !important;
	max-height:178px !important;
	vertical-align: middle;/*IE7*/
}

.nav_class_kouza li div.title {
	width: 170px;
	min-height:20px;
	padding: 1px 2px 5px;
	text-align: center;
	font-size: 85%;
	line-height: 1.3;
}

.nav_class_kouza li div.title span {
	font-weight: bold;
	color: #D82E2D;
}

.linkBox {
	margin: 50px 10px;
}

.linkBox ul li {
	width: 237px;
	display: inline-block;
	border: 1px solid #888;
	padding: 13px;
	margin-right: 18px;
	vertical-align: middle;
}

.linkBox ul li:nth-child(3) {
	margin-right: 0px;
}
.linkBox ul li p {
	height: 53px;
	display: table-cell;
    vertical-align: middle;
}

.linkBox ul li p.icn {
	width: 38px;
	padding: 0 10px 0 0;
}

/* gallery */

div.gallery_list h3 {
margin: 20px 0 10px;
font-weight: normal;
font-size: 130%;
}

div.gallery_list {
}

ul.gallery_list {
	width: 790px;
	padding: 15px 0 0;

}

ul.gallery_alpha {
	width: 765px;
	padding: 15px 35px 0 0;
	display: table;
}

ul.gallery_beta {
	width: 430px;
	padding: 15px 35px 0 0;
	display: table-cell;
	vertical-align: top;
}

ul.gallery_gamma {
	width: 300px;
	padding: 15px 0 0;
	display: table-cell;
}

ul.gallery_delta {
	width: 300px;
	padding: 15px 35px 0 0;
	display: table-cell;
}

ul.gallery_epsilon {
	width: 430px;
	padding: 15px 0 0;
	display: table-cell;
	vertical-align: top;
}

ul.gallery_zeta {
	width: 367px;
	padding: 15px 25px 0 0;
	display: table-cell;
}

ul.gallery_eta {
	width: 362px;
	padding: 15px 0 0;
	display: table-cell;
	vertical-align: top;
}

ul.gallery_alpha li,
ul.gallery_beta li,
ul.gallery_gamma li,
ul.gallery_delta li,
ul.gallery_epsilon li,
ul.gallery_zeta li,
ul.gallery_eta li {
	padding: 0 0 15px 0;
}

ul.gallery_list li {
	float: left;
	width: 373px;
	padding: 0 20px 15px 0;
}

div.gallery_list ul li p {
	padding: 5px 0;
	font-size: 90%;
	line-height: 140%;
}


.guideLink {
	margin-bottom:20px;
}

.guideLink ul {
	text-align: center;
}

.guideLink ul li {
	display: inline-block;
	margin-right:18px;
	width:245px;
}

.guideLink ul li:nth-child(3) {
	margin-right:0px;
}

/*===============================================
　イベント一覧
===============================================*/

ul.event_list li {
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: 1px dotted #000;
}

ul.event_list div.img {
	float: left;
	width: 94px;
	height: 94px;
	margin: 0 10px 0;
	display: table;
}

ul.event_list li div.img p {
	display: table-cell;
	width: 94px;
	height: 94px;
	vertical-align: middle;
	text-align: center;
	layout-grid-line: 94px; /* IE7以下 */
}

ul.event_list li div.detail { margin: 0 0 0 120px; }

ul.event_list li div.school {
	width:5.5em;
	text-align: center;
	padding: 0 0 3px;
	margin: 0;
	font-size: 84%;
	font-weight:bold;
	color:#fff;
}

/* 札幌校 */
ul.event_list li div.school p.sch_sapporo { background-color:#aacec4; }
/* 東京校 */
ul.event_list li div.school p.sch_tokyo { background-color:#78b1c5; }
/* 横浜校 */
ul.event_list li div.school p.sch_yokohama { background-color:#9ad3aa; }
/* 名古屋校 */
ul.event_list li div.school p.sch_nagoya { background-color:#9fc264; }
/* 心斎橋校 */
ul.event_list li div.school p.sch_shinsaibashi { background-color:#d4a4a0; }
/* 天神校 */
ul.event_list li div.school p.sch_tenjin { background-color:#ddad58; }

ul.event_list li dt {
	font-size: 117%;
	font-weight: bold;
	padding: 0 0 3px;
}

ul.event_list li dd { font-size: 85%; }

div.event_nav { padding: 0 0 50px; }
div.event_nav p.prev { float: left; margin: 0 0 0 150px; }
div.event_nav p.next { float: right; margin: 0 150px 0 0; }

h3.page_title7.list { margin: 10px 0 20px; }
div.event_nav_list { padding: 0 0 30px; }
div.event_nav_list p.prev { float: left; margin: 0 0 0 30px; }
div.event_nav_list p.next { float: right; margin: 0 30px 0 0; }

ul.event_list.list li dt {
	width: 120px;
	float: left;
	font-size: 100%;
	font-weight: normal;
	padding: 0 30px;
	text-align: center;
}

ul.event_list.list li dd {
    width: 465px;
    float: left;
    font-size: 117%;
    padding: 0 30px;
}

ul.event_list.list li dd.school {
    width: 68px;
    text-align: center;
    padding: 3px 0;
    margin: 0 0 5px 0;
    font-size: 84%;
    font-weight: bold;
    color: #fff;
}

/* 札幌校 */
ul.event_list.list li dd.school.sapporo { background-color:#aacec4; }
/* 東京校 */
ul.event_list.list li dd.school.tokyo { background-color:#78b1c5; }
/* 横浜校 */
ul.event_list.list li dd.school.yokohama { background-color:#9ad3aa; }
/* 名古屋校 */
ul.event_list.list li dd.school.nagoya { background-color:#9fc264; }
/* 心斎橋校 */
ul.event_list.list li dd.school.shinsaibashi { background-color:#d4a4a0; }
/* 天神校 */
ul.event_list.list li dd.school.tenjin { background-color:#ddad58; }
/* その他 */
ul.event_list.list li dd.school.other { background-color:#89775d; }


/*===============================================
　イベント詳細
===============================================*/

p.school_top {
	padding: 10px 0;
}

dl.event_detail {
	margin: 30px 0;
	padding: 20px 0 0;
	border-top: 2px solid #CCCCCC;
}

dl.event_detail dt {
	font-size: 113%;
	font-weight: bold;
	padding: 0 0 5px;
	color: #FF931E;
}

dl.event_detail dd {
	padding: 0 0 20px;
}

dl.event_detail dd li {
	float: left;
	width: 210px;
	padding: 0 15px 15px 0;
	line-height: 150%;
	font-size: 85%;
}

dl.event_detail dd li div.img {
	width: 210px;
	height: 145px;
	text-align: center;
	margin-bottom: 0.5em;
}

dl.event_detail dd li div.img img {
	float:none;
	position: relative;
  	top: 50%;
  	max-width: 210px;
	max-height: 145px;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

/*===============================================
　人気の先生クローズアップ
===============================================*/

h2.h2_closeup {
	width: 773px;
	height: 62px;
	background: url(../img/closeup/page_title_closeup.png) no-repeat 0 0;
}

h2.h2_closeup span {
	float: left;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
}

h2.h2_closeup a {
	padding: 23px 20px 0 0;
	float: right;
}

.closeupBox {
	padding: 0 20px 20px;
}

.closeupBox img {
	float: right;
}

.closeupBox .rightBox {
	float: right;
	width: 310px;
	text-align: left;
}

.closeupBox .rightBox img {
	padding: 0 0 20px;
	max-width: 310px;
}

.closeupBox .leftBox {
	float: left;
	width: 390px;
	text-align: left;
	line-height: 200%;
}

.closeupBox .leftBox p.backnumber {
	padding: 0 0 35px 0;
	text-align: right;
}

.closeupBox .leftBox h3 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 1em;
	line-height: 1.4em;
}

.closeupBox .leftBox p.lead {
	font-size: 130%;
	color: #F15A24;
}

.closeupBox .leftBox p {
	margin-bottom: 1em;
	font-size: 93%;
	line-height: 180%;
}

.closeupBox .alpha ul {
	width: 740px;
	padding: 30px 0 0;
}

.closeupBox .alpha ul li {
	float: left;
	width: 185px;
	padding: 0 13px 0 0;
	font-size: 80%;
	line-height: 140%;
}

.closeupBox .alpha div.img {
	width: 172px;
	height: 120px;
	text-align: center;
	margin-bottom: 1em;
}
.closeupBox .alpha div.img img {
	float:none;
	position: relative;
  	top: 50%;
	max-width: 172px;
	max-height: 129px;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.closeupBox .alpha ul li p {
	padding: 5px 0;
	line-height: 140%;
	display: block;
}

.closeupBox div.profile {
	padding: 45px 15px 15px 15px;
	background: url(../img/closeup/profile.png) no-repeat 15px 15px;
	background-color: #f9f2e2;
	font-size: 85%;
	line-height: 1.4;
}

.closeupBox .alpha {
    margin-bottom: 30px;
}

.closeupBox .kouza {
	width: 548px;
	min-height: 45px;
	padding: 0 0 0 192px;
	margin: 0;
	background: url(../img/closeup/kouza.png) no-repeat 0 0;
}

.closeupBox .kouza ul {
	line-height: 180%;
}

.closeupBox .kouza li {
	font-size: 90%;
	margin: 0 1em 0 0;
	display:inline-block;
}

#closeup_backnumber {
	margin: 30px 0;
}

#closeup_backnumber h2.page_title {
	margin: 0 0 15px;
}

#closeup_backnumber ul li {
	width: 245px;
	padding: 10px;
	margin: 0 5px 10px;
	border: 1px solid #b7bcaa;
	float: left;
}

#closeup_backnumber ul li div.img {
	width: 80px;
	height: 80px;
	float: left;
	text-align: center;
}
#closeup_backnumber ul li div.img img {
	float:none;
	position: relative;
  	top: 50%;
  	max-width: 79px;
  	max-height: 80px;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

#closeup_backnumber ul li div.img a:hover {
	-ms-filter: "alpha(opacity=80)"; /* for IE8 */
    filter: alpha(opacity=80); /* for IE6,7 */
    -moz-opacity: 0.8; /* for Netscape, Firefox 0.9 */
    opacity: 0.8;
}

#closeup_backnumber ul li p {
	font-size: 85%;
	line-height: 1.5;
	padding: 0 0 0 90px;
}


/*===============================================
　アクセス
===============================================*/

div.map {
	padding: 20px 0 30px;
	text-align: center;
}

table.accessDetail th {
	width: 7em;
}

table.accessDetail {
	border-left:solid 1px #BFBFBF;
	border-top:solid 1px #BFBFBF;
	width:100%;
	margin: 0 auto 20px auto;
}
table.accessDetail th,
table.accessDetail td {
	border-right:solid 1px #BFBFBF;
	border-bottom:solid 1px #BFBFBF;
	vertical-align:top;
}

table.accessDetail th {
	text-align: left;
	font-weight: normal;
	width: 7em;
	padding:7px 10px;
}

table.accessDetail tbody td {
	text-align:left;
	padding:7px 10px;
}

table.accessDetail tbody td dl dt {
	width: 6em;
	float:left;
	padding: 0 10px 0 0;
}

.body_class_tokyo table.accessDetail tbody td dl dt {
	width: 10em;
	float:left;
	padding: 0 10px 0 0;
}

.body_class_yokohama table.accessDetail tbody td dl dt {
	width: 12em;
	float:left;
	padding: 0 10px 0 0;
}

/*===============================================
　青い鳥ご利用案内
===============================================*/
.aoitoriBox {
	margin-bottom:50px;

}
.aoitoriBox img.floatR {
	margin-left:0;
}
.aoitoriBox h2 {
	margin: 0px 0 0px 0;
}
.aoitoriBox h3 {
	margin: 30px 0 10px 0;
}
.aoitoriBox .box01 {
}
.aoitoriBox .box01 .aoitoriTable {
	width:340px;
}
.aoitoriBox .box01 .aoitoriTable th{
	width:40%;
}
.aoitoriBox .box02 .aoitoriTable {
	width:100%;
}
.aoitoriBox .box02 .aoitoriTable th{
	width:17%;
}
.aoitoriBox .box03 .aoitoriTable {
	width:100%;
}
.aoitoriBox .box04 .aoitoriTable {
	width:100%;
}


.aoitoriTable {
}

.aoitoriTable {
	border-bottom:solid 1px #BFBFBF;
	border-right:solid 1px #BFBFBF;
	margin: 0 0 20px 0;
	font-size:90%;
	line-height:150%;
}
.aoitoriTable th,
.aoitoriTable td {
	border-top:solid 1px #BFBFBF;
	border-left:solid 1px #BFBFBF;
	padding:5px 10px;
	text-align:left;
}
.aoitoriTable th {
	vertical-align:top;
}
.aoitoriTable td {
	vertical-align:middle;
}

.body_class_tokyo .aoiroti_title {
	background-color:#78b1c5;
}

.body_class_tokyo .aoitoriTable th {
	background-color:#ddeef4;
}

.body_class_yokohama .aoiroti_title {
	background-color:#9ad3aa;
}
.body_class_yokohama .aoitoriTable th {
	background-color:#EBF6EE;
}

.body_class_shinsaibashi .aoiroti_title {
	background-color:#d4a4a0;
}
.body_class_shinsaibashi .aoitoriTable th {
	background-color:#eddedd;
}

.body_class_tenjin .aoiroti_title {
	background-color:#ddad58;
}
.body_class_tenjin .aoitoriTable th {
	background-color:#eddac5;
}

/*===============================================
　検索
===============================================*/

.result {
	margin: 50px 0;
}
.freewords {
	background-color:#FFF5C8;
	padding: 10px 5px 10px 20px;
	margin: 0 0 20px 0;
}
.freewords li {
	display:inline;
	padding-right:1em;
}

/*===========================================================
	 #sideBox
===========================================================*/

#sideBox #school h3 { margin:0 0 12px; }


/* ! school_info
---------------------------------------------------------- */

ul.school_info { margin: 0 0 10px; }

ul.school_info li.s_sns {
	padding: 10px 0;
	border-bottom: 1px solid #333;
}

ul.school_info li.s_sns h3 {
	text-align: center;
	padding: 0 0 10px;
}

ul.school_info li.s_sns ul { padding: 0 32px; }
ul.school_info li.s_sns.tokyo ul { padding: 0 15px; }

ul.school_info li.s_sns ul li {
	float: left;
	padding: 0 3px;
}

/* ! keyword_search
---------------------------------------------------------- */

div.keyword_search {
	background: #f0f0f0;
	padding: 10px;
	margin: 0 0 10px;
}

div.keyword_search h3 {
	margin: 0 0 5px;
}

div.keyword_search input {
	width: 125px;
	font-size: 1.2rem;
	vertical-align: middle;
	border: none;
	padding: 5px;
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.keyword_search button {
	width: 25px;
	padding: 5px 0 0;
	vertical-align: middle;
	display: inline-block;
	border: none;
	background: none;
	cursor: pointer;
}
div.keyword_search button i.fa { margin: 0; }

div.keyword_search input:focus,
div.keyword_search button:focus { outline: 0; }