@charset "utf-8";
/* 見出し背景画像
------------------------------------------------------------------*/
h2 {
	background-image: url(../opencampus/img/bg_ttl.png);
}
.sub #side h4, .sub #side .category, .sub #side .calendar, .sub #side .archive {
	display: none;
}
/*---------------------------------------------------------------------------------------

	■サイド

---------------------------------------------------------------------------------------*/
.sub #side h3 {
	background-position: 20px 80px;
}
.sub #side h3 b {
	bottom: 40px;
}
/* 申込
------------------------------------------------------------------*/
.entry {
	background: #fff67f;
	position: relative;
	text-align: center;
	height: 150px;
	margin: 0 0 20px;
}
.entry p {
	position: absolute;
	top: -6px;
	left: 55px;
}
.entry dl {
	padding-left: 90px;
}
.entry dl dt {
	padding: 22px 0 13px;
}
.entry dl dd {
	display: inline-block;
	margin: 0 3px;
}
ul.calendar li {
	display: inline;
}
ul.calendar li:last-child {
	float: right;
}
/*---------------------------------------------------------------------------------------

	■トップ

---------------------------------------------------------------------------------------*/

/* slider
------------------------------------------------------------------*/
.opencampus > .bx-wrapper {
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}
.opencampus > .bx-wrapper .bx-controls-direction a.bx-prev {
	left: 0;
	background: url(../college/img/btn_slide.gif) left 0 no-repeat;
}
.opencampus > .bx-wrapper .bx-controls-direction a.bx-next {
	right: 0;
	background: url(../college/img/btn_slide.gif) right 0 no-repeat;
}
.opencampus > .bx-wrapper .bx-controls-direction a {
	width: 28px !important;
	height: 60px !important;
	margin-top: -40px;
}
.opencampus > .bx-wrapper .bx-controls-direction a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}
.opencampus > .bx-wrapper .bx-viewport {
	left: 0;
}
.opencampus > .bx-wrapper .bx-pager {
	position: static;
}
.opencampus > .bx-wrapper .bx-pager.bx-default-pager a {
	width: 8px;
	height: 8px;
	margin: 0 4px;
	cursor: pointer;
	background: url(../opencampus/img/icon_pager.gif) 0 bottom no-repeat;
}
.opencampus > .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(../opencampus/img/icon_pager.gif) 0 top no-repeat;
}
/* コンテンツ
------------------------------------------------------------------*/
.top .lead {
	height: 375px;
	background: url(../opencampus/img/bg_txt.jpg) center top no-repeat;
	text-align: center;
	margin-top: -35px;
}
.top .lead p {
	margin: 0 0 14px;
	padding-top: 24px;
}
.top .lead dl dt {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0 0 12px;
}
.top .lead dl dd {
	line-height: 2em;
}
/* 申込
------------------------------------------------------------------*/
.top .entry {
	background: #fff67f;
	position: relative;
	text-align: center;
	height: 150px;
	margin: 0 0 20px;
}
.top .entry p {
	position: absolute;
	top: -13px;
	left: -14px;
}
.top .entry:after {
	content: url(../opencampus/img/img_woman.png);
	position: absolute;
	right: 20px;
	bottom: 0;
	line-height: 0;
}
.top .entry dl {
	padding-right: 45px;
}
.top .entry dl dt {
	padding: 25px 0 10px;
}
.top .entry dl dd {
	display: inline-block;
	margin: 0 3px;
}
.top ul.calendar {
	margin-top:20px;
	margin-bottom: 80px;
}
.top ul.calendar li {
	display: inline;
}
.top ul.calendar li:last-child {
	float: right;
}
.top ul.calendar.btm li:nth-child(2) {
	float: right;
}
.top ul.calendar.btm li:last-child {
	float: none;
	display: block;
	margin: 20px auto 0;
	width: 480px;
}

