@charset "Shift_JIS";

/* ------------------------------------------------
	オリジナルアクセサリー 汎用スタイル
------------------------------------------------ */
/* ----- ヘッダ ----- */
#accsItem {
	margin: 0 0 15px 0;
	padding: 0;
}

#accsItem h1 { 
	margin: 0;
	padding: 14px 20px 13px 20px;
	text-align: right;
	border-bottom: 1px solid #d6d6d6;
	background-color: #b3b3b3;
}

#accsItem img {
	border: 0;
}

/* ----- ナビ ----- */
#accsItem #ctgNav {
	margin: 1px 0 15px 0;
	background: url(/image/carlineup/dop/btn-back.gif) center top repeat-x;
}

#accsItem #ctgNav img {
	vertical-align: bottom;
}


/* ------------------------------------------------
	トップページ
------------------------------------------------ */
/* ----- スペシャル ----- */
#special {
	margin: 10px 5px 0 5px;
	padding: 10px 15px;
	width: 743px;
	background: transparent url(/image/carlineup/dop/common/bg-reticulation01.gif) left top repeat;
}
html>/**/body #special {
	width: 713px;
}

#special p.specialL {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	width: 349px;
	background: #000;
	display: inline;	/* IE DFM Bug hack */
}

#special p.specialR {
	float: right;
	margin: 0;
	padding: 0;
	width: 349px;
	background: #000;
	display: inline;	/* IE DFM Bug hack */
}


/* ----------------------------------------------
	商品ページ
---------------------------------------------- */
#accsItem .itemList {
	width: 740px;
	margin: 20px 5px 30px 5px;
}

#accsItem .itemList .item {
	width: 370px;
	color: #444;
	font-size: 12px;
	line-height: 16px;
}

#accsItem .itemHeader,
#accsItem .marks,
#accsItem .itemSum,
#accsItem .mainP,
#accsItem .specTbl,
#accsItem .price,
#accsItem .subP,
#accsItem .seeDetail {
	width: 340px;
	margin: 0 15px;
}

#accsItem .itemHeader {
	height: 36px;
	background: url(/image/carlineup/dop/itemtitle.gif) 0 0 no-repeat;
}

#accsItem .itemHeader th {
	margin: 0;
	padding: 0 5px 0 15px;
	color: #444;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
}

#accsItem .marks {
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 15px;
	text-align: right;
}

#accsItem .marks img {
	margin-left: 4px;
	vertical-align: bottom;
}

#accsItem .itemSum {
	display: block;
	margin-bottom: 15px;
}

#accsItem .mainP {
	padding: 0;
}

#accsItem .specTbl {
	margin-top: 6px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom-style: none;
	border-left-style: none;
}

#accsItem .specTbl th,
#accsItem .specTbl td {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	color: #444;
	font-size: 10px;
	line-height: 14px;
}

#accsItem .itemList .specTbl th {
	width: 50px;
	background-color: #eee;
	text-align: left;
}

#accsItem .price {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #444;
	font-size: 12px;
	letter-spacing: 1px;
}

#accsItem .price em {
	padding-right: 4px;
	padding-left: 6px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: 18px;
}

#accsItem .price del {
	display: block;
	font-style: normal;
	text-decoration: line-through;
}

#accsItem .price ins {
	display: block;
	font-style: normal;
	text-decoration: none;
}

#accsItem .price ins em {
	color: #0d4dbb;
}

#accsItem .subP {
	padding: 0;
	font-size: 10px;
	line-height: 14px;
}

#accsItem .seeDetail {
	display: block;
	height: 14px;
	margin-top: 10px;
	padding-left: 12px;
	line-height: 14px;
	background: url(/image/a_red_r.gif) 0 3px no-repeat;
}

/* ----- ページナビ ----- */
.pageNav {
	font-size: 14px;
	text-align: right;
}

.pageNav a {
	padding-left: 0.5em;
	text-decoration: underline !important;
}

.pageNav span {
	padding-left: 0.5em;
	color: #b30000;
	font-weight: bold;
}

.pageNav img {
	vertical-align: text-bottom;
}

#pageNavTop {
	margin: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
}

