@charset "UTF-8";

/* ブラウザスタイルの初期化 */

* {
  margin: 0;
  padding: 0;
  color: #000000;
  }

/* 文書本体 (body) */

body {
    line-height: 1.4em;
	background-color: #f2f2f2;
	font-size:14px;
}

/* リンクテキスト (a) */

a:link {
  color: #000000;
  text-decoration: none;
  }
a:visited {
  color: #000000;
  text-decoration: none;
  }
a:hover {
  color: #999999;
  text-decoration: none;
  }
a:active {
  color: #999999;
  text-decoration: none;
  }

/* 画像 (img) */
img {
  border: 0;
  }
  
/* フォームボタン (input) */
input[type="submit"]{
  padding:0 5px;
}
  
*+html input[type="submit"]{   /* for IE7 */
  padding-top:2px;
}
  
input{  /* for IE6 */
  _padding-top:2px;
}

input.name{
	width:140px;
	margin-top: 3px;
	margin-bottom: 3px;
}

input.endai{
	width:400px;
}

input.fullsize{
	width:95%;
}

textarea{
	width:100%;
	}

/* エラーメッセージ */
.error01{
    border:1px #FF0000 solid;
	padding:15px 15px 15px 40px;
	font-size:large;
	background:url(../img/ic_alert.png) no-repeat 15px center;
	margin-bottom:10px;
}

.alert_s{
    color:#FF0000;
}

.alert_l{
    font-size:medium;
	font-weight:bold;
	color:#FF0000;
	margin-bottom:10px;
}

.t_center{
    text-align:center;
}

/* ページトップ */
p.pagetop{
    float:right;
    text-align:right;
	clear:both;
	margin:10px 0; 
	padding:0px 0px 0px 14px; 
	font-size:12px; 
	background:url(../img/ic_pagetop.gif) 0px 5px no-repeat;
        white-space: nowrap;
	width:110px;
}

p.pagetop a{
	text-decoration:underline;
}

/* パンくず */
ol#topicPath {
	margin:0;
	padding: 0;
	font-size: 80%;
	list-style: none;
	line-height:normal;
}

ol#topicPath li {
	float: left;
	margin-right: 5px;
}

ol#topicPath li a {
	display: block;
	position: relative;
	padding: 2px 2em 1px 1em;
	background-image: url(../img/bg_bread.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

ol#topicPath li a:link,
ol#topicPath li a:visited {
	background-color: #DDAABF;
	color: #FFFFFF;
	text-decoration: none;
}

ol#topicPath li a:hover,
ol#topicPath li a:active {
	background-color: #C73566;
	color: #FFFFFF;
	text-decoration: none;
}

ol#topicPath li em {
	display: block;
	padding: 2px 1em 2px 1em;
	background-color: #F5F5F5;
	font-style: normal;
	font-weight: bold;
}

/* =========================================================
■Clearfix
========================================================= */

ol:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

ol {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html ol {
	height: 1%;
}

ol {
	display: block;
}
/* End hide from IE-mac */


/* Default */

div#container {
   	width:820px;
	background: url("../img/body_bg.gif") repeat-y;
    margin:0 auto;
}

#container #Contents {
    width:800px;
	background-color:#FFFFFF;
	margin:0 auto;
	height:100%;
}

#container #main {
	padding:15px;
	zoom: 100%;
}

#container #main:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#container #main .infobox {
	padding:0 30px 0 30px;
}

#container #main .infobox2 {
	padding:15px;
	margin:10px 15px 10px 15px;
	border:1px solid #cccccc;
	line-height:1.8em;
}

/* お知らせ */

#container #main .topinfo {
	padding:0 0 15px 0;
	border:1px solid #cccccc;
        margin:10px 0;
	float:left;
	width:345px;
}

#container #main .topinfo1 {
	padding:0 0 15px 0;
	border:0px;
        margin:10px 0;
	float:right;
        text-align: center;
	font-size:12px;
	width:345px;
}

#container #main .topinfo2 {
	padding:0 0 15px 0;
	border:1px solid #cccccc;
        margin:10px 0;
	float:right;
	width:345px;
}

#container #main .topinfo3 {
	padding:0 0 15px 0;
	border:1px solid #cccccc;
        margin:10px 0;
	clear:both;
	float:left;
	width:345px;
}

#container #main .topinfo h3,
#container #main .topinfo2 h3,
#container #main .topinfo3 h3{
	background: url("../img/img_ttl.jpg") repeat-x;
	padding:10px 10px 7px 10px;
	vertical-align:middle;
	font-size:16px;
	margin:0 0 10px 0;
}