/* イベント情報
------------------------------------------------------------------*/
.top .event article a {
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	width: 292px;
	height: 72px;
	padding: 9px 10px 10px;
	float: left;
	margin: 0 20px 30px 0;
}
.top .event article a:hover {
	background-color: #ededed;
}
.top .event article:nth-child(4) a, .top .event article:nth-child(7) a, .top .event article:nth-child(10) a {
	margin-right: 0;
}
.top .event article h4 {
	font-weight: normal;
	line-height: 1.6em;
}
.top .event article p {
	font-size: 13px;
	margin: 0 0 2px;
	color: #808080;
}
.top .event article p span:before {
	content: "■";
	margin-right: 3px;
}
.top .event article p span {
	margin-left: 12px;
	font-weight: bold;
	color: #ffd800;
}
.top .event article p span.chorishi {
	color: #a5cc13;
}
.top .event article p span.seika {
	color: #f4627d;
}
.top .event article p span.osaka {
	color: #00c2ed;
}
.top .event article p span.tokyo {
	color: #ffa700;
}
/* オープンキャンパスについて
------------------------------------------------------------------*/
.top section.about a:hover dl dt:after {
	width: 159px;
}
.top section.about ul > li:nth-child(2) a:hover dl dt:after {
	width: 121px;
}
.top section.about ul > li:nth-child(3) a:hover dl dt:after {
	width: 214px;
}
.top section.about ul > li:nth-child(4) a:hover dl dt:after {
	width: 262px;
}
.top section.about ul > li:nth-child(5) a:hover dl dt:after {
	width: 81px;
}
.top section.about ul > li:nth-child(6) a:hover dl dt:after {
	width: 121px;
}
/*---------------------------------------------------------------------------------------

	■開催スケジュール

---------------------------------------------------------------------------------------*/
.schedule p.lead {
	font-size: 30px;
	margin: 0 0 20px;
	line-height: 1.4em !important;
}
.schedule ul.detailBtn li {
	float: left;
	margin: 0 10px 20px 0;
}
.schedule ul.detailBtn li a {
	padding: 2px 15px 0;
}
.schedule .comment {
	margin-top:30px;
	margin-bottom:40px;
}
.schedule .comment .dt01 {
	background-color: #ECECEC;
	border: solid 1px #C2C4C4;
	text-align: center;
	background-image: url(../common/img/icon_comment_dt01.gif);
	background-repeat: no-repeat;
	background-position:534px center;
	padding:15px 0;
	font-weight:bold;
	cursor: pointer;
}
.schedule .comment .dt01:hover {
	opacity:0.7;
}
.schedule .comment dt.active {
	background-image: url(../common/img/icon_comment_dt01_o.gif);
}
.schedule .comment dl {
}
.schedule .comment dd {
	display:none;
	margin-top:20px;
}
.schedule .comment dd dl {
	margin-bottom:10px;
}
.schedule .comment dd dt {
	font-size:16px;
	margin-bottom:10px;
	font-weight:bold;
}
.schedule .comment dd dt span {
	color:#00BFF3;
	display:inline-block;
	width:16px;
	height:16px;
	font-size:23px;
}
.schedule .comment dd dt.school01 span {
	color:#82CE00;
	display:inline-block;
	width:16px;
	height:16px;
	font-size:23px;
}
.schedule .comment dd dt.school02 span {
	color:#F34A5F;
	display:inline-block;
	width:16px;
	height:16px;
	font-size:23px;
}
.schedule .comment dd dt.school03 span {
	color:#FFA700;
	display:inline-block;
	width:16px;
	height:16px;
	font-size:23px;
}
.schedule .comment dd dd {
	display:block;
	margin-bottom:20px;
	padding:0;
	line-height:2em;
}
.schedule .comment dd dd:last-child {
	margin-bottom:0px;
}
.schedule .supplement {
	background: #f2f2f2;
	font-size: 13px;
	margin-bottom: 10px;
}
.schedule .supplement dl {
	width: 238px;
	float: left;
	border-right: 1px solid #fff;
	padding: 30px 0 10px 25px;
}
.schedule .supplement dl dt {
	float: left;
	min-height: 56px;
	font-weight: bold;
	margin-right: 12px;
}
.schedule .supplement dl dd {
	margin-bottom: 10px;
}
.schedule .supplement ul {
	padding: 20px 0 0 0;
	float: right;
	width: 465px;
}
.schedule .supplement ul li {
	display: inline-block;
	margin: 0 18px 10px 0;
}
.schedule .supplement ul li:last-child {
	display: block;
}
.schedule .supplement ul li:before {
	content: "■";
	color: #b70003;
	font-weight: bold;
	margin-right: 5px;
}
.schedule .supplement ul li:nth-child(2):before {
	color: #ffd800;
}
.schedule .supplement ul li:nth-child(3):before {
	content: "満";
	color: #b70003;
}
.schedule .supplement ul li:nth-child(4):before {
	color: #339900;
}
.schedule .supplement ul li:nth-child(5):before {
	color: #e9609e;
}
.schedule p.ao {
	background: #f7c8d6;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	padding: 8px 0 5px;
	margin: 0 0 10px;
}
.schedule p.ao a {
	font-size: 14px;
	margin-left: 12px;
	background: url(../common/img/icon_arw01.png) left center no-repeat;
	padding-left: 10px;
}
.schedule p.ao a:hover {
	text-decoration: underline;
}
/* カレンダー
------------------------------------------------------------------*/

/*loading*/
.schedule .calendarWrap01 {
	width:760px;
	height:795px;
	position:relative;
}
.schedule .calendarWrap01 .loading {
	display:table;
	background: rgba(255,255,255,0.7);
	width:760px;
	height:795px;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}
.schedule .calendarWrap01 .calendar,
.schedule .calendarWrap02 .calendar {
	position:relative;
	z-index:2;
}
.schedule .calendarWrap02 {
	width:760px;
	height:685px;
	position:relative;
}
.schedule .calendarWrap02 .loading {
	display:table;
	width:760px;
	background:rgba(255,255,255,0.7);
	height:685px;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}
