/*
THEME NAME: Fukuoka JC
VERSION: 1.0
AUTHOR: ACE PRINTING
*/

@import "reset.css";

body {
	background: #fff;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	color: #585858;
	margin:0;
	padding:0;
}

img{
	vertical-align:top;
}
a {
	color: #187dde;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: 700;
}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	margin: 10px 0;
}

/* ◆clearfix----------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
/* End hide from IE-mac */

.clear {
	clear:both;
}


blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}

#header {
	margin: 0;
	background: url(images/h_back.png) repeat-x;
	text-align:center;
	position:relative;
}

#logo{
	height:170px;
	width:1000px;
	margin: 0 auto;
	background: url(images/header.png) no-repeat center center;
	position:relative;
}

#logo a {
	text-decoration: none;
	display:block;
	width:500px;
	height:170px;
}
#logo span{
	display:block;
	width:500px;
	height:170px;
	position:absolute;
	text-align:left;
	top:0;
	left:0;
	z-index:-1;
	margin:0;
	text-indent:-9999px;
}

#description {
	font-size: 130%;
	color: #666666;
	margin: 0;
	position:absolute;
	top:120px;
	left:100px;
}
#change_lang{
	width:170px;
	position:absolute;
	top:125px;
	right:0;
}
#change_lang a{
	width:170px;
}

/* ----------------------------------------------言語セレクタ---- */
#lng_selector{
	width:1000px;
	margin:0 auto;
	position:relative;
}
#lng_selector img{
	vertical-align:middle;
}
#lang_sel{
	position:absolute;
	top:-50px;
	left:800px;
	text-align:left;
}
#lng_selector li{
	width:200px;
}

/*-------------------------------------------------グローバルナビ-- */

#gnavi {
	background: url(images/gnavi_bg.png) repeat-x #fff;
	height:75px;
	margin:0;
	position: relative;
}
.menu-navi-container{
	padding:10px 0;
}
#gnavi .menu {
	font-size: 13px;
	margin: 0 auto;
	width: 1000px;
	height:50px;
	border-right:1px dotted #7BADDD;
}
#gnavi ul {
	list-style: none;
	margin: 0;
}
#gnavi .menu li {
	float: left;
	position: relative;
	width:166px;
	text-align:center;
}
#gnavi a {
	color: #fff;
	font-weight:bold;
	display: block;
	line-height: 50px;
	padding: 0 10px;
	text-decoration: none;
	border-left:1px dotted #7BADDD;
}
#gnavi ul li ul {
	box-shadow: 0px 3px 3px rgba(13,95,175,0.8);
	-moz-box-shadow: 0px 3px 3px rgba(13,95,175,0.8);
	-webkit-box-shadow: 0px 3px 3px rgba(13,95,175,0.8);
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	float: left;
	width: 166px;
	z-index: 9999;
}
#gnavi ul li a:hover ul {
	display:block;
}
#gnavi ul ul li {
	min-width: 166px;
}
#gnavi ul ul ul {
	left: 100%;
	top: 0;
}
#gnavi .menu ul a {
	background: rgb(140,190,240);		/* for IE */
	background: rgba(140,190,240,0.9);
	line-height: 1em;
	padding:10px 0;
	width: 166px;
	height: auto;
	border:1px solid #7BADDD;
	border-width:1px 0 0;
	color: #fff;
}
#gnavi li:hover > a,
#gnavi ul ul :hover > a {
	background: rgb(23,123,221);		/* for IE */
	background: rgba(23,123,221,0.9);
	color: #AAD2FF;
}
#gnavi ul li:hover > ul {
	display: block;
}
#gnavi ul li.current_page_item > a,
#gnavi ul li.current-menu-ancestor > a,
#gnavi ul li.current-menu-item > a,
#gnavi ul li.current-menu-parent > a {
	color: #AAD2FF;
}
* html #gnavi ul li.current_page_item a,
* html #gnavi ul li.current-menu-ancestor a,
* html #gnavi ul li.current-menu-item a,
* html #gnavi ul li.current-menu-parent a,
* html #gnavi ul li a:hover {
	color: #AAD2FF;
}

/*-------------------------------------------------パンくず-- */
.crumb{
	font-size:90%;
	margin-bottom:20px;
	color:#fff;
}
.crumb a{
	color:#fff;
}

#wrapper {
	background: url(images/back.png) repeat-x left top;
	margin: 0;
}

