@charset "UTF-8";
/*********** Wako gakuen website main.css *************/
/*　　　　　　　Ver.4

   2010年1月4日　不要なコードを削除しました。
   2010年1月5日　box css定義しました。
   2010年4月29日　学校ナビを追加
   2010年5月18日　入試・イベント情報のページ用ＣＳＳ追加
   
*/


/*********** GLOBAL SETTINGS ************************/
* {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
html {overflow-y: scroll;}
a {outline: none;} /* removes Firefox dotted outline on click */
a img {border: none;}
em {font-style: italic;}
strong {
	font-weight: bold;
}
p {line-height: 1.5;}
/*************************************************/

/* 文字の色変更 */

    .red {color: #F00
	}
	.blue {color: #00F
	}



/*  ここからmaster.cssのもの              */
body {
	margin: 0;
	background: #dcdcdc;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragno Kaku Gothic', 'メイリオ','Meiryo','MS Pゴシック','MS PGothic','Arial', 'Helvetica', 'sans-serif';
	font-size: small;
	font-size: 14px;
	color: #666;
	text-align: center;
	width: 100%;
}

.pageWide{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow-x: hidden;
 }
 
h1 {
	font-size: 30px;
	color: #363636;
	margin-bottom: .5em;
}

h2 {
	font-size: 20px;
	font-weight: normal;
	color: #333;
	margin-bottom: 5px;
	margin-top: 10px;
}

h3 {
	font-weight: bold;
	font-size: 16px;
	color: #333;
	margin-top: 20px;

}

h4 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-bottom: 0.85em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-bottom: 3px;
	padding-top: 5px;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	margin-bottom: .25em;
}

p {
	margin-bottom: 1em;
	line-height: 2;
	font-size: 14px;
	color: #333;
}

ul {list-style: none;}
li {
	margin-bottom: 0.8em;
}

/*  tab3内のCSS */
#content #container-1 ul {list-style: none;}
#content #container-1 ul li {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
	background-image: none;
	list-style: none;
}

/* --------
各校からの新着情報Tab本文--- */
#content #container-1 dl {
	margin: 5px 10px 10px;
}

#content #container-1 dl dt {
	width: 20em;
	padding-bottom: 8px;
	color: #666666;
	line-height: 1.3;
	float: left;
}

#content #container-1 dl dd {
	margin-left: 9.5em;
	padding-bottom: 8px;
	line-height: 1.3;
}

/* links */

a:link, a:visited {
	color: #6b8e23;
}

p a:link, p a:visited {
	text-decoration: underline;
}

a:hover {    /*  need to change */
	color: #66000;
	text-decoration: none;
}

p a:hover {
	text-decoration: underline;
	color: #82941E;
}

h2 a:link, h2 a:visited {   /*  need to change */
	color: #060;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 5px;
	text-decoration: none;	
}

h2 a:hover {
	color: #090;
}



.pAnnounce #contentInner h2 {
	font-size: 18px;
	font-weight: bold;
	color: #003600;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-right: 5px;
}

.pAnnounce #contentInner h3 {
	font-weight: bold;
	font-size: 16px;
	color: #666;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.pAnnounce #contentInner h4 {
	font-size: 16px;
	font-weight: bold;
	color: #069;
	margin-bottom: 0.85em;
	padding-bottom: 3px;
	padding-top: 5px;
	margin-left: 10px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}





/**************** HEADER ********************/
#header {
	background: #222;
	height: 49px;
	padding-top: 15px;
	position: relative;
	background-color: #FFFFFF;
}

#header h1{
	background-image: url(../_img/item/logo.gif);
	background-repeat: no-repeat;
}

#header h1 span {
	display: none;
}

#header h1 a {
	display: block; 
	width: 205px; 
	height: 37px;
}

	
/**************** mainNav ********************/
#mainNav {
	height: 35px;
	text-align: center;
	background-image: url(../_img/item/bg_mainNav.gif);
	background-repeat: repeat-x;
}

#mainNav ul {
	text-align: center;
	list-style:none;
	margin: 0;
	padding: 0;
}
 
#mainNav li {
	float: left;
	display: inline;
	background-image: url(../_img/item/divider_mainNav.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#mainNav a {
	float: left;
	font-size: 14px;
	display: block;
	height: 22px;
	width: 160px;
	text-align: center;
	padding-top: 10px;
}

#mainNav a:link, #mainNav a:visited {
	color: #fff;
	text-decoration: none;
}

#mainNav a:hover {
	color: #FC0;
	text-decoration: none;
}

/*************** searchBox ******************/
#header .pageWide { 
	position:relative;   /*追加挿入12月24*/
	}  
.search_Box{
	color:#FFFFFF;
	font-size:10px;
	padding:0;
	position:absolute;
	left:700px;
	top:10px;
	visibility:visible;
	width:280px;
	height: 22px;
}

