@charset "UTF-8";

/* ---------------------------------

	Written by			Gazikobo.Inc gazirow
						http://gazikobo.co.jp/
						
	Last Modified		2010.02.08

	Color Schema
	
		Pink - Key		#EB3E7A
		Light Pink		#FFE5EE
	
		Orange - Key	#FF9200
		Light Orange	#FEE283
	
		Green - Key		#60D072
		Light Green		#EBF9ED
	
		Blue - Key		#279BDE
		Light Blue		#EEF5F9
		
		Brown - Key		#877543
		Light Brown		#B49C59
	
		Black - Key		#333
		Dark Gray		#B4B4B4
		Light Gray		#EBEBEB
		

	Font Size - YUI 3.0
	
		10px	---		77%			82.8%
		11px	---		85%			91.4%
		12px	---		93%			100%
		13px	---		100%		107.5%
		14px	---		108%		116.7%
		15px	---		116%		125%
		16px	---		123.1%		133.3%
		17px	---		131%		141.7%
		18px	---		138.5%		150%
		19px	---		146.5%		158.3%
		20px	---		153.9%
		21px	---		161.6%
		22px	---		167%
		23px	---		174%
		24px	---		182%
		25px	---		189%
		26px	---		197%
		
	Line Height = 100 * new line-height / 12 (ex. Base Font size: 12px)
	
		10px	---		
		11px	---		
		12px	---		100%
		13px	---		
		14px	---		
		15px	---		
		16px	---		
		17px	---		
		18px	---		
		19px	---		
		20px	---		
		21px	---		
		22px	---		
		23px	---		192%
		24px	---		
		25px	---		
		26px	---		

--------------------------------- */
/* ---------------------------------

Common Style

--------------------------------- */
a { outline: none; }

.clear {
	_zoom: 1;
	overflow: hidden;
}

/* .nav, .reset */
.nav,
.reset,
.reset dd { margin:0; }

.nav li,
.reset li { list-style-type: none; }

.align-right { text-align: right; }

.float-left { float: left; margin: 0 15px 2em 0; }

.cle-b { clear: both; }

/* ul.nav-pager */
ul.nav-pager {
	text-align:center;
	padding-bottom: 0.5em;
}

ul.nav-pager li {
	display:inline-block;
	padding: 0 9px;
	border-right: solid 1px #7F7F7F;
}

ul.nav-pager li.last { border-right: none; }

.pdf{
	padding-left: 18px;
	background: url(../img/common/icon_pdf.gif) left top no-repeat;
}

/* ---------------------------------

Base Style

--------------------------------- */
html,
body { background: #fff; }

body {
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

table { width: 100%; }

table.reset { margin: 0; }

td,
th {
	vertical-align: middle;
	border: none;
}

a { color: #008DFF; }

a:hover { color: #09F; }

p { font-size: 108%; line-height:1.5; }

#wrap,
#nav-footer,
#footer,
#main-img{
	font-size: 93%;
}

#wrap {
	width: 100%;
	background: #FFF url(../img/common/contents-bg.gif) repeat-y center top;
	text-align: center;
}

/* ---------------------------------

Header

--------------------------------- */
#header { 
	height: 120px;
	background: url(../img/common/head-bg.jpg) repeat-x;
	text-align: center;
}
#header div.inner{
	width: 944px;
	height: 80px;
	margin: 0 auto;
	position: relative;
}
#header h1,
#header h2 { margin: 0; }

#header #logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 306px;
	height: 70px;
}

#header ul.headicon{
	position: absolute;
	right: 0;
	top: 0;
	width: 300px;
}

#header ul.headicon li{
	float: left;
	margin-right: 1.5em;
	color: #8A0039;
	list-style: none;
	padding-left: 20px;
	font-size: 85%;
	line-height: 1.2;
}

#header ul.headicon li.h-access{ background: url(../img/common/icon-access.gif) left no-repeat; }

#header ul.headicon li.h-mail{ background: url(../img/common/icon-mail.gif) left no-repeat; }

#header ul.headicon li.h-sitemap{ background: url(../img/common/icon-sitemap.gif) left no-repeat; }

#header ul.headicon a{ color: #8A0039; }

#header ul.headicon a:link{ text-decoration: none; }

#header ul.headicon a:hover{
	color: #8A0039;
	text-decoration: underline;
}

/* ---------------------------------
	Header nav-global
--------------------------------- */
#nav-global ul{
	width: 944px;
	height: 40px;
	margin: 0 auto; 
}

#nav-global li { float: left; list-style:none; }

