@charset "utf-8";

/*
 プランページ専用CSS
------------------------------------------------------- */

/* 浴室ヘッダー */
#bath_t {
	position:relative;
	width:500px;
	height:230px;
	background:url(../img/plan/bath/bath_t.jpg) top left no-repeat;
}

#bath_t p{
	width:480px;
	position:absolute;
	top:170px;
	left:10px;
}

/* 浴室プランタイトル */
#bath_plan {
	position:relative;
	width:500px;
	height:100px;
	background:url(../img/plan/bath/bath_plan_t.jpg) top left no-repeat;
	margin-bottom:10px;
}

#bath_plan p{
	width:480px;
	position:absolute;
	top:80px;
	left:10px;
	font-size:10px;
	color:#666;
}

/* キッチンヘッダー */
#kitchen_t {
	position:relative;
	width:500px;
	height:230px;
	background:url(../img/plan/kitchen/kitchen_t.jpg) top left no-repeat;
}

#kitchen_t p{
	width:480px;
	position:absolute;
	top:170px;
	left:10px;
}

/* キッチンプランタイトル */
#kitchen_plan {
	position:relative;
	width:500px;
	height:100px;
	background:url(../img/plan/kitchen/kitchen_plan_t.jpg) top left no-repeat;
	margin-bottom:10px;
}

#kitchen_plan p{
	width:480px;
	position:absolute;
	top:80px;
	left:10px;
	font-size:10px;
	color:#666;
}


/* トイレヘッダー */
#wc_t {
	position:relative;
	width:500px;
	height:230px;
	background:url(../img/plan/wc/wc_t.jpg) top left no-repeat;
}

#wc_t p{
	width:480px;
	position:absolute;
	top:170px;
	left:10px;
}

/* トイレプランタイトル */
#wc_plan {
	position:relative;
	width:500px;
	height:100px;
	background:url(../img/plan/wc/wc_plan_t.jpg) top left no-repeat;
	margin-bottom:10px;
}

#wc_plan p{
	width:480px;
	position:absolute;
	top:80px;
	left:10px;
	font-size:10px;
	color:#666;
}

/* 室内ヘッダー */
#room_t {
	position:relative;
	width:500px;
	height:230px;
	background:url(../img/plan/room/room_t.jpg) top left no-repeat;
}

#room_t p{
	width:480px;
	position:absolute;
	top:180px;
	left:10px;
}

/* 室内プランタイトル */
#room_plan {
	position:relative;
	width:500px;
	height:100px;
	background:url(../img/plan/room/room_plan_t.jpg) top left no-repeat;
}

#room_plan p{
	width:480px;
	position:absolute;
	top:80px;
	left:10px;
	font-size:10px;
	color:#666;
}

#room_plan2 {
	position:relative;
	width:500px;
	height:100px;
	background:url(../img/plan/room/room_plan_t2.jpg) top left no-repeat;
	margin-top:40px;
}

#room_plan2 p{
	width:480px;
	position:absolute;
	top:80px;
	left:10px;
	font-size:10px;
	color:#666;
}

#room_plan3 {
	position:relative;
	width:500px;
	height:100px;
	background:url(../img/plan/room/room_plan_t3.jpg) top left no-repeat;
	margin-top:40px;
}

#room_plan3 p{
	width:480px;
	position:absolute;
	top:80px;
	left:10px;
	font-size:10px;
	color:#666;
}


/* 洗面所ヘッダー */
#lavatory_t {
	position:relative;
	width:500px;
	height:230px;
	background:url(../img/plan/lavatory/lavatory_t.jpg) top left no-repeat;
}

#lavatory_t p{
	width:480px;
	position:absolute;
	top:180px;
	left:10px;
}

/* 洗面所プランタイトル */
#lavatory_plan {
	position:relative;
	width:500px;
	height:110px;
	background:url(../img/plan/lavatory/lavatory_plan.jpg) top left no-repeat;
}

#lavatory_plan p{
	width:480px;
	position:absolute;
	top:80px;
	left:10px;
	font-size:10px;
	color:#666;
}



h3.plan {
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-top:20px;
	line-height:2.0;
	border-top:1px dotted #999;
}


/* プランボックス(共通) */
.plan_box {
	float:left;
	width:160px;
	border:1px solid #ccc;
	text-align:center;
	padding-top:5px;
	margin-right:7px;
	margin-bottom:10px;
}

