@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
	font-size: 62.5%;
}

body {
	text-align: center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	font-size: 1.0rem;
	color: #333333;
	background-color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal;
	font-size: 100%;
}

img {
	border: 0;
}


/* リンク */
a img {
	border: 0;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #AAAAAA;
	text-decoration: none;
}
a:active {
	color: #333333;
	text-decoration: none;
}


.over a:hover img {
	opacity: 0.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}


.clear {
	clear: both;
}


#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	background-color: #FFFFFF;
}


/* ヘッダー */
#header {
	margin-bottom: 20px;
}

h1 {
	text-align: center;
}


/* フォームバナー */
.form-banner {
	padding: 0 30px 30px;
}
.form-banner .left {
	float: left;
}
.form-banner .right {
	float: right;
}
.form-banner a:hover img {
	opacity: 0.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}



/* コンテンツ */
#main {
	width: 960px;
	margin-bottom: 20px;
}

#top-box {
	margin-bottom: 30px;
	background: url(../img/20130805/top_box_bg_check.jpg) repeat 0 0;
}
#top-box-inner {
	height: 1600px;
	position: relative;
}
.top-box-contents1 {
	width: 820px;
	margin-bottom: 15px;
	padding: 16px 50px 30px;
	background-color: #FFFFFF;
	position: absolute;
	top: 15px;
	left: 18px;
	z-index: 1;
}
.top-box-contents1-inner {
	padding-bottom: 30px;
}
.top-box-contents1-inner2 {
	padding-bottom: 5px;
}
.top-box-contents1-main {
	padding-bottom: 28px;
}
.top-box-contents1-title {
	padding: 0 0 16px;
}
.top-box-contents1-title2 {
	padding: 4px 13px 20px 0;
	text-align: right;
}
.top-box-contents1-title3 {
	margin-bottom: 15px;
}
.top-box-contents1-text {
	line-height: 1.6;
}
.top-box-contents1-text2 {
	padding-bottom: 20px;
	line-height: 1.6;
}
.top-box-contents1-text3 {
	padding-bottom: 20px;
	padding-right: 30px;
	line-height: 1.6;
}
.top-box-contents1-text4 {
	padding-right: 30px;
	line-height: 1.6;
}
.top-box-contents1-text5 {
	padding-bottom: 12px;
	padding-left: 10px;
	line-height: 1.6;
}

.top-box-contents2 {
	width: 630px;
	height: 550px;
	background: url(../img/20130805/top_box_bg_white.png) no-repeat 0 10px;
	position: absolute;
	top: 1035px;
	left: 18px;
	z-index: 1;
}
.top-box-contents2-title {
	padding-bottom: 15px;
	padding-left: 40px;
}
.top-box-contents2-text1 {
	padding: 0 50px 18px 30px;
	line-height: 1.6;
}
.top-box-contents2-text2 {
	padding: 0 70px 18px 30px;
	line-height: 1.6;
}

.top-box-contents3 {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
}



#pickup {
	margin-bottom: 30px;
	padding: 20px 0;
	background-color: #000066;
}
#pickup-inner {
	margin-right: 20px;
	margin-left: 20px;
	padding: 30px 16px 0;
	color: #FFFFFF;
	background-color: #333385;
}
.pickup-box {
	padding-bottom: 25px;
}
.pickup-box:last-child {
	padding-bottom: 10px;
}
.pickup-photo {
	width: 200px;
	float: left;
}
.pickup-contents {
	padding-right: 10px;
	padding-left: 230px;
}
.pickup-name {
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 1.4;
	margin-bottom: 15px;
}
.pickup-name span {
	font-size: 20px;
	font-size: 2.0rem;
}
.pickup-title {
	margin-bottom: 8px;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
}
.pickup-text {
	margin-bottom: 20px;
	line-height: 1.4;
}



#schedule-box {
	margin-bottom: 30px;
	padding: 3px 3px 15px;
	background-color: #FFFFFF;
	border: 5px solid #05488C;
}
#schedule-box .schedule-box-top {
	margin-bottom: 10px;
}
#schedule-box h2 {
	margin-bottom: 10px;
}
#schedule-box .left {
	width: 450px;
	padding-right: 10px;
	padding-left: 17px;
	float: left;
}
#schedule-box .left table#schedule {
	margin-bottom: 10px;
	border: 8px solid #FF3366;
}
#schedule-box .left table#schedule th {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
	padding: 2px 0 12px;
	text-align: center;
	background-color: #FF3366;
}
#schedule-box .left table#schedule td {
	width: 50%;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #000000;
	padding: 12px 0;
	text-align: center;
	border-top: 1px solid #999999;
}
#schedule-box .left table#schedule td span {
	font-weight: normal;
	font-size: 13px;
}
#schedule-box .left table#schedule tr.top_td td {
	padding: 10px 0 12px;
	border-top: none;
}
#schedule-box .left table#schedule td.left_td {
	border-right: 1px solid #999999;
}
/*
#schedule-box .left table#schedule tr.bottom_td td {
	border-bottom: none;
}
*/

