@charset "utf-8";

/* 基本設定 */

body {
	margin:0;
	padding:0;
 font-size: 0.9em;
 font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro W3" , "Hiragino Kaku Gothic Pro" ,  "メイリオ" , Meiryo , Osaka , "ＭＳ Ｐゴシック" , sans-serif;
 line-height: 1.6;
 background-image:url(../img/body_bk.gif);
	color:#666;
}

div,p {
 margin:0;
 padding:0;
}

img {
 border:none;
	vertical-align:bottom;
}

li {
	list-style:none;
}


span.stxt {
	font-size:70%;
}

.hide {
	display:none;
}

hr {
border: none;
border-top: 1px  #CCC solid;
height:1px;
}

a.txtlink {
	background:url(../img/link_ac01.gif) 0 0.3em no-repeat;
	padding-left:15px;
}

.co2 {
	font-size:70%;
}




/* テキストのリンク文字色 */
a:link { 
 color: #009844;
 text-decoration: none;

}

a:visited {
 color: #009844;
 text-decoration: none;
}

a:hover {
 color: #009844;
 text-decoration: underline;

}

/* clearfix*/
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-block;}
*html .clearfix {height:1%}
.clearfix {display: block}


/* ヘッダ */
div#header{
 width:100%;
	background:url(../img/header_bk.gif) repeat-x ;
}

div#header div.base{
	margin:0 auto;
	width:860px;
}

div#header div.btn{
	margin:-50px auto 0 auto;
	width:860px;
	text-align:right;
}

div#header div.btn img{
	margin-left:20px;
}

/* フッタ */
div#footer {
	clear:both;
	width:100%;
	background-color:#999999;
}

div#footer div.fwrap{
	width:860px;
	margin:0 auto;
}

div#footer div.fwrap div.btn{
	float:left;
}

div#footer div.fwrap div.btn img{
	margin-right:20px;
}

div#footer div.fwrap div.copy{
	float:right;
	padding-top:15px;
}

div.ptop {
	clear:both;
	text-align:right;
	margin:15px 0 10px 0;
}


/* グローバルメニュー */
div#gnavi {
	clear:both;
	margin:25px auto 0 auto;
	width:860px;
}

div#gnavi img{
	vertical-align:bottom;
}


/* トップページ */
div#topbdy {
	width:860px;
	margin:30px auto ;
}

div#topbdy h1#mv{
	margin-bottom:20px;
}

div#topbdy div.banner{
	width:511px;
	float:left;
}

div#topbdy div.banner div.d2b{
	margin-bottom:15px;
}

div#topbdy div.banner div.d1b{
	margin-bottom:15px;
}

div#topbdy div.banner div.d2b div.left{
	width:245px;
	float:left;
}

div#topbdy div.banner div.d2b div.right{
	width:245px;
	float: right;
}

div#topbdy div#news{
	width:318px;
	float:right;
}

div#topbdy div#news h2{
	margin:0 0 15px 0;
	padding:0;
}

div#topbdy div#news ul{
	margin:0;
	padding:0;
}

div#topbdy div#news ul li{
	margin:0 0 10px 0;
	padding:0 0 12px 20px;
	background:url(../../img/top_news_ac.gif) 0 0 no-repeat;
	border-bottom:1px #CCC dotted;
	line-height:1.4;
}

div#topbdy div#news ul li span{
	font-size:80%;
}


/* ETTについて */
div#abt_bdy {
	width:860px;
	margin:0 auto ;
}

div#abt_bdy ul#sidemenu{
	width:172px;
	margin:0;
	padding:0;
	float:left;
}


div#abt_bdy ul#sidemenu li a{
	display:block;
	width:134px;
	padding:8px 0 8px 37px;
	font-size:14px;
	background-color:#d6e0f6;
	color:#3a6cd9;
	border-top:1px #FFF solid;
}

div#abt_bdy ul#sidemenu li a:hover{
	background-color:#83a5d2;
	color:#fff;
	text-decoration:none;
}

div#abt_bdy ul#sidemenu li.crt a{
	background-color:#83a5d2;
	color:#fff;
	text-decoration:none;
}


div#abt_bdy div#abtcontents{
	width:623px;
	float:right;
}

