/*
CTC Separate Stylesheet
Updated: 2025-06-11 18:54:30
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.5.1749635670
*/

/* 全体的なルール */
html {
	overflow-y:scroll;
}

body {
	margin: auto;
	background-color:#ffffff;
	font-size: 12px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	width:800px;
}

* {
	margin:0;
	padding:0;
}

#container{
	margin:5px auto 0 auto;
	text-align:left;
}



.menuin a{
	font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
	font-size:10px;
	line-height:1.5em;
	float:none;
	clear:both;
	margin:0;
	padding:0;
}

a { text-decoration:none }
a:link { color:#0066CC; }
a:visited { color:#0099FF; }
a:hover { color:#FF3333 }
a:active { color:#FF9933; }

a img {
	border:none;
}


.narrowcolumn p {
	line-height: 1.6em;
	}

/* ヘッダーテンプレート */

div#page {
	width:800px;
	height: 100%;
	margin: 0 auto;
}

#header h1 {
	background-color:#ffffff;
	margin:0 auto;
	border:none;
}

#header h1 img {
	border:none;
}
#header {
	width: 800px;
	margin: 0 auto;
}
.ue {
	margin:0;
	padding:0;
	list-style-type:none;
	float:none;
	clear:both;
	line-height:0;
}
	
.ue li{ 
	float: left;
	margin:0;
} 
.ue img {
	margin:0;
	border:none;
}
.shita {
	background-color:#ff9900;
	margin:0;
	padding:0;
	height:24px;
	font-size:12px;
	float:none;
	clear:both;
}

.shita li {
	list-style-type:none;
	text-align:left;
	color:#ffffff;
}

.shita img {
	margin:5px 5px auto 10px;
	border:none;
	vertical-align:middle;
}

.shita li a {
	text-decoration:none;
	background:url("images/yellow.gif") left no-repeat;
	color:#ffffff !important;
	height:18px;
	line-height: 21px;
	padding: 3px 0 0 20px;
}
.shita li a:hover {
	background:url("images/red.gif") left no-repeat;
}
.shita li.header-migi img {
	margin:0 15px 0 10px;
	border:none;
}
.shita li.header-migi {
	float:right;
	margin:0 10px 0 5px;
}
.shita li.header-hidari {
	float:left;
	margin:0 20px 0 5px;
}

/* インデックステンプレート */
#top-main{
	width:525px;
	float:right;
	background-color:#ffffff;
	padding:5px 0 1px;
}

#top-side{
	width:260px;
	float:left;
	background-color:#ffffff;
}


#menu{
	width:258px;
	padding:0 0 0 0;
	margin:0;
	border-top:1px solid #ff3300;
	border-right:1px solid #ff3300;
	border-left:1px solid #ff3300;
	background-color:#ffffff;
}

.menuin{
	margin:0 auto 0 auto;
	padding:0;	
	border-bottom:1px solid #ff3300;
}

.po{
	margin:3px auto 5px 0;
}
.po img{
	border:none;
}

.waku h3{
	font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
	color:#666666;
	font-size:12px;
	line-height:1.6em;
	margin:5px auto 0px 10px;
	padding:0;
}

.waku h3 img {
	margin:0 10px 0 auto;
	border:none;
}

.wakulink {
	padding:0;
	margin:0px 10px 3px 10px;
	font-size:11px;
}

.news {
	width:525px;
	margin-top:10px;
}

/* 
.news div {
	border:solid 1px #999999;
	overflow:auto;
	height:100px;
}
 */
.news h4 {
	margin:0;
	padding:3px;
	background-color:#ffffff;
	color:#ff3300;
	border-bottom:solid 2px #ff3300;
	font-size:1.3em;
}

.news ul {
	margin:5px 30px;
	padding:0;
}

.news ul li {
	color:#FF3300;
	padding: 0 0 6px 0;
	font-size: 0.8em;
	}
.news ul a {
	color:#666 !important;
	padding: 0 0.5em;
	font-size: 1.25em;
	}
