@charset "utf-8";
/* CSS3 Document */

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    outline: none;
}

img {
    border: none;
    vertical-align: bottom;
}

.clearfix {
    overflow: hidden;
}

*html .clearfix {
    zoom: 1;
    /*IE6用*/
}

.clear {
    clear: both;
}

p {
    padding: 5px 0;
}

table {
    border-collapse: collapse;
}

body {
    margin: 10px auto 0;
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #373737;
    font-size: 14px;
    background: url(images/base/obi.png) repeat-x;

}

/*------------------------------------------------------------
	Navi
------------------------------------------------------------*/
#nav {
    margin: 25px auto 0;
    padding-top: 8px;
    width: 1200px;
    height: 172px;
    text-align: left;
    line-height: 0;
    position: relative;
}

#logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

#nav ul {
    margin-left: 166px;
}

#nav li {
    float: left;
}

.nav8 {
    width: 120px;
    height: 28px;
    margin: -3px 0 0 15px;
    padding-top: 6px;
    text-align: center;
    line-height: 1.5;
    position: absolute;
    right: 40px;
    z-index: 9999;
}

h2.trigger {
    width: 118px;
    height: 22px;
    padding-top: 2px;
    font-size: 15px;
    font-weight: normal;
    background: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    z-index: 9999;
    overflow: hidden;
}

h2.trigger.active {
    background: #f7f7f7;
}

.toggle_container {
    margin: 0;
    padding: 0;
    display: none;
}

.toggle_container ul {
    width: 120px;
    margin-left: 0px !important;
    border-bottom: 1px solid #ccc;
    background: #fff;
    z-index: 9999;
}

.toggle_container li a {
    display: block;
    width: 118px;
    height: 20px;
    margin: 0;
    padding: 3px 0 0 0;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #ebf7fa;
    z-index: 10000;
}

.toggle_container li a:hover {
    color: #000;
    background: #bee5f1;
}


.nav8 dl {
    position: absolute;
    top: 13px;
    right: 0px;
    z-index: 999;
    width: 120px;
    cursor: pointer;
}

.nav8 dt {
    padding-top: 2px;
    font-size: 15px;
    background: #fff;
    border: 1px solid #ccc;
}

.nav8 dd a {
    display: block;
    width: 118px;
    height: 20px;
    margin: 0;
    padding: 3px 0 0 0;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #eee;
}

.nav8 dd a:hover {
    color: #000;
    background: #ddd;
}


/*------------------------------------------------------------
	TOP
------------------------------------------------------------*/
#top_content {
    clear: both;
    margin: 0 auto;
    padding: 10px 0 40px;
    width: 1200px;
    height: 900px;
    min-width: 1200px;
    position: relative;
}

div.ticker {
    margin: 0 20px 0px 40px;
    width: 660px;
    position: relative;
    overflow: hidden;
    border: 1px dotted #777;
    z-index: 1000;
}

div.ticker ul {
    height: 1.6em;
}

div.ticker ul li {
    float: left;
    display: inline;
    clear: both;
    text-align: left;
    list-style-type: none;
    position: relative;
    line-height: 1.6em;
    margin-bottom: -1.6em;
}

div.ticker ul li a {
    color: #ee2020;
}

#recently {
    margin: 15px 0 0 40px;
    overflow: auto;
    width: 662px;
    height: 430px;
    text-align: left;
    line-height: 1.0;
    position: absolute;
    z-index: 1000;
}

#recently ul {
    border-top: 1px dotted #777;
    border-top: 2px dashed #ee2020;
}

#recently li {
    clear: both;
    height: 40px;
    padding: 12px 0 12px;
    border-bottom: 1px dotted #777;
}

#recently li a {
    color: #373737;
    text-decoration: none;
}

#recently li a:hover {
    color: #ee2020;
    text-decoration: underline;
}

.recently_date {
    clear: both;
    float: left;
    height: 15px;
    width: 110px;
    padding: 3px 0 3px 12px;
    background: url(images/base/recently_icon.png) no-repeat;

}

.recently_cat {

    float: left;
    width: 90px;
    height: 15px;
    padding: 4px 0 2px;
    color: #fff;
    font-size: 90%;
    text-align: center;
    font-weight: bold;
    border-radius: 4px;
}

.recently span {
    margin: 3px 0;
    width: 90px;
    height: 15px;
    padding: 3px 0;
    color: #fff;
    font-size: 90%;
    text-align: center;
    font-weight: bold;
    border-radius: 4px;
}

