/* 
Theme Name:エクステリアマルイチ
Themw URI:http://ex-maruichi.com/
Description:エクステリアマルイチ専用テーマ
Author:Garden Lab
*/



/* デフォルトスタイルのリセット
----------------------------------------------------------- */
@import url("css/reset.css");


/* -----------------------------------------------------------
 CSS Contents
 
 1.0 Base
 2.0 Page
 3.0 Header
 4.0 Footer
 5.0 汎用class
 6.0 Navigation Skip
 7.0 Contents
 8.0 Main
 9.0 Sub
----------------------------------------------------------- */


/* ----------------------------------------------------------------------------------
	1.0 Base
---------------------------------------------------------------------------------- */
body {
	background: #82543A;
	color: #333;
	text-align: center;
    font-size: 13px;
	line-height: 1.5;
    *font-size: small;
    *font: x-small;
    font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    _font-family: sans-serif;  /* for Win IE6 */
}

* + html body {
	font-family: "メイリオ","Meiryo";
}

a:link {
	color: #82543A;
}

a:visited {
	color: #64402D;
}

a:hover {
	color: #82543A;
	text-decoration: none;
}

/* 基本設定
----------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	margin-bottom: 1em;
}

code {
	color: #CC6666;
	text-transform: none;
	font-size: 1em;
}

blockquote {
	background: #FFFFFF url(img/blockquote_bg.gif) no-repeat 5px 5px;
	margin: 10px 20px 1em;
	padding: 20px 10px 0px 20px;
	border: 1px solid #CFBF5D;
}





/* ----------------------------------------------------------------------------------
	2.0 Page
---------------------------------------------------------------------------------- */
#page {
}

#page .area {
	margin: 0 auto;
	padding: 0px;
	width: 800px;
	text-align: left;
}





/* ----------------------------------------------------------------------------------
	3.0 Header
---------------------------------------------------------------------------------- */
#header {
	color: #82543A;
	background: #DCCF89 url(img/header_bg.jpg) repeat-x;
	padding: 10px 0px 0px;
	height: 120px;
}

.logo {
	float: left;
	margin: 0px;
	padding: 0px;
}

.logo a {
	background: url(img/logo.gif) no-repeat;
	display: block;
	height: 104px;
	width: 104px;
	text-indent: -9999px;
	overflow:hidden;
	/*\*//*/
	overflow:auto;
	/**/
}

.floatR {
	float: right;
	width: 690px;
}

.description {
	line-height: 1.3;
}

#header .btn {
	margin: 0px;
	padding: 0px;
	text-align: right;
}






/* ----------------------------------------------------------------------------------
	4.0 Footer
---------------------------------------------------------------------------------- */
#footer {
	color: #FAF9ED;
	background: url(img/footer_bg.jpg) repeat-x 0px 0px;
	padding-top: 15px;
}

#footer a:link {
	color: #FAF9ED;
}

#footer a:visited {
	color: #FAF9ED;
}

#footer a:hover {
	color: #FAF9ED;
	text-decoration: none;
}

.navi {
	text-align: right;
}

.copy {
	text-align: right;
	padding: 15px 0px 5px;
	font-size: 0.8em;
}


/* ----------------------------------------------------------------------------------
	5.0 汎用class
---------------------------------------------------------------------------------- */
.imgalignright {
	float: right;
	margin: 0 0 10px 10px;
}

.imgaligncenter {
	text-align: center;
	margin: 0 10px 10px 10px;
}

.imgalignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.imgmiddle {
	vertical-align: middle;
	margin: 0px 3px;
}

.imageframe {
}

.btn {
	text-align: center;
	margin: 2em 0px;
}

.boxWrap {
	margin-bottom: 15px;
}

.leftBox {
	float: left;
	width: 290px;
}

.rightBox {
	float: right;
	width: 290px;
}

.line {
	background: url(img/line.gif) repeat-x;
	height: 5px;
	margin: 10px 0px 20px;
	padding: 0px;
	border: 0px none;
	clear: both;
}




/* clearFix
----------------------------------------------------------- */
#page .area:after
#wrap:after,
#bannerArea:after,
.post:after,
.widget:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* IE4～06,Mac4～5対策 */
* html #page .area,
* html #wrap,
* html #bannerArea,
* html .post,
* html .widget {
	display: inline-block;
}