#nav-global li a {
	background: url(../img/common/nav-global-bg.jpg) no-repeat;
	height: 40px;
	display: block;
	text-indent: -999em;
}

#nav-global li.btn-aboutus a {
	width: 235px;
	background-position: 0 -39px;
}

#nav-global li.btn-aboutus a:hover { background-position: 0 0; }

#nav-global li.btn-campuslife a {
	width: 235px;
	background-position: -235px -39px;
}

#nav-global li.btn-campuslife a:hover { background-position: -235px 0; }

#nav-global li.btn-nyushi a {
	width: 235px;
	background-position: -470px -39px;
}

#nav-global li.btn-nyushi a:hover { background-position: -470px 0; }

#nav-global li.btn-info a {
	width: 239px;
	background-position: -705px -39px;
}

#nav-global li.btn-info a:hover { background-position: -705px 0; }


/* ---------------------------------

topicpath

--------------------------------- */
#topicpath {
	width: 100%;
	height: 34px;
	background: url(../img/common/topicpath-bg.gif) repeat-x;
}
#topicpath ul{
	width: 944px;
	margin: 0 auto;
	height: 34px;
	overflow: hidden;
}

#topicpath li{
	padding-left: 10px;
	float: left;
	list-style: none;
	line-height: 250%;
	color: #999999;
}

#topicpath li a{
	padding-right: 15px;
	display: block;
	text-decoration: none;
	height: 34px;
	background: url(/img/common/topicpath-slant.gif) right bottom no-repeat;
	color: #135AC5;
}

#topicpath li a:hover{
	color: #FF3300;
}


/* ---------------------------------

main-img

--------------------------------- */
#main-img{
	width: 100%;
	text-align: center;
	background: #FFF2F7;
	border-bottom: 1px solid #EDC7D7;
}

#Aboutus #main-img,
#Campuslife #main-img,
#Admissions #main-img,
#info #main-img {
	height: 118px;
}

#Aboutus #main-img p.inner,
#Campuslife #main-img p.inner,
#Admissions #main-img p.inner,
#info #main-img p.inner {
	width: 944px;
	height: 118px;
	margin: 0 auto;
	text-indent: -999em;
}

#Aboutus #main-img p.inner {
	background: url(../img/common/common-main-img.jpg) no-repeat;
}

#Campuslife #main-img p.inner {
	background: url(../img/campuslife/main-img.jpg) no-repeat;
}

#Admissions #main-img p.inner {
	background: url(../img/admissions/main-img.jpg) no-repeat;
}

#info #main-img p.inner {
	background: url(../img/info/main-img.jpg) no-repeat;
}

/* ---------------------------------

Content

--------------------------------- */
#content {
	min-height: 20em;
	background: #FFF;
	width: 942px;
	margin: 0 auto;
}

#article {
	float: right;
	width: 632px;
	padding: 15px 10px 0 10px;
	text-align: left;
}

#page-up{
	padding-top: 15px;
	background: #FFFFFF url(../img/common/contents-bottom-bg.gif) no-repeat bottom;
	height: 30px;
	clear: both;
	position: relative;
}

#page-up p{
	line-height: 100%;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	text-indent: -999em;
}

#page-up p a{
	width: 243px;
	height: 30px;
	display: block;
	
}

/* ---------------------------------

Box

--------------------------------- */
div.box-one{
	width: 632px;
	background-color: #a60146;
	margin-bottom: 15px;
	border-bottom: 1px solid #a60146;
}

div.box-one h1{
	background: #a60146 url(../img/common/h1-bg.jpg) top no-repeat;
	color: #FFFFFF;
	line-height: 2.0;
	padding-top: 5px;
	padding-left:1.5em;
	margin: 0;
	clear: both;
}

div.box-one h2{
	background: #FFF url(../img/common/h2-bg.jpg) left no-repeat;
	padding-left: 15px;
	clear: both;
	font-size: 138.5%;
	margin: 0.5em 0 1em 0;
}

div.box-one li{
	margin-left: 1em;
	margin-bottom: 1em;
	line-height: 1.5;
}

div.box-one .inner{
	width: 610px;
	background-color: #FFF;
	margin: 0 auto;
	padding: 10px;
}

div.box-one .inner ul.three-column{
	width: 586px;
	margin: 0 auto;
}

div.box-one .inner ul.three-column li{
	width: 180px;
	float: left;
	margin: 0 23px 1em 0;
	list-style: none;
	padding: 0;
}

div.box-one .inner ul.three-column li.three{
	margin: 0 0 1em 0;
}

div.box-one .inner ul.three-column li span{
	display: block;
	line-height: 1.5;
	min-height: 2em;
}