.sinbun {
    background: #398cd9;
}

.youth {
    background: #79cce7;
}

.woman {
    background: #ef99c9;
}

.shop {
    background: #fc9602;
}

.tv {
    background: #000;
}

.katsudo {
    background: #7742d8;
}

.topic {
    background: #315dff;
}

.recently_text {
    clear: both;
    /*float: right;*/
    width: 630px;
    padding: 7px 0 3px 13px;
}



#map {
    clear: both;
    margin: 0 auto 0;
    width: 1200px;
    height: 900px;
    text-align: left;
    background: url(images/top/map_bg.png) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}

/*#map a:hover img {
	opacity: 0.70;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  -ms-filter: "alpha(opacity=70)";
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

.tokyo_list {
	position: absolute;
	top: 762px;
	right: 145px;
	z-index: 999;
	text-align: center;
}*/

#koukoku {
    position: absolute;
    top: 53px;
    right: 306px;
    z-index: 999;
    width: 180px;
    height: 157px;
}

#hokkaido {
    position: absolute;
    top: 25px;
    right: 33px;
}

#aomori {
    position: absolute;
    top: 218px;
    right: 138px;
}

#akita {
    position: absolute;
    top: 276px;
    right: 215px;
}

#iwate {
    position: absolute;
    top: 276px;
    right: 138px;
}

#yamagata {
    position: absolute;
    top: 349px;
    right: 215px;
}

#miyagi {
    position: absolute;
    top: 349px;
    right: 138px;
}

#fukushima {
    position: absolute;
    top: 423px;
    right: 138px;
}

#gunma {
    position: absolute;
    top: 495px;
    right: 275px;
}

#tochigi {
    position: absolute;
    top: 495px;
    right: 214px;
}

#ibaraki {
    position: absolute;
    top: 495px;
    right: 138px;
}

#saitama {
    position: absolute;
    top: 565px;
    right: 214px;
}

#saitama2 {
    position: absolute;
    top: 505px;
    right: 138px;
    z-index: 100;
    display: none;
}

#tokyo {
    position: absolute;
    top: 602px;
    right: 232px;
}

#tokyo2 {
    position: absolute;
    top: 565px;
    right: 138px;
    z-index: 100;
    display: none;
}

#kanagawa {
    position: absolute;
    top: 627px;
    right: 234px;
}

#chiba {
    position: absolute;
    top: 602px;
    right: 138px;
}

#chiba2 {
    position: absolute;
    top: 565px;
    right: 80px;
    z-index: 100;
    display: none;
}

#sado {
    position: absolute;
    top: 384px;
    right: 285px;
}

#niigata {
    position: absolute;
    top: 395px;
    right: 254px;
}

#toyama {
    position: absolute;
    top: 421px;
    right: 361px;
}

#gifu {
    position: absolute;
    top: 495px;
    right: 398px;
}

#nagano {
    position: absolute;
    top: 495px;
    right: 318px;
}

#nagano2 {
    position: absolute;
    top: 455px;
    right: 250px;
    z-index: 100;
    display: none;
}

#yamanashi {
    position: absolute;
    top: 603px;
    right: 305px;
    z-index: 99;
}

#sizuoka {
    position: absolute;
    top: 660px;
    right: 305px;
}

#aichi {
    position: absolute;
    top: 660px;
    right: 420px;
}

#aichi2 {
    position: absolute;
    top: 650px;
    right: 340px;
    z-index: 100;
    display: none;
}

#ishikawa {
    position: absolute;
    top: 379px;
    right: 433px;
}

#fukui {
    position: absolute;
    top: 512px;
    right: 433px;
}

#shiga {
    position: absolute;
    top: 571px;
    right: 484px;
}

#mie {
    position: absolute;
    top: 647px;
    right: 484px;
}

#mie2 {
    position: absolute;
    top: 624px;
    right: 440px;
    z-index: 100;
    display: none;
}

#kyoto {
    position: absolute;
    top: 512px;
    left: 545px;
}

#kyoto2 {
    position: absolute;
    top: 488px;
    left: 475px;
    z-index: 100;
    display: none;
}

#osaka {
    position: absolute;
    top: 596px;
    left: 545px;
}

#osaka2 {
    position: absolute;
    top: 520px;
    left: 486px;
    z-index: 100;
    display: none;
}

#nara {
    position: absolute;
    top: 596px;
    left: 582px;
}