.news ul a:hover {
	text-decoration: underline;
	}
	
.mainp {
	margin:5px 0 0 0;
}

/*フッターテンプレート*/

#footer{
	clear:both;
	float:none;
	height:15px;
	background-color:#ff3300;
	padding:10px 20px;
	margin: 0 auto;
}

p#copyright{
	text-align:right;
	font-size:0.8em;
	color:#ffffff;
}

#to top {
	font-size:12px;
	color:#FF0000;
}


/*ページテンプレート*/
#contents {
	width: 800px;
	margin: 0px auto auto 0px;
	min-height:600px;
}
#contents:after {
	display:block;
	content:".";
	visibility:hidden;
	clear:both;
	float:none;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}
	
#contents h1 {
	text-decoration:none;
	border:none;
	color:#ffffff;
	margin: 5px 0 0 0;
}

#contents h2 {
	margin:0;
	padding:3px;
	background-color:#ffcc66;
	color:#666666;
	font-size:1em;
	font-family:"ヒラギノ角ゴProW3" , MS ゴシック , Osaka,;
}

#post02 {
	padding-left: 10px;
	width: 650px;
	float: right;
	margin: 10px auto auto 10px;
	font-size:12px;
	line-height:22px;
	color:#666666;
}
#post02 .entry {
	margin:1em;
	padding: 10px;
	border-top: 1px dotted #ccc;
	}
#post02 .entry h4 {
	margin: 0 0 0.5em 0;
	padding: 0;
	}
#post02 .entry p {
	margin-left: 1em;
	}
	

#sidebar {
	float: left;
	padding-right: 10px;
}

#sidebar h3 {
	margin-top:1em;
	color:#FF3300;
	font-size:1em;
	font-family:"ヒラギノ角ゴProW3" , MS ゴシック , Osaka,;
}

.clear {	
	clear:both;
	margin: 0;
}

#kai1 h3 {
margin-top:1em;
color:#ff3300;
float:none;
clear:both;
}

#kai1 h4 {
padding-top:2em;
float:none;
clear:both;
font-size: 1.2em;
}

#kai2 h3 {
margin-top:1em;
margin-bottom:1em;
color:#ff3300;
float:none;
clear:both;
}

#kai1 dl {
display:compact;
clear:both;
float:none;
text-align:left;
}

#kai1 dt {
float:left;
clear:left;
width:60px;
display:block;
}

#kai1 dd {
clear:right;
width:580px;
display:block;
}

#kai1 ol {
float:none;
clear:both;
padding-left:60px;
list-style-position: inside;
}

#kai1 table p {
	font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
	font-size:10px;
	line-height:1.5em;
	margin:5px;
}

#kai1 table td {
	font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
	font-size:10px;
	line-height:1.5em;
}

#kai1 space {
margin-top:1em;
}

#kai1 .navigation {
	text-align:center;
	}
	#kai1 .navigation a {
		color: #666;
		margin: 0 1em;
		}

.kakomi {
	width: 600px;
	padding:5px 20px;
	border:solid 1.5px #999999;
}

#teirei-waku {
border-collapse: collapse;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin: 10px auto;
font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
font-size:10px;
}


#teirei-waku td {
border-right: 1px solid #CCCCCC;
border-bottom:  1px solid #CCCCCC;
padding: 2px 5px;
text-align:left;
}




/*ページテンプレート（入会）*/
#nyukai h3 {
margin-top:1em;
margin-bottom:1em;
color:#ff3300;
float:none;
clear:both;
}

#nyukai dl {
display:compact;
clear:both;
float:none;
text-align:left;
}

#nyukai dt {
float:left;
clear:left;
width:60px;
display:block;
}

#nyukai dd {
clear:right;
width:580px;
display:block;
}

#nyukai ol {
float:none;
clear:both;
padding-left:60px;
list-style-position: inside;
}

#nyu-waku {
border-collapse: collapse;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin: 10px auto 30px auto;
font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
font-size:10px;
}


