@charset "utf-8";

/* ========================================================
	campus.css => 学び方いろいろ
======================================================== */

/* サイドエリア
============================================================================================================ */
#localNavi dt strong {
	background-image: url(../images/local_navi_title.gif);
}
#localNavi dd li {
	background-image: url(../images/local_navi_arrow.gif);
}
#localNavi dd li strong a {
	color: #92bc35;
}


/* キャンパストップ
============================================================================================================ */
/* メイン
----------------------------------------------------------------------------------------- */
#indexMain {
	position: relative;
	z-index: 3;
	width: 716px;
	margin-bottom: 10px;
}
#indexMain:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#indexMain h3 {
	margin-bottom: 10px;
	margin-right: 6px;
	border-bottom: 1px solid #ffffff;
	zoom: 1;
}
#indexMain h3 em {
	display: block;
	border-bottom: 1px solid #c7ac67;
}

#indexMain ul {
	position: relative;
	float: left;
	padding-left: 174px;
}
#indexMain ul li {
	float: left;
	margin-right: 1px;
}
#indexMain ul li.first {
	position: absolute;
	top: -5px;
	left: -20px;
}
#indexMain dl {
	float: right;
	width: 189px;
	line-height: 1.4;
}
#indexMain dl dd {
	height: 188px;
	background: url(../images/index_album_bg.jpg) no-repeat bottom;
}
#indexMain dl .ph {
	padding: 5px 0 14px 27px;
}
#indexMain dl .ph a {
	display: block;
	overflow: hidden;
	width: 135px;
	height: 89px;
}
#indexMain dl .ph a img {
	position: relative;
	top: -6px;
}
#indexMain dl dl {
	float: none;
	width: auto;
	font-size: 92%;
	margin: 0 10px 0 19px;
}
#indexMain dl dd dd {
	height: auto;
	background: none;
}




/* メイン下
----------------------------------------------------------------------------------------- */
#indexMain2 {
	position: relative;
	z-index: 1;
	width: 710px;
	height: 186px;
	margin-bottom: 12px;
	border-bottom: 1px dotted #cccccc;
}

/* 写真 */
#indexMain2 div {
	position: absolute;
	width: 551px;
	height: 186px;
	top: 0;
	left: -21px;
}

.sapporo #indexMain2 div {
	height: 197px;
	top: -11px;
	background: url(../../sapporo/images/main_bg.jpg) no-repeat;
}
.tokyo #indexMain2 div {
	background: url(../../tokyo/images/main_bg.jpg) no-repeat;
}
.nagoya #indexMain2 div {
	height: 197px;
	top: -11px;
	background: url(../../nagoya/images/main_bg.jpg) no-repeat;
}

#indexMain2 div p {
	position: absolute;
	width: 90px;
	font-size: 92%;
	line-height: 1.4;
	color: #333333;
}
.sapporo #indexMain2 div p.text01 {
	top: 32px;
	left: 20px;
	width: 100px;
}
.sapporo #indexMain2 div p.text02 {
	top: 38px;
	left: 444px;
}
.tokyo #indexMain2 div p {
	top: 25px;
	left: 368px;
}
.nagoya #indexMain2 div p.text01 {
	top: 40px;
	left: 16px;
}
.nagoya #indexMain2 div p.text02 {
	top: 30px;
	left: 437px;
}

/* インタビュー */
#indexMain2 dl {
	position: relative;
	float: right;
	width: 174px;
	height: 186px;
	font-size: 92%;
	line-height: 1.5;
	color: #333333;
}
#indexMain2 dl dd {
	position: relative;
	z-index: 10;
}
#indexMain2 dl dd.btn {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
}

/* メイン仙台
----------------------------------------------------------------------------------------- */
#sendaiMain {
	position: relative;
	width: 710px;
	height: 640px;
	margin-bottom: 12px;
	border-bottom: 1px dotted #cccccc;
}
#sendaiMain h3,
#sendaiMain li {
	position: absolute;
}
#sendaiMain h3 {
	top: 215px;
	left: 186px;
	z-index: 10;
}
#sendaiMain li.ph01 {
	top: 4px;
	left: 30px;
}
#sendaiMain li.ph02 {
	top: 0;
	left: 355px;
}
#sendaiMain li.ph03 {
	top: 163px;
	left: 0;
}
#sendaiMain li.ph04 {
	top: 167px;
	left: 518px;
	z-index: 8;
}
#sendaiMain li.ph05 {
	top: 424px;
	left: 3px;
}
#sendaiMain li.ph06 {
	top: 327px;
	left: 325px;
}