#wakayama {
    position: absolute;
    top: 663px;
    left: 545px;
}

#hyogo {
    position: absolute;
    top: 512px;
    left: 473px;
}

#awaji {
    position: absolute;
    top: 648px;
    left: 498px;
}

#tottori {
    position: absolute;
    top: 512px;
    left: 400px;
}

#shimane {
    position: absolute;
    top: 512px;
    left: 317px;
}

#okayama {
    position: absolute;
    top: 576px;
    left: 400px;
}

#hiroshima {
    position: absolute;
    top: 576px;
    left: 317px;
}

#hiroshima2 {
    position: absolute;
    top: 522px;
    left: 273px;
    z-index: 100;
    display: none;
}

#yamaguchi {
    position: absolute;
    top: 512px;
    left: 262px;
}

#kagawa {
    position: absolute;
    top: 660px;
    left: 416px;
    z-index: 99;
}

#tokusima {
    position: absolute;
    top: 693px;
    left: 416px;
    z-index: 99;
}

#ehime {
    position: absolute;
    top: 662px;
    left: 310px;
}

#kouchi {
    position: absolute;
    top: 715px;
    left: 310px;
}

#nagasaki {
    position: absolute;
    top: 562px;
    left: 71px;
}

#saga {
    position: absolute;
    top: 562px;
    left: 131px;
    z-index: 99;
}

#fukuoka {
    position: absolute;
    top: 562px;
    left: 172px;
}

#fukuoka2 {
    position: absolute;
    top: 532px;
    left: 112px;
    z-index: 100;
    display: none;
}

#kumnoto {
    position: absolute;
    top: 670px;
    left: 163px;
}

#ooita {
    position: absolute;
    top: 648px;
    left: 224px;
}

#miyazaki {
    position: absolute;
    top: 729px;
    left: 224px;
    z-index: 99;
}

#kagoshima {
    position: absolute;
    top: 784px;
    left: 163px;
}

#okinawa {
    position: absolute;
    top: 765px;
    left: 7px;
}

/*------------------------------------------------------------
	下層ページ
------------------------------------------------------------*/
#content {
    clear: both;
    margin: 0 auto;
    padding-bottom: 40px;
    width: 1000px;
    text-align: center;
}

#content p {
    line-height: 1.5;
}

#mainimage {
    margin: 20px auto 0;
    width: 1000px;
}

.b_pink {
    border: 2px solid #ef99c9;
}

.b_blue {
    border: 2px solid #93d7ed;
}

#page_title {
    height: 45px;
    padding-top: 45px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    line-height: 1.0em;
}

.title {
    clear: both;
    height: 50px;
    margin: 30px 0;
    padding-top: 25px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    line-height: 1.0em;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.title a {
    color: #315cff;
}

.title a:hover {
    color: #7742d8;
}

.link a {
    color: #3051e1;
}

.link a:hover {
    color: #cf3762;
}

.content_box {
    clear: both;
    margin: 50px 0 30px;
}

/*------------------------------------------------------------
	会員メリット
------------------------------------------------------------*/
.merit_text_01 {
    padding-bottom: 30px;
    font-size: 20px;
    line-height: 1.4;
}

.merit_text_02 {
    padding: 10px 0 10px 40px;
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
}

.merit_01 {
    width: 1000px;
    height: 20px;
    margin: 0 0 15px 40px;
    padding: 8px 17px;
    /*color: #315cff;*/
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    background: url(images/base/obi_01.jpg) no-repeat;
    /*border-bottom: 1px solid #315cff;*/
}

.merit_02 {
    width: 1000px;
    height: 20px;
    margin: 0 0 15px 40px;
    padding: 8px 17px;
    /*color: #315cff;*/
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    background: url(images/base/obi_02.jpg) no-repeat;
    /*border-bottom: 1px solid #315cff;*/
}

.maru_01 {
    margin: 0 10px 0 4px;
    padding: 1px 9px;
    color: #fff;
    font-size: 20px !important;
    background: #315cff;
    background: #373737;
    border-radius: 16px;
}

.maru_02 {
    margin: 0 10px 0 4px;
    padding: 1px 7px 1px 3px;
    color: #fff;
    font-size: 20px !important;
    letter-spacing: -3px;
    background: #315cff;
    background: #373737;
    border-radius: 16px;
}

.merit_text_03 {
    padding: 10px 0 30px 80px;
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
}

.merit_text_04 {
    padding: 10px 0 30px 40px;
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
}

/*------------------------------------------------------------
	各都道府県ページ
------------------------------------------------------------*/
/*#metropolis {
	margin-bottom: 100px;
}*/
#metropolis ul {
    position: relative;
    font-weight: bold;
    z-index: 99;
}

