@charset "utf-8";
/***  取組み & Topics  ***/
#tori01,
#tori02 {
	width:92%;
	margin:0 auto;
	text-align:center;
	padding:0;
}

#tori01 h3 { font-size:130%; font-weight:bold; }
#tori01 li { float:left; }
.tori01_01 { box-sizing:border-box; border:#B8CCD3 solid 1px; margin-bottom:1em; }
.tori01_02 { background:#E0EEEE; }
.tori01_02 h4 { background:url(../img/cms/cms_arr01.png) no-repeat 4% 1.0em; padding:0.8em 3% 0.8em 8%; width:89%; font-weight:bold; font-size:105%; }
.tori01_02 h4 a { color:#4762AC; }
.tori01_02 h4 span { font-size:90%; font-weight:normal; }
.tori01_03 { width:96%; margin:0.8em 2% 0.4em; }
.tori01_03 li { width:30%; margin:0 1.6666% 0.5em; }
.tori01_04 { font-weight:bold; font-size:120%; color:#4762AC; text-align:left; }
.tori01_04 a { color:#4762AC; }

.tori02_01 { box-sizing:border-box; border:#B8CCD3 solid 1px; margin-bottom:1em; }
.tori02_02 { background:#E0EEEE; padding:1em 2%; width:96%;}
.tori02_02 h3 { font-weight:bold; font-size:120%; color:#4762AC; padding-bottom:0.3em; }
.tori02_02 h3 span { font-size:90%; font-weight:normal; }
.tori02_03 { width:98%; margin:0.8em 1% 0.2em; }
.tori02_03 li { width:30%; margin:0 1.6666% 0.5em; float:left; }

.tori02_04 a{ color:#4762AC; text-decoration:underline; }
.tori02_04 a:hover{ color:#4762AC;  text-decoration:none; }
.tori02_04 { border-top:#C6DFEF solid 12px; border-bottom:#81A1C8 solid 1px; padding:2em 0; margin-bottom:5em; }
.tori02_04 h4 { border-bottom:#92AECF solid 1px; padding-bottom:1em; width:100%; font-weight:bold; font-size:145%; line-height:1.2em; }
.tori02_04 h4 a { color:#4D4D4D; }
.tori02_04 h5 { font-weight:bold; font-size:130%; color:#4762AC; }
.tori02_05 { padding:3.5em 0 1em; }
.tori02_06 { font-size:85%; }

.tori02_10 { box-sizing:border-box; border:#EAEFEF solid 6px; width:100%; }
.tori02_10 a{ color:#4D4D4D; text-decoration:underline; }
.tori02_10 a:hover{ color:#4D4D4D;  text-decoration:none; }
.tori02_11 { box-sizing:border-box; border-bottom:#EAEFEF solid 2px; width:100%; }
.tori02_12 { width:90%; padding:1.7em 5%; }
.tori02_12 li { padding:0.9em 0; border-bottom:#A9A9A9 dotted 1px; }
.tori02_12 li:last-child{ border-bottom:none; }
.tori02_12 h4 { font-weight:bold; font-size:120%; color:#4762AC; padding-bottom:.5em; }

/** マーク説明固定 **/
#fixd_mark { display:none; position:absolute; top:0; left:5%; z-index:500; width:90%; background:rgba(0,0,0,0.4); padding:2em 0; }
#tori03 { width:80%; background:rgba(255,255,255,1.0); padding:1.5em 5%; margin:0 5%; }
.tori03_01 { border-bottom:#4762AC solid 2px; padding:2% 2% 1%; width:92%; margin:0 auto; }
.tori03_01 h3 { color:#4762AC; font-size:130%; font-weight:bold; }

.tori03_02 li{ width:32%; margin:1em 1% 0.5em; float:left; box-sizing:border-box; }
.tori03_02 li:nth-child(3n+1) { margin-left:0; }
.tori03_02 li:nth-child(3n) { margin-right:0; }
.tori03_02 dt { width:100%; display:block; box-sizing:border-box; border:#C8C9CA solid 1px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.tori03_02 li dt img { width:90%; padding:0.2em 5%; margin:0 auto; }
.tori03_02 dd { width:98%; margin:0.5em auto; text-align:left; }

/***  講座情報  ***/
.kouz01,
#kouz02,
#kouz03,
#kouz04,
#kouz05,
#kouz06 {
	width:90%;
	margin:0 auto;
	text-align:center;
	padding:0.5em 0 1em;
}

.kouz01_01 br { display:block; }
.kouz01_01 li{ width:48%; margin:0 2% 0.5em; float:left; font-size:100%; line-height:1.4em; box-sizing:border-box; }
.kouz01_01 a { padding-top:0.1em; text-decoration:none; display:block; }
.kouz01_01 li:nth-child(2n+1) { margin-left:0; }
.kouz01_01 li:nth-child(2n) { margin-right:0; }

.kouz01_02L { width:100%; }
.kouz01_02R { width:0; }

.kouz01_03 { box-sizing:border-box; border:#C4AF96 solid 1px; background:#FFFBE1; width:100%; }
.kouz01_04 { padding:1em 3%; width:94%; color:#736357; }
.kouz01_04 ul { margin-left:4%; }
.kouz01_04 li { list-style:outside disc; width:98%; }
.kouz01_05 { letter-spacing:0.1em; }

/**  講座カテゴリーの色  **/
/*
.kouz_col01n,
.kouz_col01 a { background:rgba(255,239,198,1.0); border:rgba(249,190,119,1.0) solid 1px; color:rgba(249,190,119,1.0); }
.kouz_col01 a:hover { background:rgba(255,239,198,0.6); border:rgba(249,190,119,0.6) solid 1px; color:rgba(249,190,119,0.6); }
*/
.kouz_col01n,
.kouz_col01 a { background:rgba(255,239,198,1.0); border:rgba(231,131,10,1.0) solid 1px; color:rgba(231,131,10,1.0); }
.kouz_col01 a:hover { background:rgba(255,239,198,0.6); border:rgba(231,131,10,0.6) solid 1px; color:rgba(231,131,10,0.6); }

.kouz_col02n, 
.kouz_col02 a { background:rgba(255,226,222,1.0); border:rgba(242,66,97,1.0) solid 1px; color:rgba(242,66,97,1.0); }
.kouz_col02 a:hover { background:rgba(255,226,222,0.6); border:rgba(242,66,97,0.6) solid 1px; color:rgba(242,66,97,0.6); }
.kouz_col03n,
.kouz_col03 a { background:rgba(212,240,246,1.0); border:rgba(0,160,231,1.0) solid 1px; color:rgba(0,160,231,1.0); }
.kouz_col03 a:hover { background:rgba(212,240,246,0.6); border:rgba(0,160,231,0.6) solid 1px; color:rgba(0,160,231,0.6); }
.kouz_col09n,
.kouz_col09 a { background:rgba(234,247,209,1.0); border:rgba(107,185,0,1.0) solid 1px; color:rgba(107,185,0,1.0); }
.kouz_col09 a:hover { background:rgba(234,247,209,0.6); border:rgba(107,185,0,0.6) solid 1px; color:rgba(107,185,0,0.6); }
.kouz_col05n,
.kouz_col05 a { background:rgba(189,232,221,1.0); border:rgba(0,166,154,1.0) solid 1px; color:rgba(0,166,154,1.0); }
.kouz_col05 a:hover { background:rgba(189,232,221,0.6); border:rgba(0,166,154,0.6) solid 1px; color:rgba(0,166,154,0.6); }
.kouz_col06n,
.kouz_col06 a { background:rgba(221,223,255,1.0); border:rgba(116,105,142,1.0) solid 1px; color:rgba(116,105,142,1.0); }
.kouz_col06 a:hover { background:rgba(221,223,255,0.6); border:rgba(116,105,142,0.6) solid 1px; color:rgba(116,105,142,0.6); }
.kouz_col07n,
.kouz_col07 a { background:rgba(247,242,219,1.0); border:rgba(150,131,117,1.0) solid 1px; color:rgba(150,131,117,1.0); }
.kouz_col07 a:hover { background:rgba(247,242,219,0.6); border:rgba(150,131,117,0.6) solid 1px; color:rgba(150,131,117,0.6); }
.kouz_col08n,
.kouz_col08 a { background:rgba(176,208,241,1.0); border:rgba(71,98,172,1.0) solid 1px; color:rgba(71,98,172,1.0); }
.kouz_col08 a:hover { background:rgba(176,208,241,0.6); border:rgba(71,98,172,0.6) solid 1px; color:rgba(71,98,172,0.6); }
.kouz_col04n,
.kouz_col04 a { background:rgba(203,231,179,1.0); border:rgba(84,143,69,1.0) solid 1px; color:rgba(84,143,69,1.0); }
.kouz_col04 a:hover { background:rgba(203,231,179,0.6); border:rgba(84,143,69,0.6) solid 1px; color:rgba(84,143,69,0.6); }
.kouz_col10n,
.kouz_col10 a { background:rgba(239,239,239,1.0); border:rgba(128,128,128,1.0) solid 1px; color:rgba(128,128,128,1.0); }
.kouz_col10 a:hover { background:rgba(239,239,239,0.6); border:rgba(128,128,128,0.6) solid 1px; color:rgba(128,128,128,0.6); }


.kouz_col08ns,
.kouz_col08s a { background:rgba(204,224,244,1.0); border:rgba(52,97,172,1.0) solid 1px; color:rgba(52,97,172,1.0); }
.kouz_col08s a:hover { background:rgba(204,224,244,0.6); border:rgba(52,97,172,0.6) solid 1px; color:rgba(52,97,172,0.6); }

.kouz_col10ns,
.kouz_col10s a { background:rgba(225,238,206,1.0); border:rgba(98,154,98,1.0) solid 1px; color:rgba(98,154,98,1.0); }
.kouz_col10s a:hover { background:rgba(225,238,206,0.6); border:rgba(98,154,98,0.6) solid 1px; color:rgba(98,154,98,0.6); }

.kouz_col12n,
.kouz_col12 a { background:rgba(185,220,184,1.0); border:rgba(43,134,58,1.0) solid 1px; color:rgba(43,134,58,1.0); }
.kouz_col12 a:hover { background:rgba(185,220,184,0.6); border:rgba(43,134,58,0.6) solid 1px; color:rgba(43,134,58,0.6); }



/* 2016/3/25 追加start */
.kouz_col11n,
.kouz_col11 a { background:rgba(255,239,255,1.0); border:rgba(239,99,164,1.0) solid 1px; color:rgba(239,99,164,1.0); }
.kouz_col11 a:hover { background:rgba(255,239,255,0.6); border:rgba(239,99,164,0.6) solid 1px; color:rgba(239,99,164,0.6); }
/* 2016/3/25 追加end */

.kouz02_01 { box-sizing:border-box; padding:0.2em 0 0.1em; position:relative; }
.kouz02_01L { width:77%; padding-left:23%; padding-right:0; font-size:120%; }
.kouz02_01R { width:98%; padding-right:2%; color:#4D4D4D; font-size:90%; }
.kouz02_01on { position:absolute; top:-0.3em; left:1%; }

.kouz02_02 { box-sizing:border-box; border:#D7D7D7 solid 1px; border-top:none; }
.kouz02_02 h5 { font-size:120%; font-weight:bold; }
.kouz02_02L { width:90%; padding:0 5%;}
.kouz02_02R { width:90%; padding:0 5%; }
.kouz02_02R img { width:80%; margin:0 auto; }
.kouz02_02 table { width:100%; padding:0; border-top:#8E8E8E dotted 1px; border-collapse: collapse; }
.kouz02_02 tr { border-bottom:#8E8E8E dotted 1px; }
.kouz02_02 th { width:15%; background:#F2F7F9; color:#4762AC; padding:0.4em 2%}
.kouz02_02 td { width:77%; padding:0.4em 2%; text-align:left; }
.kouz02_02 a,
.kouz02_02 a:hover { color:#4762AC; }
.kouz02_02 h5 a { color:#4D4D4D; }

.kouz03_01 { background:rgba(242,247,249,1.0); border:rgba(179,181,182,1.0) solid 1px; color:rgba(150,150,150,1.0); width:98%; padding:0.3em 0 0.1em 2%; font-size:110%; letter-spacing:0.1em; text-align:left; }

#kouz04 h4 { font-size:160%; line-height:1.3em; /*color:#AAAAAA;*/ }
.kouz04_01 h5 { font-size:160%; font-weight:bold; line-height:1.3em; }
.kouz04_01R { width:100%; padding:0; font-size:110%; }
.kouz04_01L { width:90%; padding:0 5%; }
.kouz04_01L img { width:80%; margin:0 auto; box-sizing:border-box; border:#98999B solid 1px; }
#kouz04_01Lmap { width:100%; padding-bottom:15em; height:15em; overflow: hidden; width:100%; box-sizing:border-box; border:#98999B solid 1px; }

.kouz04_01 table { width:100%; padding:0; border-top:#8E8E8E dotted 1px; border-collapse: collapse; }
.kouz04_01 tr { border-bottom:#8E8E8E dotted 1px; }
.kouz04_01 th { width:15%; background:#F2F7F9; color:#4762AC; padding:0.4em 2%}
.kouz04_01 td { width:77%; padding:0.4em 2%; text-align:left; }
.kouz04_01 a,
.kouz04_01 a:hover { color:#4762AC; }

.kouz04_02 { box-sizing:border-box; border:#BABCBD solid 1px; width:100%; background:#F2F7F9; }
.kouz04_03 { width:96%; padding:1em 2%; }
.kouz04_03 li { padding-bottom:1em; }
.kouz04_03 h6 { font-weight:bold; font-size:120%; color:#4762AC; }
.kouz04_04 { padding:0.8em 0 1.2em; }
.kouz04_04 dl { padding-bottom:0.7em; }
.kouz04_04 dt { font-weight:bold; font-size:110%; }
.kouz04_btn img { width:80%; margin:0; }
.kouz04_05 { padding:0.7em 0 2em; margin-top:0.7em; color:#4762AC; }
.kouz04_06,
.kouz04_06 a { color:#4762AC; }
.kouz04_07 img { width:auto; margin:0 auto; }

.kouz05_01 { font-size:105%; }
.kouz05_02 { padding:0.6em 2% 0.5em; border-bottom:#5B75D6 solid 1px; 
	width:96%; 
	background: linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%); 
	background: -ms-linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%); 
	background: -moz-linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%);
	background: -o-linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%);
	background: -webkit-linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%);
}
.kouz05_02 h4 { color:#5B75D6; font-size:120%; font-weight:bold; }

.kouz05_03 { background:#FFFFFF; padding:1em 0; width:100%; border-bottom:#5B75D6 solid 2px; }
.kouz05_04 { float:none; width:13%; padding:0.3em 2% 0 0; margin:0; font-size:80%; }
.kouz05_04in { box-sizing:border-box; border:#FF4444 solid 2px; color:#FF4444; }
.kouz05_05 { float:none; width:92%; padding:0.5em 0; }
.kouz05_05 dt { width:100%; float:none; }
.kouz05_05 dd { width:100%; }
.kouz05_05 dd span { color:#AAAAAA; }
.kouz05_06 { padding:1em 0; border-bottom:#526BB1 dotted 1px; line-height:1.5em; }
.kouz05_07 { width:80%; margin:0 auto; }
.kouz05_07 input { width:100%; }

.kouz05_03 input.text20 { width:70%; padding:0.3em 1%; font-size:120%; }
.kouz05_03 input.text50 { width:70%; padding:0.3em 1%; font-size:120%; }
.kouz05_03 input.text70 { width:90%; padding:0.3em 1%; font-size:120%; }
.kouz05_03 input.text90,
.kouz05_03 textarea.text90 { width:97%; padding:0.3em 1%; font-size:120%; }
.kouz05_03 input.value { color:#CCCCCC; }

#kouz06 h4 { font-size:160%; line-height:1.3em; color:#999999; }
.kouz06_01 img { width:auto; margin:0 auto; }

.kouz05_08 {width: 100%; border:#BE2A2F solid 3px; border-radius: 20px; box-sizing: border-box; padding: 1.5em 7%; color: #BE2A2F;}
.kouz05_08 dt {font-size: 140%; font-weight: bold; letter-spacing: 1px;}
.kouz05_08 dd {font-size: 110%; text-align: left;}
.kouz05_08 dd span{ font-weight: bold; font-size: 110%;}
/***  図書コーナー情報  ***/
#tosy01,
#tosy02 {
	width:90%;
	margin:0 auto;
	text-align:center;
	padding:0.5em 0 1em;
}

#tosy01 table { width:100%; padding:0; border-top:#8E8E8E dotted 1px; border-collapse: collapse; }
#tosy01 tr { border-bottom:#8E8E8E dotted 1px; }
#tosy01 th { color:#4762AC; background:#F2F7F9; text-align:center; padding:0.3em 2%; width:22%; }
#tosy01 td { padding:0.3em 2%; width:70%; text-align:left; vertical-align:middle; }
#tosy01 h3 { font-size:140%; font-weight:bold; color:#4D4D4D; }
#tosy01 h4 { font-size:140%; font-weight:bold; color:#4762AC; }
.tosy01_01 dt { display:inline-block; padding:0.7em 2% 0.5em; border-bottom:#5B75D6 solid 1px;
	width:96%; 
	background: linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%); 
	background: -ms-linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%); 
	background: -moz-linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%);
	background: -o-linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%);
	background: -webkit-linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%);
}
.tosy01_01 dd { padding:1.5em 0; }
.tosy01_02 { color:#4762AC; }
.tosy01_02 li { padding-bottom:0.1em; }
.tosy01_03 li { background:url(../img/common/smenu_san02.png) no-repeat left top; background-size:auto; width:95%; padding:0.4em 0 0 5%; font-weight:bold; }
.tosy01_03 li a { color:#4762AC; } 

#tosy02 h3 { display:inline-block; padding:0.6em 2% 0.4em; border-bottom:#5B75D6 solid 1px; font-size:140%; font-weight:bold; color:#4762AC;
	width:96%; 
	background: linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%); 
	background: -ms-linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%); 
	background: -moz-linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%);
	background: -o-linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%);
	background: -webkit-linear-gradient(top, rgba(222,234,241,1) 40%, rgba(255,255,255,1) 95%);
}


.cms_margp p { margin-bottom:1em; } 
.cms_margp p img { display: block; width:auto; float:none; }
.cms_margp img.alignright { margin: 0 0 0 auto; }/* 配置位置 右 */
.cms_margp img.alignleft { margin: 0 auto 0 0; }/* 配置位置 左 */
.cms_margp img.aligncenter { margin: 0 auto; }/* 配置位置 中央 */

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media print, screen and (min-width : 768px) {
/***  取組み & Topics  ***/
#tori01,
#tori02 { width:100%; }

.tori02_03 li { width:15%; margin:0 0.8333% 0.5em; float:left; }
.tori01_04 { text-align:center; }

/** マーク説明固定 **/
#fixd_mark { left:20%; width:60%; }
#tori03 { width:90%; margin:0 auto; }

.tori03_02 li{ width:14.5833%; margin:1em 1.0416% 0.5em; }
.tori03_02 li:nth-child(3n+1),
.tori03_02 li:nth-child(3n) {  margin:1em 1.0416% 0.5em; }

/***  講座情報  ***/
.kouz01,
#kouz02,
#kouz03,
#kouz04,
#kouz05,
#kouz06 { width:100%; }

#tori03 { margin-top:0; padding:0 0 2em; }

.kouz01_01 br { display:none; }
.kouz01_01 li{ width:22.9166%; margin:0 1.0416% 0.5em; font-size:120%; }
.kouz01_01 li:nth-child(2n+1),
.kouz01_01 li:nth-child(2n) {  margin:0 1.0416% 0.5em; }

.kouz01_02L { width:48.5106%; }
.kouz01_02R { width:25.5319%; }
.kouz01_04 ul { margin-left:2%; }

.kouz02_01 { padding:0.3em 0 0.1em; }
.kouz02_01L { width:52%; padding-left:10%; padding-right:5%; font-size:110%;}
.kouz02_01R { width:32%; padding-right:1%; }
.kouz02_02 h5 { font-size:130%; }
.kouz02_02L { width:68.0851%; padding:0 4.2555% 0 2.1276%;}
.kouz02_02R { width:23.4042%; padding:0 2.1276% 0 0; }
.kouz02_02R img { width:100%; }

.kouz04_01 h5 { font-size:170%; }
.kouz04_01R { width:68.0851%; padding:0 4.2555% 0 2.1276%;}
.kouz04_01L { width:23.4042%; padding:0 2.1276% 0 0; }
.kouz04_01L img { width:100%; }
.kouz04_btn img { width:30%; }

.kouz05_04 { float:left; width:4.5%; /* padding:0.3em 2% 0 0; */ }
.kouz05_05 { float:left; /* width:92%; padding:0.5em 0; */ }
.kouz05_05 dt { width:20%; float:left; }
.kouz05_05 dd { width:80%; padding-left:20%; }
.kouz05_07 { width:50%; margin:0 auto; }

.kouz05_03 input.text20 { width:20%; padding:0.3em 1%; font-size:120%; }
.kouz05_03 input.text50 { width:50%; padding:0.3em 1%; font-size:120%; }
.kouz05_03 input.text70 { width:70%; padding:0.3em 1%; font-size:120%; }
.kouz05_03 input.text90,
.kouz05_03 textarea.text90 { width:90%; padding:0.3em 1%; font-size:120%; }
.kouz05_03 value { color:#CCCCCC; }

/***  図書コーナー情報  ***/
#tosy01,
#tosy02 { width:100%; }

.tosy01_03 li { width:97%; padding:0.3em 0 0.1em 3%; }

}
/*=================================================================================*/
/** 960px以上 PCサイズ画面 **/
@media print, screen and (min-width : 960px) {
/***  取組み & Topics  ***/
#tori01,
#tori02 { width:1200px; padding:20px 0; }

/***  講座情報  ***/
.kouz01,
#kouz02,
#kouz03,
#kouz04,
#kouz05,
#kouz06 { width:1200px; padding:5px 0 10px; }

.kouz02_01L { width:53%; padding-left:9%; }
.kouz02_02R img { width:auto; }
#kouz04_01Lmap { padding-bottom: 200px; height: 200px; }
.kouz04_btn img { width:auto; }

.kouz05_07 { width:100%; }
.kouz05_07 input { width:auto; }

/***  図書コーナー情報  ***/
#tosy01,
#tosy02 { width:1200px; padding:20px 0; }

}