@charset "utf-8";


/*
	Since:06 Sep 2006
	Last-Updated:24 Aug 2010
	Editor:Masataka Asakura(INCREA)
*/


@import url("../../css/import900.css");
@import url("../../css/styles.css");
@import url("nav_setting.css");
/*
-------------File Contents--------------

	0. 共通設定
	
	0. INDEX
	
	1. NICだからできること
	
	2. ハードbut楽しい、NICでの学び	
	
	3. 転換教育
		3-1. 転換教育について
		3-2. 転換教育の必要性
		3-3. 転換教育の土台
	
	4. 授業スタイル
		4-1.　少人数制授業
	
	5. 教育カリキュラム
		5-1. 英語教育
		5-2. 一般教養課程
		5-3. 一般教養科目
	
	6. 教育の特長
	
*/


/*
------------0. 共通設定----------------
*/




#contents p a{text-decoration:underline;}




#contents h4{
	padding:0 0 5px 0;
	border-bottom:1px solid #999;
	width:auto;
	
}
#contents h4 img{vertical-align:bottom;}


#contents h4.heading{
	background:url("../images/oblique.gif") repeat-x left bottom;
	display:block;
	width:100%;
	text-indent:0;
	letter-spacing :normal;
	padding:0;
	margin:0;
	border-bottom:0px solid;
}

#contents h4.heading span{
	display:block;
	padding:0 0 0 0;
	margin:0 0 0px 0;
	width:auto;
	
}



h5.midHeading01{
	background-image:url("../images/oblique.gif");
	padding-bottom: 0.5em!important;
}

h5.midHeading01 span{
	background-image:url("../images/li_circle.gif");
}
#contents h6{line-height:1.4;}
.massageSpace, .massageSpace02, .massageSpace03{
	border-width:3px 0;
	border-style:solid;
	border-color:#ccc;
	margin-top:0em;
	padding:2em 15px;
}
.massageSpace02, .massageSpace03{
	padding:1.5em 15px;
}
.massageSpace .image01, .massageSpace02 .image01, .massageSpace03 .image01{
	float:left;
	width:150px;
}
.massageSpace02 .image01, .massageSpace03 .image01{
	padding-top:1.275em;
}

.messageProfile{
	margin-left:30px;
	float:left;
	width:505px;
}

.messageName{
	border-bottom: 1px dotted #999;
	padding:0.5em 0;
}
.messageName h5{
	font-size:131%;
}
.messageName h5 span{
	font-size: 77%;
	font-weight:normal;
	margin-left: 2em;
}
.messageName p{
	padding-top:0.5em;
}

/*
------------0. INDEX----------------
*/

.index-page #main-visual{position:relative;height:174px;}
.index-page #main-visual .mv{
	position:absolute;
	top:10px;
	left:388px;
}
.index-page #main-visual h3{
	position:absolute;
	top:85px;
	left:60px;
	z-index:10;
}


/*
------------1.  NICだからできること----------------*/


.ca01 #main-visual{
	text-align:right;
}


.ca01 #wrap01 h4{
	background-image:url("../images/nic/heading01.gif");
}

.ca01 #wrap01 h5.times01{
	padding-top:0.5em;
	line-height:1.4;
}
.ca01 #wrap01 p.readSentence{
	padding:1.5em 15px 1em 0px;
	line-height:1.6;
	border-bottom:0px solid;
}

.ca01 #imageWrap01{
	margin:0 auto;
	text-align: center;
	padding-top:1em;

}

/*
------------2. ハードbut楽しい、NICでの学び----------------
*/


.ca02 #main-visual{
	position:relative;
	height:140px;
}

.ca02 #main-visual .mv-title{
	position:absolute;
	top:55px;
	left:35px;
}
.ca02 #main-visual .mv{
	position:absolute;
	top:21px;
	left:453px;
}

.ca02 #contents h4{height:66px;}

.ca02 .massageSpace{
	border-width:3px 0;
	border-style:solid;
	border-color:#ccc;
	margin-top:0em;
	padding:2em 15px;
}