#container #main .topinfo p,
#container #main .topinfo2 p{
	background: url("../img/ic_arrow.png") no-repeat 0 6px;
	padding-left:10px;
	margin:0 10px 5px 10px;
	font-size:12px;
}

#container #main .topinfo p a,
#container #main .topinfo2 p a{
    text-decoration:underline;
	
}

#container #main .topinfo3 p.title{
	padding-left:0px;
	margin:10px 7px 10px 7px;
}

#container #main .topinfo3 p.list{
	background: url("../img/ic_arrow.png") no-repeat 0 6px;
	padding-left:10px;
	margin:0 10px 5px 10px;
	font-size:12px;
}

#container #main .topinfo3 p.list a{
    text-decoration:underline;

}

#container #main .topinfo3 hr {
    margin: 20px 10px 20px 10px;
    color: #c0c0c0;
    }

#container #main .setup {
    padding:15px;
	border:1px solid #cccccc;
	background-color:#F5E7ED;
	float:right;
	margin-top:10px;
	width:315px;
}

#container #main .setup:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#container #main .setup p.ttl {
    font-weight:bold;
}

#container #main .setup .btn {
    display:inline-block;
    background: url("../img/btn_setup.png") no-repeat;
	height:48px;
	width:160px;
    position:relative;
	float:right;
    text-align:center;
    vertical-align:middle;
}

#container #main .setup .btn p {
    position:relative;
    top:30%;
	font-size:16px;
}

#container #main .setup p a:hover{
    color: #C73566;
}

/* 支部集談会エントリ */

div.tablebox{
	padding:20px;
	width:730px;
}
table.entrytable{
	margin-left:auto;
	margin-right:auto;
	width:550px;
	border-collapse:collapse;
}
table.entrytable tr th{
	width:10em;
	background-color:#B74875;
	vertical-align:middle;
	padding:10px;
	border:1px solid #CCC;
	color:#fff;
}
table.entrytable tr td{
	vertical-align:middle;
	padding:10px;
	border:1px solid #CCC;
}


/* Default（ヘッダー） */
  
div#header {
	height:64px;
	background:url(../img/header_bg01.gif) left top no-repeat;
}

h1#logo {
	float:left;
}


div#header p {
	float:right;
	font-size:12px;
	padding-left: 1em;
	margin-right: 1em;
	margin-top: 37px;
	background: url(../img/listMark_01.gif) no-repeat 0.1em;
}

/* main内（ログイン） */

div#main h2{
    background:url(../img/h2.jpg) repeat-x;
    font-size:16px;
	border-bottom:1px solid #cccccc;
	padding-top:10px;
	padding-left:10px;
	margin:10px 0 20px 0;
}

div#main h3{
    background-color:#DDAABF;
    font-size:14px;
	border-bottom:1px solid #cccccc;
	padding-top:2px;
	padding-left:10px;
	margin:10px 0 0 0;
	clear:both;
}

div.entryarea {
    width: 710px;
	margin:0 auto;
}
div#grn-borderbox-left {
    border: 5px solid #B54A78;
    float: left;
    padding: 0.5em;
    width: 290px;
	margin-left:50px;
	_margin-left:25px;
}
div#grn-borderbox-left p.normal {
    margin-left: 20px;
}
div#grn-borderbox-left p.arrow-01 {
    background: url("../img/ic_arrow.png") no-repeat 0 5px;
    margin-top:10px;
    margin-left: 20px;
    padding-left:10px;
    vertical-align:middle;
    text-decoration:underline;
}
div#grn-borderbox-left img {
    margin-bottom:10px;
}
div.grayarea {
    background-color: #E6E6E6;
    margin:10px auto;
    padding: 10px;
}
div#grn-borderbox-right {
    border: 5px solid #B54A78;
    float: right;
    margin-bottom: 20px;
    padding: 0.5em;
    width: 250px;
	margin-right:50px;
	_margin-right:25px;
}
div#grn-box-right {
    background-color: #B54A78;
    float: right;
    padding: 0.5em;
    width: 260px;
}
div#grn-borderbox-right p.arrow-01 {
    background: url("../img/ic_arrow.png") no-repeat 0 5px;
    margin-top:10px;
    margin-left: 20px;
    padding-left:10px;
    vertical-align:middle;
    text-decoration:underline;
}
div#grn-borderbox-info {
    width: 590px;
    margin-left:50px;
    background-color: #E6E6E6;
    margin:10px auto;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
}
div#grn-box-right p.arrow-02 {
    background-image: url("../img/arrow-02.gif");
    background-position: left 5px;
    background-repeat: no-repeat;
    padding-left: 18px;
}
div#link p{
    background: url("../img/ic_arrow.png") no-repeat 0 5px;
    margin-top:10px;
    margin-left: 0px;
    padding-left:10px;
    vertical-align:middle;
    text-decoration:underline;
}