#container {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	padding:10px 0;
}

#content {
	float: left;
	width: 760px;
	margin-left:10px;
	line-height:1.4;
}

.post {
	margin-bottom: 50px;
}

.post-title {
	font-size: 180%;
	line-height: 1.3;
	font-weight: bold;
	border-bottom:1px dotted #fff;
	margin-bottom:10px;
	font-family:serif;
	color:#fff;
	padding-bottom:5px;
	padding-left:10px;
}

.post-title a {
	color: #333333;
}

.page-subtitle {
	font-weight: 700;
	color: #CCC;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 15px;
}

.post-meta {
	font-size: 85%;
	color: #fff;
	margin:0px;
	text-align:right;
}

.post-meta a {
	color: #666666;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content {
	margin-top: 15px;
	background: url(images/cont_back.png) repeat-x;
	padding:20px;
	padding-bottom:50px;
}

.post-content h2 {
	font-size: 140%;
	margin-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content h3 {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content p {
	line-height: 1.3;
	margin-bottom: 10px;
}


.post-content img.alignleft {
	float: left;
}

.post-content img.alignright {
	float: right;
}


.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

/*----------------------------------------------------TOPページの設定-------- */
#top_content {
	float: left;
	width: 540px;
	margin-left:10px;
}
#topics,
#minfo{
	margin:0 0 20px;
	position:relative;
}
#topics .gotopics,
#minfo .gotopics{
	position:absolute;
	top:3px;
	left:435px;
}
#topics table,
#minfo table{
	margin:20px 10px;
	width:520px;
}
#topics table th,
#topics table td,
#minfo table th,
#minfo table td{
	padding:10px 5px;
	font-size:90%;
	border:none;
	line-height:1.3;
}
#topics table th,
#minfo table th{
	width:8em;
	text-align:center;
	color:#0065B5;
}
#topics .col_b,
#minfo .col_b{
	background:#F5FAFD;
}
#topics td a,
#minfo td a{
	color:#585858;
}
/*----------------------------------------------------TOPICS ARCHIVEの設定-------- */

#topics_archive{
	margin:20px 10px;
	width:700px;
}
#topics_archive th,
#topics_archive td{
	padding:10px 5px;
	font-size:90%;
	border:none;
	line-height:1.3;
}
#topics_archive th{
	width:8em;
	text-align:center;
	color:#0065B5;
}
#topics_archive .col_a{
	background:#F5FAFD;
}
#topics_archive td a{
	color:#585858;
}
/*----------------------------------------------------ページナビゲーションの設定-------- */
.tablenav {
	color: #2583ad;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}
a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}
a.page-numbers:hover {
	color:white;
	background: #039;
}
.tablenav .current {
	color: white;
	background: #039;
	border-color: #039;
	font-weight:bold;
}
.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:90%;
}



/*----------------------------------------------------Sidebarの設定-------- */
#sidebar_l {
	float: left;
	width: 220px;
}
#sidebar_r {
	float: right;
	width: 220px;
}

#sidebar_cm {
	float: left;
	width: 220px;
}
/*--------------------------------トップページ左側--*/
.side_top{
	width:220px;
	height:5px;
	background:url(images/side_top.gif) no-repeat;
	font-size:10%;
}
.side_mid{
	margin:0;
	padding:0 2px 5px;
	background:url(images/side_mid.gif) repeat-y;
}
.side_mid ul{
	margin:0;
}
.side_btm{
	width:220px;
	height:5px;
	background:url(images/side_btm.gif) no-repeat;
	font-size:10%;
}
.sidepanel{
	line-height:1.3;
	font-size:90%;
}
#sidebar_l .profile{
	width:210px;
	background:#fff;
	margin:0 auto;
	padding:5px 0;
}
#sidebar_l .profile .jc_name,
#sidebar_cm .profile .jc_name{
	background:url(images/side_name_bg.gif) repeat-x;
	color:#fff;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-align:center;
	margin:0 5px;
}
#sidebar_l .profile .jc_addr,
#sidebar_cm .profile .jc_addr{
	color:#999;
	margin:5px 20px;
	font-size:90%;
}

