@charset "utf-8";
/* CSS Document */

@import "common.css";

/*-------------------------------------------------
Contents
-------------------------------------------------*/	

#contents{
	position:relative;
}

#contents .clear{
	clear:both;
	text-indent:-1000em;
}

/*-------------------------------------------------
Left
-------------------------------------------------*/	

#lcontents{
	float:left;
	width:747px;
}

#lcontents .open{
	margin:25px 0px 0px 80px;
	background:url(../example/01_open/img/bg_open.jpg) no-repeat;
	width:580px;
	height:180px;
}

#lcontents .close{
	margin:25px 0px 0px 80px;
	background:url(../example/02_close/img/bg_close.jpg) no-repeat;
	width:580px;
	height:180px;
}

#lcontents .garden{
	margin:25px 0px 0px 80px;
	background:url(../example/03_garden/img/bg_garden.jpg) no-repeat;
	width:580px;
	height:180px;
}

#lcontents table.buttun{
	margin:0px 0px 0px 80px;
}

#lcontents p.caption{
	font-size:11px;
	color:#FFFFFF;
	padding:85px 0px 0px 20px;
	line-height: 22px;
}

#menut{
	margin:10px 0px 0px 88px;
}

#menut td a{
	height:45px;
	display:block;
	text-indent:-1000em;
}

#menut td.openb a{
	background:url(../example/img/buttun_open.gif) no-repeat;
	width:182px;
}

#menut td.openb a:hover{
	background:url(../example/img/buttun_openon.gif) no-repeat;
}

#menut td.closeb a{
	background:url(../example/img/buttun_close.gif) no-repeat;
	width:182px;
}

#menut td.closeb a:hover{
	background:url(../example/img/buttun_closeon.gif) no-repeat;
}

#menut td.gardenb a{
	background:url(../example/img/buttun_garden.gif) no-repeat;
	width:181px;
}

#menut td.gardenb a:hover{
	background:url(../example/img/buttun_gardenon.gif) no-repeat;
}

/*Designer*/

#dall{
	width:630px;
	margin:0px 0px 0px 60px;
}

#dall p{
	font-size:11px;
	color:#FFFFFF;
	padding:60px 0px 0px 110px;
	line-height: 22px;
}

#d01{
	background:url(../example/img/01designer.jpg) no-repeat;
	min-height:430px;
	margin-top:70px;
	margin-bottom:20px;
}

#d02{
	background:url(../example/img/02designer.jpg) no-repeat;
	height:160px;
}

#d03{
	background:url(../example/img/03designer.jpg) no-repeat;
	height:160px;
}

#d04{
	background:url(../example/img/04designer.jpg) no-repeat;
	height:160px;
}

#d05{
	background:url(../example/img/05designer.jpg) no-repeat;
	height:160px;
}

#d06{
	background:url(../example/img/06designer.jpg) no-repeat;
	height:160px;
}

#d07{
	background:url(../example/img/07designer.jpg) no-repeat;
	height:160px;
}

#d-buttun{
	margin:0px 0px 0px 370px;
}

#d-buttun td a{
	display:block;
	text-indent:-1000em;
	height:40px;
	width:45px;
	top:10px;
}

#d-buttun td.d01 a{
	background:url(../example/img/buttun_designer.gif) no-repeat -0px -0px;
}

#d-buttun td.d01 a:hover{
	background:url(../example/img/buttun_designer.gif) no-repeat -0px -40px;
}

#d-buttun td.d02 a{
	background:url(../example/img/buttun_designer.gif) no-repeat -45px -0px;
}

#d-buttun td.d02 a:hover{
	background:url(../example/img/buttun_designer.gif) no-repeat -45px -40px;
}

#d-buttun td.d03 a{
	background:url(../example/img/buttun_designer.gif) no-repeat -90px -0px;
}

#d-buttun td.d03 a:hover{
	background:url(../example/img/buttun_designer.gif) no-repeat -90px -40px;
}

#d-buttun td.d04 a{
	background:url(../example/img/buttun_designer.gif) no-repeat -135px -0px;
}

#d-buttun td.d04 a:hover{
	background:url(../example/img/buttun_designer.gif) no-repeat -135px -40px;
}

#d-buttun td.d05 a{
	background:url(../example/img/buttun_designer.gif) no-repeat -185px -0px;
}

#d-buttun td.d05 a:hover{
	background:url(../example/img/buttun_designer.gif) no-repeat -185px -40px;
}

