﻿@charset "UTF-8";

.icon {
	background-image:url('img/sub.png');
	background-repeat:no-repeat;
}

.m_sub04:hover {background-position:0 0;}
#outline08_04 .m_sub04 {background-position:0 -40px;}
.m_sub04{background-position:0 -80px;}
.m_sub03:hover {background-position:0 -120px;}
#outline08_03 .m_sub03 {background-position:0 -160px;}
.m_sub03{background-position:0 -200px;}
.m_sub02:hover {background-position:0 -240px;}
#outline08_02 .m_sub02 {background-position:0 -280px;}
.m_sub02{background-position:0 -320px;}
.m_sub01:hover {background-position:0 -360px;}
#outline08_01 .m_sub01 {background-position:0 -400px;}
.m_sub01{background-position:0 -440px;}
.m_09:hover {background-position:0 -480px;}
#outline09 .m_09 {background-position:0 -520px;}
.m_09{background-position:0 -560px;}
.m_08:hover {background-position:0 -600px;}
#outline08 .m_08 {background-position:0 -640px;}
.m_08{background-position:0 -680px;}
.m_07:hover {background-position:0 -720px;}
#outline07 .m_07 {background-position:0 -760px;}
.m_07{background-position:0 -800px;}
.m_06:hover {background-position:0 -840px;}
#outline06 .m_06 {background-position:0 -880px;}
.m_06{background-position:0 -920px;}
.m_05:hover {background-position:0 -960px;}
#outline05 .m_05 {background-position:0 -1000px;}
.m_05{background-position:0 -1040px;}
.m_04:hover {background-position:0 -1080px;}
#outline04 .m_04 {background-position:0 -1120px;}
.m_04{background-position:0 -1160px;}
.m_03:hover {background-position:0 -1200px;}
#outline03 .m_03 {background-position:0 -1240px;}
.m_03{background-position:0 -1280px;}
.m_02:hover {background-position:0 -1320px;}
#outline02 .m_02 {background-position:0 -1360px;}
.m_02{background-position:0 -1400px;}
.m_01:hover {background-position:0 -1440px;}
#outline01 .m_01 {background-position:0 -1480px;}
.m_01{background-position:0 -1520px;}

.m_10:hover{background-position:0 -1560px}
#outline10 .m_10{background-position:0 -1600px}
.m_10{background-position:0 -1640px}



#s_bar_left nav ul:first-child {
	background: url(../common/img/bg_m_end.gif) no-repeat left bottom;
	padding-bottom: 16px;
}

#contents header { margin-bottom: 30px; }


#contents h3{
	background: url(../common/img/list_h3.gif) no-repeat left center;
	font-size: 1.2em;
	padding-left: 20px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #FF6600;
	zoom: 1; 
}


/* index */
.メニュー------------{}
.mlist  section{
	padding: 10px;
	margin-bottom: 20px;
	width: 300px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	border-radius:10px;
}

.mlist h3 {
	padding-bottom: 5px;
	border-bottom: 1px dotted #0099FF;
	margin-bottom: 5px;
}

.mlist h3 a {
	display: block;
	text-decoration: none;
}
.mlist h3 a:hover {

}


.あいさつ-----{}
#outline01 .img {
float: left;
margin-right: 20px;
}

#outline01 .img p {
font: bold 1.1em "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
margin-top: 2px;
margin-left: 0px;

}
#outline01 .img span {
font-size: 0.8em;
font-weight: normal;
}

#contents .gt section {
margin-bottom: 20px;
line-height: 150%;
}
#contents .fst h3 {
font: 1.5em "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
color: #09F;
margin-bottom: 10px;
letter-spacing: -2px;
}

.waku{
	border: 1px solid #999999;
	padding-top: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	margin-left: 220px;
}

#contents .fst p {
margin-left: 0px;
}
.gt p.end { margin-left: 220px; line-height: 150%;
}

.gt h4 {
	margin-bottom: 10px;
	font-size: 1.2em;
	text-shadow: 1px 1px 2px #CCCCCC;
}

.gt h4, .gt p {
	margin-left: 20px;
}
.gt .snd h4{ color: #FF9900; }
.gt .thd h4{ color: #00CC33; }
.gt .fth h4{ color: #6699FF; }

.ポリシー------- {}

#outline02 #contents header p {
	margin-bottom: 10px;
	font-size: 1.1em;
	line-height: 150%;
}
#p1 section, #p2 section, #p3 section {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

#p1 h3, #p2 h3, #p3 h3 {
	border-bottom: 1px dotted #006699;
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-top:3px;
	font-size: 1.2em;
}

#p1 p, #p2 p, #p3 p {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 150%;
	margin-bottom: 10px;
}

#p1 ul, #p2 ul, #p3 ul {
	margin-bottom: 15px;
	color: #666666;
}
#p1 h4, #p2 h4, #p3 h4{
	margin-bottom: 10px;
	font-size: 1.1em;
	color: #0099FF;
	text-shadow: 1px 1px 2px #ccc;
	padding-left: 10px;
	border-left: 3px solid #999999;
	padding-top: 3px;
	padding-bottom: 3px;
}


