/*------------------------------------------------------------------
                           subpage(sp)
------------------------------------------------------------------*/
/*----------------------------------------------------
breadcrumb
----------------------------------------------------*/
.breadcrumb {
	padding: 5px 0 5px 15px;
	font-size: 80%;
	border-bottom: 1px solid #D3D3D3;
	background-color:#FFFFFF;
	color: #9E9E9E;
}
.breadcrumb a {
	color: #9E9E9E;
	transition: all 0.2s;
}
.breadcrumb a:hover {
	color: #F927BF;
}
.breadcrumb a.study {
	color:#f39800;
}

/*----------------------------------------------------
container
----------------------------------------------------*/
.sub_mainContainer {
	width:94%;
	margin: 0 3%;
	padding: 15px 0;
	background-color:#FFFFFF;
	z-index:100;
}
.sub_mainContainer p {
	margin: 0 3%;
}
.sub_mainContainer p.caption {
	font-size:80%;
	color:#7E7E7E;
}
em {
	font-weight:bold;
}
.title {
	width:100%;
	margin: 67px 0 0 0;
	padding: 20px 0;
	font-style: normal;
	background-color:#FFFFFF;
}
.title_study {
	color: #FFFFFF;
	background:#f39800 url(/iec/int/en/study/img/title_bg.png) no-repeat left top;
}
.title_life {
	color: #FFFFFF;
	background:#c3cf00 url(/iec/int/en/life/img/title_bg.png) no-repeat left top;
}
.title h1 {
	text-align:center;
	font-weight:300;
}
.title h1:after {
	content:"";
	display:block;
	width:20%;
	margin: 5px 40% 10px 40%;
	border-bottom: 1px solid #FFFFFF;
}
.title h2 {
	text-align:center;
	font-size:200%;
	font-weight:300;
}
.title h2.font_s {
	font-size:150%;
}

/** sub_h1_set **/
.title_support,
.title_schedule,
.title_ts,
.title_vr {
	background-color: #FFFFFF;
}
.title h1.support_h1,
.title h1.schedule_h1,
.title h1.ts_h1,
.title h1.vr {
	margin:40px 0 0 0;
	text-align:center;
	font-size:130%;
	color:#FF99E2;
}
.title h1.graduates_h1 {
	margin:10px 0 0 0;
	text-align:center;
	font-size:130%;
	color:#FF99E2;
}
.title h1.support_h1:after,
.title h1.schedule_h1:after,
.title h1.ts_h1:after,
.title h1.vr_h1:after ,
.title h1.graduates_h1:after {
	content: "";
	display: block;
	border-bottom: 1px solid #FF99E2;
}
.title h2.support_h2,
.title h2.schedule_h2,
.title h2.ts_h2,
.title h2.vr_h2 {
	text-align:center;
	font-size:140%;
	font-weight: 200;
}
/** h1 support set **/
.title_support {
	background: url(/iec/int/en/img/sp/icon_support.png) no-repeat center 20px;
	background-size: 35px;
}
.title h1.support_h1:after {
	width: 14%;
	margin: 5px 43% 5px 43%;
}
/** h1 schedule set **/
.title_schedule {
	background: url(/iec/int/en/img/sp/icon_schedule.png) no-repeat center 20px;
	background-size: 35px;
}
.title h1.schedule_h1:after {
	width: 14%;
	margin: 0 43% 5px 43%;
}
/** h1 Tuition & Scholarship set **/
.title_ts {
	background: url(/iec/int/en/img/sp/icon_ts.png) no-repeat center 20px;
	background-size: 35px;
}
.title h1.schedule_h1:after {
	width: 14%;
	margin: 0 43% 5px 43%;
}
/** h1 Visa & Residence Card set **/
.title_vr {
	background: url(/iec/int/en/img/sp/icon_vr.png) no-repeat center 20px;
	background-size: 35px;
}
.title h1.vr_h1:after {
	width: 14%;
	margin: 0 43% 5px 43%;
}
/** h1 graduates set **/
.title h1.graduates_h1:after {
	width: 14%;
	margin: 0 43% 5px 43%;
}
/** sub_h1_set_END **/

