@charset "utf-8";
/*
# written by unit-MSE Co.,ltd.　　　　　 #
# 　　　info@unit-mse.jp　　　　　　　　 #
# 　　　http://www.unit-mse.jp　　　　　 #
# 使用：福岡文化学園　2010.07.08　　　　 #
# 　　　　　　　改変：2020.03.31　　　　 #
#                   2025/04/03 ZENKYOKEN #
# 日文用　　　　　　　　　　　　　　　　 #
# $Revision: 1.2 $　　　　　　　　　　　 #
*/
/******************************/
/* 基本画面用                 */
/******************************/
body{
  height:100%;
  background-image: url("/img/ghakata/bg.jpg");
  /* background-repeat:repeat-y; */
  font-family: '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color:#585858;
  font-size: 13px;
  font-weight: 500;
}

/* 背景画像を敷き詰めたいとき */
/* html,body{ height:100% } 
/* 該当箇所に{ height:100% min-height:100%; }を */
html,body{ 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;
}
A,
A:link,
A:visited {
  color:#FF6C00;
  text-decoration:underline;
}
A:hover,
A:focus{
  color:#FF6C00;
  text-decoration:none;
}
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; }

/******************/
/* ボタン類       */
/******************/
.btn > A,
A.btn{
  border: #F97702 1px solid;
  color: #F97702;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
}
.btn > A:hover,
.btn > A:focus,
A.btn:hover,
A.btn:focus{
  border: #F97702 1px solid;
  background-color: #F97702;
  color: #FFFFFF;
}
.btnSM{
  text-align: center;
  padding: 3px 8px;
}
_:-ms-lang(x)::-ms-backdrop, .btnSM{
  padding-top: 5px;
  padding-bottom: 1px;
}
.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{
  height: 48px;
}
.btnM A:hover{}

.btn_negative{}
DIV.btnArea,
DIV.btnArea2set{
	clear: both;
	margin: auto;
	margin-bottom: 18px;
}
/* ボタン1つ */
DIV.btnArea{
	min-width:54px;
	width:28%;
}
DIV.btnArea A.btn,
DIV.btnArea INPUT.btn,
DIV.btnArea BUTTON.btn,
DIV.btnArea A.btn2,
DIV.btnArea INPUT.btn2,
DIV.btnArea BUTTON.btn2{
	display:block;
	width:100%;
}
/* ボタン2つ */
DIV.btnArea2set{
	width: 75%;
	overflow: hidden;
}
DIV.btnArea2set A.btn,
DIV.btnArea2set INPUT.btn,
DIV.btnArea2set BUTTON.btn,
DIV.btnArea2set A.btn2,
DIV.btnArea2set INPUT.btn2,
DIV.btnArea2set BUTTON.btn2{
	width:44%;
	margin-left:3%;
	margin-right:3%;
	float:left;
}


/**/
.picL,
.picR{
	margin-top: 3px;
	margin-bottom: 7px;
}
.picL{
	float: left;
	margin-right: 12px;
}
.picR{
	float: right;
	margin-left: 12px;
}

/* PC非表示（SP専用表示） */
.sp{ display:none; }
.telLink{}/* 電話リンク用ダミー */


/******************************/
/* レイアウト                 */
/******************************/
DIV#wrapbase{
  /* width: 768px; */
  width: 820px;
  /* margin-left:24px; */
  margin-left:auto;
  margin-right: auto;
  height:auto!important;
  height:100%;
  min-height:100%;
  /* padding-top: 16px; */
  /* padding-bottom: 48px; */
  padding: 16px 24px 48px;
  background-color: #fff;
  box-shadow: 3px 0px 10px 0 rgba(0,0,0,.3);
}
HEADER{
  display: block;
}
DIV#wrapmain,
DIV#wrapmain2{ background:url(/img/ghakata/bg_page.gif) left top repeat-y; }
#home DIV#wrapmain{
  background: none;
  overflow: hidden;
}
DIV.wrapmain2{
  position: relative;
  overflow: hidden;
}
DIV.wrapLeft{
  float: left;
  width: 550px;
  margin-right: 16px;
  margin-bottom:48px;
}
DIV.wrapRight{
  float: left;
  margin-left: 12px;
  width: 180px;
  height: 100%;
}

FOOTER{
  margin-top: -56px;
}

/* パンくずメニュー */
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{}



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