.sidepanel iframe,
.sidepanel #map_canvas,
.sidepanel #map_canvas_eng{
	margin-left:5px;
	margin-top:5px;
	border:1px solid #999;
}
#sidebar_l #counter{
	margin:10px 5px 5px;
	padding:5px;
	line-height:1.4;
	font-weight:bold;
	background-color:#fff;
}
#sidebar_l #counter p{
	border:#0E67AE solid;
	border-width:1px 0;
	color:#0E67AE;
}
#sidebar_l #counter ul{
	margin:5px 10px;
}
/*-------------------------------トップページ右側--*/
#sidebar_r .pre_top{
	background:url(images/pre_top.png) no-repeat;
	height:5px;
	font-size:10%;
}
#sidebar_r .pre_mid{
	background:url(images/pre_mid.png) repeat-x #0091E4;
	padding:0 10px;
	color:#fff;
}
#sidebar_r .pre_mid a{
color:#AEE66A;
}
#sidebar_r .pre_btm{
	background:url(images/pre_btm.png) no-repeat;
	height:5px;
	margin-bottom:10px;
	font-size:10%;
}
#sidebar_r .green_top,
#sidebar_cm .green_top{
	background:url(images/green_top.gif) no-repeat;
	height:5px;
	font-size:10%;
}
#sidebar_r .green_mid,
#sidebar_cm .green_mid{
	background:url(images/green_mid.gif) repeat-y;
	padding:0 5px 5px;
}
#sidebar_r .green_btm,
#sidebar_cm .green_btm{
	background:url(images/green_btm.gif) no-repeat;
	height:5px;
	margin-bottom:10px;
	font-size:10%;
}


.link_bnr{
	display:block;
	margin:0;
}
.link_bnr img{
	margin-bottom:5px;
}

#jc_blog{
	width:208px;
	border:solid #ccc;
	border-width:0 1px;
	font-size:90%;
	background:#fff;
}
#jc_blog dl{
	padding:0 10px;
}
#jc_blog dt{
	padding:10px 5px 5px;
	color:#0065B5;
}
#jc_blog dd{
	padding:0 5px 10px;
	border-bottom:dotted #ccc 1px;
}
#jc_blog_foot{
	margin-bottom:5px;
}
#jc_blog a{
	 color:#464646;
}
#recommend{
	width:208px;
	border:solid #ccc;
	border-width:0 1px;
	font-size:90%;
	background:#fff;
}
#recommend div{
	padding:0;
	line-height:1.4;
}
#recommend div.recom_title{
	font-size:120%;
	font-weight:bold;
	padding-top:5px;
}
#recommend div.recom_ph{
	text-align:center;
	padding:5px 0;
}
#recom_foot{
	margin-bottom:5px;
}

/*--------------------------------一般ページ左側--*/
.blue_top{
	width:220px;
	height:5px;
	background:url(images/blue_top.gif) no-repeat;
	font-size:10%;
}
.blue_mid{
	margin:0;
	padding:0 2px 5px;
	background:url(images/blue_mid.gif) repeat-y;
}
.blue_mid ul{
	margin:0;
}
.blue_btm{
	width:220px;
	height:5px;
	background:url(images/blue_btm.png) no-repeat;
	font-size:10%;
}
#sub_navi{
	padding-top:10px;
	margin:0 10px 50px;
	line-height:1.4;
}
#sub_navi li{
	background:url(images/sub_navi_arrow_off.gif) no-repeat left 5px;
	padding-left:12px;
}
#sub_navi li a{
	color:#eee;  
}
#sub_navi li.current_page_item{
	background:url(images/sub_navi_arrow_on.gif) no-repeat left 5px;
}
#sub_navi li.current_page_item a{
	color:#c6dff7;
	font-weight:bold;
}
/*----------------------------------------------------footerの設定-------- */
.gotop{
	text-align:right;
	margin:5px;
	font-size:100%;
}
#footer {
	text-align:center;
	margin:0;
	padding:0;
}
#footer a{
color:#464646;
}
#footer p{
	background:#bbb;
	font-size:85%;
	padding:10px 5px;
	color:#fff;
}

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}
#footer_logo{
	width:1000px;
	text-align:left;
	margin:0 auto;
	font-size:80%;
	position:relative;
}
#footer_logo p{
	margin-left:230px;
	background:#fff;
	color:#999;
}
/*----------------------------------------footer_linkの設定---*/
.f_link{
	position:absolute;
	text-align:right;
	top:30px;
	right:0;
	border-right:1px solid #999;
	padding-right:5px;
}

.f_link li{
	display:inline;
	border-left:1px solid #999;
	margin-left:5px;
	padding-left:5px;
}


