@charset "utf-8";
/*
Theme Name: asj-tt
Theme URI: https://teamstudio-e.net
Description: for asj-tt.com
Version: 1.0
Author: NPO Studio-E 2014
Author URI: https://teamstudio-e.net
*/

body {
	font: 16px/24px "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ---- エレメント / タグセレクター ---- */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
li {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}
p {
	margin-top: 0;
	margin-bottom:24px;
	padding-right: 0px;
	padding-left: 0px; 
}
a img {
	border: none;
}

img {
	vertical-align: top;
	border: 0;
}
ul {
	list-style:none;
}
p {
	margin-top: 0;
	margin-bottom:24px;
	padding-right: 0px;
	padding-left: 0px; 
 	line-height:1.7em; 
}

/*  ----------------------  */
body {
	/* background-image:url(image/body1.jpg); */
	/* background-repeat:no-repeat; */
	/* ackground-position:center top; */
	/* background-attachment:fixed; */  /* 背景写真のスクロール設定 */ 
	
}

/****************************************/
/*     コンテナ（ページ全体を包む）     */
/****************************************/
#container {
	width: 1000px;
	background-color: #FFFFFF;
	margin: 0 auto;
}

/*********************************/
/*    ヘッダ（全ページ共通）     */
/*********************************/
div#header {
	/* background: #ADB96E; */
	position:relative;
	/* margin-bottom:5px; */
	border-bottom: 4px solid #005bff;
}
/* 連絡先・マップ */
div#header a#head_link_contact {
	display:block;
	position:absolute;
	width:148px;
	height:28px;
	right:35px;
	top:50px;
}
div#header div.note {
	text-align: right;
	font-size: 0.8em;
	margin-right: 5px;
}
/***********************************/
/*       サイドメニュー（左）    */
/***********************************/
div#sidebar1 {
	float: left;
	width: 255px;
	background: #F2F2F2;	/* グレー */
	padding:9px 9px 0px 9px;
}

/* トップページの活動指針 */
div#sidebar1 div#crab {
	margin-left: 0px;
}

/* 左メニューブロックの囲み（活動指針用） */
div#sidebar1 div.sidebarout1 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	background-color:white;
}

/* 左メニューブロックの囲み（活動指針以外） */
div#sidebar1 div.sidebarout2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:17px;
	margin-left: 0px;
	background-color:white;
}

/* 左メニューのメニューブロックタイトル */
div#sidebar1 h2.sideheader {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 1px 1px 2px #003399;
	background-image: url(image/sideheader.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 236px;
	line-height: 42px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

/* 左メニューのリンクメニュー */
div#sidebar1 div.sidebarout2 ul {
	list-style: none; 
	margin: 0px;
}
div#sidebar1 div.sidebarout2 ul li {
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	padding-bottom:4px;
	background-color:white;
}

div#sidebar1 div.sidebarout2 ul a,
div#sidebar1 div.sidebarout2 ul a:visited {
	display: block;
	width: 218px;
	text-decoration: none;
	/* text-shadow: 1px 1px 2px #aaa; */
	color: #005bff;	/* 青い太文字 */
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 30px;
	font-weight: bold;
	line-height:35px;
	background-color:transparent;
	background-image: url(image/blue_arrow.png);
	background-repeat:no-repeat;
	background-position:5px 9px;
}
div#sidebar1 div.sidebarout2 ul a:hover,
div#sidebar1 div.sidebarout2 ul a:active,
div#sidebar1 div.sidebarout2 ul a:focus {
	background-color: #DDD;
}

/* 縮小表示 */
.syukusyo > a{
	/* font-size:13px !important; */
	letter-spacing:-2px;
}

/* ２行表示 */
.menu_nigyo > a {
	line-height:22px !important;
	padding-top:9px !important;
	padding-bottom:4px !important;
}

/* 現在ページ */
div#sidebar1 div.sidebarout2 ul.menu li.current-menu-item{
	background-color:#f0f8ff;
}



