@charset "utf-8";

/* ***********************************
	Site Name: hanamichi-ya
	Description:property for contents
	Version:1.0
	Author:okuzaki
************************************ */

/* ****************************************************
	*TOC*
	1. wrap
	2. header
	3. news
	4. about
		4-1. access
	5. lines
	6. fashion
		6-1. fashion01
		6-2. fashion02
	7. item
		7-1. item01
		7-2. item02
	8. link to blog (toblog)
	9. footer
	10. flasharea
	
***************************************************** */

/* ****************************************************

	1. wrap

***************************************************** */

div#wrap
{
/*	position:absolute;*/
/*	left:50%;*/
	width:1160px;
	width:100%;
	margin:0 0 0 -580px;
	margin:0;
	background:url(../img/bg_wrap.jpg) 50% 0 no-repeat;
}

div#wrapnews
{
	width:100%;
	background:url(../img/bg_wrapnews.jpg) 50% 0 no-repeat;
}

div#wraplines
{
	width:100%;
	background:url(../img/bg_wraplines.jpg) 50% 45px no-repeat;
}

div#wrapbonsai
{
	width:100%;
	background:url(../img/bg_wrapbonsai.jpg) 50% 0px no-repeat;
}

/* ****************************************************

	2. header

***************************************************** */

div#header
{
	position:relative;
	z-index:10;
	width:1160px;
	width:920px;
	height:500px;
	margin:0 auto;
}

h1
{
	width:1160px;
	width:920px;
	height:500px;
	background:url(../img/logo.gif) 50% 120px no-repeat;
	text-indent:-8883px;
}

div#totop
{
	position:absolute;
	bottom:1000px;
	right:0;
	width:250px;
	height:70px;
}

div#totop a
{
	display:block;
	width:250px;
	height:70px;
	background:url(../img/totop.gif) no-repeat;
	text-indent:-8883px;
}

div#totop a:hover
{
	background-position:0 -70px;
}

/* ****************************************************

	3. news

***************************************************** */

div#news
{
	position:relative;
	z-index:1;
	width:1030px;
	width:920px;
	height:520px;
	margin:0 auto;
	background:url(../img/bg_news.jpg) no-repeat;
	background:url(../img/bg_news.jpg) -55px 0 no-repeat;
	text-align:left;
}

div#wrap>div#news
{
	height:auto;
	min-height:520px;
}

div#news h2
{
	width:1030px;
	width:920px;
	height:72px;
	background:url(../img/title_news.jpg) 267px 27px no-repeat;
	background:url(../img/title_news.jpg) 212px 27px no-repeat;
	text-indent:-8883px;
}

div#news ul
{
	margin-left:302px;
	margin-left:250px;
	padding:0.1em 0;
}

div#news li
{
	width:31em;
	padding-left:1.15em;
	margin-bottom:0.4em;
	background:url(../img/mark_01.gif) 0 4px no-repeat;
	color:#8e433f;
	font-weight:bold;
}

div#news ul>li
{
	width:29.8em;
}

div#news li a
{
	font-weight:normal;
}

/* ****************************************************

	4. about

***************************************************** */

div#about
{
	position:relative;
	z-index:1;
	width:880px;
	margin:0 auto;
	background:url(../img/bg_about.jpg) 460px 0 no-repeat;
	text-align:left;
}

div#about h2
{
	width:880px;
	height:100px;
	background:url(../img/title_about.jpg) 139px 0 no-repeat;
	text-indent:-8883px;
}

div#about p#msg
{
	width:880px;
	height:123px;
	background:url(../img/msg_about.gif) 161px 0 no-repeat;
	text-indent:-8883px;
}

div#about dl
{
	width:30em;
	height:262px;
	margin-left:139px;
	padding-top:7px;
	background:url(../img/line_about.gif) no-repeat;
}

div#about>dl
{
	height:auto;
	min-height:255px;
}

div#about dt
{
	width:5em;
	margin-bottom:-2em;
	margin-left:1.6em;
	padding-top:0.5em;
	color:#8d3e34;
	font-weight:bold;
	text-align:center;
}