div#abt_bdy div#abtcontents p{
	width:579px;
	text-align:center;
}

div#abt_bdy div#abtcontents div.read{
	line-height:1.7;
	clear:both;
}

div#abt_bdy div#abtcontents div.read p{
	width:623px;
	text-align:left;
	margin-bottom:15px;
}

div#abt_bdy div#abtcontents div.greet p{
	width:570px;
}

div#abt_bdy div#abtcontents div.read p.date{
	text-align:right;
}

div#abt_bdy div#abtcontents h2{
	margin-top:40px;
}

div#abt_bdy div#abtcontents h3{
	line-height:1.3;
	margin-bottom:20px;
}

div#abt_bdy div#abtcontents table.history th{
	vertical-align:top;
	font-weight:normal;
	color:#3a6cd9;
	width:70px;
	text-align:left;
}

div#abt_bdy div#abtcontents table.history td{
	padding-bottom:17px;
}

div#abt_bdy div#abtcontents div.office{
	line-height:1.4;
	margin-bottom:20px;
}

div#abt_bdy div#member {
	margin:30px 0;
}

div#abt_bdy div#member ul{
	float:left;
	width:140px;
	margin:0 15px 0 0;
	padding:0;
}

div#abt_bdy div#member ul li{
	margin:0 0 5px 0;
}

div#abt_bdy div#member ul h4{
	background-color:#83a5d2;
	color:#FFF;
	margin:0 0 5px 0;
	padding:0 0 0 5px;
}

div#abt_bdy .note_r{
	clear:both;
	text-align:right;
	margin-bottom:15px;
}

div#abt_bdy .note_l{
	clear:both;
	margin-bottom:15px;
}

div#abtcontents div.twoblock_head {
	margin-top:30px;
}

div#abtcontents div.twoblock_head div.left {
	float:left;
	padding-bottom:20px;
}

div#abtcontents div.twoblock_head div.right {
	float:right;
}

div.person {
	margin:10px 0px 0px 5px; 
	padding:1px 7px; 
	border-left:#3666b0 solid 7px; 
	line-height:130%;
}

div.person span {
	font-size:80%;
}



/* 特集 */
div#feature {
	width:860px;
	margin:20px auto ;
}

div#feature div#sidenav{
	width:240px;
	float:left;
	background-color:#f2f2f2;
}

div#feature div#sidenav ul,
div#feature div#sidenav ul li{
	margin:0;
	padding:0;
}


div#feature div#contents{
	width:583px;
	float:right;
	margin-bottom:20px;
}

div#feature div#contents h1{
	margin:0;
	padding:0;
}

div#feature div#contents h3{
	margin:50px 0 15px 0;
	padding:0;
}


div#feature div#contents div.read2 {
	font-weight:bold;
	clear:both;
}

div#feature div#contents div.read p {
	margin-bottom:15px;
	}



div#feature div#contents img.left {
	float:left;
	margin:5px 20px 15px 0px;
	padding:5px;
	border:#CCC solid 1px;
	}

div#feature div#contents img.right {
	float:right;
	margin:5px 0 15px 20px;
	padding:5px;
	border:#CCC solid 1px;
}

	div#feature div#contents img.ruby {
	padding:0;
	border:none;
	}
	
div#feature div#contents img.full {
	margin:5px 0px 15px 0px;
	padding:5px;
	border:#CCC solid 1px;
	}

/* ######### キャプション  ######### */
.cap01 {
　width: 200px;
　float: right;
　margin: 0.3px;
　}


/* 地域活動紹介 */
div#info_bdy {
	width:860px;
	margin:20px auto ;
}

div#info_bdy div#sidemenu{
	width:235px;
	margin:0;
	padding:0;
	float:left;
}

div#info_bdy div#sidemenu h3{
	margin:0 0 10px 0;
}

div#info_bdy div#sidemenu h4{
	margin:0;
}

div#info_bdy div#sidemenu h3 img,
div#info_bdy div#sidemenu h4 img{
	vertical-align:bottom;
}

div#info_bdy div#sidemenu h5{
	background-color:#f2f2f2;
	margin:0;
	padding:5px 5px 5px 10px;
	font-size:14px;
}