.schedule .loading p {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	line-height: 0;
}
.schedule .calendar table.school {
	color: #fff;
	width: 161px !important;
	float: left;
}
.schedule .calendar table.school tr {
	height: 110px !important;
}
.schedule .calendar table.school tr:first-child td {
	height: 105px;
	vertical-align: middle;
	text-align: center;
	border: none;
	padding: 12px 0 12px 8px;
}
.schedule .calendar table.school tr td {
	padding: 0 0 0 8px;
	border-bottom: 1px solid #bfc1c1;
	font-size: 14px;
	vertical-align: middle;
}
.schedule .calendar table.school tr td span {
	font-size: 13px;
	display: block;
	padding: 3px 0 7px;
}
.schedule .calendar table.school tr:nth-child(1) td {
	background: #535353;
	font-size: 14px;
}
.schedule .calendar table.school tr:nth-child(2) td {
	background: #89c900;
}
.schedule .calendar table.school tr:nth-child(3) td {
	background: #f04f68;
}
.schedule .calendar table.school tr:nth-child(4) td, .schedule .calendar table.school tr:nth-child(5) td, .schedule .calendar table.school tr:nth-child(6) td, .schedule .calendar table.school tr:nth-child(7) td {
	background: #00c2ed;
}
.schedule .calendar.tokyo table.school tr td {
	background: #ffa700;
}
.schedule .calendar.tokyo table.school tr:nth-child(1) td {
	background: #535353;
}
/* スライダー内 */
.schedule .calendar .slider {
	width: 597px;
}
.schedule .calendar .slider > .inner > .bx-wrapper {
	border-right: 1px solid #bfc1c1;
}
.schedule .calendar .slider table tr:first-child th {
	border-top: 1px solid #bfc1c1;
	border-bottom: 1px solid #bfc1c1;
	height: 40px;
	vertical-align: middle;
	font-size: 12px;
}
.schedule .calendar .slider table tr:nth-child(2) th {
	height: 37px;
	vertical-align: middle;
	font-size:12px;
}
.schedule .calendar .slider th {
	background: #535353;
	color: #fff;
	text-align: center;
	font-size:19px;
	font-weight:normal;
}
.schedule .calendar .slider tr:nth-child(2) th:first-child {
	border-right: 1px solid #bfc1c1;
	width:85px;
	font-size: 12px;
}
.schedule .calendar .slider td {
	border-bottom: 1px solid #bfc1c1;
	position: relative;
	word-break: break-all;
	max-width:7em;
	vertical-align: middle;
}
.schedule .calendar .slider td:first-child {
	border-right: 1px solid #bfc1c1;
}
.schedule .calendar .slider ul {
	background: #535353;
}
.schedule .calendar .slider li {
	float: left;
	margin-top: 50px;
	width: 170px !important;
	border-left: 1px solid #bfc1c1;
}
.schedule .calendar .slider li:last-child {
	border-right: 1px solid #bfc1c1;
}
/*.schedule .calendar .slider .type01:after {
	content: "";
	position: absolute;
	top: 10px;
	right: 10px;
	width: 11px;
	height: 11px;
	background: #b70003;
}
.schedule .calendar .slider .type02:after {
	content: "";
	position: absolute;
	top: 10px;
	right: 10px;
	width: 11px;
	height: 11px;
	background: #ffd800;
}
.schedule .calendar .slider .full:after {
	content: "満";
	position: absolute;
	top: 6px;
	right: 10px;
	width: 11px;
	height: 11px;
	color: #b70003;
	font-weight: bold;
}
.schedule .calendar .slider .type03:after {
	content: "";
	position: absolute;
	top: 10px;
	right: 10px;
	width: 11px;
	height: 11px;
	background: #339900;
}
.schedule .calendar .slider .type05:after {
	content: "";
	position: absolute;
	top: 10px;
	right: 10px;
	width: 11px;
	height: 11px;
	background: #e9609e;
}
*/
.schedule .calendar .slider table{
	border-collapse: separate;
	border-spacing: 0;
}
.schedule .calendar .slider table tr {
	background: #fff;
}
.schedule .calendar .slider table tr:nth-child(3), .schedule .calendar .slider table tr:nth-child(4) {
	color: #89c900;
	height: 110px !important;
}
.schedule .calendar .slider table tr:nth-child(5) {
	color: #f04f68;
	height: 110px !important;
}
.schedule .calendar .slider table tr:nth-child(6), .schedule .calendar .slider table tr:nth-child(7), .schedule .calendar .slider table tr:nth-child(8), .schedule .calendar .slider table tr:nth-child(9) {
	color: #00c2ed;
	height: 110px !important;
}
.schedule .calendar.tokyo .slider table tr {
	color: #ffa700;
}
.schedule .calendar .slider td a {
	text-decoration: underline;
}
.schedule .calendar .slider td a:hover {
	text-decoration: none;
}
.schedule .calendar .slider td a {
	display: table-cell;
	width:100%;
	height: 109px !important;
	padding: 5px 5px;
	text-decoration:none;
	cursor: pointer;
	line-height: 1.4;
	vertical-align: middle;
	box-sizing: border-box;
	min-width: 85px;
}
.schedule .calendar .slider td a:hover {
	opacity:0.7;
}
.schedule .calendar .slider table tr:nth-child(3) a {
	background-color: #D9F5A2;
	background-image: url(../common/img/icon_calendar01.png);
	background-repeat: no-repeat;
	background-position: 95% 95%;
}

