@charset "utf-8";

/*
	Theme Name: フォレストワーク家づくりの会 テーマ - 2008.11
	Theme URI: http://www.fwie.net/
	Description: フォレストワーク家づくりの会 ウェブサイトのテーマ
	Version: 1.0
	Author: Digital Jack Corporation [ Tomohiro OSHIRO + Nami FURUSAWA ]
	Author URI: http://www.digital-jack.net/
*/





/* ============1) Global================= */


*{
	margin:0;
	padding:0;
	font-size:100%;
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	font: normal 80%/100% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	background: url(images/bg.gif) repeat-x;
	min-width: 760px;
}

form, input {
	margin: 0;
	padding: 0;
}

a { text-decoration: underline; }
a img { border: 0; }

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}


#Container {
	margin: 0 auto;
	width: 760px;
	text-align: left;
}





/* ==============2) Header================== */


#Header {
	height: 100px;
	background: url(images/header/header-bg.jpg) no-repeat;
}

h1 {
	margin: 0 0 0 50px;
	float: left;
}

* html h1 {
	margin: 0 0 0 10px;
	float: left;
}

h1 img {
	margin: 0;
}

#HeaderAdress {
	margin: 33px 0 0 20px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.5;
	float: left;
}

#HeaderRight {
	text-align: right;
	float: right;
}

#FontSize {
	margin: 12px 12px 0 0;
}

#FontSize img {
	margin: 0 0 0 6px;
}

#HeaderToiawase {
	margin: 6px 12px 5px 0;
}

#HeaderMenu {
	margin: 0 12px 0 0;
	font-size: 10px;
	font-weight: bold;
}

#HeaderMenu ul {
	margin: 0;
	padding: 13px 0 0 0;
	list-style: none;
}

#HeaderMenu li {
	margin: 0 0 0 8px;
	padding: 0 0 0 8px;
	background: url(images/header/list-bg.gif) no-repeat center left;
	float: left;
}

#HeaderMenu a {
	color: #000;
	text-decoration: none;
}

#HeaderMenu a:hover {
	color: #666;
	text-decoration: underline;
}





/* ==============3) Menu================== */

.Menu {
	padding: 7px 0 7px 100px;
	font-size: 12px;
	font-weight: bold;
	border: 2px solid #5a946a;
	background: #326f41;
}

.Menu a {
	margin: 0 10px;
	color: #fff;
	text-decoration: none;
}

.Menu a:hover {
	color: #ccc;
	text-decoration: underline;
}

h2, h5 {
	float: left;
}





/* ==============3) SubMenu================== */


.SubMenu {
	_height: 55px;
	border: 3px solid #47972b;
	background: url(images/index/submenu-bg.gif) repeat-x;
}

.SubMenu img {
	margin: 10px 0 10px 10px;
	float: left;
}



/* ==============3) Contents================== */


#MainVisual {
	height: 438px;
	text-indent: -99999px;
	background: url(images/index/mainvisual.jpg) no-repeat;
}

#Contents {
	padding: 30px 0 15px 28px;
	background: #fff;
}

#TopComment {
	margin: 0 0 100px 0;
}

#TopComment p {
	margin: 0 0 10px 0;
	line-height: 1.5;
}

#RightMenu {
	margin: 0 0 0 20px;
	width: 200px;
	text-align: center;
	float: left;
}

#RightMenu img {
	margin: 0 0 10px 0;
}

#MainContents {
	width: 485px;
	float: left;
}

h3 {
	margin: 0 0 15px 0;
	padding: 5px 10px;
	color: #fff;
	border: 1px solid #1d953c;
	background: url(images/index/header-bg.gif) repeat-x;
}

h4 {
	margin: 20px 0 15px 0;
	padding: 5px 10px;
	color: #fff;
	border: 1px solid #1d5295;
	background: url(images/index/news-header-bg.gif) repeat-x;
}

#News {
	text-align: left;
}

.NewsDate {
	margin: 0 0 5px 0;
	font-weight: bold;
}

.NewsTitle {
	margin: 0 0 5px 0;
	font-weight: bold;
}

.NewsTitle a, .NewsMore a {
	color: #000;
	text-decoration: none;
}

.NewsTitle a:hover, .NewsMore a:hover {
	color: #666;
	text-decoration: underline;
}

.NewsExcerpt {
	margin: 0 0 5px 0;
	line-height: 1.5;
}

