@charset "euc-jp";

/* ==================================================================

	page  : ¥¢¡¼¥È¥é¥ó¥Ð¥ê¥Õ
	author: °ÂÃ£
	
	09/06/01 À©ºî¡¡ver 1.00
	
=================================================================== */

/* ¥³¥á¥ó¥È¥Æ¥ó¥×¥ì¡¼¥È */

/* =================================
   ¢£ ¶¦ÄÌ
================================== */

.artlumberlif #breadcrumbs{
	margin-bottom:17px;
}

.artlumberlif .contents h2.logo{
	display:inline;
	float:left;
	width:286px;
	height:24px;
	margin:4px 0 3px 3px;
}

.artlumberlif .contents ul.items li dl{
	display:inline;
	float:left;
}

.artlumberlif .contents ul.items li dl a:hover img,
.popup div.item ul.relation li dl a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


.artlumberlif .contents p.catalog a{
	right:46px;
}



/* --------------------------------
   ¢¢ navigation
-------------------------------- */
.artlumberlif .contents ul.navigation{
	display:inline;
	float:right;
	width:638px;
	height:33px;
	margin-right:45px;
}
	
	.artlumberlif .contents ul.navigation li{
		width:90px;
		height:100%;
		margin-right:1px;
		background:0 0 no-repeat;
	}
	
	.artlumberlif .contents ul.navigation li a{
		width:100%;
		height:100%;
		background:0 0 no-repeat;
	}

	html .artlumberlif .contents ul.navigation li a:hover{ background-position:0 100% ;}
	
	/* ¸ÄÊÌ»ØÄê */	
	.artlumberlif .contents ul.navigation li.simple{ width:91px;}
	.artlumberlif .contents ul.navigation li.lineup{ width:91px;}
	.artlumberlif .contents ul.navigation li.material{ margin-right:0;}
	
	.artlumberlif .contents ul.navigation li.top a{	background-image:url(../../images/lineup/storage/artlumberlif/share/navigation/top.gif);}
	.artlumberlif .contents ul.navigation li.outline a{	background-image:url(../../images/lineup/storage/artlumberlif/share/navigation/outline.gif);}
	.artlumberlif .contents ul.navigation li.simple a{	background-image:url(../../images/lineup/storage/artlumberlif/share/navigation/simple.gif);}
	.artlumberlif .contents ul.navigation li.box a{	background-image:url(../../images/lineup/storage/artlumberlif/share/navigation/box.gif);}
	.artlumberlif .contents ul.navigation li.topbox a{	background-image:url(../../images/lineup/storage/artlumberlif/share/navigation/topbox.gif);}
	.artlumberlif .contents ul.navigation li.lineup a{	background-image:url(../../images/lineup/storage/artlumberlif/share/navigation/lineup.gif);}

	.artlumberlif .contents ul.navigation li.material a{	background-image:url(../../images/lineup/storage/artlumberlif/share/navigation/material.gif);}
	
	#artlumberlif-top .contents ul.navigation li.top a,
	#artlumberlif-outline .contents ul.navigation li.outline a,
	#artlumberlif-simple .contents ul.navigation li.simple a,
	#artlumberlif-box .contents ul.navigation li.box a,
	#artlumberlif-topbox .contents ul.navigation li.topbox a,
	#artlumberlif-lineup .contents ul.navigation li.lineup a,
	#artlumberlif-material .contents ul.navigation li.material a{ background-position:0 100% ;}

/* --------------------------------
   ¢¢ chapter
-------------------------------- */	
	
.artlumberlif .contents .chapter{
	clear:both;
	width:930px;
	background:#000;
}

/* --------------------------------
   ¢¢ discription
-------------------------------- */	

.artlumberlif .contents .discription{
	position:relative;
	background:#3d3d3d;
	border-top:1px solid #313131;
	border-bottom:1px solid #0c0c0c;
}

.artlumberlif .contents .discription h3{
	display:inline;
	float:right;
	margin:13px 13px 13px 0;
}

.artlumberlif .contents .discription p.leadText{
	display:inline;
	float:left;
	margin:11px 0 0 17px;
}

.artlumberlif .contents .discription h3{
	display:inline;
	float:right;
	margin:13px 13px 13px 0;
}

.artlumberlif .contents .discription ul.pageNavigation{
	margin:23px 0 0 27px;
}