/* 仙台 キャンパスアルバム/インタビュー
----------------------------------------------------------------------------------------- */
#sendaiAlbum {
	float: right;
	width: 392px;
	margin-bottom: 8px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
}
#sendaiAlbum dl.album {
	float: left;
	width: 189px;
	line-height: 1.4;
}
#sendaiAlbum dl.album dd {
	height: 188px;
	background: url(../images/index_album_bg.jpg) no-repeat bottom;
}
#sendaiAlbum dl.album .ph {
	padding: 5px 0 14px 27px;
}
#sendaiAlbum dl.album .ph a {
	display: block;
	overflow: hidden;
	width: 135px;
	height: 89px;
}
#sendaiAlbum dl.album .ph a img {
	position: relative;
	top: -6px;
}
#sendaiAlbum dl.album dl {
	float: none;
	width: auto;
	font-size: 92%;
	margin: 0 10px 0 19px;
}
#sendaiAlbum dl.album dd dd {
	height: auto;
	background: none;
}
#sendaiAlbum dl.interview {
	position: relative;
	float: right;
	width: 174px;
	height: 186px;
	padding-right: 15px;
	font-size: 92%;
	line-height: 1.5;
	color: #333333;
}
#sendaiAlbum dl.interview dd {
	position: relative;
	z-index: 10;
}
#sendaiAlbum dl.interview dd.btn {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
}


/* indexContensts
----------------------------------------------------------------------------------------- */
#indexContensts {
	width: 710px;
}
#indexContensts:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

/* campusBlog
----------------------------------------------------------------------------------------- */
#campusBlog {
	position: relative;
	float: left;
	width: 318px;
	background: url(../images/side_shadow.gif) no-repeat right top;
}
#campusBlog .blog {
	width: 299px;
	margin-bottom: 2px;
	padding-top: 33px;
	background-image: url(../images/side_blog_bg.gif);
}
#campusBlog .blog .title h3 {
	position: absolute;
	top: -7px;
	left: -7px;
	width: 232px;
	height: 64px;
	padding: 18px 37px 0;
	background: url(../images/side_blog_top.gif) no-repeat;
}

#campusBlog .blog .title p {
	position: relative;
	z-index: 3;
	margin: 0 14px 0 15px;
	padding: 0 0 5px 15px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 76%;
}
#campusBlog .blog .lastest {
	position: relative;
	z-index: 5;
	min-height: 256px;
	/* margin-top: 54px; */
	padding: 0 14px 10px 15px;
	background: url(../images/side_blog_bottom.gif) no-repeat bottom;
	zoom: 1;
}
* html #campusBlog .blog .lastest {
	height: 256px;
}
#campusBlog .blog .lastest div {
	position: relative;
	padding: 6px 0;
	border-bottom: 1px dotted #cccccc;
	zoom: 1;
}
#campusBlog .blog .lastest div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#campusBlog .blog .lastest p.ph {
	float: left;
	margin-right: 4px;
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #c9c9c9;
}
#campusBlog .blog .lastest p.category {
	position: absolute;
	left: 55px;
	top: 8px;
	width: 30px;
	padding: 6px 1px;
	text-align: center;
	font-size: 72%;
	line-height: 1.1;
}
#campusBlog .blog .lastest .event p.category {
	border: 1px solid #ffa200;
	color: #ffa200;
}
#campusBlog .blog .lastest .trial p.category {
	border: 1px solid #d21e4a;
	color: #d21e4a;
}
#campusBlog .blog .lastest .class p.category {
	border: 1px solid #a0cc29;
	color: #a0cc29;
}
#campusBlog .blog .lastest .schooling p.category {
	padding: 1px 1px;
	border: 1px solid #4f90e0;
	color: #4f90e0;
}
#campusBlog .blog .lastest p.category img {
	position: absolute;
	bottom: -9px;
	left: 8px;
}

#campusBlog .blog .lastest dl {
	float: right;
	width: 175px;
	padding-top: 2px;
	font-size: 84%;
	line-height: 1.4;
}
#campusBlog .blog .lastest dt {
	color: #a0a0a0;
}
#campusBlog .blog .lastest dd {
}
#campusBlog .blog .lastest dd a {
	color: #313131;
}

/* trial */
#campusBlog .trial_info {
	width: 299px;
	background: url(../images/side_trial_bg.gif) no-repeat bottom left;
}
#campusBlog .trial_info dl {
	padding: 0 15px 10px;
}
#campusBlog .trial_info dl dt {
	border-bottom: 1px dotted #cccccc;
}
#campusBlog .trial_info dl dd {
	padding: 5px 3px 10px;
	line-height: 1.4;
}