/****************************/
/* 左メニューのサブメニュー */
/****************************/
div#sidebar1 div.sidebarout2 ul.menu li ul.sub-menu {
	list-style: none; 
	margin: 0px;
	background-color:transparent;
}
div#sidebar1 div.sidebarout2 ul.menu li ul.sub-menu li {
	background-color:transparent;
	border:none;
}
div#sidebar1 div.sidebarout2 ul.menu li ul.sub-menu li a,
div#sidebar1 div.sidebarout2 ul.menu li ul.sub-menu li a:visited {
	display: block;
	width: 218px;
	text-decoration: none;
	/* text-shadow:none; */
	color:black;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	background-color:transparent;
	background-image:none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 30px;
}
div#sidebar1 div.sidebarout2 ul.menu li ul.sub-menu li a:hover,
div#sidebar1 div.sidebarout2 ul.menu li ul.sub-menu li a:active,
div#sidebar1 div.sidebarout2 ul.menu li ul.sub-menu li a:focus {
	background-color: #DDD;
}
/* 現在ページ（サブメニュー） */
div#sidebar1 div.sidebarout2 ul.menu li ul.sub-menu li.current-menu-item{
	/* background-color:#f0fsfff; */
	background-color:#f0f8ff;
	
	
}
/* 問い合わせメニュー（青いバナー） */
div#sidebar1 div.sidebarout2 ul.menu li ul.sub-menu li.toiawase_menu a{
	display:block;
	width:218px;
	height:30px;
	background-image:url(image/toiawase.png);
	background-position:30px 0px;
	background-repeat:no-repeat;
}
div#sidebar1 div.sidebarout2 ul.menu li ul.sub-menu li.toiawase_menu a:hover{
	background-color:transparent;
}
div#sidebar1 div.sidebarout2 ul.menu li ul.sub-menu li.toiawase_menu a span{
	display:none;	
}


/******************************************************/
/*     右サイドバー（右のコラム）（トップページのみ） */
/******************************************************/
div#sidebar2 {
	float: left;
	width: 224px;
	margin-top: 17px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
}

/**************************************************/
/*     右上ウィジェットエリア（トップページのみ） */
/*------------------------------------------------*/
/*     （明日葉、きまぐれ、メンターのバナー部）   */
/**************************************************/
/* 右上メニューブロックの囲み */
div#sidebar2 div#program_widget_area3 div.sidebarout {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


/**************************************************/
/*     右下ウィジェットエリア（トップページのみ） */
/*------------------------------------------------*/
/*               「トピックス一覧部」             */
/**************************************************/
/* 右下メニューのブロック */
div#sidebar2 div#program_widget_area4 {
	background: #F2F2F2;
	padding:9px 9px 9px 9px;
	width: 206px;
}

/* 右下メニューブロックの囲み */
div#sidebar2 div#program_widget_area4 div.sidebarout {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color:white;
}

/* 右下メニューのメニューブロックタイトル「トピックス」 */
div#sidebar2 div#program_widget_area4 h2.sideheader {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 1px 1px 2px #003399;
	background-image: url(image/sideheader.png);
	background-repeat: no-repeat;
	height: 42px;
	width: 186px;
	line-height: 42px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

/* 右下メニューのメニューブロックタイトルの補足説明「自閉症に関する様々な情報」 */
div.topics_explanation {
	font-size:12px;
	color:#005bff;
	text-align:left;
	/* padding-left:20px; */
	text-align:center;
	font-weight:normal;
}

/* 右下メニューのメニュー投稿タイトル */
div#sidebar2 div#program_widget_area4 h3, h4 {
	font-size: 12px;
	font-weight:normal;
	width:206px;
	color:black;
	margin:0px;
	margin-top:8px;
	margin-bottom:8px;
	padding:0px;
	line-height:20px;
}
div#sidebar2 div#program_widget_area4 h3, h4 a{
	display:block;
	width:186px;
	padding:0px 0px 0px 20px;
	background-image: url(image/blue_arrow.png);
	background-repeat:no-repeat;
	background-position:1px 0px;
	font-size: 12px;
	lihe-height:20px;
	font-weight:normal;
	color:black;
	margin:0px;
	text-decoration: none !important;
}
div#sidebar2 div#program_widget_area4 h3, h4 a:hover{
	background-color:#DDD;
}

div#sidebar2 div#program_widget_area4 div div.sidebarout div p{
	display:none;
}


/***********************************************************************/
/*     本文（右側コラム）（トップページの中央コラムと右コラムを包有）  */
/***********************************************************************/
#contents_all {
	width: 727px;
	float: right;
}

/****************************/
/* 投稿（シングル）のページ */
/****************************/
div.date {
	padding-right:20px;
	text-align:right;
}

