/* =html ビジュアルエディッタのみ記載　共通
-------------------------------------------------------------- */

body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

h2,h3{
	clear: both;
}

.clear { clear:both; }
.clear hr { display:none; }

p {
	width: 97%;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 0px;
	font-size: 120%;
    line-height: 200%;          /* 縦行間調整 */
	color:#303030;
}

/* 各ページ上部バナー　共通
-------------------------------------------------------------- */

#head-bana{
	clear: both;
        max-width: 1100px; 
	height: 50px;
	padding: 0px 0px 0px 0px;
        background-position: 50% 50%;                /* 背景画像中央固定 */
        margin: 0 auto;  
}

.head-bana-mozi{
	font-size: 100%;
	padding: 20px 0px 0px 50px;
        text-shadow: 0px 0px 8px #ffffff;
/*枠付きの場合
filter:dropshadow(color=#000000,offX= 0,offY=-1) 
dropshadow(color=#000000,offX= 1,offY= 0) 
dropshadow(color=#000000,offX= 0,offY= 1) 
dropshadow(color=#000000,offX=-1,offY= 0); 
-webkit-text-stroke-color: #000; 
-webkit-text-stroke-width: 1px; 
text-shadow: black 1px 1px 0px, black -1px 1px 0px, 
             black 1px -1px 0px, black -1px -1px 0px;
*/
}


/* 見出し
-------------------------------------------------------------- */

/*画像サイズ横2000px以下のときは高さ＋50pxにすること。クローム対策*/
#index-banabox{
    height: 377px;
    margin: 0px 0px 0px 0px;
	clear: both;
}

#index-banabox img{
    max-width: 2000px;
    max-height: 377px;
    margin: 0px 0px 0px 0px;
}


#index-banabox h1{
	font-size: 100%;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	color: #000000;}


 h1{
	font-size: 120%;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	color: #666666;}


H2{
	font-size: 130%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
/*        font-weight: 700;*/             /*文字の太さ調整100-900*/
	color: #3e3e3e;
        border-radius: 2px;         /* CSS3 */
	margin: 0px 0px 14px 0px;
	padding: 12px 0px 10px 10px;
	background-image: url(h2.png);
	background-repeat: no-repeat;
}

#content H2 a{
	color: #000000;
}

h3{
	color: #3e3e3e;
	font-size: 130%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        border-radius: 2px;         /* CSS3 */
	margin: 0px 0px 14px 0px;
	padding:10px 0px 12px 10px;
	background-image: url(h2.png);
	background-repeat: no-repeat;
}




h4{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        border-radius: 2px;         /* CSS3 */
	font-size: 130%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding:8px 0px 0px 0px;
}


h5,h6 {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 20px 0;
	background-image: url(main-ba.png);
}


#top1 h2{
	color: #ffffff;
        border-radius: 6px;         /* CSS3 */
	font-size: 110%;
	font-weight: bold;
	margin: 30px 0px 14px 0px;
	padding: 12px 0px 10px 20px;
	background: #8dc63f;
	background-repeat: no-repeat;
}


#top2 h2{
	color: #ffffff;
        border-radius: 6px;         /* CSS3 */
	font-size: 110%;
	font-weight: bold;
	margin: 30px 0px 14px 0px;
	padding: 12px 0px 10px 20px;
	background: #f7941d;
	background-repeat: no-repeat;
}

/* =php リンクカラー
-------------------------------------------------------------- */

p a:link {
	color: #053d73;
}
p a:visited {
	color: #053d73;
}
p a:active {
	color: #053d73;
}
p a:hover {
	color: #053d73;
}

/* =フッター　リンク等
-------------------------------------------------------------- */

#footer {
	color: #ffffff;
	width: 100%;
	margin-top: 0px;
	padding: 70px 0px 10px 0px;
	background-image: url(footer-image1.png);
	background-repeat: no-repeat;           /* 背景画像リピートなし */
        background-position: top center;
        min-width: 1100px;
}

