@charset "utf-8";

/* ------------------------------------------------------------
CSS Information

	Site URL: https://www.setagayatm.or.jp/
	File name: styles.css (https://www.setagayatm.or.jp/css/styles.css)
	Summary: except Default Style
	Created: 2012-08
	Last update: 2012-09-28 by Takefumi Tenshima (FNETS)
	Author: Chizuru Hakamada (FNETS)

Order of description

	- Search Key "__" + "id Name or ClassName"
	
	/ __common
	/ __anchor		(div#anchor)
	/ __container	(div#container)
	/ __header		(div#header)
	/ __globalMenu	(div#globalMenu)
	/ __topicPath	(div#topicPath)

	/ __contents	(div#contents)
	/ __main		(div#main)
	/ __sidebar		(div#sidebar)
	/ __sidebar_t	(div#sidebar_t)	// トラストまちづくりコンテンツ用
	/ __footer		(div#footer)
		
	/ __housing		// 住宅事業コンテンツ用
	/ __trust		// トラストまちづくりコンテンツ用
	
------------------------------------------------------------ */

/* ----------------------------------------
__common
---------------------------------------- */

a, a:link { color: #339900; }
a:visited { color: #888888; text-decoration:none; }
a:hover, a:active { color: #FF6600; text-decoration:none; }

.hide { display: none; }
.clear { clear: both; }



.link{
	background: url(../img_common/link.gif) left top no-repeat;
	padding-left: 18px;
}

.link_txt_Right{
	background: url(../img_common/link.gif) right top no-repeat;
	padding-right: 18px!important;
	text-align:right;
}

.pdflink{
	font-size: 80%;
	clear: both;
}

.pdflink:after {
	clear:both;
	display:block;
	height:1px;
	content:"";
}


.pdf_li {	
	margin-bottom: 5px;
	padding: 5px 5px 5px 25px;
	background: url(../img/common/icon/pdf.png) left top no-repeat;
	list-style-type: none;
	line-height: normal;
	font-size: 85%;
}

a img {
	vertical-align:text-bottom;
}

.imgLeft {
	float: left;
	margin-right: 5px;
}
.imgRight {
	float: right;
	margin-left: 5px;
}

p.indent { text-indent:1em; } /* 段落先頭１文字アケ */

/* リスト要素
-----------------------*/


li {
	margin-bottom: 7px;
}

ul.li_square,
ol.li_square {
	margin-left:2em;
}

ul.li_square li,
ol.li_square li {
	font-size: 85%;
	line-height: 150%;
	margin-bottom: 7px;
	list-style-type: square;
}

ul.li_style_newslist {
	margin-left:2em;
}

ul.li_style_newslist li {
	font-size: 80%;
	line-height:normal;
	margin-bottom: 3px;
	list-style-type: square;
}

ul.li_style_default,
ul.li_style_arrow,
ul.li_style_pdf {
	font-size: 85%;
}

ul.li_style_default {
	margin-left:2em;
	list-style-type:disc;
}

ul.li_style_default li {
	line-height: 155%;
	margin-bottom: 7px;
}

ul.li_style_arrow li {
	line-height: 155%;
	margin-bottom: 7px;
	background: url(../img/common/decoration/link.gif) left top no-repeat;
	padding-left: 18px;
	list-style-type: none;
}

ul.li_style_pdf li {
	line-height: normal;
	background: url(../img/common/icon/pdf.png) left top no-repeat;
	padding: 6px 5px 6px 35px;
	margin-bottom: 5px;
	list-style-type: none;
}

/* IE8 hack */
html>/**/body ul.li_style_pdf li{   
	padding: 8px 5px 9px 35px; 
}

ul.li_style_dot li {
	margin-bottom: 7px;
	margin-left: 5px;
	padding-left: 12px;
	background: url(../img/common/decoration/list_dot.gif) left top no-repeat;
	list-style-type: none;
	line-height: 150%;
	font-size: 85%;
}

ul.style_leaf {
	margin-bottom:0 !important;
}

ul.style_leaf li {
	font-size: 80%;
	line-height: 155%;
	margin-bottom:0;
	background: url(../img/common/decoration/list_leaficon.gif) left top no-repeat;
	padding-left:21px;
	list-style-type: none;
}

ul.li_style_non li {
	font-size: 85%;
	line-height: 155%;
	margin-bottom: 7px;
	list-style-type: none;
}

ul.li_dot_li li,
li.li_dot_li {
	margin-bottom: 7px;
	background: url(../img/common/decoration/list_dot.gif) left top no-repeat;
	padding-left: 12px;
	list-style-type: none;
	font-size: 85%;
}


/* ----------------------------------------
__anchor
---------------------------------------- */

#anchor {
	position: absolute;
	left: -500px;
	top: 0px;
	width: 300px;
}

#contetsanchor {
	position: absolute;
	left: -1000px;
	top: 0px;
	width: 700px;
}

/* ----------------------------------------
__container
---------------------------------------- */

#container {
	margin:auto;
	background-color:#FFFFFF;
}
/* ----------------------------------------
__header
---------------------------------------- */