/* main内（新規登録・パスワード忘れ） */
#main .infobox table {
	border:#ccc 1px solid;
	width:710px;
	margin:10px auto 20px auto;
}
#main .infobox table td,th {
/*	padding:3px 5px*/
	padding-top:10px;
	padding-right:10px;
}
#main .infobox table th {
	background:#e6e6e6;
	font-weight: normal;
	text-align: left;
/*	width:160px;
}
#main .infobox table td {
	background:#fafafa*/
	width: 120px;
	padding-left: 8px;
}


#main .infobox table .radio {
	text-align:center;
}

#main .revise table th {
	font-weight: normal;
	text-align: left;
}

#main .infobox table td {
	background:#fafafa;
	padding-top:10px;
	padding-bottom: 5px;
	padding-bottom:10px;
	padding-left:5px;
}

#main .infobox table td span {
	padding-left:10px;
}
#main .infobox table td.button {
	width:120px;
	text-align:center;
}

/* main内（新規登録確認） */
#main p.confirm{
   margin:0 0 10px 0;
}






















/* メインメニュー */

div#headerLinkbarList {
	height:50px;
	background:url(../img/linkbar_bg.gif) left top repeat-x;
}
div#headerLinkbarList ul{
}
div#headerLinkbarList ul li#member {
	display:inline;
	width:130px;
	background:no-repeat left top;
	height: 45px;
	float: left;
}
div#headerLinkbarList ul li#cetizen {
	display:inline;
	width:138px;
	background:no-repeat left top;
	float:left;
}
div#headerLinkbarList ul li#society {
	display:inline;
	width:203px;
	background:no-repeat left top;
	height: 45px;
	float: left;
}
div#headerLinkbarList ul li#meeting {
	display:inline;
	width:125px;
	background:no-repeat left top;
	float:left;
}






    

div#members {
	float:left;
	width: 300px;
	text-align: left;
	border-right: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
div#members ul {
	list-style:none;
}
div#members ul li {
	list-style:none;
	padding-bottom: 3px;
}


div#citizen{
	width: 29%;
	float:right;
	text-align: left;
}

div#officeAddress{
	border:1px solid #CCCCCC;
	padding:10px;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 15px;
	clear: both;
	margin-top: 15px;
	height: 38px;
}

div#officeAddress p.address {
	font-size:smaller;
	float: left;
}

	
#container #officeAddress #mapbtn {
	float: right;
}

#footer {
	clear:both;
	height:80px;
	background:url(../img/footer_bg.gif) left top no-repeat;
	border-top:1px solid #c5c5c5;
}

#toppage #officeAddress p#mapbtn { float:right; width:84px;margin-right:20px;}#topics {
	background: no-repeat left top;
	height: 51px;
	width: 173px;
	margin: 0px;
	padding: 0px;
}

#Contents #LeftContent {
	width: 415px;
	float: right;
}
#Contents #update {
	background-color: #eeeeee;
	padding: 8px 5px 5px;
	font-size: 12px;
	color: #333333;
	margin-top: 4px;
}
#Contents #update #upframe {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 5px;
	margin: 5px;
}
#Contents #update table td {
	padding: 5px;
	font-size: 12px;
}
#Contents #update table a {
	text-decoration: underline;
}

#Contents #update dl {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 10px;
	margin: 5px 0px 0px;
	line-height: 2em;
}
#Contents #update dt {
	float: left;
	margin-right: 10px;
	padding: 0px;
}
#Contents #update dd a {
	text-decoration: underline;
}
#sidebar {
	margin-top: 15px;
}
#sidebar #left {
	float: left;
	margin-right: 13px;
}
#sidebar #left ul li{
	list-style-type: none;
	padding-bottom: 3px;
}
#sidebar #left ul .btm{
	padding-bottom: 8px;
}
#sidebar #right {
	text-align: right;
}





/* common */
#header a {
    color: #000000;
    text-decoration: none;
}
#header a:active, #header a:hover {
    color: #999999;
}
img {
    border: 0 none;
}
img.left {
    border: 0 none;
    float: left;
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
#wrap01 {
    margin: 0;
    padding: 0;
    width: 810px;
}
#wrap02 {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    width: 800px;
}

