@charset "utf-8";
/* YAMANE articles style Document */

h2 {
	background: url(../../articles/img/title.gif) no-repeat;
}

#guide ul li {
	color: #8acd82;
}

/* list */

h3 {
	padding: 0;
	width: 871px;
	height: 26px;
	text-indent: -9999px;
	display: block;
	clear: both;
	border-bottom: solid 1px #f4e9dd;
}

h3#area {
	margin: 0;
	background: url(../../articles/img/area_title.gif) no-repeat;
}

h3#pickUp {
	margin: 35px 0 0 0;
	background: url(../../articles/img/pick_up_title.gif) no-repeat;
}

h3#artList {
	margin: 35px 0 0 0;
	background: url(../../articles/img/article_list_title.gif) no-repeat;
}

ul#areaList {
	margin: 15px 0 0 0;
	padding: 0;
	width: 871px;
	list-style: none;
}

ul#areaList li {
	margin: 0;
	padding: 0 20px 0 10px;
	float: left;
	background: url(../common/arrow.gif) no-repeat left center;
}

#puList {
	margin: 15px 0 0 0;
	padding: 10px 15px;
	width: 841px;
	text-align: left;
	background: #f9f4ee;
}

*html #puList {
	width: 871px;
}

#puList div {
	margin: 5px 0;
	padding: 0 0 0 10px;
	background: url(../common/arrow.gif) no-repeat left center;
}

h4 {
	margin: 15px 0 0 0;
	padding: 0;
	width: 90px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	clear: both;
	background: #c1ab9c;
}

.artDetails {
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
	width: 871px;
	clear: both;
	background: url(../common/dotline01.gif) repeat-x bottom;
}

p.adPhoto {
	margin: 0;
	padding: 0;
	width: 260px;
	height: 172px;
	float: left;
}

.adBox {
	margin: 0;
	padding: 0;
	width: 591px;
	float: right;
}

.adBox dl {
	margin: 0;
	padding: 0;
	width: 591px;
}

.adBox dt {
	margin: 0 0 15px 0;
	padding: 0;
	width: 63px;
	height: 19px;
	float: left;
	text-indent: -9999px;
	display: block;
}

dt.adName {
	background: url(../../articles/img/list_name.gif) no-repeat;
}

dt.adAdd {
	background: url(../../articles/img/list_add.gif) no-repeat;
}

dt.adPrice {
	background: url(../../articles/img/list_price.gif) no-repeat;
}

dt.adComm {
	background: url(../../articles/img/list_comm.gif) no-repeat;
}

.adBox dd {
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	width: 498px;
	float: left;
}

.adBox dd strong {
	font-size: 14px;
}

*html .adBox dd {
	width: 513px;
}

p.adBtn,
p.adBtn a {
	margin: 0;
	padding: 0;
	width: 90px;
	height: 26px;
	text-indent: -9999px;
	display: block;
	clear: both;
	background: url(../common/details_btn.gif) no-repeat;
}

p.adBtn a:hover {
	background: url(../common/details_btn.gif) no-repeat 0 -26px;
}

/* details */

/* left data plan */

#adLeft {
	margin: 0;
	padding: 0;
	width: 234px;
	float: left;
}

dl#adlData {
	margin: 0;
	padding: 0 0 5px 0;
	width: 234px;
	background: #fff;
	border-bottom: solid 1px #f4e9dd;
}

dl#adlData dt {
	margin: 0 0 15px 0;
	padding: 0;
	width: 77px;
	height: 19px;
	float: left;
	text-indent: -9999px;
	display: block;
}

dl#adlData dd {
	margin: 0 0 15px 0;
	padding: 0;
	width: 157px;
	float: left;
}

dl#adlData dd strong {
	color: #8acd82;
}

ul#adlPlan {
	margin: 20px 0 0 0;
	padding: 0;
	width: 234px;
	list-style: none;
	clear: both;
}