#footer a {
	color: #ffffff;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: none;
}


#footer a:active,
#footer a:hover {
filter:alpha(opacity=70);
opacity:0.8;
}

/* =フッター　ウィジェットエリア
-------------------------------------------------------------- */
#footer-widget-area {
	overflow: hidden;
	color: #3d3d3d;
	font-size: 80%;
	padding: 30px 0px 0px 60px;
}

#footer-widget-area li {
	padding: 7px 0px 0px 22px;
	background-image: url(side-back-b1k.png);
	background-repeat: no-repeat;
}

#footer-widget-area a {
	color: #3d3d3d;
	text-decoration: none;
}

#footer-widget-area a:hover {
	color: #3d3d3d;
	text-decoration: underline;
}

#footer-widget-area .widget-area {
	float: left;
	margin-left: 25px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}

/* =php トップインフォメーションボックス
-------------------------------------------------------------- */

.index-box2{
	max-width: 1080px;
	font-size: 90%;
	margin: 10px 0px 0px 8px;
	padding: 10px 0px 0px 10px;
	height: 150px;
        overflow:auto;
}

.index-box2 a:link,
.index-box2 a:active,
.index-box2 a:visited {
	color: #053d73;
}

.index-box2 a:hover {
	color: #053d73;
	text-decoration: none;
}

.index-list{
	max-width: 1050px;
	border-bottom: 1px solid #ccc;  /* 枠線の装飾 */
	padding: 10px 0px 10px 0px;
}



/* =php html ループシングル　投稿詳細ページ
-------------------------------------------------------------- */

.blog-time-box{
	text-align: right;
}

/* =html 全体 背景　上部左右
-------------------------------------------------------------- */

.head-back{
/*中央表示のみＯＮ        margin: 0 25%; */
	width: 1100px;
	height: 100px;
	background-image: url(top-bana-back.png);
	background-repeat: no-repeat;
}

.head-back-right{
	padding: 60px 0px 0px 300px;
}

.head-head-back1{
	float: left;
	padding: 0px 0px 0px 0px;
}

.head-head-back2{
	float: left;
	margin: 50px 0px 0px 350px;
}

.head-head-back2 a:active,
.head-head-back2 a:hover {
filter:alpha(opacity=70);
opacity:0.8;
}

.head-head-back2 img{
	margin: 0px 0px 0px 30px;
}

/*フッター---- */


.footer-w2{
	width: 1100px;
        margin: 0 auto;  
}

.footer-w-b{
        padding: 30px 0 0 850px;  
}

.footer-back-mozi{
	width: 1100px;
	height: 140px;
	background-image: url(footer-bana.png);
	background-repeat: no-repeat;
        margin: 0px auto 0px auto; 
}

.footer-back-mozi-b{
        margin: 0px 0px 0px 300px; 
}

.footer-back-mozi2{
	text-align: center;          /* 文字センターよせ */
}


.head-pr{
	clear: both;
}



/* = グーグルマップ調整----------------------------------- */


.g-map{
	margin-top: 10px;
	margin-left: 20px;
}






/* =共通パーツ　お問い合わせフォーム---------------------------------- */

.contact1-td0{
    margin:15px 0px 15px 30px;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
	width: 95%;
}

.contact1-td0 th, .contact1-td0 td{
    vertical-align:top;
    padding:15px;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
	max-width: 1100px;
}

.contact1-td0 th {
	color: #000000;
	font-size: 90%;
	text-align: left;
	background: #f7f7f7;
}
@media screen and (max-width:680px) {
    .contact1-td0 th, .contact1-td0 td{
        display:block;
    }
}

.hissu-span2{
	float: right;
	font-size: 80%;
	color:#ffffff;
        border-radius: 3px;         /* CSS3 */
        background-color: #df0046;   /* 背景色 */
	max-width: 300px;
	margin: 0px 10px 0px 0px;
	padding: 0px 5px 0px 5px;
}

