@charset "utf-8";


/*------------------------------------------------------------------------------
	Side_Navi
------------------------------------------------------------------------------*/

#sdnav {
	background: url(../imgs/bg_sd.gif) no-repeat left top;
	padding-top: 18px;
}

#sdnav dl#nav {
	background: url(../imgs/bg_sd.gif) repeat-x right top;
}
#sdnav dl#nav dt {
	padding: 0px 21px;
	margin-bottom: 8px;
}
#sdnav dl#nav dd a {
	display: block;
	margin: 0px 19px 2px 21px;
	padding: 10px 8px 0px 18px;
	height: 20px;
	background: #fff;
}
#sdnav dl#nav dd a:hover {
	display: block;
	margin: 0px 19px 2px 21px;
	padding: 10px 8px 0px 18px;
	height: 20px;
	background: url(../imgs/bg_sdnav_on.gif);
	text-decoration: none;
}
#sdnav dl#nav dd.this {
	display: block;
	margin: 0px 19px 1px 21px;
	padding: 10px 8px 0px 18px;
	height: 20px;
	background: url(../imgs/bg_sdnav_this.gif) no-repeat;
	font-weight: bold;
	color: #535d9e;
}

#sdnav dl#related {
	background: url(../imgs/bg_sd.gif) no-repeat center top;
	padding-top: 34px;
}
#sdnav dl#related dt {
	padding: 0px 21px;
	margin-bottom: 12px;
}
#sdnav dl#related dd {
	background: url(../imgs/bg_sd.gif) repeat-x right top;
	margin: 0px;
	padding: 0px 21px 13px 40px;
}
#sdnav dl#related .last {
	background: url(../imgs/bg_sd.gif) no-repeat right bottom;
	padding-bottom: 0px;
}
#sdnav #wrcsp {
	background: #e9e9e9 url(../imgs/bg_sdnav.gif) no-repeat center top;
	padding-top: 34px;
	text-align: center;
}
#sdnav #wrcsp a {
	margin: 0px;
	background: url(../imgs/bg_sdnav.gif) repeat-y right top;
	display: block;
}
#sdnav #wrcsp p {
	background: url(../imgs/bg_sdnav.gif) no-repeat left bottom;
	padding-bottom: 22px;
}



#sdnav ul {
	margin: 0px;
	width: 224px;
	background: #e9e9e9;
	padding-top: 4px;
}
#sdnav ul li {
	background: #e9e9e9;
	padding: 6px 17px 0px;
	width: 190px;
	margin: 0px;
}
#sdnav ul li.last {
	background: url(../imgs/bg_bnarea.gif) no-repeat left bottom;
	padding-bottom: 18px;
}

#guide dl dt {
	height: 11px;
	background: url(../imgs/bg_guide.gif) no-repeat;
	padding: 13px 10px;
	margin: 0px;
}
#guide dl dd {
	background: url(../imgs/bg_guide.gif) no-repeat center top;
	height: 13px;
	padding: 13px 16px 15px;
	margin: 0px;
}
#guide dl dd.last {
	background: url(../imgs/bg_guide.gif) no-repeat right top;
	margin: 0px;
}



/*------------------------------------------------------------------------------
	Contents_Heading, Paragraph 
------------------------------------------------------------------------------*/

h1 {
	height: 32px;
	margin-top: 12px;
	margin-bottom: 16px;
}
h2 {
	width: 532px;
	background: url(../imgs/h2_tit_bg.gif) no-repeat;
	font-weight: bold;
	color: #003762;
	font-size: 138.5%;
	height: 34px;
	padding: 13px 12px 0px 26px;
	margin: 27px 0px 15px;
	display: block;
	clear: both;
}
h3 {
	font-size: 108%;
	color: #535d9e;
	font-weight: bold;
	background: url(../imgs/ico_bluecircle.gif) no-repeat 0px 0px;
	padding-left: 22px;
	margin-bottom: 8px;
	line-height: 1em;
	height: 15px;
}
h3 {
	/padding-top: 2px;
}

h3.circle {
	margin-top: 30px;
}
h3.phrase {
	margin-top: 0px;
}

#contents p {
	line-height: 1.5em;
}
#contents p.base {
	line-height: 1.8em;
	margin-bottom: 16px;
}



/*------------------------------------------------------------------------------
	2/3 Column Layout
------------------------------------------------------------------------------*/