.artlumberlif .contents .discription ul.pageNavigation li{
	display:inline;
	padding-left:15px;
	padding-right: 60px;
	background:url(../../images/lineup/storage/artlumberlif/share/mark.gif) 0 0.25em no-repeat;
}

.artlumberlif .contents .discription ul.pageNavigation li a{
	zoom:1;
	color:#fff;
	font-weight:700;
	height:12px;
}

html > .artlumberlif .contents .discription ul.pageNavigation li a{
	min-height:12px;
	height:auto;
}



/* =================================
   ¢£ #artlumberlif-top
================================== */

#artlumberlif-top .contents p.pic{
	margin:18px auto;
	text-align:center;
}

#artlumberlif-top .contents p.err{
	padding:0 15px;
	color:#FFFFFF;
}

#artlumberlif-top .contents p.err a{
	color:#FFFFFF;
	text-decoration:underline;
}


/* =================================
   ¢£ #artlumberlif-material
================================== */

#artlumberlif-material .contents .chapter{
	width:802px;
	padding:2px 64px 21px 64px;
}

#artlumberlif-material .contents .section{
	border:1px solid #a7a7a7;
	background:#fff;
}

/* ¡þ discription
-------------------------------- */	

#artlumberlif-material .contents .discription{
	background:#3d3d3d;
	margin:0px -61px 0px -61px;
	border:0;
	border-top:1px solid #313131;
	border-bottom:1px solid #0c0c0c;	
}

#artlumberlif-material .contents .discription .leadText{
	margin-top:15px;	
}

/* ¡þ menu
-------------------------------- */	

#artlumberlif-material .contents .menu{
	position:relative;
	border-bottom:0;
	margin:44px 0 -1px 0;
}

#artlumberlif-material .contents .menu .point{
	position:relative;
	text-align:right;
	padding-bottom:19px;
	font-size:1px;
}

#artlumberlif-material .contents .menu .point img{
	position:absolute;
	top:0;
	right:0;
	margin-top:-35px;

}

#artlumberlif-material .contents .menu ul.listing{
	width:748px;
	margin:0 0 18px 6px;
	padding:12px 19px 12px 19px;
	border:1px solid #a7a7a7;
}

#artlumberlif-material .contents .menu ul.listing li{
	margin-right:34px;
	padding-bottom:12px;
}

/* ¡þ #materialItems
-------------------------------- */	
#materialItems ul.items{
	margin:0 0 18px 6px;

}

#materialItems ul.items li dl{
	padding-bottom:20px;
}


#materialItems ul.items li.column2{
	margin-left:-33px;
}

#materialItems ul.items li.column2 dl{
	margin-left:33px;
}

#materialItems ul.items li.column3{
	margin-left:-33px;
}

#materialItems ul.items li.column3 dl{
	margin-left:33px;
}

#artlumberlif-material .contents #materialItems dl dt{
	padding-bottom:12px;

}

#artlumberlif-material .contents #materialItems dl dd{
	text-align:center;
}

/* =================================
   ¢£ #artlumberlif-outline
================================== */

#artlumberlif-outline .contents .chapter{
	width:802px;
	padding:2px 64px 21px 64px;
}

#artlumberlif-outline .discription{
	margin:0px -61px 32px -61px;
}

/* =================================
   ¢£ #artlumberlif-lineup
================================== */

#artlumberlif-lineup .contents .chapter{
	width:834px;
	padding:2px 48px 21px 48px;
}

#artlumberlif-lineup .contents .discription{
	margin:0px -44px 2px -44px;
}

#artlumberlif-lineup .contents .discription p.leadText{
	margin:22px 0 0 12px;
}

#artlumberlif-lineup .contents .menu,
#artlumberlif-lineup .contents .item{
	background:#fff;
}

/* ¡þ menu
-------------------------------- */	

#artlumberlif-lineup .contents .menu{
	position:relative;
	border-bottom:0;
	margin:44px 0 -1px 0;
	padding-top:19px;
}


#artlumberlif-lineup .contents .menu ul.listing{
	margin:0px 6px 18px 6px;
	padding:12px 19px 12px 19px;
	border:1px solid #a7a7a7;
	zoom:1;
}

#artlumberlif-lineup .contents .menu ul.listing li{
	margin-right:40px;
	padding-bottom:12px;
}

