@charset "UTF-8";

/* ********************************
*	セレス学院　共通スタイル
*	
*	
*	
* *********************************
 */



/* リセットスタイル */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, 
ul, ol, li, dl, dt, dd, table, th, td, form, filedset {
	margin: 0;
	padding: 0;
	color: #333;
	font-family:
		Meiryo, 
		"メイリオ", 
		Verdana, 
		Arial, 
		"Hiragino Kaku Gothic Pro W3", 
		"ヒラギノ角ゴ Pro W3", 
		Osaka, 
		"MS P Gothic", 
		"ＭＳ ゴシック", 
		sans-serif;
	line-height: 1.5em;
	background-color: transparent;
	font-size: 14px;
	text-align: left;
	}

* html * {
	font-family: Verdana, "ＭＳ ゴシック";
	}


body {
	text-align: center;
	margin: 0 auto 1em;
	background: #f6f5eb;
	}

img {border: 0;}

a:link,
a:visited {color: #506699;}
a:hover,
a:active {color: #667099;}

em {font-weight: bold;color: #cc6666;font-style: normal;}





/* コピーライト除く全体 */
#container {
	width: 865px;
	margin: 0 auto;
	text-align: center;
	background-image: url(../share/containerbk.gif);
	}


/* 見出し　（h1は表紙とコンテンツページで別なためh2以降） */
h2 {
	margin: 3em 0 1em 20px;
	padding-left: 5px;
	font-size: 18px;
	color: #cc6666;
	border-bottom: 1px solid #cc6666;
	}
h2#top {	/* ページの一番上にh2がある場合 */
	margin-top: 0;
	}

h3 {
	margin: 2em 0 1em 25px;
	padding-left: 5px;
	color: #7a995c;
	font-size: 16px;
	border-left: 5px solid #7a995c;
	}


/* header----タイトル画像まで。半透明部含む */
#header {
	width: 865px;
	height: 330px;
	}

/* サイトタイトルの行 */
#header #sitetitletop,
#header #sitetitlecon {
	width: 865px;
	height: 80px;
	}
#header #sitetitlecon {
	position: relative;
	top: -250px;
	}


/* サイトタイトル */
#header #sitetitletop h1#indextitle,
#header #sitetitlecon p#contitle {
	float: left;
	width: 200px;
	height: 80px;
	}

/* サイト概要と問い合わせ */
#header #sitetitletop #kata,
#header #sitetitlecon #kata {
	float: right;
	width: 620px;
	}
#header #sitetitletop #kata p#intro,
#header #sitetitlecon #kata p#intro {
	font-size: 10px;
	line-height: 24px;
	border-bottom: 1px solid #7A995C;
	text-align: center;
	}
#kata ul#nav2 {
	list-style: none;
	margin-top: 10px;
	}
#kata ul#nav2 li {
	float: left;
	margin-left: 30px;
	color:  #7a995c;
	font-size: 20px;
	font-weight: bold;
	}
#kata ul#nav2 li #p12 {
	font-size: 12px;
	}
#kata ul#nav2 li a {
	padding-right: 15px;
	color:  #7a995c;
	font-size: 18px;
	font-weight: bold;
	}
#kata ul#nav2 li a:link,
#kata ul#nav2 li a:visited {color: #7a995c;}
#kata ul#nav2 li a:hover,
#kata ul#nav2 li a:active {color: #506633;}


/* ヘッダイメージとリード部 */
#header #pagetitletop,
#header #pagetitlegakuin,
#header #pagetitletugaku,
#header #pagetitletusin,
#header #pagetitleetc {
	width: 865px;
	height: 250px;
	}
#header #pagetitlegakuin,
#header #pagetitletugaku,
#header #pagetitletusin,
#header #pagetitleetc {
	position: relative;
	top: 80px;
	}


#header #pagetitletop {
	background-image: url(../index/title.jpg);
	}
#header #pagetitlegakuin {
	background-image: url(../gakuin/img/title.jpg);
	}
#header #pagetitletugaku {
	background-image: url(../tugaku/img/title.jpg);
	}
#header #pagetitletusin {
	background-image: url(../tusin/img/title.jpg);
	}
#header #pagetitleetc {
	background-image: url(../etc/img/title.jpg);
	}

#header #pagetitletop p,
#header #pagetitlegakuin p,
#header #pagetitletugaku p,
#header #pagetitletusin p,
#header #pagetitleetc p {
	margin-left: 520px;
	margin-right: 15px;
	font-weight: bold;
	color: #665050;
	}