/* トピックスの場合、次の投稿へのリンク表示 */
div.post_navi div.next_post_link{
	font-size:12px;
	width:320px;
	float:left;
	text-align:left;
	margin-left:10px;
}
div.post_navi  div.previous_post_link{
	font-size:12px;
	width:320px;
	text-align:right;
	float:right;
	margin-right:10px;

}

/**************************************************/
/*     本文（中央のコラム）（トップページのみ）   */
/**************************************************/
div#content {
	width: 470px;
	float: left;
	margin-top: 17px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 17px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
div#content h2{
	width:468px;
	height:30px;
	background-image:url(image/contents_head_top.png);
	background-repeat:no-repeat;
	border:1px solid #CCC;
	margin:0px 0px 5px 0px;
}

/*****************************************************/
/*     新着一覧（中央のコラム）（トップページのみ）  */
/*****************************************************/
div#content div#news_list {
	border:1px solid #CCC;
}
div#content div#news_list ul li {
	margin:0px;
}
div#content div#news_list ul li a.news_list_item {
	display:block;
	font-size:13px;
	text-decoration:none;
	font-weight:normal;
	color:black;
	width:470px;
	line-height:30px;
	/* background-color:#00CC66; */
	background-image:url(image/blue_dots_line.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
div#content div#news_list ul li a.news_list_item:hover {
	background-color:#DDD;
}
/* 新着記事　日付 */
div#content div#news_list ul li a.news_list_item div.news_date{
	display:block;
	float:left;
	text-align:center;
	width:110px;
	margin:0px;
	margin-top:8px;
	margin-bottom:8px;
	padding:0px;
	line-height:20px;
}
/* 新着記事タイトル */
div#content div#news_list ul li a.news_list_item div.news_title{
	display:block;
	float:left;
	text-align:left;
	width:350px;	
	margin:0px;
	margin-top:8px;
	margin-bottom:8px;
	padding:0px;
	line-height:20px;
}

/* ページ戻りリンク */
div#content div#news_list div.previous_link {
	width:220px;
	float:left;
	text-align:left;
	font-size:12px;
	padding-left:10px;
}
div#content div#news_list div.previous_link a{
	text-decoration:none;
	font-size:12px;
	color:black;
}
div#content div#news_list div.previous_link a:hover{
	color:blue;	
}
/* 次ページリンク */
div#content div#news_list div.next_link {
	width:220px;
	float:right;
	text-align:right;
	font-size:12px;
	padding-right:10px;
}
div#content div#news_list div.next_link a{
	text-decoration:none;
	font-size:12px;
	color:black;
}
div#content div#news_list div.next_link a:hover {
	color:blue;	
}
/*******************************************/
/*    フッター（全ページ共通）             */
/*******************************************/
div#footer {
	padding: 10px 0px 0px;
	background-color: #FFFFFF;
	position: relative;
	clear: both;
}



/***********************************************/
/*    固定ページ、投稿ページ、カテゴリーページ */
/***********************************************/
div#contents_inside {
	width:708px;
	margin:0px 10px 0px 9px;
}
	
/* 固定記事タイトル or カテゴリー名 */
div#contents_inside h2.contents_title {
	width:676px;
	padding:0px 10px 0px 20px;
	margin:9px 0px 0px 0px;
	background-image:url(image/contents_title.png);
	background-repeat:repeat-y;
	font-size:20px;
	color: #005bff;	/* 青い太文字 */
	line-height:40px;
	border:1px solid #CCC;
}
/* カテゴリーの説明文 */
div#contents_inside h2.contents_title p.description{
	color:black;
	font-size:16px;
	font-weight:normal;
	line-height:18px;
	margin-bottom:10px;
	margin-left:20px;
}

/* 投稿タイトル */
div#contents_inside h3.post_title {
	width:666px;
	padding:0px 10px 0px 30px;
	margin:10px 0px 0px 0px;
	border:1px solid #CCC;
	background-image:url(image/post_title.png);
	background-repeat:repeat-y;
	font-size:17px;
	color:#6699ff;	/*明るい青い太文字 */
	line-height:29px;
}

/* 地区活動の地区表示 */
div#contents_inside h3.post_title span.area {
	color: #005bff;	/* 青い太文字 */
}

/* 投稿日（新着のみ） */
div#contents_inside div.post_date {
	width:110px;
	float:right;
	text-align:right;
	font-size:13px;
}