.NewsMore {
	margin: 0 0 20px 0;
	padding: 0 0 0 8px;
	font-size: 10px;
	font-weight: bold;
	background: url(images/index/news-more-icon.gif) no-repeat center left;
}

#SubContents {
	width: 700px;
}

#SubContents p {
	line-height: 1.5;
}






/* ==============4) Kaiin================== */

#TenpoMAP {
	margin: 0 10px 0 0;
	width: 485px;
	height: 390px;
	border: 1px solid #c8c8c8;
	float: left;
}

#MAPSideMenu {
	padding: 10px;
	width: 180px;
	height: 370px;
	overflow: auto;
	border: 1px solid #9e9e9e;
	float: left;
}

.MAPSideMenuTitle {
	margin: 0 0 10px 0;
	padding: 0 0 0 7px;
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	background: #f6f1da;
}

#MAPSideMenu li {
	margin: 0 0 10px 10px;
	font-size: 14px;
	line-height: 1.5;
	list-style: none;
}

#Tenpo {
	margin: 0 0 100px 10px;
}

#Tenpo p {
	margin: 0 0 10px 0;
	line-height: 1.5;
}

#Tenpo a {
	color: #333;
	text-decoration: none;
}

#Tenpo a:hover {
	color: #333;
	text-decoration: underline;
}

.TenpoKen {
	margin: 20px 0;
	padding: 0 0 0 5px;
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	border-left: 5px solid #666;
}

.TenpoNaiyou dt {
	margin: 0 20px 5px 10px;
	_margin: 0 20px 5px 5px;
	padding: 0 0 0 10px;
	width: 250px;
	line-height: 1.5;
	float: left;
}

.TenpoNaiyou dd {
	margin: 0 0 5px 0;
	width: 325px;
	float: left;
}

.TenpoName {
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	background: #eee;
}

.TenpoName img {
	margin: -22px 5px 0 0;
	float: right;
}

.TenpoKaisha {
	font-weight: bold;
	line-height: 2.5;
}

.TenpoTel {
	margin: 0 0 10px 0;
	line-height: 2.5;
}

.TenpoTel img {
	margin: 0 10px 0 0;
	float: left;
}

.TenpoTelNo {
	margin: -2px 0 0 0;
	float: left;
}

.TenpoHP {
	margin: 0 0 15px 0;
	line-height: 2.5;
}

.TenpoHP img {
	margin: 0 10px 0 0;
	float: left;
}

.TenpoHPURL {
	margin: 5px 0 0 0;
	float: left;
}

.TenpoMail {
	margin: 0 0 15px 0;
	padding: 5px 0 20px 0;
	line-height: 2.5;
}

.TenpoMail img {
	margin: 0 10px 0 0;
	float: left;
}

.TenpoMailAdd {
	margin: -8px 0 0 0;
	float: left;
}





/* ==============4) Hiketsu================== */


.Hiketsu {
	padding: 0 0 30px 0;
	margin: 0 0 50px 0;
	border-bottom: 1px dashed #333;
}

.Hiketsu p {
	margin: 0 0 10px 0;
	line-height: 1.5;
}

.Hiketsu a {
	color:#333;
	text-decoration: none;
}

.Hiketsu a:hover {
	color:#333;
	text-decoration: underline;
}

.HiketsuCategory {
	margin: 0 20px 40px 0;
	width: 340px;
	float: left;
}

.HiketsuImg {
	margin: 20px 0 0 0;
	padding: 3px;
	width: 90px;
	border: 1px solid #999;
	float: left;
}

.HiketsuComment {
	margin: 20px 0 0 10px;
	width: 230px;
	height: 100px;
	line-height: 1.5;
	float: left;
}



/* ==============4) Iiie================== */


.Iiie {
	padding: 0 0 30px 0;
	margin: 0 0 50px 0;
}

.Iiie p {
	margin: 0 0 10px 0;
	line-height: 1.5;
}

.IiieImg img {
	margin: 20px 0 0 0;
	border: 3px solid #3d8f69;
	float: left;
}

.IiieComment {
	margin: 20px 0 10px 15px;
	padding: 15px;
	width: 455px;
	_width: 480px;
	background: #edf8ef;
	float: left;
}


/* ==============4) Event================== */


#EventLeftMenu {
	margin: 0 20px 0 10px;
	width: 200px;
	float: left;
}

#EventMainContents {
	width: 485px;
	float: left;
}