#nyu-waku td {
border-right: 1px solid #CCCCCC;
border-bottom:  1px solid #CCCCCC;
padding: 2px 15px;
text-align:left;
}

#nyu-bo {
margin:10px 0;
}

/*ページテンプレート（相談所）*/

#sodan-waku {
border-collapse: collapse;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin: 7px auto 0 0;
font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
font-size:12px;
}

#sodan-waku td {
border-right: 1px solid #CCCCCC;
border-bottom:  1px solid #CCCCCC;
padding: 2px 5px;
text-align:left;
}

#sodan-waku2 {
border-collapse: collapse;
border-left: 1px solid #CCCCCC;
margin: 0 auto 3px 0;
font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
font-size:12px;
}

#sodan-waku2 td {
border-right: 1px solid #CCCCCC;
border-bottom:  1px solid #CCCCCC;
padding: 2px 5px;
text-align:left;
}

#sodan-waku3 {
border-collapse: collapse;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin: 0 auto 0 0;
font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
font-size:12px;
}

#sodan-waku3 td {
border-right: 1px solid #CCCCCC;
border-bottom:  1px solid #CCCCCC;
padding: 2px 5px;
text-align:left;
}

#single {
	width: 800px;
	margin: 0px auto auto 0px;
}


#sodan h3 {
margin-top:1em;
margin-bottom:1px;
color:#ff3300;
float:none;
clear:both;
}

#sodan-p {
margin-top:20px;
color:#ff3300;
font-size:14px;
float:none;
clear:both;
}

#sodan dl {
display:compact;
clear:both;
float:none;
text-align:left;
}

#sodan dt {
float:left;
clear:left;
width:60px;
display:block;
}

#sodan dd {
clear:right;
width:580px;
display:block;
}

#sodan ol {
float:none;
clear:both;

padding-left:60px;
list-style-position: inside;
}


#sodan table p {
	font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
	font-size:12px;
	line-height:1.5em;
	margin:5px;
}

#sodan table td {
	font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
	font-size:10px;
	line-height:1.5em;
	padding:3px 5px 3px 5px;
}

.blue {
	font-size:10px;
	color:#0066ff;
}

/* ことばと心を育む会 */
#kotoba h3 {
margin-top:5px;
margin-bottom:1em;
color:#ff3300;
float:none;
clear:both;
}

#subtitle {
font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
font-size:16px;
color:#ff3300;
margin:1em auto 0 0;
}


#kotoba h4 {
margin-top:2em;
float:none;
clear:both;
}

#kotoba dl {
display:compact;
clear:both;
float:none;
text-align:left;
}

#kotoba dt {
float:left;
clear:left;
width:20px;
display:block;
}

#kotoba dd {
clear:right;
width:620px;
display:block;
}

#kotoba ol {
float:none;
clear:both;
padding-left:60px;
list-style-position: inside;
}

#kotoba-waku {
border-collapse: collapse;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin: 10px auto;
font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
font-size:10px;
}


#kotoba-waku td {
border-right: 1px solid #CCCCCC;
border-bottom:  1px solid #CCCCCC;
padding: 2px 5px;
text-align:left;
}

.kotoba-kakomi {
	width: 600px;
	padding:5px 20px;
	border:solid 1.5px #999999;
	margin-bottom:10px;
}


/* お問い合せ */

#info {
font-size:12px;
line-height:1.5em;
color:#666666;
}	
	
	
.smallwaku {
width:500px;
}


/* サイトマップ */
#sitemap {
	width: 800px;
	margin: 0px auto 30px 0px;
}

#sitemap h1 {
font-size:14px;
line-height:1.5em;
color: #FF3333;
margin: 25px auto 0 0px;
}

#sitemap h1 a{
	font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
	font-size:14px;
	line-height:1.5em;
	color: #FF3333;
	margin: 35px auto 0 0px;
}