#pageNavFoot {
	margin: 20px;
	padding-top: 5px;
	border-top: 1px solid #999;
}

/* ----- 注記 ----- */
#cautionList {
	margin: 0 20px 10px 20px;
	color: #444;
	font-size: 10px;
	line-height: 14px;
}

#cautionList ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
}

#cautionList li {
	margin-left: 1em;
	padding: 0;
	text-indent: -1em;
}

#cautionList #hosyo36 {
	padding-left: 50px;
	background: url(/image/carlineup/dop/mrk_hosyo36.gif) 0 14px no-repeat;
}

#cautionList #hosyo36 h2 {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#cautionList #hosyo36 li {
	margin-left: 1em;
	text-indent: -1em;
}

/* ----- ページトップ ----- */
#gotoTop {
	margin: 10px 20px 10px 20px;
	padding-right: 18px;
	background: url(/image/carlineup/dop/go_top.gif) right top no-repeat;
	font-size: 12px;
	text-align: right;
}

/* ----- アンカー ----- */
a { cursor: pointer; }


/* ----------------------------------------------
	ポップアップ スタイル
---------------------------------------------- */
body#popup {
	margin: 10px 12px 5px 12px;
	text-align: center;
}

body#popup #wrapper {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

/* ----- ヘッダ ----- */
body#popup #wrapper #header {
	margin: 0;
	padding: 0;
}
body#popup #wrapper #header:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
body#popup #wrapper #header {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html body#popup #wrapper #header { height: 1%; }
body#popup #wrapper #header { display: block; }
/* End hide from IE-mac */

body#popup #wrapper #header h1 {
	float: left;
	margin: 0;
	padding: 5px 15px 0 15px;
}

body#popup #wrapper #header h2 {
	float: right;
	margin: 0;
	padding: 0 15px 10px 15px;
}

/* ----- コンテント ----- */
body#popup #wrapper #content {
	clear: both;
	border: 1px solid #999;
}

/* ----- コンテント > タイトル ----- */
body#popup #wrapper #content h3 {
	height: 20px;
	height/* */:/**/ 14px;
	height: /**/ 14px;
	margin: 0;
	padding: 3px 14px 3px 14px;
	background-color: #999;
	font-size: 0;
	line-height: 1px;
	text-align: left;
}

body#popup #wrapper #content h3 img.carName{
	margin-right: 5px;
}

/* ----- コンテント > セットアイテム ----- */
body#popup #wrapper #content #setItem,
body#popup #wrapper #content #setItem2 {
	padding: 10px 15px;
	background-color: #e5e5e5;
}
html>/**/body#popup #wrapper #content #setItem {
	margin-top: 20px;	/* for Modern */
}
html>/**/body#popup #wrapper #content #setItem2 {
	margin-top: 15px;	/* for Modern */
}

body#popup #wrapper #content #setArea #setItem,
body#popup #wrapper #content #setArea #setItem2 {
	margin-bottom: 25px;
}
html>/**/body#popup #wrapper #content #setArea #setItem,
html>/**/body#popup #wrapper #content #setArea #setItem2 {
	margin-top: 0;	/* for Modern */
}

body#popup #wrapper #content #setItem2 {
	margin-top: 15px;
}
html>/**/body#popup #wrapper #content #setArea #setItem.setItemFirst {
	margin-bottom: 0 !important;
}


/* ドレスアップパッケージ */
body#popup #wrapper #content #setItem table th.setTitle,
body#popup #wrapper #content #setItem2 table th.setTitle {
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
	color: #444;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
}

/* ベーシックセット */
body#popup #wrapper #content #setItem table td.setTitle,
body#popup #wrapper #content #setItem2 table td.setTitle {
	padding-bottom: 7px;
	color: #444;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
}

body#popup #wrapper #content #setItem table th.setTitle img.imgMarks,
body#popup #wrapper #content #setItem table td.setTitle img.imgMarks,
body#popup #wrapper #content #setItem2 table th.setTitle img.imgMarks,
body#popup #wrapper #content #setItem2 table td.setTitle img.imgMarks {
	text-align: right !important;
}