#metropolis ul li {
    float: left;
    width: 200px;
    height: 60px;
    margin: 15px 5px 60px 40px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 1.0em;

}

#metropolis ul li a {
    display: block;
    height: 40px;
    padding: 20px 0 0px;
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a684d+6,509e85+31,70bf93+42,70bf94+48,509e85+61,2a684d+84 */

    background: -moz-linear-gradient(left, #2a684d 6%, #509e85 31%, #70bf93 42%, #70bf94 48%, #509e85 61%, #2a684d 84%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(6%, #2a684d), color-stop(31%, #509e85), color-stop(42%, #70bf93), color-stop(48%, #70bf94), color-stop(61%, #509e85), color-stop(84%, #2a684d));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #2a684d 6%, #509e85 31%, #70bf93 42%, #70bf94 48%, #509e85 61%, #2a684d 84%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #2a684d 6%, #509e85 31%, #70bf93 42%, #70bf94 48%, #509e85 61%, #2a684d 84%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #2a684d 6%, #509e85 31%, #70bf93 42%, #70bf94 48%, #509e85 61%, #2a684d 84%);
    /* IE10+ */
    background: linear-gradient(to right, #2a684d 6%, #509e85 31%, #70bf93 42%, #70bf94 48%, #509e85 61%, #2a684d 84%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a684d', endColorstr='#2a684d', GradientType=1);
    /* IE6-9 */
    background: #4fa975;
    /* Old browsers */

    background: #348E8A;
}

.f_18 {
    font-size: 18px !important;
    padding-top: 2px;
}

ul.menu {
    padding-bottom: 50px;
}

.sub {
    height: 120px;
    position: absolute;
    z-index: 999;
}

#metropolis ul {
    padding-bottom: 130px;
}

#metropolis ul li ul li {
    clear: both;
    width: 200px;
    height: 35px;
    padding: 1px;
    margin: 0 0 0 -1px;
    font-size: 16px;
    text-align: left;

}

#metropolis ul li ul li a {
    height: 24px;
    margin: 0;
    padding: 12px 0 0 20px;
    color: #fff;
    background: #8bd78b;
    border-bottom: 1px solid #4fa975;
}

#metropolis ul li ul li a:hover {
    color: #fff;
    background: #348E8A;
}

#metropolis table {
    margin: 0 auto;
    width: 1000px;
    color: #555;
}

#metropolis th {
    padding: 12px 0;
    color: #555;
    border-bottom: 1px dotted #555;
}

#metropolis td {
    padding: 10px 5px 8px;
    color: #222;
    text-align: left;
    vertical-align: middle;
    line-height: 1.3;
    border-bottom: 1px dotted #555;
}

#metropolis td a {
    color: #555;
}

#metropolis td a:hover {
    color: #3f64ed;
}

.w100 {
    width: 90px;
}

.w150 {
    width: 150px;
}

.w170 {
    width: 170px;
}

.w200 {
    width: 190px;
}

.w370 {
    width: 370px;
}

.w400 {
    width: 390px;
}

.bg_blue {
    background: #eef9fd;
}

#metropolis table .b {
    color: #555 !important;
    font-weight: bold !important;
}

#metropolis table .border {
    border-top: 1px dotted #555;
}

/*------------------------------------------------------------
	各ボタン
------------------------------------------------------------*/
#btn {
    clear: both;
    margin: 40px auto 0;
    width: 890px;
}

#btn li {
    float: left;
    width: 154px;
    height: 154px;
    font-size: 19px;
    color: #fff;
    /*color: rgba(255,255,255,0.8);*/
    font-weight: bold;
    letter-spacing: 2px;
}

.ls0 {
    letter-spacing: 0px !important;
}

.ls1 {
    letter-spacing: 1px !important;
}

#btn li a {
    color: #fff;
    text-decoration: none;
}

.f_16 {
    font-size: 16px !important;
    padding-top: 2px;
}

#orienteering a img {
    width: 154px;
    height: 154px;
    border: 2px solid #fff;
}

#orienteering a:hover img {
    width: 154px;
    height: 154px;
    border: 2px solid #4f04d7;
}

#monthly {
    width: 154px;
    height: 154px;
    background: url(images/base/monthly.png) no-repeat;
}