.schedule .calendar .slider table tr:nth-child(4) a {
	background-color:#FFCFD6;
	background-image: url(../common/img/icon_calendar02.png);
	background-repeat: no-repeat;
	background-position: 95% 95%;
}
.schedule .calendar .slider table tr:nth-child(5) a, .schedule .calendar .slider table tr:nth-child(6) a, .schedule .calendar .slider table tr:nth-child(7) a, .schedule .calendar .slider table tr:nth-child(8) a {
	background-color:#BAEEFB;
	background-image: url(../common/img/icon_calendar03.png);
	background-repeat: no-repeat;
	background-position: 95% 95%;
}
/*.schedule .calendar .slider td a:before {
	content: "・";
}*/
.schedule .calendar .slider td a + a {
	top: 50px;
}
.schedule .calendar .slider td a.detail {
	top: 10px;
	right: 27px;
	left: inherit;
	font-weight: normal;
}
.schedule .calendar .slider td a.detail:before {
	content: "";
}
.schedule .calendar .slider strong {
	position: absolute;
	top: 37px;
	left: 7px;
}
.schedule .calendar .slider strong span {
	font-size: 10px;
	font-weight: normal;
	display: block;
	padding-top: 4px;
	color: #666;
}
.schedule .calendar .slider td > span {
	color: #666;
	font-weight: normal;
	position: absolute;
	top: 32px;
	left: 7px;
	line-height: 1.3em;
}
.schedule .calendar.tokyo .slider table tr a {
	background-color: #FFEAB9;
	background-image: url(../common/img/icon_calendar04.png);
	background-repeat: no-repeat;
	background-position: 95% 95%;
}
/* スライダー */
.schedule .bx-wrapper {
	width: 599px;
	overflow: hidden;
	margin: 0 0 6px;
}
.schedule .bx-wrapper .bx-viewport {
	left: 0;
	overflow: visible !important;
	height: auto !important;
}
.schedule .bx-wrapper .bx-controls-direction a {
	width: 30px;
	height: 30px;
	top: 27px !important;
}
.schedule .bx-wrapper .bx-controls-direction a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}
.schedule .bx-wrapper .bx-next {
	background: url(../opencampus/img/btn_next.gif) 0 0 no-repeat;
	right: 13px !important;
	left: inherit;
}
.schedule .bx-wrapper .bx-prev {
	background: url(../opencampus/img/btn_prev.gif) 0 0 no-repeat;
	right: 50px !important;
	left: inherit;
}
/* ご質問・お問い合わせ
------------------------------------------------------------------*/