body#popup #wrapper #content #setItem table td.setPrice,
body#popup #wrapper #content #setItem2 table td.setPrice {
	padding-top: 10px;
	color: #444;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
}
body#popup #wrapper #content #setItem table td.setPrice img,
body#popup #wrapper #content #setItem2 table td.setPrice img {
	vertical-align: middle;
}

body#popup #wrapper #content #setItem table td.setPrice img.imgTotalPrice,
body#popup #wrapper #content #setItem2 table td.setPrice img.imgTotalPrice {
	margin-right: 20px;
}

body#popup #wrapper #content #setItem table td.setPrice img.imgSetPrice,
body#popup #wrapper #content #setItem2 table td.setPrice img.imgSetPrice {
	margin: 0 15px;
}

body#popup #wrapper #content #setItem table.setSpecTbl,
body#popup #wrapper #content #setItem2 table.setSpecTbl {
	margin-top: 5px;
}

body#popup #wrapper #content #setItem table.setSpecTbl th,
body#popup #wrapper #content #setItem table.setSpecTbl td,
body#popup #wrapper #content #setItem2 table.setSpecTbl th,
body#popup #wrapper #content #setItem2 table.setSpecTbl td {
	color: #444;
	font-size: 10px;
	line-height: 14px;
}

body#popup #wrapper #content #setItem table.setSpecTbl th,
body#popup #wrapper #content #setItem2 table.setSpecTbl th {
	padding-right: 10px;
	text-align: left;
}

body#popup #wrapper #content #setItem div.subP,
body#popup #wrapper #content #setItem2 div.subP {
	margin: 5px 0 0 0;
	padding: 0;
	color: #444;
	font-size: 10px;
	line-height: 14px;
}

body#popup #wrapper #content #setItem .subP .list {
	margin-left: 1.0em;
	text-indent: -1.0em;
}
	
/* ----- 注記 ----- */
body#popup #wrapper #content #cautionList {
	margin: 0;
}

body#popup #wrapper #content #cautionList #hosyo36 {
	margin: 0 0 25px 0;
}

body#popup #wrapper #content #cautionList #trdCaution {
	margin: 0 0 25px 0;
}

body#popup #wrapper #content #cautionList #trdCaution p {
	margin: 0 0 5px 0;
}

/* ----- 閉じるボタン ----- */
body#popup #wrapper #content #pageClose {
	padding-top: 10px;
	background: url(/image/carlineup/dop/common/dotline.gif) left top repeat-x;
}

body#popup #wrapper #content #pageClose p {
	margin: 0;
	padding: 0;
	text-align: right;
}

/* ----- フッタ ----- */
body#popup #wrapper #footer {
	width: auto;
	margin: 0;
	padding: 3px 3px 3px 12px;
	border: none;
}

body#popup #wrapper #footer p {
	margin: 0;
	padding: 0;
}


/* ----------------------------------------------
	ドレスアップパッケージ
---------------------------------------------- */
/* ----- コンテント > メインヴィジュアル ----- */
body#popup #wrapper #content #mainVisual {
	border-bottom: 1px solid #999;
}

body#popup #wrapper #content #mainVisual p {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999;
}

body#popup #wrapper #content #mainVisual ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

body#popup #wrapper #content #mainVisual ul li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #999;
	font-size: 0;
	line-height: 0;
}

body#popup #wrapper #content #mainVisual ul li.endList {
	border-right: none;
}

/* Print Style for IE */
@media print {
	body#popup #wrapper #content #mainVisual ul {
		width: 748px;
	}
}

/* ----- コンテント > パッケージエリア ----- */
body#popup #wrapper #content #packageArea {
	padding: 25px 24px 20px 24px;
}
html>/**/body#popup #wrapper #content #packageArea {
	padding: 5px 24px 20px 24px;	/* for Modern */
}

body#popup #wrapper #content #packageArea table.partsSetItemList {
	width: 670px;
	margin: 20px 0 0 0;
}

body#popup #wrapper #content #packageArea table.itemList {
	width: 700px;
	margin: 20px 0 30px 0;
}

body#popup #wrapper #content #packageArea table.itemList div.item {
	color: #444;
	font-size: 12px;
	line-height: 16px;
}