.ca02 .massageSpace .image01{
	float:left;
	width:150px;
}
.ca02 .messageProfile{
	margin-left:30px;
	float:left;
	width:505px;
}

.ca02 .messageName{
	border-bottom: 1px dotted #999;
	padding:0.5em 0 1em 0;
}
.ca02 .messageName h5{
	font-size: 131%;
}
.ca02 .messageName h5 span{
	font-size: 70%;
	font-weight:normal;
	margin-left: 2em;
}
.ca02 .messageName p{
	padding-top:1em;
}
.ca02 #wrap02 .image01, .ca02 #wrap03 .image01{
	float:right;
	width:262px;
	margin:2em 0 1.5em 2.5em;
}
.ca02 #wrap03 .image01{margin-top:1em;}

.ca02 #bookReview{
	border:1px solid #06f;
	padding:1.5em 15px;
	margin-top:2em;
}
.ca02 #bookReview h5{
	padding-top: 0.2em;
	line-height:1.4;
}

.ca02 #bookReview .image02{
	margin-left: 25px;
	float: left;
	width:83px;
	margin-top:1em;
}
.ca02 #bookReview #bookInfo{
	margin-left:35px;
	float: left;
	width:520px;
}
.ca02 #bookReview #bookInfo h5{
	font-size:116%;
}
.ca02 #bookReview #bookInfo span{
	font-size:85%;
}
.ca02 #wrap02 li{line-height:1.4;}

.ca02 #wrap03 h6{
	margin-top:2em;
	line-height:1.4;
	background:url("../../images/li/square_bl01.gif") no-repeat 0 0.425em;
	padding:0.1em 0 0.1em 1.275em;
}

.ca02 #wrap02 ul{
	padding: 1em 0 0 1.475em;
}


/*
------------3. 転換教育----------------
*/


/*================p01転換教育について=====================*/


.ca03-p01 #main-visual{
	position:relative;
	height:140px;
}

.ca03-p01 #main-visual .mv-title{
	position:absolute;
	top:55px;
	left:35px;
}
.ca03-p01 #main-visual .mv{
	position:absolute;
	top:23px;
	left:470px;
}


.ca03-p01 #wrap01{
	padding-top:0em;
}

.ca03-p01 #imageWrap01{
	margin:0 auto;
	text-align: center;
	padding-top:2em;

}

/*================p02転換教育の必要性=====================*/

.ca03-p02 #wrap02, .ca03-p02 #wrap03, .ca03-p02 #wrap04{
	padding-top:3em;
}



.ca03-p02 #main-visual{
	position:relative;
	height:140px;
}

.ca03-p02 #main-visual .mv-title{
	position:absolute;
	top:75px;
	left:35px;
}
.ca03-p02 #main-visual .mv{
	position:absolute;
	top:21px;
	left:447px;
}

.ca03-p02 #contents h4{
	background:url("../images/academics/bg_heading.jpg") no-repeat 90% bottom;
	height:67px;
	padding-bottom:0!important;
}
.ca03-p02 #contents h4 span{
	margin-top:5px;
	display:block;
	height:48px;
	background:no-repeat left top;
}

.ca03-p02 #contents h6{
	padding: 2em 0 1em 0;
	font-size:108%;
}

.ca03-p02 .image01{
	margin:0 auto;
	text-align: center;
	padding-top:1.5em;
	width:572px;

}
/*================p03転換教育の土台=====================*/


.ca03-p03 #main-visual{
	position:relative;
	height:140px;
}

.ca03-p03 #main-visual .mv-title{
	position:absolute;
	top:75px;
	left:35px;
}
.ca03-p03 #main-visual .mv{
	position:absolute;
	top:21px;
	left:447px;
}


.ca03-p03 #contents h4{
	background:url("../images/academics/bg_heading.jpg") no-repeat 90% bottom;
	min-height:67px;
	padding-bottom:0!important;
}

