@charset "utf-8";

/* ---------------------------------
  共通
------------------------------------*/

body {
	background-image: url(../../curtain/images/bg_curtain.jpg);
}

.title h1 {
	background-image: url(../../curtain/images/title.jpg);
}

.nav li.link02 a {
	background-position: -301px -54px;
}

.localNav dd a {
	background-image: url(../../curtain/images/lnav.gif);
}

.localNav dd.link01 a {
	background-position: 0 0;
}

.localNav dd.link01 a:hover {
	background-position: -180px 0;
}

.localNav dd.link02 a {
	background-position: 0 -33px;
}

.localNav dd.link02 a:hover {
	background-position: -180px -33px;
}

.localNav dd.link03 a {
	background-position: 0 -66px;
}

.localNav dd.link03 a:hover {
	background-position: -180px -66px;
}

.localNav dd.link04 a {
	background-position: 0 -99px;
}

.localNav dd.link04 a:hover {
	background-position: -180px -99px;
}

/* ---------------------------------
  index
------------------------------------*/

.more h3 {
	margin-bottom: 20px;
	overflow: hidden;
	width: 240px;
	height: 18px;
	background-image: url(../../curtain/images/about_more_hls.jpg);
	text-indent: -10000em;
}

.more img {
	margin-left: 15px;
	margin-top: -38px;
	border: solid 5px #f3f3f0;
	float: right;
}

#about01 h2 {
	background-image: url(../../curtain/images/about01_hl.png);
}

#about01 .more {
	margin-top: 40px;
	padding: 25px 30px 0 30px;
	width: 576px;
	height: 181px;
	background-image: url(../../curtain/images/more_bg.png);
}

#about02 h2 {
	background-image: url(../../curtain/images/about02_hl.png);
}

#about02 h3#orderCurtain {
	margin-left: -20px;
	margin-bottom: 10px;
	width: 267px;
	height: 67px;
	background-image: url(../../curtain/images/orderCurtain_hl.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#about02 dl {
	margin-bottom: 30px;
	position: relative;
}

#about02 dt {
	position: absolute;
	top: 105px;
	width: 184px;
	height: 52px;
	background-image: url(../../curtain/images/orderCurtain_points.png);
	background-repeat: no-repeat;
	text-indent: -10000em;
}

#about02 dt.point1 {
	left: 18px;
}

#about02 dt.point2 {
	left: 233px;
	background-position: 0 -52px;
}

#about02 dt.point3 {
	left: 448px;
	background-position: 0 -104px;
}

#about02 dd {
	margin-right: 15px;
	float: left;
}

#about02 dd.end {
	margin-right: 0;
}

#about02 dd img {
	border: solid 5px #fff;
}

#about02 .more {
	padding: 25px 30px 0 30px;
	width: 576px;
	height: 196px;
	background-image: url(../../curtain/images/more_bg2.png);
}

#about02 .more h3 {
	background-position: 0 -18px;
}

#about03 h2 {
	background-image: url(../../curtain/images/about03_hl.png);
}

#about03 img {
	margin-bottom: 20px;
}

#about03 .more {
	padding: 25px 30px 0 30px;
	width: 576px;
	height: 181px;
	background-image: url(../../curtain/images/more_bg.png);
}

#about03 .more h3 {
	background-position: 0 -36px;
}

/* ---------------------------------
  レギュラーカーテン
------------------------------------*/

.regular .localNav .link01 a {
	background-position: -180px 0;
}

.regular #intro h2 {
	height: 38px;
	background-image: url(../../curtain/images/curtain/intro_hl.png);
}

.regular #intro .more {
	margin-top: 40px;
	padding: 25px 30px 0 30px;
	width: 576px;
	height: 181px;
	background-image: url(../../curtain/images/more_bg.png);
}

.regular #intro .more h3 {
	width: 320px;
	height: 18px;
	background-image: url(../../curtain/images/curtain/intro_more_hl.jpg);
}

.regular #works h3 {
	margin-left: -15px;
	width: 282px;
	height: 66px;
	background-image: url(../../curtain/images/curtain/works_hl.png);
	text-indent: -10000em;
}

.regular #price h3 {
	margin-bottom: 30px;
	width: 630px;
	height: 24px;
	background-image: url(../../curtain/images/curtain/price_hl.png);
	text-indent: -10000em;
}

.regular #price p {
	float: left;
	width: 320px;
}

.regular #price table {
	border-right: solid 1px #cecebf;
	border-bottom: solid 1px #cecebf;
	float: right;
	width: 290px;
	background-color: #fff;
}

.regular #price table th {
	padding: 5px 5px 5px 25px;
	border-left: solid 1px #cecebf;
	border-top: solid 1px #cecebf;
	width: 120px;
	background-color: #f3f3f0;
	font-weight: normal;
	text-align: left;
}

.regular #price table td {
	padding: 5px;
	border-left: solid 1px #cecebf;
	border-top: solid 1px #cecebf;
	text-align: center;
}

/* ---------------------------------
  ロールスクリーン
------------------------------------*/

.roll .localNav .link02 a {
	background-position: -180px -33px;
}

.roll #intro h2 {
	height: 38px;
	background-image: url(../../curtain/images/roll/intro_hl.png);
}

.roll #intro .more {
	margin-top: 40px;
	padding: 25px 30px 0 30px;
	width: 576px;
	height: 181px;
	background-image: url(../../curtain/images/more_bg.png);
}

.roll #intro .more h3 {
	width: 320px;
	height: 18px;
	background-image: url(../../curtain/images/roll/intro_more_hl.jpg);
}

.roll #works h3 {
	margin-left: -15px;
	width: 507px;
	height: 67px;
	background-image: url(../../curtain/images/roll/works_hl.png);
	text-indent: -10000em;
}

/* ---------------------------------
  ブラインド
------------------------------------*/

.blind .localNav .link03 a {
	background-position: -180px -66px;
}

.blind #intro h2 {
	height: 38px;
	background-image: url(../../curtain/images/blind/intro_hl.png);
}

.blind #intro .more {
	margin-top: 40px;
	padding: 25px 30px 0 30px;
	width: 576px;
	height: 181px;
	background-image: url(../../curtain/images/more_bg.png);
}

.blind #intro .more h3 {
	width: 320px;
	height: 18px;
	background-image: url(../../curtain/images/blind/intro_more_hl.jpg);
}

.blind #works h3 {
	margin-left: -15px;
	width: 348px;
	height: 67px;
	background-image: url(../../curtain/images/blind/works_hl.png);
	text-indent: -10000em;
}

/* ---------------------------------
  ブラインド
------------------------------------*/

.others .localNav .link04 a {
	background-position: -180px -99px;
}

.others #intro h2 {
	height: 38px;
	background-image: url(../../curtain/images/others/intro_hl.png);
}

.others #intro .more {
	margin-top: 20px;
	padding: 25px 30px 0 30px;
	width: 576px;
	height: 181px;
	background-image: url(../../curtain/images/more_bg.png);
}

.others #intro .more h3 {
	width: 320px;
	height: 18px;
	background-image: url(../../curtain/images/others/intro_more_hls.jpg);
}

.others #intro #carpet h3 {
	background-position: 0 0;
}

.others #intro #lighting h3 {
	background-position: 0 -18px;
}