table.table-opencampus-schedule {
	width: 100%;
}
table.table-opencampus-schedule th {
	padding: 10px;
	font-weight: bold;
	text-align: center;
	background-color: #CCCCCC;
}
table.table-opencampus-schedule td {
	padding: 10px;
	line-height: 1.3;
	background-color: #FFFFFF;
}
table.table-opencampus-schedule tr.bg td {
	background-color: #BBD661;
}

.schedule-box-contents-title {
	margin-bottom: 8px;
}
.schedule-box-contents-text {
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	padding: 0 14px 12px;
	line-height: 1.3;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	color: #00478E;
}
.schedule-box-contents-text span {
	font-weight: normal;
	font-size: 12px;
	font-size: 1.2rem;
	color: #333333;
}


#schedule-box .right {
	width: 450px;
	float: left;
}
#schedule-box .voice-image {
	margin-bottom: 0;
}

#schedule-box .voice {
	padding: 0 2px 3px;
	background: url(../img/20130805/voice_bg.jpg) repeat 0 0;
	border-right: 1px solid #0984FF;
	border-bottom: 1px solid #0984FF;
	border-left: 1px solid #0984FF;
}
#schedule-box .voice .voice-inner {
	padding: 0 8px;
	background-color: #FFFFFF;
	border-right: 1px solid #0984FF;
	border-bottom: 1px solid #0984FF;
	border-left: 1px solid #0984FF;
}
.voice-q {
	padding-top: 10px;
	margin-bottom: 7px;
}
.voice-a {
	padding: 0 13px 13px;
	line-height: 1.4;
	background: url(../img/20130805/measure.jpg) repeat-x left bottom;
}


#schedule-box .left2 {
	width: 212px;
	margin-left: 20px;
	background-color: #00A7EB;
	float: left;
}
#schedule-box .right2 {
	width: 212px;
	margin-left: 20px;
	background-color: #00A7EB;
	float: left;
}



