@charset "utf-8";


@media (max-width: 640px)

 {

/* Common */
* {
	margin: 0;
	padding: 0;
}
html{ height:100%;margin:0; padding:0;}
body{ margin: 0 auto; text-align:left; line-height:150%; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-size:13px; color:#333333; height:100%; background:#FFFFFF;}
a {	margin: 0; padding: 0; border: 0; color: #2C6B9F; text-decoration: underline;}
a.font_white{ margin:0; padding:0; border:0; color:#FFFFFF; text-decoration:none;}
a:hover{ margin:0; padding:0; border:0; color:#2C6B9F; text-decoration:none;}
a:visited{ margin: 0; padding: 0; border: 0; text-decoration: none;}
.clearboth{ padding: 0; clear:both;}
.clearfix:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{ min-height: 1px;}
* html .clearfix{ height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
p{ font-size:13px; color:#4C4C4C; height:100%; line-height:180%; padding:5px 0;}










/* Nav */ 
#SPMenu{ display:block; width:94%; margin:0 auto; margin-top:10px; margin-bottom:10px; padding:0; background:#DDDDDD;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}
#SPMenu ul{ display: table; width:100%; height:auto; line-height:0; list-style:none; margin:0; padding:0;}
#SPMenu ul li{ display: table-cell; list-style:none; padding:6px; width:25%; box-sizing:border-box;}
#SPMenu ul li img{width: 100%;}








/* Main */  






.block_txtBorder{ margin:0; padding:15px; border:2px;  border-style:double; width:100%; box-sizing:border-box;}
.block_txtBorder p{ text-indent:1em;　margin:0px; padding:0px;  border:0;  width:100%; box-sizing:border-box;}



/* Table */ 

.tbl_05{ margin:0; padding:0; background:#666666; color:#000000; font-size:13px; width:100%;}
.tbl_06{ margin:0; padding:0; background:#666666; color:#000000; font-size:13px; width:100%;}
.tbl_07{ margin:0; padding:0; background:#666666; color:#000000; font-size:13px; width:100%;}
.tbl_08{ margin:0; padding:0; background:#666666; color:#000000; font-size:13px; width:100%;}
.tbl_09{ margin:0; padding:0; background:#666666; color:#000000; font-size:13px; width:100%;}
.tbl_10{ margin:0; padding:0; background:#666666; color:#000000; font-size:13px; width:100%;}
.tbl_11{ margin:0; padding:0; background:#666666; color:#000000; font-size:13px; width:100%;}
.tbl_13{ margin:0; padding:0; background:#666666; color:#000000; font-size:13px; width:100%;}
.tbl_14{ margin:0; padding:0; background:#666666; color:#000000; font-size:13px; width:100%;}
.tbl_15{ margin:0; padding:0; background:#666666; color:#000000; font-size:13px; width:100%;}
.tbl_16{ margin:0; padding:0; background:#666666; color:#000000; font-size:13px; width:100%;}
.tbl_17{ margin:0; padding:0; background:#D9D9D9; color:#000000; font-size:13px; color:#4C4C4C; width:100%;}
.tbl_18{ margin:0; padding:0; background:#D9D9D9; color:#000000; font-size:13px; color:#4C4C4C; width:100%;}

.tbl_20{ margin:0; padding:0; background:#666666; color:#000000; font-size:13px; width:100%;}
.tbl_20 td{	margin:0; padding:0; background:#FFFFFF; text-align:left;}
.tbl_20 td.td1{ margin:0; padding:10px; background:#FFFFFF; text-align:left; font-weight:bold; font-size:13px;text-decoration:underline; text-indent:0;}
.tbl_20 td.td2{ margin:0; padding:10px; background:#FFFFFF; text-align:left;text-indent: -0.94em;}

.tbl_20 tbody th{ display: list-item; list-style:none; border: none; text-indent:-0.94em; margin:0; padding:10px 0; width:100%;}
.tbl_20 tbody td{ display: list-item; list-style:none; border: none; text-indent:-0.94em; padding:10px 0; margin:0;}
.notice{ padding-left:2em; text-indent:-2em;}


/* List */  

ul.listnum{ margin:0; padding:10px 0 10px 10px; border:0; display:block; list-style:decimal inside;}
ul.listnum li{ margin:0; padding:2px 0; border:0; font-size:13px;}



ul.listlink2{ margin:0; padding:0 0 0 10px; border:0; display:block;}
ul.listlink2 li{ margin:0 0 10px 0; padding:0 0 0 22px; border:0; width:100%; background: url(../img/bg_subindex.jpg) top left no-repeat; font-size:12px; float:left;}
ul.listlink2 li.out{ margin:0 0 10px 0; padding:0 0 0 22px; border:0; background: url(../img/bg_subindex.jpg) top left no-repeat; font-size:12px;}
ul.listlink2 li.pdf{ margin:-10px 0 10px 0; padding:10px 0 0 40px; border:0; height:32px; width:100%;  background: url(../img/icon_pdf.jpg) top left no-repeat; font-size:12px; float:left;}
ul.listlink2 li.word{ margin:-10px 0 10px 0; padding:10px 0 0 40px; border:0; height:32px; width:100%;  background: url(../img/icon_word.gif) top left no-repeat; font-size:12px; float:left;}
ul.listlink2 li.excel{ margin:-10px 0 10px 0; padding:10px 0 0 40px; border:0; height:32px; width:100%;  background: url(../img/icon_excel.jpg) top left no-repeat; font-size:12px; float:left;}
ul.listlink2 li.blank{ margin:0 0 10px 0; padding:0 0 0 22px; border:0; width:302px; background: none; font-size:12px; float:left;}
ul.listlink2 li.link{ margin:-10px 0 10px 0; padding:10px 0 0 40px; border:0; height:32px; width:100%;  background: url(../img/icon_link.jpg) top left no-repeat; font-size:12px; float:left;}

/*
.list_disc4 {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 1.5em;
	text-indent: 0;
}
*/


.list_disc4 li{ position: relative; padding-left: 1.5em;text-indent: 0em;}
.list_disc4 li::after{ display: block; content: ''; position: absolute; top: 0.5em; width: 5px; height: 5px; background-color: #333; border-radius: 100%; margin-left: 0.2em;}



.list_mark1{ list-style-type: none;}
.list_mark1 li{ display: list-item; text-indent: 0em;}
.list_mark1 li::before{ content: '※'; position: absolute;}






.Block_Topics{ box-sizing:border-box; margin:20px 0 20px 0; padding:0  10px; border:0; width:100%; height:auto; background:none;}
.Block_Topics h3{ box-sizing:border-box; margin:0; padding:5px 0 5px 20px !important; border-top:2px solid #006BA4 !important; border-bottom:1px solid #EEEEEE !important; background:none !important; font-size: 13px !important; width:100% !important; height:auto !important; display:block !important;}

.Block_TopicsBox{ box-sizing:border-box; margin:10px 0 0 0; padding:10px; border:0; width:100%; height:auto; background: url(../responsive/bg_topics.jpg) top left repeat;}

#Topics_Title{ box-sizing:border-box; margin:0; padding:0; display:block; width:100%;}
#Topics_Title ul{ box-sizing:border-box; margin:0 0 10px 0; padding:0; display:block; width:100%;}


#Topics_Title ul li.ALL{ box-sizing:border-box; margin:0 0 10px 0; display:block; width:100%; height:auto;  border:0; float:left;}
#Topics_Title ul li.ALL a{ margin:0; padding-top:15%; display:block; width:auto; height:0; background: url(../responsive/topics_all.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}
#Topics_Title ul li.ALL a:hover{ margin:0; padding-top:15%; display:block; width:auto; height:0; background: url(../responsive/ttopics_all_o.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}
#Topics_Title ul li.ALL a.active{ margin:0; padding-top:15%; display:block; width:auto; height:0; background: url(../responsive/topics_all_o.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}

#Topics_Title ul li.Event{ box-sizing:border-box; margin:0 1%; padding:0; display:block; width:18%; height:50px; border:0; float:left;}
#Topics_Title ul li.Event a{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_event.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}
#Topics_Title ul li.Event a:hover{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_event_o.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}
#Topics_Title ul li.Event a.active{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_event_o.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}

#Topics_Title ul li.Topics{ box-sizing:border-box; margin:0 1%; padding:0; display:block; width:18%; height:50px; border:0; float:left;}
#Topics_Title ul li.Topics a{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_topics.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}
#Topics_Title ul li.Topics a:hover{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_topics_o.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}
#Topics_Title ul li.Topics a.active{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_topics_o.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}

#Topics_Title ul li.Info{ box-sizing:border-box; margin:0 1%; padding:0; display:block; width:18%; height:50px; border:0; float:left;}
#Topics_Title ul li.Info a{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_info.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}
#Topics_Title ul li.Info a:hover{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_info_o.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}
#Topics_Title ul li.Info a.active{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_info_o.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}

#Topics_Title ul li.Student{ box-sizing:border-box; margin:0 1%; padding:0; display:block; width:18%; height:50px; border:0; float:left;}
#Topics_Title ul li.Student a{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_student.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}
#Topics_Title ul li.Student a:hover{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_student_o.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}
#Topics_Title ul li.Student a.active{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_student_o.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}

#Topics_Title ul li.Others{ box-sizing:border-box; margin:0 1%; padding:0; display:block; width:18%; height:50px; border:0; float:left;}
#Topics_Title ul li.Others a{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_others.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}
#Topics_Title ul li.Others a:hover{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_others_o.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}
#Topics_Title ul li.Others a.active{ margin:0; padding:0; display:block; width:auto; height:50px; background: url(../responsive/topics_others_o.jpg) top left no-repeat; text-align:center; text-indent:-9999px;background-size:contain;}


.Block_TopicsMain{ margin:0 0 10px 0; padding:0; border-top:0; border-right:0; border-bottom:0; border-left:0; display:block; width:100%; height:370px;}
.spframe{ margin:0; padding:0; border:0; display:block; width:100%; height:350px;}
.Block_TopicsInner{ font-size:10px; margin:0; padding:0; border:0; display:block; width:100%; height:350px; background:#FFFFFF;}
.Block_TopicsInner iframe{ font-size:10px; margin:0; padding:0; border:0; display:block; width:100%; position:relative; height:100%; overflow: hidden !important; overflow-x:hidden!important;}
.Block_TopicsInner_headline{ font-size:10px; margin:0; padding:0; border:0; display:block; width:100%; height:250px; overflow:hidden; overflow-x:hidden;}
.Block_TopicsBottom{ box-sizing:border-box; font-size:10px; margin:0; padding:10px 16px 0 0; border:0; display:block; text-align:right; width:100%;}
.Block_TopicsBottom img{ display:none;}
.Block_TopicsBottom a{ background: url(../responsive/btn_backnumber2.jpg) center left no-repeat; padding:0 0 0 20px; background-size:contain;}

.disnon {display: none;}

.Block_Topics1 { margin:20px 0 20px 0; padding:0; border:0; width:720px; height:395px; background:url(../img/bg_BlockTopics.jpg) repeat-y top left;}
.Block_Topics1 h3{ margin:20px 0 0 0; padding:5px 0 0 15px; border:0; background:url(../img/h3_top.jpg) no-repeat top left; width:705px; height:30px; display:block; font-size:14px;  color:#333333;}
#Topics_Title1{ margin:20px 0 0 10px; padding:0; display:block; width:690px;}
#Topics_Title1 ul{ margin:0; padding:0; display:block; width:651px;}
#Topics_Title1 ul li{ margin:0 5px 0 0; padding:0; display:block; width:100px; height:27px; font-size:16px; color:#727171; border:0; float:left;}
#Topics_Title1 ul li a{ margin:0; padding:2px 0 0 0; display:block; width:100px; height:25px; font-size:10px; color:#000000; background: url(../img/bg_Topics_Title.jpg) top left no-repeat; text-align:center;}
#Topics_Title1 ul li a:hover{ margin:0; padding:2px 0 0 0; display:block; width:100px; height:25px; background: url(../img/bg_Topics_Title_o.jpg) top left no-repeat; text-align:center;}
#Topics_Title1 ul li a.active{ margin:0; padding:2px 0 0 0; display:block; width:100px; height:25px; background: url(../img/bg_Topics_Title_o.jpg) top left no-repeat; text-align:center;}
.Block_TopicsMain1{ margin:-1px 16px 0 5px; padding:0; border-top:1px solid #EAEAEA; border-right:1px solid #EAEAEA; border-bottom:0; border-left:0; display:block; width:700px;  height:258px;}
.Block_TopicsInner1 {font-size:10px; margin:0; padding:0; border:0; display:block; width:100%;  height:268px; background:#FFFFFF;}
.Block_TopicsInner1 iframe {font-size:10px; margin:0; padding:0; border:0; display:block; width:100%; height:268px; overflow:scroll; overflow-x:hidden;}
.Block_TopicsInner1_headline {font-size:10px; margin:0; padding:0; border:0; display:block; width:100%; height:268px; overflow:scroll; overflow-x:hidden;}
.Block_TopicsBottom1{font-size:10px; margin:0; padding:10px 16px 0 0; border:0; display:block; text-align:right; width:684px;  font-size:10px;}
.disnon1 {display: none;}

.Block_Topics2 { box-sizing:border-box; margin:0; padding:10px; border:0; width:100%;}
.Block_Topics2 dl { margin:0; padding:8px 0; border-bottom:1px dashed #CCCCCC; display:block; width:100%;}
.Block_Topics2 dl dt.date{ margin:0; padding:0; border:0; width:100%; color:#666666; font-size:12px; float:none;}
.Block_Topics2 dl dt.genre{ margin:0; padding:0; border:0; width:100%; color:#666666; font-size:12px; float:left;}
.Block_Topics2 dl dd{ margin:-2px 0 0 0; padding:0;  border:0;  display:block; width:100%; font-size:12px; float:left;}
.cap{ margin:0; padding:0; border:0; font-size:10px; font-weight:normal;}
.cap2{ margin:0; padding:2px 0; border:0; font-size:10px; font-weight:normal; text-align:center;}


.Block_Topics4 { box-sizing:border-box; margin:0; padding: 0 10px; border:0; width:100%;}
.Block_Topics4_Inner{ width:100%; height:61px; display:block; background:none;}
.Block_Topics4_bottom{ box-sizing:border-box; display:block; width:100%; height:41px; padding:10px;  font-size:10px;  text-align:right;}
.Block_Topics4_bottom img{display:none;}
.Block_Topics4_bottom a{display:block; width:40%; height:41px; padding:0; background:url(../responsive/btn_backnumber.jpg) no-repeat center left; background-size: contain; text-indent:-9999px; text-align:left; float:right;}
.Block_Topics4 iframe {font-size:10px; margin:0; padding:0; border:0; display:block; width:100%; height:123px; overflow:scroll; overflow-x:hidden;}

.Block_Topics_aniv { margin:0; padding:10px; border:0; width:640px;}
.Block_Topics_aniv dl { margin:0; padding:8px 0; border-bottom:1px dashed #CCCCCC; display:block; width:640px;}
.Block_Topics_aniv dl dt.date{ margin:0 10px 0 0; padding:0; border:0; width:65px;  color:#666666; font-size:12px; float:left;}
.Block_Topics_aniv dl dt.genre{ margin:0 10px 0 0; padding:0; border:0; width:60px;  color:#666666; font-size:12px; float:left;}
.Block_Topics_aniv dl dd{ margin:-2px 0 0 0; padding:0;  border:0;  display:block; width:490px; font-size:12px; float:left;}





/* Block Right   
h3#h2_category { box-sizing:border-box; margin:0; padding:10px 0 5px 20px !important; border-top:2px solid #006BA4 !important;  background:none !important; font-size: 13px !important; width:100% !important; height:auto !important; display:block !important; text-indent:0;}
h3#h2_banner{ box-sizing:border-box; margin:0; padding:10px 0 5px 20px !important; border-top:2px solid #006BA4 !important;  background:none !important; font-size: 13px !important; width:100% !important; height:auto !important; display:block !important; text-indent:0;}
#Block_Banner{ margin:0; padding:0; border:0; width:100%; display:block;}
#Block_Banner ul{ margin-top:10px; padding:0; border-top:2px solid #EEEEEE; width:100%;  display:block;}
#Block_Banner ul li{ margin-top:5px; padding:10px 0; width:100%; border-bottom:2px solid #EEEEEE; display:block; list-style:none;background:url(../responsive/arrow_banner.jpg) no-repeat center right !important;  background-size:contain;}
#Block_Banner ul li a{ margin:0; padding:0 10px; box-sizing:border-box; height:auto; width:100%; display:block; color:#666666; text-decoration:none;}
#Block_Banner ul li.banner_try{ margin-top:5px; padding:7px; width:204px; border:1px solid #E7E7E7; display:block; background:url(../img/bg_try.jpg) repeat-y top left;}
#Block_Banner ul li.banner_try p{ margin-top:5px; padding:2px; width:200px; display:block; font-size:12px;}
#Block_Banner ul li.Banner01{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner01:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner01.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner02{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner02:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner02.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner03{ background:none; width:100%; height: auto; display:none; text-indent: 0;}
#Block_Banner ul li.Banner03:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner03.active{ background:none; width:100%; height:auto; display:block; text-indent:0;}
#Block_Banner ul li.Banner04{ background:none; width:100%; height: auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner04:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner04.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner05{ background:none; width:100%; height:auto; display:block; text-indent:0;}
#Block_Banner ul li.Banner05:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner05.active{ background:none; width:100%; height:auto; display:block; text-indent:0;}
#Block_Banner ul li.Banner06{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner06:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner06.active{ background:none; width:100%; height:auto; display:block; text-indent:0;}
#Block_Banner ul li.Banner07{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner07:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner07.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner08{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner08:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner08.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner09{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner09:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner09.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner10{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner10:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner10.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner11{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner11:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner11.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner12{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner12:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner12.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner13{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner13:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner13.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}

#Block_Banner ul li.Banner14{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner14:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner ul li.Banner14.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
*/






/* ピックアップコンテンツ */
#Block_Banner_top{ margin:0; padding:0; border:0; width:100%; display:block;}
#Block_Banner_top ul{ margin-top: 0px; padding: 0; width: 100%; display: block;}
#Block_Banner_top ul li{ margin-top:5px; padding:10px 0; width:100%; border-bottom:2px solid #EEEEEE; display:block; list-style:none;background:url(../responsive/arrow_banner.jpg) no-repeat center right !important;  background-size:contain;}
#Block_Banner_top ul li a{ margin:0; padding:0 10px; box-sizing:border-box; height:auto; width:100%; display:block; color:#666666; text-decoration:none;}
#Block_Banner_top ul li.Banner01{ background:none; width:100%; height: auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner01:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner01.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner02{ background:none; width:100%; height:auto; display:block; text-indent:0;}
#Block_Banner_top ul li.Banner02:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner02.active{ background:none; width:100%; height:auto; display:block; text-indent:0;}
/*#Block_Banner_top ul li.Banner03{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner03:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner03.active{ background:none; width:100%; height:auto; display:block; text-indent:0;}*/
#Block_Banner_top ul li.Banner04{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner04:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner04.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner05{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner05:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner05.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner06{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner06:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner06.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner07{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner07:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner07.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}

#Block_Banner_top ul li.Banner09{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner09:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner09.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul .Banner09 a{ width:100%; height:auto;}
/*
#Block_Banner_top ul li.Banner08{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner08:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner08.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul .Banner08 a{ width:100%; height:auto;}
*/
#Block_Banner_top ul li.Banner10{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner10:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner10.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul .Banner10 a{ width:100%; height:auto;}

#Block_Banner_top ul li.Banner21{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner21:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul li.Banner21.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_top ul .Banner21 a{ width:100%; height:auto;}

#Block_Banner_aboutus{ margin:0; padding:0; border:0; width:100%; display:block;}
#Block_Banner_aboutus ul{ margin-top: 0px; padding: 0; width: 100%; display: block;}
#Block_Banner_aboutus ul li{ margin-top:5px; padding:10px 0; width:100%; border-bottom:2px solid #EEEEEE; display:block; list-style:none;background:url(../responsive/arrow_banner.jpg) no-repeat center right !important;  background-size:contain;}
#Block_Banner_aboutus ul li a{ margin:0; padding:0 10px; box-sizing:border-box; height:auto; width:100%; display:block; color:#666666; text-decoration:none;}
#Block_Banner_aboutus ul li.Banner01{ background:none; width:100%; height: auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner01:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner01.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner02{ background:none; width:100%; height:auto; display:block; text-indent:0;}
#Block_Banner_aboutus ul li.Banner02:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner02.active{ background:none; width:100%; height:auto; display:block; text-indent:0;}
#Block_Banner_aboutus ul li.Banner04{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner04:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner04.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner05{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner05:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner05.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner06{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner06:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner06.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner07{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner07:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_aboutus ul li.Banner07.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}


#Block_Banner_admissions{ margin:0; padding:0; border:0; width:100%; display:block;}
#Block_Banner_admissions ul{ margin-top: 0px; padding: 0; width: 100%; display: block;}
#Block_Banner_admissions ul li{ margin-top:5px; padding:10px 0; width:100%; border-bottom:2px solid #EEEEEE; display:block; list-style:none;background:url(../responsive/arrow_banner.jpg) no-repeat center right !important;  background-size:contain;}
#Block_Banner_admissions ul li a{ margin:0; padding:0 10px; box-sizing:border-box; height:auto; width:100%; display:block; color:#666666; text-decoration:none;}
#Block_Banner_admissions ul li.Banner01{ background:none; width:100%; height: auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner01:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner01.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner02{ background:none; width:100%; height:auto; display:block; text-indent:0;}
#Block_Banner_admissions ul li.Banner02:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner02.active{ background:none; width:100%; height:auto; display:block; text-indent:0;}
/*#Block_Banner_admissions ul li.Banner03{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner03:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner03.active{ background:none; width:100%; height:auto; display:block; text-indent:0;}*/
#Block_Banner_admissions ul li.Banner04{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner04:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner04.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner05{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner05:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner05.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner06{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner06:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner06.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner07{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner07:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_admissions ul li.Banner07.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}


#Block_Banner_campuslife{ margin:0; padding:0; border:0; width:100%; display:block;}
#Block_Banner_campuslife ul{ margin-top: 0px; padding: 0; width: 100%; display: block;}
#Block_Banner_campuslife ul li{ margin-top:5px; padding:10px 0; width:100%; border-bottom:2px solid #EEEEEE; display:block; list-style:none;background:url(../responsive/arrow_banner.jpg) no-repeat center right !important;  background-size:contain;}
#Block_Banner_campuslife ul li a{ margin:0; padding:0 10px; box-sizing:border-box; height:auto; width:100%; display:block; color:#666666; text-decoration:none;}
#Block_Banner_campuslife ul li.Banner01{ background:none; width:100%; height: auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner01:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner01.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner02{ background:none; width:100%; height:auto; display:block; text-indent:0;}
#Block_Banner_campuslife ul li.Banner02:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner02.active{ background:none; width:100%; height:auto; display:block; text-indent:0;}
/*#Block_Banner_campuslife ul li.Banner03{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner03:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner03.active{ background:none; width:100%; height:auto; display:block; text-indent:0;}*/
#Block_Banner_campuslife ul li.Banner04{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner04:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner04.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner05{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner05:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner05.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner06{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner06:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner06.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner07{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner07:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_campuslife ul li.Banner07.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}


#Block_Banner_other{ margin:0; padding:0; border:0; width:100%; display:block;}
#Block_Banner_other ul{ margin-top: 0px; padding: 0; width: 100%; display: block;}
#Block_Banner_other ul li{ margin-top:5px; padding:10px 0; width:100%; border-bottom:2px solid #EEEEEE; display:block; list-style:none;background:url(../responsive/arrow_banner.jpg) no-repeat center right !important;  background-size:contain;}
#Block_Banner_other ul li a{ margin:0; padding:0 10px; box-sizing:border-box; height:auto; width:100%; display:block; color:#666666; text-decoration:none;}
#Block_Banner_other ul li.Banner01{ background:none; width:100%; height: auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner01:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner01.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner02{ background:none; width:100%; height:auto; display:block; text-indent:0;}
#Block_Banner_other ul li.Banner02:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner02.active{ background:none; width:100%; height:auto; display:block; text-indent:0;}
/*#Block_Banner_other ul li.Banner03{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner03:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner03.active{ background:none; width:100%; height:auto; display:block; text-indent:0;}*/
#Block_Banner_other ul li.Banner04{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner04:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner04.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner05{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner05:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner05.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner06{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner06:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner06.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner07{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner07:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Banner_other ul li.Banner07.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
/* end ピックアップコンテンツ */











#Block_Side10{ margin:0; padding:0; border:0; width:100%; display:block;}
#Block_Side10 ul{ margin-top:10px; padding:0; border-top:2px solid #EEEEEE; width:100%;  display:block;}
#Block_Side10 ul li{ box-sizing:border-box; margin-top:5px; padding:10px 10px; width:100%; border-bottom:2px solid #EEEEEE; display:block; list-style:none; background: nonet;  background-size:contain;}
#Block_Side10 ul li a{ box-sizing:border-box; margin:0; padding:0 10px; box-sizing:border-box; height:auto; width:100%; display:block; color:#666666; text-decoration:none;}
#Block_Side10  ul li.Nav01{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Side10  ul li.Nav01:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Side10  ul li.Nav01.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Side10  ul li.Nav02{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Side10  ul li.Nav02:hover{ background:none; width:100%; height:auto; display:block; text-indent: 0;}
#Block_Side10  ul li.Nav02.active{ background:none; width:100%; height:auto; display:block; text-indent: 0;}


li.submenu{ box-sizing:border-box; background:none !important; padding:0 !important;}
li.submenu ul{ padding:0; border:0 !important; padding:0 !important; width:100%; display:block;background:none !important;}
li.submenu ul li{ box-sizing:border-box; padding:5px 0 5px 30px !important; width:100%; border-bottom:1px solid #EEEEEE !important; display:block; background:none !important;}
li.submenu ul li ul{ box-sizing:border-box;border:0 !important;}
li.submenu ul li.tail{ box-sizing:border-box;padding:1px; border:0 !important; width:100%; display:block;}
li.submenu ul li a{ box-sizing:border-box; padding:0; border:0 !important; width:100%; display:block; color:#2C6B9F; text-decoration:underline; font-size:12px; background:none;}
li.submenu ul li a:hover{ box-sizing:border-box; padding:0; border:0 !important; width:100%; display:block; color:#FFFFFF; text-decoration:underline; font-size:12px; background:none;}
li.submenu ul li a.nolink:hover{ box-sizing:border-box; padding:0; border:0 !important; width:100%; display:block; color:#2C6B9F; text-decoration:underline; font-size:12px; background:none;}
li.submenu ul li ul li a{ box-sizing:border-box; padding:0; border:0 !important; width:100%; display:block; color:#2C6B9F; text-decoration:underline; font-size:12px; background:none;}
li.submenu ul li ul li a:hover{ box-sizing:border-box; padding:0; border:0 !important; width:100%; display:block; color:#FFFFFF; text-decoration:underline; font-size:12px; background:none;}
li.submenu ul li ul li a.nolink:hover{ box-sizing:border-box; padding:0; border:0 !important; width:100%; display:block; color:#2C6B9F; text-decoration:underline; font-size:12px; background:none;}
li.submenu ul li ul li.tail a{ box-sizing:border-box; padding:0; border:0 !important; width:100%; display:block; color:#2C6B9F; text-decoration:underline; font-size:12px; background:unone;}
li.submenu ul li ul li.tail a:hover{ box-sizing:border-box; padding:0; border:0 !important; width:100%; display:block; color:#FFFFFF; text-decoration:underline; font-size:12px; background:none;}
li.submenu ul li.tail a{ box-sizing:border-box; padding:0; border:0 !important; width:100%; display:block; color:#2C6B9F; text-decoration:underline; font-size:12px; background:none;}
li.submenu ul li.tail a:hover{ box-sizing:border-box; padding:0; border:0 !important; width:100%; display:block; color:#FFFFFF; text-decoration:underline; font-size:12px; background:none;}


/* Footer */  
#Footer { margin:0 ; padding:20px 0 0 0; width:100%; background:#FFFFFF;}
#Block_FooterLink { margin:0 auto; padding:5px 0 15px 0; width:100%; background: url(../img/bg_FooterLocal.jpg) top left repeat-x; display:none;}
#Block_FooterLink ul{ margin:10px 0 0 0; padding:0; display:block; font-size:11px; text-align:left;}
#Block_FooterLink ul li{ margin:0; padding:0; display:block; text-align:left; float:left; background: url(../img/footer_arrow.jpg) top left no-repeat;}
#Block_FooterLink ul li a{ margin:0; padding:0 10px 0 12px; display:block; text-align:left; text-decoration:underline;}
#Block_FooterLink ul li a:hover{ margin:0; padding:0 10px 0 12px; display:block; text-align:left; text-decoration:none;}

#Block_FooterLink2 { margin:0 auto; padding:15px 0 0 0; width:100%; color:#333333; background: url(../img/bg_FooterGlobal.jpg) top left repeat-x; display:none;}
#Block_FooterLink2 dl{ margin:0; padding:0 14px; display:block; font-size:11px; text-align:left; float:left; background: url(../img/bg_FooterGlobal2.jpg) top right repeat-y;}
#Block_FooterLink2 dl.tail{ margin:0; padding:0 14px; display:block; font-size:11px; text-align:left; float:left; background: none;}
#Block_FooterLink2 dt{ margin:0; padding:0 10px 0 17px; display:block; font-size:11px; text-align:left; color:#27537F; background: url(../img/footer_arrow2.jpg) top left no-repeat;}
#Block_FooterLink2 dd{ margin:0; padding:0 10px 0 17px; display:block; font-size:11px; text-align:left;}
#Block_FooterLink2 dd a{ margin:0; padding:0 0 0 13px; display:block; font-size:11px; text-align:left; background: url(../img/footer_arrow3.jpg) top left no-repeat; color:#2C6B9F;}

#Block_Local { margin:0 auto; width:100%; height:auto; background:none;}


#Block_FooterLink3 { margin:0 auto; padding:0; width:100%; background: url(../responsive/bg_nav.jpg) top left repeat;}
#Block_FooterLogo { margin:0; padding:0; width:380px; float:left; display:none;}
#Block_FooterLocal{ margin:0; padding:0; width:100%; border-top:2px solid #006BA4; float:none;}
#Block_FooterLocal ul{ box-sizing:border-box; margin:0 auto; padding:0 1%; border:0; width:100%; display:block; list-style:none; float:none;}
#Block_FooterLocal ul li{ box-sizing:border-box; margin:0; padding:5px 2%; border:0; width:50%; float:left;}
#Block_FooterLocal ul li a{ padding:10px 0 10px 16px; color:#666666; text-decoration:none; border-bottom:1px dotted #333333; background: url(../responsive/nav_arrow.jpg) center left no-repeat;}
#Block_FooterLocal ul li a:hover{ padding:10px 0 10px 16px; color:#666666; text-decoration:none; border-bottom:1px dotted #333333; background: url(../responsive/nav_arrow.jpg) center left no-repeat;}

#Block_Copy { margin:0; padding:0; width:100%; background: url(../img/bg_copy.jpg) top left repeat-x;}
#Block_Copy p{ margin:0 auto; padding:0; width:100%; text-align: center;}

}


@media (max-width: 640px)

 {
	 
/* contact */
h1#h2_contact  { margin:0; padding:0 10px; width:100%; min-height:52px; height:auto; background: none; text-indent:0; font-size:16px; box-sizing:border-box;}
h1#h2_privacy  { margin:0; padding:0 10px; width:100%; min-height:52px; height:auto; background: none; text-indent:0; font-size:16px; box-sizing:border-box;}


/* main */  

#Block_Notice { margin:0 0 20px 0; padding:0; border:0; width:100%; background:none;}
#Block_Notice h3#h3_notice{ box-sizing:border-box; margin:0; padding:10px 0 10px 40px; border-top:2px solid #006BA4; border-bottom:1px solid #EEEEEE; background:url(../responsive/h3_notice.jpg) no-repeat center left !important; font-size: 13px; width:100%; height:auto; display:block;}

#Block_Notice ul { margin:0; padding:0; border:0;  display:block; width:100%;}
#Block_Notice ul li{ margin:0; padding:10px 0; border-bottom:1px dashed #CCCCCC;  display:block; width:100%;}
#Block_Notice ul li .date{ margin:0 10px 0 0; padding:0; border:0; width:40px;}





#Block_MainBanner_L{ margin:5px 0 0 0; padding:0; border:0; width:226px; height:60px; display:block; float:left;}
#Block_MainBanner_L a{ margin:0; padding:0; border:0; width:226px; height:60px; display:block; float:left; background:url(../img/banner14.jpg) no-repeat top left;}
#Block_MainBanner_L a:hover{ margin:0; padding:0; border:0; width:226px; height:60px; display:block; float:left; background:url(../img/banner14_o.jpg) no-repeat top left;}
#Block_MainBanner_L a.active{ margin:0; padding:0; border:0; width:226px; height:60px; display:block; float:left; background:url(../img/banner14_o.jpg) no-repeat top left;}

#Block_MainBanner_M{ margin:5px 0 0 0; padding:0 0 0 3px; border:0; width:223px; height:60px; display:block; float:left;}
#Block_MainBanner_M a{ margin:0; padding:0; border:0; width:223px; height:60px; display:block; float:left; background:url(../img/banner15.jpg) no-repeat top left;}
#Block_MainBanner_M a:hover{ margin:0; padding:0; border:0; width:223px; height:60px; display:block; float:left; background:url(../img/banner15_o.jpg) no-repeat top left;}
#Block_MainBanner_M a.active{ margin:0; padding:0; border:0; width:223px; height:60px; display:block; float:left; background:url(../img/banner15_o.jpg) no-repeat top left;}

#Block_MainBanner_R{ margin:5px 0 0 0; padding:0 0 0 3px; border:0; width:223px; height:60px; display:block; float:left;}
#Block_MainBanner_R a{ margin:0; padding:0; border:0; width:223px; height:60px; display:block; float:left; background:url(../img/banner_17.jpg) no-repeat top left;}
#Block_MainBanner_R a:hover{ margin:0; padding:0; border:0; width:223px; height:60px; display:block; float:left; background:url(../img/banner_17_o.jpg) no-repeat top left;}
#Block_MainBanner_R a.active{ margin:0; padding:0; border:0; width:223px; height:60px; display:block; float:left; background:url(../img/banner_17_o.jpg) no-repeat top left;}



.tel-link{ color: #06F; font-size: 16px; font-weight: bold;}	 
	 
	 }
	 
	 
@media (max-width: 640px)

 {
	 

/* 学生寮 */
.Block_Dorm { margin:0; padding:10px 0; border:0; width:678px; display:block;}
.Block_Dorm_L { margin:0; padding:0; border:0; width:458px; display:block; float:left;}
.Block_Dorm_R { margin:0; padding:0; border:0; width:200px; display:block; float:right;}

/* セミナーハウス */
.Block_Institution { margin:0; padding:10px 0; border:0; width:678px; display:block;}
.Block_Institution_L { margin:0; padding:0; border:0; width:458px; display:block; float:left;}
.Block_Institution_R { margin:0; padding:0; border:0; width:200px; display:block; float:right;}

.map{ box-sizing:border-box; margin:0; padding:2px; border:1px solid #666666; background:#FFFFFF; display:block; width:100%; height:414px; overflow:hidden;}

dl.listcal{ margin:0; padding:10px 0; border-bottom:1px dotted #666666; width:678px; display:block;}
dl.listcal dt{ margin:0; padding:0; border:0; display:block; width:120px; float:left;}
dl.listcal dd{ margin:0; padding:0; border:0; display:block; float:left;}
dl.listcal dd.cal_pict{ margin:0; padding:0; border:0; display:block; float:right;}
dl.listcal dd.cal_pict img{ margin:0 10px 0 0; padding:0; border:0; display:block; float:right;}
	 
	 }
	 
@media (max-width: 640px)

 {
	 
h2 { box-sizing:border-box; margin:0; padding:15px 0 15px 20px !important; border-top:2px solid #006BA4 !important;  border-bottom:1px solid #EEEEEE;  background:none !important; font-size: 18px !important; width:100% !important; height:auto !important; display:block !important; text-indent:0;}

ul.listpdf_ad{ margin:0; padding:0 0 0 10px; border:0; display:block;}
ul.listpdf_ad li{ margin:0 0 5px 0; padding:10px 0 0 40px; border:0; height:55px; display:block; font-size:13px; background: url(../img/icon_pdf.jpg) top left no-repeat;}


.tbl_14{ margin:0; padding:0; background:#666666; color:#000000; font-size:13px; width:668px;}
.tbl_14 th{ margin:0; padding:10px 12px;font-weight:normal; background:#CEDEF2; text-align:center;}
.tbl_14 th.th1{ margin:0; padding:10px 12px;font-weight:normal; background:#CEDEF2; text-align:center;}
.tbl_14 td{ margin:0; padding:10px 12px;}
.tbl_14 td.td1{ margin:0; padding:10px 12px; background:#4D6480; color:#FFFFFF; text-align:center;}
.tbl_14 td.td2{ margin:0; padding:10px 12px; background:#FFFFFF; text-align:right;}
.tbl_14 td.td_kokusai{ margin:0; padding:10px 12px; background:#FFFFCC; text-align:center;}
.tbl_14 td.td_kokusai2{ margin:0; padding:10px 12px; background:#FFFFCC; text-align:right;}
.tbl_14 td.td_syakai{ margin:0; padding:10px 12px; background:#FFEFD7; text-align:center;}
.tbl_14 td.td_syakai2{ margin:0; padding:10px 12px; background:#FFEFD7; text-align:right;}
.tbl_14 td.td_kougaku{ margin:0; padding:10px 12px; background:#FFECEC; text-align:center;}
.tbl_14 td.td_kougaku2{ margin:0; padding:10px 12px; background:#FFECEC; text-align:right;}
.tbl_14 td.td_rigaku{ margin:0; padding:10px 12px; background:#DDE6EC; text-align:center;}
.tbl_14 td.td_rigaku2{ margin:0; padding:10px 12px; background:#DDE6EC; text-align:right;}
.tbl_14 td.td_kankyo{ margin:0; padding:10px 12px; background:#F4F7F9; text-align:center;}
.tbl_14 td.td_kankyo2{ margin:0; padding:10px 12px; background:#F4F7F9; text-align:right;}
.tbl_14 td.td_kango{ margin:0; padding:10px 12px; background:#D7E4BC; text-align:center;}
.tbl_14 td.td_kango2{ margin:0; padding:10px 12px; background:#D7E4BC; text-align:right;}
	 
	 }


/* アクセスマップ 地図画像切り替え */
.accessmap_pc{ display: block !important; }
	.accessmap_sp{ display: none !important; }
	@media only screen and (max-width: 640px) {
	.accessmap_pc{ display: none !important; }
	.accessmap_sp{ display: block !important; }
	}




@media (max-width: 640px) {


/* アクセスマップ */
.campus{ width: 100%;}
	.campus dl{ width: 99%; margin-right: 0px; height: auto;}
	.campus dl:nth-child(n+3) {	height: auto;}
	.campus dl dd img {	width: 100%; height: 100%; max-width: 350px; max-height:185px;}

	/* 道順詳細 */
.direction{ padding-left: 0px;}

	/* 写真 */
.direction ul .pic{ width: 100%; margin-bottom: 20px;}
	.direction ul .pic img{ width: 100%; height: 100%; max-width: 300px; max-height:166px;}
	.resize img{ width: 100%; height: 100%;}

	/* 噴出し設定 */
.direction ul .coment{ width: 65%; height: auto; min-height: 155px;}
/* end アクセスマップ */




/* バリアフリー情報 */
.barrier ul{ clear: left; width: 100%; padding: 0px; margin: 0px;}
	.barrier ul li{ width: 100%; display: block; height: auto; padding-top: 10px; padding-bottom: 10px;}
	.barrier ul li.title{ border-right: 1px solid #333333;}
	.barrier ul li.title2{ padding-right: 0px; padding-left: 0px; width: 100%; border-right: 1px solid #333333;}
	.barrier ul li.ico{ width: 100%; height: auto; padding: 0px 0px 10px; border-right: 1px solid #333333; border-bottom-style: none;}
	.barrier ul li.ico2{ width: 100%; height: auto; padding: 0px 0px 10px;}
	.barrier ul img{ padding-right: 10px; padding-left: 10px;}

.pictbox1{ display: block; border-bottom: none;}
	.pictbox1 ul{ display: table; width: 100%; border-bottom: 1px solid #000066;}

.pictbox2{ width: 100%; border-right-style: none;}
	.pictbox2 dl{ border-right: 1px solid #000066;}
	.pictbox2 dl dt{ width: 60px; border-right: 1px solid #000066; padding-left: 0px; text-align: center;}
	.pictbox2 dl dd{ display: inline-block; border-left: none; padding-right: 10px; padding-bottom: 10px;}
	.pictbox2 dl .pic1{ width: auto; display: block; padding-top: 10px; font-weight: bold; color: #003399; border-left: none; padding-right: 10px; padding-bottom: 0px;}
	.pictbox2 dl dt img{ padding: 0px; margin: 0px;}
/* end バリアフリー情報 */





}


@media (max-width: 640px) {

/* linkアイコン */	
a[href$=".pdf"]{ background-image: url(../img/ico_pdf.png); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 25px; margin-right: 5px;}  
a[href$=".doc"] , a[href$=".docx"]{ background-image: url(../img/ico_word.png); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 25px; margin-right: 5px;}  
a[href$=".xls"] , a[href$=".xlsx"]{ background-image: url(../img/ico_excel.png); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 25px; margin-right: 5px;}  
a[href^="http"]{ background-image: url(../img/ico_move.png); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 25px; margin-right: 5px;}  

}