@charset "utf-8";

/*
Theme Name: 公式サイト 1.27
Theme URI: https://www.linesmix.com/
Description: 「見守りスタッフ」→「スタッフ」
Version: 1.27 2026/03/31
Author: Akira Hamada
Author URI: https://www.linesmix.com/
*/

/* Reset ------------------------------------------------------------------ */
:link, :visited {
	text-decoration: none;
}

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
	margin:  0;
	padding: 0;
}

div {
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
	overflow-y: scroll;
}

@media screen and (max-width: 750px) { html {font-size: 62.5%; } }
@media screen and (max-width: 737px) { html {font-size: 61.5%; } }
@media screen and (max-width: 724px) { html {font-size: 60.5%; } }
@media screen and (max-width: 711px) { html {font-size: 59.5%; } }
@media screen and (max-width: 698px) { html {font-size: 58.5%; } }
@media screen and (max-width: 685px) { html {font-size: 57.5%; } }
@media screen and (max-width: 672px) { html {font-size: 56.5%; } }
@media screen and (max-width: 659px) { html {font-size: 55.5%; } }
@media screen and (max-width: 646px) { html {font-size: 54.5%; } }
@media screen and (max-width: 633px) { html {font-size: 53.5%; } }
@media screen and (max-width: 620px) { html {font-size: 52.5%; } }
@media screen and (max-width: 607px) { html {font-size: 51.5%; } }
@media screen and (max-width: 594px) { html {font-size: 50.5%; } }
@media screen and (max-width: 581px) { html {font-size: 49.5%; } }
@media screen and (max-width: 568px) { html {font-size: 48.5%; } }
@media screen and (max-width: 555px) { html {font-size: 47.5%; } }
@media screen and (max-width: 542px) { html {font-size: 46.5%; } }
@media screen and (max-width: 529px) { html {font-size: 45.5%; } }
@media screen and (max-width: 516px) { html {font-size: 44.5%; } }
@media screen and (max-width: 503px) { html {font-size: 43.5%; } }
@media screen and (max-width: 490px) { html {font-size: 42.5%; } }
@media screen and (max-width: 477px) { html {font-size: 41.5%; } }
@media screen and (max-width: 464px) { html {font-size: 40.5%; } }
@media screen and (max-width: 451px) { html {font-size: 39.5%; } }
@media screen and (max-width: 438px) { html {font-size: 38.5%; } }
@media screen and (max-width: 425px) { html {font-size: 37.5%; } }
@media screen and (max-width: 412px) { html {font-size: 36.5%; } }
@media screen and (max-width: 399px) { html {font-size: 35.5%; } }
@media screen and (max-width: 386px) { html {font-size: 34.5%; } }
@media screen and (max-width: 373px) { html {font-size: 33.5%; } }
@media screen and (max-width: 360px) { html {font-size: 32.5%; } }
@media screen and (max-width: 347px) { html {font-size: 31.5%; } }
@media screen and (max-width: 334px) { html {font-size: 30.5%; } }
@media screen and (max-width: 321px) { html {font-size: 29.5%; } }

.block-for-pc { display: none;   }
.block-for-mb { display: block;  }
.span-for-pc  { display: none;   }
.span-for-mb  { display: inline; }



h1,h2,h3,h4,h5,h6 {
	font-size: 3.2rem;
	font-weight: normal;
}

table {
	border-spacing: 0;
}

fieldset,img,abbr,acronym {
	border: 0;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

a {
	text-decoration: underline;
	outline: none;
}

hr {
	border: 0;
	height: 1px;
	background-color: #000;
	color: #000;
	margin:  1em 0;
}

a img,:link img,:visited img {
	border: none;
}

address {
	font-style: normal;
	display: inline;
}

/* Utilities ----------------------------------------------------------------- */
#content-inner:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

#content-inner {
	display: inline-block;
}

/* no ie mac \*/
* html #content-inner { height: 1%; }
#content-inner { display: block; }

.scrollup {
	z-index: 20000;
}

.postof-events .scrollup {
	right:  1em !important;
	bottom: 4em !important;
}



/* Content ---------------------------------------------------------------- */
a:link, a:visited {
	text-decoration: underline;
}

p, pre, blockquote, fieldset, ul, ol, dl {
	margin-bottom: .75em;
}

ol { list-style: decimal outside; }
ul { list-style: disc outside; }

/* Assets */
.asset-body,
.asset-more,
.more-link,
.asset-excerpt,
.comment-content,
.comment-footer,
.comments-open-content,
.comments-open-footer,
.trackbacks-info,
.trackback-content,
.archive-content {
	clear: both;
}

.asset,
.comments,
.trackbacks,
.archive {
	overflow: hidden;
	width: 100%;
}

.asset,
.asset-content,
.comments,
.trackbacks,
.archive {
	position: static;
	clear: both;
}

.asset,
.comments,
.comments-content,
.trackbacks,
.archive,
.search-form {
	margin-bottom: 1.5em;
}

.asset-header,
.asset-content,
.asset-body,
.comments-header,
.comment-content,
.comment-footer,
.comments-open-header,
.comments-open-content,
#comments-open-footer,
#comment-form-external-auth,
#comment-form-name,
#comment-form-email,
#comment-form-url,
#comments-open-text,
.trackbacks-header,
.trackbacks-info,
.archive-content,
.search-form-header,
.search-results-header {
	margin-bottom: .75em;
}

.asset-name {
	margin-bottom: .25em;
}

.asset-meta {
	font-size: 2.2rem;
	margin-top: .25em;
	padding-top: 2px;
	padding-bottom: .3em;
	font-weight: normal;
	clear: both;
	border: 0;
}

.entry-tags-header,
.entry-categories-header {
	margin-bottom: 0;
	margin-right: .25em;
	display: inline;
	font-weight: bold;
}

.entry-tags-list,
.entry-categories-list {
	display: inline;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.entry-tags-list .entry-tag,
.entry-categories-list .entry-category {
	display: inline;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px;
	text-align: center;
}

.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

/* Feedback */
.comments-open label {
	display: block;
}

#comment-author, #comment-email, #comment-url, #comment-text {
	width: 80%;
}

#comment-submit {
	font-weight: bold;
}

.comment,
.trackback {
	margin-bottom: .5em;
	border-bottom: 1px solid #ccc;
	padding-bottom: .5em;
}

.comment-content {
	clear: none;
	line-height: 1.5;
	margin-bottom: 1em;
}

.comment-content p {
	margin-bottom: .5em;
}

/* Widgets */
.widget {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.widget-content {
	position: relative;
	margin:  0;
	padding: 0;
}

.widget ul {
	margin:  0;
	padding: 0;
	list-style: none;
}

.widget ul ul {
	margin-left: 15px;
}

.widget li {
	margin-top: 5px;
	margin-bottom: 5px;
}

.widget-recent-assets .xwidget-content .widget-list {
	overflow: auto;
	margin-right: 0;
}

.widget-search ul {
	margin-left: 0;
	list-style: none;
}

.widget-search li {
	margin: 5px 0;
}

/* Layout ----------------------------------------------------------------- */
#container-inner {
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
}

#header, #content, #alpha, #beta, #gamma, #footer {
	position: relative;
}

#alpha, #beta, #gamma {
	display: block;
}

#header-inner, #content-inner, #footer-inner,
#alpha-inner, #beta-inner , #gamma-inner {
	position: static;
}

#header-inner, #content-inner, #footer-inner {
	margin:  0;
	padding: 0;
}

#header-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner  {
	overflow: hidden;
	padding: 0;
}

#content-inner {
	margin:  0;
	padding: 0;
}

/* ---------------------------------------------------------------------
ページ全体
--------------------------------------------------------------------- */
body {
	text-align:center;
	color:#000000;
	line-height: 1.5;
	font-style: normal;
	font-weight: normal;
	font-size: 2.6rem;
	font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background: #ffffff;
	overflow-x:hidden;
}

/* リンクカラー */
a {
	color: #003a91;
}

a:hover {
	color: #3f7edc;
}

.clear {
	clear: both;
}

.clearfix {
	clear: both;
	float: none;
	height: 0;
	text-indent: -9999px;
}


/* ---　ページトップ　--- */
#gotop {
	clear: both;
	width: 100%;
	margin: 10px 0;
	
	display: none;
}

#gotop a {
	font-size: 1.2rem !important;
	text-indent: -500px;
	height: 15px;
	width: 65px;
	display: block;
	float: right;
	overflow: hidden;
	background: url('images/pagetop.gif') no-repeat 0 0;
}

#gotop a:hover {
	font-size: 1.2rem !important;
	text-indent: -500px;
	height: 15px;
	width: 65px;
	display: block;
	float: right;
	overflow: hidden;
	background: url('images/pagetop_ov.gif') no-repeat 0 0;
}

/* -----　パンくず　----- */
.navi {
	margin: 2px 5px 10px;
	text-align: left;
	font-size: 1.4rem;
	
	display: none;
}

/* ---------------------------------------------------------------------
container
--------------------------------------------------------------------- */
.layout-wt #container {
	line-height:1.6;
	font-size: 2.6rem;
	width: 100%;
	margin:  0 auto;
	padding: 0;
	text-align:left;
	overflow-x:hidden;
}

#container-inner {
	position: relative;
	width: 100%;
	margin:  0;
	padding: 0;
}



/* ---------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------- */
.layout-wt #alpha {
	clear: both;
	width: 100%;
	margin:  0 auto;
	padding: 0;
}

.layout-wt #beta {
	display: none;
}

.layout-wt #gamma {
	clear: both;
	width: 100%;
	margin:  0 auto;
	padding: 0;
}



#alpha-inner {
	width: 100%;
	margin:  0 auto;
	padding: 0;
}

#beta-inner {
	margin:  0;
	padding: 0;
}

#gamma-inner {
	width: 100%;
	margin:  0 auto;
	padding: 0;
}



/* ---------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------- */
#header {
	clear: both;
	width: 100%;
	margin:  0 auto;
	padding: 0;
	background: #ffffff;
	z-index: 9999;
}