.EventCategory {
	padding: 0 0 10px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px dashed #666;
}

.EventCategoryTitle {
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	line-height: 1.5;
	font-weight: bold;
	border-left: 5px solid #87ba3b;
}

.EventName {
	margin: 0 0 10px 10px;
}

.EventName a {
	color: #333;
	text-decoration: none;
}

.EventName a:hover {
	color: #333;
	text-decoration: underline;
}

#Event {
	margin: 0 0 100px 0;
}

#Event p {
	margin: 0 20px 10px 30px;
}

.EventTitleBg {
	margin: 0 15px 0 0;
	_margin: 0 25px 0 0;
	padding: 10px 0 0 0;
	_padding: 5px 0 0 0;
	height: 40px;
	background: url(images/event/event-icon.gif) no-repeat left;
}

.EventTitle {
	margin: 0 0 0 40px;
	padding: 5px 0 0 0;
	height: 25px;
	_height: 30px;
	line-height: 1.5;
	font-size: 14px;
	font-weight: bold;
	background: #a0caa6;
}

.EventEntry {
	margin: 0 0 20px 0;
}

.EventEntry p {
	margin: 0 0 10px 0;
	line-height: 1.5;
}

.EventDate {
	margin: -15px 0 0 0;
	_margin: -20px 0 0 0;
	padding: 0 10px 0 0;
	_padding: 0 10px 0 0;
	font-size: 10px;
	float: right;
}


/* ==============3) Shiryou================== */


#Shiryou {
	margin: 0 0 100px 0;
}

#Shiryou p {
	line-height: 1.5;
}

.Mailform {
	margin: 20px 0 0 0;
}

dl.Mailform {
	padding: 0;
	border: 1px solid #eee;
	border-top: none;
	background-color: #f5f5f5;
line-height: 2;
}

dl.Mailform dt {
	margin: 0;
	padding: 1em 0 0.1em 1em;
	border-top: 1px solid #eee;
	width: 15em;
	float: left;
}
	
dl.Mailform dd {
	margin: 0 0 0 15em;
	padding: 1em;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	background-color: #fff;
}



.style2 {
	font-size: 10px;
}

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

.MailformBtn {
	margin: 20px 0 100px 120px;
	_margin: 20px 0 100px 70px;
	float: left;
}

.MailformBtn img {
	margin: 0 20px 0 0;
	width: 90px;
}


/* ==============4) Link================== */


#Link {
	margin: 0 0 100px 0;
}

#Link a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

#Link a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

#Link p {
	padding: 5px 5px 0 10px;
	line-height: 1.5;
}

.LinkBg01 {
	padding: 8px 5px;
	background: #e3f4e6;
}

.LinkBg02 {
	padding: 8px 5px;
}

.LinkTitle01 {
	padding: 0 0 0 5px;
	line-height: 1.5;
	border-left: 5px solid #84bea0;
}

.LinkTitle02 {
	padding: 0 0 0 5px;
	line-height: 1.5;
	border-left: 5px solid #50a277;
}


/* ==============4) Privacy================== */


#Privacy {
	margin: 0 0 100px 0;
}

#Privacy p {
	margin: 0 0 10px 0;
	padding: 0 10px;
	line-height: 1.5;
}

.PrivacyTitle {
	margin: 20px 0;
	padding: 0 0 0 5px;
	font-weight: bold;
	line-height: 1.5;
	border-left: 5px solid #50a277;
}


/* ==============4) Sitemap================== */


.Sitemap {
	margin: 10px 0 200px 0;
	width: 350px;
	float: left;
}

.Sitemap p {
	margin: 0 0 10px 0;
	padding: 0 10px;
	line-height: 1.5;
}

.Sitemap a {
	color: #333;
	text-decoration: none;
}

.Sitemap a:hover {
	color: #333;
	text-decoration: underline;
}

.Sitemap ul {
	margin: 0 0 20px 0;
}

.Sitemap li {
	margin: 0 0 0 30px;
	line-height: 2;
	list-style-image: url(images/header/list-bg.gif);
}

.SitemapLinkTop {
	margin: 0 0 20px 0;
	padding: 0 0 0 5px;
	line-height: 1.5;
	font-weight: bold;
	border-left: 5px solid #50a277;
}	


/* ==============4) Footer================== */

#Footer {
	padding: 25px 0;
	background: #fff;	
}

h6 {
	margin: 0 0 0 30px;
	font-size: 10px;
}