div.devide0,
div.devide1,
div.devide2,
div.devide3,
div.devide4 {
	width: 570px;
	margin: 0px auto;
	text-align: left;
}
div.devide1 {
	margin-top: 30px;
}
div.devide2,
div.devide3,
div.devide4 {
	margin-top: 25px;
}

/*** Children div elements ***/
.devided,
.devided-r {
	float: left;
	display: inline;
}
div.ocprogram {
}

div.devide1 .devided { width: 268px; margin-right: 34px;}
div.devide1 .devided-r { width: 268px; }
div.devide2 .devided { width: 268px; margin-right: 34px;}
div.devide2 .devided-r { width: 268px; }
div.devide3 .devided { width: 178px; margin-right: 18px;}
div.devide3 .devided-r { width: 178px; }

div.premises2 .devided, div.ocprogram .devided { width: 268px; margin-right: 34px;}
div.premises2 .devided-r, div.ocprogram .devided-r { width: 268px; }

div.devide4 .devided {
	width: 126px;
	margin-right: 22px;
	padding-right: 30px;
	padding-left: 8px;
}
div.devide4 .devided-r {
	width: 126px;
	padding-right: 8px;
	padding-left: 8px;
}



/*------------------------------------------------------------------------------
	2/3 Column Layout details
------------------------------------------------------------------------------*/

div.devide2 h3,
div.devide3 h3,
div.shouse h3 {
	border-top: 3px solid #736d71;
	border-bottom: 1px dotted #736d71;
	font-weight: bold;
	color: #003762;
	padding: 13px 3px;
	margin-bottom: 12px;
	font-size: 123.1%;
	background: url(none);
}
div.devide2 h4,
div.devide3 h4 {
	font-weight: bold;
	color: #535d9e;
	padding: 0px;
	line-height: 1.4em;
	margin: 0px 5px 8px;
	font-size: 108%;
}
div.devide2 p,
div.devide3 p {
	line-height: 1.5em;
	padding: 0px 5px;
}
div.devide0 p, div.devide1 p {
	line-height: 1.5em;
}
div.devide2 img,
div.devide3 img {
	margin: 12px auto 0px;
}
div.devide2 img.interval,
div.devide3 img.interval{
	padding-top: 1.5em;
}


divdevide2 .devided dl,
divdevide2 .devided-r dl {
	width: 258px;
}
div.devide2 .devided dl dt,
div.devide2 .devided-r dl dt {
	margin: 14px auto 12px;
	width: 258px;
	background: #e3e2f0;
	text-align: center;
	padding: 8px 0px;
	font-weight: bold;
	color: #535d9e;
}
div.devide2 .devided dl dd,
div.devide2 .devided-r dl dd{
	margin: 7px 5px 0px;
	width: 252px;
	padding: 0px 3px;
	list-style: disc inside;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}


div.devide3 .devided dl dt,
div.devide3 .devided-r dl dt,
div.shouse dl.devided dt {
	font-size: 108%;
	font-weight: bold;
	color: #d79205;
	margin-bottom: 3px;
}
div.devide3 .devided dl dd,
div.devide3 .devided-r dl dd,
div.shouse dl.devided dd {
	margin-top: 4px;
	line-height: 1.4em;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}



/*------------------------------------------------------------------------------
	01_01-02/Outline
------------------------------------------------------------------------------*/

ol#mind {
	margin-top: 18px;
}
ol#mind li {
	list-style: decimal inside;
	font-weight: bold;
	color: #535d9e;
	margin-top: 7px;
	line-height: 1.4em;
}
body#finance #contents h2 a {
	background: url(../imgs/ico_acrobat.gif) no-repeat right top;
	padding-right: 22px;
}
body#finance .gry {
	background: #eee url(../imgs/ico_bluecircle.gif) no-repeat 6px 8px;
	padding: 9px 6px 6px 24px;
}


ul.settle {
	clear: both;
}
ul.settle li {
	background: url(../imgs/ico_checked.gif) no-repeat 0px 5px;
	padding-left: 12px;
	float: left;
	line-height: 1.4em;
	margin-left: 22px;
}
ul.settle li {
	/background: url(../imgs/ico_checked.gif) no-repeat 0px 4px;
}