#header-inner {
	max-width: 1920px;
	width: 100%;
	margin:  0 auto;
	padding: 0 0 0.5em;
	background: url(images/header/mb/bg_header.png) no-repeat center top;
	background-size: 100% auto;
}



#header-upper {
	clear: both;
	width: 100%;
	margin:  0 auto;
	padding: 0;
}

#header-upper-inner {
	clear: both;
	width: 100%;
	margin:  0 auto;
	padding: 0;
	position: relative;
}


/* --- ハンバーガーメニュー --- */
#ico_menu {
	font-size: 2.0rem;
	margin:  3.2em 0 0 1.2em;
	padding: 0;
	width: 7.2%;
	float: left;
}

#ico_menu img {
	width: 100%;
	height: auto;
}



/* --- メインロゴ--- */
#header-upper #main-logo {
	font-size: 1.0rem;
	max-width: 562px;
	width: 75.0%;
	float: left;
	margin:  0;
	padding: 3.8em 0 0 1.2em;
}

#header-upper #main-logo img {
	width: 100%;
	height: auto;
}



/* --- 検索ボタン --- */
#header-upper #ico_search {
	font-size: 1.0rem;
	max-width: 50px;
	width: 7vw;
	float: right;
	margin:  3.5em 1.2em 0 0;
	padding: 0;
}

#header-upper #ico_search img {
	width: 100%;
	height: auto;
}



/* --- ヘッダ部メニュー --- */
#header-upper #header-menu {
	display: none;
}



/* --- Facebook アイコン --- */
#header-upper #ico-facebook {
	font-size: 1.0rem;
	max-width: 50px;
	width: 7vw;
	float: right;
	margin:  1.2em 2.0em 0 0;
	padding: 0;
	display: block;
}

#header-upper #ico-facebook img {
	width: 100%;
	height: auto;
}

/* --- YouTube アイコン --- */
#header-upper #ico-youtube {
	font-size: 1.0rem;
	width: 26.25vw;
	float: right;
	margin:  1.2em 2.0em 0 0;
	padding: 0;
	display: block;
	background: #ffffff;
}

#header-upper #ico-youtube img {
	width: 100%;
	height: auto;
}

#header-upper #ico-youtube img:hover {
	opacity: 0.8;
}






/* ---------------------------------------------------------------------
メインビジュアル
--------------------------------------------------------------------- */
/* ---
.metaslider {
	overflow-x:hidden;
}

.metaslider .flexslider,
.metaslider .flex-viewport {
	overflow: visible !important;
	z-index: 90;
}

html {
	overflow-x:hidden;
}

.flex-viewport ul li {
	opacity: 0.4;
}

.flex-viewport ul li.flex-active-slide {
	opacity: 1.0;
}
--- */



/* ---------------------------------------------------------------------
Content
--------------------------------------------------------------------- */
#content {
	clear: both;
	margin:  0;
	padding: 0;
	position: relative;
	z-index: 1;
	overflow-x:hidden;
}



/* ---------------------------------------------------------------------
フッター
--------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 100%;
	margin:  0 auto;
	padding: 0;
	background: #444444;
}

#footer-inner {
	width: 100%;
	margin:  0 auto;
	padding: 0;
}



/* --- フッタメニュー --- */
#footerboxes {
	clear: both;
	margin:  0;
	padding: 0;
}

#footerboxes .footerbox {
	width: 93.33333%;
	margin:  0 auto;
	padding: 3.0em 3.0em 0;

}

#footerboxes .footerbox a {
	font-weight: bold;
	color: #ffffff;
	line-height: 1.5;
	text-decoration: none;
}

#footerboxes .footerbox a:hover {
	text-decoration: underline;
}



#footerboxes .footerbox p {
	clear: both;
	margin:  0;
	padding: 0.2em 0;
	font-size: 3.0rem;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.0;
}

#footerboxes .footerbox ul {
	list-style: none;
	margin:  0;
	padding: 0;
}

#footerboxes .footerbox ul li {
	margin:  0;
	padding: 0;
	font-size: 2.6rem;
}



/* --- 関連サイト --- */
#goto-adachiku {
	width: 19vw;
	margin:  1em 0 0 3.0em;
	padding: 0;
}

#goto-adachiku h2 {
	font-size: 2.6rem;
	color: #ffffff;
	line-height: 1.5;
	text-decoration: none;
}

#goto-adachiku img:hover {
	opacity: 0.8;
}

.bann_adachiku img {
	width: 100%;
	height: auto;
}



/* -- コピーライト -- */
.copyright {
	color: #ffffff;
	width: 100%;
}

.copyright .copyright-content {
	text-align: center;
	padding: 3em 0 9em;
	font-size: 1.3rem;
	line-height: 1.3;
}



/* ---------------------------------------------------------------------
トップページ
--------------------------------------------------------------------- */
#toppage-midashi {
	background: #006699;
	font-size: 3.0rem;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.0;
	text-align: center;
	margin:  1em auto 0;
	padding: 0.75em 0;
}



/* --- イベント・講座情報 --- */
#event-box {
	clear: both;
	width: 93.33333%;
	margin:  0 auto 0;
	padding: 0;
	font-size: 1.0rem;
	line-height: 1.0;
}

#event-box .event-list {
	clear: both;
	list-style: none;
	margin:  0;
	padding: 0;
}

#event-box .event-list li {
	font-size: 2.0rem;
	width: 100%;
	margin:  2em 0 0;
	padding: 0;
	
	border: 1px #999999 solid;
	border-radius: 0.5em;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}


#event-box .event-list li img {
	width: 100%;
	height: auto;
}



#event-box .event-list li .title-box {
	clear: both;
	height: 9.5em;
}

#event-box .event-list li .ex_title {
	clear: both;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.16;
	max-width: 680px;
	width: 97.14285%;
	margin:  0.5em auto 0;
	padding: 0;
}

#event-box .event-list li .ex_subtitle {
	clear: both;
	font-size: 2.8rem;
	font-weight: bold;
	max-width: 680px;
	width: 97.14285%;
	margin:  0.5em auto 0;
	padding: 0;
}

#event-box .event-list li .ex_eyecatch {
/* --
	position: absolute;
	top:  7em;
	left: 0;
	right: 0;
	margin: auto;
-- */
	
	clear: both;
	max-width: 360px;
	width: 51.42857%;
	margin:  1em auto 0;
	padding: 0;
}

#event-box .event-list li .ex_summary {
	clear: both;
	font-size: 2.8rem;
	line-height: 1.28;
	text-align: justify;
	max-width: 680px;
	width: 97.14285%;
	margin:  0.8em auto 0;
	padding: 0;
}

#event-box .event-list li .bk-arrow {
/*
	clear: both;
	font-size: 4.2rem;
	color: #444444;
	max-width: 680px;
	width: 97.14285%;
	margin:  0.5em auto 0;
	padding: 0 0 0.3em;
	text-align: right;
*/
	position: absolute;
	bottom: 0.6em;
	right:  0.5em;
	
	font-size: 3.6rem;
	color: #ffffff;
	z-index: 10;
}

#event-box .event-list li .bottom_text {
	position: relative;
	bottom: 0;
	left:   0;
	width: 100%;
	
	font-size: 3.2rem;
	font-weight: bold;
	color: #ffffff;
	margin:  0;
	padding: 0.75em 0;
	text-align: center;
}

#event-box .event-list li a {
	display: block;
	position: absolute;
	left: 0;
	top:  0;
	width:  100%;
	height: 100%;
	text-indent: -9999px;
	z-index: 12;
}

#event-box .event-list li:hover {
	opacity: 0.8;
}






















#goto-archives {
	clear: both;
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
	margin:  1.2em auto 0;
	padding: 0;
}

#goto-archives .pink {
	color: #eb6ea5;
	font-weight: bold;
}

#goto-archives a {
	color: #000000;
	text-decoration: none;
}

#goto-archives a:hover {
	text-decoration: underline;
}



/* --- お知らせ --- */
#information-box {
	clear: both;
	margin:  3em auto 0;
	padding: 2em 0;
	background: #f0f1f0;
}

#information-box-inner {
	max-width: 700px;
	width: 93.33333%;
	margin:  0 auto;
	padding: 0;
}

#information-box h2 {
	font-size: 3.0rem;
	font-weight: bold;
	color: #000000;
	line-height: 1.0;
	text-align: center;
	margin:  0 auto 0;
	padding: 0 0 1em;
	border-bottom: 3.5px #eb6ea5 solid;
}

#information-box ul {
	max-width: 650px;
	width: 93%;
	list-style: none;
	margin:  1em auto 0;
	padding: 0;
}

#information-box ul li {
	margin:  0;
	padding: 0;
	font-size: 2.8rem;
}

#information-box ul li .day {
	width: 7em;
	margin:  0;
	padding: 0;
	float: left;
}

#information-box ul li .category {
	width: 3em;
	margin:  0;
	padding: 0;
	float: left;
}

#information-box ul li .new-post {
	color: #cc3300;
}

#information-box ul li .title {
	clear: both;
	width: 23em;
	margin:  0;
	padding: 0;
}



/* --- facebook --- */
#facebook-box {
	max-width: 500px;
	width: 95%;
	margin:  3em auto 0;
	padding: 0;
}

#facebook-box img {
	width: 100%;
	height: auto;
}



/* --- 広報紙トキメキ --- */
#tokimeki-box {
	clear: both;
	margin:  3em auto;
	padding: 2em 0 4em;
	background: #f0f1f0;
}

#tokimeki-box-inner {
	margin:  0 auto;
	padding: 0;
}

#tokimeki-box h2 {
	font-size: 3.0rem;
	font-weight: bold;
	color: #000000;
	line-height: 1.0;
	text-align: center;
	margin:  0 auto 0;
	padding: 0;
}

#tokimeki-roundbox {
	width: 93.33333%;
	margin:  1em auto 0;
	padding: 1em 0;
	background: #ffffff;
	border-radius: 0.5em;
	filter: drop-shadow(0.2em 0.2em 0.2em rgba(0,0,0,0.6));
	position: relative;
}