/* ¡þ item
-------------------------------- */
#artlumberlif-lineup .contents .item ul.items{
	padding-bottom:24px;
}

#artlumberlif-lineup .contents .item ul.items li{
	margin-left:0px;
	padding-top:7px;
}

#artlumberlif-lineup .contents .item ul.items li dl{
	color:#fff;
	width:200px;
	margin-left:55px;
	padding-top:20px;
}

#artlumberlif-lineup .contents .item ul.items li dl.new{
	background:url(../../images/top/new.gif) 2px 5px no-repeat;
}


#artlumberlif-lineup .contents .item ul.items li dl dd{
	padding-top:3px;
	font-weight:700;
	text-align:center;
}



/* --------------------------------
   ¢¢ plan
-------------------------------- */	

body.plan .contents .chapter{

	width:814px;
	padding:2px 58px 21px 58px;
}

body.plan .contents .discription{
	margin:0px -54px 2px -54px;
}

body.plan .contents .accent{
	margin:0px -54px 0px -54px;
	background:url(../../images/lineup/storage/artlumberlif/share/background.gif) 0 0 repeat;
}

body.plan .contents .accent p{
	display:inline;
	float:left;
	margin:0;
}

body.plan .contents .accent p.leadText{
	position:relative;
	float:right;
	width:430px;
	height:205px;
}

body.plan .contents .accent p.leadText img{
	position:absolute;
	left:0px;
	bottom:15px;
}

/* ¡þ plan
-------------------------------- */	
body.plan .contents .plan{
	padding-top:21px;
}

body.plan .contents .plan h4{
	padding-bottom:22px;
}


body.plan .contents .plan ul.items li{
	margin-left:-31px;
	padding-bottom:27px;
}

body.plan .contents .plan ul.items li dl{
	color:#fff;
	width:370px;
	margin-left:52px;
}

body.plan .contents .plan ul.items li dl dt{
	padding-bottom:3px;
	font-weight:700;
}

/* --------------------------------
   ¢¢ room
-------------------------------- */	

#artlumberlif-outline .room li{
	position:relative;
	margin-left:-102px;
	padding-bottom:31px;
}

#artlumberlif-outline .room dl{
	display:inline;
	float:left;
	width:350px;
	margin-left:102px;
}

#artlumberlif-outline .room dl dt{
	padding-bottom:7px;
}

#artlumberlif-outline .room dl dd{
	color:#fff;
}

/* --------------------------------
   ¢¢ explan
-------------------------------- */	

#artlumberlif-outline .explan{
	background:#fff;
	padding:25px 35px;
}

#artlumberlif-outline .explan h3{
	padding-bottom:10px;
}

/* --------------------------------
   ¢¢ explan1
-------------------------------- */	

#artlumberlif-outline #explain1{
	margin-bottom:23px;
}

#artlumberlif-outline .explan #explain1-1{
	display:inline;
	float:left;
	width:300px;
}

#artlumberlif-outline .explan #explain1-1 p{
	margin-bottom:0px;
}

#artlumberlif-outline .explan #explain1-1 p.pic{
	margin-bottom:9px;
}

#artlumberlif-outline .explan #explain1-2{
	position:relative;
	display:inline;
	float:right;
	width:376px;
	margin-right:-10px;
}

#artlumberlif-outline .explan #explain1-2 p{
	display:inline;
	float:left;
	width:190px;
}


#artlumberlif-outline .explan #explain1-2 p.pic{
	float:right;
	width:178px;
	margin:-20px 0 0 0;
}

/* --------------------------------
   ¢¢ explan2
-------------------------------- */	

#artlumberlif-outline #explain2{
	margin-bottom:23px;
}



#artlumberlif-outline #explain2 ul.items li{
	position:relative;
	margin-left:-48px;
	padding-bottom:23px;
}

#artlumberlif-outline #explain2 ul.items li dl{
	display:inline;
	float:left;
	width:211px;
	margin-left:48px;
}

#artlumberlif-outline #explain2 ul.items li dl dd.pic{
	margin-bottom:6px;
}

#artlumberlif-outline #explain2 ul.items li dl dt{
	padding:0 3px 3px 3px;
}

#artlumberlif-outline #explain2 ul.items li dl dd{
	font-size:84%;
	color:#000;
}

