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

 Site URL:       www.2x4assoc.or.jp
 File name:      2x4assoc.css
 Created:        2008-08-18
 Last update:    2008-08-18 by Takashi Iwasaka
 Author:         Takashi Iwasaka
 Style Info:     協会について（協会情報） CSS設定
 List:           1. 協会についてTOP page
                 2. primary Setting
				 	1. news
					2. voices
					3. approach
				 3. secondary Setting
				 4. container Setting（下層ページ設定）
----------------------------------------------------------- */


/*_________________________________________

	1. 協会についてTOP page
  ________________________________________*/




/* ------------- main Area ------------- */


#mainVisual {
	clear:both;
	width:570px;
	margin:0px 0 20px;
	line-height:0;
	font-size:0;
	}




/* ------------- news ------------- */



#newsArea
{
	width: 570px;
}

#newsListArea
{
	width: 700px;
}

/* 過去のニュース一覧ボタン */
#newsArea p
{
	margin: 0;
	padding: 0;
}

#newsArea p.btnNavi
{
	margin: -25px 0 0 435px;
}

*:first-child+html #newsArea p.btnNavi
{/* For Only IE7 */
	margin: -25px 0 0 435px;
}

*html #newsArea p.btnNavi
{/* For Only IE6 */
	margin: -25px 0 0 435px;
}


#newsArea p.btnNavi a
{
	display: block;
	width:130px;
	height: 25px;
	background: url(../2x4association/images/top_img/t_ber_news_btn.gif) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	text-align: left;
	xvertical-align:top;
	overflow: hidden;
	position: relative;
}


#newsArea p.btnNavi a:hover{ background-position: 0px -25px; } 


/* ニュース記事リスト */
#main #newsArea dl,
#main #newsListArea dl {
	background: url(../2x4association/images/page_img/dotline.gif) repeat-x left bottom;
	margin-bottom: 4px;
	padding-bottom: 5px;
	}

*:first-child+html #main #newsArea dl,
*:first-child+html #main #newsListArea dl {/* For Only IE7 */
	margin-bottom: 5px;
	padding-bottom: 6px;
	}

*html #main #newsArea dl,
*html #main #newsListArea dl, {/* For Only IE6 */
	margin-bottom: 5px;
	padding-bottom: 6px
	}

#main #newsArea dl dt,
#main #newsListArea dl dt, {
	font-size: 88%;
	padding-left: 0.5em;
	width: 11em;
	}

*:first-child+html #main #newsArea dl dt,
#main #newsListArea dl dt {/* For Only IE7 */
	width: 12em;
	}

#main #newsArea dl dd,
#main #newsListArea dl dd {
	text-indent: -1em;
	margin-top: -1.6em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8em;
	}

*:first-child+html #main #newsArea dl dd,
*:first-child+html #main #newsListArea dl dd {/* For Only IE7 */
	margin: -1.7em 0 0 6.5em;
	text-indent: -1em;
	}

*html #main #newsArea dl dd,
*html #main #newsListArea dl dd, {/* For Only IE6 */
	margin: -1.5em 0 0 6.5em;
	text-indent: -1em;
	}

#main #newsArea dl dd img,
#main #newsListArea dl dd img {
	vertical-align: middle;
	margin-right: 5px;
	}




/* コンテンツボックス */

div.box570_db {
	width:570px;
	background-image: url(../2x4association/images/top_img/bg_box_db.gif);
	background-position: left bottom;
}


div.box570_s {
	width:570px;
	background-image: url(../2x4association/images/top_img/bg_box_s.gif);
	background-position: left bottom;
}


div.box {
	padding:5px;

}

div.box p{
	font-size:12px;
	padding:0 0 5px  0;
	margin:0;
}

/* layout block */

.left {
	float:left;
}

.right {
	float:right;
}

.w280px {
	width:280px;
}

.w570px {
	width:570px;
	xmargin-left:10px;
	xmargin-bottom: 0px;
	padding: 0px;
}


/* -------------------------------------------------------------
 協会の概要、主な事業と取り組み、情報公開、協会窓口のご案内 
 --------------------------------------------------------------- */

#aboutArea p,
#approachArea p,
#disclosureArea p,
#infoArea p
{
	margin: 0;
	padding: 0;
}

#aboutArea p.btnNavi,
#approachArea p.btnNavi,
#disclosureArea p.btnNavi,
#infoArea p.btnNavi
{
	margin: -25px 0 0 200px;
}

p.btnNavi a
{
	display: block;
	width:73px;
	height: 25px;
	background: url(../2x4association/images/top_img/t_ber_list_btn.gif) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	text-align: left;
	xvertical-align:top;
	overflow: hidden;
	position: relative;
}


p.btnNavi a:hover{ background-position: 0px -25px; }



div.box a.assoc_arrow {
	background: url(../2x4association/images/arrow/arrow_gray_m.gif) no-repeat left center;
	padding-left: 10px;
	padding-top: 2px;
	font-size:12px;
	line-height:1.5;
}

div.box li.assoc_arrow2 {
	background: url(../2x4association/images/arrow/arrow_gray_m.gif) no-repeat 0 0.6em;
	padding-left: 10px;
	padding-top: 2px;
	font-size:12px;
	line-height:1.5;
}

div.box a.assoc_arrow_s {
	background: url(../2x4association/images/arrow/arrow_gray_s.gif) no-repeat left center;
	padding-left: 10px;
	padding-top: 2px;
	font-size:12px;
	line-height:1.5;
}


a.assoc_arrow01 {
	background: url(../2x4association/images/arrow/arrow_bright-yellow01.gif) no-repeat left center;
	padding-left: 15px;
}



/* -- tit--midashi（情報公開用見出しタイトル）-- */
.tit-midashi
{
	margin-bottom: 10px;
	border-top:  1px solid #C8C796;
	border-bottom: 2px solid #C8C796;
	padding: 3px 5px 3px 0;
	font-size: 110%;
	text-indent: 10px;
	font-weight: bold;
}

/* -- tab_guidemap（案内図用タブメニュー）-- */
#tab_guidemap {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 1em;
	border-bottom: 1px solid #C8C796;
	height: 1.5em;
	overflow: hidden;
}
#tab_guidemap li {
	float: left;
	width: 60px;
	height: 1.5em;
	padding-left:20px;
}

*html #tab_guidemap li {
	float: left;
	width: 60px;
	height: 1.5em;
	padding-left:5px;
}

#tab_guidemap li a {
	display: block;
	width: 75px;
	height: 1.5em;
	border: 1px solid #EEEEEE;
	border-bottom: 0;
	color: #777;
	text-align: center;
}
#tab_guidemap li a:hover,
#tab_guidemap li.present a {
	border-color: #C8C796;
	color: #000;
}


#guidemap1, #guidemap2 {
	xmargin-bottom: 12em;
	padding-top: 1em;
}