@charset "Shift_JIS";

/*-------h2-------*/
/*h1 {
	padding: 0 0 30px 0;
}*/

/*-------h2-------*/
body div#container div#pagebody div#column2-main760 h2.lineup {
	margin: 0 0 30px 0;
}

/*-------h3-------*/
body div#container div#pagebody div#column2-main760 div.section h3 {
	margin: 0 0 30px;
	padding: 0 0 10px;
	background: transparent url(../../images/title_bg.gif) bottom center no-repeat;
}

div.ttl_block {
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
div.ttl_block h3 {
	padding: 0 0 0 5px;
}
div.ttl_block p {
	float: right;
	width: 80px;
}
/*-------lineup_models-------*/
dl.lineup_models {
	background: url(../../../images/dotted_line.gif) repeat-x bottom;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

dl.nomargin {
	background: none!important;
	padding-bottom: 20px!important;
	margin: 0;
}

dl.lineup_models dt.lineup_models_left {
	display: inline;
	padding-top: 2.5em;
	float: left;
	width: 144px;
	text-align: center;
}

dl.lineup_models dd.lineup_models_right p.text {
	color: #333;
	font-weight: bold;
	padding: 0 0 10px 0;
}

dl.lineup_models dd.lineup_models_right p.cap {
	color: #666666;
}

dl.lineup_models dd.lineup_models_right p.ttl {
	font-size: 160%;
	font-weight: bold;
	padding: 0 0 10px 0;
}

dl.lineup_models dd.lineup_models_right p.price {
	color: #666666;
	font-size: 100%;
	padding: 0 0 10px 0;
}

dl.lineup_models dd.lineup_models_right p.price span {
	color: #FF9900;
	padding: 0 0 0 1em;
}

.caption {
	color: #999;
	font-size: 85%;
	padding: 0 0 10px 0;
	text-indent: -2em;
	padding-left: 2em;
}

dl.lineup_models dd.lineup_models_right div.table_icon table td {
	font-size: 85%;
}

dl.lineup_models dd.lineup_models_right div.table_icon table.icon_hdmi td {
	border: 1px solid #666666;
	color: #666666;
	padding: 0px 3px;
}

dl.lineup_models dd.lineup_models_right div.table_icon table.icon_red td {
	border: 1px solid #CA143B;
	color: #CA143B;
	padding: 0px 3px;
}

dl.lineup_models dd.lineup_models_right div.table_icon table.icon_blue td {
	border: 1px solid #0059AB;
	color: #0059AB;
	padding: 0px 3px;
}

dl.lineup_models dd.lineup_models_right div.table_icon table.icon_green td {
	border: 1px solid #48B235;
	color: #48B235;
	padding: 0px 3px;
}

dl.lineup_models dd.lineup_models_right div.table_icon table.icon_green td.highlight {
	background: #48B235;
	color: #fff;
}


/* for ’P‘ÌƒJƒeƒSƒŠ[ƒy[ƒW’è‹` */
dl.lineup_models dd.lineup_models_right {
	display: inline;
	float: left;
	width: 386px;
	text-align: left;
	margin-left: 30px;
}

dl.lineup_models dd.lineup_models_right p.icon {
	margin: 0 0 5px 0;
}

dl.lineup_models dd.lineup_models_right p.icon img {
	margin-bottom: 5px;
}



body div#container div#pagebody div#column2-main760 div.section ul.lineup {
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
body div#container div#pagebody div#column2-main760 div.section ul.lineup li {
	position: relative;
	display: block;
	margin: 0px 0px 30px;
	padding: 0px 0px 30px;
	background: transparent url(../../images/list_bg.gif) repeat-x center bottom;
	zoom: 1;
}

body div#container div#pagebody div#column2-main760 div.section ul.lineup li.noLine {
	background: none;
}

body div#container div#pagebody div#column2-main760 div.section ul.lineup li a.btn {
	position: absolute;
	left: 10px;
	bottom: 30px;
}
body div#container div#pagebody div#column2-main760 div.section ul.lineup li a.btn2 {
	position: absolute;
	left: 102px;
	bottom: 30px;
}
body div#container div#pagebody div#column2-main760 div.section ul.lineup li a.b25 {
	bottom: 25px;
}
body div#container div#pagebody div#column2-main760 div.section ul.lineup li a.b30 {
	bottom: 30px;
}
body div#container div#pagebody div#column2-main760 div.section ul.lineup li a.b35 {
	bottom: 35px;
}
body div#container div#pagebody div#column2-main760 div.section ul.lineup li a.b40 {
	bottom: 40px;
}
body div#container div#pagebody div#column2-main760 div.section ul.lineup li a.b45 {
	bottom: 45px;
}
body div#container div#pagebody div#column2-main760 div.section ul.lineup li a.b50 {
	bottom: 50px;
}
body div#container div#pagebody div#column2-main760 div.section ul.lineup li a.b55 {
	bottom: 55px;
}