/* 本文　*/
div#contents_inside div.honbun {
	width:676px;
	margin:10px 0px 0px 0px;
	border:1px solid #CCC;
	padding:15px
}

/* コンテンツ用見出し定義 */
div#contents_inside h1 {
	color:#a9a9a9;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
	border:2px solid #f5f5f5;
	/* border-right:1px solid black; */
	margin-top:4px;
	margin-bottom:13px;
	padding-left:15px;
}
div#contents_inside h2 {
	color:#000;
	background-color:#f0f8ff;
	font-size:18px;
	font-weight:bold;
	line-height:32px;
	border-bottom:1px solid #6495ed;
	border-right:1px solid #6495ed;
	margin-top:4px;
	margin-bottom:7px;
	padding-left:10px;
}
div#contents_inside h3 {
	color:#000;
	background-color:#f0f8ff;
	font-size:18px;
	font-weight:normal;
	line-height:32px;
	border-bottom:1px solid #6495ed;
	border-right:1px solid #6495ed;
	margin-top:4px;
	margin-bottom:7px;
	padding-left:10px;
}
div#contents_inside h4,
div#contents_inside h5,
div#contents_inside h6{
	color:blue;
	background-color:#f0f8ff;
	font-size:16px;
	font-weight:normal;
	line-height:24px;
	border-bottom:1px solid #6495ed;
	border-right:1px solid #6495ed;
	margin-top:4px;
	margin-bottom:7px;
	padding-left:5px;
}

/**********************/
/* ---- パンくず ---- */
/**********************/
ul#pankuzu {
	display: block;
	float: left;
	margin-left:17px;
	margin-top:7px;
}
ul#pankuzu li{
	font-size:12px;
	list-style: none;
	margin: 0;
	padding-left: 10px;
	display: inline;
}



/*****************************/
/*    汎用クラス             */
/*****************************/

/* 曜日 */
.week0 {color:red;} /* 日 */
.week1 {color:black;}
.week2 {color:black;}
.week3 {color:black;}
.week4 {color:black;}
.week5 {color:black;}
.week6 {color:#4169e1;} /* 土 */

/* その他の float/clear クラス */
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
/* このクラスは、.footer が .container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (.container 内に) 配置できます。 */
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ２行目以降にインデントを付ける書式 */
/*
使用例： 
・ああああああ
　ああああああ
*/
.indent_for_list {
	text-indent:-1em;
	padding-left:1em;
}


/* ＰＤＦへのリンクにアイコンを付ける 非表示2021/06/28oo*/
/*
div#contents_all a[href$=".pdf"] {   
	display: inline-block;
	padding-left: 21px;
	background: url(image/icon_pdf.gif) no-repeat 0% 50%;  
}


a.pdf{   
	display: inline-block;
	padding-left: 21px;
	background: url(image/icon_pdf.gif) no-repeat 0% 50%;  
} 
*/
/* ワードへのリンクにアイコンを付ける */
/*div#contents_all a[href$=".doc"],div#main a[href$=".docx"] {   
	display: inline-block;
	padding-left: 21px;
	background: url(image/icon_doc.gif) no-repeat 0% 50%;  
}
a.doc{   
	display: inline-block;
	padding-left: 21px;
	background: url(image/icon_doc.gif) no-repeat 0% 50%;  
}  
*/
/* エクセルへのリンクにアイコンを付ける */
/*
div#contents_all a[href$=".xls"],div#main a[href$=".xlsx"] {   
	display: inline-block;
	padding-left: 21px;
	background: url(/image/icon_xls.gif) no-repeat 0% 50%;  
}
a.xls{   
	display: inline-block;
	padding-left: 21px;
	background: url(image/icon_xls.gif) no-repeat 0% 50%;  
}  
*/
/* メールへのリンクにアイコンを付ける */
/*
div#contents_all a[href ^="mailto:"] {  
	display: inline-block;
	padding-left: 21px;
	background: url(image/icon_mail.gif) no-repeat 0% 50%;  
}  
a.mailto {   
	display: inline-block;
	padding-left: 21px;
	background: url(image/icon_mail.gif) no-repeat 0% 50%;  
}  
*/
/*----汎用------*/
.alignleft {
	float: left;
	background-color: #FFFFFF;
	padding: 2px;
	/* border: 1px solid #DDDDDD; */
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.alignright {
	float: right;
	background-color: #FFFFFF;
	padding: 2px;
	/* border: 1px solid #DDDDDD; */
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.aligncenter {
	display: block;
	background-color: #FFFFFF;
	padding: 2px;
	/* border: 1px solid #DDDDDD; */
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 5px;
}

/* 文字間隔をとるCSS （ウェブアクセシビリティ「会　　則」用） */
/* ４０ピクセル間隔 */
.w40 {
	letter-spacing:40px;
}
/* ３０ピクセル間隔 */
.w30 {
	letter-spacing:30px;
}
/* ２０ピクセル間隔 */
.w20 {
	letter-spacing:20px;
}
/* １０ピクセル間隔 */
.w10 {
	letter-spacing:10px;
}

/* スクロール追尾メニュー（ページ内移動メニュー） */
div#fixed_menu {
	position:fixed;
	top:20px;
	left:20px;
	border:1px solid #c0c0c0;
	width:150px;
	padding:6px;
	z-index:1000;
	/* 半透明 
	background-color: #fffff9 ;
     filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;	　*/
}
div#fixed_menu h3{
	font-size:14px;
	color:#093;
	font-weight:bold;
	text-align:left;
	z-index:1000;
}

div#fixed_menu p {
	margin:0px 0px 0px 20px;
	text-indent:-20px;
}

