/*!
* Bootstrap v3.1.1 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

html {
	font-family: Meiryo,"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","sans-serif";
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}


body {
	margin: 0 auto;
	font-family: Meiryo;
	/*background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
	background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);*/

	background: linear-gradient(-45deg, rgba(47,54,80, 0.3) 25%, white 25%, white 50%, rgba(47,54,80, 0.3) 50%, rgba(47,54,80, 0.3) 75%, white 75%, white);
	background-size: 8px 8px;
	/*ボーダーの太さ*/

	animation: bg-color 10s infinite;
	webkit-animation: bg-color 10s infinite;
}

h3 {
	padding: 5px;
	color: #2f3650;
	border-bottom: 2px dotted #2f3650;
	letter-spacing: 0.1em;
}

a:link{
	text-decoration: none;
}
a:visited{
	text-decoration: none;
	color: #555;
}

table tr td {
	border: none !important;
}


#back{
	font-size: small;
	text-align: right;
	margin-right: 20px;
	clear: both;
	margin-top: -5px;
	position: fixed;
	right: 65px;
	bottom: 40px;
	float: left;
	display: none;
}

#back a:link{
	color: #2f3650;
	text-decoration: none;
}

#back a:visited{
	color: #2f3650;
	text-decoration: none;
}

#back1{
	font-size: small;
	text-align: right;
	margin-right: 40px;
	clear: both;
	margin-top: -5px;
}

#back2{
	font-size: small;
	text-align: right;
	margin-right: -8px;
	clear: both;
	margin-top: -5px;
}

.wrapper {
	margin: 0 auto;
	width: 1200px;
	background-color: #fff;
}

.header {
	background-color: #2f3650;
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.1em;
	text-align: right;
	padding: 10px;
}

.header a:link{
	color: #fff;
	text-decoration: none;
}

.header a:visited{
	color: #fff;
	text-decoration: none;
}

.header a:hover{
	text-decoration: none;
	border-bottom: 2px dotted #fff;
}

.header img{
	vertical-align: middle;
}

.topimg{
	text-align: center;
	margin-top: 20px;
}

.main{
	width: 1200px;
	height: auto;}

.left{ /*単一ページ*/
	width: 778px;
	/*float: left;*/
	margin: 0 0 0 40px;
	padding: 0 40px 30px 40px;
	border: #2f3650 1px solid;
	border-top: none;
	display: inline-block;
}

.right{
	/*float: left;*/
	float: right;
	margin: 0;
	padding: 0 0 0 56px;
	width:228px;
	display: inline-block;
}


.left1{ /*TOPページ*/
	width: 602px;
	margin: 0 0 0 70px;
	display: inline-block;
	float: left;
}

.flexslider {
	width: 575px;
	margin: 12px 0 0 70px;
	display: inline-block;
	float: left;
	position: relative;
}

.right1{
	margin: 0 0 12px -2px;
	width:500px;
	display: inline-block;
}

.right1 img{
	padding-right: 2px;
}


.left2{ /*タブページ*/
	width: 778px;
	/*float: left;*/
	margin: 0 0 0 40px;
	padding: 0 40px 30px 40px;
	border: #2f3650 1px solid;
	display: inline-block;
	border-top: /*none;*/
}

.right2{
	float: left;
	margin: 0;
	padding: 0 0 0 70px;
	display: inline-block;
	width:200px;
}


.footer{
	width: 1200px;
	margin: 0 auto;
	background-color: #2f3650;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 10px 0 10px 0;
}




.box_style{ /*新着タイトル部分*/
	font-size: 17px;
	letter-spacing: 0.2em;
	color: #fff;
	width: 405px;
	margin: auto;
	padding: 10px;
	background-color: #2f3650;
}

.arrival{
	overflow:auto;
	width:411px;
	height:135px;
	margin: auto;
	padding:5px;
	border-right: 2px solid #666;
	border-left: 2px solid #666;
	border-bottom: 2px solid #666;
	background-color:#e8e8e8;
	line-height:1.5em;
}

.arrival a:link{
	text-decoration: underline;
	color: #2f3650;
}

.arrival a:visited{
	text-decoration: none;
	color: #2f3650;
}

