@charset "Shift_JIS";

/* ------------------------------------------------
	トップページ
------------------------------------------------ */
#mainVisual {
	width: 753px;
	height: 330px;
}

#contentsArea {
	margin-bottom: 15px;
}

#contentsArea table.categoryTbl {
	margin: 11px 0 0 15px;
}

#contentsArea table.categoryTbl td {
	width: 349px;
	height: 82px;
	padding: 0;
	color: #444;
	font-size: 12px;
	line-height: 16px;
	vertical-align: top;
	background: transparent url(/dop/image/bg_category.gif) left top no-repeat;
}

.tabbtn {
	display: none;
}

#contentsArea #preLoader {
	height: 173px;
	text-align: center;
}

#contentsArea #preLoader img {
	margin-top: 40px;
}

#contentsArea #preLoader p {
	margin: 0;
	padding: 0;
}

#contentsArea #rssList {
	overflow: auto;
}

#contentsArea #rssList table td {
	vertical-align: top;
}
#contentsArea #rssList table td.date {
	width: 65px;
}

#contentsArea table.newsTbl {
	margin: 2px 0;
}

#contentsArea table.newsTbl td {
	padding: 2px 5px 2px 2px;
	color: #444;
	font-size: 12px;
	line-height: 16px;
}

#contentsArea table.newsTbl td.date {
	margin: 0;
	padding: 2px 2px 2px 12px;
	background: transparent url(/image/a_red_r.gif) 2px 6px no-repeat;
}

#contentsArea .newsTblMsg {
	margin: 20px 0 0 0;
	color: #666;
	font-size: 12px;
	line-height: 16px;
}

#contentsArea table.eventsTbl {
	margin-bottom: 0;
}

#contentsArea table.eventsTbl th {
	height: 23px;
	padding-left: 12px;
	font-size: 0;
	line-height: 1px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #ededed;
}

#contentsArea table.eventsTbl td.special {
	padding: 10px 5px;
	border-right: 1px solid #999;
	border-bottom: none;
	background-color: #d2e6ff;
	font-weight: bold;
	text-indent: 0;
}

#contentsArea table.eventsTbl td.special select {
	width: 100%;
	color: #444;
}

#contentsArea table.topicsTbl {
	margin-bottom: 15px;
}

#contentsArea table.topicsTbl th {
	height: 23px;
	padding: 4px 12px 3px 12px;
	font-size: 0;
	line-height: 1px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #999;
	background-color: #ededed;
}

div.pageTop {
	margin: 0 20px 20px 20px;
	padding: 1px 0 0 0;
	text-align: right;
	border-top: 1px solid #999;
}

div.pageTop p {
	display: inline;
	padding-left: 10px;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 1px;
	background: transparent url(/image/a_red_u.gif) 0 50% no-repeat;
}

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

#hosyo36 h2 {
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 10px;
	line-height: 14px;
}

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

#hosyo36 li {
	margin: 0 0 0 1em;
	padding: 0;
	color: #444;
	font-size: 10px;
	line-height: 14px;
	text-indent: -1em;
}


/* ------------------------------------------------
	ナビ・オーディオ・ETC
------------------------------------------------ */
body#dopNaviAudio .areaMargin0 h1,
body#dopRecommend .areaMargin0 h1 {
	margin: 0;
	padding: 14px 20px 13px 20px;
	text-align: right;
	border-bottom: 1px solid #d6d6d6;
	background-color: #b3b3b3;
}

body#dopNaviAudio #mainVisual {
	width: 753px;
	height: auto;
	margin: 0 0 25px 0;
	padding: 0;
}

body#dopNaviAudio #mainVisual p {
	margin: 0;
	padding: 0;
}

body#dopNaviAudio table.categoryTbl {
	margin: 0 0 30px 20px;
}