h1 a:link { color:#0066CC; }
h1 a:visited { color:#0099FF; }
h1 a:hover { color:#FF3333 }
h1 a:active { color:#FF9933; }


#sitemap-w {
font-size:12px;
line-height:1.5em;
color:#666666;
margin: 0 auto 5px 50px;
}	

#sitemap_02 {
	padding-left: 10px;
	width: 400px;
	float: right;
	margin: 10px auto auto 10px;
	font-size:12px;
	color:#666666;
	text-align:left;
}

#sitemap_sidebar {
	float: left;
	width: 350px;
	padding-right: 10px;
	line-height:22px;
	margin: 10px auto auto 10px;
}

.sitemap li {
	text-align:left;
	color:#ffffff;
}

/* リンク */

#link-w {
font-size:12px;
line-height:1.5em;
color:#666666;
}

.clear {
clear:both;
margin:0;
}

#link container{
	text-align:center;
}

#link {
width:800px;
text-align:center;
border-collapse:collapse;
margin-top:20px;
}

#link th,#link td {
text-align:left;
padding:10px 5px;
border:solid 1px #CCCCCC;
}

#link th {
width:230px;
background-color:#E9E8EE;
}

#link a {
text-decoration:none;
color:#3366FF;
}

#link a:hover {
color:#FF0033;
}

.link_table td:first-of-type {background: #E9E8EE; width: 255px;}

#pho1 {
text-align:right;
margin-top:2em;
}



/* 会員ページ */

#kaiin h3 {
margin-top:1em;
color:#3366FF;
float:none;
clear:both;
}

#kaiin h4 {
margin-top:2em;
float:none;
clear:both;
}

.or{
font-size:10px;
color:#FF6600;
}

#kaiin white {
	clear:both;
	height:5px;
	background-color:#FFFFFF;
}

#mnews {
width:640px;
}

#mnews div {
border:solid 1px #999999;
overflow:auto;
height:150px;
}

#mnews h2 {
margin:0;
padding:3px;
background-color:#FF0000;
color:#FFFFFF;
font-size:0.75em;
}

#mnews h3 {
	margin-top:1em;
	margin-bottom:1em;
	background-color:#ffffff;
	color:#ff3300;
	font-size:0.6em;
	font-family:"MS PSVbN",Osaka,"qMmpS Pro W3";
	float:none;
	clear:both
}

#mnews ul li {
color:#FF3300;
}


#mnews ul {
	font-size:0.75em;
	margin:5px 30px;
	padding:0;
}

#mnews ul a {
	color:#666666;
}
#member-h #sodan {
	margin-left: 20px;
	}
	#member-h #sodan h4 {
		padding: 0em 0 0.2em 0;
		}
	#member-h #sodan small {
		margin-top: 20px;
		display: block;
		}
	#member-h #sodan div {
		padding-left: 1.2em;
		}
	
/* 会員ページここまで */


/* トップへ */

.space {
margin-top:30px;
font-size: 0.9em;
}


/* 画像 */
#pho2 {
text-align:center;
margin-top:2em; 
}

#pho3 {
margin:0 20px 20px 40px;
}

div.homecounter /* カウンター2010.5.14追加 */ {
	padding: 0.5em 0;
	}


/* 2010.10アーカイブphp編集 */

.acv_pagetitle{
	background-color:#FCF;
	font-size:16px;
	height:30px;
	line-height:30px;
	color:#666;
	margin-top:15px;
	padding-left:10px;
}

.txt10{
	font-size:10px;
	color:#666;
}

.acv_entry p{
font-size:12px;
color:#666;
line-height:200%;
margin:10px auto 20px 20px;
}

.widecolumn{
margin:20px;
border-bottom:dotted 1px #999;
}

.school {
	margin-top: 30px;
}
.school ul.school-nav {
	overflow: hidden;
	list-style: none;
}
.school ul.school-nav li {
	float: left;
	width: 185px;
	margin-right: 20px;
	text-align: center;
}
.school ul.school-nav li:last-child {
	margin-right: 0;
}
.school ul.school-nav li a {
	display: block;
	padding: 10px 20px;
	background: #FFFFA4;
	border-radius: 20px;
	color: #333;
	font-weight: bold;
}
.school ul.school-nav li a:hover,
.school ul.school-nav li a.current {
	background: #F90;
	color: #FFF;
}