/**************** functionNav ********************/
#fancNav {
	float: right;
	width: 200px;
	margin-top: 10px;
	margin-right: 280px;
	}
	
#fancNav ul {
	/*float: right;*/
	list-style:none;
	margin: 0;
	padding: 0;
}

#fancNav li {
	float: left;
	display: inline;
	margin-left: 20px;
}

#fancNav li a {
	color: #666;
	font-size: 11px;
	text-decoration: none;
}

#fancNav li a:hover {
	text-decoration: underline;
}



/**************** subNav ********************/
#subNav {
	float: right;
	width: 620px;
	margin-top: 20px;
}


body.pAnnai #subNav {   /*  学校案内のsubNavが長いので */
	width: 700px;
	}
	
#subNav ul {
	float: right;
	list-style:none;
}

#subNav li {
	float: left;
	display: inline;
	margin-left: 28px;
}

#subNav li a {
	color: #666;
	font-size: 12px;
	text-decoration: none;
}

#subNav li a:hover {
	text-decoration: underline;
}


/* -+-+-+-+-+-+-+-+-+-+-+-+- 学校サイトへのナビゲーションボタン */
#school_navi {
	height:60px;
	background:url(../_img/item/school_nav_bar02.png) no-repeat;
	margin:0 0 0 0px;
}
#school_navi ul {
	padding:0 0 0 0px;
}
#school_navi li {
	display:inline;
	list-style-type:none;
}
#school_navi li a {
	height:60px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------元ボタン*/
#school_navi li.school_navi01 a {
	background:url(../_img/item/school_nav_bar02.png) no-repeat 0px 0px;
	width:137px;
}
#school_navi li.school_navi02 a {
	background:url(../_img/item/school_nav_bar02.png) no-repeat -137px 0px;
	width:137px;
}
#school_navi li.school_navi03 a {
	background:url(../_img/item/school_nav_bar02.png) no-repeat -274px 0px;
	width:137px;
}
#school_navi li.school_navi04 a {
	background:url(../_img/item/school_nav_bar02.png) no-repeat -411px 0px;
	width:137px;
}
#school_navi li.school_navi05 a {
	background:url(../_img/item/school_nav_bar02.png) no-repeat -548px 0px;
	width:137px;
}
#school_navi li.school_navi06 a {
	background:url(../_img/item/school_nav_bar02.png) no-repeat -685px 0px;
	width:137px;
}
#school_navi li.school_navi07 a {
	background:url(../_img/item/school_nav_bar02.png) no-repeat -822px 0px;
	width:138px;
}
/*------hover*/
#school_navi li.school_navi01 a:hover {
	background:url(../_img/item/school_nav_bar02.png) no-repeat 0px -60px;
}
#school_navi li.school_navi02 a:hover {
	background:url(../_img/item/school_nav_bar02.png) no-repeat -137px -60px;
}
#school_navi li.school_navi03 a:hover {
	background:url(../_img/item/school_nav_bar02.png) no-repeat -274px -60px;
}
#school_navi li.school_navi04 a:hover {
	background:url(../_img/item/school_nav_bar02.png) no-repeat -411px -60px;
}
#school_navi li.school_navi05 a:hover {
	background:url(../_img/item/school_nav_bar02.png) no-repeat -548px -60px;
}
#school_navi li.school_navi06 a:hover {
	background:url(../_img/item/school_nav_bar02.png) no-repeat -685px -60px;
}
#school_navi li.school_navi07 a:hover {
	background:url(../_img/item/school_nav_bar02.png) no-repeat -822px -60px;
}





/**************** INNER CONTENT (2分割メインコンテンツ＋右サイドナビ) ********************/
#contentInner {
	margin-left: 0px;
	float: left;
	width: 700px;
	padding-top: 20px;
}

/*#contentInner h2 {
	font-size: 23px;
	color: #000;
	margin-bottom: 0;
	margin-top: 10px;
}*/

#contentInner h2 {
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

p.subhead {
	font-size: 14px;
	color: #acacac;
	margin-bottom: 10px;
}


p.instruction, p.detail, p.notice {
	font-size: 11px;
	color: #333;
	margin-bottom: 10px;
}

h2.subhead {
	font-size: 19px;
	color: #808080;
	font-weight: bold;
	margin-top: -10px;
}

#heading p.subhead {
	color: #828181;
	font-size: 15px;
	margin-top: 5px;
}



/* ここはどう使われているのか？　 */
body.pAnnai #heading {
	font-size: 24px;
	color: #363636;
	margin-bottom: .5em;
	font-weight: bold;
}

#heading h1 {
	font-size: 24px;
	color: #363636;
	margin-bottom: .5em;
}