#header #pagetitletop p#catchtop,
#header #pagetitlegakuin h1#catchtop,
#header #pagetitletugaku h1#catchtop,
#header #pagetitletusin h1#catchtop,
#header #pagetitleetc h1#catchtop {
	margin-left: 500px;
	line-height: 80px;
	font-size: 18px;
	color: #cc6666;
	}

#header #pagetitlegakuin h1#catchtop2,
#header #pagetitletugaku h1#catchtop2,
#header #pagetitletusin h1#catchtop2,
#header #pagetitleetc h1#catchtop2 {
	margin-left: 500px;
	padding: 26px 0 14px;
	font-size: 18px;
	color: #cc6666;
	}

/*---- header部end ----*/



/* main部 */
#main {
	width: 865px;
	background: url(../share/containerbk.gif) repeat-y;
	}

	/* right --- コンテンツ */
	#right {
		float: right;
		width: 620px;
		padding-right: 15px;
		}

	/* right部 end */

	/* left---ナビゲーション各種 */

		/* 目次--グローバルナビ（nav1） */
		#nav1 {
			margin-left: 15px;
			width: 170px;
			border-bottom: 1px solid #7A995C;
			}
		#nav1 ul {
			list-style: none;
			width: 170px;
			}
			
		#nav1 ul li {
			width: 170px;
			border-top: 1px solid #7A995C;
			}
		#nav1 ul li a {
			display: block;
/*			width: 170px;*/
			height: 23px;
			margin: 2px 0;
			padding-left: 25px;
			background: url(../share/nav1.gif) no-repeat;
			color: #506633;
			text-decoration: none;
			}
		#nav1 ul li.now a,
		#nav1 ul li a:hover {
			color: #fff;
			background: url(../share/nav1_o.gif) no-repeat;
			}
		#nav1 ul li ul.nav1sub li a {
			padding-left: 35px;
			background: url(../share/nav1sub.gif) no-repeat;
			color: #506633;
			}
		#nav1 ul li ul.nav1sub li.now a,
		#nav1 ul li ul.nav1sub li a:hover {
			background: url(../share/nav1sub_o.gif) no-repeat;
			color: #506633;
			}

		#nav3,
		#nav4 {
			margin-top: 50px;
			width: 200px;
			}
		#nav3 {
			margin-left: -15px;
			}
		#nav3 ul,
		#nav4 ul {
			list-style: none;
			}
	
		#nav4 ul li {
			margin: 0 0 20px 20px;
			font-size: 12px;
			}


	#left {
		float: left;
		width: 200px;
		}
	/* left部end */


/*-- main部end --*/


/* address */
address {
	clear: both;
	margin: 30px 15px 0 15px;
	padding-left: 1em;
	border-top: 1px solid #7a995c;
	border-bottom: 1px solid #7a995c;
	font-size: 12px;
	line-height: 2em;
	color: #666;
	}

/* footer */
#footer {
	background: url(../share/containerbk_foot.gif) no-repeat top;
	}
#footer p {
	text-align: center;
	font-size: 12px;
	line-height: 4em;
	color: #666;
	}
	



/* 段落 */
p.gyoukan {margin-bottom: 1em;}
.right {text-align: right;}
.center {text-align: center;}


/* リスト */
dl dt {color: #7a995c}
dl dd {margin-left: 1em;margin-bottom: 1em;}

/* 余白 */
	/*h2直下のテキスト用*/
	.h2pad {margin: 0 10px 0 25px;}
	/* h3下のテキスト用 */
	.h3pad {margin: 0 10px 0 30px;}
	
	.mb1em {margin-bottom: 1em;}
	.mlr10 {margin-left: 10px;margin-right: 10px;}

/* 文字装飾 */
.bold {font-weight: bold;}
.p10 {font-size: 10px;}
.p12 {font-size: 12px;}
.p14 {font-size: 14px;}
.p16 {font-size: 16px;}
.p20 {font-size: 20px;}
.f_ku {color: #000;}
.f_wh {color: #fff;}
.f_red {color: #991F3b;}
.f_redbr {color: #665050;}
.f_pink {color: #cc6666;}
.f_green {color: #7a995c;}
.nuri_pink {padding: 2px;background-color: #cc6666;color: #fff;}
.hr_pink {border-bottom: 1px dotted #cc6666;}

/* float */
.fright {float: right;}
.clear {clear: both;}