h3 {
	margin:35px 0 10px 0;
	font-size:140%;
	font-weight:300;
}
h4 {
	margin:25px 0 10px 0;
	font-size:140%;
	font-weight:300;
}
table {
	margin:  0 0 30px 0;
	font-weight:300;
	font-size:90%;
}
table.layout01 {
	border: #C3C3C3 solid 1px;
}
table.layout01 th {
	padding:10px 0;
	color: #FFFFFF;
	background-color:#f39800;
	border: #C3C3C3 solid 1px;
}
table.layout01 td {
	padding:10px;
	border: #C3C3C3 solid 1px;
}
table.layout01 tr.color_study {
	background-color: #FBF6E6;
}
table.layout02 {
	border: #C3C3C3 solid 1px;
}
table.layout02 th {
	padding: 10px 0;
	color: #FFFFFF;
	background-color:#c3cf00;
	border: #FFFFFF solid 1px;
    vertical-align: middle; 
}
table.layout02 td {
	padding:10px;
	border: #C3C3C3 solid 1px;
    vertical-align: middle; 
}
table.layout02 tr.color_study {
	background-color: #E8FBE6;
}
table.layout03 {
	width:94%;
	margin: 15px 3%;
	border: #C3C3C3 solid 1px;
}
table.layout03 th {
	padding: 10px 0;
	color: #515151;
	background-color: #EBEBEB;
	border: #C3C3C3 solid 1px;
}
table.layout03 td {
	padding:10px;
	border: #C3C3C3 solid 1px;
	text-align:center;
	font-size:90%;
	vertical-align:middle;
}
table.layout03 td.t_left {
	text-align:left;
}
table.layout03 tr.color_study {
	background-color: #E8FBE6;
}
table.layout03 tr.ac td {
	text-align:left;
	padding:25px 0 30px 15px;
	border-top:#FFFFFF solid 1px;
	border-left:#FFFFFF solid 1px;
	border-right:#FFFFFF solid 1px;
}
table.layout03 tr.ac td h5 {
	margin: 0 0 15px 0;
	color: #AAB400;
	font-size: 110%;
}
table.layout03 tr.ac td .ac_img {
	margin: 0 10px 10px 0;
	float:left;
}
table.layout03 tr.ac td .ac_img img {
	margin: 0 5px 0 0;
}
table.layout03 td .ac_btn {
	cursor:pointer;
	color: #F927BF;
}
table.t_middle,
table th.t_middle,
table td.t_middle {
	vertical-align:middle;
}
table.t_center,
table th.t_center,
table td.t_center {
	text-align:center;
}
table.t_left,
table th.t_left,
table td.t_left {
	text-align:left;
}
table td a:hover {
	color: #F927BF;
	transition: all 0.2s;
}
.sub_mainContainer dl {
	width:94%;
	margin: 0 3% 40px 3%;
}
.sub_mainContainer dl dt {
	margin: 10px 0;
	font-size:115%;
}
.sub_mainContainer dl dt a:hover {
	color: #F927BF;
}
.sub_mainContainer dl dd {
	margin: 0 3% 20px 3%;
}
.sub_mainContainer dl dd a {
	transition: all 0.2s;
}
.sub_mainContainer dl dd a:hover {
	color: #F927BF;
}
/*------------------------------------------------------------------
                          協定大学一覧
------------------------------------------------------------------*/
h4.agreements_area {
	width:93%;
	margin:25px 3% 10px 3%;
	border-bottom: 2px dotted #f39800;
	padding: 0 0 5px 1%;
}
dl.agreements dt {
	margin: 30px 0 10px 0;
	color:#f39800;
}
dl.agreements dd {
	margin: 0 3% 20px 3%;
	font-size:80%;
	color:#7E7E7E;
}
dl.agreements dd a {
	font-size:120%;
}
dl.agreements dd span {
	font-size:130%;
	color: #515151;
}
/*------------------------------------------------------------------
                          年間スケジュール
------------------------------------------------------------------*/
ul.schedule_tab {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
	padding: 30px 0 0 5px;
	border-bottom: 1px solid #D4D4D4;
	z-index:50;
}
ul.schedule_tab li {
	float:left;
}
ul.schedule_tab li a {
	display: block;
	padding: 10px 8px;
	text-align: center;
	font-size:80%;
	text-decoration: none;
	border: 1px solid #D4D4D4;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background-color: #EFEFEF;
	color:#969696;
}
ul.schedule_tab li.over_01 a,
ul.schedule_tab li.over_02 a, 
ul.schedule_tab li.over_03 a, 
ul.schedule_tab li.over_04 a {
	border-bottom: #FFFFFF solid 1px;
}
ul.schedule_tab li.over_01 a {z-index:4;}
ul.schedule_tab li.over_02 a {z-index:3;}
ul.schedule_tab li.over_03 a {z-index:2;}
ul.schedule_tab li.over_04 a {z-index:1;}
ul.schedule_tab li.active a {
	padding: 10px 8px;
	background-color:#FFFFFF;
	color: #515151;
	border-bottom: #FFFFFF solid 1px;
	z-index:50;
	transition: all 0.2s;
}
ul.schedule_tab li.active a:hover {
	color: #F927BF;
}
/*------------------------------------------------------------------
                               visa
------------------------------------------------------------------*/
.visa_img {
	width:96%;
	margin: 30px 2%;
}
.visa_img img {
	width:100%;
}
/*------------------------------------------------------------------
                               交換留学
------------------------------------------------------------------*/
.pagelink {
	margin: 15px 0;
}
.pagelink ul li {
	float:left;
	margin: 0 10px 15px 0;
}
.pagelink ul li a {
	display: block;
	font-size:90%;
	padding: 8px 10px 8px 23px;
	background: url(/iec/int/en/img/arrow02.png) no-repeat 5px center;
	background-size:16px 16px;
	border: #E3E3E3 solid 1px;
	text-decoration:none;
	transition: all 0.2s;
	border-radius: 5px;
}
.pagelink ul li a:hover {
	color: #F927BF;
}
/*------------------------------------------------------------------
                               宿舎
------------------------------------------------------------------*/
.contact_d {
	margin: 30px 5%;
	padding:35px 0;
	border:#CDCDCD solid 1px;
}
.contact_d p {
	text-align:center;
}
dd.dormitory_img img {
	display:block;
	margin: 0 0 15px 0;
}
/*------------------------------------------------------------------
                          サマープログラム
------------------------------------------------------------------*/
ol {
	box-sizing:border-box;
	width:94%;
	margin: 0 3% 40px 3%;
	padding: 0 0 0 6%;
}
ol li{
	margin: 0 3% 15px 3%;
}
ol li:before {
	counter-increment: number;
	content: counter(number)+".";
}
ul.summer_prg_list {
	padding: 15px 0 0 0;
}
ul.summer_prg_list li {
	margin: 0 0 25px 0;
}
ul.summer_prg_list li a {
	display: block;
	padding: 20px 15px 20px 35px;
	text-decoration: none;
	border: 1px solid #C7C7C7;
	border-radius: 5px;
	background: url(/iec/int/en/img/sp/block_M_arrow01.png) no-repeat 10px center;
	background-size: 16px 10px;
	transition: all 0.2s;
}
ul.summer_prg_list li a:hover {
	padding: 20px 15px 20px 45px;
	background: url(/iec/int/en/img/sp/block_M_arrow01.png) no-repeat 20px center;
	background-size: 16px 10px;
	color: #F927BF;
}
.summerP_ttl {
	font-weight: bold;
}
/*------------------------------------------------------------------
                          サマープログラム画像
------------------------------------------------------------------*/
.summer_prg a {
	display:block;
	width:40%;
	float:left;
	margin: 15px 5% 25px 5%;
}
.summer_prg a span {
	display:block;
}
.summer_prg a img {
	border:#DCDCDC solid 2px;
}
.summer_prg a img:hover {
	border:#E58000 solid 2px;
}
/*------------------------------------------------------------------
                          ならじょから就職
------------------------------------------------------------------*/
.recruit,
.recruit_past {
font-size: 110%;
margin:  0 0 2.5em 0;
}
.recruit > .recruit_title,
.recruit_past > .recruit_title{
position: relative;
display: inline-block;
margin: 2em 0 1.5em 0;
font-size: 1.4em;
}
.recruit > p {
margin: 0 3% 2em 3%;
}
.recruit > .recruit_title::after {
position: absolute;
display: block;
content: "";
width:100%;
height: 3px;
background: #FF99E2;
bottom: 0;
}
.recruit_past > .recruit_title::before {
position: absolute;
display: block;
content: "";
width:100%;
height: 3px;
background: #C3C3C3;
bottom: 0;
}
.recruit > .photo_area,
.recruit_past > .photo_area {
width: 80%;
margin: 0 10% 2em 10%;
}
.recruit > .photo_area > a,
.recruit_past > .photo_area > a {
transition: all 0.3s
}
.recruit > .photo_area > a:hover,
.recruit_past > .photo_area > a:hover {
opacity: 0.7;
}
.recruit > .photo_area > img,
.recruit > .photo_area > a > img,
.recruit_past > .photo_area > a > img,
.recruit_past > .photo_area > .event_photo > img {
width: 100%;
margin: 0 0 1em 0
}
.recruit > .photo_area > img,
.recruit > .photo_area > a > img,
.recruit_past > .photo_area > a > img {
box-sizing: border-box;
border: #FF99E2 solid 1px;
}
.recruit > .txt_area > .link_area,
.recruit_past > .txt_area > .link_area {
	display: inline-block;
	margin: 0 3% 1em 3%;
	padding: 0.5em 1.5em;
	text-decoration: none;
	border: 1px solid #CFCFCF;
	border-radius: 3px;
	font-size: 1.1em;
	transition: all 0.3s;
}
/*
.recruit > .link_area > a:hover,
.recruit_past > .txt_area > .link_area > a:hover{
color: #F927BF;
border: 1px solid #F927BF;
}
*/
h4.past_title {
margin: 2em 0 1em 0;
padding: 0.3em 1em;
background: #E7E7E7;
font-size: 1em;
}