body.pHome #heading {
	margin-bottom: 15px;
}

body.pAnnai #contentInner h1 {
	font-size: 14px;
	color: #acacac;
	margin-bottom: 10px;
	font-weight: normal;
}



/**************** homepageのスプラッシュイメージ ********************/

body.pHome #splashimage{  トップのスプラッシュイメージ
	width: 960px;
	height: 390px;
}




/**************** BODY ********************/

#mainWrap {
	background: #fff;
}

#mainBody {
	padding: 30px 0;
}

body.pHome #mainBody {  /* pHomeは中央ぞろえ */
	padding-top: 0px;
	text-align: left;
}


#content {       /*ここがへん*/
	border-top: 1px solid #d7d7d7;
	padding-top: 20px;
		padding-top: 0px;
}

#content p {
}

body.pHome #content {
 border-top: none;
}



/* リスト表記 */

#content ol, #content li {
	margin-left: 40px;/*	padding-top: 10px;*/
}


#content ul li {
	padding-left: 10px;
	background-image: url(../_img/item/yellow_circle.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

#content li ul {
	margin-left: 20px;
}

#content li ul li {
	padding-left: 12px;
	margin-bottom: 0;
	margin-top: 10px;
	background-image: url(../_img/item/bullet_black.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}

body.ppPubInfo ol{
	list-style-type: upper-roman;
	margin-bottom: 5px;
}

body.ppPubInfo ol ol{
	list-style-type: decilal;
}

body.ppPubInfo ol li{
		margin-bottom: 5px;
}
body.ppPubInfo ol ol li{
		margin-bottom: 5px;
}

body.ppPubInfo ol ul{
	list-style-type: disc;
		margin-left: 30px;
}
body.ppPubInfo ol ul li {
		margin-bottom: 5px;
}


body.pHome #content,
body.pAnnai #content,
body.pAccess #content,
body.ppNyuushi #content,
body.ppEvent #content,
body.ppDonation #content,
body.ppWakojin #content,
body.ppEvent #content,
body.ppHoujin #content,
body.ppDousou #content,
body.ppFlu #content,
body.ppEmargency #content,
body.ppAboutThisSite #content {
	padding-top: 0px;
}


p.ToTop {
	text-align: right;
	background-image: url(../_img/item/arrow_collapse.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
	font-size: 9px;
}

p.right {
	text-align: right;
}

p.center {
	text-align: center;
}

p.intro,
p.ending {
	font-size: 14px;
	color: #4c4c4c;
	text-indent: 1em;
	font-weight: lighter;
	line-height: 1.5em;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

p.intro strong {
	color: #333;
	font-weight: bold;
}

body.pHome p.intro {
	color: #828181;
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 40px;
	line-height: 1.6;
}

.screenshot {
	float: right;
	width: 220px;
	margin-left: 20px;
}


p.book {
	color: #b5b5b5;
	font-size: 11px;
}

p.book span {
	color: #333;
	font-weight: bold;
	}
p.book a {
	color: #c30;
	font-size: 13px;
}
	

p.noBorder {
	border-bottom: none;
	}
	


p.larger {
	font-size: 12px;
}

p.larger a {
	font-size: 14px;
}

p.more {
	margin-bottom: 20px;
}

p.more a {
	background: url(../_media/arrow_next.gif) 100% 50% no-repeat;
	padding-right: 10px;
	text-decoration: none;
	color: #82941E;
}




	

/* ------  サイドメニューがある時の写真と文章のブロック --------*/
.txtWrap img {
	float: left;
	width: 120px;
	border: 1px solid #333;
	height: 160px;
}

.txtWrap .txt {
	margin-left: 140px;
	float: none;
	padding-right: 10px;
	padding-left: 10px;
}
.txtWrap .txt p {
	text-indent: 1em;
}	

.ftxtWrap {
	border-bottom:1px dotted #B0B0B0;
	margin-bottom:10px;
}

.ftxtWrap img {
	float: left;
	width: 240px;
	border: 1px solid #000;
}

.ftxtWrap .ftxt {
	margin-left: 260px;
	float: none;
	padding-right: 10px;
	padding-left: 10px;
}
.ftxtWrap .txt p {
	text-indent: 1em;
}	




img.right {
	float: right;
	padding-bottom: 10px;
	padding-left: 20px;
}

img.left {
	float: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
}


.divider {
	clear: both;
	height: 1px;
	overflow: hidden;
	background: #d7d7d7;
	margin-bottom: 30px;
}



/* 広報のページ（youtube, webpamphlet, publication） */
.media {
	background: #f6f6f6;
	overflow: hidden;
	zoom: 1;
	padding: 0 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.media div{
	float: left;
	width: 285px;
	margin-right: 20px;
}

.mediaYoutube{
	background-color: #F6F6F6;
	background-image: url(../_img/item/Youtube.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.mediaPublication{
	background-color: #F6F6F6;
	background-image: url(../_img/item/Book.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.mediaWebPamphlet{
	background-color: #F6F6F6;
	background-image: url(../_img/item/Photo_Album.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}


.mediaYoutube p,
.mediaYoutube h3,
.mediaPublication p,
.mediaPublication h3,
.mediaWebPamphlet p,
.mediaWebPamphlet h3 {
	margin-left: 80px;
	margin-bottom: 10px;
}


.sideBox {
	float: right;
	width: 200px;
	border: 1px solid #000;
	margin: 0 0 10px 10px;
	background: #eee;
	}

.sideBox h3 {
	margin: 0 0 10px 0;
	background: #222222;
	color: #fff;
	padding: 10px;
	}
.innerBox {
	padding: 10px;
	}
	
/*
*************** rightNav (Local navigation) ********************/
#rightNav {
	float: right;
	border-left: 1px solid #d7d7d7;
	padding-top: 20px;
}

#rightNav h2 {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 0 0 10px 12px;
}

#content #rightNav ul {
	list-style: none;
}

#rightNav ul li {
	margin: 0;
	background: none;
	padding-left: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	font-size: 13px;
}

#rightNav ul li{
	line-height: 1.2;
	margin: 0;
}

#rightNav ul li a {
	display: block;
	position: relative;
	height: 30px;
	width: 220px;
	padding-left: 20px;
	padding-top: 10px;
	color: #999;
	text-decoration: none;
}

#rightNav ul li a:hover {
	color: #000;
	font-weight: bold;
}

#rightNav .navSpacer {
	height: 50px;
}