div#info_bdy div#sidemenu h5 a{
	color:#3666b0;
}

div#info_bdy div#sidemenu h5.crt{
	background-color: #fad4aa;
	color: #666;
}

div#info_bdy div#sidemenu dl{
	background-color:#f2f2f2;
	margin:0;
	padding:10px 0;
}

div#info_bdy div#sidemenu dl dt{
	padding:5px 10px 5px 25px;
	margin:0;
	background: url(../../information/img/cmn/info_smenu_dtac.gif) 10px 6px no-repeat;
	color:#3666b0;
	line-height:1;
}

div#info_bdy div#sidemenu dl dd {
	margin:0 0 5px 0;
	padding:0 10px 5px 25px;
	line-height:1.2;
}

div#info_bdy div#sidemenu dl dt.crt{
	background-color:#fad4aa;
}

div#info_bdy div#sidemenu dl dd.crt {
	background-color:#fad4aa;
}

div#info_bdy div#sidemenu dl dd a{
	color:#3666b0;
}

div#info_bdy div#info_contents{
	width:595px;
	margin:0;
	padding:0;
	float:right;
}

div#info_bdy div#info_contents h1{
	margin:0;
	padding:0;
}


div#info_bdy div#info_contents div.idxblk {
	clear:both;
	margin:20px 0 0 0;
	border-bottom:1px #CCC dotted;
	padding-bottom:20px;
}

div#info_bdy div#info_contents div.idxblk h2{
	padding:0 0 0 20px;
	margin:0 0 5px 0;
	background:url(../../information/img/cmn/info_h2ac.gif) 0 0 no-repeat;
	font-size:1.1em;
	line-height:1;
	color:#3666b0;
}

div#info_bdy div#info_contents div.idxblk p.name{
	margin-bottom:7px;
}

div#info_bdy div#info_contents div.idxblk div.two_blk p.left{
	float:left;
	width:425px;
}

div#info_bdy div#info_contents div.idxblk div.two_blk p.right{
	float:right;
	width:150px;
	text-align:right;
}

div#info_bdy div#info_contents div.idxblk div.two_blk p.right img.ph{
	padding:3px;
	border:1px solid #CCC;
	margin-bottom:5px;
}

div#info_bdy div#info_contents div#summary {
	border-bottom:dotted #999;
	padding-bottom:10px;
}

div#info_bdy div#info_contents div#summary dl dt{
	color:#3466b0;
	font-weight:bold;
}
div#info_bdy div#info_contents div#summary dl dd{
	color:#3466b0;
	margin:-1.6em 0 10px 90px;
	font-weight:bold;
}

div#info_bdy div#info_contents div.outline {
	margin:15px 0 30px 0;
	font-weight:bold;
}

div#info_bdy div#info_contents div.outline img {
	margin:5px 0px 15px 20px;
	float:right;
	padding:5px;
	border:#CCC solid 1px;
}

div#info_bdy div#info_contents div.read {
	clear:both;
}


div#info_bdy div#info_contents div.read img.left {
	float:left;
	margin:5px 20px 15px 0px;
	padding:5px;
	border:#CCC solid 1px;
}

div#info_bdy div#info_contents div.read img.right {
	float: right;
	margin:5px 0px 15px 20px;
	padding:5px;
	border:#CCC solid 1px;
}

div#info_bdy div#info_contents div.read p {
	margin-bottom:15px;
}

div#info_bdy div#info_contents h3 {
	margin-bottom:10px;
}


div#info_bdy div#info_contents div.coming p {
	text-align:center;
	margin:30px 0;
}

/* 私はこう思う */

div#think_bdy {
	width:860px;
	margin:20px auto ;
}

div#think_bdy div#sidemenu{
	width:235px;
	margin:0;
	padding:0;
	float:left;
}

div#think_bdy div#sidemenu h3{
	margin:0 0 10px 0;
}

div#think_bdy div#sidemenu h4{
	margin:0;
}

div#think_bdy div#sidemenu h3 img,
div#think_bdy div#sidemenu h4 img{
	vertical-align:bottom;
}

div#think_bdy div#sidemenu ul{
	margin:10px 0 0 0;
	padding:0;
}