/*---------------------------------------------------------------------------------------------------------------------------------------------------------
@ƒVƒXƒeƒ€ƒy[ƒW‚©‚ç‚ÌˁEA—pCSS
----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------h1-------*/
/*h1 {
	margin: 0;
	padding: 0 0 30px 0;
}*/

/*-------h2-------*/
body div#container div#pagebody h2 {
	margin: 0;
	padding: 0 0 30px 0;
}
body div#container div#pagebody h2#main-banner {
	padding: 0 0 50px 0;
}

/*-------h3-------*/
body div#container div#pagebody h3 {
	margin: 0;
	padding: 0 0 30px 0;
}
body div#container div#pagebody div.feature h3 {
	background: #E5E5E5 none repeat scroll 0 0;
	line-height: 1.2;
	margin: 0 10px 25px 10px;
	padding: 0.5em 0 0.5em 10px;
}
body div#container div#pagebody div.feature h3.none {
	background: none;
	margin: 0;
	padding: 0 0 30px 0;
}

/*-------h4-------*/
body div#container div#pagebody div.feature h4 {
	background: #E5E5E5 none repeat scroll 0 0;
	line-height: 1.2;
	margin: 0 10px 25px 10px;
	padding: 0.5em 0 0.5em 10px;
}


/*-------titleBox-------*/
#titleBox {
	width: 755px;
	position:relative;
	margin-bottom:30px;
}
#titleBox h1 {
	margin: 0;
	padding: 0;
}

#titleBox #back_btn {
	position:absolute;
	right:20px;
	top:15px;
}



/*-------p-------*/
body div#container div#pagebody div#system {
	line-height: 1.6;
}

body div#container div#pagebody div#system p {
	padding: 0 0 30px;
}

body div#container div#pagebody div#system div.feature {
	margin: 0 0 50px;
}
body div#container div#pagebody div#system div.feature p {
	margin: 0 10px;
}
body div#container div#pagebody div#system div.feature p.photo {
	float: right;
	margin-left: 30px;
}

body div#container div#pagebody div#system div.feature div.photo {
	float: right;
	display: inline;
	width: 302px;
	margin: 0 20px;
}
body div#container div#pagebody div#system div.feature div.txt {
}
body div#container div#pagebody div#system div.feature div.txt ol {
	margin: 0 0 40px 15px;
	padding-left: 1.5em;
	line-height: 2.0;
}
body div#container div#pagebody div#system div.feature div.txt ol li {
	font-weight: bold;
	color: #003366;
	list-style-type: decimal;
	list-style-position: outside;
	zoom: 1;
}
body div#container div#pagebody div#system div.feature div.txt ul {
	margin: 0 0 40px 15px;
	padding-left: 1.5em;
	line-height: 2.0;
}
body div#container div#pagebody div#system div.feature div.txt ul li {
	font-weight: bold;
	color: #003366;
	list-style-type: disc;
	list-style-position: outside;
	zoom: 1;
}
body div#container div#pagebody div#system div.feature div.txt p {
	padding: 0;
	line-height: 1.8;
}
body div#container div#pagebody div#system div.feature div.txt p.linkmark {
	margin-top: 10px;
}

body div#container div#pagebody div#system div.feature p.linkmark a {
	background:url(/pro-battery/share/images/arrow_black.gif) no-repeat 0 0.4em;
	padding-left: 10px;
}


body div#container div#pagebody div#system div.feature dl.feature {
	margin: 0 10px 30px 10px;
}
body div#container div#pagebody div#system div.feature dl.noMargin {
	margin: 0 10px 30px 25px;
}

body div#container div#pagebody div#system div.feature dl.feature dt {
	background: #E5E5E5 none repeat scroll 0 0;
	line-height: 1.2;
	margin: 0 0 25px;
	padding: 0.5em 0 0.5em 10px;
	font-weight: bold;
}
body div#container div#pagebody div#system div.feature dl.feature dd {
}
body div#container div#pagebody div#system div.feature dl.feature dd p {
	margin: 0;
	padding: 0;
}
body div#container div#pagebody div#system div.feature dl.feature dd .mgn30 {
	padding: 30px 0;
}
body div#container div#pagebody div#system div.feature dl.feature dd .mb30 {
	margin: 0 0 30px;
}
body div#container div#pagebody div#system div.feature dl.feature dd p.photo {
	float: left;
	width: 240px;
	margin-right: 20px;
	text-align: center;
}
body div#container div#pagebody div#system div.feature dl.feature dd ul {
	margin-bottom: 10px;
	margin-left: 280px;
}
body div#container div#pagebody div#system div.feature dl.feature dd ul li {
	list-style-type: disc;
	list-style-position: outside;
	zoom: 1;
}

body div#container div#pagebody div#system div.feature ol.feature {
	margin: 0 0 40px 10px;
	padding-left: 1.5em;
}
body div#container div#pagebody div#system div.feature ol.feature li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom: 20px;
	vertical-align: top;
	zoom: 1;
}