#header {
	height:62px;
	margin-bottom:30px;
}

#headerInner {
	position:relative;
	width:960px;
	height:62px;
	margin:0 auto;
	overflow:visible;	
}

#title {
	position:relative;
	float:left;
	margin-top:10px;
	margin-bottom:5px;
	width:395px;
}

#search {
    position:relative;
	float:right;
	top:15px;
	width:290px;
	height:40px;
	background: #BEDE7C url(../img/common/bg/bg_search.gif) no-repeat;
	overflow:hidden;
}

#search td {
	vertical-align:top;
}

#query {
	margin-top:2px;
}

#header #searchInner {
	margin:7px;
}

#header #searchInner .searchTextBox {
	width:169px;
	height:20px;
	border:1px solid #CCC;
	background: #FFF;
	font-size:90%;
}

input[name="btnG"] {
	margin-left:3px;
}

/* ----------------------------------------
__globalMenu
---------------------------------------- */

#globalMenu {
	clear:both;
	margin:0 auto 10px;
	width:960px;
	height:45px;
	background:#678F31 url(../img/common/bg/bg_globalmenu.png) top left no-repeat;
}


/* ----------------------------------------
__topicPath
---------------------------------------- */

#topicPath {
	clear:both;
	width:960px;
	margin:0 auto;
	height:1em;
}

#topicPath ol {
	position:relative;
	list-style-type:none;
	font-size:85%;
}

#topicPath li {
	display:inline;
}

#topicPath li:before {
	content:" > ";
}

#topicPath li.firstChild:before {
	content:"";
}

#topicPath li a:link,
#topicPath li a:visited {
	text-decoration: none;
}

#topicPath li a:active {
	color: #F60 !important;
}
 
 
/* ----------------------------------------
__contents
---------------------------------------- */

#contents {
	clear:both;
	width:960px;
	margin:30px auto;
}
#contentsInner {
	/* margin:0 20px; */
}

/* ----------------------------------------
__main
---------------------------------------- */

#main {
	float: left;
	width: 730px;
}

div.nonColumn #main {
	width: 100%;
}

#main h1 {
	/* clear: both; */
	margin-bottom: 15px;
	padding: 8px 0 8px 20px;
	background: url(../img/common/bg/bg_h1.png) left top repeat-x;
	line-height: 155%;
	font-size: 100%;
	color: #006600;	
}

#main h2 {
	clear: both;
	margin: 0 0 15px;
	padding-left: 5px;
	border-bottom: 1px solid #66CC00;
	border-left: 7px solid #66CC00;
	line-height: 155%;
	font-size: 100%;
}

#main h3 {
	color: #000000;
	font-size: 90%;
	border-left: 5px solid #66CC00;
	line-height: 140%;
	padding-left: 5px;
	margin-bottom: 10px;
}

#main h4 {
	color: #66CC00;
	font-weight: bolder;
	font-size: 90%;
	line-height: 140%;
}

#main h5 {
	color: #66CC00;
	font-weight: bolder;
	font-size: 80%;
	line-height: 140%;
}

#main p {
	font-size: 85%;
	line-height: 160%;
	margin: 0px 0px 20px;
}

#main blockquote {
	border: 5px dashed #66CC00;
	padding: 7px;
	background-color: #FFFFCC;
	font-size: 85%;
	line-height: 155%;
}

#main caption {
	font-size: 85%;
	line-height: 155%;
}

