@charset "UTF-8";
/* CSS Document */

#About header nav ul > *:first-child + * a,
#Admission header nav ul > *:first-child + * + * a,
#Disclosure header nav ul > *:first-child + * + * + * a,
#Report header nav ul > *:first-child + * + * + * + * a,
#Committee header nav ul > *:first-child + * + * + * + * + * a,
#Branch header nav ul > *:first-child + * + * + * + * + * + * a { background-color: #43b8f4; color: #43b8f4; }

#Topicpath { font-size: 0.85em; padding: 0 20px; margin-bottom: 15px; }
#Topicpath a { color: #333333; text-decoration: underline; }
#Topicpath a:hover { text-decoration: none; }

article > h1 { border: 1px solid #94cae4; border-radius: 3px; font-size: 1.6em; padding: 20px 30px; box-shadow: 0 0 0 2px #fff inset;
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2NiZWJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmU2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(203,235,255,1) 47%, rgba(175,230,255,1) 100%); /* FF3.6+ */
 background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(203,235,255,1) 47%,rgba(175,230,255,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(203,235,255,1) 47%,rgba(175,230,255,1) 100%); /* IE10+ */
 background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(203,235,255,1) 47%,rgba(175,230,255,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#afe6ff',GradientType=1 );
}

article h2 { font-size: 1.4em; line-height: 1.3em; margin-top: 50px; clear: both; border-bottom: 3px solid #d8d8d8; padding-bottom: 10px; } 
article h2 span { border-bottom: 3px solid #0892d8; padding: 0 0.5em 10px 2px; display: inline-block; margin-bottom: -13px; }
article > h1 + h2 { margin-top: 30px; }
article > h3 { font-size: 1.2em; border-bottom: 1px solid #d8d8d8; margin-top: 50px; padding-bottom: 8px; }
article > h2 + h3 { margin-top: 30px; }
article section > h3 { margin-top: 40px; color: #0892d8; line-height: 1.5em; font-size: 1.1em; }
article section h3:first-child { margin-top: 0; }
article section h3 span { display: inline-block; background: #006da9; padding: 0px 10px; margin-bottom: 5px; color: #FFF; font-size: 0.8em; font-weight: normal; }
article section > h4 { margin-top: 35px; font-size: 0.9em; }
article p { font-size: 0.9em; line-height: 1.8em; }
article > p { margin: 30px 20px 0 20px; }
article > section { margin: 30px 20px 0 20px; } 
article > table { margin: 25px 20px 0 20px; font-size: 0.9em; line-height: 1.5em; width: 895px; } 
article p + p { margin-top: 20px; } 
article section div > p,article section h3 + p { margin-top: 20px; } 
article section > h4 + p { margin-top: 10px; }


article a { color: #0892d8; text-decoration: underline; }
article a:hover { text-decoration: none; }
article a[target]:after { content: url(../images/ic_blank_gray.gif); display: inline; vertical-align: middle; padding-left: 7px; } 

article ul,article ol { font-size: 0.9em; line-height: 1.5em; }

table { border-collapse: collapse; }
table td,table th { border: 1px solid #d8d8d8; padding: 10px; }

.TwoColumn .LeftColumn { float: left; width: 48%; }
.TwoColumn .RightColumn { float: right; width: 48%; }

.ColumnA,.ColumnB { margin-left: auto; margin-right: auto; width: auto; display: table; }
.ColumnA .LeftColumn,.ColumnB .LeftColumn { display: table-cell; padding-right: 40px; vertical-align: top; }
.ColumnA .RightColumn,.ColumnB .RightColumn { display: table-cell; vertical-align: top; }

.ColumnB .LeftColumn,.ColumnB .RightColumn { vertical-align: bottom; }
.ColumnA img,.ColumnB img { margin-bottom: 5px; }

.ThreeColumn .Col01 { float: left; width: 30%; }
.ThreeColumn .Col02 { float: left; width: 30%; margin: 0 5% 0 5%; }
.ThreeColumn .Col03 { float: left; width: 30%; }



.disc li { text-indent: -14px; padding-left: 20px; }
.disc li:before { content: ""; width: 12px; height: 12px; display: inline-block; border-radius: 12px; background: #1f1f1f; vertical-align: middle; margin-right: 2px; }

.decimal { margin: 20px 0 0 1.5em; }
.decimal li { list-style: decimal; }

.list { margin: 20px 20px 0 20px; }

#GetPdf { margin: 45px 20px 0 20px; border: 1px solid #d3d3d3; padding: 30px 20px; }
#GetPdf img { float: right; margin: -10px 0 0 30px; }
#GetPdf a[target]:after { content: normal; } 

.TxtC { text-align: center; }
.TxtR { text-align: right; }
.ImgL { float: left; margin-right: 40px; }
.ImgR { float: right; margin-left: 40px; }
.ImgR img { margin-bottom: 5px; }
.Txt { overflow: hidden; }
.Red { color: #ce0000; }

/*---- 法人会とは -−--*/
table.summary td,table.summary th { border: none; border-bottom: 1px solid #e6e6e6; padding: 10px; }
table.summary th { text-align: left; vertical-align: top; }
table.summary div { margin-left: 4em; }

/*---- 入会のご案内 -−--*/
.merit { margin: 25px 20px 0 20px; font-size: 1em; color: #006da9; font-weight: bold; }
.merit li { counter-increment: cnt; border-bottom: 1px solid #d8d8d8; margin-top: 15px; padding-bottom: 10px; margin-left: 2em; }
.merit li:first-child { margin-top: 0; }
.merit li:before { display: inline-block; content: counter(cnt); width: 1.3em; height: 1.3em; padding: 5px; margin-right: 10px; border-radius: 30px; background: #088cd5; color: #FFF; text-align: center; vertical-align: middle; margin-left: -2em; }

.disc + ol { margin-top: 20px; }
.disc + ol li { counter-increment: cnt; text-indent: -2.5em; padding-left: 2.5em; }
.disc + ol li:before { display: marker; content: "（"counter(cnt)"）"; }

table.fee { text-align: center; font-size: 0.9em; line-height: 1.5em; }
table.fee th { background: #fff4b9; padding: 20px 10px }

#Inquiry { margin-top: 50px; border: 5px solid #f19f00; padding: 20px 180px 20px 30px; position: relative; }
#Inquiry:after { content: url(../../admission/images/img_inquiry.png); position: absolute; bottom: -3px; right: 30px; }
#Inquiry h3 { color: #f19f00; font-size: 1.4em; border-bottom: 2px solid #f19f00; padding-bottom: 8px; }
#Inquiry h3 + p { margin-top: 15px; }
#Inquiry p strong { color: #f19f00; font-size: 1.6em; margin-right: 50px; } 
#Inquiry p strong:before { content: url(../../admission/images/ic_tel.png); margin-right: 8px; vertical-align: -0.6em; }

/*---- 情報公開 -−--*/
#GetPdf + section { margin: 30px 0 0 0; }
#Disclosure hr { border: none; margin: 0; padding: 0; width: 100%; height: 1px; clear: both; }
#Disclosure .TwoColumn ul { margin: 20px 20px 0 20px; }



/*---- 活動報告 -−--*/
.TwoColumn h3 { font-size: 1.2em; border-bottom: 1px solid #d8d8d8; margin-top: 30px; padding-bottom: 8px; }
.TwoColumn h4 { color: #0892d8; margin-top: 20px; font-size: 1.1em; }
.Column { display: table-cell; text-align: center; width: 215px; padding-top: 20px; }
.Column img { margin-bottom: 5px; }
.Column h4 { margin: 0; }



/*---- 委員会活動 -−--*/
#Index { margin-left: 0; margin-right: 0; }
#Index > div { display: table-cell; border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; width: 448px; padding-bottom: 15px; }
article #Index h2 { margin-top: 0; background: #ebf8ff; border-bottom-width: 1px; color: #006da9; padding: 15px; }
article #Index p { margin: 0; padding: 15px 15px 0 15px; }
article #Index p.btn { text-align: right; }
article #Index p.btn a { display:inline-block; background: #0892d8; color: #fff; text-decoration: none; padding: 10px 15px; border-radius: 5px; }
/*article #Index p.btn a:hover { opacity: 0.8; }*/
#Index > hr { margin-top: 30px; }
#Index > hr.space { display: table-cell; width: 35px; margin-top: 0; } 


.soumu aside nav ul li:nth-child(1) a,
.sosiki aside nav ul li:nth-child(2) a,
.zeisei aside nav ul li:nth-child(3) a,
.kouhou aside nav ul li:nth-child(4) a,
.kensyu aside nav ul li:nth-child(5) a,
.kousei aside nav ul li:nth-child(6) a { background-color: #d8f3ff; }

.soumu .ttl { display: table; margin-top:70px; }
.soumu .ttl p,.soumu .ttl h4 { display: table-cell;}
.soumu .ttl p { padding-right: 40px; }
.soumu .ttl h4 { vertical-align: middle; font-size: 1.6em; font-weight: normal; line-height: 1.3em; border-bottom:1px #DFDFDF solid; border-top:1px #DFDFDF solid; width:100%; padding-left:20px;}
.soumu .ttl h4 strong { font-weight: bold; color: #0892d8; display: inline-block; margin-bottom: 20px; }
.soumu p + .ttl { margin-top: 70px; }

.sosiki table { border-collapse: separate; border-spacing: 0 30px; }
.sosiki table td,.sosiki table th { border-color: #0a97da; }
.sosiki table th { border-right: none; background: #ebf9ff; font-size: 1em; width: 170px; }
.sosiki table td ul li { float: left; width: 50%; }
/*.sosiki table td ul li.wl { width: 42%; }
.sosiki table td ul li.ws { width: 25%; }*/

.zeisei .TwoColumn .RightColumn { padding: 20px; border: none; box-sizing: border-box; background: #f8f5ea; }
.zeisei .TwoColumn .RightColumn p {  border-bottom: 1px solid #d8d8d8; padding-bottom: 15px; padding-left:50px; }
.zeisei dl { margin-top: 10px; padding: 15px 0 0 0; font-size: 0.9em; line-height: 1.5em; width: 400px; margin: 0 auto; }
.zeisei dt { float: left; width:13em; padding-left:50px; }
.zeisei dd:after { clear: both; }
.zeisei section > div { margin-top: 10px; border: 3px solid #0a97da; padding: 20px; }
.zeisei section > div ul { margin-top: 20px; line-height: 1.5em; }
.zeisei section > div ul li { text-indent: -1em; padding-left: 1em; }
.zeisei section > div ol, .zeisei section > div ol li ol { font-size: 1em; margin: 0; line-height: 1.7em; }
.zeisei section > div ol li { counter-increment: cnt; text-indent: -1.6em; padding-left: 1.6em; }
.zeisei section > div ol li ol li { counter-increment: cnt2; text-indent: -1.6em; padding-left: 1.6em; }
.zeisei section > div ul li:before { content: "●"; text-indent: 0; }
.zeisei section > div ol li:before { content: counter(cnt) "　"; text-indent: 0; }
.zeisei section > div ol li ol li:before { content: counter(cnt2) "　"; text-indent: 0; }
.zeisei section > div p + ol { font-size: 0.9em; margin-top: 20px; }
.zeisei #Slogan ul { margin: 0; }
.zeisei #Slogan ul li { float: left; width: 48%; margin-top: 20px; }
.zeisei #Slogan ul li:nth-child(1), .zeisei #Slogan ul li:nth-child(2){ margin-top: 0; }
.zeisei section div p:first-child { margin-top: 0; }
.zeisei section h4 { text-align: center; font-size: 1.1em; }
.zeisei section > div ul + p,.zeisei section > div ul + h4 { margin-top: 60px; } 

.kouhou .ttl { background: #0a97da; padding: 25px; margin-top: 40px; }
.kouhou .ttl > div { display: table-cell; width: 192px; vertical-align: middle; }
.kouhou .ttl > p { display: table-cell; background: #FFF; padding: 0px 30px; width: 100%; vertical-align: middle; font-weight: bold; font-size: 1.2em; line-height: 1.7em; }
.kouhou .ttl > p span { font-size: 0.9em; background: #000000; color: #FFF; display: inline-block; padding: 2px 10px; margin-bottom: 8px; font-weight: normal; }
.kouhou .ttl > p strong { color: #0a97da; font-size: 1.3em; }
.kouhou .ImgL img { margin-top: 20px; } 

.kousei dl { margin: 0 20px; }
.kousei dt { color: #f64552; background: url(../../committee/images/line_dot.gif) repeat-x bottom left; margin: 35px 0 0 60px; padding: 15px 0; font-weight: bold; font-size: 1.1em; position: relative; }
.kousei dt:before { content: url(../../committee/images/ic_q.gif); position: absolute; left: -60px; top: 0; }
.kousei dd { margin: 20px 0 0 60px; background: url(../../committee/images/ic_a.gif) no-repeat 20px 20px #f7f7f7; border-radius: 3px; padding: 20px 20px 20px 80px; display: none; }
section h3.bgBule { background: #edf9ff; color: #0892d8; padding: 20px; text-align: center; font-size: 1.1em; } 

.borderbox { border: 2px solid #d1d1d1; padding: 20px; margin-top: 20px; }
.borderbox h4 { font-size: 1em; }
.borderbox h4 + p { margin-top: 10px; }


/*---- 支部活動 -−--*/
.map { margin-top: 20px; height: 584px; position: relative; }
.map img { position: absolute; } 

.map	ul li { position: absolute; }
.map	ul li a { text-decoration: none; font-size: 16px; }
.map	ul li.hisai a,.map ul li.age a,.map ul li.ichishi a { display: block; width: 202px; padding: 18px 0 17px 0; border-radius: 3px; text-align: center; color: #fff; position: absolute; font-weight: bold; }
.map	ul li.hisai a:before,.map ul li.age a:before,.map ul li.ichishi a:before { content: "";  width: 19px; height: 19px; margin: -9px 0 0; background: #fff; border-radius: 3px; position: absolute; top: 50%; display:block; left: 10px; }
.map	ul li.hisai a:after,.map ul li.age a:after,.map	ul li.ichishi a:after { content: ""; position: absolute; top: 50%; left: 14px;  width: 5px; height: 5px; margin: -3px 0 0; border-top: solid 2px #8cd06d; border-right: solid 2px #8cd06d; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.map	ul li.hisai { left: 60px; top: 117px; width: 320px; height: 128px; background: url(../../branch/images/img_point_hisai.png) no-repeat right bottom; }
.map	ul li.hisai a { background: #8cd06d; box-shadow: 0 3px #659a4a;  }
.map	ul li.age { left: 398px; top: 45px; width: 438px; height: 103px; background: url(../../branch/images/img_point_age.png) no-repeat left bottom; }
.map	ul li.age a { background: #629ff0; box-shadow: 0 3px #4474af; right: 0; }
.map ul li.age a:after { border-color: #629ff0; }
.map	ul li.ichishi { left: 264px; top: 323px; width: 265px; height: 136px; background: url(../../branch/images/img_point_ichisi.png) no-repeat left top; }
.map	ul li.ichishi a { background: #d8d340; box-shadow: 0 3px #b2ae4a; bottom: 0; right: 0; }
.map	ul li.ichishi a:after { border-color: #d8d340; }
.map	ul li.tsu { left: 469px; top: 134px; width: 367px; height: 420px; background: url(../../branch/images/img_point_tsu.png) no-repeat 0 78px; }
.map	ul li.tsu div { width: 202px;background: #ffa8a8; box-shadow: 0 3px #ee8784; border-radius: 3px; padding: 0 1px 1px 1px; position: absolute; right: 0; }
.map	ul li.tsu p { margin: 0; padding: 10px 15px 5px 15px; color: #FFF; }
.map	ul li.tsu p strong { font-size: 16px; }
.map	ul li.tsu a { display: block; color: #ff7c7c; background: #ffeeee; margin-top: 1px; padding: 15px 10px 15px 30px; }
.map	ul li.tsu a:before { content: ""; position: absolute; width: 5px; height: 5px; margin: 6px 0 0 -15px; border-top: solid 2px #ffa8a8; border-right: solid 2px #ffa8a8; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

#Branch .Txt p:first-child { margin: 0; }

#sub a:hover { background: #ffa8a8;color:#ffffff; }
.map	ul li.tsu a:hover:before { border-top: solid 2px #ffffff; border-right: solid 2px #ffffff; }

.tag{border:1px solid #B4B4B4; padding:2px 5px; background-color:#EBEBEB;}
.small{ font-size:0.7em;}


/*----  青年部会  -−--*/
#HeadNavi { margin-top: 40px; }
#HeadNavi p strong { font-size: 1.2em; }
#HeadNavi ul { background: #f5f5f5; border-radius: 3px; padding: 20px 30px 20px 60px; margin-top: 10px; }
#HeadNavi ul li { float: left; width: 25%; }
#HeadNavi ul li  a { background: url(../../seinenbu/images/ic_arrow.gif) no-repeat left; color: #3179b0; padding: 2px 0 2px 25px; }

/*----  交通アクセス  -−--*/
#Access { border: 3px solid #d4d4d4; height: 600px; margin: 20px 20px 0 20px; overflow: hidden; }

/*----  リンク集  -−--*/
.link { margin: 20px 20px 0 20px; }
.link li { float: left; width: 33%; }

/*---- E-TAX -----*/
.etax dl { margin: 0 20px;}
.etax dt { color: #f64552; background: url(../../committee/images/line_dot.gif) repeat-x bottom left; margin: 35px 0 0 60px; padding: 15px 0; font-weight: bold; font-size: 1.1em; position: relative; line-height:1.4em;}
.etax dt:before { content: url(../../committee/images/ic_q.gif); position: absolute; left: -60px; top: 0; }
.etax dd { margin: 20px 0 0 60px; background: url(../../committee/images/ic_a.gif) no-repeat 20px 20px #f7f7f7; border-radius: 3px; padding: 20px 20px 20px 80px; display: none; }
section h3.bgBule { background: #edf9ff; color: #0892d8; padding: 20px; text-align: center; font-size: 1.1em; } 
.etax #Contents ol { margin-left:2em;}
.etax #Contents ol > li { list-style-type:decimal; margin-top:5px;}
.etax #Contents ul > li { list-style-type:disc; margin-left:1em;}

/*-- マージン -- */
.m-top0 { margin-top: 0; }
.m-top10 { margin-top: 10px; }
.m-top20 { margin-top: 20px; }
.m-top15 { margin-top: 15px; }
.m-top40 { margin-top: 40px; }
.m-top60 { margin-top: 60px; }

.m_bottom40{padding-bottom:40px;}
.m_bottom60{padding-bottom:60px;}