.contact-centa{
	text-align: center;
	margin: 10px 10px 30px 10px;
	padding: 0px 0px 0px 0px;
}

input#submit_button { 
cursor:pointer;
	color:#fff;
	background: #b1afa6;
	width: 300px;           /* 横幅 */
	height: 50px;               /* 縦幅　指定ない場合は　auto */
        border-radius: 6px;         /* CSS3角を丸くする */
    border-style: none;
letter-spacing: 0.5em;
}

.contact-box{
        overflow:auto;
	margin: 10px 10px 30px 10px;
	padding: 0px 0px 0px 0px;
	max-width: 1100px;           /* 横幅 */
	height: 300px;               /* 縦幅　指定ない場合は　auto */
	border: 1px solid #ddd;  /* 枠線の装飾 */
}

/* =共通パーツ よくある質問旧パーツ----------------------------------- */

.qa-pr {
}
.qa1 {
	font-size: 100%;
	font-weight: bold;
	background-image: url(qa-back1.png);
	background-repeat: no-repeat;
	width: 700px;
	height: 50px;
	padding: 6px 0px 0px 40px;
}

.qa2 {
	font-size: 95%;
	background: #f7f7f7;
        border-radius: 6px;         /* CSS3 */
	border: 1px solid #e6e6e6;
	padding: 20px 20px 20px 30px;
	margin: 0px 0px 30px 0px;
}

/* =共通パーツ　よくある質問新パーツ-------------------------------------------- */

dl{
     max-width:1100px;
     margin:10px;
     line-height:1.8em;
     font-size: 100%;
     overflow: hidden;
     _zoom: 1;
}

dl dd,
dl dt{
     text-indent: -3.2em;   
     padding: 0 20px 0px 50px;
}

dl dt{
     margin:20px 20px 0 0;
     color: #754c24;
     font-weight: bold;
}


dl dt:first-letter,
dl dd:first-letter{
     font-size: 1.6em;
     font-weight: bold;
     margin-right:10px;
     padding:5px;
     font-family: 'Nunito', sans-serif;
}


dl dd{
     margin: 20px 0 -1px 0;
     padding-bottom:15px;
     border-bottom: 1px #bfbfbf solid;
}


dl dt:first-letter{
        border-radius: 6px;         /* CSS3角を丸くする */
     color: #ffffff;
     padding-left:8px;
     padding-right:8px;
	background: #ed664a;

}
dl dd:first-letter{
        border-radius: 6px;         /* CSS3角を丸くする */
     color: #ffffff;
     padding-left:11px;
     padding-right:8px;
	background: #8dc63f;
}

.waku-left2{
	float: left;
	font-size: 100%;
	max-width: 1040px;
	height: auto;               /* 縦幅　指定ない場合は　auto */
	margin: 20px 0px 0px 0px;
	padding: 6px 6px 6px 20px;
        border: 1px #cccccc solid;     /* 枠線の装飾 */
}

/* = 共通パーツ　回り込み----------------------------------- */

.waku-left{
	float: left;
	font-size: 100%;
	max-width: 500px;
	margin: 0px;
	padding: 6px 6px 6px 20px;
}

.waku-right{
	float: left;
	font-size: 100%;
	max-width: 500px;
	margin: 0px;
	padding: 6px 6px 6px 6px;
}


/* =共通パーツ 見出し付きBOX囲み線あり----------------------------------- */

.entry-content fieldset {
	border: 1px solid #a67c52;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	color: #8c6239;
	padding: 0 24px;
}

/* =共通パーツ box枠囲み----------------------------------- */

.page-box1{
	background: #f6f6f6;
	border: 1px solid #d3d3d3;
        border-radius: 6px;         /* CSS3 */
	width: 97%;
	margin: 10px 0px 10px 0px;
	padding: 20px 8px 20px 16px;
}


.page-box2{
	background: #ffffff;
	border: 1px solid #d3d3d3;
        border-radius: 6px;         /* CSS3 */
	width: 97%;
	margin: 10px 0px 10px 0px;
	padding: 20px 8px 20px 16px;
}