/* --------------------------------
   ¢¢ explan3
-------------------------------- */	

#artlumberlif-outline #explain3-1 {
	display:inline;
	float:left;
	width:330px;
}

#artlumberlif-outline #explain3-1 p.pic{
	text-align:center;
}


#artlumberlif-outline #explain3-2 {
	display:inline;
	float:right;
	width:343px;
}

#artlumberlif-outline #explain3-2 p.pic{
	text-align:center;
}

#artlumberlif-outline #explain3-2 dl.adornment{
	margin-bottom:10px;
}

#artlumberlif-outline #explain3-2 dl.adornment dt{
	padding-bottom:5px;
}

#artlumberlif-outline #explain3-2 dl.adornment dd{
	padding-left:5px;
}

#artlumberlif-outline #explain3-2 dl.adornment dd a{
	text-decoration:underline;
}


/* =================================
   ¢¢ .artlumberlif-plan
================================== */
.artlumberlif-plan table.specTable{
	width:523px;
	margin:0 auto;
}

.artlumberlif-plan p.price{
	width:523px;
	margin:5px auto;
	text-align:right;
}

.artlumberlif-plan p.border{
	border:1px solid #221914;
	width:513px;
	padding:1px 5px;
	
}

.artlumberlif-plan p.price strong{
	font-size:134%;
}

.artlumberlif-plan .setPrice{
	border:1px solid #221914;
	font-size:11px;
	margin:0px 83px 5px auto;
	width:350px;
}

html > .artlumberlif-plan .setPrice{
	max-width:350px;
	width:auto;
}

.artlumberlif-plan .w500{
	width:500px;
}

html > .artlumberlif-plan .w500{
	max-width:500px;
	width:auto;
}

.artlumberlif-plan .setPrice table{
	width:100%;

}

.artlumberlif-plan .setPrice th{
	padding:2px 5px 1px 25px;
	background:url(../../images/lineup/storage/artlumberlif/lineup/setPrice.gif) 0 50% no-repeat;
}

.artlumberlif-plan .setPrice td{
	padding:2px 10px 1px 10px;
	text-align:right;
}

.artlumberlif-plan .setPrice th img,
.artlumberlif-plan .setPrice td img{
	vertical-align:middle;
	margin:0 2px;
}



/* =================================
   ¢£ #artlumberlif-details
================================== */

#artlumberlif-details h1{
	width:688px;
	margin:23px auto 0px auto;
	color:#3086b8;
}

.popup div.item{
	margin:13px auto 13px auto;

}

.popup div.item ul.relation{
	margin-top:18px;
	margin-left:7px;
	margin-right:7px;
	padding-top:18px;	
	background:url(../../images/common/border/gray2x.gif) 0 0 repeat-x;
}

.popup div.item ul.relation li{
	position:relative;
	padding-bottom:18px;
}

.popup div.item ul.relation li dl{
	display:inline;
	float:left;
	width:152px;
	margin-left:13px;
	font-size:84%;
}

.popup div.item ul.relation li dl dt{
	padding-bottom:5px;
}

.popup div.item ul.relation li dl dt a{
	padding:0 5px;
	font-weight:700;
}

/* =================================
   ¢£ #artlumberlif-lineupdetails
================================== */

#artlumberlif-lineupdetails div.item  .pic{
	display:inline;
	float:left;
	width:282px;
	margin-left:22px;
}

#artlumberlif-lineupdetails div.item  .pic dt{
	margin-bottom:5px;
}

#artlumberlif-lineupdetails div.item  .outline{
	clear:none;
	display:inline;
	float:right;
	width:325px;
	margin-right:22px;
}

#artlumberlif-lineupdetails div.item  .outline .figure{
	position:relative;
	width:100%;
	height:225px;
}

#artlumberlif-lineupdetails div.item  .outline .figure p{
	margin:0;
}
#artlumberlif-lineupdetails div.item  .outline p.remarks{
	font-size:82%;
	text-indent:0;
	padding:0;
}

#artlumberlif-lineupdetails div.item  .outline .figure ul.control{
	position:absolute;
	right:10px;
	bottom:5px;
}

#artlumberlif-lineupdetails .outline .figure ul.control li{
	display:inline;
	float:left;
	width:61px;
	margin-right:8px;
	font-size:82%;
	text-align:center;
}