/* campusCourse
----------------------------------------------------------------------------------------- */
#campusCourse {
	float: right;
	width: 392px;
	margin-bottom: 15px;
	padding-top: 5px;
	border-bottom: 1px dotted #cccccc;
}
#campusCourse:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#campusCourse h3 {
	margin-bottom: 8px;
}
#campusCourse dl {
	float: left;
	width: 94px;
	padding: 0 0 0 4px;
	font-size: 84%;
	line-height: 1.4;
}
#campusCourse dl dt {
	padding: 4px;
	background: url(../images/course_ph_bg.gif) no-repeat;
}
#campusCourse dl dd {
	padding: 1px 0 0 1px;
	height: 3.7em;
}

/* campusMessage
----------------------------------------------------------------------------------------- */
#campusMessage {
	float: right;
	width: 392px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
	line-height: 1.5;
}
#campusMessage h3 {
	margin-bottom: 10px;
}
#campusMessage dl {
	float: left;
	width: 130px;
}
#campusMessage dl dd {
	padding: 3px 0 0 5px;
	font-size: 92%;
}
#campusMessage p {
	float: right;
	width: 235px;
	min-height: 180px;
	padding-right: 20px;
}
* html #campusMessage p {
	height: 180px;
}

.tokyo #campusMessage dl dt {
	padding-left: 6px;
}
.sapporo #campusMessage dl,
.sendai #campusMessage dl {
	padding-bottom: 1em;
}
.sapporo #campusMessage p,
.sendai #campusMessage p {
	float: none;
	width: auto;
	min-height: 10px;
	margin-bottom: 1em;
}
* html .sapporo #campusMessage p,
* html .sendai #campusMessage p {
	height: auto;
}


/* campusIntro
----------------------------------------------------------------------------------------- */
#campusIntro {
	float: right;
	width: 392px;
	padding-bottom: 30px;
}
#campusIntro dl.staff {
	position: relative;
	width: 392px;
}
#campusIntro dl.staff dd {
	position: absolute;
	bottom: 28px;
	left: 277px;
	font-size: 92%;
	color: #898989;
}
#campusIntro div.access {
	position: relative;
	width: 378px;
}
#campusIntro div.access p {
	position: absolute;
	top: -27px;
	right: 0;
}
#campusIntro div.access dl {
	width: 190px;
	margin-left: 65px;
	padding-top: 20px;
	color: #333333;
	line-height: 1.5;
}
#campusIntro div.access address {
	margin-bottom: 0.3em;
}
#campusIntro div.access strong {
	font-size: 150%;
}
#campusIntro div.access ul {
	margin-top: 5px;
}


/* entranceArea
============================================================================================================ */
#entranceArea {
	clear: both;
	position: relative;
	padding-top: 2px;
	border-top: 1px dotted #cccccc;
	zoom: 1;
}
#entranceArea h3 {
	padding: 16px 2px 5px;
}
#entranceArea p {
	position: absolute;
	right: 0;
	top: 1px;
}
#entranceArea ul {
	zoom: 1;
}
#entranceArea ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#entranceArea li {
	float: left;
	padding-right: 5px;
}