#monthly a {
    display: block;
    width: 150px;
    height: 138px;
    padding-top: 12px;
    border: 2px solid #fff;
}

#monthly a:hover {
    border: 2px solid #4f04d7;
}

#news {
    width: 154px;
    height: 154px;
    background: url(images/base/news.png) no-repeat;
}

#news a {
    display: block;
    width: 150px;
    height: 138px;
    padding-top: 12px;
    border: 2px solid #fff;
}

#news a:hover {
    border: 2px solid #2a4cc9;
}

#adress {
    width: 154px;
    height: 154px;
    background: url(images/base/adress.png) no-repeat;
}

#adress a {
    display: block;
    width: 150px;
    height: 138px;
    padding-top: 12px;
    border: 2px solid #fff;
}

#adress a:hover {
    border: 2px solid #cd731b;
}

#member {
    width: 150px;
    height: 150px;
    background: url(images/base/member.png) no-repeat;
}

#member a {
    display: block;
    width: 150px;
    height: 138px;
    padding-top: 12px;
    border: 2px solid #fff;
}

#member a:hover {
    border: 2px solid #18935d;
}

#list_chiba {
    width: 154px;
    height: 154px;
    background: url(chiba/images/chiba.png) no-repeat;
}

#list_tokyo {
    width: 154px;
    height: 154px;
    background: url(tokyo/images/tokyo.png) no-repeat;
}

#list_saitama {
    width: 154px;
    height: 154px;
    background: url(saitama/images/saitama.png) no-repeat;
}

#list_nagano {
    width: 154px;
    height: 154px;
    background: url(nagano/images/nagano.png) no-repeat;
}

#list_aichi {
    width: 154px;
    height: 154px;
    background: url(aichi/images/aichi.png) no-repeat;
}

#list_mie {
    width: 154px;
    height: 154px;
    background: url(mie/images/mie.png) no-repeat;
}

#list_kyoto {
    width: 154px;
    height: 154px;
    background: url(kyoto/images/kyoto.png) no-repeat;
}

#list_osaka {
    width: 154px;
    height: 154px;
    background: url(osaka/images/osaka.png) no-repeat;
}

#list_hiroshima {
    width: 154px;
    height: 154px;
    background: url(hiroshima/images/hiroshima.png) no-repeat;
}

#list_fukuoka {
    width: 154px;
    height: 154px;
    background: url(fukuoka/images/fukuoka.png) no-repeat;
}

#list_kanagawa {
    width: 154px;
    height: 154px;
    background: url(kanagawa/images/kanagawa.png) no-repeat;
}

#list_tottori {
    width: 154px;
    height: 154px;
    background: url(tottori/images/tottori.png) no-repeat;
}

#list_tokyo a,
#list_kanagawa a,
#list_saitama a,
#list_chiba a,
#list_aichi a,
#list_nagano a,
#list_mie a,
#list_kyoto a,
#list_osaka a,
#list_hiroshima a,
#list_fukuoka a,
#list_tottori a{
    display: block;
    width: 150px;
    height: 138px;
    padding-top: 12px;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
}

#list_tokyo a:hover,
#list_kanagawa a,
#list_saitama a:hover,
#list_chiba a:hover,
#list_aichi a:hover,
#list_nagano a:hover,
#list_mie a:hover,
#list_kyoto a:hover,
#list_osaka a:hover,
#list_hiroshima a:hover,
#list_tottori a:hover,
#list_fukuoka a:hover {
    border: 2px solid #000718;
}

/*------------------------------------------------------------
	今月の活動　トピックニュース
------------------------------------------------------------*/
.border_pink {
    margin-bottom: 40px;
    padding: 10px 20px;
    border: 4px solid #f4adbc;
}

.border_gray {
    margin-bottom: 40px;
    padding: 20px;
    border: 4px solid #ccc;
}

.border_black {
    margin-bottom: 40px;
    padding: 20px;
    border: 4px solid #222;
}

.border_black1 {
    margin-bottom: 40px;
    padding: 18px;
    border: 1px solid #222;
}

.border_black1_1000 {
    margin-bottom: 40px;
    border: 1px solid #222;
}

.border_black2 {
    margin-bottom: 40px;
    padding: 25px 48px;
    border: 1px solid #222;
}

.border_blue {
    margin-bottom: 40px;
    padding: 10px 20px;
    border: 4px solid #56aefe;
}