.school .school_tabbox {text-align: center; width: 100%;}
.school .school_tabbox .tab {display: inline-block; width: 185px; padding: 10px 0px; text-align: center; border-radius: 20px; color: #333; font-weight: bold;}

.school .school_tabbox .tab:first-of-type {background: #FFFFA4;}
.school .school_tabbox .tab:nth-of-type(2) {background: #D2FFD8;}
.school .school_tabbox .tab:nth-of-type(3) {background: #E6EBFF;}
.school .school_tabbox .tab:nth-of-type(4) {background: #FFE9F7;}

.school .school_tabbox .tab:hover, .school .school_tabbox input:checked + .tab {color: #FFF;}
.school .school_tabbox #tabcheck1 + .tab:hover, .school .school_tabbox #tabcheck1:checked + .tab {background: #FF9D00;}
.school .school_tabbox #tabcheck2 + .tab:hover, .school .school_tabbox #tabcheck2:checked + .tab {background: #20A02C;}
.school .school_tabbox #tabcheck3 + .tab:hover, .school .school_tabbox #tabcheck3:checked + .tab {background: #4970EA;}
.school .school_tabbox #tabcheck4 + .tab:hover, .school .school_tabbox #tabcheck4:checked + .tab {background: #EA6CC3;}

.school .school_tabbox .tab:hover {cursor: pointer;}
.school .school_tabbox .tab ~ .tab {margin-left: 15px;}
.school .school_tabbox input {display: none;}

.school_tabbox .school_tabbox_content {text-align: left; display: none; margin-top: 30px;}
.school_tabbox #tabcheck1:checked ~ #tabcontent1 {display: block;}
.school_tabbox #tabcheck2:checked ~ #tabcontent2 {display: block;}
.school_tabbox #tabcheck3:checked ~ #tabcontent3 {display: block;}
.school_tabbox #tabcheck4:checked ~ #tabcontent4 {display: block;}


.school .school_tabbox_content table {
	border: 1px solid #CCC;
	border-collapse: collapse;
	width: 100%!important;
    max-width: 100%!important;
	margin: 30px 0;
}
.school .school_tabbox_content table th,
.school .school_tabbox_content table td {
	padding: 10px 20px;
	border: 1px solid #CCC;
    color: #333;
}
.school .school_tabbox_content table th {
	/*background: #E9E8EE;*/
	font-size: 14px;
	font-weight: normal;
	padding: 8px 20px!important;
    text-align: center;
}

.school #tabcontent1 table:first-of-type th, .school #tabcontent2 table th {background: #D2FFD8;}
.school #tabcontent1 table:nth-of-type(2) th, .school #tabcontent3 table th {background: #E6EBFF;}
.school #tabcontent1 table:nth-of-type(3) th, .school #tabcontent4 table th {background: #FFE9F7;}

/*.school .school_tabbox_content table th:first-child {width: 25%}
.school .school_tabbox_content table th:nth-of-type(2) {width: 20%}
.school .school_tabbox_content table th:nth-of-type(3) {width: 20%}
.school .school_tabbox_content table th:nth-of-type(4) {width: 25%}
.school .school_tabbox_content table th:nth-of-type(5) {width: 10%}*/


.school .school-access {
	overflow: hidden;
	margin-bottom: 30px;
}
.school .school-access .photo {
	float: left;
	margin-right: 20px;
}
.school .school-access .photo p + p {
	margin-top: 20px;
}
.school .back-btn {
	display: block;
	width: 130px;
	padding: 8px 20px;
	margin: 0 auto 30px;
	text-align: center;
	border: 2px solid #06C;
	border-radius: 5px;
	font-weight: bold;
}
.school .back-btn:hover {
	border: 2px solid #F33;
}