dl.settle, dl#syllabus {
	clear: both;
	margin-bottom: 120px;
	overflow: hidden;
}
dl.settle dt, dl.settle dd, dl#syllabus dt, dl#syllabus dd {
	float: left;
	padding-bottom: 1em;
}
dl.settle dt {
	width: 120px;
	background: url(../imgs/ico_checked.gif) no-repeat 0px 5px;
	padding-left: 12px;
}
dl#syllabus dt {
	width: 180px;
	background: url(../imgs/ico_checked.gif) no-repeat 0px 5px;
	padding-left: 12px;
}
dl.settle dd { width: 400px; }
dl#syllabus dd { width: 360px; }
dl.settle dd a, dl#syllabus dd a {
	background: url(../imgs/ico_acrobat.gif) no-repeat 0px 0px;
	padding-left: 20px;
}



/*------------------------------------------------------------------------------
	02_03/Course_License
------------------------------------------------------------------------------*/

div.column_btm {
	border-bottom: 3px solid #e3e2f0;
	padding-bottom: 14px;
}



/*------------------------------------------------------------------------------
	02-03/Course&Specialist
------------------------------------------------------------------------------*/

div.trait01,
div.trait02 {
	height: 381px;
	width: 570px;
	clear: both;
	position: relative;
	margin: 20px auto;
}
div.trait01 {
	background: url(../imgs/pt_02-02_05.jpg) no-repeat;
}
div.trait02 {
	background: url(../imgs/pt_03-01_04.jpg) no-repeat;
}
#trait01a, #trait01b, #trait01c, #trait01d, #trait02a, #trait02b, #trait02c, #trait02d { position: absolute; }
#trait01a, #trait01b, #trait02a, #trait02b { left: 2px; }
#trait01c, #trait01d, #trait02c, #trait02d { right: 2px;}
div.trait01 #trait01a {	top: 20px; }
div.trait01 #trait01b { top: 150px; }
div.trait01 #trait01c { top: 50px; }
div.trait01 #trait01d { top: 180px; }
div.trait02 #trait02a { top: 18px; }
div.trait02 #trait02b { top: 148px; }
div.trait02 #trait02c { top: 30px; }
div.trait02 #trait02d { top: 178px; }
div.trait01 .sayingL,
div.trait01 .sayingR,
div.trait02 .sayingL,
div.trait02 .sayingR {
	height: 69px;
	width: 190px;
	padding-top: 16px;
	padding-bottom: 18px;
}
div.trait01 .sayingL,
div.trait02 .sayingL {
	background: url(../imgs/img_02-02_03L.png) no-repeat left top;
	padding-right: 26px;
	padding-left: 16px;
}
div.trait01 .sayingR,
div.trait02 .sayingR {
	background: url(../imgs/img_02-02_03R.png) no-repeat left top;
	padding-right: 16px;
	padding-left: 26px;
}
div.trait01 .sayingL h4,
div.trait01 .sayingR h4,
div.trait02 .sayingL h4,
div.trait02 .sayingR h4 {
	line-height: 1em;
	font-weight: bold;
	color: #535d9e;
	margin-bottom: 5px;
}
div.trait01 .sayingL p,
div.trait01 .sayingR p,
div.trait02 .sayingL p,
div.trait02 .sayingR p {
	line-height: 1.4em;
}



/*------------------------------------------------------------------------------
	04/MotorDrama
------------------------------------------------------------------------------*/

div.oblique {
	margin: 30px auto 0px;
	width: 550px;
	background: #dfdfdf url(../imgs/bg_oblique.gif);
	padding: 10px;
}
div.oblique .obliqueIn {
	background: #fff;
	width: 520px;
	padding: 15px 15px 0px;
}
div.oblique .obliqueIn p.oblique_tit {
	margin-bottom: 18px;
}
div.oblique .obliqueIn p {
	line-height: 1.5em;
	margin-bottom: 15px;
}



/*------------------------------------------------------------------------------
	05_03/CampusLife_Domitory
------------------------------------------------------------------------------*/

div.shouse {
	margin: 0px auto;
	width: 570px;
	text-align: left;
	margin-bottom: 20px;
}
div.shouse dl.devided {
	width: 178px;
	margin-right: 18px;
	display: inline;
}
div.shouse dl.devided-r {
	width: 178px;
}
div.shouse dl.devided-r dt {
	background: #e3e2f0;
	font-weight: bold;
	color: #535d9e;
}
div.shouse dl.devided-r dt,
div.shouse dl.devided-r dd {
	padding: 6px 3px;
}
div.shouse dl.devided-r dd {
	margin-bottom: 6px;
	line-height: 1.4em;
}
div.shouse dl.devided span,
div.shouse dl.devided-r span {
	font-size: 77%;
	display: block;
}
div.devide3 .devided h3 em,
div.devide3 .devided-r h3 em,
div.shouse h3 em {
	font-size: 10px;
	font-weight: bold;
	margin-left: 1em;
}
div.devide3 .devided h3 em,
div.devide3 .devided-r h3 em {
	display: block;
	margin-left: 0em;
	margin-top: 2px;
}

