@charset ""UTF-8"";

/*--------------------------------------------------------
  共通レイアウトパーツ設定
--------------------------------------------------------*/
/* 要素リセット */
body {
	margin: 0;
	padding: 0;
	font-weight:normal;
	font-style:normal;
	text-align: center;
	font-size: 75%;
	font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
	color: #333333; /* 標準文字色 */
	background-position: top left;
	background-repeat: repeat-y;
	min-width: 900px;
	background-image : url(background.png);
	line-height:1.8;
}

img{
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}

/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/
#hpb-container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	padding-bottom: 0;
	/*background-image : url(container_bg.png);*/
	background-position: center top;
	background-repeat: no-repeat;
}

#hpb-header {
	width: 840px;
	height : 75px;
	margin-right: auto;
	margin-left: auto;
}

/* ヘッダー内パーツ */
#hpb-headerMain {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	height : 75px;
	overflow: hidden;
}

#hpb-inner {
	position: relative;
	width: 840px;
	padding-top: 61px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#hpb-wrapper {
	width: 840px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	float: right;
}

	#hpb-wrapper h3 {
		margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 0px;
		padding-top: 5px;
		padding-left: 0px;
		padding-bottom: 5px;
		font-size: 18px;
		font-weight: bold ;
		line-height: 18px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #CCC;
		text-align: left;
		color: #198219;
		padding-right: 7px;
	}

	/* 各科毎の色設定 */
	.j #hpb-wrapper h3 {	color: #3994C6;	}
	.e #hpb-wrapper h3 {	color: #f5d848;	}
	.m #hpb-wrapper h3 {	color: #b2d25f;	}
	.k #hpb-wrapper h3 {	color: #dd5d5c;	}
	.d #hpb-wrapper h3 {	color: #ed8540;	}
	.s #hpb-wrapper h3 {	color: #9966cc;	}


	#hpb-wrapper h3 span.en {
		padding-right: 10px;
		text-transform: capitalize;
		font-family: Arial,Helvetica,Verdana,sans-serif;
	}

	#hpb-wrapper h3 span.ja {
	}

#hpb-title {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.hpb-layoutset-01 #hpb-title {
	width: 840px;
	position: absolute;
	top: 41px;
	left: 0;
}

#hpb-main {
	width: 840px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
	padding-top: 10px;
}

	.hpb-layoutset-01 #hpb-main {
		padding-top: 245px;
	}

	/* メインコンテンツ内基本パーツ */
	#hpb-main ul {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
		list-style-type: none;
	}

	#hpb-main dl {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 20px;
		margin-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
	}

	#hpb-main dd {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
		padding-top: 3px;
		padding-right: 0;
		padding-bottom: 5px;
		text-align: left;
		line-height: 1.4;
		padding-left: 0px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #dddddd;
	}

	#hpb-main dl:after
	{
		content: ".";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}

	#hpb-main img.left
	{
		margin-top: 5px;
		margin-right: 20px;
		margin-bottom: 10px;
		float: left;
	}

	#hpb-main img.right
	{
		margin-top: 5px;
		margin-bottom: 10px;
		margin-left: 20px;
		float: right;
	}

#hpb-footer {
	width: 840px;
	clear: both;
	margin-top: 7px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #6fc06b;
}

/*--------------------------------------------------------
  デザイン設定
--------------------------------------------------------*/

/* コンテンツ配置領域 */

/* ナビゲーション */
/* a little "umph" */
div.navi-box {
	display: inline-block;
	min-width: 840px;
	-webkit-box-shadow: 0 0 70px #fff;
	-moz-box-shadow: 0 0 70px #fff;
	box-shadow: 0 0 70px #fff;
}


div.navi-box a:hover {
	background: #379333;
}


/* a little "umph" */
/*navi上の点線*/
/*
.navi-box .decor {
	background: #6EAF8D;
	background: -webkit-linear-gradient(left, #CDEBDB 50%, #6EAF8D 50%);
	background: -moz-linear-gradient(left, #CDEBDB 50%, #6EAF8D 50%);
	background: -o-linear-gradient(left, #CDEBDB 50%, #6EAF8D 50%);
	background: linear-gradient(left, white 50%, #6EAF8D 50%);
	background-size: 20px 25%;;
	padding: 2px;
	display: block;
}*/

.navi {
	position: relative;
	width: 100%;
	height: 30px;
	margin: 0 auto;
	margin-left: -40px;
	z-index: 10;
}

.navi ul {
	list-style-type:none;
	margin: 0 0 0 1em;
}

.navi > li {
	float: left;
	width: 140px;			/* グローバルナビ7つの場合 */
	height: 50px;
	line-height: 50px;
	background: #53b54d;
	outline: 1px solid #ffffff;
	font-size: 18px;
	font-weight: bold;
}

