@charset "UTF-8";

html,
body,
ul ,
ol ,
li ,
dl ,
dt ,
dd ,
p ,
img ,
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
hr ,
address ,
em ,
strong ,
abbr ,
dfn ,
object ,
form,
table,
tr,
td,
th,
iframe
{
	margin : 0 ;
	padding : 0 ;
	font-style : normal ;
	font-weight : normal ;
	font-size : 100% ;
	list-style-type : none ;
	background-color : transparent ;
}


html,
body
{
	height : 100% ;
	width : 100% ;
}

/* body */
body
{
	margin : 0 ;
	padding : 0 ;
	color : rgb(88,88,88) ;
	font-size : 16px ;
	font-family : "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif ;
	text-align : center ;
	-webkit-text-size-adjust : none;
	line-height : 1.5 ;
/*	background-color : rgb(245,245,240) ;*/
	background-color : rgb(240,240,235) ;
}

/* 約物 */
hr
{
	display : none ;
}

hr.line
{
	display : block ;
	margin-top : -1px ;
	height : 1px ;
	overflow : hidden ;
	visibility : hidden ;
	clear : both ;
}

a img
{
	border-style : none ;
}

em,
.notice
{
	font-size : 85% ;
}

.fll
{
	float : left ;
	margin-right : 1.5em ;
	margin-bottom : 1em ;
}

.flr
{
	float : right ;
	margin-left : 1.5em ;
	margin-bottom : 1em ;
}

.fll img,
.flr img
{
	vertical-align : top ;
}

dfn,
strong
{
	font-weight : bold ;
}

.silent
{
	display : none ;
}

.tw6
{
	width : 5em ;
}
.alr
{
	text-align : right !important;
}

address
{
	text-align : right ;
}

.phonecall
{
	font-size : 120% ;
	font-weight : bold ;
}

p.push
{
	text-align : center !important;
	border : 1px solid red ;
	background-color : rgb(240,240,240) ;
	padding : 4px ;
}

.triangle
{
	font-size : 85% ;
}

/* アンカーの疑似クラス（共通） */

a:link,
a:visited {
	color : rgb(0,66,120) ;
	text-decoration : none ;
}

a:hover {
	color : rgb(0,0,0) ;
	text-decoration : underline ;
}

a:active {
	color : rgb(255,0,0) ;
	text-decoration : underline ;
}

a.googlemap img
{
	color : rgb(255,255,255) ;
	background-color : rgb(160,160,160) ;
	border-radius : 4px ;
	vertical-align : top ;
}

a.googlemap:hover img
{
	background-color : rgb(174,30,38) ;
}

a.onlineshop img
{
	color : rgb(255,255,255) ;
	background-color : rgb(255,116,126) ;
	border-radius : 4px ;
	vertical-align : top ;
}

a.onlineshop:hover img
{
	background-color : rgb(174,30,38) ;
}

/* 100%ブロック */
/* chapter */
div.chapter
{
	height : 100% ;
	padding : 0 24px 0 24px ;
	text-align : left ;
	width :976px ;
	margin-left : auto ;
	margin-right : auto ;
/*	background-image : url() ;
	background-repeat : no-repeat ;
	background-position : bottom center ;*/
}

body > div.chapter
{
	height : auto ;
	min-height : 100% ;
}

*:first-child+html div.chapter
{
	margin-bottom : -20px ;
}

/* ヘッダーナビゲーション */
div.chapter div.header-navigation
{
	font-size : 16px ;
	width : 232px ;
	height : auto ;
	padding : 0 ;
	margin-left : 0 ;
	margin-right : 24px ;
	margin-bottom : 24px ;
	position : absolute ;
/*	position : relative ;
	float : left ;*/
	z-index : 10 ;
}

div.chapter div.header-navigation ul.gn000
{
	padding : 64px 0 18px 0 ;
	border-bottom : 1px solid rgb(100,100,100) ;
	margin-bottom : 24px ;
	background-image : url(/Images/head_title.png) ;
	background-repeat : no-repeat ;
	background-position : 0 14px ;
}

div.chapter div.header-navigation ul.gn000 li
{
	width : 180px ;
	height : 95px ;
}

div.chapter div.header-navigation ul li.nv001
{
	display : none ;
}

div.chapter div.header-navigation ul.gn001 li,
div.chapter div.header-navigation ul.gn002 li,
div.chapter div.header-navigation ul.gn003 li,
div.chapter div.header-navigation ul.gn004 li
{
	width : 208px ;
	padding : 0 0 0 24px ;
	text-align : left ;
	text-decoration : none ;
	margin-bottom : 24px ;
	background-image : url(/Images/line_18_88.png) ;
	background-repeat : no-repeat ;
	background-position : center left ;
}