/* IE7対策 */
*:first-child+html #page .area,
*:first-child+html #wrap,
*:first-child+html #bannerArea,
*:first-child+html .post,
*:first-child+html .widget {
	display: inline-block;
}





/* ----------------------------------------------------------------------------------
	6.0 Navigation Skip
---------------------------------------------------------------------------------- */
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}







/* ----------------------------------------------------------------------------------
	7.0 Contents
---------------------------------------------------------------------------------- */
#contents {
	zoom: 100%;
	background: #FAF9ED;
	padding-top: 10px;
}

#contents .pageTop {
	clear: both;
	text-align: right;
	padding: 20px 0px 5px;
	margin: 0px;
}



/* ----------------------------------------------------------------------------------
	8.0 Main
---------------------------------------------------------------------------------- */
#main {
	float: right;
	width: 600px;
	display: inline;/* IE6対策 */
}

#main .topicpath {
	margin-bottom: 1em;
}

#main .pageTitle {
	font-size: 1.2em;
	color: #FFFFFF;
	background: url(img/h1_bg.jpg) repeat-y;
	padding: 5px 5px 5px 15px;
}

#main .styleNone {
	background: url(none);
	margin: 0px;
	padding: 0px;
	border: none;
	color: #333333;
	font-size: 1em;
}

#main h2 {
	color: #FCF8F3;
	background: url(img/h2_bg.jpg);
	padding: 5px 5px 5px 15px;
	font-size: 1.2em;
	margin-top: 15px;
}

#main h2 a:link,
#main h2 a:visited,
#main h2 a:hover {
	color: #FCF8F3;
	text-decoration: none;
}

#main h3 {
	color: #82543A;
	padding: 5px 5px 5px 15px;
	background: #FFFFFF url(img/h3_bg.jpg) no-repeat bottom;
	font-size: 1.1em;
	margin-top: 15px;
}

#main h4 {
	color: #82543A;
	background: url(img/icon01.gif) no-repeat 0px 5px;
	padding-left: 15px;
	margin-top: 15px;
}

#main h5 {
	color: #746C34;
	background: url(img/icon04.gif) no-repeat 0px 5px;
	padding-left: 15px;
	margin-top: 15px;
}

#main p.note {
	margin-right: 10px;
	margin-left: 15px;
}

#main p.sign {
	text-align: right;
	clear: both;
	margin-bottom: 2em;
}

#main .exLink {
	background: url(img/icon05.gif) no-repeat right 4px;
	margin-right: 5px;
	padding-right: 13px;
}

#main .rssLink {
	background: url(img/feed-icon.gif) no-repeat right 3px;
	margin-right: 5px;
	padding-right: 17px;
	text-align: right;
	margin-top: 10px;
}

#main address {
	text-align: center;
	padding: 20px 0px;
	clear: both;
}

#main .widget {
	margin:0px 0px 15px;
}



/* テーブル設定
----------------------------------------------------------- */
.linkTable,
.dateTable {
	clear: both;
	margin: 10px 0px 20px;
	width: 600px;
}

.linkTable td,
.dateTable td {
	padding: 0.3em 1em;
	background: #FFFFFF;
	border: 1px solid #CFBF5D;
}

.linkTable th,
.dateTable th {
	color: #82543A;
	padding: 0.3em 1em;
	background: #F1ECCD;
	border: 1px solid #CFBF5D;
	white-space: nowrap;
}

.dateTable th {
	width: 120px;
}


/* トップページ
----------------------------------------------------------- */
#flashArea {
	line-height: 0;
	font-size: 0;
	margin-bottom: 20px;
}

#event {
	clear: both;
	margin-bottom: 15px;
	padding: 0px 5px;
}

#event dl {
}

#event dt {
	font-size: 0px;
	line-height: 0px;
}

#event dd {
	text-align: right;
}

#bannerArea li {
	background: url(none);
	font-size: 0px;
	line-height: 0px;
	padding: 5px;
	float: left;
}

/*  jsRSS++　DOMソースのスタイル　*/
#rssBox {
	padding: 20px 0px 0px;
	margin: 0px;
	clear: both;
}