div#about dd
{
	padding-top:0.5em;
	padding-left:10em;
	padding-left:8.5em;/* adjustment for new address*/
	padding-bottom:0.8em;
	background:url(../img/line_about.gif) 0 100% no-repeat;
	color:#59574b;
}

div#about dt.letsp
{
	letter-spacing:0.5em;
}

/* ****************************************************

	4-1. access

***************************************************** */

div#access
{
	width:880px;
	height:1335px;
	margin:0 auto;
	background:url(../img/bg_access.jpg) 85px 100% no-repeat;
	text-align:left;
}

div#about>div#access
{
	height:auto;
	min-height:1335px;
}

div#about div#access h2
{
	height:365px;
	background:url(../img/title_access.jpg) 85px 0 no-repeat;
}

div#about p#map
{
	width:880px;
	height:650px;
}

div#about h3
{
	width:880px;
	height:64px;
	text-indent:-8883px;
}

div#about h3#bycar
{
	background:url(../img/title_bycar.gif) 106px 30px no-repeat;
}

div#about h3#bybus
{
	background:url(../img/title_bybus.gif) 106px 30px no-repeat;
}

div#about p.gglmap
{
	margin-left:106px;
	padding-left:1.15em;
	background:url(../img/mark_01.gif) 0 4px no-repeat;
}

div#about ul
{
	height:42px;
	margin-left:106px;
}

div#access>ul
{
	height:auto;
	min-height:42px;
}

div#about li
{
	color:#59574b;
}

div#about p.gglmap span,
div#about li span
{
	color:#6a0101;
}

/* ****************************************************

	5. lines

***************************************************** */

div#lines
{
	position:relative;
	z-index:1;
	width:1030px;
	width:920px;
	margin:0 auto;
	background:url(../img/bg_lines.jpg) -22px 440px no-repeat;
	color:#59574b;
	text-align:left;
}

div#lines h2
{
	width:1030px;
	width:920px;
	height:270px;
	background:url(../img/title_lines.jpg) -29px 0 no-repeat;
	text-indent:-8883px;
}

/* ****************************************************

	5-1. bonsai

***************************************************** */

div#bonsai
{
	position:relative;
	z-index:1;
	width:1030px;
	width:920px;
	margin:0 auto;
	background:url(../img/bg_lines.jpg) -22px 440px no-repeat;
	background:url(../img/bg_bonsai.jpg) -79px 0px no-repeat;
	color:#59574b;
	text-align:left;
}

/* ****************************************************

	6. fashion

***************************************************** */

div#fashion
{
	position:relative;
	width:1030px;
	width:920px;
	background:url(../img/bg_fashion.jpg) 230px 100% no-repeat;
}

div#fashion h3
{
	width:1030px;
	width:920px;
	height:170px;
	background:url(../img/title_fashion.jpg) -33px 0 no-repeat;
	text-indent:-8883px;
}

/* ****************************************************

	6-1. fashion01

***************************************************** */

div#fashion01
{
	width:1030px;
	width:920px;
	background:url(../img/bg_fashion_01.jpg) 298px 0 no-repeat;
}

div#fashion01 h4
{
	width:1030px;
	width:920px;
	height:67px;
	background:url(../img/title_fashion_01.jpg) 248px 12px no-repeat;
	text-indent:-8883px;
}

div#fashion01 dl
{
	width:22em;
	height:232px;
	margin-left:269px;
}

div#fashion01>dl
{
	height:auto;
	min-height:232px;
}

div#fashion01 dt
{
	padding:0.8em 0.6em 0.1em;
}

div#fashion01 dt span
{
	color:#6a0101;
}

div#fashion01 dd
{
	padding:0 1em;
}

div#cell01
{
	width:25em;
	height:107px;
	margin-left:269px;
	background:url(../img/line_fashion_01.jpg) 0 100% no-repeat;
}

div#fashion01>div#cell01
{
	height:auto;
	min-height:107px;
}

div#cell01 p
{
	padding:0.8em 3.6em 0 0.6em;
}

div#cell01 p span
{
	color:#6a0101;
}

/* ****************************************************

	6-2. fashion02

***************************************************** */