body#dopNaviAudio table.categoryTbl td {
	width: 366px;
	height: 130px;
	padding: 0;
	color: #444;
	font-size: 12px;
	line-height: 16px;
	vertical-align: top;
	background: transparent url(/dop/navi-audio/image/bg_category.gif) left top no-repeat;
}

body#dopNaviAudio table.categoryTbl td.tdEnd {
	width: 349px;
}


/* ------------------------------------------------
	おすすめアイテム
------------------------------------------------ */
body#dopRecommend #mainVisual {
	width: 753px;
	height: auto;
	margin: 0 0 25px 0;
	padding: 0;
}

body#dopRecommend #mainVisual p {
	margin: 0;
	padding: 0;
}

#lineupArea {
	margin-bottom: 30px;
	padding: 0 20px 20px 20px;
}

#lineupArea ul#tabArea {
	list-style: none;
	margin: 0;
	padding: 0 0 0 16px;
	background: transparent url(/dop/recommend/image/bg_line.gif) left bottom repeat-x;
}

#lineupArea ul#tabArea li {
	float: left;
	display: inline;
	margin: 0 0 0 -1px;
	padding: 0;
	font-size: 0;
	line-height: 1px;
}

#lineupArea ul#tabArea li img#tabB01 {
	position: relative;
	z-index: 4;
}

#lineupArea ul#tabArea li img#tabB02 {
	position: relative;
	z-index: 3;
}

#lineupArea ul#tabArea li img#tabB03 {
	position: relative;
	z-index: 2;
}

#lineupArea ul#tabArea li img#tabB04 {
	position: relative;
	z-index: 1;
}

#lineupArea ul#tabArea li a {
	cursor: pointer;
}

#lineupArea #lineup {
	margin: 0;
	padding: 20px 15px 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#lineupArea #lineup h4 {
	margin: 0 0 15px 0;
	padding: 0;
	background: #fff url(/dop/recommend/image/bg_reticulation.gif) left top repeat;
}

#lineupArea #dispExIn,
#lineupArea #dispSs,
#lineupArea #dispEl {
	display: block;
	margin: 0;
	padding: 0;
}

#lineupArea #dispExIn table td,
#lineupArea #dispSs table td,
#lineupArea #dispEl table td {
	vertical-align: top;
}

#lineupArea #dispExIn table.recItemTbl,
#lineupArea #dispSs table.recItemTbl,
#lineupArea #dispEl table.recItemTbl {
	margin-bottom: 30px;
}

#lineupArea #dispExIn table.recItemTbl td,
#lineupArea #dispSs table.recItemTbl td,
#lineupArea #dispEl table.recItemTbl td {
	background: transparent url(/dop/recommend/image/bg_dotline_top.gif) left top no-repeat;
}


#lineupArea #dispExIn table.recItemTbl td table.recItem,
#lineupArea #dispSs table.recItemTbl td table.recItem,
#lineupArea #dispEl table.recItemTbl td table.recItem {
	background: transparent url(/dop/recommend/image/bg_dotline.gif) left bottom repeat-x;
}

#lineupArea #dispExIn table.recItemTbl td table.recItem th,
#lineupArea #dispExIn table.recItemTbl td table.recItem td,
#lineupArea #dispSs table.recItemTbl td table.recItem th,
#lineupArea #dispSs table.recItemTbl td table.recItem td,
#lineupArea #dispEl table.recItemTbl td table.recItem th,
#lineupArea #dispEl table.recItemTbl td table.recItem td {
	padding-top: 10px;
	padding-bottom: 10px;
	border: none;
	background: none;
}

#lineupArea #dispExIn table th.special,
#lineupArea #dispSs table th.special,
#lineupArea #dispEl table th.special {
	padding-right: 10px;
	line-height: 14px;
	font-weight: normal;
	text-align: left;
	border: none;
	background: transparent;
}


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


/* ------------------------------------------------------
   リニューアル対応 > IE8 and below
------------------------------------------------------ */

/* トップ */
.W980 table tbody tr td.areaMargin0 #rssList table td {
	text-align: left\9;
}