#rssItems {
	margin: 0px 0px 25px;
}

#rssItems dl {
	width: 580px;
	overflow: hidden;
	margin: 0px auto;
}

#rssItems dt {
	float: right;
	text-align: right;
	padding-top: 5px;
	margin: 0px 5px 0px 10px;
}

#rssItems dd {
	background: url(img/icon04.gif) no-repeat 5px 10px;
	border-bottom: 1px solid #CFBF5D;
	padding: 5px 95px 5px 20px;
	line-height: 1.3;
}

#rssItems dd a {
	font-weight: bold;
}

#rssItems dd .new {
	color: #A5333B;
}



/* 施工事例カテゴリー
----------------------------------------------------------- */
#wrap,
.worksWrap {
	margin-bottom: 15px;
}

#wrap .box h2 a:link {
	color: #82543A;
	text-decoration: underline;
}

#wrap .box h2 a:visited {
	color: #64402D;
	text-decoration: underline;
}

#wrap .box h2 a:hover {
	color: #82543A;
	text-decoration: none;
}

#wrap .box h2,
#wrap .box h3 {
	background: url(none);
	padding: 0px;
	margin: 0px;
	font-size: 1em;
}

#wrap .box,
.worksWrap .box {
	float: left;
	width: 182px;
	padding: 0px 9px 10px;
	text-align: center;
	font-weight: bold;
}

#wrap .box img,
.worksWrap .box img {
	border: 1px solid #82543A;
	height: 135px;
}

.concept {
	padding: 0px 0px 10px 0px;
}


/* イベント＆キャンペーンのカテゴリー
----------------------------------------------------------- */
.postList {
	margin: 0px 0px 25px;
}

.postList dl {
	width: 580px;
	overflow: hidden;
	margin: 0px auto;
}

.postList dt {
	float: right;
	text-align: right;
	padding-top: 5px;
	margin: 0px 5px 0px 10px;
}

.postList dd {
	background: url(img/icon04.gif) no-repeat 5px 10px;
	border-bottom: 1px solid #CFBF5D;
	padding: 5px 95px 5px 20px;
	line-height: 1.3;
}

.postList dd a {
	font-weight: bold;
}

.eventBanner {
	text-align: center;
	margin: 0px 0px 15px;
}



/* ページを分割した時のナビゲーション
----------------------------------------------------------- */
.pageNavi {
	text-align: center;
	padding: 20px 0px;
	font-weight: bold;
	clear: both;
}

.pageNavi span {
	border: 1px solid #341300;
	padding: 2px 3px;
	font-weight: normal;
	margin: 0px 3px 0px 0px;
	background: #FFFFFF;
}

.pageNavi a {
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #341300;
	padding: 2px 5px;
	margin: 0px 3px;
	background: #FFFFFF;
}

.pageNavi a:hover {
	background: #DEC6A5;
}


/* 検索結果ページ
----------------------------------------------------------- */
#searchList {
	margin: 0px 0px 25px;
}

#searchList dl {
	width: 580px;
	overflow: hidden;
	margin: 0px auto;
}

#searchList dt {
	float: right;
	text-align: right;
	padding-top: 5px;
	margin: 0px 5px 0px 10px;
}

#searchList dd {
	background: url(img/icon04.gif) no-repeat 5px 10px;
	border-bottom: 1px solid #CFBF5D;
	padding: 5px 95px 5px 20px;
	line-height: 1.3;
}

#searchList dd a {
	font-weight: bold;
}



/* サイトマップページ
----------------------------------------------------------- */
.ddsg-wrapper {
	padding: 15px 0px 15px 30px;
}

.ddsg-xml-link {
	padding-left: 25px;
}



/* 記事内容
----------------------------------------------------------- */
.post {
	margin-bottom: 3em;
}

.post ul {
	margin: 0px 0px 1em 2em;
}

.post ul li {
	background: url(img/icon04.gif) no-repeat 0px 5px;
	padding-left: 13px;
	list-style: none;
}

.post ol {
	margin: 0px 0px 1em 3.5em;
}

.post ol li {
	background: url(none);
	list-style: decimal;
	padding: 0px;
}