/**************** TABLES使うときに参照する。(.pricingを削ってある) ********************/

talble, th, td {
	border-collapse: separate;
	border: none;
	border-spacing: 0;
}
table {
	margin-left: auto;
	margin-right: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	border-left-color: #eeeeee;
	background-color: #FFF;
}
.year {
	text-align: right;
}
.month{

	text-align: right;	
}
.incident {

	text-align: left;
}
caption {
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom:10px;
	text-align:center;
	line-height: 1.2;
	font-weight: bold;
}
th {
	padding: 0.8em 0.5em;
	border-left-width: 1px;
	font-size: 100%;
}
td {
	border-bottom-style: dotted;
	border-bottom-color: #ffffff #81b0e4 #81b0e4 #ffffff;
	font-size: 100%;
	border-bottom-width: 1px;
	padding: 0.8em 1em;
	margin-right: 1em;
	margin-left: 1em;
}



/**************** COLUMN STYLES ********************/


/* 幅960、サイドメニューなしの場合の2分割、3分割 */
.colHalf, .colThird {
	margin-bottom: 30px;
	overflow: hidden;
	height: 1%;
}

.colHalf .colBasic,
.colHalf .colLast {
	float: left;
	width: 464px;
	display: inline !important;
	padding-right: 10px;
}
.colHalf .colBasic h3,
.colHalf .colLast h3 {

}
.colHalf .colBasic p,
.colHalf .colLast p {
	line-height: 1.5em;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
/*	margin-left: 240px;
*/}

.colHalf .colLast {
	padding-right: 0 !important;
	width: 469px;
}

.colThird .colBasic,
.colThird .colLast {
	float: left;
	padding-right: 10px;
	display: inline !important;
	width: 300px;
}

.colThird .colBasic h3,
.colThird .colLast h3 {

}
.colThird .colBasic p,
.colThird .colLast p {
	line-height: 1.5em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.colThird .colLast {
	padding-right: 0 !important;
	width: 305px;
/*		width: 305px;  */
}
/*-------------------*/

.colBasic {
	margin-right: 10px;
}

.colImg {
	float: none;
	padding-right: 0;
}

.colImg img {
	border: 2px solid;
	margin-bottom: 20px;
}


.rightRule {
	border-right: 1px solid #d7d7d7;
}

.leftRule {
	border-left: 1px solid #d7d7d7;
}


/*  所在地・連絡先 */
.contactWrap {
	clear: both;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}

div.colLast .contactWrap {
	padding-right: 0;
}

.contactWrap img {
	float: left;
	width: 220px;
	border: 1px solid #000;
	margin-right: 15px;
}

.contactWrap .contact {
	float: left;
	width: 224px;
	color: #000;
}

.contactWrap .contact h3 {
	margin-top: 0;
	padding-bottom: 0px;
}
.contactWrap .contact p {
	font-size: 12px;
	margin-top: 0;
}





#sidebar {
	float: left;
	width: 300px;
}


/* Homepage Calloutsトップページのボタン、3カラム */
#callouts {
	margin-bottom: 20px;
}

#callouts div h2 {
	color: #333;
	font-size: 15px;
	font-weight: bold;
}