#schedule-box .left2:before, #schedule-box .right2:before {
	display: block;
	height: 18px;
	content: "";
	background: url(../img/20130805/schedule_box_contents2_bg_top212.jpg) no-repeat left top;
}
#schedule-box .left2:after, #schedule-box .right2:after {
	display: block;
	height: 18px;
	content: "";
	background: url(../img/20130805/schedule_box_contents2_bg_bottom212.jpg) no-repeat left top;
}
.schedule-box-contents2-date {
	line-height: 0;
	text-align: center;
}
.schedule-box-contents2-date {
	width: 181px;
	margin: 0 auto 10px;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	padding: 10px 0;
	line-height: 1.0;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	color: #00A7EB;
	background-color: #FFFFFF;
}
.schedule-box-contents2-date.special {
	background-color: #FFFFCC;
}
.schedule-box-contents2-date.font-s {
	font-size: 16px;
	font-size: 1.6rem;
}
.schedule-box-contents2-title {
/*
	height: 56px;
*/
	display: table-cell;
	height: 60px;
	padding-bottom: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	color: #FFFFFF;
}
.schedule-box-contents2-title span {
	text-align: center;
}
.schedule-box-contents2-title2 {
	height: 60px;
	padding-bottom: 10px;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	line-height: 1.2;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	color: #FFFFFF;
}
.schedule-box-contents2-title2 span {
	display: block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
.schedule-box-contents2-photo {
/*
	margin-bottom: 18px;
	height: 136px;
	height: 181px;
	margin-bottom: 15px;
*/
	height: 110px;
	margin-bottom: 15px;
	line-height: 0;
	text-align: center;
}
.time-schedule {
	height: 120px;
	padding: 0 14px;
}
.time-schedule p {
	margin-bottom: 4px;
	padding: 0 2px 3px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.time-schedule p span {
	margin-right: 2px;
	letter-spacing: 2px;
}
.schedule-box-contents2-text, .schedule-box-contents2-text2 {
	width: 181px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
.schedule-box-contents2-text:before, .schedule-box-contents2-text2:before {
	display: block;
	height: 16px;
	content: "";
	background: url(../img/20130805/schedule_box_contents2_bg_top181.jpg) no-repeat left top;
}
.schedule-box-contents2-text:after, .schedule-box-contents2-text2:after {
	display: block;
	height: 16px;
	content: "";
	background: url(../img/20130805/schedule_box_contents2_bg_bottom181.jpg) no-repeat left bottom;
}
.schedule-box-contents2-text p {
/*
	height: 230px;
	height: 170px;
*/
	height: 220px;
	padding: 0 10px;
	line-height: 1.6;
	font-size: 12px;
	font-size: 1.2rem;
}
.schedule-box-contents2-text2-inner {
	height: 341px;
	padding: 0 10px;
	line-height: 1.6;
	font-size: 12px;
	font-size: 1.2rem;
}
.schedule-box-contents2-text2-inner p {
	padding-bottom: 10px;
}
.schedule-box-contents2-text p a {
	text-decoration: underline;
}
.schedule-box-contents2-text p span.block {
	display: block;
	padding-top: 10px;
}
.schedule-box-contents2-text p strong.special {
	color: red;
}


#point-box {
	margin-bottom: 30px;
	padding: 3px;
	background-color: #FFFFFF;
	border: 5px solid #000000;
}
#point-box h2 {
	margin-bottom: 13px;
}
#point-box #point-area {
	margin-bottom: 10px;
}
#point-box .point {
	padding-bottom: 20px;
	padding-left: 20px;
}
#point-box .point .left {
	margin-right: 8px;
	float: left;
}
#point-box .point .center {
	float: left;
}
#point-box .point .center2 {
	width: 620px;
	float: left;
}
#point-box .point .center h3, #point-box .point .center2 h3 {
	margin-bottom: 8px;
}
#point-box .point .center p {
	padding-left: 10px;
	line-height: 1.6;
	font-size: 16px;
	font-size: 1.6rem;
}
#point-box .point .center2 p {
	padding-left: 10px;
	line-height: 1.6;
	font-size: 16px;
	font-size: 1.6rem;
}
#point-box .point2 {
	float: left;
}
#point-box .point-photo {
	margin-top: -40px;
	padding-right: 20px;
	float: right;
}
#point-box .point-photo p {
	margin-bottom: 15px;
}
#point-box #support-area {
	margin-bottom: 40px;
	padding: 0 22px;
}
#point-box #support-area .support-area-main-title {
	margin-bottom: 18px;
}
#point-box #support-area #support-area-inner {
	padding: 0 20px;
}
#point-box #support-area .support-area-sub-title {
	margin-bottom: 8px;
}
#point-box #support-area .support-area-text1 {
	margin-bottom: 12px;
	line-height: 1.6;
}
#point-box #support-area .support-area-text2 {
	margin-bottom: 16px;
	line-height: 1.6;
}
#point-box #support-area .support-area-img {
	padding-left: 15px;
}


#schedule-all-contents {
	padding: 0 30px 40px;
}
#schedule-all-contents .schedule-all-title {
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	color: #E00351;
}

.schedule-all-table {
	margin: 0 auto;
}
.schedule-all-table th {
	padding: 7px;
	font-weight: bold;
	text-align: center;
	background-color: #CCCCCC;
}
.schedule-all-table td {
	padding: 5px 7px;
	line-height: 1.3;
	background-color: #FFFFFF;
}
.schedule-all-table td.may {
	text-align: center;
	color: #FFFFFF;
	background-color: #33CC33;
}
.schedule-all-table td.june {
	text-align: center;
	color: #FFFFFF;
	background-color: #3366FF;
	padding-top: 22px;
	padding-bottom: 22px;
}
.schedule-all-table td.july {
	text-align: center;
	color: #FFFFFF;
	background-color: #FF33CC;
}
.schedule-all-table td.august {
	text-align: center;
	color: #FFFFFF;
	background-color: #FF6633;
}
.schedule-all-table td.september {
	text-align: center;
	color: #FFFFFF;
	background-color: #FFCC00;
}
.schedule-all-table td strong.special {
	color: #FF0000;

}


#advice-contents {
	padding: 0 30px 40px;
}
#advice-contents .advice-contents-main-title {
	margin-bottom: 20px;
}
#advice-contents .advice-contents-sub-title {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	color: #E00351;
}
#advice-contents .advice-contents-text {
	margin-bottom: 20px;
	line-height: 1.6;
}


.banner {
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

#school {
	width: 810px;
	margin: 0 auto;
	padding-top: 30px;
}
#school .school-left {
	width: 360px;
	padding-right: 20px;
	float: left;
}
#school .school-right {
	width: 370px;
	padding-left: 40px;
	border-left: 1px dotted #000000;
	float: right;
}
#school .school-text {
	line-height: 1.5;
	font-size: 15px;
	font-size: 1.5rem;
}


