@charset "utf-8";
/*
# written by unit-MSE Co.,ltd.　　　　　 #
# 　　　info@unit-mse.jp　　　　　　　　 #
# 　　　http://www.unit-mse.jp　　　　　 #
# 使用：福岡文化学園　2010.07.08　　　　 #
# 日文用　　　　　　　　　　　　　　　　 #
# $Revision: 1.1 $　　　　　　　　　　　 #
*/
/******************************/
/* 基本画面用                 */
/******************************/
BODY{
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:100%;
	background-image:url(../img/bg.gif);
	background-repeat:repeat-y;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#585858;
}
/* 背景画像を敷き詰めたいとき */
/* HTML,BODY{ height:100% } 
/* 該当箇所に{ height:100% min-height:100%; }を */
	/* タグ基本 */
H1,H2,H3,H4,H5,H6,P,DIV,FORM,OL,UL,DL,INPUT{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
IMG {border:0;}
SUP,SUB{
	vertical-align: baseline;
	position: relative;
}
SUP { top:-4px }
SUB { top: 4px }
.mb0 { margin-bottom:0; }
.mbS { margin-bottom:12px; }
.mbM { margin-bottom:18px; }
.mbL { margin-bottom:24px; }


.btnL { height:192px; }
.btnL A,
.btnM A{ display:block; }
.btnL A,
.btnL A:visited { height:192px; background-position:left top; background-repeat:no-repeat; }
.btnL A:hover { background-position:left bottom; }

.btnM { height:48px; }
.btnM A,
.btnM A:visited { height:48px; background-position:left top; background-repeat:no-repeat; }
.btnM A:hover { background-position:left bottom; }




/******************************/
/* レイアウト                 */
/******************************/
DIV#wrapbase{ width:768px; margin-left:24px; }
OL.topMenu LI{ text-indent:-9999px; float:left; }
DIV#wrapmain,
DIV#wrapmain2{ background:url(../img/bg_page.gif) left top repeat-y; }
#top DIV#wrapmain{ background:none; }
DIV.wrapmain2{ position:relative; }
DIV.wrapLeft{ float:left; width:550px; margin-right:16px; margin-bottom:48px; }
DIV.wrapRight{ float:left; padding-left:12px; width:180px; border-left:#CCC 1px solid; height:100%; }
DIV.wrapRight DIV{}
/* パンくずメニュー */
DIV.crumbMenu{
	padding:10px 13px;
	font-size:12px; color:#666666;
	line-height:12px;
}
DIV.crumbMenu STRONG{ font-weight:normal; }
DIV.crumbMenu A,
DIV.crumbMenu A:visited{ color:#333333; text-decoration:none; }
DIV.crumbMenu A:hover{ color:#FD6828; text-decoration:underline; }

/******************************/
/* ヘッダー                   */
/******************************/
#header{ margin-top:16px; }


/* トップページ */
#top H1{ text-indent:-9999px;  background:url(../img/logo.gif) left top no-repeat; margin-bottom:8px; height:36px; width:260px; }
#top .topBnrArea{ clear:both; padding:28px 12px; }
DIV#leftArea{  width:267px; margin-right:46px; float:left; }
DIV#rightArea{ width:267px; float:left; }
#top .topBnrArea H2 { height:48px; text-indent:-9999px; margin-bottom:20px; }

#top LI{ list-style-type:none; }
/* ボタン */
.btnL_sh A {background-image:url(../img/btnL_sh.gif); width:148px; }
.btnL_jh A {background-image:url(../img/btnL_jh.gif); width:148px; }
.btnL_kg A {background-image:url(../img/btnL_kg.gif); width:148px; }
.btnL_gsa A {background-image:url(../img/btnL_gsa.gif); width:148px; }
.btnM_greeting A {background-image:url(../img/btnM_greeting.gif); width:176px; }
.btnM_aboutus A {background-image:url(../img/btnM_aboutus.gif); width:176px; }
.btnM_history A {background-image:url(../img/btnM_history.gif); width:176px; }
.btnM_inquiry A  {background-image:url(../img/btnM_inquiry.gif); width:176px; }

.btnM_sh A {background-image:url(../img/btnM_sh.gif); width:267px; }
.btnM_jh A {background-image:url(../img/btnM_jh.gif); width:267px; }
.btnM_kg A {background-image:url(../img/btnM_kg.gif); width:267px; }
.btnM_gsa A  {background-image:url(../img/btnM_gsa.gif); width:267px; }


/* 中ページ */
#header H2{ text-indent:-9999px;  background:url(../img/logo.gif) left top no-repeat; margin-bottom:8px; height:36px; width:260px; }

UL#globalMenu{ height:36px; border:#CCC 1px solid; background:#F6F6F6; }
UL#globalMenu LI{ list-style-type:none; display:block; height:36px; float:left; }
UL#globalMenu LI A{ display:block; height:36px; text-indent:-9999px; background-position:left top; }
UL#globalMenu LI A:hover{ background-position:left bottom; }

.btnS_home A {background-image:url(../img/btnS_home.gif); width:109px; }
.btnS_greeting A {background-image:url(../img/btnS_greeting.gif); width:112px; }
.btnS_aboutus A {background-image:url(../img/btnS_aboutus.gif); width:120px; }
.btnS_history A {background-image:url(../img/btnS_history.gif); width:121px; }
.btnS_inquiry A {background-image:url(../img/btnS_inquiry.gif); width:122px; }
.btnS_reunion A {background-image:url(../img/btnS_reunion.gif); width:124px; }

BODY#greeting .btnS_greeting A,
BODY#aboutus .btnS_aboutus A,
BODY#history .btnS_history A,
BODY#inquiry .btnS_inquiry A,
BODY#reunion .btnS_reunion A{ background-position:left center; }

/******************************/
/* メイン　                   */
/******************************/

DIV.wrapLeft H1 {
	font-size:21px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:2px;
	color:#494949;
	padding:10px;
	border-left:#FFBC20 4px solid;
	border-bottom:#FFBC20 1px solid;
	margin-bottom:10px;
}
DIV.wrapLeft .wrapContents{ padding:16px; }
DIV.wrapLeft H2{ font-size:14px; line-height:28px; }
DIV.wrapLeft P{ font-size:12px; line-height:21px; }


.wrapContents P{ margin-bottom:12px; }
.wrapContents H2{ font-weight:normal; height:21px; margin-bottom:10px; }
.wrapContents H2 SPAN {
	font-size:12px;
	letter-spacing:3px;
	padding:3px 3px 2px 6px;
	color:#FFF;
	background:url(../img/bg_ttl1o.gif) left center repeat-x;
	background-color:#F60;
}

.wrapContents A,
.wrapContents A:visited { color:#FF6C00; text-decoration:underline; }

.wrapContents A:hover { color:#FF6C00; text-decoration:none; }

DIV.wrapLeft TABLE{}


/* 共通サイドバナー */
DIV.wrapRight H3{ text-indent:-9999px; height:32px; background:url(../img/ttl_group.gif) left top no-repeat; margin-bottom:12px; }
DIV.wrapRight UL.bnr LI{ list-style-type:none; height:36px; margin-bottom:12px; width:170px; text-indent:-9999px; }
DIV.wrapRight UL.bnr LI A{ display:block; height:36px; background-position:left top; background-repeat:no-repeat; width:170px; }
.btnS_sh A {background-image:url(../img/btnS_sh.gif); }
.btnS_jh A {background-image:url(../img/btnS_jh.gif); }
.btnS_kg A {background-image:url(../img/btnS_kg.gif); }
.btnS_gsa A {background-image:url(../img/btnS_gsa.gif); }

/* 理事長挨拶 */
#greeting .wrapContents H2{ height:99px; }

/* 学園のあゆみ */
#history .wrapContents DL{}
#history .wrapContents DT,
#history .wrapContents DD{ margin:0; padding:0; font-size:12px; line-height:18px; margin-bottom:8px; }

#history .wrapContents DT{ width:90px; float:left; margin-right:12px; }
#history .wrapContents DD{ width:412px; float:left; }

/* お問い合わせ */


/******************************/
/* フッター                   */
/******************************/

DIV#footer { clear:both; }
#footer P{ color:#666666; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center; }