#tab-container ul.plist {
	margin: 0; padding: 0;
}

#tab-container ul.plist li {
	display: inline-block;
	background: #ccc;
	border: solid 1px;
	border-bottom: none;
	border-radius: 6px 6px 0px 0px;
}

/* For IE */
* html #tab-container ul.plist li {
	display: inline;
	height: 1%;
	margin-right: 0.25em;
}

*:first-child+html #tab-container ul.plist li {
	display: inline;
	height: 1%;
	margin-right: 0.25em;
}

#tab-container ul.plist li a {
	display: block;
	padding: 2px 7px;
	outline: none;
	text-decoration: none;
	border-left: 4px solid #993300;
	margin-top: 5px;
	margin-bottom: 4px;
	margin-left: 7px;
	color: #333333;
}
#tab-container ul.plist li a:hover {
	text-decoration: underline;
	border-left: 4px solid #009966;
}
#tab-container ul.plist li.active { background: #fff;  position: relative; top: 1px;}
#tab-container ul.plist li a.active { border-left: 4px solid #FF6699; }
#tab-container .panel-container { border: solid 1px; padding: 0 10px; }

.学科構成------- {}

#outline03 #contents section {
	margin-bottom: 40px;
	margin-left: 20px;
}
#outline03 #contents h3 { margin-bottom: 20px; }

#outline03 #contents header p {margin-bottom: 0;
	margin-left: 20px;
}

#outline03 #contents p {
	margin-bottom: 20px;
	line-height: 150%;
}

#outline03 #contents h4 {
	font: 1.5em "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #09F;
	margin-bottom: 10px;
	letter-spacing: -1px;
	border-left: 3px solid #009933;
	padding: 5px 10px;
	margin-left: -14px;
	background: #EEEEEE;
	border-bottom: 1px dotted #CCCCCC;
}


#outline03 #contents dl { margin-bottom: 20px; }
#outline03 #contents dt {
	margin-bottom: 10px;
	font-weight: bold;
	color: #CC6600;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 3px;
	font-size: 1.3em;
}
#outline03 #contents dd { margin-bottom: 20px; }




.教育目的------- {}
section.part{
	margin-bottom: 20px;
	margin-left: 20px;
}

section.gakka{
	margin-bottom: 20px;
	margin-left: 20px;
}

.gakka h4 {
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #666666;
	font-size: 1.4em;
	color: #009933;
	border-left: 3px solid #999999;
	padding-left: 5px;
	padding-top: 2px;
}

.gakka h5 {
	margin-bottom: 5px;
	color: #996633;
}

.gakka p {
	text-align: justify;
	margin-bottom: 10px;
	margin-left: 20px;
	line-height: 150%;
}

.gakka li {
	line-height: 150%;
	margin-left: 20px;
}

.教育システム------- {}
section#section1, section#section2, section#section3, section#section4, section#section5 {
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
	margin-left: 20px;
}

#section1 h3, #section2 h3, #section3 h3, #section4 h3, #section5 h3{
	margin-bottom: 15px;
	font-size: 1.2em;
}

#section1 h4, #section2 h4, #section3 h4, #section4 h4, #section5 h4{
	margin-bottom: 10px;
	color: #6699CC;
}

#outline05 .fr { margin-right: 20px; }

#section1 p, #section2 p, #section3 p, #section4 p, #section5 p{
	line-height: 150%;
	margin-bottom: 15px;
}

.学生支援システム------- {}
#outline06 #contents section {
	margin-bottom: 20px;
	overflow:hidden;
	zoom: 1;
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCCCCC;
}

#outline06 .fr { margin-right: 20px; }

#outline06 h3 { margin-bottom: 15px; 
}

#outline06 dl{
	margin-top: 20px;
	margin-left:20px;
}

#outline06 dt{
	background: #CFE5D1;
	padding: 5px 8px;
	border-radius: 6px;
	display:inline;
	font-size: 1.2em;
	color: #006699;
}

#outline06 dd{
	margin-top:10px;
	
	line-height: 150%;
	margin-bottom: 30px;
}

.txt-center{ margin-left: 300px; }

.第三者評価------- {}

#outline07 #contents section {
	margin-bottom: 30px;
	margin-left: 20px;
}

#outline07 #contents h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
}

#outline07 #contents table{
	border-top: 2px solid #33CC66;
	border-bottom: 2px solid #33CC66;
}

#outline07 #contents th, #outline07 #contents td { padding: 3px; 
}

#outline07 #contents .row{
	margin-right:20px;}

#outline07 #contents .row th, #outline07 #contents .row td{border-bottom: 1px solid #eee;text-align: center;}


#outline07 #contents .col th{
	border-bottom: 3px double #CCCCCC;
	text-align: center;
}

#outline07 #contents .col td{
	border-bottom: 1px solid #eee;
	text-align: center;
}

.eval h4{
	color: #999900;
	font-size: 1.15em;	
}
	
.eval h5{ font-size: 1em; }