div.box-one .inner ul.three-column li strong{
	font-size: 108%;
}

div.box-one div.inner div.box-half-l{
	width: 300px;
	margin-right: 10px;
	margin-bottom: 15px;
	float: left;
	background: #dadad8 url(../img/common/h2-boxone-bg.jpg) top no-repeat;
	border-bottom: 1px solid #dadad8;
}

div.box-one div.inner div.box-half-r{
	width: 300px;
	float: right;
	background: #dadad8 url(../img/common/h2-boxone-bg.jpg) top no-repeat;
	border-bottom: 1px solid #dadad8;
	margin-bottom: 15px;
}

div.box-one div.inner div.box-half-l div.inner,
div.box-one div.inner div.box-half-r div.inner{
	width: 278px;
	padding: 10px;
	margin: 0 auto;
	background-color: #FFF;
	min-height: 100px;
}

div.box-one div.inner p.bottom-link{
	margin: 0 1px;
	width:278px;
	text-align: right;
	padding: 10px 9px;
	background-color:#f0f0ee;
	border: 1px solid #FFF;
}

div.box-one div.box-half-l h1,
div.box-one div.box-half-r h1{
	color: #FFFFFF;
	line-height: 1;
	padding-left:18px;
	background: url(../img/common/icon-aside-listmark.gif) no-repeat 0 70%;
	margin: 0.5em 0 0.5em 1em;
	font-size: 108%;
}

div.box-one div.box-half-l h1 a,
div.box-one div.box-half-r h1 a{
	color: #a60146;
	text-decoration: none;
}

div.box-one div.box-half-l h1 a:hover,
div.box-one div.box-half-r h1 a:hover{
	color: #a60146;
	text-decoration: underline;
}

.box-half-l{
	width: 311px;
	margin-right: 10px;
	margin-bottom: 15px;
	float: left;
	background: #a60146 url(../img/common/box-half-bg.jpg) top no-repeat;
	border-bottom: 1px solid #a60146;
}

.box-half-r{
	width: 311px;
	float: right;
	background: #a60146 url(../img/common/box-half-bg.jpg) top no-repeat;
	border-bottom: 1px solid #a60146;
	margin-bottom: 15px;
}

.box-half-l h1,
.box-half-r h1{
	color: #FFFFFF;
	line-height: 1.2;
	padding-left:18px;
	background: url(../img/common/icon-wy.gif) no-repeat left;
	margin: 0.5em 0 0.5em 1em;
	font-size: 108%;
}

.box-half-l h1 a,
.box-half-r h1 a{
	color: #FFF;
	text-decoration: none;
}

.box-half-l h1 a:hover,
.box-half-r h1 a:hover{
	color: #FFF;
	text-decoration: underline;
}

.box-half-l div.inner,
.box-half-r div.inner{
	width: 289px;
	padding: 10px;
	margin: 0 auto;
	background-color: #FFF;
	min-height: 100px;
}

.box-half-l dl,
.box-half-r dl,
.box-half-l dd,
.box-half-r dd,
#Admissions #article .box-half-l dl,
#Admissions #article .box-half-r dl,
#Admissions #article .box-half-l dd,
#Admissions #article .box-half-r dd,{ margin: 0; }

.box-half-l dt,
.box-half-r dt,
#Admissions #article .box-half-l dt,
#Admissions #article .box-half-r dt{
	float: left;
	margin: 0 1em 1em 0;
}

.box-half-l dt img,
.box-half-r dt img,
#Admissions #article .box-half-l dt img
#Admissions #article .box-half-r dt img {
	border: 3px solid #aaaaaa;
}

p.bottom-link{
	margin: 0 1px;
	width:289px;
	text-align: right;
	padding: 10px 9px;
	background-color:#f0f0ee;
	border: 1px solid #FFF;
}

p.bottom-link a{
	padding-left: 20px;
	background: url(../img/common/icon-aside-listmark.gif) no-repeat left;
}

p.bottom-link a:hover{
	background: url(../img/common/icon-aside-listmark-b.gif) no-repeat left;
}

.box-level-one{
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
}

.box-level-one.last-child{
	margin-bottom: 0;
}

.box-pic-150{
	float: left;
	margin: 0 1em 1em 0;
	width: 150px;
}

.box-text{
	margin: 0 30px 20px 30px;
	clear: both;
	overflow: hidden;
}

.box-text dl {
	width: 240px;
}

.box-text dl.float-left{
	margin-right: 30px;
}

.box-text dl dt,
.box-text dl dd {
	margin-bottom: 1em;
}