/* =共通パーツ 流れBOX----------------------------------- */

.flow-box {
	color:#000000;
	font-size: 100%;
        border-radius: 6px;         /* CSS3 */
        border: 1px #cccccc solid;     /* 枠線の装飾 */
        background-color: #ffffff;   /* 背景色 */
	max-width: 1000px;
        margin:0px 0px 30px 10px;
	padding: 10px 10px 120px 30px;
}

/* =共通パーツ-概要TD----------------------------------- */

.gaiyo-td0{
    margin:15px 0px 15px 10px;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    width: 98%;
}
.gaiyo-td0 th, .gaiyo-td0 td{
	width: 450px;
    vertical-align:top;
    padding:15px;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
}
.gaiyo-td0 th {
	width: 150px;
	font-size: 90%;
	text-align: left;
	background: #f7f7f7;
}
@media screen and (max-width:640px) {
    .gaiyo-td0 th, .gaiyo-td0 td{
        display:block;
    }
}

/* =html 共通パーツ　リスト---------------------------------- */

/*画像付きリスト--- */

.image-list1 {
	color:#000000;
	font-size: 90%;
        list-style-image: url("mark.gif");
        border-radius: 6px;         /* CSS3 */
        border: 1px #cccccc solid;     /* 枠線の装飾 */
        background-color: #fafafa;   /* 背景色 */
	width: 98%;
        margin:0px 0px 0px 10px;
	padding: 10px 10px 10px 30px;
}


/*画像なし下線ありリスト--- */

#image-list2 {
}

#image-list2 ul {
	list-style: none;
}

#image-list2 ul li {
        border-bottom:1px solid #ddd;
	position: relative;
	padding: 10px 10px 0px 2px;
	width: 98%;
}

/*画像付き下線ありリスト--- */

#image-list3 {
}

#image-list3 ul {
	list-style: none;
}

#image-list3 ul li {
        list-style-image: url(mark.gif);
        border-bottom:1px solid #ddd;
	padding: 10px 10px 0px 2px;
	width: 98%;
}

/* =共通パーツ トップ用１-------------------------------------------- */

/*バナー画像は横500px　縦は任意サイズで作成*/
/*１カラムの場合500pxで作成のこと*/
/*２カラムの場合340pxで作成のこと*/

.index-pagebana1 img{
	max-width: 340px;
	height: auto;               /* 縦幅　指定ない場合は　auto */

}

/*１カラムの場合520pxで作成のこと*/
/*２カラムの場合340pxで作成のこと*/

.index-pagebana1{
	float: left;
	background: #ffffff;
	border: 1px solid #cccccc;
	max-width: 360px;
	height: 480px;               /* 縦幅　指定ない場合は　auto */
	margin: 0px 0px 10px 10px;
	padding: 10px 10px 10px 10px;
}

.index-pagebana1-p{
	font-size: 80%;
}

.index-pagebana1-p a{
	color:#000000;
	text-decoration: none;
}

.index-pagebana1-p a:hover{
	color:#000000;
	text-decoration: underline;
}

/* =追加パーツ 関連書籍-- */

.book_box{
	border: 1px solid #cccccc;
	margin: 0px 0px 30px 10px;
	padding: 30px;
}

.book_pr1 {
	float: left;
    width: 300px;
	text-align: center;          /* 文字センターよせ */
	padding: 0px 30px 30x 20px;
}

.book_pr2 {
	float: left;
    width: 300px;
	padding: 0px 30px 30x 0px;
}

.clearleft{
	clear: both;
}

/* =追加パーツ 組織-- */

div.sosiki_box {
-moz-column-count: 3;
-webkit-column-count: 3;
-o-column-count: 3;
-ms-column-count: 3;
}

div.sosiki_box2 {
	border: 1px solid #cccccc;
	text-align: center;          /* 文字センターよせ */
	height: 280px;               /* 縦幅　指定ない場合は　auto */
	padding: 30px;
}