.schedule .contact ul li {
	vertical-align: middle;
}
.schedule .contact ul li:last-child a {
	text-decoration: underline;
	font-size: 20px;
	color: #b70003 !important;
	background: url(../common/img/icon_mail.gif) left center no-repeat;
	padding: 0 0 0 43px;
}
.schedule .contact ul li:last-child a:hover {
	text-decoration: none;
}
/*---------------------------------------------------------------------------------------

	■1日の流れ

---------------------------------------------------------------------------------------*/
.voice .lead dl {
	margin: 0 0 20px;
}
.voice .lead dt {
	font-size: 30px;
	margin: 0 0 20px;
}
.voice .lead dd {
	line-height: 1.8em;
	width: 425px;
	float: left;
}
.voice .lead dd:last-child {
	width: auto;
	float: right;
}
.voice .lead span {
	display: inline-block;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.4em;
	text-align: left;
}
/* 1日の流れ
------------------------------------------------------------------*/
.voice #flow div {
	margin: 0 0 12px;
}
.voice #flow div dl {
	border: 1px solid #bfc1c1;
	float: left;
	width: 238px;
	height: 230px;
	margin: 0 20px 20px 0;
	position: relative;
}
.voice #flow div dl:nth-child(3n) {
	margin-right: 0;
}
.voice #flow div dl:after {
	content: url(../opencampus/img/voice/img_arw.gif);
	position: absolute;
	top: 105px;
	right: -16px;
}
.voice #flow div dl:nth-child(3):after, .voice #flow div dl:last-child:after {
	content: "";
}
.voice #flow div dl dt {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 14px;
}
.voice #flow div dl dt img {
	vertical-align: middle;
	margin-right: 10px;
}
.voice #flow div dl dt + dd {
	text-align: center;
	margin: 0 0 5px;
}
.voice #flow div dl dd:last-child {
	font-size: 13px;
	padding: 0 14px;
	line-height: 1.6em;
}
.voice #flow dl.comment {
	background: #e0f3df;
	padding: 27px 30px 21px;
	margin: 0 0 60px;
}
.voice #flow dl.comment dt {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 14px;
}
.voice #flow dl.comment dt span {
	font-weight: normal;
	font-size: 14px;
}
.voice #flow dl.comment dd {
	line-height: 1.8em;
}
/* 動画で見る
------------------------------------------------------------------*/
.voice #movie h5 {
	width: 596px;
	height: 46px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 0.1em;
	padding-top: 16px;
}
.voice #movie .chorishi h5 {
	background: url(../opencampus/img/voice/ttl_movie01.gif) 0 0 no-repeat;
}
.voice #movie .seika h5 {
	background: url(../opencampus/img/voice/ttl_movie02.gif) 0 0 no-repeat;
}
.voice #movie .osaka h5 {
	background: url(../opencampus/img/voice/ttl_movie03.gif) 0 0 no-repeat;
}
.voice #movie .tokyo h5 {
	background: url(../opencampus/img/voice/ttl_movie04.gif) 0 0 no-repeat;
}
.voice #movie div {
	width: 760px;
	height: 369px;
	margin: 0 0 15px;
}
.voice #movie .chorishi {
	background: url(../opencampus/img/voice/bg_movie01.jpg) 0 0 no-repeat;
}
.voice #movie .seika {
	background: url(../opencampus/img/voice/bg_movie02.jpg) 0 0 no-repeat;
}
.voice #movie .osaka {
	background: url(../opencampus/img/voice/bg_movie03.jpg) 0 0 no-repeat;
}
.voice #movie .tokyo {
	background: url(../opencampus/img/voice/bg_movie04.jpg) 0 60px no-repeat;
}
.voice #movie iframe {
	margin: 0 auto;
	display: block;
}
/* 参加者の声
------------------------------------------------------------------*/
.voice #think p.lead {
	margin: 0 0 40px;
}
.voice #think p.lead img {
	float: right;
	margin-left: 30px;
}
.voice #think ul.list {
	background: #e0f3df;
	padding: 28px 30px 10px;
	margin: 0 0 45px;
}
.voice #think ul.list li {
	margin: 0 0 14px;
	padding-left: 15px;
	background: url(../opencampus/img/voice/icon_circle.gif) left 2px no-repeat;
}
.voice #think > div {
	background: #ebf6d1;
	position: relative;
	padding: 30px 30px 25px 30px;
	margin: 0 0 30px;
}
.voice #think > div p:first-child {
	position: absolute;
	top: -5px;
	right: 20px;
}
.voice #think > div dl dt {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
}
.voice #think > div dl dt + dd {
	line-height: 2em;
	width: 510px;
	border-bottom: 1px solid #bfc1c1;
	padding: 0 0 15px;
	margin: 0 0 13px;
}
.voice #think > div dl dd:last-child {
	font-size: 12px;
	line-height: 1.6em;
}
.voice #think > div p:last-child {
	position: absolute;
	top: 73px;
	right: 30px;
}
.voice #think > div p:last-child img {
	border: 1px solid #bfc1c1;
}
/*---------------------------------------------------------------------------------------

	■宿泊案内

---------------------------------------------------------------------------------------*/

/*----共通----*/
.loding section p {
	margin-bottom:30px;
}
/*----ホテルをご利用の方へ----*/



.loding section section dl.example {
	padding:20px 85px;
	background:#e0f3df;
}
.loding section section dl.example dt {
	width:100px;
	height: 25px;
	line-height: 26px;
	text-align:center;
	color:#fff;
	font-size:16px;
	float:left;
	background:#30ad2a;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.loding section section dl.example dd {
	float:left;
	margin-left:20px;
	margin-top: 6px;
}
/*----学生寮にご宿泊の方へ----*/

