/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
 
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
@charset "utf-8";
/*================================*/
/* reset */
/*================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
	*font-size:100%;
}
legend {
	color:#000;
}
body {
	font-size:0.8em;
	*font-size:small;
	*font:x-small;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	*font-size:108%;
	line-height:100%;
}
body {
	text-align:left;
}
table {
	font-size:inherit;
	font:100%;
}
/*================================*/
/* global */
/*================================*/
body{background:url(/admission-cms/sp/mt/common/images/main_bg.gif) repeat-x left top;font-size:0.75em;}
p{line-height:1.4;}
a.skip {
	display:none;
}
.clear {
	clear:both;
}
.photo img {
	padding:2px;
}
ol.list_decimal li{
	list-style:decimal;
	margin-left:2em;
}
ul.list_disc li{
	list-style:disc;
	margin-left:2em;
}
.listing{padding-left:2.5em;text-indent:-1.5em;}

/*================================*/
/* color */
/*================================*/
body {
	color:#5c5c5c;
}
a {
	color:#5c5c5c;
}
a:hover {
	color:#389bc9;
}
a:visited {
	color: #333333;
}
/* =========================================================
header
========================================================= */
#header{margin:0 auto 25px;width:100%;}
#logo{margin:10px 0 5px;float:left;text-indent:-9999px;}
#logo a{display:block;width:147px;height:39px;background: url(/admission-cms/sp/mt/common/images/logo.gif) no-repeat left top;}
#mainimg {clear:both;width:98%;background-color:#fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}

header {
  padding:10px;
  background: skyblue;
}

#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 60%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 200px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/* =========================================================
main_wrap
========================================================= */
#main_wrap {margin:0 auto 30px;width:100%;clear:both;}
#main_wrap #nav_left2 {margin-right:29px;float:left;width:100%;}
#main_wrap #main_content {float:right;width:100%;}

#nav_left {
	display: none;
}


#lnav {margin-bottom:20px;padding-top:10px;background:url(/admission-cms/sp/mt/common/images/lnav_top.gif) left top no-repeat #389bc9;}
#lnav_inner{padding:0 4px 10px 4px;background:url(/admission-cms/sp/mt/common/images/lnav_bottom.gif) left bottom #389bc9 no-repeat;}
#lnav ul {padding:3px;background-color:#a9d9f0;}
#lnav ul li{display:block;text-indent:-9999px;}
#lnav ul li a{display:block;width:175px;height:49px;background-repeat:no-repeat;background-position:left top;background-color:#FFF;}
#lnav ul li.lnav01 a{height:46px;background-image:url(/admission-cms/sp/mt/common/images/lnav_gakumon.gif);} 
#lnav ul li.lnav02 a{background-image:url(/admission-cms/sp/mt/common/images/lnav_nakama.gif);} 
#lnav ul li.lnav03 a{background-image:url(/admission-cms/sp/mt/common/images/lnav_shinro.gif);} 
#lnav ul li.lnav04 a{background-image:url(/admission-cms/sp/mt/common/images/lnav_seikatsu.gif);} 
#lnav ul li.lnav05 a{background-image:url(/admission-cms/sp/mt/common/images/lnav_opencampus.gif);} 
#lnav ul li.lnav06 a{background-image:url(/admission-cms/sp/mt/common/images/lnav_graduate.gif);} 

#lnav ul.lnav01 li.lnav01 ul{display:block;} 
#lnav ul.lnav02 li.lnav02 ul{display:block;} 
#lnav ul.lnav03 li.lnav03 ul{display:block;} 
#lnav ul.lnav04 li.lnav04 ul{display:block;} 
#lnav ul.lnav05 li.lnav05 ul{display:block;} 
#lnav ul.lnav06 li.lnav06 ul{display:block;} 

#lnav ul li ul.lnav_lev02{padding:10px;display:none;background:#fff;}
#lnav ul li ul.lnav_lev02 li{margin:0 0 10px 0;display:block;width:155px;text-indent:0;background:url(/admission-cms/sp/mt/common/images/ic_lnav.gif) no-repeat left center;line-height:1.4;}
#lnav ul li ul.lnav_lev02 li a{padding-left:15px;width:auto;height:auto; background:transparent none;}
#lnav ul li ul.lnav_lev02 li.clm1_items{padding-left:15px; width:auto;}
#lnav ul li ul.lnav_lev02 li.clm1_items a{display:inline;padding-left:0;}