div#think_bdy div#sidemenu ul li{
	margin:5px 0 7px 0;
	padding:3px 0 5px 35px;
	line-height:1.2;
	border-bottom:1px dotted #CCC;
	font-size:0.9em;
}


div#think_bdy div#sidemenu ul li a{
	font-size:1.2em;
	color:#3666b0;
	font-weight:bold;
}

div#think_bdy div#sidemenu ul li.cyugoku{
	background:url(../../think/img/think_smenu_cyugoku.png) 3px 3px no-repeat;
}

div#think_bdy div#sidemenu ul li.tokyo{
	background:url(../../think/img/think_smenu_tokyo.png) 3px 3px no-repeat;
}

div#think_bdy div#sidemenu ul li.cyubu{
	background: url(../../think/img/think_smenu_cyubu.png) 3px 3px no-repeat;
}

div#think_bdy div#sidemenu ul li.kansai{
	background:url(../../think/img/think_smenu_kansai.png) 3px 3px no-repeat;
}

div#think_bdy div#sidemenu ul li.shikoku{
	background: url(../../think/img/think_smenu_shikoku.png) 3px 3px no-repeat;
}

div#think_bdy div#sidemenu ul li.tohoku{
	background: url(../../think/img/think_smenu_tohoku.png) 3px 3px no-repeat;
}

div#think_bdy div#sidemenu ul li.kyusyu{
	background: url(../../think/img/think_smenu_kyusyu.png) 3px 3px no-repeat;
}

div#think_bdy div#sidemenu ul li.aomori{
	background: url(../../think/img/think_smenu_aomori.png) 3px 3px no-repeat;
}

div#think_bdy div#sidemenu ul li.hokuriku{
	background:url(../../think/img/think_smenu_hokuriku.png) 3px 3px no-repeat;
}

div#think_bdy div#sidemenu ul li.hokkaido{
	background:url(../../think/img/think_smenu_hokkaido.png) 3px 3px no-repeat;
}

div#think_bdy div#sidemenu ul li.crt{
	background-color:#efe4f0;
}

div#think_bdy div#think_contents{
	width:595px;
	margin:0;
	padding:0;
	float:right;
}

div#think_bdy div#think_contents h1{
	margin:30px 0 20px 0;
	padding:0;
}

div#think_bdy div#think_contents div.idxblk {
	clear:both;
	margin:10px 0 0 0;
	border:1px #CCC solid;
	padding:5px;
}

div#think_bdy div#think_contents div.idxblk div.ph{
	float:left;
	width:110px;
}


div#think_bdy div#think_contents div.idxblk div.txt{
	float:right;
	width:460px;
}

div#think_bdy div#think_contents div.idxblk div.txt h2{
	margin:0;
	padding:0 0 0 10px;
	line-height:1.2;
	font-size:1em;
	font-weight:normal;
	border-left:5px solid #3666b0;
}

div#think_bdy div#think_contents div.idxblk div.txt h2 span{
	font-size:1.3;
	font-weight:bold;
}

div#think_bdy div#think_contents div.idxblk div.txt div.title{
	margin-top:1em;
	line-height:1.2;
}

div#think_bdy div#think_contents div.idxblk div.txt div.title p{
	margin-top:10px;
}

div#think_bdy div#think_contents div.idxblk div.txt div.title p a{
	font-size:1.15em;
	font-weight:bold;
	color:#3666b0;
}

div#think_bdy div#think_contents div.idxblk2 {
	clear:both;
	margin:10px 0 0 0;
}

div#think_bdy div#think_contents div.idxblk2 div.ph{
	float:left;
	width:120px;
}

div#think_bdy div#think_contents div.idxblk2 div.ph img{
	padding:3px;
	border:1px #CCC solid;
}

div#think_bdy div#think_contents div.idxblk2 div.txt{
	float:right;
	width:450px;
}

div#think_bdy div#think_contents div.idxblk2 div.txt h2{
	margin:0;
	padding:0 0 0 10px;
	line-height:1.2;
	font-size:1em;
	font-weight:normal;
	border-left:5px solid #3666b0;
}

div#think_bdy div#think_contents div.idxblk2 div.txt h2 span{
	font-size:1.3;
	font-weight:bold;
}