.post ol li ul li {
	background: url(img/icon04.gif) no-repeat 0px 5px;
	padding-left: 13px;
	list-style: none;
}

.postFooter {
	text-align: right;
	border-top: 1px dashed #CFBF5D;
	padding: 3px;
	font-size: 0.8em;
}








/* ----------------------------------------------------------------------------------
	9.0 Sub
---------------------------------------------------------------------------------- */
#sub {
	float: left;
	width: 180px;
}

#search {
	background: url(img/search_bg.gif) no-repeat;
	height: 40px;
	width: 160px;
	margin-bottom: 10px;
	padding: 40px 10px 0px;
	color: #82793B;
}

#search .textArea {
	width: 110px;
}

#search .submitBtn {
	background: #82793B;
	color: #FFFFFF;
	height: 20px;
}


/* メニュー
----------------------------------------------------------- */
#subNav {
	background: #FFFFFF;
	border: 1px solid #82793B;
	margin-bottom: 10px;
}

#subNav h3 {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}

#subNav li a {
	padding: 7px 5px 7px 18px;
	margin: 0px;
	display: block;
	border-bottom: 1px solid #CFBF5D;
	background: #FFFFFF url(img/menu.gif) no-repeat 0px 0px;
	width: 155px;
	font-weight: bold;
	text-decoration: none;
}

#subNav li.end a {
	border: none;
}

/*---------hover,on */
#subNav li a:hover,
#subNav li .active {
	background: #F1ECCD url(img/menu.gif) no-repeat -180px 0px;
}




/* 下層メニュー
----------------------------------------------------------- */
#subNav li ul.childList {
	border-bottom: 1px solid #CFBF5D;
	padding-bottom: 10px;
	background: url(img/childList_bg.jpg) repeat-y;
}

#subNav li ul.childList li a,
#subNav li ul.childList li a:hover {
	background: url(img/icon02.gif) no-repeat 10px 8px;
	padding: 2px 0px 2px 20px;
	border: none;
	margin: 0px;
	font-weight: normal;
	text-decoration: underline;
	width: 158px;
}

#subNav li ul.childList li a:hover {
	text-decoration: none;
}

/* ページ下層メニュー
----------------------------------------------------------- */
#subNav li ul.childList ul li.page_item a,
#subNav li ul.childList ul li.page_item a:hover {
	background: url(img/icon02.gif) no-repeat 20px 8px;
	padding: 2px 0px 2px 30px;
	border: none;
	margin: 0px;
	font-weight: normal;
	text-decoration: underline;
	width: 148px;
}

#subNav li ul.childList ul li.page_item a:hover {
	text-decoration: none;
}



/* ニュースの最新記事
----------------------------------------------------------- */
#eventNews {
	border: 1px solid #CFBF5D;
	background: #FFFFFF;
	color: #82793B;
	margin-bottom:15px;
}

#eventNews h3 {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}

#eventNews ul {
	margin: 0px;
	padding: 10px 7px 0px;
}

#eventNews li {
	background: url(img/icon03.gif) no-repeat 0px 0.3em;
	padding-left: 13px;
	margin-bottom: 1em;
	line-height: 1.3;
	display: block;
}

#eventNews li a {
	font-weight: bold;
	color: #82793B;
}

#eventNews .more {
	text-align: right;
	padding: 0px 10px;
}



/* ウィジェット
----------------------------------------------------------- */
#sub .widget {
	margin:0px 0px 15px;
}

#sub .widget h3 {
	color: #82543A;
	padding: 3px 5px;
	background: #FFFFFF url(img/h3_bg.jpg) no-repeat bottom;
	font-size: 1.1em;
	margin-bottom: 10px;
}

#sub .widget ul {
	padding: 0px 10px;
}

#sub .widget li {
	background: url(img/icon02.gif) no-repeat 0px 0.3em;
	padding-left: 13px;
	line-height: 1.2;
	margin-bottom: 5px;
}



/* リンク
----------------------------------------------------------- */
#subLink ul {
	padding: 15px 10px;
}

#subLink li {
	background: url(img/icon02.gif) no-repeat 0px 0.3em;
	padding-left: 13px;
	line-height: 1.2;
	margin-bottom: 5px;
}