@charset "UTF-8";


/* common */
body			{ color:#666; font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
body			{ font-size: 15px; line-height: 1.8em;}

a				{ color:#09F}
a:hover			{ color:#F00}

#HEADER			{ background:url(../images/bg_header.gif) 0 90px repeat-x; font-size:0; line-height:0; text-indent:-9999px;}
#HEADER div		{ width: 900px; margin:auto; overflow:hidden;}
#HEADER h1 a	{ background-image:url(../images/h1_logo.gif); width: 418px; height: 90px; display:block; float:left;}
#HEADER p a		{ background-image: url(../images/kitakyushu_logo.gif); width: 117px; height: 90px; display:block; float:right;}

#NAVI			{ width: 900px; overflow:hidden; margin:auto; padding-top: 4px; position:relative;}
#NAVI .b01 a	{ background:url(../images/navigation.png) 0px 0px;		width: 65px;	height: 46px; display:block; float:left;}
#NAVI .b02 a	{ background:url(../images/navigation.png) -68px 0px;	width: 81px;	height: 46px; display:block; float:left; margin-left: 3px;}
#NAVI .b03 a	{ background:url(../images/navigation.png) -152px 0px;	width: 88px;	height: 46px; display:block; float:left; margin-left: 3px;}
#NAVI .b04 a	{ background:url(../images/navigation.png) -243px 0px;	width: 78px;	height: 46px; display:block; float:left; margin-left: 3px;}
#NAVI .b05 a	{ background:url(../images/navigation.png) -324px 0px;	width: 115px;	height: 46px; display:block; float:left; margin-left: 3px;}
#NAVI .b06 a	{ background:url(../images/navigation.png) -442px 0px;	width: 65px;	height: 46px; display:block; float:left; margin-left: 3px;}
#NAVI .b07 a	{ background:url(../images/navigation.png) -510px 0px;	width: 92px;	height: 46px; display:block; float:left; margin-left: 3px;}
#NAVI .b08 a	{ background:url(../images/navigation.png) -662px 0px;	width: 139px;	height: 46px; display:block; float:left; margin-left: 60px;}
#NAVI .b09 a	{ background:url(../images/navigation.png) -804px 0px;	width: 96px;	height: 46px; display:block; float:left; margin-left: 202px;}

#NAVI .b01 a:hover	{ background-position: 0px -46px;}
#NAVI .b02 a:hover	{ background-position: -68px -46px;}
#NAVI .b03 a:hover	{ background-position: -152px -46px;}
#NAVI .b04 a:hover	{ background-position: -243px -46px;}
#NAVI .b05 a:hover	{ background-position: -324px -46px;}
#NAVI .b06 a:hover	{ background-position: -442px -46px;}
#NAVI .b07 a:hover	{ background-position: -510px -46px;}
#NAVI .b08 a:hover	{ background-position: -662px -46px;}
#NAVI .b09 a:hover	{ background-position: -804px -46px;}

div.alert	{ width:900px; margin:auto; position:relative;}
div.alert p	{ background-image:url(../images/alert.gif); width:187px; height:33px; position: absolute; top:0px; left: 761px; z-index: 1000; font-size:0; line-height:0; text-indent:-9999px;}

p.pagetop		{ width:900px; margin:auto; margin-top: 50px;}
p.pagetop a		{ background:url(../images/btn_pagetop.gif); width: 145px; height: 13px; font-size:0; line-height:0; text-indent:-9999px; display:block; margin-left: 755px;}

#FOOTER				{ background-color:#d8e480; padding: 20px 0 100px 0; margin-top:15px;}
#FOOTER	p.copyright	{ background:url(../images/copyright.gif) left top no-repeat; width: 259px; height: 13px; font-size:0; line-height:0; text-indent:-9999px;}
#FOOTER	p.get_adobe a	{ background-image:url(../images/adobe.jpg); width: 147px; height: 37px; font-size:0; line-height:0; text-indent: -9999px; float:right; display:block;}

#CONTENTS		{ width: 900px; overflow:hidden; margin:auto;}
.wrap			{ width: 900px; overflow:hidden; margin:auto;}
.ct_l			{ width: 440px; float: left;}
.ct_r			{ width: 440px; float: right;}
.cmrg			{ padding: 0 10px 30px 10px;}

ul.c4	{ width: 920px; overflow:hidden; margin-left: -20px; margin-top: -30px;}
ul.c4	{ _width: 940px; _margin-left: -40px;}
ul.c4 li{ float:left; width: 210px; margin-left: 20px; margin-top: 30px;}


h3			{ background-color:#38b25d; color:#FFF; font-size:1.2em; padding: 2px 10px; margin-bottom: 10px; border-radius: 3px;}
h3.tl_f		{ margin-bottom:0 !important; background-color:#999 !important; border-radius: 3px 3px 0 0 !important;}
div.bd_f	{ border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding: 15px; border-radius: 0 0 3px 3px}
h4			{ border-bottom:1px solid #CCC; color:#004da1; font-weight:bold; margin-top: 20px;}


body.p_home #CONTENTS				{ width:942px; margin-top: 20px;}
body.p_home #CONTENTS .bnr01		{padding: 350px 0 0 550px;}
body.p_home #CONTENTS ul.bnr02		{ width: 934px; padding-left:8px; overflow:hidden; margin-top: 10px;}
body.p_home #CONTENTS ul.bnr02 li	{ width:210px; height: 70px; background-color: #F2F2F2; float:left; margin-left: 18px;}
body.p_home #HEADER h1 a			{ background-image:url(../../images/h1_logo.gif); width: 418px; height: 90px; display:block; float:left;}

body.p_access .ct_l		{ width:360px;}
body.p_access .ct_r		{ width:520px;}

body.p_member #HEADER				{ background:url(../../member/images/bg_header.gif) 0 90px repeat-x; font-size:0; line-height:0; text-indent:-9999px;}
body.p_member #FOOTER				{ background-color:#e48480;}
body.p_member #FOOTER	p.copyright	{ background:url(../../member/images/copyright.gif) left top no-repeat;}
body.p_member #CONTENTS dd			{ padding-left: 9em; margin-top: -1.8em; border-bottom:1px dotted #CCC; padding-bottom: 0.5em; margin-bottom: 0.5em;}
body.p_member #CONTENTS div.mes_f	{border:10px solid #F66; padding: 20px; margin-bottom: 30px; background-color: #FFC; font-size: 1.5em; font-weight:bold;}
body.p_member #CONTENTS h3			{ background-color:#e48480;}
body.p_member #CONTENTS .ct_l		{ width: 540px;}
body.p_member #CONTENTS .ct_r		{ width: 340px;}

body.p_member #CONTENTS p.btn_schedule a		{ background: url(../../member/images/btn_schedule.gif) 0 0; width: 165px; height: 35px; font-size:0; line-height:0; text-indent: -9999px; display:block; float: left;}
body.p_member #CONTENTS p.btn_schedule a:hover	{ background-position: 0 -35px;}
body.p_member #CONTENTS p.btn_kesseki a			{ background: url(../../member/images/btn_kesseki.gif) 0 0; width: 165px; height: 35px; font-size:0; line-height:0; text-indent: -9999px; display:block; float:right;}
body.p_member #CONTENTS p.btn_kesseki a:hover	{ background-position: 0 -35px;}

body.p_governor #HEADER				{ background:url(../../governor/images/bg_header.gif) 0 90px repeat-x; font-size:0; line-height:0; text-indent:-9999px;}
body.p_governor #FOOTER				{ background-color:#809de4; padding: 20px 0 100px 0;}
body.p_governor #FOOTER	p.copyright	{ background:url(../../governor/images/copyright.gif) left top no-repeat;}
body.p_governor #CONTENTS dd			{ border-bottom:1px dotted #CCC; padding-bottom: 0.5em; margin-bottom: 0.5em;}
body.p_governor #CONTENTS h3			{ background-color:#809de4;}
body.p_governor #CONTENTS .ct_l		{ width: 340px;}
body.p_governor #CONTENTS .ct_r		{ width: 540px;}

body.p_outline #CONTENTS .map a		{ background:url(../../outline/images/btn_map.jpg) 0 0; width: 80px; height: 80px; font-size:0; line-height:0; text-indent:-9999px; display:block; float:right;}
body.p_outline #CONTENTS .map a:hover	{ background-position: -80px 0;}


/* 管理ページ */
body.p_admin #HEADER			{ background:url(../../admin/images/bg_header.gif) 0 90px repeat-x; font-size:0; line-height:0; text-indent:-9999px;}
body.p_admin #HEADER div		{ width: 900px; margin:auto; overflow:hidden;}
body.p_admin #HEADER h1			{ background-image: url(../../admin/images/h1_logo.gif); width: 600px; height: 90px; display:block; float:left;}
body.p_admin #NAVI				{ width: 900px; padding: 13px 0 9px 0; text-indent: 0;}
body.p_admin #NAVI li			{ font-size: 14px; line-height: 1.8em; float:left; margin-left: 10px;}
body.p_admin #NAVI li a			{ padding: 1px 8px; background-color: #FFF; border-radius: 3px; display:block;}
body.p_admin #NAVI li a:hover	{ background-color: #F2F2F2;}

body.p_admin #CONTENTS			{ width: 900px; padding: 30px 0 100px 0;}
body.p_admin #CONTENTS h2		{ font-size: 1.7em; font-weight: bold;}

body.p_admin #FOOTER				{ background-color:#b2b2b2;}
body.p_admin #FOOTER	p.copyright	{ background:url(../../admin/images/copyright.gif) left top no-repeat;}