.eval h4,.eval h5 { margin-bottom: 10px; }
.eval p {
	line-height: 150%;
	margin-bottom: 10px;
	margin-left: 20px;
}

.情報公開------- {}

#outline08 #contents section {
	padding: 20px;
	margin-bottom: 30px;
}

#outline08_03 #contents section, #outline08_04 #contents section {
	margin-bottom: 30px;
}

#outline08 #contents section h3, #outline08_01 #contents h3, #outline08_02 #contents h3,  #outline08_03 #contents h3, #outline08_04 #contents section h3 { margin-bottom: 15px; }

#outline08 #contents section ul { margin-left: 20px; }

#outline08 #contents section li {
	line-height: 150%;
	background: url(img/icon_arrow.gif) no-repeat scroll left center transparent;
	list-style: none;
	padding-left: 20px;
	margin-left: 0px;
	position: relative;
}


#outline08_01 #contents p, #outline08_02 #contents p, #outline08_03 #contents p, #outline08_04 #contents p {
	margin-bottom: 20px;
	text-align: justify;
	line-height: 150%;
}

#outline08_01 #contents ol, #outline08_02 #contents ol, #outline08_03 #contents ol,#outline08_03 #contents ul, #outline08_04 #contents ul {
	font-size: 1.2em;
	line-height: 150%;
}

#outline08_04 #contents ul ul {
font-size: 1em;
}

#outline08_01 #contents li, #outline08_02 #contents li, #outline08_03 #contents li,#outline08_04 #contents li  { margin-bottom: 10px; 
}



#outline08_02 #contents h4, #outline08_03 #contents h4, #outline08_04 #contents h4 {
	margin-bottom: 20px;
	font-size: 1.2em;
	color: #009966;
	border-left: 3px solid #999999;
	padding-left: 7px;
}

.edu-info h4{ border-left-style: none !important; }

.edu-info li { list-style: none; } 

.edu-info li a {  }

#usage, #offer, #privacy1, #web, .edu-info {
	margin-left:20px;
	
	}

#usage span {
	font-size: 0.8em;
	color: #999999;
}

#offer .end { text-align: right !important; 
}

#ask{
	width:320px;
	margin-right: auto;
	margin-left: auto;	
	}
#ask h4{
	margin: 0 0 7px 0 !important;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #000;
	color: #39f !important;
	font-size: 1.4em !important;
	text-align: center;
	border-left-style: none !important;
}



.スクールバスここから------- {}
#usual, #special { margin-bottom: 60px; 
}

#usual h3, #special h3{
	background: url(../common/img/list_h3.gif) no-repeat left center;
	font-size: 1.2em;
	padding-left: 20px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #FF6600;
	zoom: 1; 
}

#usual h4 {
	margin-bottom: 20px;
	margin-top:15px;
	color: #6666CC;
	padding-left: 10px;
	border-left: 3px solid #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
}

#usual p, #special p {
	margin-left:20px;
	font-size:1.1em;
	line-height: 150%;
	}

#usual .bustime {
	overflow:hidden;
	_zoom: 1;
	width:620px;
	margin: 20px auto 30px;
}
#usual table {
	width: 300px;
	border-bottom: 2px solid #000000;
}


#usual caption {
	background: #E6E6AD;
	padding: 5px;
}
#usual .am {
	float: left;
	margin-right: 20px;
}
#usual td span { font-size: 0.7em; }
#usual th {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	text-align: center;
}
#usual td {
	padding: 3px;
	font: 1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
}

.stop{
		margin-bottom: 30px;
		height:200px;
	}

.stop .frt {
	float:left;
	margin-right:30px;
}

#notice h4 .stop h4 {	font-size:1.2em;
}
#notice li {
	font-size:0.9em;
	line-height:150%;
	margin-bottom: 5px;
	background: url(../local/img/chiiki_icon_arrow.gif) no-repeat 0px center;
	padding-left: 20px;
	list-style: none;
}

#special dl {
	overflow:hidden;
	_zoom: 1;
	margin-top: 10px;
	margin-left:20px;
	border-bottom: 1px dotted #CCCCCC;

}

#special dt {
	float:left;
	width:100px;
	clear:both;
	padding-top: 11px;
	padding-left: 10px;

}

#special dd {
	margin-bottom:10px;
	border-top: 1px dotted #CCCCCC;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-left: 120px;
}
.スクールバスここまで------- {}

 図書館 

/* アクセスマップ */
#outline09 section {
  margin: 0 0 60px 0;
}

#outline09 #contents ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#outline09 #contents ul li {
  float: left;
  margin: 15px 0 0 0;
  padding: 0 5px;
}

#outline09 #contents ul li img {
  vertical-align: middle;
}

#outline09 #n2 iframe {
  border: 1px solid #808080;
}

#outline07 #contents a, #outline05 #section3 a, #outline03 #contents a, #outline09 #n2 small, .edu-info a{
	background: url(img/icon_arrow.gif) no-repeat scroll left center transparent;
	margin: 0 0 25px;
	padding: 0 0 0 15px;
}