#tokimeki-roundbox #tokimeki-copy {
	max-width: 600px;
	width: 85.71429%;
	margin:  0 auto;
	padding: 0;
}

#tokimeki-roundbox #tokimeki-copy img {
	width: 100%;
	height: auto;
}

#tokimeki-roundbox #tokimeki-text {
	max-width: 600px;
	width: 85.71429%;
	margin:  1em auto 0;
	padding: 0;
	font-size: 2.8rem;
	text-align: justify;
}

#tokimeki-roundbox #goto-tokimeki {
	max-width: 32px;
	width: 4.57143%;
	position: absolute;
	right:  2em;
	bottom: 1.1em;
}

#tokimeki-roundbox a {
	display: block;
	position: absolute;
	top:  0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

#tokimeki-roundbox:hover {
	opacity: 0.8;
}




/* ---------------------------------------------------------------------
投稿記事・固定ページ共通
--------------------------------------------------------------------- */
.asset {
	max-width: 1000px;
	width: 100%;
	margin:  0 auto;
	padding: 0;
}

.asset-body ul {
	margin:  1em 0 1em 1.5em;
	padding: 0;
}

.asset-body h2 {
	margin:  1.5em 0 0.5em;
	padding: 0;
	font-weight: bold;

}



/* --- YouTube埋め込み --- */
.movie-list {
	list-style: none;
	margin:  0 !important;
	padding: 0 !important;
	clear: both;
}

.movie-list li {
	margin:  0;
	padding: 1em 0;
}

.movie-wrap {
}

.movie {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}
 
.movie iframe {
	position: absolute;
	top:  0;
	left: 0;
	width:  100%;
	height: 100%;
}



.asset-body .red-box {
	clear: both;
	border: 3px #ff0000 dashed;
	border-radius: 1.0em;
	margin:  1.0em 0 0;
	padding: 1.0em 1.5em;
	
}



/* ---------------------------------------------------------------------
投稿記事
--------------------------------------------------------------------- */
.archive-title {
	background: #215aa7;
	font-size: 2.8rem;
	font-weight:bold;
	color:#ffffff;
	margin:  0em 0;
	padding: 0.3em 0 0.3em 2em;
	border-radius: 1.5em;
}

.archive-title em {
	font-style: normal;
}



.asset-body .archive-title {
	background: #7e7e7e;
	font-size: 2.8rem;
	font-weight:bold;
	color:#ffffff;
	margin:  2em 0;
	padding: 0.5em 2em 0.3em;
	border-radius: 1.5em;
}



.entry-asset {
	width: 100%;
	margin:  0 auto;
	padding: 0 0.5em;
}

.asset-header {
	padding: 0;
}

.asset-name {
/* ---
	background: url('images/top-category_bg2.gif') no-repeat 0 -3px;
	padding: 0 0 4px 13px;
	border-bottom: 1px dotted #666666;
	color: #212121;
	font-weight: bold;
	line-height: 1.2;
	_height: 1px;
	font-size: 3.2rem;
--- */
	background: #215aa7;
	font-size: 2.8rem;
	font-weight:bold;
	color:#ffffff;
	margin:  0em 0;
	padding: 0.5em 2em 0.3em;
	text-align: justify;
	border-radius: 1.5em;
}

.asset-name a:link,
.asset-name a:hover,
.asset-name a:visited,
.asset-name a:active {
	color: #ffffff;
	text-decoration: none;
}

.asset-body {
	margin: 15px;
	min-height: 10em;
}

.asset-more {
	margin: 0 10px 10px;
}

.more-link {
	clear: both;
	text-indent: -9999px;
	overflow: hidden;
	height: 28px;
	width: 141px;
	display: block;
	margin: 0 0 10px 10px;
	background: url('images/syosai_bt.gif') no-repeat 0 0;
	margin-left: 440px;
}

.more-link:hover {
	background: url('images/syosai_bt_ov.gif') no-repeat 0 0;
}

.asset-meta {
	text-align: right;
	margin-top: 10px;
	padding: 10px;
	border-top: 1px dotted #CCCCCC;
	font-size: 3.2rem;
}

.asset-body ul,
.asset-body ol {
	margin:  0 0 0 1.5em;
	padding: 0;
}



.midashi {
	clear: both;
	max-width: 1366px;
	width: 100%;
	max-height: 50px;
	height: 3.66%;
	margin:  0;
	padding: 0 0 10px 0;
	xmargin-top:-100px;
	padding-top:10px;
}

.midashi img {
	width: 100%;
	height: auto;
}



.midashi_mb {
	clear: both;
	width: 320px;
	height: 50px;
	margin:  0;
	padding: 40px 0 10px 0;
}

.midashi_mb img {
	width: 100%;
	height: auto;
}

.back-box {
	max-width: 1000px;
	width: 95%;
	margin:  1em auto;
	padding: 0 0 2em;
}

.backto-top {

	float: right;
	width: 172px;
	margin:  0 10px 0 0;
	padding: 0;
	
	display: none;
}



/* --- 記事内の写真 --- */
.entry-asset .photo-box-3 {
	float: left;
	width: 16%;
	margin: 0 7%;
}

.entry-asset .photo-box-3 img {
	width: 100%;
}



/* ---------------------------------------------------------------------
イベント・講座情報
--------------------------------------------------------------------- */
.asset-body .photo-list {
	list-style: none;
	width: 50%;
	margin:  0 auto;
	padding: 0;
	clear: both;
}

.asset-body .photo-list li {
	width: 100%;
	margin:  1em 0 0;
	padding: 0;
	text-align: center;
}

.asset-body .photo-list li img {
	width: 100%;
	height: auto;
}



.asset-body .photo-list-2 {
	list-style: none;
	width: 50%;
	margin:  0 auto;
	padding: 0;
	clear: both;
}

.asset-body .photo-list-2 li {
	width: 100%;
	margin:  1em 0 0;
	padding: 0;
	text-align: center;
}

.asset-body .photo-list-2 li img {
	width: 100%;
	height: auto;
}



.asset-body .photo-list-3 {
	list-style: none;
	width: 50%;
	margin:  0 auto;
	padding: 0;
	clear: both;
}

.asset-body .photo-list-3 li {
	width: 100%;
	margin:  1em 0 0;
	padding: 0;
	text-align: center;
}

.asset-body .photo-list-3 li img {
	width: 100%;
	height: auto;
}

.postof-events .asset-body .subscribe-button {
	clear: both;
	width: 10em;
	margin:  2em auto 0;
	padding: 1em 0;
	text-align: center;
	background: rgb(250,158,4);
	background: linear-gradient(0deg, rgba(250,158,4,1) 0%, rgba(255,49,0,1) 80%, rgba(255,57,0,1) 100%);
	border-radius: 0.5em;
}

.postof-events .asset-body .subscribe-button a {
	font-size: 4.0rem;
	font-weight: bold;
	color: #ffffff;
	line-height: 1;
	text-decoration: none;
}

.postof-events .asset-body .subscribe-button:hover {
	opacity: 0.8;
}



.ex_form_url {
	position: fixed;
	bottom: 0;
	left:   0;
	width: 100%;
	z-index: 10000;
}

.ex_form_url .ex_form_url_inner {
	position: relative;
	clear: both;
	max-width: 750px;
	width: 100%;
	margin:  0 auto;
	padding: 0;
	line-height: 1;
}

.ex_form_url .ex_form_url_inner:hover {
	background: #ffffff;
}

.ex_form_url .ex_form_url_inner img {
	width: 100%;
	height: auto;
}



/* ---------------------------------------------------------------------
イベント・講座情報アーカイブ
--------------------------------------------------------------------- */
.w1000px {
	clear: both;
	width: 93.33333%;
	margin:  0 auto;
	padding: 0;
}

#events-archives-wrapper {
	clear: both;
	margin:  0;
	padding: 0 0 3em;
}



#events-archives-list {
	clear: both;
	width: 93.33333%;
	min-height: 20em;
	margin:  1em auto 0;
	padding: 0;
	list-style: square;
}

#events-archives-list li {
	clear: both;
	margin:  0 0 0 1em;
	padding: 0;
}

#events-archives-list li a {
	font-size: 3.2rem;
	color: #215aa7;
	text-decoration: none;
}

#events-archives-list li a:hover {
	text-decoration: underline;
}



/* ---------------------------------------------------------------------
イベント・講座情報シングル
--------------------------------------------------------------------- */
.finished-already {
	clear: both;
	margin:  0.5em 1em 0;
	padding: 0.5em 1em 0.3em;
	color: #ff0000;
	background: #FFE6CE;
	border: 1px #ff0000 solid;
	border-radius: 0.75em;
}

.ex_archive {
	clear: both;
	margin:  1em auto 0;
	padding: 1em;
	box-sizing: border-box;
	background: #f0f0f0;
}

.ex_archive .ex_archive_text {
	
}

.ex_archive .ex_archive_photo {
	max-width: 375px;
	width: 50%;
	margin:  1em auto 0;
	padding: 0;
}

.ex_archive .ex_archive_photo img {
	width:  100%;
	height: auto;
}




.photo-table {
	display: block;
	clear: both;
}

.photo-table td {
	display: block;
	clear: both;
	width: 100%;
	margin:  0;
	padding: 1em 1.5em;
	box-sizing: border-box;
}

.photo-table td img {
	width:  100%;
	height: auto;
}



/* ---------------------------------------------------------------------
プライバシーポリシー
--------------------------------------------------------------------- */
.pageof-privacy-policy {
}



/* ---------------------------------------------------------------------
放課後子ども教室のローカルナビ
--------------------------------------------------------------------- */
/*
.asset-body h3 {
	clear: both;
	max-width: 800px;
	width: 95%;
	background: url(images/midashi-bg.png) no-repeat left top;
}*/


#beta .sb-photo {
	margin:  0 0 2px 0;
}

#beta .sb-photo img {
	width: 100%;
	height: auto;
}