div#fashion02
{
	width:1030px;
	width:920px;
	background:url(../img/bg_fashion_02.jpg) 230px 0 no-repeat;
}

div#fashion02 h4
{
	width:1030px;
	width:920px;
	height:55px;
	background:url(../img/title_fashion_02.jpg) 83px 0 no-repeat;
	text-indent:-8883px;
}

div#cell02
{
	width:22em;
	height:127px;
	height:429px;
	margin-left:123px;
}

div#fashion02>div#cell02
{
	height:auto;
	min-height:127px;
	min-height:429px;
}

div#cell02 p
{
	padding:0.8em 0.6em 0;
}

div#cell02 p span
{
	color:#6a0101;
}

div#fashion02 dl
{
	width:22em;
	height:429px;
	margin-left:123px;
}

div#fashion02>dl
{
	height:auto;
	min-height:429px;
}

div#fashion02 dt
{
	padding:0.8em 0.6em 0.1em;
}

div#fashion02 dt span
{
	color:#6a0101;
}

div#fashion02 dd
{
	padding:0 1em;
}

/* ****************************************************

	6-3. fashion03

***************************************************** */

div#fashion03
{
	width:1030px;
	width:920px;
	background:url(../img/bg_fashion_03.jpg) 230px 0 no-repeat;
}

div#fashion03 h4
{
	width:1030px;
	width:920px;
	height:55px;
	background:url(../img/title_fashion_03.jpg) 179px 0 no-repeat;
	text-indent:-8883px;
}

div#cell03
{
	width:22em;
	height:247px;
	margin-left:267px;
}

div#fashion03>div#cell03
{
	height:auto;
	min-height:247px;
}

div#cell03 p
{
	padding:0.8em 0.6em 0;
}

div#cell03 p span
{
	color:#6a0101;
}

/* ****************************************************

	7. item

***************************************************** */

div#item
{
	position:relative;
	width:1030px;
	width:920px;
	background:url(../img/bg_item.jpg) 425px 163px no-repeat;
}

div#item h3
{
	width:1030px;
	width:920px;
	height:163px;
	background:url(../img/title_item.jpg) 68px 0 no-repeat;
	text-indent:-8883px;
}

/* ****************************************************

	7-1. item01

***************************************************** */

div#item01
{
	width:1030px;
	width:920px;
	background:url(../img/bg_item_01.jpg) 258px 100% no-repeat;
}

div#item01 h4
{
	width:1030px;
	width:920px;
	height:55px;
	background:url(../img/title_item_01.jpg) 111px 0 no-repeat;
	text-indent:-8883px;
}

div#item01 dl
{
	width:22em;
	height:158px;
	margin-left:137px;
}

div#item01>dl
{
	height:auto;
	min-height:158px;
}

div#item01 dt
{
	padding:0.8em 0.6em 0.1em;
}

div#item01 dt span
{
	color:#6a0101;
}

div#item01 dd
{
	padding:0 1em;
}

div#cell04
{
	width:25em;
	height:98px;
	margin-left:137px;
	background:url(../img/line_item_01.jpg) 0 100% no-repeat;
}

div#item01>div#cell04
{
	height:auto;
	min-height:98px;
}

div#cell04 p
{
	padding:0.8em 3.6em 0 0.6em;
}

div#cell04 p span
{
	color:#6a0101;
}

/* ****************************************************

	7-2. item02

***************************************************** */

div#item02
{
	width:1030px;
	width:920px;
	background:url(../img/bg_item_02.jpg) 384px 0 no-repeat;
}

div#item02 h4
{
	width:1030px;
	width:920px;
	height:55px;
	background:url(../img/title_item_02.jpg) 392px 0 no-repeat;
	text-indent:-8883px;
}

div#item02 dl
{
	width:22em;
	height:151px;
	height:232px;
	margin-left:424px;
	margin-left:409px;
}

div#item02>dl
{
	height:auto;
	min-height:151px;
	min-height:232px;
}

div#item02 dt
{
	padding:0.8em 0.6em 0.1em;
}

div#item02 dt span
{
	color:#6a0101;
}

div#item02 dd
{
	padding:0 1em;
}