/*------------------------------------------------------------------
                          cotoque
------------------------------------------------------------------*/
ul.ctq_eventlist,
ul.ctq_calendar {
width: 80%;
margin: 15px 10%;
}
ul.ctq_eventlist > li,
ul.ctq_calendar > li {
margin: 0 0 15px 0;
}
ul.ctq_eventlist > li > a,
ul.ctq_calendar > li > a {
display: block;
transition: all 0.3s;
border: #FF99E2 solid 1px;
}
ul.ctq_eventlist > li > a:hover,
ul.ctq_calendar > li > a:hover {
opacity: 0.7;
}
ul.ctq_eventlist > li > a > img,
ul.ctq_calendar > li > a > img {
width: 100%;
}
/***************************************@media screen and (min-width:768px)**************************************************/
@media screen and (min-width:768px){
/*------------------------------------------------------------------
                          サマープログラム
------------------------------------------------------------------*/
ol {
	padding: 0 0 0 3%;
}
/*------------------------------------------------------------------
                          サマープログラム画像
------------------------------------------------------------------*/
.summer_prg a {
	width:auto;
	margin: 15px 20px 15px 0;
}
/*------------------------------------------------------------------
                          ならじょから就職
------------------------------------------------------------------*/
.recruit > .recruit_title,
.recruit_past > .recruit_title {
display: block;
width: 100%;
float: left;
}
.recruit::after,
.recruit_past::after,
.recruit > .recruit_title::after,
.recruit_past > .recruit_title::after {
content: '';
display: table;
clear: both;
}
.recruit > .photo_area > .event_photo > img,
.recruit_past > .photo_area > .event_photo > img {
width: 49%;
float: left;
margin: 0 2% 0 0 ;
}
.recruit > .photo_area > .event_photo > img:last-child,
.recruit_past > .photo_area > .event_photo > img:last-child {
margin: 0;
}
.recruit > .photo_area > .event_photo::after,
.recruit_past > .photo_area > .event_photo::after {
content: '';
display: table;
clear: both;
}
/*------------------------------------------------------------------
                          cotoque
------------------------------------------------------------------*/
ul.ctq_eventlist,
ul.ctq_calendar {
width: 90%;
margin: 15px 5%;
}
ul.ctq_eventlist > li,
ul.ctq_calendar > li {
width: 47%;
float: left;
margin: 0 1.5% 15px 1.5%;
}
}