.lnavi {
	clear: both;
	max-width: 800px;
	width: 99%;
	margin:  1.1% 0px 1.1%  0px;
	padding:  0.3% 0px 0.3% 1.1%;
	background: #f0f0f0;
	border-radius: 0.3em;
}

.lnavi ul {
	margin:  0;
	padding: 0;
	
}

.lnavi li {
	float: left;
	list-style: none;
	margin:  0 0 0 1.1%;
	padding: 0;
}



/* --- 放課後トップの、５つのねらいのあたり --- */
.five-left {
	clear: both;
	width: 100%;
}

.five-right {
	clear: both;
	margin: 1em 0;
	width: 100%;
}

.five-right img {
	width: 100%;
	height: auto;
}




/* --- その下の、６つの写真 --- */
.pageof-kids-classroom #photo6-table {
	clear: both;
}



/*
.pageof-kids-classroom #photo6-table #photo6-1 { float: left; }
.pageof-kids-classroom #photo6-table #photo6-2 { float: left; }
.pageof-kids-classroom #photo6-table #photo6-3 { float: left; }
.pageof-kids-classroom #photo6-table #photo6-4 { float: left; }
.pageof-kids-classroom #photo6-table #photo6-5 { float: left; }
.pageof-kids-classroom #photo6-table #photo6-6 { float: left; }
*/

.pageof-kids-classroom #photo6-table div {
	clear: both;
	width: 100%;
}

.pageof-kids-classroom #photo6-table img {
	width: 100%;
	height: auto;
}




#snavi {
	clear: both;
	margin:  10px 0 0 0;
	padding: 0;
}

#snavi ul {
	margin:  0;
	padding: 0;
	max-width: 1366px;
	width: 100%;
}

#snavi ul li {
	float: left;
	width: 19.18%;
	margin:  0;
	padding: 0 0 0 1.01%;
	list-style: none;
}

#snavi ul li img {
	width: 100%;
	height: auto;
}


#snavi ul li:nth-child(1) {
	padding: 0;
}


.div680x50 {
	clear: both;
	width: 680px;
	height: 50px;
}

.div680x40 {
	clear: both;
	width: 680px;
	height: 40px;
}

.div680x20 {
	clear: both;
	width: 680px;
	height: 20px;
}

.div680x10 {
	clear: both;
	width: 680px;
	height: 10px;
}

.div30x150 {
	clear: both;
	width:   30px;
	height: 150px;
}

.div_h40 {
	clear: both;
	width: 100%;
	height: 10px;
}
.div10x10 {
	clear: both;
	width: 100%;
	height: 10px;
}



.tab_a { background: url(images/tab/bar_a.jpg) no-repeat left top; height: 25px; }
.tab_k { background: url(images/tab/bar_k.jpg) no-repeat left top; height: 25px; }
.tab_s { background: url(images/tab/bar_s.jpg) no-repeat left top; height: 25px; }
.tab_t { background: url(images/tab/bar_t.jpg) no-repeat left top; height: 25px; }
.tab_n { background: url(images/tab/bar_n.jpg) no-repeat left top; height: 25px; }
.tab_h { background: url(images/tab/bar_h.jpg) no-repeat left top; height: 25px; }
.tab_m { background: url(images/tab/bar_m.jpg) no-repeat left top; height: 25px; }
.tab_y { background: url(images/tab/bar_y.jpg) no-repeat left top; height: 25px; }



.pageof-activity-test h4,
.pageof-activity h4 {
	clear: both;
	margin:  0;
	padding: 7px 0 6px 30px;
	background: #009988;
	xheight: 25px;
	font-size: 3.2rem;
	font-weight: bold;
	color: #ffffff;
	        border-radius: 10px 10px 0 0;	/* CSS3草案 */
	-webkit-border-radius: 10px 10px 0 0;	/* Safari,Google Chrome用 */
	   -moz-border-radius: 10px 10px 0 0;	/* Firefox用 */
}



/* ---------------------------------------------------------------------
あだち放課後子ども教室のアンケート
--------------------------------------------------------------------- */
#enquete-list {
	clear: both;
	list-style: none;
	margin:  1.0em 0 0;
	padding: 0;
	width: 100%;
}

#enquete-list li {
	font-size: 2.8rem;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.1;
	clear: both;
	margin:  1.5em 0 0;
	padding: 0.5em 0 0.4em 1.0em;
	background: #da3d1c;
	background:    -moz-linear-gradient( #ea9a22 0%, #da3d1c 100%);
	background:        -webkit-gradient(linear, left top, left bottom, from(#ea9a22), to(#da3d1c));
	background: -webkit-linear-gradient( #ea9a22 0%, #da3d1c 100%);
	background:      -o-linear-gradient( #ea9a22 0%, #da3d1c 100%);
	background:         linear-gradient( #ea9a22 0%, #da3d1c 100%);
	border-radius: 0.25em;
	position: relative;
}

#enquete-list li a {
	display: block;
	position: absolute;
	top:  0;
	left: 0;
	width:  100%;
	height: 100%;
}

#enquete-list li:hover {
	opacity: 0.8;
}



/* ---------------------------------------------------------------------
あいうえお
--------------------------------------------------------------------- */
.pageof-index                 #alpha,
.pageof-map                   #alpha,
.pageof-activity-test         #alpha,
.pageof-activity              #alpha,
.pageof-safe_management_staff #alpha,
.pageof-experience_program    #alpha {
	width: 100%;
	margin:  0;
	padding: 0;
	background: #efefef;
}

.pageof-index                 #alpha-inner,
.pageof-map                   #alpha-inner,
.pageof-activity-test         #alpha-inner,
.pageof-activity              #alpha-inner,
.pageof-safe_management_staff #alpha-inner,
.pageof-experience_program    #alpha-inner {
	width: 93.33333%;
	margin:  0 auto;
	padding: 0;
	background: #ffffff;
	border-left:  5px #ffffff solid;
	border-right: 5px #ffffff solid;
}

.pageof-index                 #beta,
.pageof-map                   #beta,
.pageof-activity-test         #beta,
.pageof-activity              #beta,
.pageof-safe_management_staff #beta,
.pageof-experience_program    #beta {
	display: none;
}




.lnavi_kids-classroom {
	
}

.lnavi_kids-classroom ul {
	list-style: none;
	margin:  30px 0 0 0;
	padding: 0;
}

.lnavi_kids-classroom ul li {
	float: left;
	margin:  0 5px 0 0;
	padding: 0;
}



/* --- */

.kids-classroom-table-wrapper {
}

.kids-classroom-table {
	width: 100%;
	border-collapse: collapse;
	margin:  7px 0 0 0;
	padding: 0;
	border: 1px #cccccc solid;
}

.kids-classroom-table th,
.kids-classroom-table td {
	margin:  0;
	padding: 0 6px;
	font-size: 2.4rem;
	font-weight: normal;
	border: 1px #cccccc solid;
	vertical-align: center;
}

.kids-classroom-table th {
	background: #f2f7d2;
	xwidth: 13%;
	xheight: 26px;
	white-space: nowrap;
}

.kids-classroom-table td {
	xwidth: 61%;
	xheight: 26px;
	word-break: break-all;
}

.kids-classroom-table td .addr-left {
	float: left;
	width: 55%;
	margin:  5px 0;
	padding: 0;
}

.kids-classroom-table td .addr-right {
	float: right;
	width: 5.5%;
	margin:  3px 40px 0 0;
	padding: 0;
}



/* ------------------------------------------------------
放課後子ども教室
------------------------------------------------------ */
/*
.five-left,
.five-right {
	clear: both;
	width: 300px;
}


.page-asset .compare-table {
	border: none;
	border-collapse: collapse;
	margin:  0;
	padding: 0;
}

.page-asset .compare-table th,
.page-asset .compare-table td {
	display: block;
	border: none;
	border-bottom: 1px #cccccc solid;
	margin:  0;
	padding: 0;
}

.page-asset .compare-table th {
	xdisplay: none;
}
*/


.page-asset .compare-table th,
.page-asset .compare-table td {
	font-size: 2.4rem;
}


.page-asset .compare-table td:nth-child(1) {
	white-space: nowrap;
}



/* ---------------------------------------------------------------------
Ｑ＆Ａページ　テーブル
--------------------------------------------------------------------- */
.page-asset .qa-table {
	border-collapse: collapse;
	margin:  0;
	padding: 0;
	border-bottom: 1px #999999 dotted;
}

.page-asset .qa-table th,
.page-asset .qa-table td {
	margin:  0;
	padding: 10px 0;
	vertical-align: top;
}

.page-asset .qa-table th {
	width: 50px;
}

.page-asset .qa-table td {
}

/* --- */
.page-asset .compare-table {
	border-collapse: collapse;
	margin:  20px 0;
	padding: 0;
}

.page-asset .compare-table th,
.page-asset .compare-table td {
	font-weight: normal;
	margin:  0;
	padding: 4px 10px;
	vertical-align: top;
	border: 1px #cccccc solid;
}

.page-asset .compare-table th {
	text-align: center;
}










.asset-body > a > img {
	xwidth: 300px;
	xheight: auto;
}



/* --- snavi --- */
#snavi_mb {
	clear: both;
	width: 320px;
	margin:  0;
	padding: 0;
}

#snavi_mb ul {
	margin:  0;
	padding: 0;
}

#snavi_mb ul li {
	width: 320px;
	height: 40px;
	margin:  4px 0 0 0;
	padding: 0;
}



.div680x50 {
	clear: both;
	width:  20px;
	height: 50px;
}

.div680x40 {
	clear: both;
	width:  20px;
	height: 40px;
}

.div680x20 {
	clear: both;
	width:  20px;
	height: 20px;
}

.div680x10 {
	clear: both;
	width:  20px;
	height: 10px;
}

.div30x150 {
	clear: both;
	width:  30px;
	height: 20px;
}



/* --- コラム・資料 --- */
/*
.pageof-experience_program img.w300,
.pageof-experience_program img.w300 {
	width: 300px;
	height: auto;
}

*/

/* --- コラムPDF --- */
#column-list {
	height: 300px;
	border: 1px #cccccc solid;
	overflow-y: scroll;
}

