@charset "utf-8";


/* レイアウトリセット
------------------------------------------------------------ */
.mainContWrap,
.footWrap {
	margin-left:0px;
	border-left:none;
}
address {
	margin:0 auto;
	max-width:960px;
}
.sideCnt {
	display:none;
}
@media screen and (max-width: 767px) {
address {
	padding:30px 0;
}
}
/* ナビゲーション
------------------------------------------------------------ */
.ocNaviWrap {
	width:100%;
	background-color:#cb8dd4;
	text-align:center;
}
.ocNaviWrap ul {
	width:960px;
	margin:0 auto;
	display:table;
	table-layout: fixed;
}
.ocNaviWrap li {
	display:table-cell;
	background-color:#95519f;
	border-left:solid 1px #FFFFFF;
}
.ocNaviWrap li:first-child {
	border:none;
}
.ocNaviWrap li a {
	display:block;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	padding:15px 0;
}
.ocNaviWrap li a:hover {
	color:#FFF !important;
	background-color:#793184;
}
@media screen and (max-width: 767px) {
.ocNaviWrap {
	padding:5px;
}
.ocNaviWrap ul {
	border-top:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	display:block;
	width:100%;
	font-size:0;
}
.ocNaviWrap li {
	display:inline-block;
	font-size:13px;
	width:50%;
	border-left:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
}
.ocNaviWrap li:first-child {
	border-left:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
}
.ocNaviWrap li a {
	padding:12px 0;
}
}
/* メインイメージ
------------------------------------------------------------ */
.ocMainimgWrap {
	text-align: center;
	background-color: #e0f4fc;
	height: 320px;
	background-image: url(../images/opencampus/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:40px;
}
@media screen and (max-width: 767px) {
.ocMainimgWrap {
	height: auto;
	padding:10px;
}
.ocMainimgWrap img {
	width:100%;
	height:auto;
}
}
/* 告知
------------------------------------------------------------ */
.ocKokuchiWrap {
	width: 100%;
	background-image: url(../images/opencampus/date_bg.gif);
	background-repeat: repeat-x;
}
.ocKokuchi {
	max-width:960px;
	margin:0 auto;
	padding:50px 0 40px 0;
	text-align:center;
}
.ocKokuchi dl {
	display:inline-block;
	vertical-align:top;
	margin:0 25px;
}
.ocKokuchi dl.kaisaiDay {
	width:390px;
}
.ocKokuchi dl.kaisaiDay dt {
	background-image: url(../images/opencampus/dateti_bg.gif);
	font-size:1.5em;
	font-weight:bold;
	color:#FFF;
	padding:6px 0;
}
.ocKokuchi dl.kaisaiDay dd {
	padding: 30px 0 0px 0;
	font-size: 2.4em;
	color: #0a4b8b;
	background-image: url(../images/opencampus/date_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.ocKokuchi dl.kaisaiDay dd span {
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
}
.ocKokuchi dl.kaiaiMail dt {
	margin-bottom:20px;
}
li.ocYoyaku a {
	border:solid 2px #e62992;
	display:block;
	margin:5px auto;
	width:330px;
	background-color:#fff6d8;
	text-decoration:none;
	font-weight:bold;
	color:#e62992;
	font-size:1.2em;
	padding:10px;
	position:relative;
}
li.ocYoyaku a:after {
	content: "";
	display: block;
	background-image: url(../images/opencampus/cmn_oc.png);
	background-repeat: no-repeat;
	background-size: 100px;
	position:absolute;
	background-position: 0px 0px;
	width: 5px;
	height:7px;
	top:50%;
	right:10px;
	margin-top:-4px;
}
li.ocYoyaku a:hover {
	color:#fff !important;
	background-color:#e62992;
}
li.ocYoyaku a:hover:after,
li.ocContact a:hover:after {
	background-position: 0px -8px;
}
li.ocContact a {
	border:solid 2px #175caa;
	display:block;
	margin:5px auto;
	width:330px;
	background-color:#f0f6fc;
	text-decoration:none;
	font-weight:bold;
	color:#175caa;
	font-size:1.2em;
	padding:10px;
	position:relative;
}
li.ocContact a:after {
	content: "";
	display: block;
	background-image: url(../images/opencampus/cmn_oc.png);
	background-repeat: no-repeat;
	background-size: 100px;
	position:absolute;
	background-position: -7px 0px;
	width: 5px;
	height:7px;
	top:50%;
	right:10px;
	margin-top:-4px;
}
li.ocContact a:hover {
	color:#fff !important;
	background-color:#175caa;
}
@media screen and (max-width: 767px) {
.ocKokuchiWrap {
}
.ocKokuchi {
	padding:20px 0 20px 0;
}
.ocKokuchi dl {
	display:block;
	margin:0 10px 0 10px;
}
.ocKokuchi dl.kaisaiDay {
	width:100%;
	margin:0px;
}
.ocKokuchi dl.kaisaiDay dt {
	font-size:1em;
	padding:6px 0;
}
.ocKokuchi dl.kaisaiDay dd {
	padding: 10px 0 0px 0;
	font-size: 1.8em;
	background-size:15px auto;
}
.ocKokuchi dl.kaisaiDay dd span {
	font-size: 1.8em;
}
.ocKokuchi dl.kaiaiMail dt {
	margin-bottom:10px;
}
.ocKokuchi dl.kaiaiMail dt img {
	width:100%;
	height:auto;
}
li.ocYoyaku a {
	margin:10px auto;
	width:100%;
	font-size:1em;
}
li.ocContact a {
	margin:10px auto;
	width:100%;
	font-size:1em;
}
}
/* プログラム紹介
------------------------------------------------------------ */
.ocProgramWrap {
	width:100%;
	background-color:#f2fafe;
	text-align:center;
}
.ocProgramBox {
	max-width:960px;
	margin:0 auto;
	padding:50px 0 30px 0;
}
.ocProgramBox h2 {
	font-size:2.5em;
	color:#2C68A2;
	font-weight:normal;
	padding:0px 0px 6px 0px;
}
.ocProgramBox h2 span {
	position:relative;
	padding-left:40px;
}
.ocProgramBox h2 span:before {
	content: "";
	display: block;
	background-image: url(../images/opencampus/cmn_oc.png);
	background-repeat: no-repeat;
	background-size: 100px;
	position:absolute;
	background-position: 0px -25px;
	width: 25px;
	height:34px;
	top:50%;
	left:0px;
	margin-top:-18px;
}
.ocProgramBox dl {
	display:inline-block;
	width:378px;
	margin:30px 40px;
	vertical-align:top;
	box-shadow: 0px 0px 4px 0px #d7d7d7;
	-webkit-box-shadow: 0px 0px 4px 0px #d7d7d7;
	-moz-box-shadow: 0px 0px 4px 0px #d7d7d7;
	background-color:#FFF;
}
.ocProgramBox dt span {
	font-weight:bold;
	font-size:1.4em;
	padding:30px;
	display:block;
	color:#1460ac;
}
.ocProgramBox dd {
	padding:0 15px 30px 15px;
	line-height:1.6;
}
.ocProgramUnder {
	background-color:#c9eafa;
	padding:30px 0;
}
.ocProgramUnder li {
	display:inline-block;
	margin:0 30px;
}
.ocProgramUnder li a {
	background-color:#fff;
	width:380px;
}
@media screen and (max-width: 767px) {
.ocProgramBox {
	padding:20px 10px 20px 10px;
}
.ocProgramBox h2 {
	font-size:1.2em;
	font-weight:bold;
}
.ocProgramBox h2 span {
	position:relative;
	padding-left:20px;
}
.ocProgramBox h2 span:before {
	background-size: 50px;
	background-position: 0px -12px;
	width: 13px;
	height:18px;
	margin-top:-10px;
}
.ocProgramBox dl {
	display:block;
	width:100%;
	margin:15px 0px;
}
.ocProgramBox dl img {
	width:100%;
	height:auto;
}
.ocProgramBox dt span {
	font-size:1em;
	padding:10px;
	display:block;
	color:#1460ac;
}
.ocProgramBox dd {
	padding:0 10px 10px 10px;
}
.ocProgramUnder {
	padding:10px 0;
}
.ocProgramUnder li {
	display:block;
	margin:0 10px;
}
.ocProgramUnder li a {
	background-color:#fff;
	width:100%;
}
}
/* タイムテーブル
------------------------------------------------------------ */
.ocTimetable {
	max-width:960px;
	margin:0 auto;
	padding:50px;
	text-align:center;
}
.ocTimetable h2 {
	font-size:2.5em;
	color:#95519f;
	font-weight:normal;
	padding:0px 0px 6px 0px;
}
.ocTimetable h2 span {
	position:relative;
	padding-left:40px;
}
.ocTimetable h2 span:before {
	content: "";
	display: block;
	background-image: url(../images/opencampus/cmn_oc.png);
	background-repeat: no-repeat;
	background-size: 100px;
	position:absolute;
	background-position: -26px -25px;
	width: 33px;
	height:33px;
	top:50%;
	left:0px;
	margin-top:-17px;
}
.ocTimetable dl {
	text-align:left;
	margin:30px 0 50px 0;
}
.ocTimetable dt {
	float: left;
	width: 60px;
	clear: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
}
.ocTimetable dd {
	margin-left: 60px;
	padding: 0 0 45px 40px;
	background-image: url(../images/opencampus/tt_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:1.8;	
}
.ocTimetable dd h3,
.ocOtherProgram h3 {
	color:#95519f;
	margin-bottom:6px;
	font-size:1.1em;
}
.ocTimetable dd.pgLast {
	padding-bottom:5px;
	background-image: url(../images/opencampus/ttlast_bg.png);
}
.ocOtherProgram {
	text-align:left;
	padding-top:30px;
	border-top:solid 1px #CCCCCC;
}
.ocOtherProgram p {
	margin-bottom:20px;
	line-height:1.8;
}
@media screen and (max-width: 767px) {
.ocTimetable {
	padding:20px 10px;
}
.ocTimetable h2 {
	font-size:1.2em;
	font-weight:bold;
}
.ocTimetable h2 span {
	padding-left:20px;
}
.ocTimetable h2 span:before {
	background-size: 50px;
	background-position: -13px -12px;
	width: 17px;
	height:17px;
	margin-top:-10px;
}
.ocTimetable dl {
	text-align:left;
	margin:20px 0 20px 0;
}
.ocTimetable dt {
	width: 40px;
	font-size: 1em;
}
.ocTimetable dd {
	margin-left: 45px;
	padding: 0 0 20px 30px;
}
.ocTimetable dd h3,
.ocOtherProgram h3 {
	font-size:1em;
}
.ocTimetable dd.pgLast {
}
.ocOtherProgram {
	padding-top:20px;
}
}
/* アクセスマップ
------------------------------------------------------------ */
.ocMapWrap {
	width:100%;
	background-color:#f6f6f6;
	text-align:center;
}
.ocMap {
	max-width:960px;
	margin:0 auto;
	padding:50px 0;
}
.ocMap h2 {
	font-size:2.5em;
	color:#2C68A2;
	font-weight:normal;
	padding:0px 0px 6px 0px;
	margin-bottom:50px;
}
.ocMap h2 span {
	position:relative;
	padding-left:40px;
}
.ocMap h2 span:before {
	content: "";
	display: block;
	background-image: url(../images/opencampus/cmn_oc.png);
	background-repeat: no-repeat;
	background-size: 100px;
	position:absolute;
	background-position: -61px -25px;
	width: 32px;
	height:39px;
	top:50%;
	left:0px;
	margin-top:-22px;
}
.gMap {
	border:solid 1px #CCCCCC;
	margin:0 auto 20px auto;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.gMap iframe,
.gMap object,
.gMap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ocMap h3 {
	font-size:1.2em;
	margin-bottom:20px;
	color:#1460ac;
}
.ocMap dl {
	display:inline-block;
	width:380px;
	background-color:#FFF;
	vertical-align:top;
	margin:30px 30px 50px 30px;
	box-shadow: 0px 0px 4px 0px #d7d7d7;
	-webkit-box-shadow: 0px 0px 4px 0px #d7d7d7;
	-moz-box-shadow: 0px 0px 4px 0px #d7d7d7;
}
.ocMap dt {
	color:#1460ac;
	font-size:1.4em;
	font-weight:bold;
	padding:10px 0;
	background-color:#e8f9ff;
}
.ocMap dd {
	padding:20px;
	text-align:left;
}
.ocMap dd li {
	padding-left:10px;
	position:relative;
	margin-bottom:10px;
}
.ocMap dd li:before {
	content: "";
	display: block;
	background-image: url(../images/cmn.png);
	background-repeat: no-repeat;
	background-size: 300px;
	position:absolute;
	background-position: -283px 0px;
	width: 5px;
	height:5px;
	top:0.5em;
	left:0px;
	margin-top:2px;
}
.ocMap li a {
	background-color:#FFF;
	width:380px;
	margin-top:20px;
}
@media screen and (max-width: 767px) {
.ocMap {
	padding:20px 10px;
}
.ocMap h2 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:20px;
}
.ocMap h2 span {
	position:relative;
	padding-left:20px;
}
.ocMap h2 span:before {
	background-size: 50px;
	background-position: -30px -12px;
	width: 16px;
	height:20px;
	margin-top:-11px;
}
.gMap {
	margin:0 auto 10px auto;
}
.ocMap h3 {
	font-size:1em;
	margin-bottom:10px;
}
.ocMap dl {
	display:block;
	width:100%;
	margin:10px 0px 20px 0px;
}
.ocMap dt {
	font-size:1em;
	font-weight:bold;
}
.ocMap dd {
	padding:10px;
}
.ocMap li a {
	width:100%;
}
}
/* 下部お問い合わせ
------------------------------------------------------------ */
.ocContactWrap {
	width: 100%;
	background-image: url(../images/opencampus/jisseki_bg.gif);
}
.ocContactBox {
	max-width:960px;
	margin:0 auto;
	padding:50px 0;
	text-align:center;
}
.ocContactBox li {
	display:inline-block;
	width:48%;
	margin-bottom:50px;
}
.ocContactBox li.ocMail a {
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	background-color:#2972bb;
	text-decoration:none;
	padding:10px 0 10px 26px;
	width:320px;
	position:relative;
	margin-left:100px;
}
.ocContactBox li.ocMail a:after {
	content: "";
	display: block;
	background-image: url(../images/opencampus/cmn_oc.png);
	background-repeat: no-repeat;
	background-size: 100px;
	position:absolute;
	background-position: -71px 0px;
	width: 21px;
	height:16px;
	top:50%;
	left:20px;
	margin-top:-9px;
}
.ocContactBox li.ocMail a:hover {
	color:#FFF !important;
	background-color:#08437c;
}
.ocContactBox li.ocTel {
	font-size:1.2em;
	font-weight:bold;
	position:relative;
	text-align:left;
	padding-left:40px;
}
.ocContactBox li.ocTel:after {
	content: "";
	display: block;
	background-image: url(../images/opencampus/cmn_oc.png);
	background-repeat: no-repeat;
	background-size: 100px;
	position:absolute;
	background-position: -39px 0px;
	width: 31px;
	height:21px;
	top:50%;
	left:0px;
	margin-top:-11px;
}
.ocContactBox li.ocTel span {
	margin-left:10px;
	color:#175caa;
	font-size:1.6em;
}
.ocContactBox li.ocYoyaku {
	margin-bottom:0px;
}
.ocContactBox li.ocYoyaku a {
	margin-top:20px;
	font-weight:1.6em;
	width:400px;
	padding:14px 0;
}
@media screen and (max-width: 767px) {
.ocContactBox {
	padding:20px 10px;
}
.ocContactBox li {
	display:block;
	width:100%;
	margin-bottom:20px;
}
.ocContactBox li.ocMail a {
	display:block;
	font-size:1em;
	width:100%;
	margin-left:0px;
}
.ocContactBox li.ocTel {
	font-size:1em;
	padding-left:20px;
}
.ocContactBox li.ocTel:after {
	background-size: 50px;
	background-position: -20px 0px;
	width: 15px;
	height:10px;
	margin-top:-5px;
}
.ocContactBox li.ocTel span {
	margin-left:5px;
	font-weight:bold;
	font-size:1em;
}
.ocContactBox img {
	width:100%;
	height:auto;
}
.ocContactBox li.ocYoyaku a {
	font-weight:1em;
	width:100%;
	padding:10px 0;
}
}
/* 新着情報
------------------------------------------------------------ */
.newWrap {
	padding: 5px;
	background-image: url(../images/category/newsbg.jpg);
	background-repeat: repeat-x;
	max-width: 980px;
	margin: 0 auto 40px auto;
	background-position: bottom;
}
.newsBox {
	background-color:#FFF;
	margin-bottom:2px;
	padding:16px;
}
.newsBoxContainer {
	max-width:960px;
	margin:0 auto;
	position:relative;
}
.newsBox h2 {
	font-size:1.6em !important;
	font-weight:normal !important;
}
.newsTibox {
	margin:16px 0px 0px 30px;
}
.newsTibox dt {
	float:left;
	color:#818181;
}
.newsTibox dd {
	clear:right;
	border-bottom:dashed 1px #c1c1c1;
	padding-left:9em;
	margin:16px 0px 16px 0px;
	padding-bottom:16px;
}
.newsTibox dd span {
	margin-left:10px;
	font-size:0.8em;
	padding:4px 20px;
}
.newsTibox dd .newsCate {
	border:solid 1px #C82D3A;
	color:#C82D3A;
}
ul.topMoreLink {
	float:right;
}
ul.topMoreLink li {
	display:inline;
	margin-left:20px;
}
ul.topMoreLink li a {
	color:#595959;
	padding-left:10px;
	position:relative;
}
ul.topMoreLink li a:before {
	content: "";
	display: block;
	background-image: url(../images/cmn.png);
	background-repeat: no-repeat;
	background-size: 300px;
	position:absolute;
	background-position: -90px 0px;
	width: 5px;
	height:7px;
	top:50%;
	left:0px;
	margin-top:-4px;
}
@media screen and (max-width: 767px) {
.newWrap {
	padding: 3px;
}
.newsBox {
	padding:10px;
}
.newsBox h2 {
	font-size:1.2em !important;
	font-weight:bold !important;
}
.newsTibox {
	margin:10px 0px 0px 0px;
}
.newsTibox dt {
	float:none;
}
.newsTibox dd {
	padding-left:0em;
	margin:6px 0px 10px 0px;
	padding-bottom:10px;
}
.newsTibox dt span {
	padding:3px 10px;
	margin-left:10px;
	font-size:0.8em;
}
.newsTibox dt .newsCate {
	border:solid 1px #C82D3A;
	color:#C82D3A;
}
}
/* clearfix
------------------------------------------------------------ */
.newWrap:after,
.ocTimetable dl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}