#profile1 {
	padding-left: 15px;
	margin-bottom: 30px;
}
.profile1-box {
	width: 294px;
	margin-right: 8px;
	margin-left: 8px;
	background: url(../img/20130805/profile1_bg1.jpg) repeat-y left top;
	float: left;
}
.profile1-box:before {
	display: block;
	height: 16px;
	content: "";
	background: url(../img/20130805/profile1_bg1_top.jpg) no-repeat left top;
}
.profile1-box:after {
	display: block;
	height: 16px;
	content: "";
	background: url(../img/20130805/profile1_bg1_bottom.jpg) no-repeat left bottom;
}
.profile1-box .profile-box-top {
	padding: 0 16px 8px;
	color: #FFFFFF;
}
.profile1-box .profile-box-top .profile-box-photo {
	float: left;
	margin-right: 30px;
}
.profile1-box .profile-box-top .profile-box-list {
	float: left;
	padding-top: 8px;
}
.profile1-box .profile-box-top .profile-box-list ul li {
	padding-bottom: 6px;
	letter-spacing: 2px;
}
.profile1-box .profile-box-bottom {
	width: 262px;
	margin: 0 auto;
	background: url(../img/20130805/profile1_bg2.jpg) repeat-y left top;
}
.profile1-box .profile-box-bottom:before {
	display: block;
	height: 5px;
	content: "";
	background: url(../img/20130805/profile1_bg2_top.jpg) no-repeat left top;
}
.profile1-box .profile-box-bottom:after {
	display: block;
	height: 5px;
	content: "";
	background: url(../img/20130805/profile1_bg2_bottom.jpg) no-repeat left bottom;
}
.profile1-box .profile1-box-bottom-inner {
	height: 170px;
}
.profile1-box .profile-box-text {
	padding: 0 14px;
	line-height: 2.4;
	font-size: 12px;
	font-size: 1.2rem;
}

#profile2 {
	padding-left: 7px;
	margin-bottom: 30px;
}
.profile2-box {
	width: 294px;
	margin-right: 8px;
	margin-left: 8px;
	background: url(../img/20130805/profile2_bg1.jpg) repeat-y left top;
	float: left;
}
.profile2-box:before {
	display: block;
	height: 16px;
	content: "";
	background: url(../img/20130805/profile2_bg1_top.jpg) no-repeat left top;
}
.profile2-box:after {
	display: block;
	height: 16px;
	content: "";
	background: url(../img/20130805/profile2_bg1_bottom.jpg) no-repeat left bottom;
}
.profile2-box .profile-box-top {
	padding: 0 16px 8px;
	color: #3E50A6;
}
.profile2-box .profile-box-top .profile-box-photo {
	float: left;
	margin-right: 30px;
}
.profile2-box .profile-box-top .profile-box-list {
	float: left;
	padding-top: 8px;
}
.profile2-box .profile-box-top .profile-box-list ul li {
	padding-bottom: 6px;
	letter-spacing: 2px;
}
.profile2-box .profile-box-bottom {
	width: 262px;
	margin: 0 auto;
	background: url(../img/20130805/profile2_bg2.jpg) repeat-y left top;
}
.profile2-box .profile-box-bottom:before {
	display: block;
	height: 5px;
	content: "";
	background: url(../img/20130805/profile2_bg2_top.jpg) no-repeat left top;
}
.profile2-box .profile-box-bottom:after {
	display: block;
	height: 5px;
	content: "";
	background: url(../img/20130805/profile2_bg2_bottom.jpg) no-repeat left bottom;
}
.profile2-box .profile-box-bottom-inner {
	height: 170px;
}
.profile2-box .profile-box-text {
	padding: 0 14px;
	line-height: 2.4;
	font-size: 12px;
	font-size: 1.2rem;
}



/* フッター */
#footer {
	position: relative;
	padding: 30px 50px;
	text-align: left;
	background-color: #669900;
}
.school-name {
	padding: 15px 0px 10px;
	font-size: 20px;
	font-size: 2.0rem;
	color: #FFFFFF;
}
.school-url {
	line-height: 20px;
	color: #FFFFFF;
}
.school-url a {
	color: #FFFFFF;
}
.school-url a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.school-address {
	font-style: normal;
	line-height: 20px;
	color: #FFFFFF;
}

#facbook {
	position: absolute;
	right: 30px;
	bottom: 30px;
/*
	right: 100px;
	bottom: 30px;
*/
}
/*
#twitter {
	position: absolute;
	right: 30px;
	bottom: 30px;
}
*/


.font-red {
	color: #E50C0C;
}


.float-left-img {
	margin-right: 40px;
	float: left;
}
.float-left-img2 {
	margin-right: 50px;
	float: left;
}
.float-right-img {
	margin-left: 40px;
	float: right;
}

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

.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}

.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}


/******************************
floatClearHack
******************************/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */