@charset "utf-8";

/*
CSS information
	FileName    : spec.css
	Description : スペックレイアウト用
	Version     : 2.0.2 (20100713)
	Author      : szk
*/

/*====================================================================================================
スペック比較
====================================================================================================*/

#specShell h2 {
	margin-bottom: 20px;
}

#specShell {
	padding: 35px 35px 0;
}

#tabsAreaWrap {
	_text-align: center;
}

/* タブ振り分け */
#tabsArea {width: 860px;}
#tabsArea .ui-tabs-nav li a {width: 138px;	height: 40px; background: url(../images/tabs.jpg) repeat 0 0;}

#tabsArea .ui-tabs-nav li a.zone1	{background-position: 0 -80px; margin-left: 16px;}
#tabsArea .ui-tabs-nav li a.zone2 {background-position: -138px -80px;}
#tabsArea .ui-tabs-nav li a.zone3	{background-position: -276px -80px;}
#tabsArea .ui-tabs-nav li a.zone4	{background-position: -414px -80px;}
#tabsArea .ui-tabs-nav li a.zone5	{background-position: -552px -80px;}
#tabsArea .ui-tabs-nav li a.zone6	{background-position: -690px -80px;}

#tabsArea .ui-tabs-nav li a.zone1:hover {background-position: 0 -40px;}
#tabsArea .ui-tabs-nav li a.zone2:hover {background-position: -138px -40px;}
#tabsArea .ui-tabs-nav li a.zone3:hover {background-position: -276px -40px;}
#tabsArea .ui-tabs-nav li a.zone4:hover {background-position: -414px -40px;}
#tabsArea .ui-tabs-nav li a.zone5:hover {background-position: -552px -40px;}
#tabsArea .ui-tabs-nav li a.zone6:hover {background-position: -690px -40px;}

#tabsArea .ui-tabs-nav li.ui-tabs-selected a.zone1 {background-position: 0 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.zone2 {background-position: -138px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.zone3 {background-position: -276px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.zone4 {background-position: -414px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.zone5 {background-position: -552px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.zone6 {background-position: -690px 0;}

#tabsArea .ui-tabs-nav li.ui-tabs-selected a.zone1:hover {background-position: 0 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.zone2:hover {background-position: -138px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.zone3:hover {background-position: -276px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.zone4:hover {background-position: -414px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.zone5:hover {background-position: -552px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.zone6:hover {background-position: -690px 0;}

ul.localNavi {
	text-align: center;
	margin-bottom: 10px;
}

ul.localNavi li {
	display: inline;
	color:#996633;
}

#zone1, #zone2, #zone3, #zone4, #zone5, #zone6 {
	padding: 20px 5px 30px;
	min-height: 450px;
	height: auto !important;
	_height: 450px;
}

table.specTable {
	width: 100%
}

table.specTable td {
	margin: 0;
	padding: 4px 6px;
	border: 1px solid #bbbbbb;
	color: #333;
	font-size: 77%;
	line-height: 1.3em;
}

table.specTable td.empty {
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
}
table.specTable td.bggray {
	background-color: #cccccc;
	color: #666;
	font-weight:bold;
	padding: 4px;
}
table.specTable td.bgdeep {
	background-color: #f7f7f7;
}
table.specTable td.bglight {
	background-color: #eeeeee;
}
table.specTable td.verMid {
	vertical-align: middle;
}
table.specTable td.model {
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}
table.specTable td.thang 		{background-color: #B50029; width: 80px;}
table.specTable td.thanga 	{background-color: #6C2801; width: 80px;}
table.specTable td.thangm 	{background-color: #204F87; width: 80px;}
table.specTable td.thangma	{background-color: #B99056; width: 80px;}
table.specTable td.thangp 	{background-color: #6D6700; width: 80px;}
table.specTable td.thangpa {background-color: #CB4465; width: 80px;}

table.specTable td.thang a,
table.specTable td.thanga a,
table.specTable td.thangm a,
table.specTable td.thangma a,
table.specTable td.thangp a,
table.specTable td.thangpa a{
	color: #FFFFFF;
}
table.specTable td.thang a:hover,
table.specTable td.thanga a:hover,
table.specTable td.thangm a:hover,
table.specTable td.thangma a:hover,
table.specTable td.thangp a:hover,
table.specTable td.thangpa a:hover{
	text-decoration: underline;
}


table.specTable td.bgangr {
	background-color: #007d4e;
}
table.specTable td.availability {
	text-align: center;
	vertical-align: middle;
}
table.specTable td.ang {color: #B50029;}
table.specTable td.anga {color: #6C2801;}
table.specTable td.angm {color: #204F87;}
table.specTable td.angma {color: #B99056;}
table.specTable td.angp {color: #6D6700;}
table.specTable td.angpa {color: #CB4465;}

table.specTable td.title {
	background-color: #dddddd;
	vertical-align: middle;
	width: 100px;
}
table.specTable td.comment {
	width: auto;
}

.specTableNote {
	text-align: right;
}
.specTableNote .ang {
	color: #f08200;
}
.specTableNote .angm {
	color: #c7000a;
}

/* Option */
.helmet {
	clear: both; 
	border-top:1px solid #f08200; 
	border-bottom:1px solid #f08200;
	background: transparent url("../../spec/images/option_06.gif") repeat-y top left;
}
.angmSeat {
	margin-top: 8px;
	clear: both; 
	border:1px solid #f08200;
}
.angmSeat .container1,
.angmSeat .container2 {
	width: 100%;
	float: left;
	position: relative;
}
.angmSeat .container1 {
	right: 230px;
	border-right: 1px solid #f08200;
}
.angmSeat .container2 {
	overflow: hidden;
}
.angmSeat .left {
	width: 428px;
	float: left;
	position: relative;
	left: 230px;
}
.angmSeat .right {
	width: 229px;
	float: left;
	position: relative;
	left: 231px;
}
.angmSeat.royal .container1 {
	right: 300px;
}
.angmSeat.royal .left {
	width: 358px;
	left: 300px;
}
.angmSeat.royal .right {
	width: 299px;
	left: 301px;
}
.angmSeat.cutie .container1 {
}
.angmSeat.cutie .left {
	width: 400px;
	left: 0px;
	border-right: 1px solid #f08200;
}
.angmSeat.cutie .right {
	width: 255px;
	left: 0px;
}

.specTable .pagetop {
	float: right;
	background-image: url("../../images/btn_pagetop_02.gif");
}
.specTable a.pagetop:link,
.specTable a.pagetop:visited {
	color: #fff;
}
.specTable a.pagetop:hover {
	color: #FF2A00;
}

/* safety table */
.safetyTable {
	clear: both;
	margin: 4px 8px 4px 4px;
}
.safetyTable table {
	border-top: 1px #666 solid;
	border-left: 1px #666 solid;
	width: 99%;
}
.safetyTable table td{
	border-bottom: 1px #666 solid;
	border-right: 1px #666 solid;
	text-align: center;
	vertical-align: middle;
	padding: 4px;
}
.safetyTable table th{
	border-bottom: 1px #666 solid;
	border-right: 1px #666 solid;
	background-color: #f7ecd5;
	text-align: center;
	vertical-align: middle;
	padding: 4px;
}

.safetyTable td.bgang {
	background-color: #f08200;
}
.safetyTable td.bganga {
	background-color: #f39700;
}
.safetyTable td.bgangm {
	background-color: #c7000a;
}
.safetyTable td.bgangma {
	background-color: #ee474f;
}
.safetyTable td.bgang a ,
.safetyTable td.bganga a ,
.safetyTable td.bgangm a ,
.safetyTable td.bgangma a {
	color: #fff;
}
.safetyTable td.bgang a:hover ,
.safetyTable td.bganga a:hover ,
.safetyTable td.bgangm a:hover ,
.safetyTable td.bgangma a:hover {
	text-decoration: underline;
}


.cutiekids div p {padding-left:1em; text-indent:-1em;}
.clBot {clear:both;}