h1 {
    float: left;
}
div#headerLinkbar {
    background: url("../img/linkbar_bg.gif") repeat-x scroll left top transparent;
    clear: both;
    display: block;
    height: 50px;
}
div#search {
    float: right;
    margin: 14px 10px 0 0;
}
div#search input, div#search button {
    border: 1px solid #666666;
}
div#search input.text {
    height: 18px;
    text-align: center;
    vertical-align: middle;
    width: 118px;
}
div#search input.button {
    background-color: #4C4C4C;
    color: #FFFFFF;
    height: 20px;
    margin-left: 2px;
    text-align: center;
    vertical-align: middle;
    width: 35px;
}
#ContentsTop {
    height: 215px;
    margin: 0 5px;
}

#Contents #topicTitle {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EFF0F2;
    border-color: #C5C5C5 #C5C5C5 #C5C5C5 #68BDDC;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    font-size: large;
    margin-bottom: 15px;
    padding: 4px 7px;
}
#wrap03 {
    margin: 15px 6px 0;
}
p#pan {
    font-size: x-small;
    line-height: 1.8em;
    margin-bottom: 1em;
}
p.totop {
    background: url("../img/listMark_03.gif") no-repeat scroll right 0.1em transparent;
    clear: both;
    font-size: 12px;
    padding-right: 12px;
    text-align: right;
}
#ContentsLeft {
    float: left;
    width: 360px;
}
#ContentsRight {
    float: right;
    width: 360px;
}
table.table01 {
    border: 1px solid #BBBBBB;
    color: #666666;
    margin-bottom: 10px;
}
table.table01 tr td {
    padding: 4px 9px;
}
table.table01 tr td.index {
    background-color: #EEF0F1;
    border-bottom: 1px solid #BBBBBB;
    color: #000000;
    font-size: medium;
    font-weight: bold;
}
#footer {
    background: url("../img/footer_bg.gif") no-repeat scroll left top transparent;
    border-top: 1px solid #C5C5C5;
    clear: both;
    height: 80px;
}
#footer p {
    font-size: 10px;
    margin: 37px 0 0 10px;
}
html > body #footer p {
    margin: 25px 0 0 10px;
}
ul.indexList {
    float: left;
    margin-bottom: 0;
    margin-left: 3px;
    margin-top: 3px;
    padding: 0;
}
ul#society.indexList {
    background: url("../img/ul_society_bg.gif") no-repeat scroll center top transparent;
    width: 173px;
}
ul#event.indexList {
    background: url("../img/ul_event_bg.gif") no-repeat scroll center top transparent;
    margin-right: 3px;
    width: 150px;
}
html > body ul.indexList {
}
ul.indexList li {
    display: inline-table;
    height: 26px;
    list-style: none outside none;
    margin: 0;
}
html > body ul.indexList li {
    height: 26px;
    margin-top: 1px;
}
ul.indexList li.history {
    background: url("../img/top_list_history.gif") no-repeat scroll left top transparent;
}
ul.indexList li.active {
    background: url("../img/top_list_activity.gif") no-repeat scroll left top transparent;
}
ul.indexList li.rule {
    background: url("../img/top_list_rule.gif") no-repeat scroll left top transparent;
}
ul.indexList li.topics {
    background: url("../img/top_list_topics.gif") no-repeat scroll left top transparent;
}
ul.indexList li.opinion {
    background: url("../img/top_list_opinion.gif") no-repeat scroll left top transparent;
}
ul.indexList li.general {
    background: url("../img/top_list_general.gif") no-repeat scroll left top transparent;
}
ul.indexList li.greeting {
    background: url("../img/top_list_greeting.gif") no-repeat scroll left top transparent;
}
ul.indexList li.program {
    background: url("../img/top_list_program.gif") no-repeat scroll left top transparent;
}
ul.indexList li.call {
    background: url("../img/top_list_call.gif") no-repeat scroll left top transparent;
}
ul.indexList li.access {
    background: url("../img/top_list_access.gif") no-repeat scroll left top transparent;
}
ul#headerLinkbarList li {
    display: block;
    float: left;
    height: 45px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul#headerLinkbarList li#member {
    background: url("../img/list_member.gif") no-repeat scroll left top transparent;
    display: block;
    width: 130px;
}
ul#headerLinkbarList li#cetizen {
    background: none no-repeat scroll left top transparent;
    display: block;
    width: 138px;
}
ul#headerLinkbarList li#society {
    background: none no-repeat scroll left top transparent;
    display: block;
    width: 203px;
}
ul#headerLinkbarList li#meeting {
    background: none no-repeat scroll left top transparent;
    display: block;
    width: 125px;
}
ul#headerLinkbarList li#member.active {
    background: none no-repeat scroll left top transparent;
    display: block;
    width: 130px;
}
ul#headerLinkbarList li#cetizen.active {
}
ul#headerLinkbarList li#society.active {
}
ul#headerLinkbarList li#meeting.active {
}
ul.guide {
}
ul.guide li {
    background: url("../img/listMark_01.gif") no-repeat scroll 0 0.1em transparent;
    display: block;
    float: left;
    font-size: 12px;
    list-style: none outside none;
    padding: 0 12px 0 11px;
}
ul#top.guide {
    float: right;
    margin: 37px 0 0;
    text-align: right;
}
ul#bottom.guide {
    float: right;
    margin: 7px 0 0;
    text-align: right;
}
table.table01 ul {
    margin-top: 0.4em;
}
table.table01 ul li {
    background: url("../img/listMark_02.gif") no-repeat scroll 0 0.3em transparent;
    display: block;
    line-height: 1.4em;
    list-style: none outside none;
    margin-right: 8px;
    padding-left: 10px;
}
table.table01 ul.onecolumn li {
    background: url("../img/listMark_02.gif") no-repeat scroll 10px 0.3em transparent;
    float: none;
    padding-left: 20px;
    width: auto;
}
table.table01 ul li a {
    color: #559EC0;
}
table.table01 ul li a:visited {
    color: #28578B;
}
table.table01 ul li a:hover {
    color: #28578B;
}
th, td {
    font-size: 12px;
}
#toppage #officeAddress {
    border: 1px solid #CCCCCC;
    margin-bottom: 15px;
    margin-left: 15px;
    padding: 10px;
    width: 750px;
}
#toppage #officeAddress p {
    font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
    font-size: small;
}
#toppage #officeAddress p#mapbtn {
    float: right;
    margin-right: 20px;
    width: 84px;
}
#topics {
    background: url("../img/top_list_topics.gif") no-repeat scroll left top transparent;
    height: 51px;
    margin: 0;
    padding: 0;
    width: 173px;
}