.loding section section .dormitoryBox {
	padding:18px 35px;
	background:#fff5bf;
	margin-bottom: 10px;
}
.loding section section .dormitoryBox p {
	width:304px;
	float:left;
	height: 86px;
	margin: 0;
}
.loding section section .dormitoryBox ul {
	width:351px;
	padding-top:10px;
	float:right;
}
.loding section section .dormitoryBox ul li {
	font-size:14px;
	line-height:1.7em;
	background:url(../opencampus/lodging/img/icon_yellow.gif) no-repeat 0px 3px;
	padding-left:24px;
}
.loding section section .dormitoryBox ul li:first-child {
	margin-bottom: 10px;
}
.loding section section ul.caution li {
	font-size:12px;
	line-height: 2em;
}
/*---------------------------------------------------------------------------------------

	■宿泊案内先一覧

---------------------------------------------------------------------------------------*/
.list table {
	margin: 0 0 20px;
}
.list table td {
	background: #fff !important;
	vertical-align: middle !important;
	border-left: 1px solid #bfc1c1 !important;
}
.list table thead th:first-child {
	width: 110px;
}
.list table thead th:nth-child(2) {
	width: 260px;
}
.list table thead th:nth-child(3) {
	width: 250px;
}
.list table td:last-child {
	text-align: center;
}
.list table tbody th {
	background: #f7f7f7 !important;
	color: #333 !important;
	border-bottom: 1px solid #bfc1c1;
}
.list table + ul {
	margin: 0 0 40px;
}
.list table + ul li {
	margin: 0 0 10px;
	font-size: 12px;
}
/*---------------------------------------------------------------------------------------

	■交通費補助（一部支給）について

---------------------------------------------------------------------------------------*/
.support .far p span {
	display: block;
	font-size: 12px;
	padding-top: 8px;
}
.support .far ul {
	margin: 30px 0 30px;
}
.support .far ul li {
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	background: url(../common/img/icon_arw01.png) left 3px no-repeat;
}
.support .far strong {
	color: #b70003;
	font-size: 16px;
	padding: 0 2px;
}
.support dl.event {
	background: #fff6bf;
	padding: 20px 0 10px 30px;
	margin: 0 0 30px;
	text-indent: -1em;
	margin-left: 1em;
}
.support dl.event dt {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 18px;
}
.support dl.event dd {
	width: 340px;
	float: left;
	margin: 0 0 15px;
	padding: 0 0 0 25px;
	background:url(../opencampus/img/icon_circle.gif) left center no-repeat;
}
.support section section {
	margin-bottom: 25px !important;
}
.support p.attention {
	font-size: 12px;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.6em !important;
	margin: 0 0 20px;
}
.support .contact ul li {
	vertical-align: middle;
}
.support .contact ul li:last-child a {
	text-decoration: underline;
	font-size: 20px;
	color: #b70003 !important;
	background: url(../common/img/icon_mail.gif) left center no-repeat;
	padding: 0 0 0 43px;
}
.support .contact ul li:last-child a:hover {
	text-decoration: none;
}
.support dl.contact dd ul {
	text-align: left;
	width: 350px;
	float: left;
	margin: 0 0 10px 0;
}
.support dl.contact dd ul li {
	margin-bottom:20px;
}
.support dl.contact.type01 p.time {
	margin: 0 40px;
	text-align: right;
	clear: both;
}
/*---------------------------------------------------------------------------------------

	■モーダル

---------------------------------------------------------------------------------------*/

.remodal-wrapper {
	padding: 10px 10px 0;
}
.remodal {
	padding: 0;
	background: transparent;
}
.remodal-close {
	top: 10px;
}
.remodal .loading {
	padding:20px 0;
	text-align:center;
}

.remodal .ttl {
	background-color:#F0F0F0;
	text-align:center;
	font-size:18px;
	padding:15px 0;
	margin-bottom:15px;
	font-weight: bold;
}