.ca03-p03 .sentence01 p{
	font-size:108%;
	font-weight:bold;
	line-height:1.6;
	color: #1e2349;
}
.ca03-p03 #wrap01 ul, .ca03-p03 #wrap02 ul{
	padding:1em 0 0 1.475em;
	list-style:disc;
}
.ca03-p03 #wrap01 .sentence02 ul li, .ca03-p03 #wrap02 ul li{
	padding-bottom:8px;
}

.ca03-p03 #wrap01 .sentence02 .image01{
	float:right;
	width:223px;
	margin:1em 0 1.5em 2.5em;
}

.thinking-wrap{
	margin:0 auto;
	text-aling:center;
	width: 550px;
}
.ca03-p03 #wrap01 .thinking01{
	float:left;
	width:185px;
}
.ca03-p03 #wrap01 .thinking02{
	float:right;
	width:280px;
}

.ca03-p03 .sentence03 h5{
	border-left:5px solid #093;
	font-size:108%;
	padding:0 0 0 0.675em;
	line-height:1.4;
}

.ca03-p03 #wrap02 .sentence03 h5{
	margin-left:90px;
}

.ca03-p03 .sentence03 .image01{
	text-align: center;
	margin:0 auto;
	padding-top:2em;
}
.ca03-p03 #wrap01 .sentence03 .thinking01 .image01{
	padding-top:4em;
}

.ca03-p03 #wrap02 .image02{
	text-align: center;
	margin:0 auto;
	padding-top:2em;
}



/*
------------4. 授業スタイル----------------
*/

/*================p01少人数制授業=====================*/


.ca04-p01 #main-visual{
	position:relative;
	height:140px;
}

.ca04-p01 #main-visual .mv-title{
	position:absolute;
	top:35px;
	left:20px;
}
.ca04-p01 #main-visual .mv{
	position:absolute;
	top:21px;
	left:500px;
}

.ca04-p01 #wrap01{padding-top:3em;padding-bottom:0em;}
.ca04-p01 p.readSentence{
	border-bottom:0px solid;
}


.ca04-p01 #contents .teaching-style01, .ca04-p01 #contents .teaching-style02{
	margin-top:3em;
	width:30%;
	float:left;
}
.ca04-p01 #contents .teaching-style03{
	margin-top:3em;
	width:30%;
	float:right;
}

.ca04-p01 #contents .teaching-style02{
	margin-left:5%;
}

.ca04-p01 #contents h6{
	border-left:5px solid;
	padding:0.2em 0 0.2em 0.575em;
	margin:0;
	font-size:116%;
	color: #339;
	line-height:1.2;
}
.ca04-p01 #contents .teaching-style01 h6{
	border-left-color:#cf9;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.ca04-p01 #contents .teaching-style02 h6{
	border-left-color:#9c6;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.ca04-p01 #contents .teaching-style03 h6{
	border-left-color:#393;
}

.ca04-p01 .image01{
	text-align: center;
	margin: 0 auto;
	padding:2em 0;
}
.ca04-p01 #wrap02 .image01{height:194px;}


.ca04-p01 .image02{
	text-align: center;
	margin: 0 auto;
	padding:0;
}




/*
------------5. カリキュラム----------------
*/

/*================p01英語教育=====================*/

.ca05-p01 #main-visual{
	position:relative;
	height:140px;
}

.ca05-p01 #main-visual .mv-title{
	position:absolute;
	top:35px;
	left:20px;
}
.ca05-p01 #main-visual .mv{
	position:absolute;
	top:20px;
	left:500px;
}

.ca05-p01 #wrap01{padding-top:0em;}


.ca05-p01 #contents h4{
	background:url("../images/curriculum/bg_heading.jpg") no-repeat 98% bottom;
	height:63px;
	padding-bottom:0!important;
}
.ca05-p01 #contents h4 span{
	margin-top:5px;
	display:block;
	height:45px;
}