#lnav_other {background: url(/admission-cms/sp/mt/common/images/lnav_bottom_gray.gif) no-repeat left bottom #ebebeb;}
#lnav_other ul {}
#lnav_other ul li{color:#a9a9a9}
#lnav_other ul li .head{display:block;width:190px;height:30px;background-repeat:no-repeat;background-position:left top;text-indent:-9999px;} 
#lnav_other ul li#lnav_other01 .head {background-image: url(/admission-cms/sp/mt/common/images/lnav_title_gakubu.gif);}
#lnav_other ul li#lnav_other02 .head {background-image: url(/admission-cms/sp/mt/common/images/lnav_title_nyuugaku.gif);}
#lnav_other ul li#lnav_other03 .head {background-image: url(/admission-cms/sp/mt/common/images/lnev_title_contact.gif);}
#lnav_other ul li#lnav_other04 .head {background-image: url(/admission-cms/sp/mt/common/images/lnav_title_map.gif);}
#lnav_other ul li#lnav_other05 .head {background-image: url(/admission-cms/sp/mt/common/images/lnav_title_access.gif);}
#lnav_other ul li ul{margin:12px 0;}	
#lnav_other ul li ul li{margin:0 0 10px 30px;list-style: disc;color:#a9a9a9}
#lnav_other ul li ul li a{color:#5c5c5c;}
#lnav_other ul li dl{margin:13px 18px;}
#lnav_other ul li dl dt{margin-right:5px;float:left;}
#lnav_other ul li p{padding:0 18px 13px;color:#5c5c5c;}

#gakubu {margin-bottom:40px;padding-bottom:20px;background:url(/admission-cms/sp/mt/common/images/border_blue.gif) repeat-x left bottom;}
#gakubu ul li {float:left;width:328px;}
#gakubu ul li#gakubu01 {margin-right:20px}
#gakubu ul li a {}
#gakubu ul li a img {margin-bottom:10px;}
#gakubu ul li p.description{height:7em;color:#389bc9;font-size:93%}
#gakubu ul li h2 {margin-right:19px;float:left;text-indent:-9999px;width:44px;height:44px;background:url(/admission-cms/sp/mt/common/images/ic_gakka.gif) no-repeat left top;}
#gakubu ul li div.gakka{}
#gakubu ul li div.nav_gakka {float:left;width:265px}
#gakubu ul li div.nav_gakka ul li {margin-bottom:15px;float:left;width:130px;}

#nav_main {background:url(/admission-cms/sp/mt/common/images/border_blue.gif) repeat-x left bottom;} 
#nav_main ul li#nav_main02,#nav_main ul li#nav_main04,#nav_main ul li#nav_main06{margin-right:0}
#nav_main ul li{margin:0 20px 30px 0;float:left;width:330px;line-height:1.4;}
#nav_main ul li .thumbnail{margin-right:11px;float:left;width:140px;}
#nav_main ul li .nav_contents{display:block;float:left;width:175px;}
#nav_main ul li dl dt{margin-bottom:18px;}
#nav_main ul li dl dd li{margin:0 0 8px 0;clear:both;width:160px}
/* =========================================================
footer
========================================================= */
#footer {clear:both;background-color:#389bc9;;padding:16px 0 20px;}
div.footer_inner {margin:0 auto;width:400px;}
#footer #footer_logo_white{margin-right:32px;float:left;width:150px;padding:0 0 7px 0;}
#footer #footer_logo{float:right}
#footer ul{float:left;}
#footer ul li{margin-right:40px;float:left;font-size:93%;line-height:1.4;color:#fff;}
/* =========================================================
footer_copy
========================================================= */
#footer_copy {padding:12px 0;background-color:#23759b;font-size:93%; color:#fff;}

/*================================*/


/* clearfix - important! */
*{zoom:1;}
div:after, #lnav_other dl:after,#nav_main ul li dl:after,h2.map:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/* for WinIE7&MacIE5 */
div, #lnav_other dl,#nav_main ul li dl,h2.map {
	display: inline-block;
}
/* Hides from MacIE \*/
* html div,* html #lnav_other dl,#nav_main ul li dl,h2.map {
	height:1%;
}
div, #lnav_other dl,#nav_main ul li dl,h2.map {
	display: block;
}
/* End hide from MacIE */
/*================================*/

.left-banner a{display:block;margin-bottom:1px}
.left-banner img{max-width:100%;height:auto}
}