dl.arrival{
	width: 411px;
	height: 196px;
	overflow: auto;
}
dl.arrival dt{
	font-size: 14.5px;
	color: #555;
	float: left;
	width: 120px;
}
dl.arrival dd{
	color: #555;
	margin: 0 0 10px 0;
	padding: 0 0 10px 120px;
	border-bottom: 1px dotted #999;
	font-size: 13.7px;
}


.main table tr td{
	/*	border:1px solid rgba(47,54,80, 0.5);*/

}

.main .snsbutton table tr td{
	border-style: none
}*/


.snsbutton table {
	margin-left : auto ;
	margin-right : 38px;
	margin-top: 5px;
	overflow: hidden;
}

}
.snsbutton ul li {

	display: inline-block;
	margin-right: 4px;
	vertical-align: baseline;
	background-color: transparent;
	border-left: transparent;
	border-radius: transparent;
}

.fb_iframe_widget > span{
	vertical-align: baseline !important;
}


a:hover img.overwhite{
	cursor:pointer;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	opacity:0.6;
	zoom:1;}

.onespace {
	padding-left: 20px;
	line-height:250%;}

.textmarker{
	background: linear-gradient(transparent 65%, rgba(47,54,80, 0.3) 0%);
}

.back{
	margin-left: -1em;
}

.aboutback{
	font-size: small !important;
	text-align: right !important;
	/*margin-right: -37px !important;*/
	clear: both !important;
	margin-top: -5px !important;
	/*position: fixed !important;
	right: 100px !important;
	bottom: 40px !important;
	float: left !important;*/
}


ul#tab {
	width: 778px;
	zoom: 1;
	list-style: none;
	margin-left: 40px;
	margin-bottom: -1px;
	padding: 0;
	font-weight: bold;
}
ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul#tab li {
	float: left;
	text-align: center;
	border: solid 1px #2f3650;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
ul#tab li:last-child {
	background: none;
}
ul#tab li a {
	display: block;
	width: 225px;
	padding: 8px 0;
	text-decoration: none;
	color: #2f3650;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
ul#tab li a:hover {
	background: rgba(47,54,80, 0.7);
	color: #fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
ul#tab li.active,
ul#tab li.active a,
ul#tab li.active a:hover {
	background: #2f3650;
	color: #fff;
}
#detail {
	float: left;
	clear: both;
	overflow: hidden;
	width: 778px;
	padding: 20px;
	margin: 0 0 0 40px;
	padding: 0 40px 30px 40px;
	border: #2f3650 1px solid;
	display: inline-block;
	border-top: /*none;*/
}
.tabbox {
	display: none;

}

.mpftable tr {
	border: none !important;
}

.mpftable td {
	border: none !important;
}

.mpfcampus tr{
	border: solid 1px #555 !important;
}


.mpfcampus tr td {
	border: solid 1px #555 !important;
}



@-webkit-keyframes bg-color {
	0% {
		background-color: #999;
	}
	25% {
		background-color: #777;
	}
	50% {
		background-color: #555;
	}
	75% {
		background-color: #333;
	}
	100% {
		background-color: #111;
	}
}

@keyframes bg-color {
	0% {
		background-color: #999;
	}
	25% {
		background-color: #777;
	}
	50% {
		background-color: #555;
	}
	75% {
		background-color: #333;
	}
	100% {
		background-color: #111;
	}
}

.back {
	margin-left: -1em;
}

.left h4 {
	font-size: 14px;
	color: #2f3650;
	margin-bottom: 15px;
	padding-left: 12px;
	padding-top: 12px;
	background-color: #eef0f5;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #2f3650;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ced4e2;
	padding-bottom: 9px;
}

.dotbox {
	margin: 5px 0 15px;
	padding: 21px;
	background: url(../images/mpf/bg.gif) repeat 0 0 #fff;
}

.dotbox .inner {
	padding: 21px 18px;
	background: #fff;
}

.slash {
	background: linear-gradient(-16deg, white, white 49%, gray 50%, gray 50%, white 51%, white);
}

.mi {
	width: 400px;
	height: 550px;
	background-image: url(../images/about/mi.png);
	background-size: 500px 540px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center;
}

.ficopy {
	width: 700px;
	height: 100px;
	background-image: url(../images/about/ficopy.png);
	background-size: 548px 50px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center;
}

.filogo {
	width: 700px;
	height: 250px;
	background-image: url(../images/about/filogo.png);
	background-size: 200px 200px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
}

.sdbutton {
	vertical-align: middle;
}