/*----------------------------------------footer_naviの設定(不要？)---*/
#footer_navi{
	background:#f0f0f0;
	margin:0;
	padding:10px 0 20px;
}
#f_navi_wrap{
	width:804px;
	margin:0 auto;
}
#footer_navi .fnavi {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:180px;
	border-right:dashed 1px #999;
	text-align:left;
	line-height:1.4;
	margin-right:20px;
	font-size:80%;
	height:20em;
}
#footer_navi ul.fnavi h2{
	font-weight:normal;
	margin-bottom:5px;
	font-size:130%;
}
#footer_navi ul.fnavi h2.sub{
	margin-top:1em;
}
#footer_navi ul.fnavi_right{
	border:none;
}
ul.fnavi ul li ul.children{
	padding:0;
	margin:0;
	margin-left:1em;
}

#footer_navi ul li li{
	font-size:100%;
	border:none;
	line-height:1.4;
}



/*----------------------------------------------ヘッダーバナー部分の設定---*/
#h_wrap{
	margin:0;
}
#header_top{
	text-align:left;
	width:1000px;
	margin:0 auto;
}

.sm {
	list-style:none;
	width:670px;
	height:250px;
	display:block;
	overflow:hidden;
	float:left;
	background:url(images/header_banner_bg.png) repeat-x;
}
.sm li {
	float:left;
	display:inline;
	overflow:hidden
}
/*----------------------------------------------トップバナー部分の設定---*/
#top_banner{
	margin-bottom:20px;
}