/***************************************@media screen and (min-width:1024px)**************************************************/
@media screen and (min-width:1024px){
/*------------------------------------------------------------------
                          ならじょから就職
------------------------------------------------------------------*/
h4.past_title {
margin: 4.5em 0 0 0;
padding: 0.5em 1em;
background: #E7E7E7;
font-size: 1em;
}
.recruit > .photo_area,
.recruit_past > .photo_area {
width: 40%;
margin: 0 3% 0 2%;
float: left;
}
.recruit > .txt_area,
.recruit_past > .txt_area {
width: 55%;
float: left;
}
}

/***************************************@media screen and (min-width:1320px)**************************************************/
@media screen and (min-width:1320px){

/*------------------------------------------------------------------
                           subpage(pc)
------------------------------------------------------------------*/
.wrap {
	width:1320px;
	margin: 0 auto;
}
.sub_mainContainer {
	width:950px;
	margin: 0;
	padding:40px 0 40px 0;
	float:right;
}
.sub_mainContainer p {
	margin: 0 3%;
}
.title {
	width:100%;
	margin: 0;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	font-style: normal;
	font-weight: 300;
}
.title_study {
	background:url(/iec/int/en/study/img/title_bg.png) no-repeat center top;
	background-color: #f39800;
}
.title_life {
	background:url(/iec/int/en/life/img/title_bg.png) no-repeat center top;
	background-color: #c3cf00;
}
.title h1 {
	text-align:center;
	font-size:110%;
}
.title h1:after {
	content:"";
	display:block;
	width:4%;
	margin: 5px 48% 10px 48%;
	border-bottom: 1px solid #FFFFFF;
}
.title h2 {
	text-align:center;
	font-size:220%;
}
.title h2.font_s {
	margin: 0;
	font-size:200%;
}
/** sub_h1_set **/
.title_support,
.title_schedule,
.title_ts,
.title_vr {
	background-color: #FFFFFF;
}
.title h1.support_h1,
.title h1.schedule_h1,
.title h1.ts_h1,
.title h1.vr {
	margin:60px 0 0 0;
	text-align:center;
	font-size:130%;
	color:#FF99E2;
}
.title h1.support_h1:after,
.title h1.schedule_h1:after,
.title h1.ts_h1:after,
.title h1.vr_h1:after {
	content: "";
	display: block;
	border-bottom: 1px solid #FF99E2;
}
.title h2.support_h2,
.title h2.schedule_h2,
.title h2.ts_h2,
.title h2.vr_h2 {
	text-align:center;
	font-size:240%;
	font-weight: 200;
}

/** h1 support set **/
.title_support {
	background: url(/iec/int/en/img/sp/icon_support.png) no-repeat center 25px;
	background-size: 43px;
}
.title h1.support_h1:after {
	width: 2%;
	margin: 5px 49% 5px 49%;
}
/** h1 schedule set **/
.title_schedule {
	background: url(/iec/int/en/img/sp/icon_schedule.png) no-repeat center 25px;
	background-size: 43px;
}
.title h1.schedule_h1:after {
	width: 2%;
	margin: 5px 49% 5px 49%;
}
/** h1 Tuition & Scholarship set **/
.title_ts {
	background: url(/iec/int/en/img/sp/icon_ts.png) no-repeat center 25px;
	background-size: 43px;
}
.title h1.ts_h1:after {
	width: 6%;
	margin: 5px 47% 5px 47%;
}
/** h1 Visa & Residence Card set **/
.title_vr {
	background: url(/iec/int/en/img/sp/icon_vr.png) no-repeat center 25px;
	background-size: 43px;
}
.title h1.vr_h1:after {
	width: 6%;
	margin: 5px 47% 5px 47%;
}
/** h1 graduates set **/
.title h1.graduates_h1:after {
	width: 6%;
	margin: 5px 47% 5px 47%;
}
/** sub_h1_set_END **/

.breadcrumb {
	padding: 5px 0 5px 20px;
	font-size:80%;
}
.listmenu {display:none;}
#nav {
	display:block;
	width:330px;
	margin: 0 0 30px 0;
	float:left;
}
#nav a:hover {
	color: #F927BF;
}
#nav ul {
	padding: 10px 0 0 0;
}
#nav ul > li span {
	display: block;
	padding: 30px 0 10px 5px;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	font-size:110%;
	font-style: normal;
	font-weight: 200;
	text-decoration: none;
	border-bottom: 3px solid #E1E1E1;
	transition: all 0.2s;
}
#nav ul > li > ul > li {border:none;}
#nav ul > li > ul > li > a {
	display:block;
	padding:8px;
	font-size:90%;
	text-decoration:none;
	border-bottom: 1px dotted #BFBFBF;
	transition: all 0.2s;
}
#nav ul > li > ul > li > a:hover {
	padding: 8px 8px 8px 18px;
}
#nav ul > li > ul > li > a:before {
	content:"";
	display: inline-block;
	width:13px;
	height:8px;
	margin: 0 5px 0 0;
	background: url(/iec/int/en/img/sp/block_M_arrow01.png) no-repeat left center;
	background-size:13px 8px;
}
h3 {
	margin:50px 0 20px 0;
}
table {
	margin:  0 0 30px 0;
	font-weight:200;
	font-size:90%;
}
table.layout01 {
	border: #C3C3C3 solid 1px;
}
table.layout01 th {
	padding:10px 0;
	background-color:#f39800;
}
table.layout01 td {
	padding:10px;
	border: #C3C3C3 solid 1px;
}
table.layout01 tr.color_study {
	background-color: #FBF6E6;
}
.sub_mainContainer dl {
	width:94%;
	margin: 0 3% 40px 3%;
	font-weight:300;
}
.sub_mainContainer dl dt {
	margin: 10px 0;
	font-size:118%;
}
.sub_mainContainer dl dd {
	margin: 0 3% 20px 3%;
	font-weight:200;
}
/*------------------------------------------------------------------
                          協定大学一覧
------------------------------------------------------------------*/
h4.agreements_area {
	border-bottom: 2px dotted #f39800;
	padding: 0 0 5px 10px;
}
dl.agreements dt {
	margin: 40px 0 10px 0;
}
dl.agreements dd {
	margin: 0 3% 10px 3%;
	font-size:80%;
	color:#7E7E7E;
}
dl.agreements dd a {
	font-size:120%;
}
dl.agreements dd span {
	font-size:130%;
	color: #515151;
}
/*------------------------------------------------------------------
                          年間スケジュール
------------------------------------------------------------------*/
dl.schedule dd {
	display:table;
}
dl.schedule dd .day {
	display:table-cell;
	width:10%;
	text-align:right;
}
dl.schedule dd .event {
	display:table-cell;
	width:50%;
}
dl.schedule dd .time {
	display:table-cell;
	width:10%;
}
dl.schedule dd .place {
	display:table-cell;
	width:20%;
}
ul.schedule_tab {
	display: block;
	position: relative;
	height: 30px;
	padding: 71px 0 0 15px;
	border-bottom: 1px solid #D4D4D4;
}
ul.schedule_tab li {
	float:left;
}
ul.schedule_tab li a {
	display: block;
	width: 100px;
	height: 30px;
	position: absolute;
	padding: 18px 15px 12px 15px;
	text-align: center;
	font-size:100%;
	text-decoration: none;
	border: 1px solid #D4D4D4;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background-color: #EFEFEF;
	color:#969696;
}
ul.schedule_tab li.over_01 a, ul.schedule_tab li.over_02 a, ul.schedule_tab li.over_03 a, ul.schedule_tab li.over_04 a {
	position: absolute;
	top: 40px;
}
ul.schedule_tab li.over_01 a {
	left:20px;
	z-index:1000;
}
ul.schedule_tab li.over_02 a {
	left:140px;
	z-index:100;
}
ul.schedule_tab li.over_03 a {
	left:260px;
	z-index:10;
}
ul.schedule_tab li.over_04 a {
	left:380px;
	z-index:1;
}
ul.schedule_tab li.active a {
	padding: 20px 15px 15px 15px;
	background-color:#FFFFFF;
	color: #515151;
	top:35px;
	border-bottom: #FFFFFF solid 1px;
	z-index:2000;
	transition: all 0.2s;
}
ul.schedule_tab li.active a:hover {
	color: #F927BF;
}
/*------------------------------------------------------------------
                               visa
------------------------------------------------------------------*/
.visa_img {
	width:708px;
	height:278px;
	margin: 30px 20px;
}
/*------------------------------------------------------------------
                               宿舎
------------------------------------------------------------------*/
dd.dormitory_img img {
	float:left;
	margin: 10px 25px 15px 0;
}
/*------------------------------------------------------------------
                          サマープログラム
------------------------------------------------------------------*/
.summer_prg img {
	float:left;
	margin: 0 20px 15px 0;
	border:#DCDCDC solid 2px;
}
.summer_prg img:hover {
	border:#E58000 solid 2px;
}
/*------------------------------------------------------------------
                          サマープログラム画像
------------------------------------------------------------------*/
.summer_prg a {

	margin: 15px 20px 60px 0;
}
/*------------------------------------------------------------------
                          cotoque
------------------------------------------------------------------*/
ul.ctq_eventlist,
ul.ctq_calendar {
width: 100%;
margin: 15px 0;
}
ul.ctq_eventlist > li {
width: 31.333%;
margin: 0 1% 15px 1%;
}
}