NAV#globalMenu{
  display: block;
  width: 768px
}
NAV#globalMenu #globalMenuBtn{
  display: none;
}
NAV#globalMenu UL{
  height: 36px;
  border: #CCC 1px solid;
  background:#F6F6F6;
  overflow: hidden
}
NAV#globalMenu UL LI{
  list-style-type: none;
  display:block;
  height:36px;
  float:left;
}
NAV#globalMenu UL LI A{
  display:block;
  height:36px;
  text-indent:-9999px;
  background-position:left top;
}
NAV#globalMenu UL LI A:hover{
  background-position:left bottom;
}
.btnS_home A { background-image: url(/img/ghakata/btnS_home.gif); width:109px; }
.btnS_greeting A { background-image: url(/img/ghakata/btnS_greeting.gif); width:112px; }
.btnS_aboutus A { background-image: url(/img/ghakata/btnS_aboutus.gif); width:120px; }
.btnS_history A { background-image: url(/img/ghakata/btnS_history.gif); width:121px; }
.btnS_inquiry A { background-image: url(/img/ghakata/btnS_inquiry.gif); width:122px; }
.btnS_privacy A { background-image: url(/img/ghakata/btnS_privacy.gif); width:122px; }
.btnS_reunion A { background-image: url(/img/ghakata/btnS_reunion.gif); width:124px; }

body#greeting NAV#globalMenu UL LI.btnS_greeting A,
body#aboutus NAV#globalMenu UL LI.btnS_aboutus A,
body#history NAV#globalMenu UL LI.btnS_history A,
body#inquiry NAV#globalMenu UL LI.btnS_inquiry A,
body#privacy NAV#globalMenu UL LI.btnS_privacy A,
body#reunion NAV#globalMenu UL LI.btnS_reunion A{
  background-position: left center;
}

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

DIV.wrapLeft H1 {
	font-size:21px;
  font-family:"游明朝体", 'Yu Mincho', YuMincho, "ＭＳ Ｐ明朝", "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{
  overflow: hidden;
  padding: 16px;
}
DIV.wrapLeft H2{ font-size:14px; line-height:28px; }
DIV.wrapLeft P,
DIV.wrapLeft LI{ 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/ghakata/bg_ttl1o.gif) left center repeat-x;
	background-color:#F60;
}


DIV.wrapLeft TABLE{}


/* 共通サイドバナー */
DIV.wrapRight H3{ text-indent:-9999px; height:32px; background:url(/img/ghakata/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/ghakata/btnS_sh.gif); }
.btnS_jh A {background-image: url(/img/ghakata/btnS_jh.gif); }
.btnS_kg A {background-image: url(/img/ghakata/btnS_kg.gif); }
.btnS_gsa A {background-image: url(/img/ghakata/btnS_gsa.gif); }

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

/* 学園のあゆみ */
#history .wrapContents DL{}
#history .wrapContents DT,
#history .wrapContents DD{
  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; }

/* お問い合わせ */


/******************************/
/* フッター                   */
/******************************/
FOOTER {
  clear: both;
  width: 768px;
  /* margin-left: 24px;  */
  margin-left: auto;
  margin-right: auto; 
  height: 48px;
  background-color: #fff;
  /* margin-top: 18px; */
  padding-top: 10px;
  border-top: #CCCCCC 1px solid;
}
FOOTER > P{
  padding-top: 4px;
  color: #666666;
  font-size: 11px;
  font-family: Arial, Helvetica, "sans-serif";
  text-align: center;
}

/******************************/
/* トップページ               */
/* id: top                    */
/* class: top                 */
/******************************/
/* #home H1{
  text-indent: -9999px;
  background: url(/img/ghakata/logo.gif) left top no-repeat;
  margin-bottom: 8px; height:36px; width:260px;
} */
#home OL.topMenu{
  overflow: hidden;
  margin-bottom: 28px;
}
#home OL.topMenu LI{
  float: left;
}
#home LI{ list-style-type: none; }
#home OL.topMenu LI,
#home OL.topMenu LI A{
  display: block;
}
#home OL.topMenu LI A{
  text-indent: -9999px;
}
#home .btn_bnr1,
#home .btn_bnr1 A{
  width:148px;
  height: 192px;
}
.btn_bnr1 A,
.btn_bnr1 A:visited{
  background-position: left top;
  background-repeat: no-repeat;
}
.btn_bnr1 A:hover{
  background-position: left bottom;
}
#home LI.btnL_sh A { background-image: url(/img/ghakata/btnL_sh.gif); }
#home LI.btnL_jh A { background-image: url(/img/ghakata/btnL_jh.gif); }
#home LI.btnL_kg A  { background-image: url(/img/ghakata/btnL_kg.gif); }
#home LI.btnL_gsa A { background-image: url(/img/ghakata/btnL_gsa.gif); }