body.album div.chapter div.header-navigation ul.gn002 li.nv002,
body.concept div.chapter div.header-navigation ul.gn003 li.nv003,
body.garden div.chapter div.header-navigation ul.gn003 li.nv004,
body.work div.chapter div.header-navigation ul.gn003 li.nv005,
body.company div.chapter div.header-navigation ul.gn004 li.nv006
{
	font-weight : bold ;
	background-image : url(/Images/line_18_219.png) ;
}

div.chapter div.header-navigation ul.gn004 li.nv007
{
	width : 232px ;
	height : 50px ;
	padding : 88px 0 0 0 ;
	background-image : url(/Images/head_call.png) ;
	background-repeat : no-repeat ;
	background-position : top left ;
}

div.chapter div.header-navigation ul.gn004 li.nv007 a
{
	display : block ;
	width : 232px ;
	height : 0 ;
	padding-top : 50px ;
	background-color : rgb(160,160,150) ;
	background-image : url(/Images/head_ask.png) ;
	background-repeat : no-repeat ;
	background-position : top left ;
	overflow : hidden ;
}

div.chapter div.header-navigation ul li a
{
	color : rgb(88,88,88) ;
	text-decoration : none ;
}


div.chapter div.header-navigation ul li a:visited
{
	color : rgb(88,88,88) ;
	text-decoration : none ;
}

div.chapter div.header-navigation ul li a:hover,
div.chapter div.header-navigation ul li a:active
{
	color : rgb(219,99,41) ;
	text-decoration : none ;
}

div.chapter div.header-navigation ul.gn004 li.nv007 a:hover
{
	background-color : rgb(100,100,95) ;
}


/* 本文 */
/* article */
div.chapter div.article
{
	width : 720px ;
	padding-top : 24px ;
	padding-bottom : 0 ;
	margin-left : 256px ;
/*	background-color : white ;*/
}

body div.chapter div.article
{
}

/* section#H1 */
body div.chapter div.article div.section#H1
{
	width : 720px ;
	min-height : 652px ;
	padding-top : 0 ;
}

div.chapter div.article div.section#H201
{
	margin-top : 0 ;
	padding : 0 0 0 12px ;
}

body.album div.chapter div.article div.section#H201
{
/*	padding : 0 ;*/
}


/* 見出し h1 */
body div.chapter div.article div.section h1
{
	font-size : 14px ;
	text-align : right ;
}

body.home div.chapter div.article div.section h1
{
	display : none ;
}

/* 見出し h2 */
h2
{
	color : rgb(91,51,25) ;
	font-size : 24px ;
	margin-top : 36px ;
	margin-bottom : 34px ;
}

h2 span
{
	vertical-align : middle ;
}

h2 img
{
	vertical-align : top ;
}

/* section */
body div.chapter div.article div.section div.passage
{
	margin-bottom : 24px ;
}

body div.chapter div.article div.section p
{
	text-align : justify ;
	text-justify : inter-ideograph ;
/*	margin-top : 1em ;*/
	margin-bottom : 1em ;
}

div.map
{
	margin-top : 1em ;
	margin-bottom : 1em ;
}

/* 見出し h3 */
h3
{
	padding-left : 6px ;
	font-size : 18px ;
	margin-top : 36px ;
	margin-bottom : 18px ;
	border-left : 8px solid rgb(160,160,150) ;
}

h3 span.tag
{
	padding : 2px 6px 2px 6px ;
	font-size : 12px ;
	font-family : sans-serif ;
	color : rgb(250,250,250) ;
	background-color : rgb(150,150,140) ;
}

/* フェードインスライドショー */
.fadein
{
	position : relative ;
	width : 708px ;
	height : 295px ;
	margin-bottom : 15px ;
}

.fadein img
{
	position : absolute ;
	left : 0 ;
	top : 0 ;
	width : 708px ;
	height : 295px ;
}

body.garden div.fadein
{
	position : relative ;
	width : 672px ;
	height : 672px ;
	margin-bottom : 0 ;
}

body.garden div.fadein img
{
	position : absolute ;
	left : 0 ;
	top : 0 ;
	width : 672px ;
	height : 672px ;
}

/* ホーム */
body.home div.chapter div.article div.section#H201
{
}

/* 目次 */
div.direct ul li
{
	width : 171px ;
	height : 382px ;
	margin-right : 8px ;
	margin-bottom : 24px ;
	color : rgb(245,245,240) ;
	background-color : rgb(100,100,90) ;
	float : left ;
	overflow : hidden ;
}

div.direct ul li a
{
	display : block ;
	font-size : 12px ;
	font-family : sans-serif ;
	color : rgb(245,245,240) ;
	text-align : center ;
}

div.direct ul li a:hover
{
	background-color : rgb(66,66,56) ;
}

div.direct ul li a span.caption
{
	height : 28px ;
	display : block ;
	line-height : 28px ;
}

div.direct ul li img
{
	display : block ;
	width : 171px ;
	height : 354px ;
	background-color : rgb(250,250,245) ;
}

div.direct ul li.dn001
{
}

