@charset "UTF-8";

html {
scrollbar-face-color: #FFF;
scrollbar-track-color: #ebebeb;
scrollbar-arrow-color: #306bcf;
scrollbar-highlight-color: #fff8dc;
scrollbar-shadow-color: #f0f0ed;
scrollbar-3dlight-color: #ebebeb;
scrollbar-darkshadow-color: #333;
}


/* ============== 全体 =============== */
body { color: #333; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px; margin: 0 auto; text-align: center; background:url(../img/contents_bg.gif) }

body {
scrollbar-face-color: #FFF;
scrollbar-track-color: #ebebeb;
scrollbar-arrow-color: #306bcf;
scrollbar-highlight-color: #fff8dc;
scrollbar-shadow-color: #f0f0ed;
scrollbar-3dlight-color: #ebebeb;
scrollbar-darkshadow-color: #333;
}
	
p {line-height: 1.5em; margin: 0; padding: 5px 0;}
	
dl { clear: both; margin: 0; padding: 5px 0; }
dt { clear: both; color: #333; float: left; width: 6em;}
dd { margin-left: 6em; }
.dl_bottom { border-bottom: 0px solid #FFF; }
	
table tr td { text-align:left; border:#ebebeb 1px solid; height:30px; }
td { text-align:center; vertical-align:middle }

h3 { color: #6c6; font-size: 15px; font-weight: bold; line-height: 2em; margin:0; padding: 5px 0; }
	
a, a:link { color: #226BD7; text-decoration: none; }
a:hover { text-decoration: underline; color:#6c6; }

.color_red {color:#F00}
.caption { font-size:11px; }
.left { text-align:left; }
.center {text-align:center}
.clear_both { clear: both; }

/* ============== レイアウト =============== */
#wrapper { background: #FFF; border-left: 1px solid #CCC; border-right: 1px solid #CCC; margin: 0 auto; width: 880px; }
	
#header { background: url(../img/head.jpg) no-repeat; height: 70px; text-align:right; }
	
#menubar {
	font-size: 0.85em;
	font-weight: 400;
	height: 41px;
	margin: 0px;
	text-align: left;
	border-bottom:3px;
	background-image: url(../img/bg_blue.jpg);
}
	
#photo{ padding: 15px 0 0;}
	.photo_pic { border:0; }
	
#contener { margin: 0 auto; padding: 10px 0 20px 0; text-align: left; width: 820px; }
#content_secondary { margin: 0; padding: 20px 20px; text-align: left; }

#banner1 {
	padding:0 0 3px 0;
	width:840px;
	height:120px;
	margin:0 auto;
}
#banner1 img { border:0; }

*html #banner1 { padding:0; width:840px; height:60px; margin:0 auto; }
*html #banner1 img { border:0; }

#banner { padding-bottom:10px; width:840px; height:60px; margin:0 auto; }
#banner img { border:0; }

#left { float: left; width: 306px;}
#right { float: right; width: 488px; border: }
	
/* ============== PAGE UP =============== */
.page_up { margin-top: 10px; padding: 0; text-align: right; }
.page_up a { background: url(../img/arrow_up.gif) left no-repeat; color: #306BCF; padding: 0 0 0 15px; }
	
/* ============== HEADER =============== */
#header h1 { font-size:12px; font-weight: normal; line-height: 1em; margin: 0; padding: 10px 10px 0 0; }

#header p a {font-size:11px; padding-right:10px; color:#306BCF}
#header p a:hover {font-size:11px; padding-right:10px; color:#306BCF; text-decoration:underline;}

	
#header_logo { float: left; padding: 10px 0 0 10px; width: 270px; }

/* ============== MENUBAR =============== */
#menubar a{ background:url(../img/menu_bg.jpg) no-repeat; display: block; float: left; font-weight: bold; height: 28px; padding: 10px 0 0 50px; width: 126px;
color:#fff; font-size:14px; margin:0 auto; }
	
*html #menubar a{/*IE6*/width: 124px; margin-left:1px; }

#menubar a:hover { background: url(../img/menu_bg.jpg) 0 37px; text-decoration: none; color:#fff; }
	.menu_b { margin-left: 1px; width: 134px; }
	.menu_c { margin-left: 1px; width: 130px; }
	*html .menu_b { margin-left: 1px; width: 134px; }
	*html .menu_c {/*IE6*/margin-left: 1px; width:130px; }

/* ============== BANNER =============== */
#banner .box { width:263px; height:50px; color:#2F579C; font-size:12px; font-weight:bold; margin:10px 0 4px 12px; padding-top:10px; background-image:url(../img/btn_white.jpg); border:solid #F0F0ED 1px; float:left; }

#banner .box p {text-align:left; margin:5px; padding-left:20px; background:url(../../img/b_arrow.png) center left no-repeat; }

#banner .box p a { color:#2F579C; text-decoration:none; }
#banner .box p a:hover { color:#6c6; text-decoration:underline; }

#banner img { margin-top:-5px; margin-right:5px; padding:0px; border:#FFF 1px; }

/* ============== BOTTAN =============== */
#bottan { width:306px; height:75px; margin:0 auto; }
#bottan .imgl { padding-left:3px; }
#bottan .imgr { padding-left:10px; }
#bottan img { margin:0 0 5px 0; padding:0 0 5px 0; }

/* ============== COURSE =============== */
#course { width:306px; height:75px; margin:0 auto 5px; }

/* ============== LEFT-LATEST NEWS =============== */
#news {
	border: 1px solid #274c9a;
	border-bottom: 8px solid #274c9a;
	background-color: #ffffdf;
	background-image:url(../img/rss.gif);
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
	
#news dl{ line-height: 1.8em; }
#news dd { border-bottom: 1px dotted #CCC; margin-left: 0px; padding-left: 6em; }
	.news_title h2{ color: #FFF; font-size: 14px; font-weight: 400; line-height: 1.2em; margin:5px 0 0; padding: 7px 0 0 40px; }
	.news_title h2 a { color:#FFF;}
		.news_title h2 a:hover { color:#6c6; text-decoration:none }
	.news_title { background-image:url(../img/title_news.jpg); color: #226BD7; height: 30px; }
	.news_link { text-align: right; padding: 10px 0; }

/* ============== RIGHT-SEMINARY =============== */
#seminary {
	padding: 10px 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 8px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4b7fd5;
	border-right-color: #4b7fd5;
	border-bottom-color: #4d7fd5;
	border-left-color: #4b7fd5;
}
	.seminary_title h2{ color: #FFF; font-size: 14px; font-weight: 400; line-height: 1.2em; margin:0; padding: 7px 0 0 20px; }
	.seminary_title { background: url(../img/title_pickup.jpg) no-repeat; color: #ffdd81; height: 30px; }
	
#seminary h3 { color: #2f579c; font-size: 16px; font-weight: 700; line-height: 1em; margin:0; padding: 0 0 7px; }
	.seminary_box { float: left; margin-top: 10px; padding: 0; width: 215px; }
	.seminary_box_r { float: right; margin-top: 10px; padding: 0; width: 215px; }
		.seminary_box p a { color: #062865; text-decoration:none; }
		.seminary_box p a:hover { color: #062865; text-decoration:underline; }
		.seminary_box_r p a { color: #062865; text-decoration:none; }
		.seminary_box_r p a:hover { color: #062865; text-decoration:underline; }
	
	*html .seminary_box {/*IE6*/float: left; margin-top: 10px; padding: 0; width: 210px; }
	*html .seminary_box_r {/*IE6*/float: right; margin-top: 10px; padding: 0; width: 210px; }
	
	.color_blue { color:#2F579C; font-weight:700; }
	.color_bl { color:#2F579C; font-weight:normal; padding-bottom:10px; } 
	
#seminary h4 { color: #062865; font-size: 14px; font-weight: 700; margin:0; padding: 5px 5px 5px 7px; background-color:#efefed; border-bottom:#CCC 1px solid }
	
	
#seminary1 {
	padding: 10px 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 8px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4b7fd5;
	border-right-color: #4b7fd5;
	border-bottom-color: #4d7fd5;
	border-left-color: #4b7fd5;
	margin-top:5px;
	height:125px;
}
	.seminary_title h2{ color: #FFF; font-size: 14px; font-weight: 400; line-height: 1.2em; margin:0; padding: 7px 0 0 20px; }
	.seminary_title { background: url(../img/title_pickup.jpg) no-repeat; color: #ffdd81; height: 30px; }
	
#seminary1 h3 { color: #2f579c; font-size: 16px; font-weight: 700; line-height: 1em; margin:0; padding: 0 0 7px; }
	.seminary_box { float: left; margin-top: 10px; padding: 0; width: 215px; }
	.seminary_box_r { float: right; margin-top: 10px; padding: 0; width: 215px; }
		.seminary_box p a { color: #062865; text-decoration:none; }
		.seminary_box p a:hover { color: #062865; text-decoration:underline; }
		.seminary_box_r p a { color: #062865; text-decoration:none; }
		.seminary_box_r p a:hover { color: #062865; text-decoration:underline; }
	
	*html .seminary_box {/*IE6*/float: left; margin-top: 10px; padding: 0; width: 210px; }
	*html .seminary_box_r {/*IE6*/float: right; margin-top: 10px; padding: 0; width: 210px; }
	
	.color_blue { color:#2F579C; font-weight:700; }
	.color_bl { color:#2F579C; font-weight:normal; padding-bottom:10px; } 
	
#seminary1 h4 { color: #062865; font-size: 14px; font-weight: 700; margin:0; padding: 5px 5px 5px 7px; background-color:#efefed; border-bottom:#CCC 1px solid }


/* ============== FOOTER =============== */

#footer { width:100%; height:200px; background-color:#306BCF; }

	#copyright { width:900px; text-align:left; color:#FFF; margin:0 auto; padding:0; height:150px; }
		#copyright ul { list-style-type:none; }
		#copyright li { background:url(../../2011/img/ico_arrow.gif) no-repeat 3px; display:block; float:left; margin-left:12px; padding-left:20px; font-size:12px; }
		*html #copyright li {/*IE6*/background:url(../../2011/img/ico_arrow.gif) no-repeat 3px; display:block; float:left; margin-left:24px; padding-left:20px; font-size:12px; }
		#copyright li a, a:link { color: #FFF; text-decoration: none; }
		#copyright li a:hover { text-decoration: underline; }
		img { margin:0; padding:5px; border:0 }
	
	#copyright .x { margin:30px 0 10px 50px; padding-top:30px; }
	*html #copyright .x {/*IE6*/margin:30px 0 10px 85px; padding:10px 100px 0 0; clear:both; }
		
#copyright h2 { font-size: 10px; font-weight: normal; line-height: 1em; margin: 0 0 0 50px; padding: 0 0 0 5px; color:#FFF; }
*html #copyright h2 {/*IE6*/font-size: 10px; font-weight: normal; line-height: 1em; margin: 0 0 0 85px; padding: 0 0 0 5px; color:#FFF; }

.add { float:right; margin-top:-110px; margin-right:60px; }

*html .add {/*IE6*/float:right; margin-top:-100px; margin-right:60px; }

/* フォーム */
#form {text-align:center; margin-top:10px;}

/* RSS */
#feed {line-height:30px; font-size:13px;}
#feed a {text-decoration:underline;}
#feed a:hover {text-decoration:none;}
#feed ul {list-style:none}
#feed li {background-img:url(../../2011/img/ico_arrow.gif) no-repeat;}

/* インラインフレームのような設定 */
.scrollbox {
	width:280px;
	height:270px;
	overflow:auto;
	padding:0 0.5em;
}
*html .scrollbox {
	width:270px;
	height:270px;
	overflow:auto;
	padding: 0px 0.5em;
}

.scrollbox p{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.scrollbox a { color:#006; }
.scrollbox a:hover { text-decoration:underline; color:#6c6; }