div#fixed_menu p a.inline_jump {
	padding-left:20px;
	background:url(images/icon_yaji.png) no-repeat 0% 50%;
	z-index:1000;
}

/*
テーブル
-------------------------------------------------------------------*/
table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
}
table {
	/* width: 580px; */
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

table th {
	background-color:#fafafa;
	font-weight:normal;
	text-align: center;
 	line-height:1.8em; 
	padding: 8px;
	white-space: nowrap;
	color: black;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b0c4de;
	border-right-color: #b0c4de;
	border-bottom-color: #b0c4de;
	border-left-color: #b0c4de;
}

table td {
	background-color: #f0f8ff;
	text-align: left;
 	line-height:1.8em; 
	padding: 8px 8px 8px 12px;;
	border: 1px solid #b0c4de;
}

/* ▼キャプション付き画像全体を囲むボックスの装飾 */
figure {
    display: inline-block;   /* インラインブロック化 */
    margin: 0px 3px 25px 0px; /* 外側に余白を追加(※右に3px・下に25px) */
    background-color: #f3f3f3;  /* 背景色 */
}
/* ▼画像に対する装飾 */
figure img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 3px 0px; /* 下側にだけ3pxの余白を追加 */
}
/* ▼キャプションに対する装飾 */
figcaption {
    font-size: 0.7em;        /* 文字サイズを70%に */
    text-align: center;      /* 中身をセンタリング */
}
/* ▼カスタムフィールド使用時の写真間隔 */
.cf_image {
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.box {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000;/*文字色*/
    background: #FFF;
    border: solid 1px #000;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box p {
    margin: 0; 
    padding: 0;
}
/* メールアドレス行 */
.mail-line {
	margin-top: -1.7em;
}

/* mwwp form用 */
.mw_wp_form .mwwpf001{
	white-space: normal;
}
.mw_wp_form .mwwpf001 textarea{
	width:100%;
}
.mw_wp_form .mwwpf001 input[type=text]{
	height:1.8em;
	margin-top:0.5em;
}
.mw_wp_form .mwwpf001 select{
	height:1.8em;
	margin-top:0.5em;
}
.mw_wp_form .mwwpf001 .table-form{
	width: 100%;
	table-layout: auto;
}
.mw_wp_form .mwwpf001 .table-form tr{
	width:100%;
	white-space: normal;
}
.mw_wp_form .mwwpf001 .table-form th{
	width:15em;
	background-color:white;
	white-space: normal;
	padding-top:1em;
	padding-bottom: 1em;
}
.mw_wp_form .mwwpf001 .table-form th[colspan="2"]{
	width:30em;
	background-color:white;
	white-space: normal;
	padding-top:1em;
	padding-bottom: 1em;
}
.mw_wp_form .mwwpf001 .table-form td{
	width:auto;
	white-space: normal;
	background-color: white;
	padding-top:1em;
	padding-bottom:1em;
}

.mw_wp_form .mwwpf001 .red{
	color:red;
}

.mw_wp_form .mwwpf001 .div-Center{
	 text-align: center;
}