.remodal .event_cart .ttl span {
	display:inline-block;
	position:relative;
	padding: 0 36px 0 0;
}
.remodal .event_cart .ttl span:after {
	content:"";
	width: 28px;
	height: 28px;
	position:absolute;
	right:0;
	top: -7px;
	background: url(../opencampus/img/img_cart_h1.gif) right center no-repeat;
}
.remodal .modal_main {
	text-align:left;
	font-size:14px;
	padding: 20px;
	background: #fff;
	margin-top: 72px;
}
.remodal .modal_main a:hover img {
	opacity:0.7;
}
.remodal .modal_main .error {
	font-size:16px;
	color:#BA0000;
	margin-bottom:20px;
	line-height: 1.4;
	text-indent: -1em;
	margin-left: 1em;
}
.remodal .modal_main .errorMassage_max6,
.remodal .modal_main .errorMassage_capacity
 {
	font-size:16px;
	color:#BA0000;
	line-height: 1.4;
	text-indent:-1em;
	margin-left:1em;
}
.remodal .modal_main .label {
	margin-bottom:20px;
}
.remodal .modal_main .label dt {
	display: inline-block;
	color: #FFFFFF;
	border-radius: 3px;
	font-size: 14px;
	padding: 6px 10px 4px;
	margin-bottom: 10px;
	min-width: 8em;
	text-align: center;
}
.remodal .modal_main .label dd {
	font-size:18px;
	font-weight: bold;
	line-height: 1.4;
}
.remodal .modal_main.osaka.cat .label dd,
.remodal .modal_main .osaka.cat .label dd,
.remodal .modal_main .label.osaka.cat dd {
	color:#82CE00;
}
.remodal .modal_main.osaka.cat .label dt,
.remodal .modal_main .osaka.cat .label dt,
.remodal .modal_main .label.osaka.cat dt {
	background-color: #82CE00;
}
.remodal .modal_main.osaka.cat1 .label dt,
.remodal .modal_main .osaka.cat1 .label dt,
.remodal .modal_main .label.osaka.cat1 dt {
	background-color: #F04F68;
}
.remodal .modal_main.osaka.cat1 .label dd,
.remodal .modal_main .osaka.cat1 .label dd,
.remodal .modal_main .label.osaka.cat1 dd {
	color:#F04F68;
}
.remodal .modal_main.osaka .label dt,
.remodal .modal_main .osaka .label dt,
.remodal .modal_main .label.osaka dt {
	background-color: #00BDEE;
}
.remodal .modal_main.osaka .label dd,
.remodal .modal_main .osaka .label dd,
.remodal .modal_main .label.osaka dd {
	color:#00BDEE;
}
.remodal .modal_main.tokyo .label dt,
.remodal .modal_main .tokyo .label dt,
.remodal .modal_main .label.tokyo dt {
	background-color: #FFA700;
}
.remodal .modal_main.tokyo .label dd,
.remodal .modal_main .tokyo .label dd,
.remodal .modal_main .label.tokyo dd {
	color:#FFA700;
}
.remodal .modal_main .inner {
	margin-bottom:50px;
	min-width: 700px;
}
.remodal .modal_main .inner div {
	width:400px;
	display: inline-block;
	vertical-align: top;
}
.remodal .modal_main .inner div table {
	display: block;
}
.remodal .modal_main .inner div .text {
	margin-bottom:20px;
	line-height:1.5;
	vertical-align: top;
	display: inline-block;
	width: 400px;
}
.remodal .modal_main div table {
	margin-bottom:20px;
}
.remodal .modal_main div table th {
	width:90px;
	padding-bottom:5px;
	line-height:1.5;
}
.remodal .modal_main div table td {
	padding-bottom:5px;
	line-height:1.5;
}
.remodal .modal_main .date {
	margin-bottom:20px;
	font-weight:bold;
}
.remodal .modal_main .date li > * {
	display: block;
	padding-bottom:5px;
	line-height:1.5;
}
.remodal .modal_main .date li .text01 {
	width:90px;
	float: left;
}
.remodal .modal_main .date li .text02 {
	margin-left: 90px;
}
.remodal .modal_main .inner p {
	display: inline-block;
	line-height:1.5;
}
.remodal .modal_main .select {
	margin-bottom:20px;
}
.remodal .modal_main .select form p:first-child {
	font-size: 16px;
	font-weight: bold;
	margin-left: 25px;
	margin-bottom: 20px;
	position: relative;
}
.remodal .modal_main .select form p:first-child::before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-color: #FBDC30;
	position: absolute;
	top: -1px;
	left: -20px;
}
.remodal .modal_main .select form p:first-child span {
}
.remodal .modal_main .select form ul li {
	display: inline-block;
}
.remodal .modal_main ul.btn {
	margin-bottom:30px;
}
.remodal .modal_main ul.btn li:first-child  {
	float: left;
	width: 380px;
	margin-top: 21px;
}
.remodal .modal_main ul.btn li:first-child  p a{
	display:block;
	background: url(../common/img/icon_arw_btn.png) left center no-repeat #B90000;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0px 4px 4px #CCCCCC;
	-webkit-box-shadow: 0px 4px 4px #CCCCCC;
	-moz-box-shadow: 0px 4px 4px #CCCCCC;
	width: 380px;
	padding: 20px 0;
	text-align: center;
	font-size: 18px;
	background-position: 50px;
}
.remodal .modal_main ul.btn li:last-child {
	float: right;
}
.remodal .modal_main ul.btn li:last-child  > span {
	display:block;
	font-size:12px;
	margin-bottom: 9px;
	color:#b90000;
}
.remodal .modal_main ul.btn li:last-child p {
	width: 300px;
}
.remodal .modal_main ul.btn li:last-child p a{
	display:block;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0px 4px 4px #CCCCCC;
	-webkit-box-shadow: 0px 4px 4px #CCCCCC;
	-moz-box-shadow: 0px 4px 4px #CCCCCC;
	padding: 22px 0;
	text-align: center;
	font-size: 14px;
	background: url(../common/img/icon_arw_btn.png) left center no-repeat #A4A4A4;
	background-position: 23px;
}
.remodal .modal_main ul.btn li a {
	display: block;
	color: #fff;
	font-weight: bold;
}
.remodal .modal_main ul.btn li a:hover {
	opacity: 0.7;
}
.remodal .modal_main .gaiyo_txt {
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.remodal .modal_main label {
	padding: 0 0 0 35px;
	font-size: 14px;
	line-height: 28px;
	display: inline-block;
	cursor:	pointer;
	position: relative;
}
.remodal .modal_main label:before {
	content: '';
	width: 29px;
	height: 29px;
	position: absolute;
	top: 0;
	left: 0;
	background:url(../common/img/btn_bg.png) no-repeat;
}
.remodal .modal_main input[type="radio"] {
	display: none;
}
.remodal .modal_main input[type="radio"]:checked + label:after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: #ffd800;
	border-radius: 50%;
}
.remodal .modal_main .radio01 {
	margin-left:45px;
}
.remodal .modal_main .cart_text {
	margin-bottom:25px;
}
.remodal .modal_main .cart_text p:first-child {
	color:#BA0000;
	font-size:18px;
	margin-bottom:5px;
	font-weight:bold;
	line-height:1.6;
}
.remodal .modal_main .cart_text p.notes {
	font-size:16px;
}
.remodal .modal_main .cart_text ul li {
	line-height:1.6;
}
.remodal .modal_main .cart_content01 {
	margin-bottom:30px;
}
.remodal .modal_main .cart_content01 > li {
	border-bottom:solid 1px #CBCBCB;
	padding-bottom:18px;
	margin-bottom:18px;
}
.remodal .modal_main .cart_content01 > li ul li {
	line-height: 1.5;
}
.remodal .modal_main .cart_content01 table {
	width:100%;
}
.remodal .modal_main .cart_content01 table td {
	vertical-align:middle;
}
.remodal .modal_main .cart_content01 table td:first-child {
	width: 650px;
	padding-right: 20px;
}
.remodal .modal_main .cart_content01 table .td03 {
	width:40px;
}
.remodal .modal_main .cart_content01 table td th {
	line-height:1.5;
	width:90px;
}
.remodal .modal_main .cart_content01 table td td {
	line-height:1.5;
}
.remodal .modal_main .cart_content01 label {
	padding-left:		38px;
	font-size:		16px;
	line-height:		27px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
	font-weight:bold;
}
.remodal .modal_main .cart_content01 label:before {
	content:		'';
	width:			27px;
	height:			27px;
	display:		inline-block;
	position:		absolute;
	left:			0;
	background-color:	#fff;
	border-radius:		3px 3px 3px 3px;
	border:solid 1px #9F9F9F;
}
.remodal .modal_main .cart_content01 input[type=checkbox] {
	display:		none;
}
.remodal .modal_main .cart_content01 input[type=checkbox]:checked + label:before {
	content:		'\2713';
	font-size:		30px;
	color:			#FFFFFF;
	background-color:	#FBDC30;
	border:solid 1px #FBDC30;
}
.remodal .modal_main .inner .btn {
	width: auto;
}
.remodal p.btn a {
	border-radius:3px 3px 3px 3px;
	border: 2px solid #fff226;
	padding: 12px 52px 12px 50px;
	font-size: 12px;
	color: #000;
	display: block;
}
.remodal p.btn a:hover {
	color: #000;
	background-color: #FBDC30;
}
.remodal p.btn a {
	background: url(../common/img/modal_arw_02.png) left center no-repeat #fff;
	background-position: 26px;
}
.remodal p.btn a:hover {
	background: url(../common/img/modal_arw_02.png) left center no-repeat #eee;
	background-position: 26px;
}
.remodal .modal_main .back {
	margin: 0 auto;
	background-color: #FBDC30;
	border-radius:3px 3px 3px 3px;
	width: 370px;
	box-shadow: 0px 4px 4px #CCCCCC;
	-webkit-box-shadow: 0px 4px 4px #CCCCCC;
	-moz-box-shadow: 0px 4px 4px #CCCCCC;
}
.remodal .modal_main .cart {
	margin: 0 auto;
	width: 370px;
}
.remodal .modal_main .cart a{
	border-radius:3px 3px 3px 3px;
	box-shadow: 0px 4px 4px #CCCCCC;
	-webkit-box-shadow: 0px 4px 4px #CCCCCC;
	-moz-box-shadow: 0px 4px 4px #CCCCCC;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	background: url(../common/img/icon_arw_btn03.png) left center no-repeat #FBDC30;;
	background-position: 60px;
	color: #000;
	line-height: 1.4;
	display: block;
	text-align: center;
	position:relative;
}
.remodal .modal_main .cart a:after {
	content:"";
	width:24px;
	height:23px;
	background:url(../opencampus/img/icon_cart.png) no-repeat 0 0;
	position:absolute;
	top:50%;
	margin-top:-12px;
	left: 76%;
}
.remodal .modal_main .cart a:hover {
	opacity: 0.7;
}
.remodal .modal_main .back {
	margin: 0 auto;
	border:3px solid #fbdc30;
	border-radius:3px 3px 3px 3px;
	width: 160px;
	box-shadow: 0px 4px 4px #CCCCCC;
	-webkit-box-shadow: 0px 4px 4px #CCCCCC;
	-moz-box-shadow: 0px 4px 4px #CCCCCC;
	background-color: #fff;
}
.remodal .modal_main .back a {
	font-weight: bold;
	padding: 11px 0px;
	color: #000;
	line-height: 1.4;
	display: block;
	text-align: center;
	padding-right: 12px;
}
.remodal .modal_main .back a span {
	display:inline-block;
	padding-left: 28px;
	background:url(../opencampus/img/ico_close.png) no-repeat left center;
}
.remodal .modal_main .back a:hover {
	opacity:0.7;
}
.remodal .hide{
	display:none!important;
}
.remodal .vis-hide{
	visibility: hidden!important;
}
.remodal .disable{
	opacity: 0.5!important;
	cursor: default!important;
}
.remodal .disable a{
	opacity: 1!important;
	cursor: default!important;
}