.navi > li a {
	display: block;
	color: #fff;
}

.navi > li a:hover {
	color: #999;
}

ul.navi__second-level {
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

ul.navi__third-level {
	visibility: hidden;
	opacity: 0;
}

ul.navi__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.navi > li:hover {
	background: #379333;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.navi__second-level li {
	border-top: 1px solid #fff;
	margin-left: -40px;
}

.navi__third-level li {
	border-top: 1px solid #111;
	margin-left: -40px;
}

.navi__second-level li a:hover {
	background: #375333;
}

.navi__third-level li a:hover {
	background: #375333;
}

.navi__fourth-level li a:hover {
	background: #375333;
}

/* floatクリア */
.navi:before,
.navi:after {
	content: " ";
	display: table;
}

.navi:after {
	clear: both;
}

.navi > li.navi__multi {
	position: relative;
	list-style: none;
}

li.navi__multi ul.navi__second-level {
	position: absolute;
	top: 30px;
	width: 100%;
	background: #53b54d;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	list-style: none;
	margin-left: -20px;
}

li.navi__multi:hover ul.navi__second-level {
	top: 30px;
	visibility: visible;
	opacity: 1;
}

li.navi__multi ul.navi__second-level li {
	position: relative;
}

li.navi__multi ul.navi__second-level li:hover {
	background: #376b33;
}

li.navi__multi ul.navi__second-level li ul.navi__third-level {
	position: absolute;
	top: -1px;
	left: 100%;
	width: 100%;
	background: #53b54d;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	list-style: none;

}

li.navi__multi ul.navi__second-level li:hover ul.navi__third-level {
	visibility: visible;
	opacity: 1;
}

li.navi__multi ul.navi__second-level li ul.navi__third-level li {
	position: relative;
}

li.navi__multi ul.navi__second-level li ul.navi__third-level li:hover {
	background: #379333;
}


li.navi__multi ul.navi__second-level li ul.navi__third-level li ul.navi__fourth-level {
	position: absolute;
	top: -1px;
	left: 100%;
	width: 100%;
	background: #379333;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.navi__multi ul.navi__second-level li ul.navi__third-level li:hover ul.navi__fourth-level {
	visibility: visible;
	opacity: 1;
}


/* 下矢印 */
.init-bottom:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 15px;
	border-right: 1px solid #f00;
	border-bottom: 1px solid #f00;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.init-right:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 15px;
	border-right: 1px solid #f00;
	border-top: 1px solid #f00;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*--------------------------------------------------------
  共通パーツデザイン設定
--------------------------------------------------------*/

.hpb-layoutset-02 h2
{
	background-image : url(title_bg.png);
	background-position: top right;
	background-repeat: repeat-x;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: auto;
	height: 75px;
	padding-top: 0px;
	text-align: left;
	overflow: hidden;
	line-height: 115px;
	width: 840px;
	font-size: 17px;
}

/* 各科毎の色設定 */
.j.hpb-layoutset-02 h2 {	color: #3994C6;	}
.e.hpb-layoutset-02 h2 {	color: #f5d848;	}
.m.hpb-layoutset-02 h2 {	color: #b2d25f;	}
.k.hpb-layoutset-02 h2 {	color: #dd5d5c;	}
.d.hpb-layoutset-02 h2 {	color: #ed8540;	}
.s.hpb-layoutset-02 h2 {	color: #9966cc;	}


#shopinfo
{
	margin-top: 10px;
}

#pagetop
{
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: left;
	padding-left: 5px;
}

#pagetop a
{
	/* ページの先頭へのリンク設定 */
	display: block;
	margin-left: auto;
	margin-right: 0px;
	margin-top: 30px;
	background-image : url(returnTop.png);
	background-position: center left;
	background-repeat: no-repeat;
	width: 62px;
	height: 14px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}

/* トップページ デザイン定義 */
.hpb-layoutset-01 #hpb-title h2
{
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	overflow: hidden;
	text-indent: -9999px;
	height: 235px;
	background-image : url(mainimg_3E.png);
	background-position: top center;
	background-repeat: no-repeat;
}
/*body {overflow:scroll;}*/

/* フッター内パーツ */
#hpb-footerMain {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

	#hpb-footerMain p {
		/* コピーライト文字設定 */
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 1px;
		padding-bottom: 3px;
		font-size: 0.9em;
		text-align: center;
		color: #555555;
	}


/*--------------------------------------------------------
  基本パーツデザイン設定
--------------------------------------------------------*/

/* リンク文字色 */
a:link{
	color: #0000ff;
	text-decoration: none;
}

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

#hpb-skip {
	/* ヘッダースキップの非表示 */
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
}

p {
	margin-top:  0px;
	margin-bottom:	0px;
	padding-right:	0px;
	padding-left:  0px;
	line-height: 1.4;
	text-align: left;
}

	p.large {
		margin-bottom: -0.5em;
	}

	.left {
		float: left;
	}

	.right {
		float: right;
	}

img.center {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	display: block;
}

hr {
	width: 100%;
	height: 1px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-right-style: none;
	color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: none;
}

.hpb-layoutset-02 h1 span.ja {
	font-size: 1em;
	color: #ffffff;
	padding-right: 0;
	padding-left: 13px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.hpb-layoutset-02 h1 span.en {
	font-size: 0.8em;
	color: #D6EFC3;
	font-weight: normal;
	padding-left: 15px;
	text-transform: capitalize;
	font-weight: normal;
}

.hpb-layoutset-02 h2 span.ja {
	font-size: 25px;
	color: #ffffff;
	padding-right: 0;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.hpb-layoutset-02 h2 span.en {
	font-size: 0.8em;
	color: #D6EFC3;
	font-weight: normal;
	padding-left: 15px;
	text-transform: capitalize;
	font-weight: normal;
}

h3.hpb-c-index {
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: none;
	border-bottom-style: none;
}

h4 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: bold;
	color: #5AB43B;
}

table {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px;
}

	table th {
		padding-top: 5px;
		padding-right: 15px;
		padding-bottom: 5px;
		padding-left: 15px;
		text-align: left;
		border: 0px;
		color: #b88b00;
	}

	table td {
		padding-top: 0px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-left: 5px;
		text-align: left;
		border: 0px;
	}

/* フォームパーツ設定 */
input.button {
	margin-top: 10px;
	margin-bottom: 15px;
}

input.l {
	width: 380px;
}

input.m {
	width: 250px;
}

input.s{
	width: 50px;
}

textarea {
	width: 380px;
	height: 200px;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
	background: url(parts/prev_back.png) no-repeat 0 0;
	display: block;
	height: 48px;
	left:-25px;
	margin-top: 113px;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 48px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.bx-next {
	background: url(parts/prev_next.png) no-repeat 0 0;
	display: block;
	width: 48px;
	height: 48px;
	left:816px;
	margin-top: 113px;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	z-index: 9999;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
}

.bx-wrapper .bx-controls-direction a {
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	/*background-position: -86px -33px;*/
}

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/* PAGER */

/************/
/*** 特殊 ***/
/************/

div.news-tab {
	padding-top:10px;
	margin-bottom:40px;
	line-height:1.5;
}

.news-tab a.news-tab-oc{
	background:#00CC66;
}

.news-tab a.news-tab-else{
	background:#FF9900;
}

.news-ttl {
	background:url(parts/news_ttl_back.gif) 0 bottom repeat-x;
	padding-bottom:5px;
}

.news-ttl h2 {
	float:left;
	width:840px;
}

.news-ttl h2 em {
	font-size:18px;
	font-weight:bold;
}

.news-ttl .news-all {
	float:right;
	text-align:right;
	width:200px;
	padding-top: 5px;
}

.news-ttl .news-all .news-list {
	border-right:1px solid #CCCCCC;
	display:inline;
	margin-right:5px;
	padding-right:10px;
}

.top .news-box {
margin-bottom:50px;
}

.news-box {
margin-bottom:40px;
}

.news-box ul.news-tab {
padding:5px 10px 4px 10px;
background:url(parts/news_back.jpg) 0 3px repeat-x;
}

/* ニュース一覧 要素 */
.news-tab li a {
	background: none repeat scroll 0 0 #004C9F;
	color:#fff;
	cursor:Gpointer;
	display:block;
	font-size:12px;
	padding:8px;
	text-decoration: none;
	text-align:center;
}

.news-tab li a:hover,
.news-tab li a.active {
	background:url(parts/news_select_b.png) right bottom no-repeat #004C9F;
	padding-bottom:13px;
}

/* 入試関係 */
.news-tab a.news-tab-oc {
	background: none repeat scroll 0 0 #00CC66;
}

.news-tab a.news-tab-oc:hover,
.news-tab a.news-tab-oc.active {
	background:url(parts/news_select_g.png) center bottom no-repeat #00CC66;
	padding-bottom:13px;
}

/* イベント関係 */
.news-tab a.news-tab-event {
	background: none repeat scroll 0 0 #45AADA;;
}
.news-tab .news-tab-event:hover,
.news-tab a.news-tab-else.active {
	background:url(parts/news_select_a.png) center bottom no-repeat #45AADA;;
	padding-bottom:13px;
}

/* 部活・その他 */
.news-tab a.news-tab-else {
	background: none repeat scroll 0 0 #FF9900;
}
.news-tab .news-tab-else:hover,
.news-tab a.news-tab-else.active {
	background:url(parts/news_select_o.png) center bottom no-repeat #FF9900;
	padding-bottom:13px;
}


.active {
	font-weight:bold;
}

.news-tab li {
	width:200px;
	margin-right:5px;
	float: left;
}


.nb-inner {
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	padding-top: 10px;
}

.nb-inner .news-date {
	margin-right: 5px;
	width: 113px;
	float: left;
	padding-left: 20px;
}

.nb-inner .news-category-box {
	float: left;
}

.nb-inner .news-category {
/*width:60px;*/
	background-image:url(parts/news_category_back.gif);
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	background-position:right center;
	background-repeat:no-repeat;
	margin-right:10px;
	margin-top:2px;
	padding:0 10px;
	margin-bottom: 3px;
	line-height:1.5;
}

.nb-inner.newsbg .news-category {
	/*width:60px;*/
	background-image:url(parts/news_bg_category_back.gif);
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	background-position:right center;
	background-repeat:no-repeat;
	margin-right:10px;
	padding:0 10px;
	margin-bottom: 3px;
}

.nb-inner .news-title {
	float: left;
	width:505px;
}

.nb-inner a {
	color: #333;
	text-decoration: none;
}

.nb-inner a:hover {
	text-decoration:underline;
	color:#004C9F;
}

/*===================================================
重要なお知らせ
===================================================*/
.news-important {
	background-image:none;
	padding-bottom:0px;
}

.news-important h2 em {
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background-color:#FF0101;
	padding:3px 10px;
	border-radius:2px;/*CSS3*/
	-webkit-border-radius:2px;/*Safari,Google Chrome*/
	-moz-border-radius:2px;/* Firefox*/
}

.news-important h2{
	margin-bottom:5px;
}

.news-tab-important .news-date{
	padding-left:20px;
}

.newsbg {
	background: none repeat scroll 0 0 #F2F4F1;
}

/*--------------------------------------------------------
  学科紹介
--------------------------------------------------------*/

/* TOPのイメージ用 */
.gakka__top__box {
}

.gakka__top__box img {
	width: 380px;
}

.gakka__top__box td {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: none;
	vertical-align: top;
}

.gakka__top__box td p{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: none;
	text-align: center;
}

/* 科学科のみ展開場所が違う対応 */
.kagakuka__top .cp-h2-text{
	height: 30px;
	line-height: 30px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
	background-image: url(gakka_pic/h2_line.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}

/*===================================================
タブ用 設定値
===================================================*/

/* タブ用 */
.contents-tab .cp-h2-text {
	height: 30px;
	line-height: 30px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
	background-image: url(gakka_pic/h2_line.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}

/* ポイントテキスト */
h3.point .point-text {
	background: url(gakka_pic/back_cursor.png) no-repeat scroll right center;
	color: #ffffff;
	display: inline;
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 0 25px 0 5px;
}

/* 各科毎の色設定 */
.j h3.point .point-text {	background-color: #3994C6;	}
.e h3.point .point-text {	background-color: #f5d848;	}
.m h3.point .point-text {	background-color: #b2d25f;	}
.k h3.point .point-text {	background-color: #dd5d5c;	}
.d h3.point .point-text {	background-color: #ed8540;	}
.s h3.point .point-text {	background-color: #9966cc;	}

h3.point__text .point__title__text {
	margin: 0; 
	padding: 0;
	text-align: center;
}

.point__text__detail {
	margin: 0; 
	padding: 0;
	background: #f4f4f4;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

/*-----------------------
三つのポイント
-----------------------*/

.cp-img-col3 .cp-col-01 {
	float:left !important;
	width: 32% !important;
	margin-right:2% !important;
}
.cp-img-col3 .cp-col-02 {
	float:left !important;
	width: 32% !important;
	margin-right:2% !important;
}
.cp-img-col3 .cp-col-03 {
	float:right !important;
	width: 32% !important;
	margin-right:0% !important
}

.cp-img-col3 h3.point{
	margin-top:0px !important;
}

.cp-img-col3 .cp-col-01 .midashi-text,
.cp-img-col3 .cp-col-02 .midashi-text,
.cp-img-col3 .cp-col-03 .midashi-text {
	width:100% !important;
	margin-top:10px !important;
}

/* 各科毎の色設定 */
.j .cp-img-col3 .midashi-text {	color: #3994C6;	}
.e .cp-img-col3 .midashi-text {	color: #f5d848;	}
.m .cp-img-col3 .midashi-text {	color: #b2d25f;	height: 36px; }
.k .cp-img-col3 .midashi-text {	color: #dd5d5c;	height: 36px; }
.d .cp-img-col3 .midashi-text {	color: #ed8540;	}
.s .cp-img-col3 .midashi-text {	color: #9966cc;	}

/*-----------------------
カリキュラム4つ部分
-----------------------*/

/* cp-img-col4 追加 */
.cp-img-col4 .cp-col-01 {
	float:left !important;
	width: 23% !important;
	margin-right:2% !important;
}

.cp-img-col4 .cp-col-02 {
	float:left !important;
	width: 23% !important;
	margin-right:2% !important;
}

.cp-img-col4 .cp-col-03 {
	float:left !important;
	width: 23% !important;
	margin-right:2% !important
}

.cp-img-col4 .cp-col-04 {
	float:right !important;
	width: 23% !important;
	margin-right:2% !important
}

.cp-img-col4 h3.point{
	margin-top:0px !important;
}

.cp-img-col4 .cp-col-01 .midashi-text,
.cp-img-col4 .cp-col-02 .midashi-text,
.cp-img-col4 .cp-col-03 .midashi-text,
.cp-img-col4 .cp-col-04 .midashi-text
 {
	width:100% !important;
	margin-top:10px !important;
}


.cp-col-01 .cp-it-t,
.cp-col-02 .cp-it-t,
.cp-col-03 .cp-it-t,
.cp-col-04 .cp-it-t {
    padding: 0.5em 1em;
    margin: 1em 0;
    background: #f4f4f4;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
	font-weight:bold;
}

/* 各科 */
.j .cp-col-01 .cp-it-t, .j .cp-col-02 .cp-it-t, .j .cp-col-03 .cp-it-t, .j .cp-col-04 .cp-it-t {	border-left: solid 6px #3994C6;	}
.e .cp-col-01 .cp-it-t, .e .cp-col-02 .cp-it-t, .e .cp-col-03 .cp-it-t, .e .cp-col-04 .cp-it-t {	border-left: solid 6px #f5d848;	}
.m .cp-col-01 .cp-it-t, .m .cp-col-02 .cp-it-t, .m .cp-col-03 .cp-it-t, .m .cp-col-04 .cp-it-t {	border-left: solid 6px #b2d25f;	}
.k .cp-col-01 .cp-it-t, .k .cp-col-02 .cp-it-t, .k .cp-col-03 .cp-it-t, .k .cp-col-04 .cp-it-t {	border-left: solid 6px #dd5d5c;	}
.d .cp-col-01 .cp-it-t, .d .cp-col-02 .cp-it-t, .d .cp-col-03 .cp-it-t, .d .cp-col-04 .cp-it-t {	border-left: solid 6px #ed8540;	}
.s .cp-col-01 .cp-it-t, .s .cp-col-02 .cp-it-t, .s .cp-col-03 .cp-it-t, .s .cp-col-04 .cp-it-t {	border-left: solid 6px #9966cc;	}

.box22 p {
    margin: 0; 
    padding: 0;
}

h3.point .midashi-text {
	color: #004c9f;
	display: inline;
	float: left;
	font-size: 18px;
	font-weight: bold;
	top: -4px;
}


#hpb-main .tab-four ul.contents-tab {
	margin-bottom:15px;
}

#hpb-main .tab-four ul.contents-tab li {
	width:164px;
	float:left;
	margin-right:1px;
	line-height:1.5;
	text-align:center;
}

#contents .tab-four ul.contents-tab li a {
	cursor: pointer;
	display: block;
	font-weight: bold;
	height: 30px;
	font-size: 15px;
	padding-top: 8px;
	text-decoration: none;
	width: 180px;
}

/* 各科 */
.j #contents .tab-four ul.contents-tab li a {
	background: rgba(0, 0, 0, 0) url(gakka_pic/j/j_tab_back.png) no-repeat scroll 0 0;
}

.e #contents .tab-four ul.contents-tab li a {
	background: rgba(0, 0, 0, 0) url(gakka_pic/e/e_tab_back.png) no-repeat scroll 0 0;
}

.m #contents .tab-four ul.contents-tab li a {
	background: rgba(0, 0, 0, 0) url(gakka_pic/m/m_tab_back.png) no-repeat scroll 0 0;
}

.k #contents .tab-four ul.contents-tab li a {
	background: rgba(0, 0, 0, 0) url(gakka_pic/k/k_tab_back.png) no-repeat scroll 0 0;
}

.d #contents .tab-four ul.contents-tab li a {
	background: rgba(0, 0, 0, 0) url(gakka_pic/d/d_tab_back.png) no-repeat scroll 0 0;
}

.s #contents .tab-four ul.contents-tab li a {
	background: rgba(0, 0, 0, 0) url(gakka_pic/s/s_tab_back.png) no-repeat scroll 0 0;
}

/* タブ選択時の反転処理 */

#contents .tab-four ul.contents-tab li a:hover,
#contents .tab-four ul.contents-tab li a.active{
	color:#fff;
	background-position:0 -40px;
}

#contents .tab-four ul.contents-tab li.contents-tab02 a:hover,
#contents .tab-four ul.contents-tab li.contents-tab03 a:hover,
#contents .tab-four ul.contents-tab li.contents-tab04 a:hover,
#contents .tab-four ul.contents-tab li.contents-tab05 a:hover,
#contents .tab-four ul.contents-tab li.contents-tab02 .active,
#contents .tab-four ul.contents-tab li.contents-tab03 .active,
#contents .tab-four ul.contents-tab li.contents-tab04 .active,
#contents .tab-four ul.contents-tab li.contents-tab05 .active{
	background-position:-225px -40px;
}

.cp-ii {
	margin-bottom: 10px;
}

.clearfix::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    font-size: 0.1em;
    line-height: 0;
}


.sinro_center {
    text-align: center;
    margin-top: 3px;
    margin-bottom: 25px;
}

/*--------------------------------------------------------
  科学科独自設定
--------------------------------------------------------*/
#PickUP {
	border:3px dotted #9966cc;
	margin-bottom:15px;
	margin-top:15px;
	padding:10px;
}

#PickUP ol {
	list-style-type:none;
	margin-left:10px;
	padding-left:0px;
}

#PickUP li {
	margin:5px; 
}


#PU {
	color:#9966cc;
	font-family:Comic Sans MS;
	sans-serif; font-size:x-large;padding:15px;
}

.spirits {
	width:60%;
	padding:15px;
	line-height:100%;
	margin:auto;
	background-color:#9966cc;
	color:#ffffff;
	font-size:100%;
	text-align:center;
}

#sinro_teble {
    width:100%;
	border:1px solid #330033; 
}

#sinro_teble th {
	background-color:#9966cc;
	font-size:90%;border:1px solid #330033;
	color:#ffffff;
	text-align: center;
}

#sinro_teble td {
	font-size:90%;
	border:1px solid #330033;padding:3px;
}

.sotu_messege {
    width: 85%;
    font-family: "MS P明朝",平成明朝,serif;
    padding-left: 35px;
    line-height: 150%;
    font-size: small;
}


/*===================================================
パノラマビュー用　ここから
===================================================*/

.pv-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.pv-inner.pv-animating {
  -webkit-transition: background-position 500ms ease-out;
  -moz-transition: background-position 500ms ease-out;
  -o-transition: background-position 500ms ease-out;
  transition: background-position 500ms ease-out;
}

.pv-inner {
  display: inline-block;
  height: 100%;
  width: auto;
  cursor: move;
}

.pv-vertical .pv-inner {
  width: 100%;
}

.pv-inner .pv-pano {
  height: 100%;
  width: auto;
}

.pv-vertical .pv-inner .pv-pano {
  height: auto;
  width: 100%;
}

.pv-container .pv-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.2);
}
.pv-container .pv-overlay i.pvicon-overlay{
  margin-top: -43px;
  top: 50%;
  margin-left: -40px;
  position: absolute;
  left: 50%;
  width: 80px;
  height: 87px;
  background-repeat: no-repeat;
  background-image: url("pano_index.png");
  
}

.pv-container.pv-vertical .pv-overlay i.pvicon-overlay{
  background-image: url("pano_index.png");
}

.panorama {
	width: 780px;
	margin-top: -5px;
	height: 400px;
	position: relative;
}

.panorama .credit {
	background: rgba(0,0,0,0.2);
	padding: 10px 10px;
	margin: 0 0 0 0;
	width: 100%;
	color: white;
	font-size: 12px;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
	float: right;
}

/* パノラマビュー　このまま */

/* 学校行事・部活動報告 枠　ここから*/
.box_life_year{
    position: relative;
    background: #DEF4DD;
    box-shadow: 0px 0px 0px 5px #DEF4DD;
    border: dashed 2px white;
	padding-top: 13px;
    padding: 0.2em 0.5em;
    color: #454545;
}
.box_life_year:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box_life_year p {
    margin: 0; 
    padding: 0;
}
/* 学校行事・部活動報告 枠　ここまで*/

/* TOP 枠　ここから*/
.top-box {
    margin: 2em 0;
    background: #EEF8ED;
}
.top-box .top-box-title {
    font-size: 2.2em;
    background: #A4DD9A;
    padding: 0px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    letter-spacing: 0.05em;
}

/* TOP 枠　ここまで*/

/*===================================================
ポイント風　ここから
===================================================*/


/* 各科色変更 */
.box_point {
    position: relative;
    margin: 3em 0;
    padding: 0.5em 1em;
    border: solid 3px #DEF4DD;
}

/* 各科色変更 */
.j .box_point {	border: solid 3px #3994C6;	}
.e .box_point {	border: solid 3px #f5d848;	}
.m .box_point {	border: solid 3px #b2d25f;	}
.k .box_point {	border: solid 3px #dd5d5c;	}
.d .box_point {	border: solid 3px #ed8540;	}
.s .box_point {	border: solid 3px #9966cc;	}

.box_point .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #DEF4DD;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box_point p {
    margin: 0; 
    padding: 0;
}

.j .box_point .box-title {	background: #3994C6;	}
.e .box_point .box-title {	background: #f5d848;	}
.m .box_point .box-title {	background: #b2d25f;	}
.k .box_point .box-title {	background: #dd5d5c;	}
.d .box_point .box-title {	background: #ed8540;	}
.s .box_point .box-title {	background: #9966cc;	}

/*===================================================
ポイント風　ここまで
===================================================*/

/*===================================================
ピックアップ　ここから
===================================================*/


/* 各科色変更 */
.box_picup {
	padding: 0.5em 1em;
	margin: 1em 0;
	background: #f4f4f4;
	border-left: solid 6px #5bb7ae;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

/* 各科色変更 */
.j .box_picup {	border-left: solid 6px #3994C6;	}
.e .box_picup {	border-left: solid 6px #f5d848;	}
.m .box_picup {	border-left: solid 6px #b2d25f;	}
.k .box_picup {	border-left: solid 6px #dd5d5c;	}
.d .box_picup {	border-left: solid 6px #ed8540;	}
.s .box_picup {	border-left: solid 6px #9966cc;	}

.box_picup p {
	margin: 0; 
	padding: 0;
}

.box_picup img {
	width: 380px; 
}

/*===================================================
ピックアップ　ここまで
===================================================*/

/*===================================================
卒業生メッセージ　ここから
===================================================*/


/* 全体背景 */
.sotu__message {
	padding: 0.5em 1em;
	margin: 1em 0;
	background: #f4f4f4;
	border-left: solid 6px #5bb7ae;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

/* 各科色変更 */
.j .sotu__message {	border-left: solid 6px #3994C6;	}
.e .sotu__message {	border-left: solid 6px #f5d848;	}
.m .sotu__message {	border-left: solid 6px #b2d25f;	}
.k .sotu__message {	border-left: solid 6px #dd5d5c;	}
.d .sotu__message {	border-left: solid 6px #ed8540;	}
.s .sotu__message {	border-left: solid 6px #9966cc;	}

/* 名前・所属 */
.sotu__message p {
	margin: 0; 
	padding: 0;
	font-weight: bold;
	font-size: 16px;
}

/* 名前・所属 */
.sotu__message__img__box {
	margin:1em 0;
	position: relative;
	padding: 0.5em 1.5em;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
}

.j .sotu__message__img__box {	border-top: solid 2px  #3994C6; border-bottom: solid 2px #3994C6; }
.e .sotu__message__img__box {	border-top: solid 2px  #f5d848; border-bottom: solid 2px #f5d848; }
.m .sotu__message__img__box {	border-top: solid 2px  #b2d25f; border-bottom: solid 2px #b2d25f; }
.k .sotu__message__img__box {	border-top: solid 2px  #dd5d5c; border-bottom: solid 2px #dd5d5c; }
.d .sotu__message__img__box {	border-top: solid 2px  #ed8540; border-bottom: solid 2px #ed8540; }
.s .sotu__message__img__box {	border-top: solid 2px  #9966cc; border-bottom: solid 2px #9966cc; }

.sotu__message__img__box:before, .sotu__message__img__box:after{
	content: '';
	position: absolute;
	top: -10px;
	width: 2px;
	height: -webkit-calc(100% + 20px);
	height: calc(100% + 20px);
	background-color: black;
}

.j .sotu__message__img__box:before, .j .sotu__message__img__box:after{ background-color: #3994C6; }
.e .sotu__message__img__box:before, .e .sotu__message__img__box:after{ background-color: #f5d848; }
.m .sotu__message__img__box:before, .m .sotu__message__img__box:after{ background-color: #b2d25f; }
.k .sotu__message__img__box:before, .k .sotu__message__img__box:after{ background-color: #dd5d5c; }
.d .sotu__message__img__box:before, .d .sotu__message__img__box:after{ background-color: #ed8540; }
.s .sotu__message__img__box:before, .s .sotu__message__img__box:after{ background-color: #9966cc; }



.sotu__message__img__box:before {left: 10px;}
.sotu__message__img__box:after {right: 10px;}
.sotu__message__img__box p {
	margin: 0; 
	padding: 0;
}


/* 内容 */
.sotu__message__naiyou {
    padding: 0.2em 0.5em;
    margin: 2em 15px;
    color: #565656;
    background: #DEF4DD;
    box-shadow: 0px 0px 0px 10px #DEF4DD;
    border: dashed 2px #198219;
    border-radius: 8px;
}
.box15 p {
    margin: 0; 
    padding: 0;
}



.sotu__message__naiyou p {
	margin: 0; 
	padding: 0;
	font-weight: normal;
	font-size: 13px;
}


/* 見出し */
.sotu__message__naiyou h2 {
    margin: 0; 
    padding: 0;
	position: relative;
	padding: 0.25em 0;
	background-image: none;
	height: 25px;
	width: 500px;
	line-height: 20px;
}

.sotu__message__naiyou h2:after {
	content: "";
	display: block;
	height: 3px;
	background-image: none;
	background: -moz-linear-gradient(to right, rgb(230, 90, 90), transparent);
	background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
	background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}


/* 各科毎の色設定 */
.j .sotu__message__naiyou h2 {	color: #3994C6;	}
.e .sotu__message__naiyou h2 {	color: #f5d848;	}
.m .sotu__message__naiyou h2 {	color: #b2d25f;	}
.k .sotu__message__naiyou h2 {	color: #dd5d5c;	}
.d .sotu__message__naiyou h2 {	color: #ed8540;	}
.s .sotu__message__naiyou h2 {	color: #9966cc;	}

/*===================================================
卒業生メッセージ　ここまで
===================================================*/

/*--------------------------------------------------------
  総科祭関係
--------------------------------------------------------*/
/* 要素リセット */
#soukasai__container {
	margin: 0;
	padding: 0;
	position: relative;
	background-image : url(topics_data/soukasai/soukasai_bg.png);
	background-position: center top;
	background-repeat: repeat-y;
}

#soukasai__header {
	width: 840px;
	height : 75px;
	margin-right: auto;
	margin-left: auto;
}

#soukasai__inner {
	position: relative;
	width: 840px;
	padding-top: 30px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#soukasai__wrapper {
	width: 840px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	float: right;
}

	#soukasai__wrapper h3 {
		margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 0px;
		padding-top: 5px;
		padding-left: 5px;
		padding-bottom: 5px;
		font-size: 24px;
		font-weight: bold ;
		line-height: 24px;
		text-align: center;
		color: #198219;
	}

/* 学校行事・部活動報告 枠　ここから*/
.box__soukasai {
	padding: 0;
	margin: 0;
	background: honeydew;;/*背景色*/
	border-left: double 7px #198219;/*左線*/
	border-right: double 7px #198219;/*右線*/
}

.box__soukasai p {
	margin: 0; 
	padding: 5px;
}


/*===================================================
最重要のお知らせ　TOPページ
===================================================*/
.contact__important {
	position: relative;
	background: #f7e4e4;
	box-shadow: 0px 0px 0px 5px #f7e4e4;
	border: dashed 2px white;
	padding-top: 13px;
	padding: 0.2em 0.5em;
	color: #454545;
}

.contact__important h2 {
	font-size: 36px;
	background-image:none;
	padding: 0;
	margin: 0;
	width: auto;
	text-align: center;
	line-height: 50px;
	height: 45px;
	color: #ff0000;
}

.contact__important h2_2 {
	font-size: 24px;
	background-image:none;
	padding: 0;
	margin: 0;
	width: auto;
	text-align: center;
	line-height: 40px;
	height: 35px;
	color: #ff0000;
}

.contact__important p {
	width: 98%;
	font-size: 18px;
	padding: 0;
	margin: 0;
}


/* pの強調 */
.contact__important__p {
	width: 72%;
	font-weight: bold;
	border: solid 3px #000000;
	padding-left: 5px;
	margin-left: 10px;
}

/*===================================================
入試倍率
===================================================*/
table.magnification_table {
	padding:0;
	margin: 0;
	width:800px;
	border:#198219 solid 1px;
	border-collapse: collapse;
}

table.magnification_table thead th {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0;
	background:#FFF;
	color:#000;
	border:#198219 solid 2px;
	text-align: center;
}

table.magnification_table thead th:last-child {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0;
}

table.magnification_table tbody th {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0;
	background:#FFF;
	color:#000;
	vertical-align:top;
	border:#198219 solid 2px;
	text-align: center;
}

table.magnification_table tbody tr:last-child th {
	padding:0;
	margin: 0;
}

table.magnification_table tbody td {
	padding:0;
	margin: 0;
	background:#FFF;
	vertical-align:top;
	border:#198219 solid 2px;
	text-align: center;
}