#main table {
	margin-bottom: 20px;
}

#main ol,
#main ul {
	margin-bottom: 20px;
}

#main ol {
	margin-left:2.3em;
	font-size:90%;
}

#main ol li ol,
#main ul li ul {
	padding: 8px;
	list-style-type: lower-roman;
}

#main ul li ol {
	padding: 4px 8px;
}

#main dt{
	font-size: 85%;
	line-height: 160%;
	font-weight: bold;
}

#main dd{
	font-size: 85%;
	line-height: 160%;
}

#main div.annotate{
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 20px;
	border: 5px dashed #66CC00;
	padding: 7px;
	background-color: #FFFFCC;
	font-size: 85%;
	line-height: 155%;
}


/*-----------------------
__sidebar
-----------------------*/

#sidebar {
	float: right;
	width: 200px;
	/*padding-top:160px;*/
	/*background: url(../img_common/anime_morimori2.gif) center top no-repeat;*/
}

#sidebarIn {
	background-color: #EFFFCE;
}

#sidebarIn dt {	
	margin: 0;
	padding: 5px;
	background-color: #639300;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
	line-height: normal;
	text-align: center;
}

#sidebarIn ul {
	margin-bottom:0 !important;
}

#sidebarIn li{
	list-style: none;
	font-size: 78%;
	margin:0;
	padding:0;
	border-bottom: 1px solid #CCCCCC;
	line-height: normal;
}

#sidebarIn ul.listChild {
	margin-left:20px;
	margin-bottom:5px !important;
}

#sidebarIn ul.listChild li {
	padding: 0 !important;
}

#sidebarIn ul.listChild a {
	height: 20px;
	padding-left:12px !important; /* TEST */
	background: url(../img/common/icon/arrow.gif) left center no-repeat;
	line-height:20px;
	
}

#sidebarIn ul.listChild a:hover {
	background: #D1F199 url(../img/common/icon/arrow.gif) left center no-repeat;
}

#sidebarIn ul li ul li{
	border: none;
	padding:5px 0 0 !important;
	background-image: none;
	font-size: 100%;
	font-weight: normal;
}

#sidebarIn ul li ul li ul {
	border: none;
	margin-left: 10px!important;
}

#sidebarinIn li a {
	display: block;
	width:180px;
	height:30px;
	line-height:30px;
	
	
}

#sidebarIn li a {
	display: block;
	height:30px;
	text-decoration: none;
	color: #FF6600;
	line-height:30px;
	padding-left: 23px; /* TEST */
	background: url(../img/common/icon/link_arrow_sidebar.gif) 5px 7px no-repeat; /* TEST */
}

#sidebarIn li a:hover {
	color: #FF3300;
	background: #D1F199 url(../img/common/icon/link_arrow_sidebar.gif) 5px 7px no-repeat;
}

#sidebarIn form {
	margin:0px;
	padding:5px;
}

/*-----------------------
__sidebar_t
-----------------------*/

#sidebar_t {
	float: right;
	width: 200px;
	padding: 0px;
}

#sidebar_t ul{
	background-color: #EFFFCE;
	border-top: 1px solid #CCCCCC;
}

#sidebar_t li{
	list-style: none;
	margin:0;
	padding:0;
	font-size: 78%;
	border-bottom: 1px solid #CCCCCC;	
}

#sidebar_t li a {
	display:block;
	width:180px;
	height: 30px;
	padding:0;
	padding-left: 23px; /* TEST */
	text-decoration: none;
	color: #FF6600;
	line-height: 30px;
	background: url(../img/common/icon/link_arrow_sidebar.gif) 5px 7px no-repeat; /* TEST */
}

#sidebar_t li a:hover {
	color: #FF3300;
	background: #D1F199 url(../img/common/icon/link_arrow_sidebar.gif) 5px 7px no-repeat;
}

.pulldown{
	border:none;
	width: 100%;
}

/* ----------------------------------------
__footer
---------------------------------------- */

#footer {
	clear:both;
	background:url(../img/common/bg/bg_footer.png) top repeat-x;
	padding:20px 0 30px;
}
#footerInner {
	clear:both;
	width:960px;
	margin: 0 auto;
	font-size:75%;
}
#footerInner ul {
	float:left;
	border-left:#91B269 3px solid;
	padding-top: 2px;
	padding-left:10px;
	margin-right:100px;
	margin-bottom:30px;
	list-style-type:none;
}