/* キャンパストップ 十勝
============================================================================================================ */
.tokachi {
	position: relative;
	padding-top: 15px;
	zoom: 1;
}
#indexTokachiSide {
	position: absolute;
	left: 0;
	top: 15px;
	width: 318px;
	background: url(../images/blog_area_bg.gif) repeat-y right;
}
#indexTokachiSideInner01 {
	background: url(../images/blog_area_bg_top.gif) no-repeat right top;
}
#indexTokachiSideInner02 {
	background: url(../images/blog_area_bg_bottom.gif) no-repeat right bottom;
}
#indexTokachiSide p.ph {
	position: relative;
	left: -3px;
}
#indexTokachiSide ul {
	padding-top: 20px;
	text-align: center;
}
#indexTokachiSide .text {
	padding: 5px 2px 15px;
	line-height: 1.4;
	color: #333333;
}
#indexTokachiSide .text ul {
	padding-top: 5px;
	text-align: left;
}
#indexTokachiContents {
	float: right;
	width: 410px;
	position: relative;
	z-index: 10;
}
#indexTokachiContents #campusMessage {
	float: none;
	width: auto;
	margin-right: 10px;
	margin-bottom: 0;
	zoom: 1;
}
#indexTokachiContents #campusMessage:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#indexTokachiContents #campusMessage dl {
	padding-left: 15px;
	width: auto;
}
#indexTokachiContents #teacherMessage {
	background-image: url(../../tokachi/images/message_box_bg.gif);
}
#indexTokachiContents #teacherMessage .inner {
	background: url(../../tokachi/images/message_bg.gif) no-repeat;
}
#indexTokachiContents #teacherMessage h4 {
	margin-left: 26px;
	margin-bottom: 3px;
}
#indexTokachiContents #teacherArera {
	padding: 0 20px 32px 12px;
	background: url(../../tokachi/images/message_bg_bottom.gif) no-repeat bottom;
	zoom: 1;
}
#indexTokachiContents #teacherArera div {
	display: none;
}
#indexTokachiContents #teacherArera div div {
	display: block;
}
#indexTokachiContents #teacherArera ul {
	margin: 0 11px 12px;
	padding: 0 5px 5px;
	border-bottom: 1px dotted #cccccc;
	zoom: 1;
}
#indexTokachiContents #teacherArera ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#indexTokachiContents #teacherArera ul li {
	float: left;
	margin-right: 1em;
	display: inline;
}
#indexTokachiContents #teacherArera div.teacher {
	margin: 0 11px;
	font-size: 92%;
	line-height: 1.4;
}
#indexTokachiContents #teacherArera div.teacher div {
	margin-bottom: 8px;
	zoom: 1;
}
#indexTokachiContents #teacherArera div.teacher div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#indexTokachiContents #teacherArera div.teacher p {
	padding-left: 148px;
}
#indexTokachiContents #teacherArera div.teacher p.ph {
	float: left;
	padding-left: 0;
}
#indexTokachiContents #teacherArera div.teacher dl {
	padding: 8px;
	background-color: #f7f1df;
	color: #cc874b;
}
#indexTokachiContents #teacherArera div.teacher dt {
	padding: 0.2em 0 0.4em;
	font-weight: bold;
}



/* タイトル
============================================================================================================ */
.page_title {
	position: relative;
	margin: 0 10px 14px 0;
	border-bottom: 1px solid #ffffff;
	zoom: 1;
}
.page_title h3 {
	border-bottom: 1px solid #c7ac67;
}
.page_title p {
	position: absolute;
	right: 0;
	bottom: 3px;
	font-size: 92%;
}


/* ブログ
============================================================================================================ */

#blogContents {
	width: 720px;
	padding-bottom: 20px;
}
#blogContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

/* 記事なし
----------------------------------------------------------------------------------------- */
#noBlog {
	padding: 100px 0 70px;
	text-align: center;
	font-size: 109%;
}
#noBlog p {
	margin-bottom: 1em;
}


/* 記事エリア
----------------------------------------------------------------------------------------- */
#blogArea {
	float: left;
	width: 576px;
	background: url(../images/blog_area_bg.gif) repeat-y right;
}
#blogAreaInner01 {
	background: url(../images/blog_area_bg_top.gif) no-repeat right top;
}
#blogAreaInner02 {
	background: url(../images/blog_area_bg_bottom.gif) no-repeat right bottom;
	position: relative;
}
#blogArea ul.tab {
	position: relative;
	z-index: 3;
	padding-left: 19px;
	zoom: 1;
}
#blogArea ul.tab:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#blogArea ul.tab li {
	float: left;
	border-bottom: 1px solid #e1ded4;
}
#blogArea ul.tab li.cuurent {
	border-bottom: 1px solid #ffffff;
}

#blogArea .blogArea {
	position: relative;
	top: -1px;
	z-index: 1;
	/* min-height: 680px; */
	margin-right: 20px;
	padding-bottom: 50px;
	background-color: #ffffff;
	border: 1px solid #e1ded4;
}
#blogArea .blogArea .title {
	position: relative;
	margin: 0 29px 30px;
	padding: 28px 0 5px;
	border-bottom: 1px solid #e1e1e1;
}
#blogArea .blogArea .title h3 {
	padding-left: 44px;
	font-size: 159%;
	line-height: 1.3;
}
#blogArea .blogArea .title h3 a {
	color: #535353;
}
#blogArea .blogArea .title h3.event,
#blogArea .blogArea .title h3.event a {
	color: #ffa200;
}
#blogArea .blogArea .title h3.trial,
#blogArea .blogArea .title h3.trial a {
	color: #d21e4a;
}
#blogArea .blogArea .title h3.class,
#blogArea .blogArea .title h3.class a {
	color: #a0cc29;
}
#blogArea .blogArea .title h3.schooling,
#blogArea .blogArea .title h3.schooling a {
	color: #4f90e0;
}
#blogArea .blogArea .title p {
	padding-left: 44px;
	font-size: 92%;
	color: #898989;
}
#blogArea .blogArea .title p.category {
	position: absolute;
	left: 0;
	top: 30px;
	width: 30px;
	padding: 6px 3px;
	text-align: center;
	font-size: 72%;
	line-height: 1.1;
}
#blogArea .blogArea .title p.event {
	border: 1px solid #ffa200;
	color: #ffa200;
}
#blogArea .blogArea .title p.trial {
	border: 1px solid #d21e4a;
	color: #d21e4a;
}
#blogArea .blogArea .title p.class {
	border: 1px solid #a0cc29;
	color: #a0cc29;
}
#blogArea .blogArea .title p.schooling {
	padding: 1px 3px;
	border: 1px solid #4f90e0;
	color: #4f90e0;
}
#blogArea .blogArea .title p.category img {
	position: absolute;
	bottom: -9px;
	left: 8px;
}