body#popup #wrapper #content #packageArea table.partsSetItemList table.itemHeader,
body#popup #wrapper #content #packageArea table.partsSetItemList div.item img.itemSum,
body#popup #wrapper #content #packageArea table.partsSetItemList div.item div.mainP,
body#popup #wrapper #content #packageArea table.partsSetItemList div.item table.specTbl,
body#popup #wrapper #content #packageArea table.partsSetItemList div.item div.price,
body#popup #wrapper #content #packageArea table.partsSetItemList div.item div.subP,
body#popup #wrapper #content #packageArea table.partsSetItemList div.item a.seeDetail {
	width: 325px;
	margin: 0;
}

body#popup #wrapper #content #packageArea table.partsSetItemList .marks {
	width: 325px;
}

body#popup #wrapper #content #packageArea table.itemList table.itemHeader,
body#popup #wrapper #content .marks,
body#popup #wrapper #content #packageArea table.itemList div.item img.itemSum,
body#popup #wrapper #content #packageArea table.itemList div.item div.mainP,
body#popup #wrapper #content #packageArea table.itemList div.item table.specTbl,
body#popup #wrapper #content #packageArea table.itemList div.item div.price,
body#popup #wrapper #content #packageArea table.itemList div.item div.subP,
body#popup #wrapper #content #packageArea table.itemList div.item a.seeDetail {
	width: 340px;
	margin: 0;
}

body#popup #wrapper #content #packageArea table.partsSetItemList div.item table.itemHeader,
body#popup #wrapper #content #packageArea table.itemList div.item table.itemHeader {
	height: 36px;
	background: url(/image/carlineup/dop/itemtitle.gif) 0 0 no-repeat;
}

body#popup #wrapper #content #packageArea table.partsSetItemList div.item table.itemHeader th,
body#popup #wrapper #content #packageArea table.itemList div.item table.itemHeader th {
	margin: 0;
	padding: 0 5px 0 15px;
	color: #444;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
}

body#popup #wrapper #content #packageArea table.itemList div.item img.itemSum {
	display: block;
	margin-bottom: 15px;
}

body#popup #wrapper #content #packageArea table.itemList div.item div.mainP {
	padding: 0;
}

body#popup #wrapper #content #packageArea table.partsSetItemList div.item table.specTbl,
body#popup #wrapper #content #packageArea table.itemList div.item table.specTbl {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 10px;
}

/* TRD */
body#popup.trd #wrapper #content #packageArea table.itemList div.item table.specTbl {
	margin-top: 6px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 10px;
}

body#popup #wrapper #content #packageArea table.partsSetItemList div.item table.specTbl th,
body#popup #wrapper #content #packageArea table.partsSetItemList div.item table.specTbl td,
body#popup #wrapper #content #packageArea table.itemList div.item table.specTbl th,
body#popup #wrapper #content #packageArea table.itemList div.item table.specTbl td {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	color: #444;
	line-height: 14px;
}

body#popup #wrapper #content #packageArea table.partsSetItemList div.item table.specTbl th,
body#popup #wrapper #content #packageArea table.itemList div.item table.specTbl th {
	width: 50px;
	background-color: #eee;
	text-align: left;
}

body#popup #wrapper #content #packageArea table.partsSetItemList div.item table.specTbl th {
	background-color: #ddd;
}

body#popup #wrapper #content #packageArea table.itemList div.item div.price {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #444;
	font-size: 12px;
	letter-spacing: 1px;
}

body#popup #wrapper #content #packageArea table.itemList div.item div.price ins em {
	color: #444;
}

body#popup #wrapper #content #packageArea table.partsSetItemList div.item div.subP,
body#popup #wrapper #content #packageArea table.itemList div.item div.subP {
	padding: 0;
	font-size: 10px;
	line-height: 14px;
}

body#popup #wrapper #content #packageArea table.itemList div.item a.seeDetail {
	display: block;
	height: 14px;
	margin-top: 10px;
	padding-left: 12px;
	line-height: 14px;
	background: url(/image/a_red_r.gif) 0 3px no-repeat;
}