/*----------------------------------------tableの基本設定---*/
.common_tbl{
	border-collapse:collapse;
	width:100%;
}
.common_tbl th,
.common_tbl td{
	background:#fff;
	font-size:12px;
	border:1px solid #999;
	padding:5px;
	line-height:1.4;
	vertical-align:middle;
}
.common_tbl table th,
.common_tbl table td{
	border:none;	
}
.red_bold{
	color:#f60;
	font-weight:bold;
}
/*---------------------------borderの設定----*/
.common_tbl table td.br_t{border-top:1px solid #999;}
.common_tbl table td.br_r{border-right:1px solid #999;}
.common_tbl table td.br_b{border-bottom:1px solid #999;}
.common_tbl table td.br_l{border-left:1px solid #999;}

.officer td{vertical-align:top;}
.common_tbl table td.clr_cell{background:none;}

/*----------------------------------------------------例会の案内リスト　設定-------- */

.meeting_list{
	border-bottom:1px solid #999;
	padding:10px;
	line-height:1.4;
}
.meeting_list .title a{
	font-size:120%;
	font-weight:bold;
	color:#0065B5;
	line-height:1.5;
}
.meeting_list .date{
	font-weight:bold;
	margin-left:3em;
}
.meeting_list .place{
	margin-left:3em;
}
.meeting_list .fee{
	color:#f30;
	font-weight:bold;
	margin-left:3em;
}
.member{
	font-size:90%;
	background-color:#0065B5;
	color:#fff;
	font-weight:bold;
	padding:0px 5px;
	margin-right:5px;
}
.senior{
	font-size:90%;
	background-color:#008000;
	color:#fff;
	font-weight:bold;
	padding:0px 5px;
	margin-right:5px;
}
.public{
	font-size:90%;
	background-color:#f00;
	color:#fff;
	font-weight:bold;
	padding:0px 5px;
}

/*----------------------------------------------------例会の案内シングル　設定-------- */
.meeting-info h2{
	font-size:120%;
	font-weight:bold;
}
.meeting-info h2 span.member{
	font-size:80%;
	background-color:#0065B5;
	color:#fff;
	font-weight:bold;
	padding:0px 5px;
	margin-right:5px;
}
.meeting-info h2 span.senior{
	font-size:80%;
	background-color:#008000;
	color:#fff;
	font-weight:bold;
	padding:0px 5px;
	margin-right:5px;
}
.meeting-info h2 span.public{
	font-size:80%;
	background-color:#f00;
	color:#fff;
	font-weight:bold;
	padding:0px 5px;
	margin-right:5px;
}
.meeting-info .outline{
	line-height:1.4;
	border:1px solid #ccc;
	padding:5px;
	margin-top:20px;
	font-weight:bold;
}
.outline dl{
margin-bottom:5px;
}
.outline dt,
.outline dd{
	float:left;
}
.outline dt{
	width:8em;
}
.outline .fee{
	color:#f30;
	font-weight:bold;
}

.meeting-info .cont{
	line-height:1.4;
}
.m-form{
	margin:20px 0;
}
.m-form a{
	display:block;
	background:#eee;
	width:10em;
	padding:10px;
	text-align:center;
	border:1px solid #999;
}
.m-form a:hover{
	text-decoration:none;
	background:#999;
	color:#fff;
}

/*----------------------------------------------------例会の報告リスト　設定-------- */
.report{
	border-bottom:1px solid #999;
	padding:10px;
	line-height:1.4;
}
.report dt{
	clear:left;
	float:left;
	color:#0065B5;
	padding-top:3px;
}
.report dd{
	font-size:120%;
	font-weight:bold;
	padding-left:5em;
}

/*----------------------------------------------------例会の報告シングル　設定-------- */
.report-title{
	position:relative;
}
.report-title span{
	display:block;
	font-size:60%;
	float:right;
	font-family:sans-serif;
	font-weight:normal;
	padding-top:8px;
}

/*----------------------------------------------------理事長挨拶　設定-------- */
.message{
	line-height:1.4em;
}
.message h2{
	font-weight:bold;
	font-size:130%;
}
.message p{
	text-indent:1em;
	line-height:1.5em;
}

/*----------------------------------------------------歴代理事長紹介　設定-------- */
#president{
	list-style-type:none;
	margin:0;
	padding:0
}
#president li{
	display:block;
	width:140px;
	float:left;
	text-align:center;
	margin-bottom:20px;
	margin-right:25px;
	line-height:1.3em;
}
#president li img{
	padding-bottom:3px;
}
/*----------------------------------------リンク集ページの設定---*/
.links ul{
	margin-bottom:30px;
}
.links ul ul{
	margin:0 0 0 10px;
}
.links ul ul li{
	margin-bottom:5px;
}
.links h3{
	font-size:120%;
	font-weight:bold;
	margin:5px 0;
}

/*----------------------------------------------------福岡JCについてページ　設定-------- */
.about{
	width:420px;
	float:left;
	margin-bottom:10px;
}
.about_r{
	width:270px;
	float:right;
	font-size:90%;
	border:solid #ccc;
	border-width:0 0 1px 1px;
	padding-left:5px;
	padding-bottom:5px;
	margin-bottom:10px;
}
.about_r strong{
	color:#00659c;
}
.about_r span{
font-size:90%;
}

/*----------------------------------------------------入会のご案内ページ　設定-------- */
.entry h4{
	border-left:5px solid #004F92;
	padding-left:5px;
	margin-top:30px;
	font-weight:bold;
	font-size:120%;
}
.entry h5{
	border:1px solid #999;
	padding:5px;
	font-weight:bold;
	margin-bottom:5px;
}
.entry p{
	margin:10px;
}
.entry table.basetable{
	width:500px;
	margin:10px;
	border-collapse:separate;
	border-spacing:3px;
}
.entry table.basetable th{
	font-weight:bold;
	padding:5px;
}
.entry table.basetable td{
	border-left:2px solid #666;
	border-bottom:1px solid #ccc;
	padding:5px 0 5px 5px;
	border-right:none;
	border-top:none;
}
.entry table.basetable .instyle{
	width:100%;
	margin-bottom:2em;
	margin-left:5px;
}
.entry table.basetable .instyle td{
	border-left:none;
	width:33%;
}
.entry a{
	color:#187dde;
}
.entry .entry_form{
	margin-top:30px;
	text-align:center;
}
.entry p{
	margin:0;
	margin-bottom:10px;
}

.entry .gray{
	color:#ccc;
}
.entry .arrow{
	text-align:center;
	margin-bottom:5px;
}
.entry .tx-left{
	float:left;
	line-height:1.3;
}
.entry .tx-right{
	float:right;
	text-align:left;
	line-height:1.3;
}
.entry .right90{
	margin-right:90px;
}
/*----------------------------------------------------入会フォーム　設定-------- */
#entry_form table{
	border-collapse:collapse;
	width:600px;
	margin-bottom:20px;
}
#entry_form table th,
#entry_form table td{
	border:1px solid #aaa;
	padding:5px;
	font-size:90%;
	line-height:2;
}
#entry_form table th{
	width:12em;
	font-weight:bold;
	background:#C5D9F0;
}
#entry_form table td{
	background:#eee;
}
#entry_form table th span{
	font-size:90%;
	color:#f00;
}
/*----------------------------------------------------サイトマップページ　設定-------- */
.links a{
	color:#464646;
}