#column-list ul {
	list-style: none;
	margin:  0;
	padding: 0;
}

#column-list ul li {
	min-height: 50px;
	margin:  10px 0;
	padding: 0 0 0 20px;
	background: url(images/column-marker.jpg) no-repeat left top;
	border-bottom: 1px #cccccc dotted;
}

#column-list ul li {
	xmin-height: 80px;
}

#column-list ul li .column-list-issue {
	clear: both;
	xwidth: 240px;
	margin:  0;
	padding: 0;
}

#column-list ul li .column-list-title {
	clear: both;
	xwidth: 240px;
	margin:  0;
	padding: 0;
}

#column-list ul li .column-list-button {
	clear: both;
	float: none;
	xwidth: 240px;
	margin:  0 0 4px 0;
	padding: 0;
}



/* ---------------------------------------------------------------------
放課後子ども教室のマップ
--------------------------------------------------------------------- */
.map-body {
}



/* ---------------------------------------------------------------------
活動の様子　テーブル
--------------------------------------------------------------------- */
.pageof-activity .asset-body table {
}

.pageof-activity .asset-body table td img {
	width: 100%;
	height: auto;
}



.pageof-activity .asset-body {
	padding-right: 10px;
}


.pageof-activity .activity-table-wrapper {
	width: 100%;
	border:  1px #009988 solid;
	        border-radius: 10px;	/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	   -moz-border-radius: 10px;	/* Firefox用 */
}

.pageof-activity .activity-table {
	border-collapse: collapse;
	margin:  0;
	padding: 0;
	width: 100%;
}

.pageof-activity .activity-table th,
.pageof-activity .activity-table td {
	margin:  0;
	padding: 1.0em;
	vertical-align: top;
}


.pageof-activity .activity-table-inner {
	border-collapse: collapse;
	margin:  0;
	padding: 0;
	width: 100%;
}

.pageof-activity .activity-table-inner th,
.pageof-activity .activity-table-inner td {
	display: block;
	margin:  0;
	padding: 0 0 0.5em;
	vertical-align: top;
	line-height: 1.8;
	xborder: 1px #ff0000 solid;
}

.pageof-activity .activity-table-inner th img,
.pageof-activity .activity-table-inner td img {
	max-width: none !important;
	width: 100%;
	height: auto;
	margin:  0;
	padding: 0;
}

.pageof-activity .activity-table-inner .ac-photo {
	vertical-align: top;
}


.pageof-activity .line_enter {
	background: url(images/line_enter.jpg) no-repeat center top;
	width: 60px;
	height: 20px;
	margin:  0.5em auto;
}



/* --- <<<<<<<< テスト用 >>>>>>>> --- */
.pageof-activity-test .asset-body table {
}

.pageof-activity-test .asset-body table td img {
	width: 100%;
	height: auto;
}



.pageof-activity-test .asset-body {
	padding-right: 10px;
}


.pageof-activity-test .activity-table-wrapper {
	width: 100%;
	border:  1px #009988 solid;
	        border-radius: 10px;	/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	   -moz-border-radius: 10px;	/* Firefox用 */
}

.pageof-activity-test .activity-table {
	border-collapse: collapse;
	margin:  0;
	padding: 0;
	width: 100%;
}

.pageof-activity-test .activity-table th,
.pageof-activity-test .activity-table td {
	margin:  0;
	padding: 1.0em;
	vertical-align: top;
}


.pageof-activity-test .activity-table-inner {
	border-collapse: collapse;
	margin:  0;
	padding: 0;
	width: 100%;
}

.pageof-activity-test .activity-table-inner th,
.pageof-activity-test .activity-table-inner td {
	display: block;
	margin:  0;
	padding: 0 0 0.5em;
	vertical-align: top;
	line-height: 1.8;
	xborder: 1px #ff0000 solid;
}

.pageof-activity-test .activity-table-inner th img,
.pageof-activity-test .activity-table-inner td img {
	max-width: none !important;
	width: 100%;
	height: auto;
	margin:  0;
	padding: 0;
}

.pageof-activity-test .activity-table-inner .ac-photo {
	vertical-align: top;
}


.pageof-activity-test .line_enter {
	background: url(images/line_enter.jpg) no-repeat center top;
	width: 60px;
	height: 20px;
	margin:  0.5em auto;
}



/* --- PDFリンク --- */
.pdf-link {
	width: 100%;
}

.pdf-link img {
	width: 100%;
	height: auto;
}



/* ---------------------------------------------------------------------
安全管理スタッフ
--------------------------------------------------------------------- */
.pageof-safe_management_staff .asset-body .sms-table,
.pageof-safe_management_staff .asset-body .sms-table3 {
	width: 100%;
}

.pageof-safe_management_staff .sms-table  th,
.pageof-safe_management_staff .sms-table  td {
	display: block;
	margin:  1.5em 0 0;
	line-height: 1.8;
}

.pageof-safe_management_staff .sms-table3 th,
.pageof-safe_management_staff .sms-table3 td {
	display: block;
	margin:  1.5em 0 0;
	line-height: 1.8;
}

.pageof-safe_management_staff .asset-body .sms-table  td img,
.pageof-safe_management_staff .asset-body .sms-table3 td img {
	width: 100%;
	height: auto;
}



/* ---------------------------------------------------------------------
生涯学習スポーツ事業
--------------------------------------------------------------------- */
.pageof-experience-program .asset-body .ep-table-wrapper,
.pageof-experience-program .asset-body .ep-table-wrapper2 {
	width: 100%;
}

.pageof-experience-program .asset-body .ep-table {
	width: 100%;
}

.pageof-experience-program .ep-table td {
	display: block;
	margin:  0;
	padding: 1em 2em;
}

.pageof-experience-program .ep-table td img {
	width: 100%;
	height: auto;
}



/* ---------------------------------------------------------------------
文化事業
--------------------------------------------------------------------- *
.pageof-culture .photo-table td {
	max-width: 60%;
}



/* ---------------------------------------------------------------------
公社概要
--------------------------------------------------------------------- */
.pageof-profile {
}



.pageof-profile    .asset-body h2,
.pageof-management .asset-body h2,
.pageof-document   .asset-body h2 {
	background: #7e7e7e;
	font-size: 3.2rem;
	font-weight:bold;
	color:#ffffff;
	margin:  2em 0;
	padding: 0.5em 0 0.3em 2em;
	border-radius: 1.5em;
/* ---
	clear: both;
	padding:5px 35px 3px 25px;
	background: url('images/bg-h2.jpg') 0 0 no-repeat;
	font-size:3.2rem;
	font-weight:bold;
	color:#ffffff;
	margin-bottom: 20px;
--- */
}

.pageof-profile #expenses-table {
	border-collapse: collapse;
	margin:  0;
	padding: 0;
}

.pageof-profile #expenses-table th,
.pageof-profile #expenses-table td {
	padding: 0.5em 1em 0.3em;
	border: 1px #cccccc solid;
}

.pageof-profile #expenses-table tr:nth-child(1) td {
	background: #f0f0f0;
	text-align: center !important;
}

.pageof-profile #expenses-table td:nth-child(1),
.pageof-profile #expenses-table td:nth-child(6) {
	text-align: center !important;
}

.pageof-profile #expenses-table tr:nth-child(2) td:nth-child(4) {
	text-align: center !important;
}

.pageof-profile #profile-table {
}

.pageof-profile #profile-table th,
.pageof-profile #profile-table td {
	vertical-align: top;
	line-height: 1.4;
	padding: 0.3em 0 0.1em;
}

.pageof-profile #profile-table th {
	white-space: nowrap;
	padding-right: 1em;
}




.kousya-map {
	clear: both;
	width: 300px;
}

.kousya-map img {
	width: 300px;
	height: auto;
}

.soshikizu {
	clear: both;
	width: 300px;
}

.soshikizu img {
	width: 300px;
	height: auto;
}



/* ---------------------------------------------------------------------
公社ニューストキメキ
--------------------------------------------------------------------- */
.lead-text {
	margin:  0 10px 30px;
}

.scroll-box {
	clear: both;
	height: 300px;
	border: 1px #cccccc solid;
	overflow-y: scroll;
	margin-bottom: 30px;
}

.scroll-box ul {
	list-style: none;
	margin:  0 0 0 20px;
	padding: 0;
}

.scroll-box ul li {
	margin:  0;
	padding: 6px 0 0 0;
	background: url(images/h3_bg.jpg) no-repeat left top;
	border-bottom: 1px #999999 dotted;
	min-height: 37px;
	font-size: 2.6rem;
}

.scroll-box ul li .scroll-box-left {
	float: left;
	width: 30%;
	margin:  0;
	padding: 6px 0 0 20px;
}

.scroll-box ul li .scroll-box-right {
	float: left;
	width: 60%;
	padding: 6px 0 0 20px;
}

.scroll-box ul li .scroll-box-right a {
	text-decoration: none;
}




.news-tokimeki_sp_table {
	border-collapse: collapse;
	margin:  20px 0 0 0;
	padding: 0;
	background: #ffffff;
	border-bottom: 1px #999999 dotted;
	width: 100%;
}

.news-tokimeki_sp_table th {
	width: 170px;
	background: #ffffff;
	padding: 0 0 10px 0;
}

.news-tokimeki_sp_table td {
	vertical-align: top;
	background: #ffffff;
	padding: 0 0 10px 0;
}

.lead-text {
	margin:  0 0 50px 0;
}

.pageof-news-tokimeki .asset-body table th,
.pageof-news-tokimeki .asset-body table td {
	display: block;
	clear: both;
}
/*
.pageof-news-tokimeki  img.w300,
.pageof-news-tokimeki  img.w300 {
	width: 300px;
	height: auto;
}

*/
.asset-body img.w300 {
	width: 300px;
	height: auto;
}



/* ---------------------------------------------------------------------
お問い合わせ  /contact/
--------------------------------------------------------------------- */
.varidate {
	clear: both;
	margin:  2em 0 0;
	padding: 0;
}