.plan_box p{
	font-size:10px;
	color:#333;
	text-align:center;
	margin-top:5px;
	padding:0;
	line-height:1.4;
}

.hovering {
	background:#FFDFED;
	border-color: #F99;
	cursor:pointer;
}

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



/* Acrobat */
#pdf_get {
	width:500px;
	margin:10px 0;
	padding:10px 10px 10px 0;
	border:1px solid #ddd;
	clear:both;
}

#pdf_get img {float:left;margin:0 10px;}
#pdf_get p {font-size:10px;color:#333;}


/* プランメニュー（サイドカラム） */
#Pmenu{
	position:relative;
	width:185px;
	height:240px;
	background:url(../img/common/plan_bg.gif) no-repeat top left;
	margin-bottom:15px;
}

#pmbox {
	position:absolute;
	top:50px;
	left:0;
	width:185px;
}

#pmbox ul li {
	float:left;
	height:37px;
	list-style-type:none;
	width:185px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#pmbox a {
	display:block;
	height:100%;
}

#pmbox a:focus {overflow:hidden;}

li.kitchen {background:url(../img/plan/menu/01.jpg) no-repeat;}
li.kitchen a {background:url(../img/plan/menu/01.jpg) no-repeat;}
li.kitchen a:hover {background:url(../img/plan/menu/on_01.jpg) no-repeat;}

li.bath {background:url(../img/plan/menu/02.jpg) no-repeat;}
li.bath a {background:url(../img/plan/menu/02.jpg) no-repeat;}
li.bath a:hover {background:url(../img/plan/menu/on_02.jpg) no-repeat;}

li.lavatory {background:url(../img/plan/menu/03.jpg) no-repeat;}
li.lavatory a {background:url(../img/plan/menu/03.jpg) no-repeat;}
li.lavatory a:hover {background:url(../img/plan/menu/on_03.jpg) no-repeat;}

li.wc {background:url(../img/plan/menu/04.jpg) no-repeat;}
li.wc a {background:url(../img/plan/menu/04.jpg) no-repeat;}
li.wc a:hover {background:url(../img/plan/menu/on_04.jpg) no-repeat;}

li.room {background:url(../img/plan/menu/05.jpg) no-repeat;}
li.room a {background:url(../img/plan/menu/05.jpg) no-repeat;}
li.room a:hover {background:url(../img/plan/menu/on_05.jpg) no-repeat;}


#sekoubox {
	position:absolute;
	top:243px;
	left:0;
	width:185px;
}


/* リフォームメニュー（サイドカラム） */
#Rmenu{
	position:relative;
	width:185px;
	height:425px;
	background:url(../img/common/rcon_bg.gif) no-repeat top left;
	margin-bottom:15px;
}

#rmbox {
	position:absolute;
	top:43px;
	left:0;
	width:185px;
}

#rmbox ul li {
	float:left;
	height:37px;
	list-style-type:none;
	width:185px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#rmbox a {
	display:block;
	height:100%;
}

#rmbox a:focus {overflow:hidden;}

li.r1 {background:url(../img/rcon/01.jpg) no-repeat;}
li.r1 a {background:url(../img/rcon/01.jpg) no-repeat;}
li.r1 a:hover {background:url(../img/rcon/on_01.jpg) no-repeat;}

li.r2 {background:url(../img/rcon/02.jpg) no-repeat;}
li.r2 a {background:url(../img/rcon/02.jpg) no-repeat;}
li.r2 a:hover {background:url(../img/rcon/on_02.jpg) no-repeat;}

li.r3 {background:url(../img/rcon/03.jpg) no-repeat;}
li.r3 a {background:url(../img/rcon/03.jpg) no-repeat;}
li.r3 a:hover {background:url(../img/rcon/on_03.jpg) no-repeat;}

li.r4 {background:url(../img/rcon/04.jpg) no-repeat;}
li.r4 a {background:url(../img/rcon/04.jpg) no-repeat;}
li.r4 a:hover {background:url(../img/rcon/on_04.jpg) no-repeat;}

li.r5 {background:url(../img/rcon/05.jpg) no-repeat;}
li.r5 a {background:url(../img/rcon/05.jpg) no-repeat;}
li.r5 a:hover {background:url(../img/rcon/on_05.jpg) no-repeat;}


#clogbox {
	position:absolute;
	top:238px;
	left:0;
	width:185px;
}