body#domitory div.devide3 .devided h3,
body#domitory div.devide3 .devided-r h3 {
	height: 30px;
}



/*------------------------------------------------------------------------------
	06/Scholarship
------------------------------------------------------------------------------*/

h4.scholar_tit {
	background: #535d9e;
	padding: 10px 6px;
	margin-top: 24px;
}

.outside a {
	background: url(../imgs/ico_connectlink.png) no-repeat;
	display: block;
	text-align: left;
	line-height: 1em;
	padding-left: 22px;
	height: 14px;
	float: left;
	font-size: 12px;
	margin-left: 1.6em;
}



/*------------------------------------------------------------------------------
	07_01/Entrance_essential
------------------------------------------------------------------------------*/

div.ent_out {
	margin: 0px auto;
	padding: 14px 10px;
	width: 550px;
	border-bottom: 1px solid #535d9e;
	width: 550px;
}
div.ent_out strong {
	font-size: 108%;
	font-weight: bold;
	color: #535d9e;
	margin-top: 18px;
	margin-bottom: 6px;
	display: block;
}
div.ent_out em {
	font-weight: bold;
	margin-bottom: 6px;
	display: block;
	padding: 8px 4px;
	font-size: 108%;
	border-top: 1px solid #e1e1ee;
	border-bottom: 1px solid #e1e1ee;
}

div.ent_out ol {
	margin-left: 8px;
}
div.ent_out ol li {
	list-style: decimal inside;
	margin-top: 7px;
	line-height: 1.4em;
}
div.ent_out ol li ul{
	margin-left: 6px;
}
div.ent_out ol li ul li {
	list-style: none;
}
p.goto {
	text-align: right;
	display: block;
	padding-right: 5px;
	padding-top: 14px;
	margin-bottom: 35px;
}





/*------------------------------------------------------------------------------
	08_01/Future_Results
------------------------------------------------------------------------------*/

h3.results_tit {
	border-top: 2px solid #535d9e;
	border-bottom: 1px dotted #535d9e;
	text-align: center;
	padding: 14px 4px 10px;
	margin-bottom: 8px;
	font-weight: bold;
	color: #535d9e;
	background: url(none);
}

dl.results,
dl.results-r,
dl.results-a,
dl.results-b {
	width: 268px;
	border-bottom: 1px solid #535d9e;
	padding-bottom: 10px;
	margin-bottom: 35px;
}
dl.results,
dl.results-r,
dl.results-a {
	width: 268px;
}
dl.results-b {
	width: 570px;
	padding-bottom: 10px;
	clear: both;
}
dl.results,
dl.results-r {
	float: left;
}
dl.results-a dt span {
	font-size: 77%;
	color: #666;
	display: block;
	line-height: 1.3em;
}
dl.results {
	margin-right: 34px;
}
dl.results dt,
dl.results-r dt,
dl.results-b dt {
	border-top: 2px solid #535d9e;
	border-bottom: 1px dotted #535d9e;
	text-align: center;
	padding: 14px 4px 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #535d9e;
}
dl.results-a dt {
	background: #f0f0f0;
	color: #535d9e;
	padding: 9px 12px;
	margin-bottom: 10px;
	height: 4em;
	line-height: 1.4em;
	text-align: center;
}
dl.results dd,
dl.results-r dd,
dl.results-a dd,
dl.results-b dd {
	padding: 0px 2px;
	margin-bottom: 5px;
	line-height: 1.4em;
}
dl.results-b dd{
	float: left;
	width: 186px;
}
dl.results dd.fifty,
dl.results-r dd.fifty {
	float: left;
	width: 130px;
}
dl.results dd.clear {
	clear: both;
	width: 264px;
}




/*------------------------------------------------------------------------------
	08_02/Entrance_Date
------------------------------------------------------------------------------*/

#date {
	background: url(../imgs/img_08-02_04.gif) no-repeat left top;
	height: 433px;
	width: 570px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#date p {
	width: 315px;
}