/* ----------------------------------------------
	ベーシックセット
---------------------------------------------- */
/* ----- コンテント > セットエリア ----- */
body#popup #wrapper #content #setArea {
	margin: 20px 22px 20px 23px;
}

body#popup #wrapper #content #setArea h4 {
	margin: 0 0 25px 0;
	padding: 0;
}

body#popup #wrapper #content #setArea table.itemHeader {
	height: 36px;
	margin-bottom: 10px;
	background: #fff url(/image/carlineup/dop/itemtitle-l.gif) left top no-repeat !important;
}

body#popup #wrapper #content #setArea table.itemHeader th {
	padding: 0 5px 0 15px;
	color: #444;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
}

body#popup #wrapper #content #setArea table.setItemP {
	margin-bottom: 10px;
}

body#popup #wrapper #content #setArea #setItem table.setItemNum {
	margin: 0;
	border-bottom: 1px solid #999;
}


/* ----------------------------------------------
	パッケージ / ベーシックセット 汎用
---------------------------------------------- */
img.imgNum {
	margin-right: 5px;
}

body#popup #wrapper #content #setItem table th.setTitle div.marks,
body#popup #wrapper #content #setItem table td.setTitle div.marks,
body#popup #wrapper #content #setItem2 table th.setTitle div.marks,
body#popup #wrapper #content #setItem2 table td.setTitle div.marks {
	width: 670px;
	height: 15px;
	margin: -15px 0 0 0;
	line-height: 15px;
	text-align: right;
}

body#popup #wrapper #content #setItem table th.setTitle div.marks img,
body#popup #wrapper #content #setItem table td.setTitle div.marks img,
body#popup #wrapper #content #setItem2 table th.setTitle div.marks img,
body#popup #wrapper #content #setItem2 table td.setTitle div.marks img {
	margin-left: 4px;
	vertical-align: bottom;
}

body#popup #wrapper #content .marks {
	height: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 15px;
	text-align: right;
}

body#popup #wrapper #content .marks p {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 1px;
}

body#popup #wrapper #content .marks p img {
	margin-left: 4px;
	vertical-align: bottom;
}

body#popup #wrapper #content em {
	padding-right: 4px;
	padding-left: 6px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: 18px;
}

body#popup #wrapper #content del {
	font-style: normal;
	text-decoration: line-through;
}

body#popup #wrapper #content ins {
	font-style: normal;
	text-decoration: none;
}

body#popup #wrapper #content ins em {
	margin: 0;
	padding: 0;
	color: #0d4dbb;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
}

/* スペシャルエリア */
body#popup #wrapper #content #specialArea {
	padding: 10px 24px;
	background: transparent url(/image/carlineup/dop/common/bg-reticulation01.gif) left top repeat;
}

body#popup #wrapper #content #specialArea p {
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 12px;
	line-height: 18px;
}

body#popup #wrapper #content #specialArea #specialAreaL {
	float: left;
	width: 340px;
	margin: 0 20px 0 0;
	padding: 0;
	display: inline;	/* IE DFM Bug hack */
}

body#popup #wrapper #content #specialArea #specialAreaR {
	float: right;
	width: 340px;
	margin: 0;
	padding: 3px 0 0 0;
}


/* ------------------------------------------------
	Float Clearing
-------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* ------------------------------------------------
	サブナビバナー
------------------------------------------------ */
.bnrSubnavi {
	margin: 0 10px 30px 9px;
	padding: 0;
}

.bnrSubnavi p {
	margin: 0;
	padding: 0;
}


/* ------------------------------------------------
	パッケージ - TCV バナー
------------------------------------------------ */
#tcv {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999;
	background: transparent url(/image/carlineup/dop/common/bg-tcv.gif) left top repeat-x;
}

#tcv p#bnrTcv  {
	float: left;
	margin: 0;
	padding: 0;
}

#tcv p#aboutTcv {
	float: left;
	margin: 7px 0 7px 15px;
	padding: 2px 0 0 0;
}


/* ------------------------------------------------
	Common Style
------------------------------------------------ */
div.subP .red {
	color: #b30000;
	font-size: 10px !important;
	line-height: 14px !important;
}