.border_blue2 {
    margin-bottom: 40px;
    border: 4px solid #56aefe;
}

.border_blue3 {
    margin-bottom: 40px;
    padding: 20px;
    border: 4px solid #56aefe;
}

.border_blue_940 {
    width: 940px;
    margin: 0 auto 40px;
    border: solid rgb(86, 174, 254);
}

.news_title {
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: url(images/base/stripe.png) #e2effb;
}

.news_title2 {
    height: 60px;
    padding-top: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: url(images/base/stripe.png) #e2effb;
}

.news_subtitle {
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: #e2effb;
}

.news_subtitle2 {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: left;
}

.news_content {
    padding: 40px;
    text-align: left;
    line-height: 2.0;
}

.news_content p {
    padding-bottom: 20px;
}

.news_content img {
    margin-bottom: 40px;
}

.news_content2 {
    padding: 40px 70px;
    text-align: left;
    line-height: 2.0;
}

.news_content2 p {
    padding-bottom: 20px;
}

.news_content3 {
    padding: 40px 120px;
    text-align: left;
    line-height: 2.0;
}

.news_content3 p {
    padding-bottom: 20px;
}

.border1 {
    margin: 40px 0;
    padding: 30px 0px 20px;
    border: 1px solid #626262;
}


/*------------------------------------------------------------
	会員紹介
------------------------------------------------------------*/
.member {
    clear: both;
    widh: 1000px;
}

.member_title {
    width: 950px;
    height: 30px;
    margin-bottom: 20px;
    padding: 14px 0 0 50px;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    line-height: 1.0em;
    background: url(images/base/icon_02.png) no-repeat;
    /*border-radius: 8px;*/
}

.member_title span {
    float: right;
    margin: -5px 10px 0 0;
    padding: 3px 5px 2px;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
}

.member li {
    float: left;
    width: 300px;
}

.member figcaption {
    padding-top: 10px;
    font-size: 15px;
}

.member table {
    float: left;
    margin: 20px auto 60px;
    width: 588px;

    border: 1px dotted #999;
}

.member th {
    width: 118px;
    margin-right: 10px;
    padding: 17px 0 16px;
    font-size: 16px;
    font-weight: normal;
    background: #ffeed2;
    border: 1px dotted #999;
    vertical-align: middle;
}

.member td {
    width: 445px;
    padding: 17px 10px 16px 15px;
    text-align: left;
    font-size: 15px;
    line-height: 1.5em;
    border-bottom: 1px dotted #999;
}

.member iframe {
    float: right;
    margin-top: 20px;
}

.w385 {
    width: 385px !important;
}


.title_01 {
    width: 1000px;
    height: 44px;
    margin-bottom: 20px;
    background: url(images/base/title_bg_01.jpg) no-repeat;
}

.member2 {
    clear: both;
    widh: 1000px;
}

.title_02 {
    width: 1000px;
    height: 44px;
    margin-bottom: 20px;
    background: #daedb8;
}

.member2_title {
    width: 950px;
    height: 30px;
    margin-bottom: 20px;
    padding: 14px 0 0 50px;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    line-height: 1.0em;
    background: url(images/base/icon_03.png) no-repeat;
}

.member2_title span {
    float: right;
    margin: -5px 10px 0 0;
    padding: 3px 5px 2px;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
}

.member2 li {
    float: left;
    width: 300px;
}

.member2 figcaption {
    padding-top: 10px;
    font-size: 15px;
}

.member2 table {
    float: left;
    margin: 20px auto 60px;
    width: 588px;

    border: 1px dotted #999;
}

.member2 th {
    width: 118px;
    margin-right: 10px;
    padding: 11px 0 10px;
    font-size: 16px;
    font-weight: normal;
    background: #f2fae4;
    border: 1px dotted #999;
    vertical-align: middle;
}

.member2 td {
    width: 445px;
    padding: 11px 10px 10px 15px;
    text-align: left;
    font-size: 15px;
    line-height: 1.5em;
    border-bottom: 1px dotted #999;
}

.member2 iframe {
    float: right;
    margin-top: 20px;
}

.title_03 {

    width: 1000px;
    height: 44px;
    margin-bottom: 20px;
    background: #b8e0ed;
}

.member1_title {
    width: 950px;
    height: 30px;
    margin-bottom: 20px;
    padding: 14px 0 0 50px;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    line-height: 1.0em;
    background: url(images/base/icon_05.png) no-repeat;
}