div.premises1,
div.premises2 {
	margin: 0px auto;
	clear: both;
	width: 570px;
}
div.premises1,
div.premises2 {
	margin-top: 30px;
}
div.premises1 .premisesR {
	float: left;
	width: 297px;
	margin-left: 25px;
}
div.premises1 p,
div.premises2 p {
	margin-bottom: 10px;
	clear: both;
	margin-top: 0px;
}
div.premises2 p {
	margin-bottom: 0px;
}
div.premisesR h3,
div.premises2 h3 {
	float: left;
	margin: 3px 5px 8px 0px;
}
div.premises2 h3 {
	margin-bottom: 0px;
}
div.premises2 h3.facilities {
	margin-bottom: 7px;
}




/*------------------------------------------------------------------------------
	05_01/CampusLife_Map
------------------------------------------------------------------------------*/

#facilities_map {
	background: url(../imgs/img_05wholeview.jpg) no-repeat;
	height: 361px;
	width: 570px;
	position: relative;
}
#facilities_map a { position: absolute;}
#facilities_map a#num01 { left: 208px; top: 181px; }
#facilities_map a#num02 { left: 214px; top: 153px; }
#facilities_map a#num03 { top: 135px; left: 233px; }
#facilities_map a#num04 { left: 183px; top: 134px; }
#facilities_map a#num05 { left: 273px; top: 112px; }
#facilities_map a#num06 { left: 251px; top: 121px; }
#facilities_map a#num07 { left: 309px; top: 166px; }
#facilities_map a#num08 { left: 489px; top: 208px; }
#facilities_map a#num09 { left: 309px; top: 127px; }
#facilities_map a#num11 { left: 528px; top: 267px; }
#facilities_map a#num10 { left: 183px; top: 212px; }
#facilities_map a#num12 { left: 368px; top: 230px; }
#facilities_map a#num13 { left: 412px; top: 246px; }
#facilities_map a#num14 { left: 440px; top: 246px; }
#facilities_map a#num15 { left: 289px; top: 185px; }
#facilities_map a#num16 { left: 307px; top: 250px; }
#facilities_map a#num17 { left: 81px; top: 117px; }
#facilities_map a#num18 { left: 353px; top: 120px; }
#facilities_map a#num19 { left: 435px; top: 138px; }





/*------------------------------------------------------------------------------
	Privacy_Policy
------------------------------------------------------------------------------*/


dl#privacy dt {
	font-size: 108%;
	font-weight: bold;
	color: #535d9e;
	margin-bottom: 5px;
}
dl#privacy dd {
	padding-left: 1.6em;
	line-height: 1.6em;
	margin-bottom: 18px;
}
dl#privacy dd ol li {
	list-style: decimal inside;
	margin-bottom: 5px;
}




/*------------------------------------------------------------------------------
	Open_Campus
------------------------------------------------------------------------------*/

ol#trial {
	margin-bottom: 18px;
	margin-left: 5px;
}
ol#trial li {
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 9px;
	background: url(../imgs/ico_square.gif) no-repeat left 1px;
	padding-left: 19px;
	height: 15px;
	line-height: 1.1em;
}

dl#mstrial {
	line-height: 1.1em;
	font-weight: bold;
	font-size: 108%;
	margin-left: 5px;
}
dl#mstrial dt {
	color: #535d9e;
	margin-bottom: 5px;
}
dl#mstrial dd {
	margin-bottom: 12px;
	background: url(../imgs/ico_square.gif) no-repeat left 1px;
	padding-left: 19px;
	height: 15px;
}


div.ocprogram {
	padding: 0px;
	width: 570px;
	margin-bottom: 15px;
}


div.devide2 h4.office {
	font-size: 85%;
	background: url(../imgs/img_08-03_01.gif) no-repeat;
	padding-left: 62px;
	height: 30px;
	padding-top: 2px;
}

div.devide2 h3 em {
	font-weight: bold;
	margin-left: 1em;
	font-size: 10px;
	padding-left: 1em;
	border-left: 1px solid #003762;
}


ol.teacher, ul.teacher {
	clear: both;
	overflow:hidden;
	margin: 0px 0px 12px;
	padding: 0px 0px 12px;
	border-bottom: 1px solid #eee;
}
ol.teacher li, ul.teacher li { line-height: 1.6em; }
ol.teacher li { list-style: decimal inside; }