#goto-contact-form {
	display       : inline-block;
	border-radius : 0.5em;		/* 角丸       */
	font-size     : 3.2rem;		/* 文字サイズ */
	text-align    : center;		/* 文字位置   */
	padding       : 1em;		/* 余白       */
	background    : #cccccc;	/* 背景色     */
	color         : #999999;	/* 文字色     */
	line-height   : 1.0;		/* 1行の高さ  */
	opacity       : 1.0;		/* 透明度     */
	transition    : 0.3s;		/* なめらか変化 */
	margin:  1em 0 0;
	border: none;
	outline: none;
}



.contact-enabled {
	background    : #000066!important;
	color         : #ffffff!important;
	cursor        : pointer
}

.contact-enabled:hover {
	background: #6666cc!important;
}


.thanks-notice-list {
	list-style: none;
	margin:  0 0 2.0em !important;
	padding: 0 !important;
	width: 85%;
}

.thanks-notice-list li {
	margin:  0;
	padding: 0;
	text-indent: -1em;
	margin-left:  1em;
	text-align: justify;
}



/* ---------------------------------------------------------------------
お問い合わせフォーム  /contact/form/
--------------------------------------------------------------------- */
.wpcf7 {
	max-width: 500px;
	min-width: 270px;
	width: 90%;
	margin:  0 auto;
	padding: 0;
}

.wpcf7 .wpcf7-select {
	width: 100%;
	font-size: 3.2rem;
	box-sizing: border-box;
	margin:  0;
	padding: 0.5em 0 0.3em;
}

.wpcf7 .wpcf7-text {
	width: 100%;
	font-size: 3.2rem;
	box-sizing: border-box;
	margin:  0;
	padding: 0.5em 0 0.3em;
}

.wpcf7 .zip .wpcf7-text {
	width: auto;
}

.wpcf7 .wpcf7-number {
	xwidth: 100%;
	font-size: 3.2rem;
	box-sizing: border-box;
	margin:  0;
	padding: 0.5em 0 0.3em;
}

.wpcf7 .wpcf7-textarea {
	width: 100%;
	font-size: 3.2rem;
	box-sizing: border-box;
	margin:  0;
	padding: 0.5em 0 0.3em;
}

/* 送信ボタンのカスタマイズ */
.wpcf7 .wpcf7-previous,
.wpcf7 input[type="submit"] {
	font-size: 3.2rem;
	margin:  1em 0 0;
	padding: 1em 2em;
	background: #00008b;
	color: #ffffff;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	border: 1px solid #ccc;
	text-align: center;
}

/* 送信ボタンにマウスが乗ったら色を変える */
.wpcf7 .wpcf7-previous:hover,
.wpcf7 input[type="submit"]:hover {
	background: #33338b;
}

.wpcf7 .wpcf7-previous,
.wpcf7 .submit {
	text-align : center;
}

.wpcf7 .required {
	font-weight: bold;
	color: #ff0000;
}

.wpcf7 .bold {
	font-weight: bold;
}

.wpcf7 .confirm-data {
	color: #0000ff;
}



/* ---------------------------------------------------------------------
イベント・講座情報一覧
--------------------------------------------------------------------- */
#event_entry {
	clear: both;
	float: right;
	width: 10em;
	font-size: 2.6rem;
	font-weight: bold;
	color: #ffffff;
	margin:  0 1em 1em 0;
	padding: 0.3em 0;
	text-align: center;
	border-radius: 0.3em;
}

.bg_lblue {
	background: #cc9933
}

.bg_grn {
	background: #cc6633;
}

.bg_yel {
	background: #006699;
}

.bg_pnk {
	background: #339966;
}

.bg_red {
	background: #ff0000;
}

.bg_ppl {
	background: #9966ff;
}

.bg_tqb {
	background: #009dbf;
}

.bg_blk {
	background: #000000;
}

.bg_gray {
	background: #666666;
}

.bg_emg {
	display: none;
}


.ex_form_expire {
	clear: both;
	margin:  3em auto;
	padding: 0;
	font-weight: bold;
	color: #ff0000;
}



/* ---------------------------------------------------------------------
アーカイブページ　レポート
--------------------------------------------------------------------- */
#archives-2 {
	width: 100%;
	margin:  0 auto;
	padding: 0;
}



.report-post {
	clear: both;
	margin:  20px 0 0 0;
}

.archive_eyecatch {
	clear: both;
	float: left;
	width: 160px;
	xborder: 4px #e4e4e4 solid;
}

.archive_midashi {
	clear: both;
	xwidth: 96vw;
	margin:  0;
	padding: 10px 0 0 50px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #3366ff;
	height:38px;
	background:url(images/bar_04.jpg) no-repeat 0 0;
}

.archive_schedule {
	clear: both;
	xwidth: 96vw;
	margin:  3px 0 0 0;
	font-size: 3.0rem;
	font-weight: bold;
	color: #ff0080;
	line-height: 1.2;
}

.archive_title {
	clear: both;
	max-width: 720px;
	width: 79%;
	margin:  3px 0 3px 0;
	font-size: 3.0rem;
	font-weight: bold;
	color: #ff0080;
	line-height: 1.2;
}

.archive_title a {
	color: #ff0080;
	text-decoration: none;
}

.archive_title a:hover {
	text-decoration: underline;
}

.archive_lecturer {
	clear: both;
	max-width: 720px;
	width: 79%;
	margin:  0 0 10px 0;
	font-size: 2.4rem;
	font-weight: bold;
	color: #666699;
	line-height: 1.3;
}

.archive_excerpt {
	float: left;
/*	width: 535px; */
	max-width: 480px;
	width: 52.9%;
	margin:  5px 0 0 20px;
	font-size: 2.4rem;
	font-weight: normal;
	color: #333333;
}

.more {
	float: right; 
	width: 139px;
	margin:  5px 20px 0 0;
}

.archive-of-event  .asset-body table,
.archive-of-course .asset-body table {
	border-collapse: collapse;
	margin:  0;
	padding: 0;
	border: none;
}

.archive-of-event  .asset-body table th,
.archive-of-event  .asset-body table td,
.archive-of-course .asset-body table th,
.archive-of-course .asset-body table td {
	margin:  0;
	padding: 3px 6px;
	border: none;
}

.archive-of-event  .asset-body  img:not(.no-border),
.archive-of-course .asset-body  img:not(.no-border) {
	border: 1px #c0c0c0 solid;
	padding: 3px;
	max-width: 450px;
	width: 80%;
	height: auto;
}



.archive-of-event  .size-thumbnail,
.archive-of-course .size-thumbnail {
	max-width: 220px;
	width: 16vw;
	height: auto;
}



/* --- 月別バックナンバーのフォーム --- */
.archives-header {
	float: left;
	width: 10em;
	font-size: 2.8rem;
	font-weight: bold;
	margin:  0 0 0 0.4em;
}

.archives-form {
	float: left;
	width: 8em;
	margin:  0.2em 0 0 10px;
	padding: 0;
}

.archives-form select {
	font-size: 2.4rem;
	padding: 0;
}



/* ---------------------------------------------------------------------
シングルページ　レポート
--------------------------------------------------------------------- */
.report-post {
	clear: both;
	margin:  20px 0 0 0;
}

.event_eyecatch {
	clear: both;
	float: left;
	width: 160px;
	border: 4px #e4e4e4 solid;
}

.event_midashi {
	display: none;
	
	clear: both;
	width: 720px;
	margin:  0;
	padding: 10px 0 0 50px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #3366ff;
	height:38px;
	background:url(images/bar_04.jpg) no-repeat 0 0;
}

.event_schedule {
	display: none;
}

/* ---
.event_schedule {
	clear: both;
	width: 720px;
	margin:  3px 0 0 0;
	font-size: 3.0rem;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.2;
}

.event_title {
	clear: both;
	width: 720px;
	margin:  3px 0 3px 0;
	font-size: 3.0rem;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.2;
}

.event_title a {
	color: #ff0080;
	text-decoration: none;
}

.event_title a:hover {
	text-decoration: underline;
}
--- */

.event_lecturer {
	clear: both;
	width: 720px;
	margin:  0 0 10px 0;
	font-size: 2.4rem;
	font-weight: bold;
	color: #666699;
	line-height: 1.3;
}

.event_excerpt {
	float: left;
/*	width: 535px; */
	width: 517px;
	margin:  5px 0 0 20px;
	font-size: 2.4rem;
	font-weight: normal;
	color: #333333;
}

.the_photo {
	clear: both;
	float: left;
	width: 120px;
	margin:  0;
	padding: 3px;
	border: 1px #999999 solid;
}

.the_content {
	float: left;
	margin:  0 0 0 0;
	padding: 0;
}

#the_entry {
	float: right;
	width: 122px;
	height: 22px;
	font-size: 2.4rem;
	font-weight: bold;
	margin:  0 15px 0 0;
	padding: 4px 0 0 0;
	text-align: center;
}

#report_top {
	clear: both;
	float: right;
	width: 172px;
	height: 27px;
	margin:  0 10px 0 0;
	padding: 0;
	border: 1px #ffffff solid;
}

.pageof-event  .asset-body table,
.pageof-course .asset-body table {
	border-collapse: collapse;
	margin:  0;
	padding: 0;
	border: none;
}

.pageof-event  .asset-body table th,
.pageof-event  .asset-body table td,
.pageof-course .asset-body table th,
.pageof-course .asset-body table td {
	margin:  0;
	padding: 3px 6px;
	border: none;
}

.pageof-event  .asset-body td img:not(.no-border),
.pageof-course .asset-body td img:not(.no-border) {
	border: 1px #c0c0c0 solid;
	padding: 3px;
	max-width: 450px;
	width: 80%;
	height: auto;
}



.pageof-event  .size-thumbnail,
.pageof-course .size-thumbnail {
	max-width: 220px;
	width: 16vw;
	height: auto;
}

.pageof-event  .size-medium,
.pageof-course .size-medium {
	max-width: 340px;
	width: 25vw;
	height: auto;
}

