@charset "Shift_JIS";

/* ***********************************************************
 *
 * Since:     2010-5-10
 * Editor:    contents
 * Modified:  2011-4-13 by:contents tokunaga
 *
 * ***********************************************************
 */


/* font-size===========================================

8px -> 71.4%
9px ->78.5%
10px -> 83.4%
11px -> 91.7%
12px -> 100%
13px -> 108.4%
14px -> 116.7%
15px -> 125%
16px -> 133.4%
17px -> 141.7%
18px -> 150%
19px -> 158.4%
20px -> 166.7%
21px -> 175%
22px -> 183.4%
23px -> 191.7%
24px -> 200%
25px -> 208.4%
26px -> 217%

===================================================== */


/* =====================================================

  トップページ　#top

===================================================== */

/* メインイメージ
-------------------------------------------------- */
#mainImg{
	padding:10px 0px 12px 0px;
	position:relative;
}


	#mainImg #ocCale{
		position:absolute;
		top:16px;
		left:644px;
	}

#mainImg #ocArea{
	width:252px;
	float:right;
}

/* 一時的対策のメインエリア
-------------------------------------------------- */
#mainImg02{
	width:910px;
	padding:10px 0px 6px 0px;
}

#mainiareaBnr02{
	margin-bottom:20px;
}

	#mainiareaBnr02 li{
		float:left;
	}

/* メインエリア：バナー
-------------------------------------------------- */
#bnrArea01{
	padding:0px 0px 15px 0px;
	background:url(../img/new_head.jpg) bottom center no-repeat;
}

	#bnrArea01 li{
		padding:0px 0px 5px 0px;
	}



/* 新着
-------------------------------------------------- */
#new{
	width:638px;
	padding:0px 0px 34px 16px;
	background:url(../img/new_bg02.jpg) bottom;
	position:relative;
	overflow:hidden;
}

	#new .hisBtn{
		position:absolute;
		top:12px;
		left:422px;
	}

	#new dl{
		background:url(../img/new_bg01.jpg) no-repeat 510px 0px;
		padding:10px 0px 0px 0px;
		min-height:160px;
		height:auto !important;
		height:160px;
	}
	
		#new dl dt{
			padding:0px 0px 5px 0px;
		}
		
		#new dl dd{
			padding:10px 10px 10px 10px;
			background:url(../img/line01.gif) repeat-x bottom;
			width:480px;
		}
		
			#new dl dd a{
				background:url(../img/icon01.jpg) no-repeat 10px 4px;
				padding:0px 0px 0px 28px;
			}


/* キャンパスブログ
-------------------------------------------------- */
#blog{
	width:638px;
	padding:0px 16px 15px 0px;
	background:url(../img/blog_bg02.jpg) bottom;
	position:relative;
	overflow:hidden;
}

	#blog .hisBtn{
		position:absolute;
		top:12px;
		left:540px;
	}

	#blog dl{
		background:url(../img/blog_bg01.jpg) no-repeat 10px 0px;
		padding:10px 0px 0px 135px;
		min-height:160px;
		height:auto !important;
		height:160px;
	}
	
		#blog dl dt{
			padding:0px 0px 5px 0px;
		}
		
		#blog dl dd{
			padding:10px 10px 10px 10px;
			background:url(../img/line01.gif) repeat-x bottom;
			width:480px;
		}
		
			#blog dl dd a{
				background:url(../img/icon02.jpg) no-repeat 10px 4px;
				padding:0px 0px 0px 28px;
			}

/* コース紹介
-------------------------------------------------- */
h2#courseTitle{
	padding:15px 0px 0px 0px;
	clear:both;
}

#courseArea{
	margin:0px auto 0px auto;
	padding:0px 7px 0px 15px;
	background:url(../img/course_bg01.jpg) repeat-y;
	border:0px solid #000000;
}

	#courseArea .highsTItle01{
		width:158px;
		float:left;
		padding:0px 14px 0px 0px;
	}
	
#courseFrame01{
	background:url(../img/coursefrme_bg01.jpg) no-repeat bottom;
	width:879px;
	margin-bottom:10px;
	padding:0px 0px 0px 3px;
}

	#courseArea .block01{
		width:227px;
		float:left;
		border:0px solid #000000;
		background:#ffffff;
		padding-bottom:10px;
		margin-bottom:18px;
	}
	
	#courseArea .block01 dd{
		padding:0px 10px 5px 28px;
		text-indent:-1em;
	}
	
		#courseArea #course01{
			background:url(../img/course01_bg01.jpg) no-repeat bottom left;
			padding-right:8px;
		}
		
			#courseArea #course01 dd a{
				background:url(../img/icon03.gif) no-repeat 0px 3px;
				padding:0px 0px 3px 14px;
			}
		
		#courseArea #course02{
			background:url(../img/course02_bg01.jpg) no-repeat bottom left;
			padding-right:8px;
		}
		
			#courseArea #course02 dd a{
				background:url(../img/icon04.gif) no-repeat 0px 3px;
				padding:0px 0px 3px 14px;
			}
		
		#courseArea #course03{
			background:url(../img/course03_bg01.jpg) no-repeat bottom left;
			padding-right:8px;
		}
		
			#courseArea #course03 dd a{
				background:url(../img/icon05.gif) no-repeat 0px 3px;
				padding:0px 0px 3px 14px;
			}
		
		#courseArea #course04{
			background:url(../img/course04_bg01.jpg) no-repeat bottom left;
			padding-right:8px;
		}
		
			#courseArea #course04 dd a{
				background:url(../img/icon06.gif) no-repeat 0px 3px;
				padding:0px 0px 3px 14px;
			}
			
	#courseArea #course05{
		clear:both;
		background:url(../img/course05_bg01.jpg) bottom no-repeat;
		padding:0px 0px 30px 0px;
		width:882px;
		overflow:hidden;
	}
	
		#courseArea #course05 p{
			padding:0px 16px 0px 19px;
			width:140px;
			float:left;
		}
		
		#courseArea #course05 .right{
			width:630px;
			float:left;
			padding:10px 0px 0px 10px;
		}

			#courseArea #course05 .right ul{
				padding:0px 0px 5px 0px;
			}

				#courseArea #course05 .right ul li{
					padding:0px 0px 2px 0px;
					float:left;
				}
				
					#courseArea #course05 .right ul li.w01{
						width:200px;
					}
					
					#courseArea #course05 .right ul li.w02{
						width:280px;
					}
				
					#courseArea #course05 .right ul li a{
						background:url(../img/icon07.gif) no-repeat 0px 4px;
						_background:url(../img/icon07.gif) no-repeat 0px 0px;/*IE6_hack*/
						padding:0px 0px 3px 14px;
					}
			
			#courseArea #course05 .right p{
				font-weight:bold;
				text-align:center;
				background:#eeeeee;
				padding:3px 5px 3px 5px;
				width:580px;
				clear:both;
			}
			
				#courseArea #course05 .right p span{
					color:#4D9FB0;
					font-size:108.4%;
				}

#courseAreaFoot{
	background:url(../img/course_foot.jpg) no-repeat;
	height:14px;
	width:910px;
	margin:0 auto;
}

	#courseAreaFoot hr{
		border:0;
		padding:0;
		margin:0 auto;
	}


/* サイドバナー
-------------------------------------------------- */
ul#bnrArea02{
	background:url(../img/bnr_bg02.jpg) bottom no-repeat;
	padding:0px 12px 2px 12px;
}

	ul#bnrArea02 li{
		padding:0px 0px 8px 0px;
	}