#blogArea .blogArea .blog_body {
	margin: 0 57px 1.4em;
	font-size: 109%;
	zoom: 1;
}
#blogArea .blogArea .blog_body:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#blogArea .blogArea .blog_body p {
	margin-bottom: 1.4em;
}

#blogArea .pager {
	position: absolute;
	bottom: -3em;
	left: 0;
	width: 554px;
	z-index: 10;
	text-align: center;
	margin: 0;
}
* html #blogArea .pager {
	bottom: 0;
}
#blogArea .pager .current_page {
	font-weight: bold;
}


/* 一覧
----------------------------------------------------------------------------------------- */
#blogList {
	position: relative;
	left: -10px;
	float: right;
	width: 140px;
	line-height: 1.4;
}
#blogList ul.list li {
	height: 18px;
	margin-bottom: 2px;
	padding-top: 4px;
	background: url(../images/blog_list_bg.gif) no-repeat;
	text-align: center;
	font-size: 92%;
}
#blogList dl {
	zoom: 1;
}
#blogList dl a {
	color: #535353;
}
#blogList dt {
	margin: 20px 0 5px;
	border-bottom: 1px solid #c9c9c9;
	font-weight: bold;
	color: #535353;
}
#blogList dd dt {
	margin: 0.3em 0 0;
	border-bottom: none;
	font-weight: normal;
}
#blogList dd dd {
	padding-bottom: 0.2em;
	border-bottom: 1px dotted #cccccc;
	font-size: 92%;
	color: #a0a0a0;
}
#blogList dd dt span {
	margin-left: 4px;
/* 	background-color: #ffffff;
 */	font-size: 92%;
}
#blogList dd dt .event {
/* 	border: 1px solid #ffa200;
 */	color: #ffa200;
}
#blogList dd dt .trial {
/* 	border: 1px solid #d21e4a;
 */	color: #d21e4a;
}
#blogList dd dt .class {
/* 	border: 1px solid #a0cc29;
 */	color: #a0cc29;
}
#blogList dd dt .schooling {
/* 	border: 1px solid #4f90e0;
 */	color: #4f90e0;
}
#blogList dd li {
	margin-top: 0.3em;
}



/* キャンパスアルバム
============================================================================================================ */
#albumContents {
	position: relative;
	width: 658px;
	margin: 125px 0 50px 25px;
	padding: 28px 0 2px;
	background: url(../images/album_mesh_bg.gif);
	border: 1px solid #f2ecdc;
}
#albumContents #albumTitle {
	position: absolute;
	top: -125px;
	left: -25px;
	z-index: 500;
}
#albumContents #albumAllWrap {
	position: relative;
	overflow: hidden;
	width: 604px;
	margin-left: 30px;
	padding-bottom: 20px;
	zoom: 1;
}
#albumContents #albumAllWrap:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#albumContents #albumAllInner {
	position: relative;
	overflow: hidden;
	width: 9999em;
}
#albumContents #albumAllInner .box {
	width: 624px;
	float: left;
}
#albumContents #albumAllInner .line {
	padding-bottom: 30px;
	zoom: 1;
}
#albumContents #albumAllInner .line:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}

#albumContents .album {
	width: 188px;
	padding: 0 20px 0 0;
	float: left;
	line-height: 1.5;
}
#albumContents .album h4 {
	padding: 2px 5px;
	color: #ffa200;
	font-size: 109%;
	line-height: 1.3;
}
#albumContents .album p {
	padding: 0 5px;
}
#albumContents .album .ph {
	margin-bottom: 5px;
	padding: 5px 8px 8px 5px;
	background: url(../images/album_ph_bg.png);
}
#albumContents .album .ph a {
	display: block;
	overflow: hidden;
	width: 175px;
	height: 125px;
}
#albumContents .album .movie a img {
	position: relative;
	top: -3px;
}
#albumContents .album .date {
	font-size: 92%;
}
#albumContents .album .btn {
	text-align: center;
	padding-right: 8px;
	margin-top: 15px;
}