.member1_title_02 {
    width: 950px;
    height: 30px;
    margin-bottom: 20px;
    padding: 14px 0 0 50px;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    line-height: 1.0em;
    background: url(images/base/icon_06.png) no-repeat;
}

.member1_title span,
.member1_title_02 span {
    float: right;
    margin: -5px 10px 0 0;
    padding: 3px 5px 2px;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
}

.member3_title {
    width: 950px;
    height: 30px;
    margin-bottom: 20px;
    padding: 14px 0 0 50px;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    line-height: 1.0em;
    background: url(images/base/icon_04.png) no-repeat;
}

.member3_title span {
    float: right;
    margin: -5px 10px 0 0;
    padding: 3px 5px 2px;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
}

.member3 {
    clear: both;
}

.member3 li {
    float: left;
    width: 300px;
}

.member3 figcaption {
    padding-top: 10px;
    font-size: 15px;
}

.member3 table {
    float: left;
    margin: 20px auto 60px;
    width: 588px;

    border: 1px dotted #999;
}

.member3 th {
    width: 118px;
    margin-right: 10px;
    padding: 11px 0 10px;
    font-size: 16px;
    font-weight: normal;
    background: #e4f6fa;
    border: 1px dotted #999;
    vertical-align: middle;
}

.member3 td {
    width: 445px;
    padding: 11px 10px 10px 15px;
    text-align: left;
    font-size: 15px;
    line-height: 1.5em;
    border-bottom: 1px dotted #999;
}

.member3 iframe {
    float: right;
    margin-top: 20px;
}

.member_title span a,
.member2_title span a,
.member3_title span a {
    color: #373737;
    text-decoration: none;
}

.member_title span a:hover,
.member2_title span a:hover,
.member3_title span a:hover {
    text-decoration: underline;
}

#tagawa_box {
    clear: both;
    margin: 40px auto 0 !important;
    width: 888px;
    height: 403px;
    text-align: left;
    background: url(fukuoka/tagawa/images/bg.png);
}

#tagawa_box img {
    vertical-align: middle;
}

.border_dot {
    margin-bottom: 80px;
    padding: 0;
    border: 1px dotted #999;
}

/*------------------------------------------------------------
	所在地・TEL・地図
------------------------------------------------------------*/
.table_01 {
    margin: 0 auto;
    width: 800px;
    font-size: 16px;
    border-top: 1px dotted #999;
}

.table_01 th {
    width: 150px;
    padding: 18px 0 15px;
    border-bottom: 1px dotted #999;
    vertical-align: middle;
}

.table_01 td {
    padding: 18px 0 15px;
    text-align: left;
    border-bottom: 1px dotted #999;
}

/*------------------------------------------------------------
	お問い合わせ
------------------------------------------------------------*/

.table_02 {
    margin: 0 auto;
    width: 800px;
    font-size: 16px;
    border-top: 1px dotted #999;
}

.table_02 th {
    width: 200px;
    padding: 18px 0 15px;
    border-bottom: 1px dotted #999;
    vertical-align: middle;
}

.table_02 td {
    padding: 18px 0 15px;
    text-align: left;
    border-bottom: 1px dotted #999;
}

input[type=text] {
    width: 300px;
    padding: 3px;
}

textarea {
    padding: 3px;
}

#submit_btn,
.ERR {
    width: 1000px;
    text-align: center !important;
    padding: 20px 0 20px;
}

input[type=submit],
input[type=reset],
input[type=button] {
    margin-top: 20px;
    padding: 3px 10px;
}

/*------------------------------------------------------------
	プライバシーポリシー
------------------------------------------------------------*/
#privacy {
    padding: 0 100px 30px;
    text-align: left;
    line-height: 1.7;
}

.subtitle {
    margin: 20px 0 15px 0;
    padding: 10px 10px 8px;
    font-size: 20px;
    line-height: 1.0;
    border-left: 5px solid #3f64ed;
    border-bottom: 1px solid #3f64ed;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer_wrap {
    clear: both;
    margin: 0 0 0;
    width: 100%;
    min-width: 1200px;
    border-top: 3px solid #3f64ed;
}

#footer {
    margin: 0 auto 2px;
    width: 1160px;
}

#footer_logo {
    float: left;
    width: 220px;
}

#footer_menu {
    float: left;
    width: 940px;
    margin: 55px 0 10px 0px;
}

#footer_menu ul {
    width: 930px;
    padding: 0 0 15px 0px;
    font-size: 15px;
}