#callouts div p {
	font-size: 11px;
	color: #828181;
	line-height: 1.1;
}

#callouts div a {
	width: 300px;
	height: 121px;
	padding-top: 33px;
	display: block;
	text-decoration: none;
}

.coBasic {
	float: left;
	width: 300px;
	margin-right: 29px;
}

.coLast {
	float: left;
	width: 300px;
}


/*  contentInner内での1カラム  */
.singleCol{
width: 700;

}


/*　 contentInner内での2カラム、3カラム 　*/
.innerColHalf, .innerColThird {
	margin-bottom: 30px;
	overflow: hidden;
	height: 1%;
}

#contentInner .colHalf .colBasic,
#contentInner .colHalf .colLast {
	float: left;
	width: 340px;
	display: inline !important;
	padding-right: 10px;
}

#contentInner.colHalf .colLast {
	padding-right: 0 !important;
	width: 340px;
}

#contentInner .colThird .colBasic,
#contentInner .colThird .colLast {
	float: left;
	padding-right: 10px;
	display: inline !important;
	width: 218px;
}

#contentInner .colThird .colLast {
	padding-right: 0 !important;
	width: 218px;
}

.colBasic {
	margin-right: 10px;
}

.colImg {
	float: none;
	padding-right: 0;
}

.colImg img {
	border: 1px solid #999;
	margin-bottom: 10px;
	padding: 4px;
}
	


/*
/*
*************** BOTTOM WRAP ********************/
#bottomWrap {
	clear: right;
}

#Oshirase {
	background: #7d7d7d;
	padding-top: 5px;
	vertical-align: middle;
	padding-bottom: 5px;
}

#Oshirase .pageWide #newsticker_display{
	display: inline;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	padding: 0px;
}
#Oshirase .pageWide h4 {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	float: left;
	padding-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
}
#Oshirase .pageWide #news li{
	font-size: 12px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}





/**************** SUPER FOOTER ********************/
#superFooter {
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
} 

#superFooter ul {
	float: left;
	width: 120px;
	color: #707070;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-bottom: 10px;
}

#superFooter ul.lastCol {
	width: 120px;
}

#superFooter li {
	margin: 0;
	line-height: 1;
}

#superFooter li.section {
	font-weight: bold;
	margin-bottom: 10px;
}

#superFooter li a {
	color: #636363;
	font-size: 11px;
	text-decoration: none;
}

#superFooter li a.darkLink {
	color: #464646;
	font-weight: bold;
}

/**************** FOOTER ********************/
#footerWrap,
#contentWrap {
	background: #dcdcdc url(../_media/bg_footer.gif) repeat-x;
}

#footer,
#copyright {
	border-top: 1px solid #c2c2c2;
	padding-top: 10px;
}

#footer p,
#copyright p {
	color: #959595;
	font-size: 10px;
	text-align: left;
	margin-bottom: 3px;
}

#footer p a,
#copyright p a {
	color: #959595;
	text-decoration: none;
}

/**************** HOMEPAGE FOOTER TABS ********************/
/* ID name of 'online-presentations' is meant to fool the spiders.
It's really just an alternative footer */
.bottom {
	display: none;
	}


/* misc.
---------------------------------------------------------- */
/*  カレンダー用アイコン配置 CSSspritesで*/
ul.calendar {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	clear: both;
	text-align: center;
}

ul.calendar li{
	height: 22px;
	margin-top: 20;
	margin-bottom: 20;
	padding-top: 20;
	padding-right: 10;
	padding-bottom: 20;
	padding-left: 10;
}
ul.calendar li{
	float: left;
	width: 100px;
	overflow: hidden;
	text-indent: -1000000em;
}
ul.calendar li#daigaku {
	background-image: url(../_img/item/calendar_icon_all.gif);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	margin-left: 20px;
}
ul.calendar li#koukou {
	background-image: url(../_img/item/calendar_icon_all.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 20px;
}
ul.calendar li#cyuugaku {
	background-image: url(../_img/item/calendar_icon_all.gif);
	background-repeat: no-repeat;
	background-position: 0px -125px;	
		margin-left: 20px;
}
ul.calendar li#wakosyo {
	background-image: url(../_img/item/calendar_icon_all.gif);
	background-repeat: no-repeat;
	background-position: 0px -25px;	
		margin-left: 20px;
}
ul.calendar li#tsurusyo {
	background-image: url(../_img/item/calendar_icon_all.gif);
	background-repeat: no-repeat;
	background-position: 0px -75px;	
		margin-left: 20px;
}
ul.calendar li#wakoyou {
	background-image: url(../_img/item/calendar_icon_all.gif);
	background-repeat: no-repeat;
	background-position: 0px -150px;
		margin-left: 20px;
}
ul.calendar li#tsuruyou {
	background-image: url(../_img/item/calendar_icon_all.gif);
	background-repeat: no-repeat;
	background-position: 0px -100px;
		margin-left: 20px;
}





.coearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display:: inline-table;}
/* Mac OS版IEには適用しない */
*html .clearfix {height: 1%;}
*+html .clearfix { height: 1%;}
.clearfix {display: block;}


.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
}

hr { 
	display: none;
	height:0px; 
    border:0px; 
    border-top:1px solid #ccc;
}

div.dots {
	clear: both;
	height: 15px;
	display: block;
	background: url(../_media/dots.gif) 0 100% repeat-x;
	margin-bottom: 25px;
	}
	
.nomargin {margin: 0;}
.notopgap {margin-top: 0;}
.nobottomgap {margin-bottom: 0;}


body.pHome .intro {
	width: 850px;
	margin: 0 auto;
}


/*  はCSS3の角丸を反映する */
.quoteBox {
	margin-bottom: 10px;
	background-color: #EDEDED;
	background-image: url(../_img/item/quote_mark.png);
	background-repeat: no-repeat;
	background-position: 25px 10px;
	;
	padding-top: 40px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	}

.quoteBox blockquote{
	font-size: 14px;
	color: #F60;
	margin-bottom: 20px;
	line-height: 1.6em;
}

.quoteBox a{
	color: #fff;
	text-decoration: underline !important;
}

.quoteBox p.press a{
	font-size: 17px;
	text-decoration: none;
	color: #fff;
	margin-bottom: 20px;
}

.quoteBox cite {
	font-size: 11px;
	color: #990;
	font-style: normal;
	text-align: right;
	}
.quoteBox p.more {
	text-align: right;
}
.quoteBox p.more a {
	background: url(../_media/arrow_quote.png) 100% 50% no-repeat  !important;
	padding-right: 10px;
	text-decoration: none;
}
	

.quoteBox2 {
	margin-bottom: 10px;
	background-image: url(../_img/item/quotation.gif);
	background-repeat: no-repeat;
	background-position: 15px 10px;
	;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 70px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #FFF;
	}

.quoteBox2 blockquote{
	font-size: 14px;
	color: #F60;
	margin-bottom: 20px;
	line-height: 1.6em;
}
.quoteBox2 p{
	font-size: 14px;
	text-decoration: none;
	color: #333;
}

.quoteBox2 p.more {
	text-align: right;
	background-image: url(../_img/item/arrow_next.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #09F;
	font-size: 10px;
	margin-right: 10px;
}
.quoteBox2 p.more a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #990;
	padding-right: 10px;
}
.quoteBox2 cite {
	font-size: 11px;
	color: #990;
	font-style: normal;
	text-align: right;
	}
	


/* BOX　gray, blue,blue2, orange,orange2, cyan, purlpe, cream  */
.graybox {
	background: #eee;
	padding-bottom: 20px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	}

.graybox h4, .bluebox h4, .orangebox h4, greenbox h4, greenbox2 h4, greenbox3 h4, cyanbox h4, creambox h4 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	}

.graybox .col-left {
	float: left;
	width: 152px;
	margin-right: 20px;
	}
	
.graybox .col-left img {
	border: 1px solid #ccc;
	}
	
.graybox .col-right {
	float: left;
	width: 250px;
	}
	
.graybox p.press {
	color: #959595;
	}
	
.graybox .col-right a {
	font-size: 11px;
	}
	
.graybox .last {
	width: 460px;
	margin-right: 0;
	}