.philosophy-box{
	width: 500px;
	margin: 0 auto 50px auto;
}

.philosophy-box p{
	font-size: 42px;
	text-align: center;
}

.philosophy-box p span{
	margin-left: 1em;
}

/* ---------------------------------

aside

--------------------------------- */
#aside {
	float: left;
	width: 290px;	
	padding: 0;
	/*background-color:#009966;*/
}

#lnav{
	width: 278px;
	text-align:left;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin: 0 auto 20px 10px;
	background-color: #FFF;
}

#lnav dl, #lnav dt, #lnav dd{ margin:0; }

#lnav dt{
	background: #F7F7F5;
	width: 266px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding-left: 10px;
	border-bottom: 1px solid #CCC;
	display: block;
	clear: both;
}

#lnav dt a{
	padding: 10px 10px 10px 20px;
	background: url(../img/common/icon-aside-listmark.gif) no-repeat left;
	text-decoration: none;
	font-weight: bold;
	color: #8A0039;
	display: block;
}
#lnav dt a:hover{
	background: url(../img/common/icon-aside-listmark-b.gif) no-repeat left;
	text-decoration: underline;
}

#lnav dd{
	width: 258px;
	margin: 0;
	background-color: #FFF;
	padding: 10px;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}

#lnav dd.pagetitle{
    width: 238px;
	padding:  5px 10px 5px 30px;
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
	margin: 0;
	background: #FFF url(../img/common/dd-bg.gif) left no-repeat;
}

#lnav dd.pagetitle a{
	color: #8A0039;
	text-decoration: none;
}

#lnav dd.pagetitle a:hover{
	color: #ff6c00;
	text-decoration: underline;
}

#lnav dd span.lnav-txt{
	width: 144px;
	float: left;
	line-height:1.5;
}

#lnav dd span.lnav-pic{
	width: 104px;
	float: right;
}
#lnav dd img{
	border: 2px solid #CCC;
}

#lnav dl dt.last-child{
	border-bottom: none;
}

#lnav dd.pagetitle.last-child{
	border-bottom: 1px solid #CCC;
}


/* ---------------------------------

Footer

--------------------------------- */

#footer {
	background: #8A0039;
	width: 100%;
	padding-bottom: 20px;
	text-align: left;
	clear: both;
}

#footer .inner{
	margin: 0 auto;
	width: 942px;
	text-align: center;
}

#footer ul.foot-nav {
	margin: 10px 5px 0 10px;
	
}

#footer ul.foot-nav li {
	float: left;
	color: #FFFFFF;
	padding-left: 15px;
	margin-right: 1.5em;
	list-style: none;
	background: url(../img/common/foot-listmark.gif) no-repeat left;
}

#footer ul.foot-nav li a{
	color: #FFF;
	text-decoration: none;
}

#footer ul.foot-nav li a:hover{
	color: #FFF;
	text-decoration: underline;
}

#school-name{
	width: 690px;
	height: 90px;
	background: url(../img/common/foot-school-name.gif) left no-repeat;
	padding-left: 10px;
	clear: both;
	border-top: 1px solid #FFF;
	float: left;
	margin-top: 10px;
}

#copyright {
	font-size: 93%;
	text-align: left;
	color: #FFF;
	clear: both;
}

/* ---------------------------------

P.Index

--------------------------------- */
#index #main-img{
	height: 235px;
}

#index #main-img p.inner {
	width: 970px;
	height: 235px;
	margin: 0 auto;
	background: url(../img/index/main-img2.jpg) no-repeat;
	text-indent: -999em;
}

#index #article div.inner,
#info #article div.inner{
	min-height: 500px;
}

#index #article iframe,
#info #article iframe {
	width: 610px;
	height: 500px;
	margin: 0 auto;
}
/* ---------------------------------

aboutus

--------------------------------- */
/*== P.greeting ==*/
div.greeting-pic{
	width: 150px;
	float: left;
	margin: 0 15px 2em 0;
	text-align: center;
}
 
div.greeting-pic img{
	margin-bottom: 5px;
}

/*== P.philosophy ==*/
ol.philosophy{
	margin-left:15px;
}

/*== P.timeline ==*/
dl.timeline{
	width: 100%;
	margin: 0;
}
dl.timeline dt{
	width: 130px;
	margin-left: 0;
	margin-bottom: 1em;
}

dl.timeline dt span{
	margin-left: 1em;
}

dl.timeline dd{
	width: 480px;
	padding-left: 130px;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #CCC;
	margin-top: -2.3em;
	margin-bottom: 1em;
	margin-left: 0;
}