.ca05-p01 #wrap03 h4{height:84px;}
.ca05-p01 #wrap03 h4 span{
	margin-top:0px;
	height:84px;
}
.ca05-p01 #wrap01 p{
	padding:2em 0 0 0;
	font-size:108%;
	font-weight:bold;
	line-height:1.6;
	color: #1e2349;
}
.ca05-p01 #imageWrap01{
	padding-top:1.5em;
}
.ca05-p01 #imageWrap01 ul{
	float:left;
	list-style:disc;
	width:400px;
	padding-left:18px;
	line-height:1.4;
}
.ca05-p01 #imageWrap01 ul li{
	padding-bottom:8px;
}

.ca05-p01 #imageWrap01 .image01{
	float:right;
	width:223px;
}


.ca05-p01 #wrap02 .image01, .ca05-p01 #wrap03 .image01{
	float:right;
	width:223px;
	margin:2em 0 1.5em 2.5em;
}
.ca05-p01 #wrap03 ol{
	padding:1.2em 0 0 1.875em;
	list-style:decimal;
}
.ca05-p01 #wrap03 ol li{

	padding-bottom:8px;
}

.ca05-p01 h5.midHeading01{
	font-size:131%;
}

.ca05-p01 #wrap04 .image01{
	float:right;
	width:135px;
	margin:2em 0 1.5em 2.5em;
}





/*================p03 一般教養課程=====================*/

.ca05-p02 #wrap02{padding-top: 0em;}


.ca05-p02 #main-visual{
	position:relative;
	height:140px;
}

.ca05-p02 #main-visual .mv-title{
	position:absolute;
	top:55px;
	left:20px;
}
.ca05-p02 #main-visual .mv{
	position:absolute;
	top:23px;
	left:443px;
}

.ca05-p02 #contents h4{
	background:url("../images/curriculum/bg_heading.jpg") no-repeat 98% bottom;
	height:63px;
	padding-bottom:0!important;
}
.ca05-p02 #contents h4 span{
	margin-top:5px;
	display:block;
	height:50px;
	background:no-repeat left top;
}

.ca05-p02 .text-center .image01{
	margin:2em auto 0 auto;
	text-align: center;
}
.ca05-p02 #wrap01 .sentence01 .image01 a, .ca05-p02 #wrap01 .sentence01 .image01 a:link{
	margin: 0 auto;
	display:block;
	width:540px;
	height:425px;
	border:1px solid #6cf;
	text-align: center;
}
.ca05-p02 #wrap01 .sentence01 .image01 a:hover{
	border:1px solid #f60;
}

.ca05-p02 #wrap01 .sentence02 h5{
	padding-top:2em;
	font-size:116%;
}
.ca05-p02 #imageWrap01{
	padding-top: 0.5em;
}

.ca05-p02 #wrap01 .sentence02 #imageWrap02{
	margin-top:1.5em;
	padding-top: 1.5em;
	border-top:1px dotted #999;
}



.ca05-p02 #wrap01 .sentence02 #imageWrap01 .image01{
	float:left;
	width:217px;
}
.ca05-p02 #wrap01 .sentence02 #imageWrap02 .image01{
	float:left;
	width:112px;
}


.ca05-p02 #wrap01 .sentence02 #imageWrap01 p, .ca05-p02 #wrap01 .sentence02 #imageWrap02 p{
	float:left;
	padding-top:0.5em;
	padding-left:1em;
}
.ca05-p02 #wrap01 .sentence02 #imageWrap02 p{
	padding-top:0em;
}



.ca05-p02 #wrap01 .sentence02 .image01 a{ 
	border:0px solid!important;
}

.ca05-p02 #wrap02 .sentence01 .image01{
	float:right;
	width:223px;
	margin:1.775em 0 0.5em 2em;
}
.ca05-p02 #wrap03 .sentence01 .image01{
	width:165px;
	float:right;
	margin:1.775em 0 1em 2em;
}

.ca05-p02 .image03{
	margin:0 auto;
	text-align: center;
	padding-top:1.5em;
	width:572px;

}
.ca05-p02 #wrap03 .image02{
	text-align: center;
	margin:0 auto;
	padding-top:2em;
}


/*================p04 一般教養科目=====================*/



.ca05-p03 #main-visual{
	position:relative;
	height:140px;
}

