@charset "utf-8";


/* パンくず
----------------------------------------------------------- */
#pan {
text-align:center;
padding:4em 0 0 0 ;
background-color:#F2F2F2;
}

.panbox h2 {
font-size:32px;
letter-spacing:0.1em;
line-height:1.2;
margin:0 ;
}

.year-nav {
width:1000px;
margin:0 auto;
padding: 0;
text-align:left;
}

.year-nav ul li {
font-size:13px;
display:inline-block;
}

.year-nav ul li a {
display:block;
text-decoration:none;
background-color:#FFF;
padding:0 1em;
border:1px solid #CCC;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

.year-nav ul li a:hover {
color:#FFF;
background-color:#555;
}


@media screen and (max-width: 750px) {
	.footerbox ul li a {
	background-color:#FFF;
	}
	#pan {
	padding: 1.2em 0 0 0;
	color:#FFF;
	background-color:#0860A8;
	}
	.panbox {
	padding:0 ;
	}
	.panbox h2 {
	font-size:24px;
	font-weight:normal;
	letter-spacing:0;
	padding: 0 0 0.5em 0;
	}
	.year-nav {
	width:100%;
	padding:1em 1em 0 1em;
	margin: 0 auto;
	background-color:#F2F2F2;
	border:none;
	}
	.year-nav ul {
	padding:0 0 1em 0;
	}
}


/* コンテンツ
----------------------------------------------------------- */
#contents {
padding:0 0 3em 0;
}

.main {
padding:1.5em 0 3em 0;
}

.information {
padding:0.8em 0 3em 0;
}

/* メイン
----------------------------------------------------------- */
.mainbox {
width:1024px;
margin:0 auto;
text-align:left;
overflow:hidden;
background-color:#FFF;
border:1px solid #CCC;
padding:2.5em 3.5em 2em 3.5em;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}


.mainbox h3 {
clear:both;
font-size:22px;
font-weight:normal;
line-height:1.4;
margin:2em 0 1em 0;
padding:0.5em 1.2em;
border:1px solid #CCC;
background-image:url(/sanriku/images/img_line.png);
background-repeat:repeat-y;
background-position:0 0;
}

.mainbox h3:first-child {
font-size:24px;
font-weight:700;
color:#0860A8;
margin: 0.5em 0 1em 0;
padding:0;
background-image:none;
border:none;
}

.mainbox h4 {
font-size:22px;
font-weight:normal;
line-height:1.5;
margin:2em 0 0.8em 0;
color:#0860A8;
}

.day { text-align:right;}

blockquote {
border:1px solid #CCC;
background-color:#F2F2F2;
padding:1em 1.5em 0 1.5em;
margin:0 0 1em 0;
}

.textcenter { text-align:center; }

.imgright {
display: inline-block;
float: right;
max-width: 380px;
padding: 4px;
border: 1px solid #CCC;
margin: 0 0 1em 2em;
font-size: 13px;
}

.imgleft {
display: inline-block;
float: left;
max-width: 380px;
padding: 4px;
border: 1px solid #CCC;
margin: 0 2em 1em 0;
font-size: 13px;
}


@media screen and (max-width: 750px) {
	#contents {
	background-color:#FFF;
	padding:0;
	}
	#footer {
	background-color:#F2F2F2;
	}
	.main {
	padding:2em 0 3em 0;
	}
	.mainbox {
	width:90%;
	display:block;
	padding:0 ;
	margin:0 auto;
	border:none;
	}
	.mainbox h3 {
	font-size:20px;
	}
	.mainbox h3:first-child {
	font-size:22px;
	}
	.mainbox h4 {
	font-size:20px;
	}
	.imgright {
	display: block;
	float: none;
	max-width: 100%;
	margin: 0 auto 1em auto;
	}
	.imgleft {
	display: block;
	float: none;
	max-width: 100%;
	margin: 0 auto 1em auto;
	}
}


/*　リスト系
-------------------------------------------------*/

.mainbox ul {
margin:0 0 1em 0;
overflow:hidden;
}

.mainbox ul li {
padding:0 0 0 1.6em;
margin:0 0 0.3em 0;
background-image:url(/sanriku/images/img_arrow_blue.png);
background-position:0 0.5em;
background-repeat:no-repeat;
background-size:16px;
}

.mainbox ol {
padding:0 0 0 26px;
margin:0 0 1em 0;
}

.mainbox ol li {
list-style-type:decimal;
}


/*　INFORMATION
-------------------------------------------------*/
.informationbox dl {
overflow:hidden;
padding:0.5em 0;
border-bottom:1px dotted #777;
}

.informationbox dt {
width:28%;
float:left;
font-size:16px;
}

.informationbox dt span {
width:110px;
display:block;
float:right;
font-size:12px;
color:#FFF;
margin:4px 0 0 0;
text-align:center;
background-color:#3996C1;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

.informationbox dt span.internship {
background-color:#0860A8;
}

.informationbox dt span.course {
background-color:#FBB03B;
}

.informationbox dd {
float:right;
width:70%;
text-align:left;
font-size:16px;
}

#pagefooter {
clear:both;
margin:3em 0 0 0;
text-align:center;
}

#pagefooter a {
display:inline-block;
border:1px solid #CCC;
padding:0em 1em;
text-decoration:none;
}

#pagefooter a:hover {
color:#FFF;
background-color:#555;
}

span.current {
display:inline-block;
border:1px solid #CCC;
padding:0em 1em;
text-decoration:none;
}

@media screen and (max-width: 750px) {
	.informationbox {
	width:90%;
	margin:0 auto;
	padding: 0;
	text-align:left;
	}
	.informationbox dt {
	width:100%;
	float:none;
	font-size:14px;
	}
	.informationbox dd {
	width:100%;
	float:none;
	font-size:14px;
	}
}

/* テーブル------------------------------ */

.mainbox table {
width:100%;
margin:0 auto 1em auto;
}


.mainbox th {
width:24%;
color:#FFF;
text-align:left;
font-weight:normal;
padding:12px 20px;
background-color:#6E3F8C;
border:1px solid #CCC;
}

.mainbox td {
width:76%;
text-align:left;
padding:12px 20px;
background-color:#FFF;
border:1px solid #CCC;
}


@media screen and (max-width: 750px) {
	.mainbox table {
	border:none;
	border-spacing: 0;
	}
	.mainbox th {
	display:block;
	width:100%;
	border-right:none;
	}
	.mainbox td {
	display:block;
	width:100%;
	border:none;
	padding:12px 0 20px 0;
	background-color:#F8F8F8;
	}
}


/* googleマップ
-----------------------------------------*/
.gmap {
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%;
}