#footer_menu li {
    float: left;
    padding: 0 40px 20px 15px;
    background: url(images/base/footer_icon.png) no-repeat;
    background-position: 0px -4px;
}

#footer_menu li a {
    color: #1732d5;
    text-decoration: none;
}

#footer_menu li a:hover {
    text-decoration: underline;
}

#footer_text {
    float: left;
    width: 400px;
    padding-top: 8px;
    color: #171717;
    font-size: 16px;
}

#footer_sns {
    float: right;
    padding: 0 50px 0 20px;
}

#footer_sns li {
    float: left;
    padding-right: 15px;
}

#copyright {
    clear: both;
    width: 100%;
    padding-top: 10px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #3f64ed;
}

#copyright a {
    color: #fff;
    text-decoration: none;
}

#copyright a:hover {
    text-decoration: underline;
}

/*------------------------------------------------------------
	追加スタイル
------------------------------------------------------------*/
.red {
    color: #f06;
}

.red2 {
    color: #ee2020;
}

.b {
    font-weight: bold;
}

.c {
    text-align: center;
}

.t_l {
    text-align: left;
}

.t_r {
    text-align: right;
}

.f_l {
    float: left;
}

.f_r {
    float: right;
}

.f50 {
    font-size: 50% !important;
}

.f60 {
    font-size: 60% !important;
}

.f80 {
    font-size: 80% !important;
}

.f90 {
    font-size: 90% !important;
}

.f120 {
    font-size: 120% !important;
}

.f150 {
    font-size: 150% !important;
}

.lh_2 {
    line-height: 2em;
}

/*------------------------------------------------------------
	余白
------------------------------------------------------------*/
.m0 {
    margin: 0px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.m5 {
    margin: 5px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.m40 {
    margin: 40px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.m45 {
    margin: 45px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.m50 {
    margin: 50px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.m55 {
    margin: 55px !important;
}

.mt55 {
    margin-top: 55px !important;
}

.mr55 {
    margin-right: 55px !important;
}

.mb55 {
    margin-bottom: 55px !important;
}

.ml55 {
    margin-left: 55px !important;
}

.m60 {
    margin: 60px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.m65 {
    margin: 65px !important;
}

.mt65 {
    margin-top: 65px !important;
}

.mr65 {
    margin-right: 65px !important;
}

.mb65 {
    margin-bottom: 65px !important;
}

.ml65 {
    margin-left: 65px !important;
}

.m70 {
    margin: 70px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.m75 {
    margin: 75px !important;
}

.mt75 {
    margin-top: 75px !important;
}

.mr75 {
    margin-right: 75px !important;
}

.mb75 {
    margin-bottom: 75px !important;
}

.ml75 {
    margin-left: 75px !important;
}

.m80 {
    margin: 80px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mr80 {
    margin-right: 80px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.m100 {
    margin: 100px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mr100 {
    margin-right: 100px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.ml100 {
    margin-left: 100px !important;
}

.p0 {
    padding: 0px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.p5 {
    padding: 5px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pt50 {
    padding-top: 50px !important;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/

#top {
    margin: 6px auto 0;
    width: 1200px;
    height: 50px;
}

#top_left {
    float: left;
    width: 200px;
}

#top_right {
    float: right;
    width: 1000px;
    padding-top: 18px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    opacity: 0.80;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -ms-filter: "alpha(opacity=80)";
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

#header_wrap {
    clear: both;
    width: 100%;
    height: 60px;
    background: #c2dbf0;
    background: #e0ebf5;
    line-height: 1.0;
}

#header {
    margin: 0 auto;
    width: 1197px;
    height: 60px;
}

#header li {
    float: left;
    width: 170px;
    height: 60px;
    margin-right: 1px;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#header li a {
    display: block;
    width: 170px;
    height: 37px;
    margin-right: 1px;
    padding-top: 23px;
    color: #555;
    text-decoration: none;
}

#header li a:hover {
    color: #fff;
    background: #3051e1;
    background: #3f64ed;
}

.blue a {
    color: #fff !important;
    background: #3f64ed;
}

.voicetitle {
    font-family: "times new roman", serif;
}

.text-center {
    text-align: center;
}

.styleoverride {
    line-height: 1.8;
    text-align: left;
}

.styleoverride h2 {
    font-size: 30px;
}

.styleoverride h3 {
    font-size: 26px;
}

.mt30 {
    margin-top: 30px;
}