body div#container div#pagebody div#system div.feature table.spec {
    width: 735px;
	margin-bottom: 30px;
	margin-left: 10px;
    border-collapse:collapse;
	border: 1px solid #CCC;
}
body div#container div#pagebody div#system div.feature table.spec th {
	border: 1px solid #CCC;
	background:#EEE;
	padding:5px 8px;
	text-align: center;
	vertical-align: middle;
	color:#666;
	width: 14%;
	font-weight: bold;
	font-size: 85%;
}
body div#container div#pagebody div#system div.feature table.spec th.sub {
	background:#F9F9F9;
	vertical-align: middle;
}
body div#container div#pagebody div#system div.feature table.spec td {
	border: 1px solid #CCC;
	padding:5px 8px;
	vertical-align: middle;
	width: 14%;
	font-size: 85%;
	text-align: center;
}
body div#container div#pagebody div#system div.feature table.spec .nowrap {
	white-space: nowrap;
}
body div#container div#pagebody div#system div.feature table.spec tr.nowrap td {
	white-space: nowrap;
}


body div#container div#pagebody div#system div.feature ul.caution {
    width: 725px;
	margin-top: -15px;
	margin-bottom: 30px;
	padding-left: 10px;
	font-size: 85%;
	zoom: 1;
}
body div#container div#pagebody div#system div.feature ul.caution li {
	margin-left: 1em;
	text-indent: -1em;
}



/*-------lineup-------*/
body div#container div#pagebody div#system-lineup {
	line-height: 1.6;
}

body div#container div#pagebody div#system-lineup {
	padding: 0 0 30px;
}
body div#container div#pagebody div#system-lineup p {
	padding: 0 0 30px;
}

body div#container div#pagebody div#system-lineup div.feature {
	margin: 0 0 50px;
}
body div#container div#pagebody div#system-lineup div.feature p {
	margin: 0 10px;
}
body div#container div#pagebody div#system-lineup div.feature p.photo {
	float: right;
	margin: 0;
	padding: 0 10px 10px 30px;
	background-color: #ffffff;
	text-align: center;
}
body div#container div#pagebody div#system-lineup div.feature p.photo img {
	margin-bottom: 10px;
}
body div#container div#pagebody div#system-lineup div.feature p.caution {
	margin-top: -15px;
	font-size: 85%;
	zoom: 1;
}
body div#container div#pagebody div#system-lineup div.feature span.caution {
	margin-top: -15px;
	font-size: 85%;
	zoom: 1;
}
body div#container div#pagebody div#system-lineup div.feature .mb20 {
	padding-bottom: 20px;
}
body div#container div#pagebody div#system-lineup div.feature .mb40 {
	padding-bottom: 40px;
}

body div#container div#pagebody div#system-lineup div.feature p.list {
	margin-left: 1em;
	text-indent: -1em;
	padding-left: 10px;
}
body div#container div#pagebody div#system-lineup div.feature p.list strong {
	color: #003366;
}
body div#container div#pagebody div#system-lineup div.feature p.list span.sub {
	font-weight: bold;
}

body div#container div#pagebody div#system-lineup div.feature ul.list {
	padding-bottom: 30px;
	padding-left: 10px;
}
body div#container div#pagebody div#system-lineup div.feature ul.list li {
	margin-bottom: 10px;
	padding-left: 7px;
	background: url(/pro-battery/share/images/icon_listmark.gif) no-repeat left 0.2em;
	zoom: 1;
}

body div#container div#pagebody div#system-lineup div.feature table.spec {
    width: 735px;
	margin-bottom: 30px;
	margin-left: 10px;
    border-collapse:collapse;
	border: 1px solid #CCC;
}
body div#container div#pagebody div#system-lineup div.feature table.spec th {
	border: 1px solid #CCC;
	background:#EEE;
	padding:5px 8px;
	text-align: center;
	vertical-align: middle;
	color:#666;
	width: 30%;
	font-weight: bold;
	font-size: 100%;
}
body div#container div#pagebody div#system-lineup div.feature table.spec th.sub {
	background:#F9F9F9;
	vertical-align: middle;
}
body div#container div#pagebody div#system-lineup div.feature table.spec td {
	border: 1px solid #CCC;
	padding:5px 8px;
	vertical-align: middle;
	width: 70%;
	font-size: 100%;
	text-align: center;
}
body div#container div#pagebody div#system-lineup div.feature table.spec .nowrap {
	white-space: nowrap;
}
body div#container div#pagebody div#system-lineup div.feature table.spec tr.nowrap td {
	white-space: nowrap;
}



body div#container div#pagebody div#system-lineup div.feature div.photo {
	float: right;
	display: inline;
	width: 302px;
	margin: 0 20px;
}
body div#container div#pagebody div#system-lineup div.feature div.txt {
}
body div#container div#pagebody div#system-lineup div.feature div.txt ol {
	margin: 0 0 40px 15px;
	padding-left: 1.5em;
	line-height: 2.0;
}
body div#container div#pagebody div#system-lineup div.feature div.txt ol li {
	font-weight: bold;
	color: #003366;
	list-style-type: decimal;
	list-style-position: outside;
	zoom: 1;
}
body div#container div#pagebody div#system-lineup div.feature div.txt ul {
	margin: 0 0 40px 15px;
	padding-left: 1.5em;
	line-height: 2.0;
}
body div#container div#pagebody div#system-lineup div.feature div.txt ul li {
	font-weight: bold;
	color: #003366;
	list-style-type: disc;
	list-style-position: outside;
	zoom: 1;
}
body div#container div#pagebody div#system-lineup div.feature div.txt p {
	padding: 0;
	line-height: 1.8;
}
body div#container div#pagebody div#system-lineup div.feature div.txt p.linkmark {
	margin-top: 10px;
}

body div#container div#pagebody div#system-lineup div.feature p.linkmark a {
	background:url(/pro-battery/share/images/arrow_black.gif) no-repeat 0 0.4em;
	padding-left: 10px;
}



body div#container div#pagebody div#system-lineup div.feature ol.feature {
	margin: 0 0 40px 10px;
	padding-left: 1.5em;
}
body div#container div#pagebody div#system-lineup div.feature ol.feature li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom: 20px;
	vertical-align: top;
	zoom: 1;
}



/* add140317 */
#LINEUP_AREA div.mod-product div.mod-product-text h3{
	font-size: 14px;
	margin:2px 0;
}

#LINEUP_AREA div.mod-product p.mod-product-text-lead strong{
	font-size: 16px;
	margin:2px 0 8px 0;
	line-height: 1.8;
}
#TYPE1 {
	clear: both;
	overflow: hidden;
}
#TYPE1 h2{
	color:#fff;
	font-weight: normal;
	padding:0 0.5em;
	margin:20px 0 0 0;

	height: 28px;
	line-height: 28px;
	font-size: 110%;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-top-bottom-left-radius: 3px;
	-webkit-top-bottom-right-radius: 3px;
	-moz-top-radius-bottomleft: 3px;
	-moz-top-radius-bottomright: 3px;


	background: #1a2583; /* Old browsers */
	background: -moz-linear-gradient(top, #1a2583 0%, #000353 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a2583), color-stop(100%,#000353)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1a2583 0%,#000353 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1a2583 0%,#000353 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1a2583 0%,#000353 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1a2583 0%,#000353 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a2583', endColorstr='#000353',GradientType=0 ); /* IE6-9 */

}
#TYPE2 {
	clear: both;
	overflow: hidden;
}

#TYPE2 h2{
	color:#fff;
	font-weight: normal;
	padding:0 0.5em;
	margin:20px 0 0 0;

	height: 28px;
	line-height: 28px;
	font-size: 110%;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-top-bottom-left-radius: 3px;
	-webkit-top-bottom-right-radius: 3px;
	-moz-top-radius-bottomleft: 3px;
	-moz-top-radius-bottomright: 3px;


	background: #31900b; /* Old browsers */
	background: -moz-linear-gradient(top, #31900b 0%, #135603 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31900b), color-stop(100%,#135603)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #31900b 0%,#135603 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #31900b 0%,#135603 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #31900b 0%,#135603 100%); /* IE10+ */
	background: linear-gradient(to bottom, #31900b 0%,#135603 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31900b', endColorstr='#135603',GradientType=0 ); /* IE6-9 */
}
#TYPE3 {
	clear: both;
	overflow: hidden;
}

#TYPE3 h2{
	color:#fff;
	font-weight: normal;
	padding:0 0.5em;
	margin:20px 0 0 0;

	height: 28px;
	line-height: 28px;
	font-size: 110%;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-top-bottom-left-radius: 3px;
	-webkit-top-bottom-right-radius: 3px;
	-moz-top-radius-bottomleft: 3px;
	-moz-top-radius-bottomright: 3px;


	background: #f2c212; /* Old browsers */
	background: -moz-linear-gradient(top, #f2c212 0%, #b7930c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2c212), color-stop(100%,#b7930c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2c212 0%,#b7930c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2c212 0%,#b7930c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2c212 0%,#b7930c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2c212 0%,#b7930c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c212', endColorstr='#b7930c',GradientType=0 ); /* IE6-9 */
}
#TYPE4 {
	clear: both;
	overflow: hidden;
}

#TYPE4 h2{
	color:#fff;
	font-weight: normal;
	padding:0 0.5em;
	margin:20px 0 0 0;

	height: 28px;
	line-height: 28px;
	font-size: 110%;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-top-bottom-left-radius: 3px;
	-webkit-top-bottom-right-radius: 3px;
	-moz-top-radius-bottomleft: 3px;
	-moz-top-radius-bottomright: 3px;


	background: #9801aa; /* Old browsers */
	background: -moz-linear-gradient(top, #9801aa 0%, #530356 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9801aa), color-stop(100%,#530356)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9801aa 0%,#530356 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9801aa 0%,#530356 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9801aa 0%,#530356 100%); /* IE10+ */
	background: linear-gradient(to bottom, #9801aa 0%,#530356 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9801aa', endColorstr='#530356',GradientType=0 ); /* IE6-9 */
}

#TYPE5 {
	clear: both;
	overflow: hidden;
}

#TYPE5 h2{
	color:#fff;
	font-weight: normal;
	padding:0 0.5em;
	margin:20px 0 0 0;

	height: 28px;
	line-height: 28px;
	font-size: 110%;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-top-bottom-left-radius: 3px;
	-webkit-top-bottom-right-radius: 3px;
	-moz-top-radius-bottomleft: 3px;
	-moz-top-radius-bottomright: 3px;


	background: #05a1e6; /* Old browsers */
	background: -moz-linear-gradient(top, #05a1e6 0%, #2d6782 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05a1e6), color-stop(100%,#2d6782)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #05a1e6 0%,#2d6782 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #05a1e6 0%,#2d6782 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #05a1e6 0%,#2d6782 100%); /* IE10+ */
	background: linear-gradient(to bottom, #05a1e6 0%,#2d6782 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05a1e6', endColorstr='#2d6782',GradientType=0 ); /* IE6-9 */
}

#TYPE6 {
	clear: both;
	overflow: hidden;
}
#TYPE6 h2{
	color:#fff;
	font-weight: normal;
	padding:0 0.5em;
	margin:20px 0 0 0;

	height: 28px;
	line-height: 28px;
	font-size: 110%;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-top-bottom-left-radius: 3px;
	-webkit-top-bottom-right-radius: 3px;
	-moz-top-radius-bottomleft: 3px;
	-moz-top-radius-bottomright: 3px;


	background: #9b0010; /* Old browsers */
	background: -moz-linear-gradient(top, #9b0010 0%, #550003 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b0010), color-stop(100%,#550003)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9b0010 0%,#550003 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9b0010 0%,#550003 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9b0010 0%,#550003 100%); /* IE10+ */
	background: linear-gradient(to bottom, #9b0010 0%,#550003 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b0010', endColorstr='#550003',GradientType=0 ); /* IE6-9 */

}

#TYPE1 div.mod-product{
	clear: none;
	float: left;
	width:50%;
	padding:10px;
	margin:0;
	border:1px dotted #ccc;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#TYPE1 div.n1{
	border-top:none;
}
#TYPE1 div.n2{
	border-left:none;
	border-top:none;
}
#TYPE1 div.n3{
	border-top:none;
}

#TYPE1 div.mod-product div.mod-product-image{
	position: absolute;
	bottom:10px;
	right: 10px;
	width:130px !important;
/*	float: right;
	width:110px !important;
*/
}
#TYPE1 div.mod-product div.mod-product-image img{
	width:100%;
	height: auto;
	margin:0;
}
#TYPE1 div.mod-product div.mod-product-text{
	float: left;
	width:230px !important;
	margin:0;
}

#TYPE6 div.mod-product{
	min-height: 180px;
}


#TYPE2 div.mod-product,
#TYPE3 div.mod-product,
#TYPE4 div.mod-product,
#TYPE5 div.mod-product,
#TYPE6 div.mod-product{
	position: relative;
	clear: none;
	float: none;
	width:733px;
	padding:10px;
	margin:0;
	border-left:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	border-right:1px dotted #ccc;
}
#TYPE2 div.mod-product div.mod-product-text-wide,
#TYPE3 div.mod-product div.mod-product-text-wide,
#TYPE4 div.mod-product div.mod-product-text-wide,
#TYPE5 div.mod-product div.mod-product-text-wide,
#TYPE6 div.mod-product div.mod-product-text-wide{
	float: left;
	width:400px !important;
	margin:0;
}

#TYPE2 div.mod-product div.mod-product-image{
	position: absolute;
	bottom:10px;
	right: 10px;
	width:300px !important;
}
#TYPE3 div.mod-product div.mod-product-image{
	position: absolute;
	bottom:10px;
	right: 10px;
	width:300px !important;
}
#TYPE4 div.mod-product div.mod-product-image{
	position: absolute;
	bottom:10px;
	right: 10px;
	width:300px !important;
}
#TYPE5 div.mod-product div.mod-product-image{
	position: absolute;
	bottom:10px;
	right: 10px;
	width:300px !important;
}
#TYPE6 div.mod-product div.mod-product-image{
	position: absolute;
	bottom:10px;
	right: 10px;
	width:300px !important;
}

#TYPE2 div.mod-product div.mod-product-image img{
	width:90%;
	height: auto;
	margin-right: 20px;
}
#TYPE3 div.mod-product div.mod-product-image img{
	width:90%;
	height: auto;
	margin-right: 20px;
}
#TYPE4 div.mod-product div.mod-product-image img{
	width:90%;
	height: auto;
	margin-right: 20px;
}
#TYPE5 div.mod-product div.mod-product-image img{
	width:90%;
	height: auto;
	margin-right: 20px;
}
#TYPE6 div.mod-product div.mod-product-image img{
	width:90%;
	height: auto;
	margin-right: 20px;
}

@media (max-width:640px){
	#TYPE1 div.mod-product{
		float: none;
		width:auto;
		border:none;
		border-bottom:1px dotted #ccc;
	}

	#TYPE2 div.mod-product,
	#TYPE3 div.mod-product,
	#TYPE4 div.mod-product,
	#TYPE5 div.mod-product,
	#TYPE6 div.mod-product{
		width:auto;
		border:none;
	}
	#TYPE1 div.mod-product div.mod-product-text{
		float: none;
		width: 100% !important;
		margin:0 auto;
	}

	#TYPE2 div.mod-product div.mod-product-text-wide,
	#TYPE3 div.mod-product div.mod-product-text-wide,
	#TYPE4 div.mod-product div.mod-product-text-wide,
	#TYPE5 div.mod-product div.mod-product-text-wide,
	#TYPE6 div.mod-product div.mod-product-text-wide{
		float: none;
		width:100% !important;
		margin:0;
	}

	#TYPE1 div.mod-product div.mod-product-image,
	#TYPE2 div.mod-product div.mod-product-image,
	#TYPE3 div.mod-product div.mod-product-image,
	#TYPE4 div.mod-product div.mod-product-image,
	#TYPE5 div.mod-product div.mod-product-image,
	#TYPE6 div.mod-product div.mod-product-image{
		position: static;
		text-align: center;
		width: 80% !important;
		margin:0 auto;
	}
	#TYPE1 div.mod-product div.mod-product-image img{
		width:80%;
		height: auto;
		margin:0 auto;
	}
}


div.mod-product{
	position: relative;
	clear: none;
	float: none;
	padding: 0 15px;
	margin:0;
	border: none;
	height:270px;
}
div.mod-product div.mod-product-text-wide{
	float: left;
	width: 378px!important;
	margin: 0;
}
	div.mod-product div.mod-product-image{
		position: absolute;
		bottom: 0;
		right: 15px;
		width: 347px !important;
	}

		div.mod-product div.mod-product-image img{
			max-width:100%;
			height: auto;
			vertical-align: bottom;
            margin:  0;
		}
	.mod-product-text-lead {
	    margin:  0 auto 14px;
		font-size:  18px;
		font-weight: bold;
	}
	.mod-product .mod-product-text .mod-product-text-modelNameNote{
		margin:  0 auto 16px;
		font-size:  14px;
		line-height: 19px;
	}
	.mod-product .mod-product-text .mod-product-text-modelNameNote-en{
		margin: 0 auto 16px;
		font-size: 14px;
		font-weight: bold;
		line-height: 19px;
	}
	.mod-product .mod-product-text .mod-product-text-price{
		margin:  0 auto 16px;
		font-size:  14px;
		line-height: 19px;
	}
	.mod-product .mod-product-text-detaillink{
	}
		.mod-product .mod-product-text-detaillink a{
			display: inline-block;
			*display: inline;
			*zoom: 1;
		}
		.mod-product .mod-product-text-detaillink img{
			vertical-align: bottom;
		}

div.mod-product .mod-product-models{
	padding:  0 0 16px;
}
	div.mod-product .mod-product-models ul{
		margin:  0 auto -20px;
		padding:  0;
	}
		div.mod-product .mod-product-models li{
			margin: 0 auto 20px;
			font-size:  14px;
			font-weight: bold;
			line-height: 1;
			list-style: none;
		}
			div.mod-product .mod-product-models li span{
				display: inline-block;
				vertical-align: bottom;
				*display: inline;
				*zoom: 1;
				*vertical-align: baseline;
				*padding:  0;
				*line-height: 15px;
				margin:  0 0 0 10px;
				padding:  2px 10px;
				font-size: 10px;
				font-weight: normal;
				border: 1px solid #000;
			}

#TYPE7{
}


	#TYPE7 h2 {
	    color: #fff;
	    padding: 10px 0 10px 15px;
	    margin: 0 auto 14px;
	    line-height: 1;
	    font-size: 15px;
	    /* background: #e0807b; */
	    background:  #b9302a;
	}
	#TYPE7 div.mod-product {
	    min-height: 220px;
	}

#TYPE8{
}
	#TYPE8 h2 {
	    color: #fff;
	    padding: 10px 0 10px 15px;
	    margin: 0 auto 14px;
	    line-height: 1;
	    font-size: 15px;
	    /* background: #5ea0cc; */
	    background:  #548235;
	}
	#TYPE8 * + h2 {
		margin-top:  46px;
	}

#TYPE9{
	margin-top:  46px;
	overflow: hidden;
}
	#TYPE9 h2 {
	    color: #fff;
	    padding: 10px 0 10px 15px;
	    margin: 0 auto 14px;
	    line-height: 1;
	    font-size: 15px;
	    background: #1974b1;
	}
	#TYPE9 div.mod-product{
		float: left;
		width: 50%;
		*width:  340px;
		min-height: 210px;
		margin:  0 0 46px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		#TYPE9 div.mod-product div.mod-product-image{
			position: absolute;
			bottom: 0;
			right: 15px;
			width:122px!important;
		}
			#TYPE9 div.mod-product div.mod-product-image img{
				width:100%;
				height: auto;
				margin:0;
			}
		#TYPE9 div.mod-product div.mod-product-text{
			width:245px !important;
		}

#TYPE10{
}
	#TYPE10 h2 {
	    color: #fff;
	    padding: 10px 0 10px 15px;
	    margin: 0 auto 14px;
	    line-height: 1;
	    font-size: 15px;
	    /* background: #d9c777; */
	    background:  #1974b1;
	}
	#TYPE10 * + h2 {
		margin-top:  46px;
	}

#TYPE11{
	margin-top:  46px;
	overflow: hidden;
}
	#TYPE11 h2 {
	    color: #fff;
	    padding: 10px 0 10px 15px;
	    margin: 0 auto 14px;
	    line-height: 1;
	    font-size: 15px;
	    background: #b99a0e;
	}
	#TYPE11 div.mod-product{
		float: left;
		width: 50%;
		*width:  340px;
		min-height: 210px;
		margin:  0 0 46px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
		#TYPE11 div.mod-product div.mod-product-image{
			position: absolute;
			bottom: 0;
			right: 15px;
			width:136px!important;
		}
			#TYPE11 div.mod-product div.mod-product-image img{
				width:100%;
				height: auto;
				margin:0;
			}
		#TYPE11 div.mod-product div.mod-product-text{
			width:245px !important;
		}


	#TYPE12{
	margin-top:  46px;
	overflow: hidden;
}


	#TYPE12 h2 {
	    color: #fff;
	    padding: 10px 0 10px 15px;
	    margin: 0 auto 14px;
	    line-height: 1;
	    font-size: 15px;
	    /* background: #e0807b; */
	    background:  #b9302a;
	}
	#TYPE12 div.mod-product {
	    min-height: 220px;
	}

#TYPE13{
}
	#TYPE13 h2 {
	    color: #fff;
	    padding: 10px 0 10px 15px;
	    margin: 0 auto 14px;
	    line-height: 1;
	    font-size: 15px;
	    /* background: #d9c777; */
	    background: #7030a0;
	}
	#TYPE13 * + h2 {
		margin-top:  46px;
	}
@media (max-width:640px){
	div.mod-product{
		float: none;
		width:auto;
		border:none;
		border-bottom:1px dotted #ccc;
		height:auto;
	}

	div.mod-product{
		width:auto;
		border:none;
	}
	div.mod-product div.mod-product-text {
		float: none!important;
	    width: auto !important;
	}
	div.mod-product div.mod-product-text-wide{
		float: none;
		width:auto !important;
		margin:0;
	}
		.mod-product .mod-product-text .mod-product-text-modelNameNote{
			font-size:  12px;
			line-height:  1.4;
		}
		.mod-product .mod-product-text .mod-product-text-modelNameNote-en{
			line-height:  1.4;
		}

	div.mod-product div.mod-product-image{
		position: static!important;
		text-align: center;
		width: 80% !important;
		margin:0 auto;
	}
	div.mod-product div.mod-product-image img{
		width:auto;
		height: auto;
		margin:0 auto;
	}
	div.mod-product .mod-product-models{
		padding:  0;
	}
		div.mod-product .mod-product-models ul{
			margin:  0 auto;
		}
			div.mod-product .mod-product-models li{
				margin: 0 auto 10px;
			}
	#TYPE9 div.mod-product,
	#TYPE11 div.mod-product{
		float: none;
		width:auto;
		min-height: 0;
		margin:  0 0 20px;
		padding:  0 0 20px;
		border-bottom: 1px dotted #ccc;
	}
	#TYPE9 div.mod-product div.mod-product-text,
	#TYPE11 div.mod-product div.mod-product-text {
		float: none!important;
	    width: auto !important;
	}

}

.tab{
    margin: 0 auto;
}
    .mod-tab-controller{
        position:  relative;
        z-index: 1;
        margin: 0 auto;
    }
        .mod-tab-controller-body{
        	margin:  0 auto;
        	padding:  0;
            text-align: center;
            letter-spacing: -0.4em;
        }
            .mod-tab-controller-item{
                display: inline-block;
                *display:  inline;
                *zoom:  1;
                margin: 0;
                letter-spacing: normal;
                cursor: pointer;
                background: #999;
                width: 50%;
				border-top: 1px solid #fff;
				box-sizing: border-box;
            }
.mod-tab-controller-item:nth-child(odd) {
	border-right: 1px solid #fff;
}
            .mod-tab-controller-item[data-controller-id="0"]{
                /*width: 245px;*/
            }
            .mod-tab-controller-item[data-controller-id="1"]{
            	/*width: 264px;*/
            }
            .mod-tab-controller-item[data-controller-id="2"]{
            	/*width: 246px;*/
            }
            .mod-tab-controller-item[data-controller-id="0"]:hover,
            .mod-tab-controller-item[data-controller-id="0"].active{
                /* background: #5ea0cc; */
                background:  #548235;
            }
            .mod-tab-controller-item[data-controller-id="1"]:hover,
            .mod-tab-controller-item[data-controller-id="1"].active{
                /* background: #d8bf4d; */
                background:  #1974b1;
            }
            .mod-tab-controller-item[data-controller-id="2"]:hover,
            .mod-tab-controller-item[data-controller-id="2"].active{
                /* background: #cc635e; */
                background:  #b9302a;
            }
            .mod-tab-controller-item[data-controller-id="3"]:hover,
            .mod-tab-controller-item[data-controller-id="3"].active{
                background:  #7030a0;
            }
            .mod-tab-controller-item.active{
                cursor: default;
            }
            .mod-tab-controller-item:hover{
                -webkit-transition: background 250ms;
                -ms-transition: background 250ms;
                transition: background 250ms;
            }
                .mod-tab-controller-item > span{
                    display: block;
                    padding:  15px 0 15px;
                    font-weight:  bold;
	                font-size:  20px;
	                line-height: 1;
                    color: #fff;
                }

    .mod-tab-container{
        position: relative;
        min-height:  7px;
    }
        .mod-tab-item{
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-top:  7px solid;
        }
        .mod-tab-item[data-index="0"]{
			/* border-top-color: #5ea0cc; */
			border-top-color: #548235;
        }
        .mod-tab-item[data-index="1"]{
        	/* border-top-color: #d8bf4d; */
        	border-top-color:  #1974b1;
        }
        .mod-tab-item[data-index="2"]{
        	/* border-top-color: #cc635e; */
        	border-top-color: #b9302a;
        }
		.mod-tab-item[data-index="3"]{
        	/* border-top-color: #cc635e; */
        	border-top-color: #7030a0;
        }
        .mod-tab-item.active{
            display: block;
        }
            .mod-tab-item-inner{
                padding: 46px 0 0;
                text-align: left;
                opacity: 0;
                -webkit-transition: all 250ms;
                -ms-transition: all 250ms;
                transition: all 250ms;
            }
            .mod-tab-item-inner.fadeIn{
                opacity: 1;
                -webkit-transition: all 250ms;
                -ms-transition: all 250ms;
                transition: all 250ms;
            }
            .mod-tab-item-inner .mod-pageNav{
            	margin:  -30px auto 28px;
            	padding:  0 15px;
            }
            	.mod-tab-item-inner div.mod-pageNav ul{
            		margin:  0;
            		padding:  0;
            	}
            		.mod-tab-item-inner div.mod-pageNav ul li{
            			    float: left;
						    display: inline;
						    vertical-align: bottom;
						    margin: 0 18px 0 0;
						    padding: 0;
						    list-style-type: none;
						    white-space: nowrap;
            		}
            			.mod-tab-item-inner div.mod-pageNav a.mod-link-pageNav{
            				font-size:  14px;
            				line-height: 1;
            				*line-height:  1.4;
            				color:  #333;
            			}

@media (max-width:640px){
	.mod-tab-controller-body{
    	display:  table;
    	width:  100%;
    	table-layout: fixed;
    }
        .mod-tab-controller-item{
            display: table-cell;
            vertical-align: middle;
            width: auto!important;
			border-right: 1px solid #fff;
        }
	.mod-tab-controller-item:last-child {
		border-right: none;
	}
        	.mod-tab-controller-item > span{
        		font-size: 11px;
        		padding:  20px 5px 15px 5px;
				line-height: 1.3;
        	}
}


/*2017-0321*/
div.mod-product .mod-product-models li span.red {
	color: #222;
	border: none;
	margin-left: 0px;
	margin-top: 7px;
	padding: 4px 0;
}


.c5-secondaryButton:last-child, .c5-secondaryButtonV3:last-child {
    margin-bottom: 0;
    margin-right: 0;
}
.c5-secondaryButton, .c5-secondaryButtonV3 {
    color: #2f353d !important;
    font-size: 14px;
    font-size: .875rem;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 8px 18px;
    border: none;
    border-radius: 1px;
    background: #e4e7ec;
    /* -webkit-transition: background .2s;
    transition: background .2s; */
    margin-bottom: 10px;
    margin-right: 10px;
}
a:hover .c5-secondaryButton, .c5-secondaryButton:hover, a:focus .c5-secondaryButton, .c5-secondaryButton:focus, a:hover .c5-secondaryButtonV3, .c5-secondaryButtonV3:hover, a:focus .c5-secondaryButtonV3, .c5-secondaryButtonV3:focus {
    opacity: .6;
    color: #6e7278;
    text-decoration: none;
    background: #eceef1;
    -webkit-transition: background 0;
    transition: background 0;
}
.c5-secondaryButtonV3:hover:before, .c5-secondaryButtonV3:focus:before, .c5-secondaryButtonV3:active:before {
    opacity: .6;
}
.c5-secondaryButtonV3:before {
    margin: 0 0.6em 0.05em 0;
    display: inline-block;
    content: '';
    background-image: url(/share5/svg/icon/right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-top: -0.15em;
    height: 0.9em;
    width: 0.9em;
    height: 0.6em;
    width: 0.6em;
}

#pastlistdata .pld-contbox .pld-conttxt .pld-titleset {
    padding-bottom: 2px;
    display: inline;
}