div.direct ul li.dn002
{
}

div.direct ul li.dn004
{
	margin-right : 0 ;
}

/* facebook */

div.flag
{
	font-size : 13px ;
	margin-top : 0 ;
	color : white ;
	font-weight : bold ;
	background-color : rgb(130,130,120) ;
	border-radius : 0 ;
	padding : 4px 12px 4px 12px ;
}

div.flag a
{
	color : white ;
}

/* テーブル */
/* テーブル　メールフォーム */
table
{
	width : 100%
}

table tr td
{
	vertical-align : middle ;
	padding : 0.5em ;
	border-style : none ;
}

table tr.odd,
table tr.odd td
{
	background-color : rgb(250,250,250) ;
}

table tr:nth-child(odd)
{
	background-color : rgb(250,250,250) ;
}

table tr.even,
table tr.even td
{
	background-color : rgb(245,245,245) ;
}

table tr:nth-child(even)
{
	background-color : rgb(245,245,245) ;
}

table.mailform
{
}

table.mailform tr.odd,
table.mailform tr.odd td,
table.mailform tr.even,
table.mailform tr.even td
{
	background-color : transparent ;
}

table.mailform tr:nth-child(odd),
table.mailform tr:nth-child(even)
{
	background-color : transparent ;
}

table.mailform tr th
{
	text-align : left ;
	padding : 0.5em 0.5em 0.5em 0 ;
}

table.mailform tr td
{
	padding : 0.5em ;
}

table.mailform tr td.must
{
	color : red ;
	font-size : 85% ;
	padding : 0.5em 0.1em 0.5em 0.1em ;
}

/* ページス */
div.pages
{
	font-size : 12px ;
	margin-bottom : 0 ;
}

div.pages ul
{
	text-align : center ;
}

div.pages ul li
{
	display : inline ;
	padding-left : 8px ;
	padding-right : 8px ;
/*	border-right : 1px solid silver ;*/
}

div.pages ul li img
{
/*	display : none ;
	vertical-align : -2px ;*/
}

div.pages ul li:first-child
{
/*	border-left : 1px solid silver ;*/
}

div.pages ul li.fblike
{
	padding-top : 8px ;
	border-style : none ;
	position : relative ;
	top : 6px ;
}

/* 施工事例 アルバム */

h2 span.albumnavi
{
	font-size : 14px ;
	font-weight : normal ;
}

div.albumtop
{
	font-family : sans-serif ;
	font-size : 12px ;
}

ul.albumimage
{
	clear : both ;
	width : 708px ;
	height : 75px ;
	margin : 0 0 6px 0 ;
}

ul.albumimage li
{
	width : 113px ;
	float : left ;
	margin : 0 6px 0 0 ;
}

ul.albumimage li.last
{
	margin-right : 0 ;
}

ul.albumimage li img
{
	vertical-align : bottom ;
	width : 113px ;
	height : 75px ;
}


/* 余白 */
div.temp
{
	clear : both ;
	height : 220px ;
	z-index : -1 ;
	background-color : transparent ;
/*	background-color : white ;*/
}

/* フッタ */

div.footer
{
	font-size : 14px ;
	margin-top : -220px ;
	height : 220px ;
	clear : both ;
	background-color : rgb(140,140,130) ;
}

/* ナビゲーション */
div.footer div.footer-navigation
{
	width : 976px ;
	height : 146px ;
	padding : 24px 24px 10px 24px ;
	margin-left : auto ;
	margin-right : auto ;
	overflow : hidden ;
}

div.footer ul
{
	width : auto ;
	height : 24px ;
	text-align : left ;
	margin-right : 24px ;
	float : left ;
}

div.footer ul li
{
	padding-left : 16px ;
	padding-right : 12px ;
	margin-bottom : 12px ;
	background-image : url(/Images/list_leaf.png) ;
	background-repeat : no-repeat ;
	background-position : center left ;
}

div.footer ul li:first-child
{
/*	border-left : 1px solid rgb(171,121,86) ;*/
}

div.footer ul li a:link {
	color : rgb(245,245,240) ;
	text-decoration : none ;
	padding : 2px 4px 2px 4px ;
}

div.footer ul li a:visited {
	color : rgb(245,245,240) ;
	text-decoration : none ;
}

div.footer ul li a:hover {
	color : rgb(252,252,248) ;
	text-decoration : underline ;
}

div.footer ul li a:active {
	color : rgb(252,252,248) ;
	text-decoration : underline ;
}

/* アドレス */
div.footer address
{
	color : rgb(245,245,240) ;
/*	width : 976px ;
	padding-right : 24px ;
	padding-left : 24px ;*/
	margin-right : auto ;
	margin-left : auto ;
	text-align : center ;
	line-height : 40px ;
	height : 40px ;
	overflow : hidden ;
	background-color : rgb(110,110,100) ;
}

div.footer address a
{
	color : rgb(250,250,245) ;
}