/* =追加パーツ 活動報告-- */

.katudou-td1 td{
	border: 1px solid #ccc;
	margin: 0px 0px 30px 0px;
	padding: 10px;
}

.katudou-td1 th{
	border: 1px solid #ccc;
	margin: 0px 0px 30px 0px;
	padding: 10px;
}

/* =追加パーツ 投稿論文募集規定-- */

.report-box li{
	margin: 20px 0px 15px 0px;
}


/* =追加パーツ ページ振り分けボックス-- */

.page-rootbox {
	border: 1px solid #ccc;
	float: left;
	text-align: center;          /* 文字センターよせ */
    width: 320px;
	height: 250px;               /* 縦幅　指定ない場合は　auto */
	margin: 20px 20px 40px 20px;
	padding:20px;
}

.page-rootbox img{
        display:block;
    width: 320px;
	height: 200px;               /* 縦幅　指定ない場合は　auto */
}

/* =各ページ上見出しバナー調整-- */

.ue-bana-chousei{
	text-align: center;          /* 文字センターよせ */
}

/* =追加パーツ トップ-- */

.top-menubox{
	background: #ffffff;
	float: left;
    width: 300px;
	height: 300px;               /* 縦幅　指定ない場合は　auto */
	border: 1px solid #ccc;
	margin: 10px 0px 10px 10px;
	padding: 15px 20px 20px 25px;
}

.top-menubox a:link,
.top-menubox a:active,
.top-menubox a:visited {
	font-weight: bold;          /* 太い文字 */
	color: #053d73;
}

.top-menubox a:hover {
	color: #053d73;
	text-decoration: none;
}

.top-menubox img{
    width: 290px;
	height: 200px;               /* 縦幅　指定ない場合は　auto */
}

/* =追加パーツ トップ2-- */

.top-menubox2k{
	background: #ffffff;
	float: left;
    width: 211px;
	height: 270px;               /* 縦幅　指定ない場合は　auto */
	border: 1px solid #ccc;
	margin: 10px 0px 10px 10px;
	padding: 15px 20px 20px 25px;
}

.top-menubox2k a:link,
.top-menubox2k a:active,
.top-menubox2k a:visited {
	font-weight: bold;          /* 太い文字 */
	color: #053d73;
}

.top-menubox2k a:hover {
	color: #053d73;
	text-decoration: none;
}

.top-menubox2k img{
    width: 210px;
	height: 150px;               /* 縦幅　指定ない場合は　auto */
}





.top-menubox2{
	background: #ffffff;
	float: left;
    width: 1014px;
	height: 150px;               /* 縦幅　指定ない場合は　auto */
	border: 1px solid #ccc;
	margin: 10px 0px 10px 10px;
	padding: 15px 20px 20px 25px;
}

.top-menubox2 a:link,
.top-menubox2 a:active,
.top-menubox2 a:visited {
	font-weight: bold;          /* 太い文字 */
	color: #053d73;
}

.top-menubox2 a:hover {
	color: #053d73;
	text-decoration: none;
}

.top-menubox3{
	background: #ffffff;
	float: left;
    width: 1014px;
	/* height: 360px; */               /* 縦幅　指定ない場合は　auto */
	border: 1px solid #ccc;
	margin: 10px 0px 10px 10px;
	padding: 15px 20px 20px 25px;
}

.top-menubox3 a:link,
.top-menubox3 a:active,
.top-menubox3 a:visited {
	font-weight: bold;          /* 太い文字 */
	color: #053d73;
}

.top-menubox3 a:hover {
	color: #053d73;
	text-decoration: none;
}

div.top_2cara {
width:1050px;
-moz-column-count: 2;
-webkit-column-count: 2;
-o-column-count: 2;
-ms-column-count: 2;
}

.top_2cara p {
	border: 1px solid #ccc;
  break-after: column;
	padding: 10px;
}