#albumContents #albumBtnArea {
	margin: 0 2px;
	padding: 10px 0 7px;
	background: url(../images/album_btn_base.gif) repeat-x;
	text-align: center;
}
#albumContents #albumBtnArea .close {
	display: none;
}
#albumContents #albumBottom {
	z-index: 999;
}
#albumContents #albumBottom p {
	padding-bottom: 2em;
	text-align: center;
}
#albumContents #albumBottom p span {
	color: #cccccc;
}
#albumContents #albumBottom dt {
	padding-bottom: 0.5em;
	font-weight: bold;
	color: #313131;
}
#albumContents #albumBottom #allView {
	display: none;
}
#albumContents #albumBottom dd a {
}
#albumContents #albumBottom dd a.current {
	font-weight: bold;
	color: #313131;
	text-decoration: none;
}

#specialTitle {
	margin: 0 27px;
}
#specialTitle div {
	position: relative;
	background: url(../images/special_bg.gif) no-repeat;
	zoom: 1;
}
#specialTitle div p {
	padding: 13px 23px 15px;
}
#specialTitle div p.notes {
	position: absolute;
	right: 10px;
	top: 10px;
}


/* 特別授業
============================================================================================================ */
#specialContents dl {
	position: relative;
	z-index: 5;
	margin: 0 25px;
}
#specialContents dt {
	float: left;
	padding-top: 10px;
}
#specialContents dd {
	margin-left: 300px;
}
#specialContents #slide {
	position: relative;
	top: -10px;
	padding-top: 87px;
}


#specialContents #slide h4 {
	padding-left: 44px;
}
#specialContents #slide p {
	position: absolute;
	right: 60px;
	top: 95px;
	font-size: 84%;
}
.sapporo #specialContents #slide {
	background: url(../../sapporo/special/images/slide_bg.jpg) no-repeat 27px 0px;
}
.sendai #specialContents #slide {
	background: url(../../sendai/special/images/slide_bg.jpg) no-repeat 27px 0px;
}
.nagoya #specialContents #slide {
	background: url(../../nagoya/special/images/slide_bg.jpg) no-repeat 16px 0px;
}
.tokyo #specialContents #slide {
	background: url(../../tokyo/special/images/slide_bg.jpg) no-repeat 16px 0px;
}
.sendai #specialContents #slide {
	top: -24px;
	padding-top: 101px;
}
.sendai #specialContents #slide p {
	top: 109px;
}
.nagoya #specialContents #slide {
	top: -24px;
	padding-top: 101px;
}
.nagoya #specialContents #slide p {
	top: 109px;
}




/* 体験入学
============================================================================================================ */
#trialContents {

}
#trialContents h4 {
	margin-top: 14px;
}

/* ボタン
----------------------------------------------------------------------------------------- */
#trialContents #btnArea {
	margin-right: 10px;
	padding: 14px 0 7px 14px;
	background-color: #ffffff;
	border: 1px solid #c9c9c9;
	zoom: 1;
}
#trialContents #btnArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#trialContents #btnArea li {
	float: left;
	width: 223px;
	height: 32px;
	margin: 0 7px 7px 0;
	padding: 10px 0 0;
	background: url(../images/trial_btn_bg.gif) no-repeat;
	text-align: center;
	color: #4f90e0;
	font-weight: bold;
}
#trialContents #btnArea li.current {
	background: url(../images/trial_btn_bg_on.gif) no-repeat;
}

/* 内容
----------------------------------------------------------------------------------------- */
#trialMain {
	position: relative;
	margin-right: 10px;
	padding: 32px 156px 40px 22px;
	min-height: 300px;
	background-color: #ffffff;
	border: 1px solid #c9c9c9;
	zoom: 1;
}
* html #trialMain {
	height: 300px;
}
#trialMain #rightPh {
	position: absolute;
	right: 4px;
	top: -42px;
}
#trialMain .title {
	margin-bottom: 15px;
	padding: 0 6px 5px;
	border-bottom: 1px solid #e3e3e3;
}
#trialMain .title dt {
	float: left;
}
#trialMain .title dd {
	margin-left: 95px;
	font-size: 134%;
	line-height: 1.3;
}
#trialMain #mainPh {
	padding-bottom: 40px;
	background: url(../images/trial_main_shadow.gif) no-repeat bottom;
	text-align: center;
}
#trialMain #mainPh img {
	padding: 2px;
	border: 1px solid #dcdcdc;
}
#trialMain #detailArea {
	padding-top: 5px;
	font-size: 109%;
	zoom: 1;
}
#trialMain #detailArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#trialMain #detailArea #subImage {
	float: left;
}
#trialMain #detailArea #subImage li {
	margin-bottom: 7px;
}
#trialMain #detailArea #subImage img {
	padding: 2px;
	border: 1px solid #dcdcdc;
}