div#cell05
{
	width:22em;
	height:98px;
	height:330px;
	margin-left:424px;
	margin-left:409px;
/*	background:url(../img/line_item_02.jpg) -3px 100% no-repeat;*/
}

div#item02>div#cell05
{
	height:auto;
	min-height:330px;
}

div#cell05 p
{
	padding:0.8em 1.6em 0 0.6em;
}

div#cell05 p span
{
	color:#6a0101;
}

/* ****************************************************

	7-3. plant inside bonsai

***************************************************** */

div#plant
{
	position:relative;
	width:1030px;
	width:920px;
	height:494px;
/*	padding-top:62px;*/
	background:url(../img/bg_plant.jpg) 460px 196px no-repeat;
}

div#bonsai>div#plant
{
	height:auto;
	min-height:494px;
}

div#plant h3
{
	width:1030px;
	width:920px;
	height:196px;
	background:url(../img/title_bonsai.jpg) 68px -0px no-repeat;
	text-indent:-8883px;
}

div#plant01
{
	width:920px;
}

div#plant01 dl
{
	width:18em;
	margin-left:210px;
}

div#plant01 dt
{
	padding:0.8em 0.6em 0.1em;
}

div#plant01 dt span
{
	color:#6a0101;
}

div#plant01 dd
{
	padding:0 1em;
}


/* ****************************************************

	8. link to blog (toblog)

***************************************************** */

div#toblog
{
	width:1030px;
	width:920px;
	height:355px;
	height:283px;
	background:url(../img/bg_toblog.jpg) 460px 0 no-repeat;
	background:url(../img/bg_toblog.jpg) 345px 0 no-repeat;
}

div#toblog p
{
	padding:87px 0 0 123px;
}

div#toblog p a
{
	display:block;
	width:353px;
	height:45px;
	background:url(../img/link_to_blog.jpg) no-repeat;
	text-indent:-8883px;
}

div#toblog p a:hover
{
	background-position:0 -45px;
}

/* ****************************************************

	9. footer

***************************************************** */

div#footer
{
	position:relative;
	z-index:1;
	width:920px;
	height:566px;
	margin:0 auto;
	background:url(../img/bg_footer.jpg) 0 100% no-repeat;
	text-align:left;
}

div#footer dl
{
	width:920px;
	height:536px;
	background:url(../img/bg_inquiry.jpg) 133px 0 no-repeat;
}

div#footer dt
{
	width:920px;
	height:132px;
	background:url(../img/inquiry_title.gif) 253px 97px no-repeat;
	text-indent:-8883px;
}

div#footer dd
{
	width:920px;
	height:50px;
	background:url(../img/inquiry_tel.gif) 253px 0 no-repeat;
	text-indent:-8883px;
}

div#footer dd#time
{
	height:33px;
	background:url(../img/inquiry_time.gif) 301px 0 no-repeat;
}

div#rights
{
	width:333px;
	height:30px;
	margin-left:308px;
}

div#rights address
{
	float:left;
	width:253px;
	height:30px;
	background:url(../img/copyrights.jpg) no-repeat;
	text-indent:-8883px;
}

div#rights p
{
	float:right;
	width:78px;
	height:30px;
	background:url(../img/designed_by.jpg) no-repeat;
}

div#rights p a
{
	display:block;
	width:19px;
	height:19px;
	margin-left:59px;
	background:url(../img/logo_9ye.jpg) no-repeat;
	text-indent:-8883px;
}

div#rights p a:hover
{
	background-position:0 -19px;
}

/* ****************************************************

	10. flasharea
	(flash01 for about , flash02 for fashion , flash03 for item)

***************************************************** */

div#flash01
{
	position:absolute;
	top:318px;
	left:305px;
	width:333px;
	height:402px;
}

div#flash02
{
	position:absolute;
	top:411px;
	left:455px;
	width:237px;
	height:381px;
}

div#flash03
{
	position:absolute;
	top:393px;
	left:148px;
	width:237px;
	height:381px;
}

div#flash04
{
	position:absolute;
	top:114px;
	left:456px;
	width:237px;
	height:381px;
}