#footerInner li {
	margin-bottom:2px;
}

#footerInner a {
	color: #333;
	text-decoration:none;
}
#footerInner a:hover {
	border-bottom:#333333 1px solid;
}
address {
	clear:both;
	line-height:150%;
}

/* privacymark */

#privacymark {
	float: right; 
	width: 250px; 
	margin-right: 35px;	
	font-size: 12px; 
	line-height: 130%; 
}
#privacymark img {
	margin-right: 15px;
}
#privacymark a:hover {
	border-bottom: none;
}

/* pagetop */

#pagetop {
	display: none;
	position: fixed;
	bottom: -15px;
	right: 20px;
	width:223px;
	height:170px;
	cursor: pointer;
	background: url(../img/common/footer/morimori.gif) bottom no-repeat;
	text-indent:-9999em;
	z-index:99;
}


/*-----------------------
__housing
-----------------------*/

#topics {
	border: 1px solid #CCCC00;
	padding:10px;
	background-color: #FFFFDD;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
}

.tool_ul{
	margin: 10px 0px !important;
	padding: 0px;
}
.tool_li{
	background: url(../housing/apply/img/calc.gif) left top no-repeat;
	display: inline;
	list-style-type: none;
	padding: 3px 3px 3px 23px;
	font-size: 80%;
	line-height: 120%;
}
.flow{
	background-color: #CCCCCC;
}
.flow_thR, .flowW_tdR, .flowO_tdR, .flowE_tdR {
	font-size: 80%;
	line-height: 155%;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}
.flowW_tdL, .flowO_tdL, .flowE_tdL{
	font-size: 80%;
	line-height: 155%;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}
.flow_thR {
	font-weight: bold;
	background: #F0F0F0;
}
.flow_thL {
	font-size: 80%;
	line-height: 155%;
	padding: 5px;
	font-weight: bold;
	background: #F0F0F0;
	text-align: center;
}
.flowW_tdR {
	background-color: #fff;
}
.flowW_tdL {
	background-color: #fff;
}
.flowO_tdR {
	background-color: #EDFECB;
}
.flowO_tdL {
	background-color: #EDFECB;
}
.flowE_tdR {
	background-color: #FFFFDD;
}
.flowE_tdL {
	background-color: #FFFFDD;
}

/*-----------------------
__trust
-----------------------*/

.catBlock{
	float: left;
	position:relative;
	width: 225px;
	margin:0 20px 0 0;
}

.catBlockEnd{
	float: left;
	position:relative;
	width: 225px;
	margin:0;
}

.catBlock p,
.catBlockEnd p {
	margin-bottom:0 !important;
}

.boxTC-ul {
	padding:10px;
}

.paddingTB5_txtC {
	font-size: 80%;
	line-height: 155%;
	text-align: center;
	width: 33%;
	padding-top: 5px;
	padding-bottom: 5px;
}



#main h2#h2_t{ 
	font-size: 100%;
	background-image:none;
	border-top: none;
	border-bottom: none;
	color: #ffffff;
	clear: both;
	background-color: #468B0E;
	margin: 0 0 5px 0;
	padding:0px;
}

#contentsMenu {
	float:left;
	width:200px;
}

#contentsMenu .menuBlock {
	background-color: #EAF7FB;
	width:200px;
	margin-bottom:5px;
}

#contentsMenu .menuBlock dt {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
	line-height: normal;
}

#contentsMenu .menuBlock dt a {
	text-decoration: none;
	color: #ffffff;
	display:block;
	padding: 5px;
	background: #468B0E;
	border-left:5px solid #83C433;
	line-height: 125%;
}

#contentsMenu .menuBlock dt a:hover {
	background: #FF9900;
	border-left:5px solid #FFCC00;
}

#contentsMenu .menuBlock ul{
	margin-bottom:5px;
	margin-left:20px;
	padding:8px;
}

#contentsMenu .menuBlock li{
	font-size: 85%;
	list-style-type:disc;
	line-height:140%;
}

#contentsMain {
	float:right;
	width:500px;
}

h3.point {
	color: #FF6666 !important;
	border-left-color:#FF3333 !important;
}

/* end */