/*== P.schoolsong ==*/
#schoolsong-box{
	width: 574px;
	background-color: #FFF;
	padding: 15px;
	margin-bottom: 10px;
	border: 3px solid #EDC7D7;
}

#schoolsong-box object{
	float: left;
	margin-right: 20px;
}

/*== P.uniform ==*/
ul.uniform li{
	width: 280px;
	float: left;
	margin: 0 10px 1em 0;
	list-style: none;
	padding: 0;
}
ul.uniform li.even{
	margin: 0 0 1em 0;
}

ul.uniform span{
	display: block;
	line-height: 1.2;
	min-height: 4em;
}

/*== P.facilities ==*/

/* ---------------------------------

campuslife

--------------------------------- */
/*== P.faculty ==*/
p.sub-img{
	margin: 0 0 1em 0;
}

p.ob-messe{
	text-align: right;
	line-height: 1.5;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 93%;
}

p.ob-messe span{
	font-weight: normal;
}

#singaku p.ob-messe,
#singaku h3{
	color: #006cff;
}

#sogou p.ob-messe,
#sogou h3{
	color: #00880a;
}

#food p.ob-messe,
#food h3,
#food strong{
	color: #ff6000;
}

#biz p.ob-messe,
#biz h3,
#biz strong{
	color: #b1014c;
}

#nursing p.ob-messe,
#nursing h3{
	color: #01b19e;
}

#food strong,
#biz strong{
	text-decoration: underline;
}

#singaku table, #sogou table, #food table,
#biz table, #nursing table{
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	border-right: 1px solid #333;
	background: none;
	border-collapse: collapse;
}

#singaku th, #sogou th, #food th,
#biz th, #nursing th{
	border-bottom: 2px solid #333;
	border-left: 1px solid #333;
}

#singaku td, #sogou td, #food td,
#biz td, #nursing td{
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	background-color: #FFF;
	line-height: 1.5;
}

#singaku tr.bold-line, #sogou tr.bold-line, #food tr.bold-line,
#biz tr.bold-line, #nursing tr.bold-line{
	border-bottom: 2px solid #333;
	border-top: 2px solid #333;
}

#singaku table th{
	background-color: #ddebff;
}

#sogou table th{
	background-color: #ddffe2;
}

#food table th{
	background-color: #ffefdd;
}

#biz table th{
	background-color: #ffddef;
}

#nursing table th{
	background-color: #ddfffd;
}



/*== P.career ==*/
#career table{
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	background: none;
}

#career th, #career td{
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}

#career th { background-color: #FFF2F7; }

#career .even { background-color: #fffef4; }

/* ---------------------------------

admissions

--------------------------------- */

#Admissions table{
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	background: none;
}

#Admissions th, #Admissions td{
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}

#Admissions th { background-color: #FFF2F7; }

#Admissions .even { background-color: #fffef4; }

#Admissions li span { margin-left: 2em; }

#Admissions table ul, #Admissions table ol{
	margin: 0.25em 1em 0 1em;
}

dl.privacy, #Admissions #article #youkou dl,
#Campuslife #article #youkou dl {
	margin: 0 30px;
	line-height: 1.5;
}
dl.privacy dt, #Admissions #article #youkou dt,
#Campuslife #article #youkou dt {
	margin-bottom: 0.5em;
}
dl.privacy dd, #Admissions #article #youkou dd,
#Campuslife #article #youkou dd {
	margin-left: 3em;
	margin-bottom: 1.5em;
}



#employment dl.privacy dt,
#Admissions #article #youkou dt,
#Campuslife #article #youkou dt {
	font-weight: bold;
	font-size: 116%;
}








/* ---------------------------------

jQueryslider

--------------------------------- */

div#slider-header {
width : 970px;
height : 340px;
margin: 0 auto;
}


div#slider-header div#slide-holder {
z-index : 40;
width : 970px;
height : 340px;
position: relative;
}
div#slider-header div#slide-holder div#slide-runner {
top : 5px;
left : 0;
width : 970px;
height : 320px;
overflow : hidden;
position : absolute;
}
div#slider-header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slider-header div#slide-holder div#slide-controls {
left : 0;
bottom : 0;
width : 970px;
height : 46px;
display : none;
position : absolute;
background : url(../img/jQueryslider/slide-bg.png) 0 0;
}
div#slider-header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#slider-header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#slider-header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color: #CCCCCC;
}
div#slider-header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#slider-header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../img/jQueryslider/silde-nav.png);
}
div#nav ul li a {
background : url(../img/jQueryslider/nav.png) no-repeat;
}