.pageof-event  .size-large,
.pageof-course .size-large {
	max-width: 700px;
	width: 51vw;
	height: auto;
}

.pageof-events .table-of-8603 td:nth-child(1) {
	max-width: 220px;
	width: 16vw;
	height: auto;
	vertical-align: top;
}

.pageof-events .wp-image-8612 {
	width: 100%;
	height: auto;
}

.pageof-events .table-of-8603 td:nth-child(2) {
	max-width: 448px;
	width: 32.58182vw;
	height: auto;
	vertical-align: top;
}

.pageof-events .wp-image-8606 {
	width: 100%;
	height: auto;
}



.size-thumbnail {
	xmax-width: 220px;
	width: 60%;
	height: auto;
}

.size-medium {
	max-width: 340px;
	width: 25vw;
	height: auto;
}

.size-large {
	max-width: 700px;
	width: 51vw;
	height: auto;
}



/* ---------------------------------------------------------------------
足立ジュニア吹奏楽団　活動記録　サイドバー
--------------------------------------------------------------------- */

.postof-event #beta {
	display: block;
}



.event-report {
	clear: both;
	margin:  1.5em 1.0em 0;
	padding: 0 0 3.0em;
}

.event-report h3 {
	clear: both;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.0;
	margin:  1.0em 0 0;
	padding: 0.5em 1.0em 0.25em;
	background: #7e7e7e;
	border-radius: 0.75em;
}

.event-report .report-list {
	list-style: none;
	clear: both;
	margin:  0;
	padding: 0;
}

.event-report .report-list li {
	clear: both;
	margin:  0.5em 0 0.25em;
	border-bottom: 1px #999999 dotted;
}

.event-report .report-list li a {
	color: #333333;
	text-decoration: none;
}

.event-report .report-list li a:hover {
	text-decoration: underline;
}



/* ---------------------------------------------------------------------
コメント&トラックバック
--------------------------------------------------------------------- */
#trackbacks {
	clear: both;
	width: 100%;
	margin:  0 auto;
	padding: 0;
}

#trackbacks .trackbacks-header {
	height: 34px;
	color: #212121;
	background: url('images/trackback_tb-head-h2.gif') no-repeat 0 0;
	padding: 6px 0 0 30px;
	font-size: 3.2rem;
}

.trackbacks-info {
	clear: both;
	width: 100%;
	margin:  0 auto;
	padding: 0;
}

#comments {
	clear: both;
	width: 100%;
	margin:  0 auto;
	padding: 0;
}

#comments .comments-header {
	height: 34px;
	color: #212121;
	background: url('images/comment_tb-head-h2.gif') no-repeat 0 0;
	padding: 6px 0 0 30px;
	font-size: 3.2rem;
}

#comments .comments-content {
	padding: 0 10px;
}

.comment {
	margin: 10px;
}

.comment .inner {
	width: 530px;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 5px 5px 5px 20px;
	word-wrap: break-word; 
}

.comment .comment-header {
	padding: 0 5px;
	margin: 0 0 5px;
}

.comment .comment-content {
	padding: 0 5px;
}

.comments-open {
	margin-top: 20px;
}

.comments-open-header {
	height: 34px;
	color: #212121;
	background: url('images/comment_tb-head-h2.gif') no-repeat 0 0;
	padding: 6px 0 0 30px;
	font-size: 3.2rem;
}

.comments-open-content {
	padding: 10px;
}

#comment-submit {
	background: url('images/search2.gif') 0 0 no-repeat;
	border: none;
	height: 20px;
	width: 65px;
	margin: 0 5px 5px 0;
	padding: 0;
	vertical-align: middle;
	font-size: 3.2rem;
}

.comment-footer {
	text-align: right;
	margin: 0;
	padding: 5px;
	border-top: 1px dotted #999;
	font-size: 3.0rem;
}

/* ---------------------------------------------------------------------
サイトマップ
--------------------------------------------------------------------- */
.archive-content {
	padding: 10px;
	line-height: 1.3;
}

.archive-content .archive-list {
	margin-bottom: 3em;
}

.archive-content ul,
.archive-content ol {
	list-style: none;
}

.archive li a {
	display: block;
	margin-bottom: 0.25em;
	background: #fff url('images/arrow.gif') 0 50% no-repeat;
	padding: 3px 0 3px 25px;
	text-decoration: none;
	color: #003a91;
}

.archive li a:hover {
	color: #3f7edc;
}

/*サブカテゴリ*/
.archive li li {
	margin: 0 0 0 20px;
}

.archive li li a {
	background: url('images/arrow.gif') 0 50% no-repeat;
	padding: 3px 0 3px 25px;
}



/* ---------------------------------------------------------------------
放課後子供教室
--------------------------------------------------------------------- */
/*タブ切り替え全体のスタイル*/
.hokago-tabs {
	margin-top: 3.0em;
	padding-bottom: 2.5em;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
	width: calc(100%/2);
	margin:  0;
	padding: 0.5em 0 0.15em;
	xheight: 3.0em;
	xline-height: 3.0em;
	font-size: 3.2rem;
	text-align: center;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	transition: all 0.2s ease;
	border-radius: 0.5em 0.5em 0 0;
}


.hokago-tabs .tab_item:nth-child(2)  { background: #9C559E; }
.hokago-tabs .tab_item:nth-child(4)  { background: #FBC318; }
.hokago-tabs .tab_item:nth-child(6)  { background: #95C63E; }
.hokago-tabs .tab_item:nth-child(8)  { background: #0085CD; }
.hokago-tabs .tab_item:nth-child(10) { background: #CE8F67; width: 100%; }



/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 1.0em 1.0em 0;
	clear: both;
	overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#hokusei:checked ~ #hokusei_content,
#hokuto:checked ~ #hokuto_content,
#nansei:checked ~ #nansei_content,
#nanto:checked ~ #nanto_content,
#senju:checked ~ #senju_content {
	display: block;
	border: 1px #cccccc solid;
}

/*選択されているタブのスタイルを変える*/
/*
.hokago-tabs input:checked + .tab_item {
	background-color: #5ab4bd;
	color: #fff;
}
*/

.hokago-tabs h5 {
	display: inline-block;
	font-size: 3.2rem;
	font-weight: bold;
	color: #ffffff;
	margin:  0 0 0.25em;
	padding: 0.25em 1.0em 0.05em;
}

.hokago-tabs h5#hokusei-h5 { background: #9C559E; }
.hokago-tabs h5#hokuto-h5  { background: #FBC318; }
.hokago-tabs h5#nansei-h5  { background: #95C63E; }
.hokago-tabs h5#nanto-h5   { background: #0085CD; }
.hokago-tabs h5#senju-h5   { background: #CE8F67; }








.hokago-table {
	border-collapse: collapse;
	width: 100%;
}

.hokago-table td {
	white-space: nowrap;
	border: 1px #999999 solid;
	padding: 0.25em 1.0em 0.1em;
}

.hokago-table td:first-child {
	width: 10%;
}

.hokago-table td:last-child {
	width: 90%;
}

.hokago-table .element1 {
	font-weight: bold;
}

.hokago-table .element2 {
	font-weight: bold;
}

.hokago-table .element3 {
	color: #0000ff;
	font-weight: bold;
}

.hokago-table td:first-child {
	text-align: center;
}

.hokago-table td:first-child img {
	width:  1.5em;
	height: auto;
	margin:  0 auto;
}

.hokusei-table td:first-child { background: #dbc7e0; }
.hokuto-table  td:first-child { background: #fee8c7; }
.nansei-table  td:first-child { background: #e0edcb; }
.nanto-table   td:first-child { background: #d5e7f5; }
.senju-table   td:first-child { background: #eedacc; }



/* ---------------------------------------------------------------------
放課後子供教室の罫線
--------------------------------------------------------------------- */
.hokago-table {
	border-collapse: collapse;
	width: 100%;
}

.hokago-table td {
	white-space: nowrap;
	border: 1px #999999 solid;
	padding: 0.25em 1.0em 0.1em;
}



/* ---------------------------------------------------------------------
検索結果ページ
--------------------------------------------------------------------- */
#search-wrapper {
	clear: both;
	width: 100%;
	margin:  0 auto;
	padding: 0 0 3em;
}


.search-not-found {
	clear: both;
	width: 93.33333%;
	min-height: 10em;
	margin:  0 auto;
	padding: 3em 0 0;
}

.search-form-header {
	clear: both;
	width: 100%;
	margin:  3em auto 0;
	padding: 0.5em 0 0.3em 2em;
	
	background: #215aa7;
	font-size: 3.2rem;
	font-weight:bold;
	color:#ffffff;
	_height: 1px;
}

.search-form-content {
	clear: both;
	width: 100%;
	margin:  3em auto 0;
	padding: 0;
	position: relative;
}

.search-results-header {
	clear: both;
	width: 93.33333%;
	margin:  0em auto 0;
	padding: 3em 0 0;
	font-size: 3.2rem;
	font-weight: bold;
	color: #000;
}

.search-results-header span {
	font-size: 3.4rem;
	font-weight: bold;
	color: #215aa7;
}

.search-form-content .box {
	width: 200px;
}

.search-results-list {
	clear: both;
	width: 93.33333%;
	xmin-height: 20em;
	margin:  1em auto 0;
	padding: 0;
	list-style: square;
}

.search-results-list li {
	clear: both;
	margin:  0 0 0 1em;
	padding: 0;
}

.search-results-list li a {
	font-size: 3.2rem;
	color: #215aa7;
	text-decoration: none;
}

.search-results-list li a:hover {
	text-decoration: underline;
}



.search-form-title {
	clear: both;
	width: 93.33333%;
	font-size: 3.2rem;
	margin:  0 auto;
	padding: 0;
}

.search-form-body {
	clear: both;
	margin:  0;
	padding: 0;
}

.search-form-body .box {
	width: 65%;
	margin:  2em 0.5em 0 0;
	padding: 0.5em 5.0em 0.3em 1em;
	font-size: 3.2rem;
	text-align: left;
	font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	border: 1px #cccccc solid;
	border-radius: 1.5em;
	outline: none;
}

.search-form-button {
	font-size: 3.2rem;
	width:  5.0em;
	height: 2.5em;
	float: right;
	margin:  0.5em 0 0;
	padding: 0.2em 1.4em;
	position: relative;
	top:   -3em;
	right: 0.5em;
	background: #215aa7;
	border-radius: 1.5em;
	z-index: 10;
}

.search-form-button:hover {
	background: #99ccff;
}

.search-form-button .button {
	width:  100%;
	height: 100%;
	outline: none;
}



.empty-box {
	clear: both;
	min-height: 10em;
}



/* ---------------------------------------------------------------------
高齢者用フォーム
--------------------------------------------------------------------- */
/* ---
.wpcf7 .large-style {
}

.wpcf7 .large-style input[type="checkbox"] {
	transform:scale(2.0);
}

.wpcf7 .large-style input[type="submit"] {
	font-size: 3.6rem;
}

.wpcf7 .large-style .wpcf7-not-valid-tip {
	font-size: 3.6rem;
	font-weight: bold;
}
--- */

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {
	transform:scale(1.5);
}

.wpcf7 .wpcf7-previous,
.wpcf7 input[type="submit"] {
	font-size: 3.6rem;
}

.wpcf7 .wpcf7-not-valid-tip {
	font-size: 3.6rem;
	font-weight: bold;
}



.wpcf7 .wpcf7-response-output {
	font-size: 3.6rem;
	font-weight: bold;
}

.wpcf7 .is_active {
	background: #00008b !important;
}

/* 送信ボタンにマウスが乗ったら色を変える */
.wpcf7 .is_active:hover {
	background: #33338b !important;
}



/* ---------------------------------------------------------------------
個別対応
--------------------------------------------------------------------- */
/* === スポーツ指導者スキルアップ講習会　運動機能向上のためのトレーニング（後期高齢者の運動指導） === */
.scroll-x {
	width: 100%;
	overflow-x: scroll;
}

.scroll-x img {
	width:  700px !important;
	height: 226px !important;
}



.scroll-x-340 {
	width: 100%;
	overflow-x: scroll;
}

.scroll-x-340 img {
	width:  700px !important;
	height: 184px !important;
}

.scroll-x_16310 {
	width: 100%;
	overflow-x: scroll;
}

.scroll-x_16310 img {
	width:  614px !important;
	height: 198px !important;
}



/* ---------------------------------------------------------------------
MetaSliderの左右矢印を変更する
--------------------------------------------------------------------- */
.metaslider .flexslider .flex-direction-nav li a {
	background-image: url(images/bg_direction_nav.png) !important;
}



/* ---------------------------------------------------------------------
Widget：[メイン]ウェルカムメッセージ
--------------------------------------------------------------------- */
#welcome_message {
	margin-bottom: 20px;
}

#welcome_message h3.title {
	height: 39px;
	padding: 10px 10px 0 18px;
	background: url('images/message_bg.gif') 0 0 no-repeat;
	font-size: 3.6rem;
	font-weight: bold;
	color: #212121;
	margin: 0;
}

#welcome_message .content {
	margin: 0;
	padding: 10px;
}



/* ---------------------------------------------------------------------
Widget：[メイン]トップ表示記事
--------------------------------------------------------------------- */
.top-entry-content {
	margin-bottom: 20px;
}

.top-entry-content h3.title {
	margin: 0;
	height: 39px;
	padding: 10px 10px 0 18px;
	background: url('images/title_bg.gif') 0 0 no-repeat;
	font-size: 3.6rem;
	font-weight: bold;
	color: #212121;
}

.top-entry-content .content {
	padding: 10px;
}

/* ---------------------------------------------------------------------
Widget：[メイン]カテゴリー表示記事
--------------------------------------------------------------------- */
#top-category {
	margin-bottom: 20px;
}

#top-category h3.title {
	margin: 0;
	height: 39px;
	padding: 10px 10px 0 18px;
	background: url('images/top-category_bg.gif') 0 0 no-repeat;
	font-size: 3.6rem;
	font-weight: bold;
	color: #212121;
}

.top-category-content {
	background: #ffffff url('images/top_category_bg.gif') repeat-x top;
	width: 100%;
	margin:  0 auto;
	padding: 0;
}

.top-category-content h4.name {
	margin: 0;
	background: url('images/top-category_bg2.gif') no-repeat 0 -3px;
	padding: 0 0 4px 7px;
	border-bottom: 1px solid #a8aeb2;
	color: #737373;
	font-weight: bold;
	line-height: 1.2;
	_height: 1px;
	font-size: 3.2rem;
}

#top-category h4.name a {
	text-decoration: none;
}

#top-category .content {
	margin: 0;
	padding: 10px 10px 0 10px;
}

/* ---------------------------------------------------------------------
Widget：[サイド]共通
--------------------------------------------------------------------- */
#beta .widget {
	width: 180px;
	margin: 5px 0 15px;
	padding-bottom: 10px;
}