/*----------------------------------------------------収支予算書ページ　設定-------- */
#budget table{border-collapse:collapse; width:100%;margin:0 auto;}
#budget th,td{border:1px solid #999;padding:2px;font-size:80%;}
#budget .kamoku{width:30%;font-weight:bold;}
#budget .amount{width:12%;text-align:right}
#budget thead .amount,thead th{text-align:center;font-weight:bold}
#budget .biko{width:34%}

/*----------------------------------------------------定款ページ　設定-------- */

#statute dd{
	margin-left:2em;
	text-indent:1em;
}
#statute dd.sub_line{
	text-indent:-1em;
}
#statute dd ul{
	text-indent:0;
	margin-left:1.6em;
}
#statute dd ul li{
	position:relative;
	list-style:none;
}
#statute dd ul li span{
	position:absolute;
	top:0;
	left:-1.6em;
}

/*----------------------------------------------------OB紹介ページ　設定-------- */
dl.ob{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #999;
}
dl.ob dt{
	float:left;
	display:block;
	width:150px;
}
dl.ob dd{
	float:left;
	width:570px;
	font-size:90%;
}
dl.ob dd .ob_name{
	margin-bottom:1em;
}
dl.ob dd .ob_name span{
	font-weight:bold;
	font-size:110%;
	color:#004d94;
}

/*----------------------------------------------------青年会議所とは　設定-------- */
.about_jc h2{
	font-weight:bold;
	font-size:130%;
}

/*----------------------------------------------------メルマガ登録フォーム　設定-------- */
.melmaga{
	border-collapse:collapse;
	width:600px;
}
.melmaga th,
.melmaga td{
	border:1px solid #ccc;
	padding:5px;
	line-height:1.3;
	background:#fff;
}
.melmaga td.tbl_title{
	background-color:#004d94;
	color:#FFF;
	font-weight:bold;
	font-size:100%;
}

/*----------------------------------------------------理事の紹介　設定-------- */
#officer h2{
	background:navy;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
#officer .of01{
	width:640px;
	margin:10px auto 30px;
}
#officer li{
	float:left;
	display:block;
	text-align:center;
	line-height:1.3;
}
#officer li img{
	vertical-align:top;
	padding-bottom:5px;
}

#officer .of02,
#officer .of03{
	width:720px;
	margin:10px auto 30px;
}
#officer .of02 li ul.of02b{width:460px;}
#officer .of05b{
	width:276px;
	margin:10px auto 30px;
}
#officer .of06{
	width:572px;
	margin:10px auto 30px;
}
#officer .of07{
	width:276px;
	margin:10px auto 30px;
}
#officer .of08{
	width:388px;
	margin:10px auto 30px;
}
#officer .of04,
#officer .of05,
#officer .of06,
#officer .of07{
	font-size:88%;
}
#officer .of01 li{ margin-right:80px;}
#officer .of02 li li{ margin-right:20px;}
#officer .of03 li{ margin-right:10px;}
#officer .of03 li.r40{ margin-right:40px;}
#officer .of04 li,
#officer .of05 li,
#officer .of06 li,
#officer .of07 li{ margin-right:20px;}
#officer li.r_end,
#officer .of02 li.r_end{margin-right:0px;float:right}


#officer .of01 li{width:280px;}
#officer .of02 li{width:220px;}
#officer .of03 li{width:165px;}
#officer .of04 li{width:165px;}
#officer .of05 li{width:128px;}
#officer .of06 li{width:128px;}
#officer .of07 li{width:128px;}
#officer .of08 li{width:184px;}


/*----------------------------------------------------理事長おすすめの一冊-------- */
.recom_books{
	padding-bottom:10px;
	border-bottom:2px dotted #ccc;
}
.recom_books .books_img{
	width:150px;
	margin-right:10px;
	float:left;
text-align:center;
}
.recom_books .books_img img{
text-align:center;
}

.recom_books .books_title{
	font-size:120%;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:10px;
}
.recom_books .books_comment{
	line-height:1.3;
}




.t150{	margin-top:150px;}
.b10{	margin-bottom:10px;}
.b30{	margin-bottom:30px;}
.f80{font-size:80%;}
.fb{font-weight:bold;}