div#think_bdy div#think_contents  div.txtblk {
	clear:both;
	margin-top:30px;
}

div#think_bdy div#think_contents  div.txtblk p{
	margin-top:20px;
}

div#think_bdy div#think_contents  div.txtblk p.date{
	text-align:right;
}



/* ETT資料室 */
div#books {
	width:860px;
	margin:0 auto;
}

div#books h1{
	margin:20px 0 30px 0;
}


div#books div.pdficon{
	margin:20px 10px 0;
}

div#books div.pdficon div.txt{
	float:left;
}

div#books div.pdficon div.icon{
	float:right;
}

div#books div.pdficon div.icon img{
	text-align:right;
	margin-left:20px;
}

div#books div.bblk {
	clear:both;
	margin-bottom:20px;
}

div#books div.bblk div.line{
	margin-bottom:20px;
}

div#books div.bblk div.cover{
	float:left;
}

div#books div.bblk div.txt{
	float:right;
	width:656px;
}

div#books div.bblk p.link{
	color:#009844;
	font-weight:bold;
	margin-top:30px;
}

div#books div.bblk p.link img{
	margin-left:5px;
}


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

div#sitemap h1{
	font-size:150%;
	color:#009844;
	text-align:center;
	margin:30px 0 10px 0;
}

div#sitemap div.sblk {
	width:540px;
	margin:0 auto 30px auto;
}

div#sitemap div.left{
	width:258px;
	float:left;
}

div#sitemap div.right{
	width:258px;
	float:right;
}

div#sitemap ul{
	margin:0 0 0 18px;
	padding:0;
}

div#sitemap ul.about li{
	padding-left:20px;
	background: url(../../img/sitemap_listac_bl.gif) 0 0 no-repeat;
	line-height:1;
	margin-top:1.3em;
}

div#sitemap ul.books li{
	padding-left:20px;
	background: url(../../img/sitemap_listac_gr.gif) 0 0 no-repeat;
	line-height:1;
	margin-top:1em;
}

div#sitemap div.line{
	margin:12px 0 12px 0;
	line-height:0;
}

div#sitemap div.line img{
	vertical-align:bottom;
}

div#sitemap h3{
	margin:0;
	padding:0;
	line-height:1;
	font-weight:normal;
}

div#sitemap h3 img{
	margin-right:8px;
}


div#sitemap a{
	color:#3a6cd9;
}


/* メールマガジン */
div#mlmaga {
	width:860px;
	margin:0 auto;
}

div#mlmaga h1{
	font-size:150%;
	color:#009844;
	text-align:center;
	margin:30px 0 0 0;
	padding-left:50px;
	padding-top:20px;
	background:url(../../magazine/img/mailmark.gif) 180px 0 no-repeat;
	height:80px;
}

div#mlmaga h2{
	font-size:110%;
	text-align:center;
	margin:0 0 40px 0;
}

div#mlmaga div.mblk{
	width:623px;
	margin:0 auto 40px auto;
}

div#mlmaga div.mblk p.ctr{
	text-align:center;
	margin-bottom:10px;
}


/* 個人情報保護方針 */
div#policy {
	width:860px;
	margin:0 auto;
}

div#policy h1{
	font-size:150%;
	color:#009844;
	text-align:center;
	margin:30px 0;
}

div#policy h2{
	font-size:120%;
	text-align:center;
	margin:30px 0;
}

div#policy h3{
	margin:0 0 20px 0;
}

div#policy div.cblk {
	width:623px;
	margin:30px auto;
	font-size:110%;;
	line-height:1.7;
	margin-bottom:50px;
}

div#policy div.cblk div{
	padding:0 10px;
}

div#policy div.cblk div img{
	margin:0 5px;
}


/* プルダウンメニュー */
.ddsmoothmenu{
font-size:14px;
background: #fff; /*background of menu bar (default state)*/
/*width: 158px;*/
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
width:172px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
padding:0;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color:#3a6cd9;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background:#83a5d2; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
background-color:#d6e0f6;
color:#3a6cd9;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width: 137px; /*width of sub menus*/
padding: 5px 0 5px 35px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #fff;
color:#3a6cd9;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}
#feature #contents .read2 .read {
	font-weight: normal;
}