#trialMain #detailArea p {
	margin-bottom: 1.3em;
}

#trialText {
	margin: 0 60px;
}
#trialMain #detailArea .have_ph {
	margin: 0;
	width: 354px;
	float: right;
}

/* タイムスケジュール
----------------------------------------------------------------------------------------- */
div#timeSchedule h4 {
	border-bottom: 1px solid #ffa200;
	margin: 0 0 0.3em;
}
div#timeSchedule dl {
	zoom: 1;
}
div#timeSchedule dt {
	float: left;
	padding-left: 0.8em;
}
div#timeSchedule dd {
	margin-bottom: 0.3em;
	padding-bottom: 0.2em;
	padding-left: 6em;
	border-bottom: 1px dotted #ffa200;
}


/* 申込み
----------------------------------------------------------------------------------------- */
#trialEntry {
	position: relative;
	margin-right: 10px;
	padding: 20px 30px 40px;
	background-color: #ffffff;
	border: 1px solid #c9c9c9;
	zoom: 1;
}
#trialEntry p {
	color: #333333;
}
#trialEntry ul {
	width: 500px;
	margin: 5px 0 50px;
	zoom: 1;
}
#trialEntry ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#trialEntry ul.double {
	margin-bottom: 20px;
}
#trialEntry ul li {
	float: left;
	width: 104px;
	margin-right: 1px;
	padding: 8px;
	background-color: #eeeeee;
	font-size: 125%;
	font-weight: bold;
	color: #000000;
}
#trialEntry p.btn {
	text-align: center;
}
#trialEntry p.image {
	position: absolute;
	bottom: 0;
	right: -16px;
}

label {
	cursor: pointer;
}



/* フォーム
============================================================================================================ */
#formContents {
	margin-right: 10px;
	padding: 14px 0 0;
	background-color: #ffffff;
	border: 1px solid #c9c9c9;
	font-size: 109%;
	zoom: 1;
}
#formContents .title {
	width: 687px;
	margin: 0 0 12px 12px;
	background: url(../images/form_course_bg.gif) no-repeat;
	zoom: 1;
}
#formContents .title:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#formContents .title dt {
	float: left;
	padding: 8px 10px 9px;
}
#formContents .title dd {
	padding-top: 8px;
	font-size: 125%;
	font-weight: bold;
	color: #ffffff;
}
#formContents table {
	width: 680px;
	margin: 0 0 15px 15px;
	border-top: 1px solid #c9c9c9;
}
#formContents table th,
#formContents table td {
	padding: 0.6em 1em;
	border-bottom: 1px solid #c9c9c9;
	vertical-align: top;
}
#formContents table th {
	width: 22%;
	border-left: 1px solid #c9c9c9;
}
#formContents table td {
	border-right: 1px solid #c9c9c9;
}
#formContents table .odd th,
#formContents table .odd td {
	background-color: #fcf9f0;
}
#formContents em {
	color: #d21e4a;
}
#formContents td em {
	display: block;
	margin-top: 8px;
	font-size: 92%;
	line-height: 1.4;
}
#formContents div.btn {
	padding: 30px 0 50px;
	text-align: center;
}
#formContents div.btn form {
	display: inline;
	margin: 0 5px;
}
ul.error {
	padding: 10px 10px 30px;
	color: #d21e4a;
	font-weight: bold;
	font-size: 117%;
}
input.size01 {width: 200px;}
input.size02 {width: 60px;}
input.size03 {width: 40px;}
input.size04 {width: 480px;}
input.size05 {width: 100px;}
input.size06 {width: 70px;}
input.size07 {width: 110px;}
textarea {width: 480px;height: 120px;}

#contentsArea div.thanks_page {
	padding: 20px;
}
#contentsArea div.thanks_page p {
	margin-bottom: 0.8em;
}
#friendInput p {
	padding-bottom: 0.5em;
}
#friendInput .box,
#friendInput2 .box {
	width: 100%;
	border-top: 1px dotted #cac7c0;
}
#friendInput .box p.text {
	padding: 0.5em 0 0;
	color: #6a3906;
}
#contentsArea #school_ritsu,
#friendInput .box .school_ritsu {
	overflow: hidden;
	float: left;
}
#contentsArea #school_ritsu p,
#friendInput .box .school_ritsu p {
	padding: 0 0.5em 0 0;
}

