@charset "utf-8";

/* =======================================

	compare.css
	Last Up Date 2014/01/25

========================================== */

/* .contents_main
========================================== */
.iCatchTitle{
	font-size: 161.6%;
	margin-bottom: 12px;
}
.contentTitle.topCategory{
	font-size: 146.5%;
	color: #fff;
	width:686px;
	padding: 6px 12px;
	background: #2860d5 url('../img/common/sideNavCatTitle_bg.png') repeat-x left top;
	/* Firefox v1.0+ */
	-moz-border-radius: 5px;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius: 5px;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius: 5px;
}

/*
 * table [compare]
 */
table.compare th input[type="button"].btn{
	display: block;
	margin: 4px auto 0;
	padding:6px;
	background-color: #2860d5;
	color: #ffffff;
}
table.compare th input[type="button"].btn:hover{
	opacity: 0.5;
}
table.compare th.pattern{
	width: 28%;
}
table.compare td select{
    font-size: 100%;
    width: 90%;
	/*width: auto;*/
}
table.compare td.title{
	background-color: #2860d5;
	background-position: 6px 50%;
	background-repeat: no-repeat;
	color: #fff;
	padding-left: 29px;
}
table.compareResult td.title{
	background-color: #2860d5;
}
table.compare td.title.title1{
	background-image: url('../img/common/icon_circleNum01_wht.png');
}
table.compare td.title.title2{
	background-image: url('../img/common/icon_circleNum02_wht.png');
}
table.compare td.title.title3{
	background-image: url('../img/common/icon_circleNum03_wht.png');
}
table.compare td.title.title4{
	background-image: url('../img/common/icon_circleNum04_wht.png');
}
table.compare td.title.title5{
	background-image: url('../img/common/icon_circleNum05_wht.png');
}
table.compare td.title.title6{
	background-image: url('../img/common/icon_circleNum06_wht.png');
}
table.compare td.title.title7{
	background-image: url('../img/common/icon_circleNum07_wht.png');
}
table.compare td.options {
    vertical-align: top;
}
#cartPage.comparePage table.compare td span.cautionList.default{
	display: block;
	margin-top: 0;
	margin-bottom: 3px;
	line-height: 1.2em;
	font-size: 100%;
}
.compareTableUnder{
	margin-left: 145px;
	margin-top: 0;
}

/*
 * table [printRunNum]
 */
table.printRunNum td{
	text-align: center;
}
table.printRunNum td input[type="text"]{
	text-align: right;
	width: 60px;
}

/*
 * table [compareResult]
 */
table.compareResult th.item{
	width: 135px;
}
table.compareResult td{
	text-align: right;
}
table.compareResult td.num{
    width: 70px;
}

table.compareResult td.title{
	background-color: #2860d5;
	color: #fff;
	width: 60px;
	text-align: left;
}
table.compareResult td.item .btnArea input[type="button"].btn{
	display: inline;
	margin: 4px auto 4px;
	padding: 6px 12px;
	background-color: #2860d5;
	color: #fefeff;
}
table.compareResult td.item .btnArea input[type="button"].btn:hover{
	opacity: 0.5;
}
table.compareResult td.item .priceArea span{
	display: block;
}
table.compareResult td.item .priceArea a{
	font-size: 1.5em;
}
table.compareResult td.item .priceArea a:hover{
	color:#3faaf7;
}
table.compareResult td.item .btnArea{
	margin: 0 auto;
	text-align: center;
}
table.compareResult .btnArea {
	width: auto;
}

div.clearAllBtn {
        float: right;
}

table.compareResult td.spec_bg{
        font-size: 100%;
        text-align: left;
}

.contents_main{
	width:100%;
	float: none;
}

table.default th {
    background-color: #2860d5;
}

table.default th {
    padding: 5px 5px;
}

.midashi th{
	background: #fff!important;
	color: red!important;
	font-size: 1.6em!important;
	font-weight: bold!important;
	border: none!important;
	vertical-align: bottom;
}

.midashi2{
	background: #fff!important;
	color: red!important;
	font-size: 1.4em!important;
	font-weight: bold!important;
	border: none!important;
	vertical-align: bottom;
}

/* 初期はパターン2/3を半透明に。アクティブ化された列だけ不透明に */
table.cart.compare.column4 td.pattern2,
table.cart.compare.column4 td.pattern3{
  opacity: .5;
  transition: opacity .25s ease;
}
table.cart.compare.column4 .pattern2.is-active,
table.cart.compare.column4 .pattern3.is-active {
  opacity: 1;
}

.clearAllBtn .btn,.clearAllBtn a.btn {
    padding: 6px 12px;
	background-color: #ffffff;
	border: #2860d5 1px solid;
	color: #2860d5;
}

table td.pattern1{
	 background: #ffecec;
}
table td.pattern1:first-child{
	 background: #2860d5!important;
}

.attention{
	color: #fff!important;
    background-color: #FF8282!important;
    -moz-box-shadow: 0px 6px 0px #FF6c6c!important;
    -webkit-box-shadow: 0px 6px 0px #FF6c6c!important;
    box-shadow: 0px 6px 0px #FF6c6c!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=6,Color=#ffff6b69,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=6,Color=#ffff6b69,Positive=true);
}