div.endai_content {
        font-size: 12px;
	width:710px;
	margin:10px auto 20px auto;
}

div.endai_content div.endai_title {
	background:#e6e6e6;
	font-weight: normal;
	text-align: left;
        float: left;
        padding: 20px 10px 0px 5px;
        height: 30px;
	width:120px;
}

div.endai_content div.endai_input {
	background:#fafafa;
        float: left;
        padding: 20px 25px 0px 5px;
        height: 30px;
	width:500px;
}

div.author_content {
        font-size: 12px;
	width:710px;
	margin:10px auto 20px auto;
}

div.author_content div.author_title {
	background:#e6e6e6;
        float: left;
        vertical-align: text-bottom;
        padding: 20px 10px 0px 5px;
        margin: 2px 0px 0px 0px;
        height: 30px;
	width:120px;
}
div.author_content div.author_name {
	background:#fafafa;
        padding: 5px 10px 0px 5px;
        margin: 2px 0px 0px 0px;
        height: 45px;
	width:400px;
        float: left;
        text-align: left;
}
div.author_content div.author_name input.author_text {
	width:160px;
}
div.author_content div.author_btn {
	background:#fafafa;
        padding: 15px 10px 0px 5px;
        margin: 2px 0px 0px 0px;
        height: 35px;
	width:100px;
        float: left;
}

div.belong_content {
	width:710px;
	margin:10px auto 20px auto;
        font-size: 12px;
}

div.belong_content div.belong_title {
	background:#e6e6e6;
	text-align: left;
        float: left;
        padding: 20px 10px 0px 5px;
        margin: 2px 0px 0px 0px;
        height: 30px;
	width:120px;
}

div.belong_content .belong_input {
	background:#fafafa;
        vertical-align:middle;
        float: left;
        padding: 20px 10px 0px 5px;
        margin: 2px 0px 0px 0px;
        height: 30px;
	width:400px;
}

div.belong_content .belong_btn {
	background:#fafafa;
        vertical-align:middle;
        float: left;
        padding: 15px 10px 0px 5px;
        margin: 2px 0px 0px 0px;
        height: 35px;
	width:100px;
}

div.ocs_btn_layout {
	width:710px;
	margin:10px auto 20px auto;
        font-size: 12px;
        text-align: center;
        padding:10px 10px 10px 10px;
}

div.ocs_btn_layout input.ocs_btn {
        width:80px;
        float:none;
}