.bluebox {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #DEF1F8;
	border: 1px solid #3CF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

.bluebox h3 {
	font-size: 14px;
	margin: 0;
	color: #279BE4;
	}
	
.bluebox2 {
	background-color: #FFF;
	margin: 10px;
	border: 1px solid #E6F4F9;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}

.bluebox2 h3 {
	font-size: 14px;
	margin: 0;
	color: #333;
	background-color: #E6F4F9;
	text-align: left;
	padding: 10px;
	}
.bluebox2 p {
	font-size: 12px;
	padding: 10px;
	}
	
.orangebox {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #FC9;
	border: 1px solid #F93;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

.orangebox h3 {
	font-size: 14px;
	margin: 0;
	color: #F30;
	}

.orangebox2 {
	background-color: #FC9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F93;
	border-right-color: #F93;
	border-bottom-color: #F93;
	border-left-color: #F93;
	margin: 10px;
	padding: 0px;
	}

.orangebox2 h3 {
	font-size: 14px;
	margin: 0;
	color: #FFF;
	background-color: #F93;
	text-align: left;
	padding: 10px;
	}
.orangebox2 p {
	font-size: 12px;
	padding: 10px;
	}


.greenbox, .greenbox2, .greenbox3 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #9FD697;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
.greenbox {
	background-color: #F2FEF1;
}

.greenbox h3, .greenbox2 h3, .greenbox3 h3 {
	font-size: 14px;
	margin: 0;
	color: #3C8C19;
	}
	
.greenbox2 p{
	color: #333;
	}
	
.greenbox3 p{
	color: #3C8C19;
	}
		
	
	
	
	
.purplebox {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #FBDDFF;
	border: 1px solid #C9F;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

.purplebox h3 {
	font-size: 14px;
	margin: 0;
	color: #C6F;
	}
	
.cyanbox {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #DCE3FF;
	border: 1px solid #ABBFFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

.cyanbox h3 {
	font-size: 14px;
	margin: 0;
	color: #36F;
	}

.creambox {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #FFFFE6;
	border: 1px solid #FC9;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

.creambox h3 {
	font-size: 14px;
	margin: 0;
	color: #F60;
	}
	



/*
*************** mainNav ACTIVE ********************/
body.pHome a#nHome,
body.pAnnai a#nAnnai,
body.pAccess a#nAccess,
body.pNyuushi a#nNyuushi,
body.pEvent a#nEvent,
body.pKouhou a#nKouhou 
{
	color: #ffc20e;
}

/*
*************** subNav Active ********************/
body.ppAnnaiTop a#sAnnaiTop,
body.ppCampus a#sCampus,
body.ppData a#sData,
body.ppFacilities a#sFacilities,
body.ppOrg a#sOrg,
body.ppPubInfo a#sPubInfo,
body.pppContactUs a#sContactUs,
body.ppKouhouTop a#sKouhouTop,
body.ppWakoTV a#sWakoTV,
body.ppWebPamplet a#sWebPamplet,
body.ppPublication a#sPublication,
body.ppEventTop a#sEventTop,
body.ppEventCalendar a#sEventCalendar,
body.ppNyuushiTop a#sNyuushiTop,
body.ppNyuushiCalendar a#sNyuushiCalendar {
	color: #222;
	font-weight: bold;
}

/*********** rightNav ACTIVE ボーダーをつけて矢印表示  **************/

/* 学園案内配下のサブメニュー */
body.pppWelcome #rightNav ul li#rNavWelcome,
body.pppOutline #rightNav ul li#rNavOutline,
body.pppHistory #rightNav ul li#rNavHistory,
body.pppSchoolBadge #rightNav ul li#rNavSchoolBadge,
body.pppLogo #rightNav ul li#rNavLogo,
body.pppContactUs #rightNav ul li#rNav,



/* キャンパス配下 */
body.ppp3Cumpus #rightNav ul li#rNav3Cumpus,
body.pppKanai #rightNav ul li#rNavKanai,
body.pppShinkohi #rightNav ul li#rNavShinkoji,
body.pppSetagaya #rightNav ul li#rNavSetagaya,

/* 付属施設 */
body.pppUmene #rightNav ul li#rNavUmene,
body.pppMatsumoto #rightNav ul li#rNavMatsumoto,
body.pppPaideia #rightNav ul li#rNavPaideia,
body.pppMizugaki #rightNav ul li#rNavMizugaki,


/* インフォメーション */
body.ppAboutThisSite #rightNav ul li#rNavAboutThisSite,
body.pppPrivacy #rightNav ul li#rNavPrivacy,
body.pppTechnology #rightNav ul li#rNavTechnology,
body.pppPrivacy_statement #rightNav ul li#rNavPrivacy,  /*  サイドメニューには表示していない  */

/* その他（インフルエンザ、災害時の対応） */
body.ppEmargency #rightNav ul li#rNavEmargency,
body.ppFlu #rightNav ul li#rNavFlu,


/*  */
body.pppAll #rightNav ul li#lnEducationAll,
{
	background: #f9f9f9 url(../_media/bg_rightNav.gif) 0 100% repeat-x;
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}

body.pppImport #rightNav ul li#lnImport {
	padding-top: 1px;
	border-top: none;
}


body.pSitemap #content ul li {
	background-image: none;
	}
body.pSitemap #content ul li ul li {
	margin-left: 0px;
}

/* 文字装飾追加 */
.strong {
	font-weight: bold;
}



/************************************************

* web page .info *

************************************************/

dl.info {
margin-top: 20px;
margin-bottom: 10px;
}

.info dt {
	padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 0;
	font-weight: bold;
}

.info dd {
	line-height: 1.6;
	margin-top: -1.6em;
	margin-left: 12em;
	margin-right: 2em;
	margin-bottom: 0.8em;
	border-bottom: 1px dotted #666666;
}
.pHome #mainWrap #mainBody #content .colThird .colLast img {
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-top: 0px;
}




/* css for newsticker  */
#news {
  height:29px;
  margin:0;
  padding:0px;
  line-height:29px;
  font-size:11px;
  color:#CCC;
  list-style-type: none;
  background:url(bg.jpg) top left no-repeat;
}
 