#d-buttun td.d06 a{
	background:url(../example/img/buttun_designer.gif) no-repeat -232px -0px;
}

#d-buttun td.d06 a:hover{
	background:url(../example/img/buttun_designer.gif) no-repeat -232px -40px;
}

#d-buttun td.d07 a{
	background:url(../example/img/buttun_designer.gif) no-repeat -282px -0px;
}

#d-buttun td.d07 a:hover{
	background:url(../example/img/buttun_designer.gif) no-repeat -282px -40px;
}

/*Flow*/

#flow01{
	background:url(../example/img/flow01.jpg) no-repeat;
	width:745px;
	height:350px;
}

#flow01 p{
	padding:160px 0px 0px 140px;
	color:#FFFFFF;
	font-size:11px;
	line-height: 22px;
}

#flow02{
	background:url(../example/img/flow02.jpg) no-repeat;
	width:745px;
	height:330px;
}

#flow02 p{
	padding:160px 0px 0px 140px;
	color:#FFFFFF;
	font-size:11px;
	line-height: 22px;
}

#area{
	background:url(../example/img/area_middle.gif) repeat-y;
	width:610px;
	margin:0px 0px 0px 70px;
}

#area .top{
	background:url(../example/img/area_top.gif) no-repeat;
	height:20px;
	text-indent:-1000em;
}

.a-bottom{
	background:url(../example/img/area_bottom.gif) no-repeat;
	height:10px;
	text-indent:-1000em;
	margin:0px 0px 50px 70px;
	width:610px;
}

#area p{
	padding:5px 30px 5px 30px;
	color:#FFFFFF;
	font-size:11px;
	line-height: 22px;
}

.yellow{
	color:#FFFF33;
}

/*-------------------------------------------------
Navigation
-------------------------------------------------*/	

#navigation {
	float:right;
	width:183px;
}

#navigation ul {
	color:#2F1417;
	list-style-type:none;
}

#navigation li a{
	display:block;
	text-indent:-1000em;
	width:183px;
}

#navigation li.zouen a{
	height:70px;
	background:url(../img/buttun_01.jpg) no-repeat;
}

#navigation li.zouen a:hover{
	background:url(../img/buttun_01on.jpg) no-repeat;
}

#navigation li.designer a{
	height:46px;
	background:url(../example/img/buttun_01_01.gif) no-repeat;
}

#navigation li.designer a:hover{
	background:url(../example/img/buttun_01_01on.gif) no-repeat;
}

#navigation li.example a{
	height:43px;
	background:url(../example/img/buttun_01_02.gif) no-repeat;
}

#navigation li.example a:hover{
	background:url(../example/img/buttun_01_02on.gif) no-repeat;
}

#navigation li.open a{
	height:31px;
	background:url(../example/img/buttun_01_02_open.gif) no-repeat;
}

#navigation li.open a:hover{
	background:url(../example/img/buttun_01_02_openon.gif) no-repeat;
}

#navigation li.close a{
	height:31px;
	background:url(../example/img/buttun_01_02_close.gif) no-repeat;
}

#navigation li.close a:hover{
	background:url(../example/img/buttun_01_02_closeon.gif) no-repeat;
}

#navigation li.garden a{
	height:30px;
	background:url(../example/img/buttun_01_02_garden.gif) no-repeat;
}

#navigation li.garden a:hover{
	background:url(../example/img/buttun_01_02_gardenon.gif) no-repeat;
}

#navigation li.flow a{
	height:48px;
	background:url(../example/img/buttun_01_03.gif) no-repeat;
	margin-bottom:15px;
}

#navigation li.flow a:hover{
	background:url(../example/img/buttun_01_03on.gif) no-repeat;
}

#navigation li.kayukan a{
	height:71px;
	background:url(../img/buttun_02.jpg) no-repeat;
}

#navigation li.kayukan a:hover{
	background:url(../img/buttun_02on.jpg) no-repeat;
}

#navigation li.proshop a{
	height:71px;
	background:url(../img/buttun_03.jpg) no-repeat;
}

#navigation li.proshop a:hover{
	background:url(../img/buttun_03on.jpg) no-repeat;
}

.rightside{
	background:url(../example/img/bg_rightbar02.jpg) no-repeat;
	width:183px;
	height:193px;
	text-indent:-1000em;
	margin-top:50px;
}