#beta .widget-header {
	font-size: 3.0rem;
	border-bottom: 1px dotted #cfcfcf;
	background: #ffffff;
	width: 178px;
	padding: 0 3px;
	color: #303030;
}

#beta .widget select {
	width: 155px;
	margin: 10px;
}

#beta .widget ul {
	width: 170px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#beta .widget ul ul {
	padding: 0;
	margin: 0;
}

#beta .widget li {
	padding: 0 0 0 20px;
	list-style: none;
	background: url('images/arrow2.gif') no-repeat 10px center;
	_height: 1px;
}

/* ---------------------------------------------------------------------
Widget：[サイド]メインメニュー
--------------------------------------------------------------------- */
.widget-main-menu {
	width: 180px;
	margin: 5px 0 15px;
}

.widget-main-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget-main-menu .menu-content {
	font-size: 3.2rem;
	width: 180px;
	border-bottom: 1px dotted #cfcfcf;
}

.widget-main-menu li {
	color: #FF0;
}

.widget-main-menu li a:link,
.widget-main-menu li a:visited {
	text-decoration: none;
	display: block;
	width: 145px;
	border-top: 1px dotted #cfcfcf;
	padding: 3px 10px 3px 25px;
	color: #1b4c69;
	background: url('images/arrow.gif')  no-repeat 3px center;
}

.widget-main-menu li a:hover,
.widget-main-menu li a:active {
	text-decoration: none;
	color: #6BB4C4;
	background: url('images/arrow_over.gif') no-repeat 3px center;
}

.widget-main-menu li li a:link,
.widget-main-menu li li a:visited {
	width: 133px;
	display: block;
	padding: 3px 10px 3px 37px;
	color: #1b4c69;
	background: #eff8ff url('images/arrow2.gif') no-repeat 25px center;
}

.widget-main-menu li li a:hover,
.widget-main-menu li li a:active {
	text-decoration: none;
	color: #6BB4C4;
	background: #eff8ff url('images/arrow2.gif') no-repeat 25px center;
}

/* ---------------------------------------------------------------------
Widget：[サイド]検索フォーム
--------------------------------------------------------------------- */
.widget_search {
	width: 180px;
	margin: 5px 0 15px;	
	border-bottom: 1px dotted #cfcfcf;
}

.widget_search .widget-header {
	font-size: 3.0rem;
	border-bottom: 1px dotted #cfcfcf;
	background: #ffffff;
	width: 178px;
	padding: 0 3px;
	color: #303030;
}

.widget_search .widget-content {
	width: 170px;
	padding: 5px;
	font-size: 2.8rem;
}

.widget_search .box {
	width: 100px;
}

.widget_search .submit {
	background: url('images/search.gif') 0 0 no-repeat;
	border: none;
	height: 18px;
	width: 57px;
	margin: 0 5px 5px 0;
	padding: 0;
	vertical-align: middle;
}

/* ---------------------------------------------------------------------
Widget：[サイド]当サイトのRSSを購読
--------------------------------------------------------------------- */
.rss {
	width: 158px;
	margin: 0 4px 15px;
}

.rss-content {
	background: url('images/rss.gif') 0 0 no-repeat;
	padding-left: 20px;
}

.rss-content a {
	color: #eb6100;
	text-decoration: none;
}

.rss-content a:hover {
	color: #FF3300;
	text-decoration: underline;
}

/* ---------------------------------------------------------------------
Widget：[サイド]rssフィード
--------------------------------------------------------------------- */
.widget-header a.rsswidget {
	text-decoration: underline;
}

.widget-header a.rsswidget:hover {
	text-decoration: none;
}

/* ---------------------------------------------------------------------
Widget：[サイド]会社概要
--------------------------------------------------------------------- */
.widget-company {
	font-size: 3.0rem;
	line-height: 1.4;
	width: 160px;
	margin: 10px 0 15px 4px;
	padding: 5px;
	border: 1px solid #bab7b8;
	background: #ffffff url('images/side_freearea_bg.gif') repeat-x top;
}

.widget-company .widget-content {
	width: 100%;
	overflow: hidden;
}

/* ---------------------------------------------------------------------
Widget：[サイド]フリーエリア
--------------------------------------------------------------------- */
.free-content {
	width: 160px;
	line-height: 1.4;
	font-size: 3.0rem;
	border: 1px solid #bab7b8;
	padding: 5px;
	background: #ffffff url('images/side_freearea_bg.gif') repeat-x top;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 4px;
	overflow: hidden;
}

/* ---------------------------------------------------------------------
Widget：[サイド]カレンダー
--------------------------------------------------------------------- */
.widget_calendar caption {
	text-align: center;
	margin-bottom: 5px;
}

.widget_calendar #calendar_wrap {
	margin: 0 auto;
	padding: 10px 0;
}

.widget_calendar #calendar_wrap table {
	font-size: 3.0rem;
	color: #303030;
	text-align: center;
	margin: 0 auto;
}

.widget_calendar #calendar_wrap table td {
	padding: 1px 3px;
	font-size: 3.2rem;
	color: #303030;
}

@media print {
	* {
		position: static  !important;
		overflow: visible !important;
	}
}

/* ----- */