.ca05-p03 #main-visual .mv-title{
	position:absolute;
	top:27px;
	left:20px;
}
.ca05-p03 #main-visual .mv{
	position:absolute;
	top:18px;
	left:443px;
}

.ca05-p03 #contents h4{
	background:url("../images/curriculum/bg_heading.jpg") no-repeat 98% bottom;
	height:63px;
	padding-bottom:0!important;
}
.ca05-p03 #contents h4 span{
	display:block;
	height:63px;
}


.ca05-p03 .sentence01 .image01{
	float:right;
	width:223px;
	margin:1.775em 0 1em 2em;
}
.ca05-p03 .sentence01 h6{
	padding-top:2em;
	font-size: 131%;
	color: #009;
	line-height:1.5;
}
.ca05-p03 .sentence01 h6 span{
	font-size:77%;
}

.ca05-p03 dt{
	border-left:5px solid #093;
	font-size:108%;
	margin-top: 2em;
	padding:0 0 0 0.675em;
	line-height:1.4;
}




/*------------6. 教育の特長----------------*/



.ca06 #main-visual{
	text-align:right;
}


.ca06 #contents #wrap01 h4{border-bottom:0 solid;
}

.ca06 #contents h4.heading{
	padding-bottom:8px;
	background:url("../images/conversion/oblique.gif") repeat-x left bottom;
}

.ca06 #wrap01 p{
	font-size:108%;
}


.ca06 .image01{
	float:right;
	width:230px;
	margin-top:1em;
	margin-bottom:1em;
	margin-left: 25px;
}

.ca06 #wrap01 img{
	margin-top:2.5em;
	vertical-align:bottom;
}
.ca06 #contents .alignright{
	margin-top:1em;
	margin-left:25px;
}


.ca06 #wrap05{
	background:url("../images/conversion/hard_but_fun02.jpg") no-repeat left bottom;
}

.ca06 #wrap06{
	margin-top:1em;
}

.ca06 #box-wrap{
	border:1px solid #06f;
	float: right;
	width: 440px;
	padding:1em 30px 0.8em 30px;
	margin:2em 0;
	background:#fff;
}
.ca06 #box-wrap ul{
	list-style:none;
}
.ca06 #box-wrap ul li{
	padding-bottom:0.8em;
}
.ca06 #box-wrap ul li strong{
	color:#06f;
}
.ca06 #box-wrap p{
	padding:0;
	font-size: 85%;
}


#message-wrap{
	padding-top: 2em;
}
#message-wrap h4{
	background:url("../images/conversion/bg_slash.gif") repeat-x left bottom;
	text-indent:0!important;
	letter-spacing:normal!important;
	height:auto!important;
	font-size:116%;
	padding:0 0 0em 0!important;
	margin:0;
	border-bottom:0px solid #999!important;
}

#message-wrap h4 span{
	display:block;
	background:#f0f4f5 url("../images/conversion/bg_bar.gif") repeat-x left bottom;
	border: 1px solid #ccc;
	font-size:123.1%;
	padding:5px 15px 0px 15px;
	line-height:1.5;
	margin-bottom:4px;
}

#photo-wrap01{
	padding-top:1.5em;
}

#photo-wrap02{
	padding-top:1.5em;
}
.photo-frame-left, .photo-frame-right{
	padding:4px 4px;
	width:332px;
	background:url("../images/conversion/bg_slight.gif") repeat 0 0;
}
.photo-frame-left{
	float:left;
}
 .photo-frame-right{
	float:right;
}
.photo-frame{
	border:1px solid #999;
	padding:10px 15px;
	background: #fff;
}

.photo-top h5{
	padding:10px 0px;
}
.photo-bottom h6{
	padding:0px 0px;
}


#message-wrap h5{
	font-size:116%;
}
#message-wrap h6{
	font-size:116%;
}

#message-wrap h5 span{
	font-size:93%;
	margin-left:10px;
}

.photo-bottom{
	border-top:1px dotted #666;
	margin: 1em 0 0 0;
	padding:1em 0 0 0;
}