#friendInput table,
#friendInput2 table {
	width: 100%;
	margin: 0;
	border-top: none;
	margin-bottom: 10px;
}
#friendInput table th,
#friendInput table td,
#friendInput2 table th,
#friendInput2 table td {
	padding: 0.6em 1em 0 0;
	border-bottom: none;
	vertical-align: middle;
	background-color: transparent !important;
}
#friendInput table th,
#friendInput2 table th {
	width: 22%;
	border-left: none;
}
#friendInput table td ,
#friendInput2 table td {
	border-right: none;
}
#friendInput #addFriendsBtn {
	text-align: center;
}


dl.question {
	padding: 10px 15px 15px;
}
dl.question em {
	font-size: 92%;
}
dl.question dt {
	margin-bottom: 5px;
}
dl.question dd {
	padding: 0.6em 1em;
	border: 1px solid #c9c9c9;
	background-color: #fcf9f0;
	zoom: 1;
}
dl.question dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
dl.question dd label {
	float: left;
	padding: 0.3em 0;
	margin-right: 1em;
	white-space: nowrap;
}
dl.campus dd ul {
	padding-left: 15%;
}
dl.campus dd ul li {
	width: 40%;
	float: left;
}
dl.anq01 dd {
	padding: 1.2em 1em;
}
dl.anq01 dd dt {
	clear: left;
	float: left;
	color: #313131;
	margin-right: 1em;
}
dl.anq01 dd dt label {
	float: none;
	padding: 0;
	margin-right: 0;
}
dl.anq01 dd dd {
	padding: 0 0 0.5em 15em;
	border: none;
	background-color: transparent;
	zoom: normal;
}
dl.anq01 dd dd.no-p {
	padding-left: 0;
}
#formContents dl.anq01 dd dd em {
	width: 5em;
	color: #6f6f6f;
	display: block;
	float: left;
}
dl.anq01 dd dd input {
	vertical-align: middle;
}
#formContents dl.fin_anq {
	padding: 20px 0 50px;
	text-align: center;
}

#formContents dl.go_anq {
	padding: 20px 0 20px;
	text-align: center;
}

#formContents dl.go_confirm {
	border-top: 1px dotted #7f7f7f;
	background-color: #f2f2f2;
	padding: 16px 0;
	text-align: center;
}
#formContents dl.go_confirm dt {
	margin-bottom: 4px;
}

#formContents dl.next_anq {
	margin-top: 30px;
	border-top: 1px dotted #7f7f7f;
	background-color: #f2f2f2;
	padding: 16px 0;
	text-align: center;
}
#formContents dl.next_anq dt {
	margin-bottom: 4px;
}

#formContents .anqSepa {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #7f7f7f;
}




/* アクセス
============================================================================================================ */
#accessContents {
	margin: 0 20px;
}
#accessMap {
	width: 662px;
	height: 473px;
	padding-top: 20px;
	background: url(../images/access_map_bg.gif) no-repeat;
	color: #333333;
}
#accessMap #map {
	width: 622px;
	height: 453px;
	margin: 0 auto;
	border: 1px solid #c9c9c9;
}

#accessContents #detail {
	margin: 14px 12px;
	zoom: 1;
}
#accessContents #detail:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

#accessContents #detail p {
	float: left;
}
#accessContents #detail dl {
	margin-left: 370px;
	padding-top: 5px;
	color: #333333;
	font-size: 109%;
}
#accessContents #detail ul {
	margin-left: 370px;
	padding-top: 20px;
}



/* 卒業生インタビュー
============================================================================================================ */
#interviewNavi ul {
	width: 703px;
	margin-bottom: 25px;
	padding-left: 7px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #999999;
}
#interviewNavi ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#interviewNavi li {
	float: left;
	width: 330px;
	height: 24px;
	margin-right: 5px;
	margin-bottom: 3px;
	padding: 4px 0 0 16px;
	background: url(../images/interview_btn_bg.gif) no-repeat;
}
#interviewNavi li strong {
	color: #4f90e0;
}

#interviewContents {
	margin: 0 20px 30px 40px;
	zoom: 1;
}
#interviewContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

#interviewContents p.ph {
	float: left;
}
#interviewMain {
	float: right;
	width: 410px;
}
#interviewMain h4 {
	margin-top: 1em;
	font-weight: normal;
}
#interviewMain div.interview {
	margin-top: 1.5em;
}

#interviewMain div.interview p {
	text-indent: 1em;
}