#home .btn_bnr2,
#home .btn_bnr2 A{
  width:176px;
  height: 48px;
}
#home .btnM_greeting A { background-image: url(/img/ghakata/btnM_greeting.gif); }
#home .btnM_aboutus A { background-image: url(/img/ghakata/btnM_aboutus.gif); }
#home .btnM_history A { background-image: url(/img/ghakata/btnM_history.gif); }
#home .btnM_inquiry A { background-image: url(/img/ghakata/btnM_inquiry.gif); }
#home .btnM_privacy A { background-image: url(/img/ghakata/btnM_privacy.gif); }


#home .topBnrArea{
  width: 592px;
  margin-top: -12px;
}
#home UL.topGroupBnrArea{
  overflow: hidden;
  margin-bottom: 24px;
}
#home UL.topGroupBnrArea + UL.topGroupBnrArea{
  margin-top: -24px;
}
#home UL.topGroupBnrArea LI{
  display: block;
  float: left;
  width:291px; /* 176=> */
  height: 66px; /* 48=> */
}
#home UL.topGroupBnrArea LI:nth-of-type(2n){
  margin-left: 14px;
}
#home UL.topGroupBnrArea LI A{
  display: block;
  width:291px; /* 176=> */
  height: 66px; /* 48=> */
  text-indent: -9999px;
  background-position: left 12px top 0;
  background-repeat: no-repeat;
}
#home UL.topGroupBnrArea LI A:hover{
  background-position: left 12px top -66px;
}
.btnM_sh A  { background-image: url(/img/ghakata/btnM_sh.png); }
.btnM_jh A  { background-image: url(/img/ghakata/btnM_jh.png); }
.btnM_kg A  { background-image: url(/img/ghakata/btnM_kg.png); }
/* 同窓会 */
.btnM_gsa A { background-image: url(/img/ghakata/btnM_gsa.png); }
/* 高校同窓会 */
.btnM_hsga A { background-image: url(/img/ghakata/btnM_hsga.png); }
/* 中学同窓会 */
.btnM_jhsga A { background-image: url(/img/ghakata/btnM_jhsga.png); }

#home DIV.bnrArea{
  width: 592px;
  text-align: center;
}

/******************************/
/* 同窓会のご案内             */
/* id:              */
/* class:              */
/******************************/
#reunion-jh-index LI,
#reunion-sh-index LI{ list-style-type: none; }
.newsArea{}
.newsArea UL{
  overflow: hidden;
  border-top: #DFDFDF 1px dotted;
  border-bottom: #DFDFDF 1px dotted;
}
.newsArea UL LI{
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
}
.newsArea UL LI +LI{
  border-top: #DFDFDF 1px dotted;
}
SPAN.date,
SPAN.newsCategory,
SPAN.newsTitle{
  display: inline-block;
}

/******************************/
/* 行動計画               */
/* id:              */
/* class: info             */
/******************************/
.csrArea{
  padding: 1em;
}
.csrArea UL{}
.csrArea UL LI::before{
  content: ">";
}
/******************************/
/* お問い合わせ               */
/* id: inquiry-index          */
/* class: inquiry             */
/******************************/
#inquiry-index{}
#inquiry-index SECTION{
  display: block;
  font-size: 14px;
  margin-bottom: 14px;
}
#inquiry-index SECTION H2{
  font-weight: 600;
}
#inquiry-index DIV A::before{}

.inquiry TABLE.formTbl{
  width: 100%;
}
.inquiry TABLE.formTbl,
.inquiry TABLE.formTbl TH,
.inquiry TABLE.formTbl TD{
  border-collapse: collapse;
  vertical-align: top;
  font-size: 12px;
  line-height: 21px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.inquiry TABLE.formTbl TH{
  font-weight: normal;
  font-weight: 500;
  text-align: left;
  width: 25%;
}
.inquiry INPUT#email,
.inquiry INPUT#addr_a,
.inquiry INPUT#addr_b{
  width: 100%;
}
.inquiry TEXTAREA{
  width: 100%;
  height: 6em;
}

/******************************/
/* 同窓会                     */
/* id: reunion-xx             */
/* class: reunion             */
/******************************/
.reunion-jh-inquiry,
.reunion-sh-inquiry{}
#reunion-jh-inquiry-cnf .wrapContents TABLE,
#reunion-sh-inquiry-cnf .wrapContents TABLE{
  margin-bottom: 24px;
}
/* フォームのパーツは別記載 */


/* 対象ページのみ読み込み追記 */


/*
DIV#leftArea{  width:267px; margin-right:46px; float:left; }
DIV#rightArea{ width:267px; float:left; }
#home .topBnrArea H2 { height:48px; text-indent:-9999px; margin-bottom:20px; }

*/