ul#adlPlan li {
	margin: 0 0 10px 0;
	padding: 3px 10px 3px 20px;
	width: 203px;
	background: url(../common/arrow.gif) no-repeat 10px center #f4e9dd;
	border-right: solid 1px #e2d3c6;
	border-bottom: solid 1px #e2d3c6;
}

*html ul#adlPlan li {
	width: 233px;
}

/* right photo tab */

#adRight {
	margin: 0;
	padding: 0 0 0 25px;
	width: 586px;
	float: right;
	border-left: solid 1px #f4e9dd;
}

*html #adRight {
	width: 611px;
}

/* photo */

#adrPhoto {
	margin: 0;
	padding: 0;
	height: 309px;
	width: 586px;
}

.adrpL  {
	margin: 0;
	padding: 0;
	width: 308px;
	float: left;
}

.adrpR  {
	margin: 0;
	padding: 0;
	width: 268px;
	float: right;
}

#adrPhoto p {
	float: left;
}

p.adp01 {
	margin: 0 10px 0 0;
	padding: 0;
	width: 202px;
	height: 152px;
	background: #f49255;
}

p.adp02 {
	margin: 0;
	padding: 0;
	width: 96px;
	height: 72px;
	background: #e6d03e;
}

p.adp03 {
	margin: 8px 0 0 0;
	padding: 0;
	width: 96px;
	height: 72px;
	background: #68d5b5;
}

p.adp04 {
	margin: 10px 10px 0 0;
	padding: 0;
	width: 149px;
	height: 112px;
	background: #f58989;
}

p.adp05 {
	margin: 10px 0 0 0;
	padding: 0;
	width: 149px;
	height: 112px;
	background: #82cef0;
}

p.adp06 {
	margin: 0;
	padding: 0;
	width: 129px;
	height: 97px;
	background: #b3d759;
}

p.adp07 {
	margin: 0 0 0 10px;
	padding: 0;
	width: 129px;
	height: 97px;
	background: #f298cc;
}

p.adp08 {
	margin: 10px 0 0 0;
	padding: 0;
	width: 268px;
	height: 202px;
	background: #70a1d9;
}

/* tab */

ul#adrTab {
	margin: 20px 0 0 0;
	padding: 0;
	width: 586px;
	clear: both;
	list-style: none;
}

ul#adrTab li,
ul#adrTab li.adrtOn {
	width: 110px;
	height: 24px;
	float: left;
	text-align: center;
	background: url(../../articles/img/tab_bg01.gif) no-repeat;
}

ul#adrTab li {
	background: url(../../articles/img/tab_bg01.gif) no-repeat;
}

ul#adrTab li.adrtOn {
	background: url(../../articles/img/tab_bg02.gif) no-repeat;
}

ul#adrTab li,
ul#adrTab li.adrtOn {
	margin: 0 1px 0 0;
	padding: 3px 0 0 0;
}

ul#adrTab li a {
	margin: 0;
	padding: 0;
	color: #8acd82;
	text-decoration: underline;
}

ul#adrTab li a:hover {
	font-weight: bold;
	text-decoration: none;
}

ul#adrTab li.adrtOn a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

ul#adrTab li.adrtOn a:hover {
	text-decoration: none;
}

/* outline box */

.adrBox {
	margin: 0;
	padding: 25px;
	width: 534px;
	clear: both;
	border: solid 1px #8acd82;
}

*html .adrBox {
	width: 584px;
}

#outline,
#near,
#map {
	margin: 0;
	padding: 0;
	width: 533px;
}

/* outline */

ul.adrbOut {
	width: 533px;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.adrbOut li {
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
}

/* near */

dl.adrbNear {
	width: 250px;
	margin: 0;
	padding: 0;
	float: left;
}

dl.adrbNear dt {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100px;
}

dl.adrbNear dd {
	margin: 0 0 10px 13px;
	padding: 0;
	width: 420px;
}

dl.adrbNear dd ul {
	margin: 0;
	padding: 0;
	list-style: none;
}