#news li{
	background:url(bg2.jpg) top left no-repeat;
	margin: 0px;
	padding: 0px;
}
#news li span{
  margin-left:10px;
}

#news a{color:#CCC; text-decoration:none;}
#news a:hover{color:#999;}
#contentInner ol ol ul li {
	background-image: none;
}
#contentInner ol ul li {
	background-image: none;
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 0px;
}
.pAnnounce #contentInner .entry-content {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#contentInner .article .speaker {
	color: #333;
	margin-bottom: 30px;
	line-height: 1.8em;
}
#contentInner .article .interviewer {
	font-weight: bold;
	color: #000;
	line-height: 1.8em;
	margin-bottom: 15px;
}
#contentInner .article {
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 20px;
}


.pullquote {
	border-right-color-ltr-source:physical;
	border-right-color-rtl-source:physical;
	border-right-color-value:#CCCCCC;
	border-right-style-ltr-source:physical;
	border-right-style-rtl-source:physical;
	border-right-style-value:solid;
	border-right-width-ltr-source:physical;
	border-right-width-rtl-source:physical;
	border-right-width-value:1px;
	color:#777777;
	float:left;
	font-size:14px;
	font-style:italic;
	margin-bottom:1em;
	margin-right:2em;
	padding-right:2em;
	text-align:left;
	width:25%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	line-height: 1.8em;
	padding-bottom: 1px;
}

.boxout {
	border-left-color-ltr-source:physical;
	border-left-color-rtl-source:physical;
	border-left-color-value:#CCCCCC;
	border-left-style-ltr-source:physical;
	border-left-style-rtl-source:physical;
	border-left-style-value:solid;
	border-left-width-ltr-source:physical;
	border-left-width-rtl-source:physical;
	border-left-width-value:1px;
	border-right-color-ltr-source:physical;
	border-right-color-rtl-source:physical;
	border-right-color-value:#CCCCCC;
	border-right-style-ltr-source:physical;
	border-right-style-rtl-source:physical;
	border-right-style-value:solid;
	border-right-width-ltr-source:physical;
	border-right-width-rtl-source:physical;
	border-right-width-value:1px;
	float:right;
	margin-bottom:0.5em;
	margin-left:2em;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: normal;
	color: #333;
	font-style: normal;
	border: 1px solid #CCCCCC;
	padding: 1em;
}
.boxout p {
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
}

#profile {
	background: #eee;
	padding-bottom: 20px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	}#profile p {
	font-size: 14px;
	line-height: 1.5em;
	color: #000;
}
.article h3 {
	font-size: 18px;
	font-weight: bold;
	color: #030;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #030;
	margin-bottom: 15px;
	padding-bottom: 5px;
	margin-top: 50px;
}

#mainImgBK {
	background-image: url(../_img/bk/main_bk2.gif);
	background-repeat: repeat-x;
	text-align: center;
}
.admission_info h3 {
	color: #030;
	padding-top: 20px;
}
.admission_info h4 {
	color: #FFF;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
}
.admission_info .notice {
	font-size: 11px;
	color: #C00;
	margin-bottom: 10px;
}
.admission_info p {
	padding-left: 20px;
	padding-right: 10px;
}
.admission_info .graybox {
	padding-left: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #9D9D9D;
	}
.admission_info h3 .more a {
	background: url(../_media/arrow_next.gif) 100% 50% no-repeat;
	text-decoration: none;
	color: #82941E;
	padding-left: 20px;
	padding-right: 10px;
}


.event_info h3 {
	color: #030;
	padding-top: 20px;
}
.event_info .orangebox {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #FC9;
	border: 1px solid #F93;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 180px;
	margin: 0px;
	float: left;
	}

.event_info .orangebox h4 {
	font-size: 14px;
	margin: 0;
	color: #F30;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.event_info p {
	padding-left: 20px;
	padding-right: 10px;
	margin-left: 200px;
	clear: right;
}
.event_info .notice {
	font-size: 11px;
	color: #C00;
	margin-bottom: 10px;
}



#content ul.pdf{
	list-style-image: url(../_img/icon/ico_pdf.gif);
	list-style-type: none;
	}

#content ul.pdf li{
	list-style-type: none;
	}
	
.pInterview.ppThisParson #mainWrap #mainBody #content #contentInner .article blockquote {
	padding-left: 30px;
	font-style: italic;
	line-height: 150%;
}
.pHome #mainWrap #mainBody #content #container-1 #earthquake .orangebox a {
	color: #F00;
}
.pHome #mainWrap #mainBody #content #container-1 #earthquake {
	margin-top: 10px;
}