/*=========================================================


	Site Name   SONY ICHIGAN COMAPRE
	File Name   compare.css

	Create Date 2011/03/01


==========================================================*/

/* ------------------------------------------------------
	1. Basic settings
--------------------------------------------------------- */

body {
	text-align:left;
}

#column2-main {
	float: left;
	width: 755px;
}
#column2-right {
	float: right;
	width: 180px;
}


/* ------------------------------------------------------
	2. Common Area
--------------------------------------------------------- */

/* Index Page
--------------------------------------------------------- */

#tmp-secondwinmain { /* overwrite */
	margin-top: 30px;
	padding: 0;
}
#container h1 {
	margin: 0 0 20px;
}
.leadText {
	margin: 20px 0 0px 20px;
	
}

ul.productList {
	margin-bottom: 20px;
	margin-left: -5px;
}
ul.productList li {
	float: left;
	border: 2px solid #e5e5e5;
	margin-left: 5px;
	margin-bottom: 5px;
	display: inline; /* for IE6 */
}
ul.productList li:hover {
	border: 2px solid #bcbcbc;
	cursor: pointer;
}
ul.productList li.select {
	border: 2px solid #336699;
}
ul.productList li img {
	vertical-align: bottom;
}
#compBtnRight {
	position: relative;
}
#compBtnRight span {
	position: absolute;
	top: 0;
	left: 0;
	_left: -90px;
}
#compBtnRight span.on img {
	display: none;
}
#compBtn, #compBtnRight {
}
#compBtn img, #compBtnRight img {
}


/* Detail Page
--------------------------------------------------------- */

.compareTab {
	border: 1px solid #bcbcbc;
	width: 753px;
	table-layout: fixed;
	font-size: 14px;
}

.compareTab thead td ,
.compareTab tfoot td {
	border: 1px solid #bcbcbc;
	padding: 5px;
	vertical-align: middle;
	text-align:center;
}
.compareTab thead th ,
.compareTab tfoot th {
	padding: 5px;
	vertical-align: middle;
}
.compareTab thead td.head {
	background: #cccccc;
	font-weight: bold;
	padding: 5px 10px;
}
.compareTab tbody th, .compareTab tbody td {
	border: 1px solid #bcbcbc;
	padding: 5px;
	vertical-align: middle;
	text-align:center;
	word-wrap:break-word;
}
.compareTab tbody th {
	text-align: left;
}
.compareTab tbody th {
	width: 245px;
	background: #e7e7e7;
	white-space:normal;
}
.compareTab tfoot td.foot {
	padding: 5px 10px;
	text-align: left;
}
.compareTab tfoot th {
	border-bottom: 1px solid #bcbcbc;
}

#readIndex {
	display: none;
}
.changeProduct {
	text-align: right;
	margin-top: 5px;
}
.productImage {
	margin-bottom: 10px;
	text-align: center;
}
.modal {
	margin-left: 5px;
}
.headArea {
	margin: 0 0 20px;
}
.backBtn {
	float: left;
	width: 120px;
}
.detailCompare {
	float: right;
	width: 192px;
}
.printBtn {
	margin-top: 10px;
}

/* color icon */
.compareTab tbody span {
	display: inline-block;
	margin-right: 5px;
}
.compareTab tbody span img {
	margin-right: 3px;
	vertical-align: middle;
}

/* Right Column
--------------------------------------------------------- */

.naviArea {
	background: url(../images/nav_bg.gif) top repeat-y;
	text-align: center;
	margin: 0 auto;
	width: 180px;
}
.naviAreaBtm {
	background: url(../images/nav_bg2.jpg) bottom no-repeat;
	padding-bottom: 17px;
}
ul.compList {
}
ul.compList li {
	margin-bottom: 1px;
	text-align: center;
	position: relative;
	background: url(../images/nav_white.jpg) top no-repeat;
	height: 126px;
}
ul.compList li {
	vertical-align: bottom;
}
ul.compList li img {
	vertical-align: bottom;
	display: inline;
}
ul.compList li #comp1 ,
ul.compList li #comp2 {
	height: 126px;
}
ul.compList li #comp1 img ,
ul.compList li #comp2 img {
	border: 1px solid #cccccc;
}
ul.compList li .loader1,
ul.compList li .loader2 {
	position: absolute;
	text-align: center;
	top: 40px;
	left: 68px;
	z-index: 0;
	display: none;
}

#tmp-secondwinmain #pagetoparea {
	margin-top: 100px;
}

#floatMenu {
	position:relative;
	top : 0px;
}

/* Modal Window
--------------------------------------------------------- */

#MDL_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: #111;
	overflow: hidden;
	position: fixed;
	filter: alpha(opacity=90);
	opacity: 0.9;
	z-index: 1000;
}
#MDL_window {
	margin-top: -250px;
	margin-left: -400px;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 500px;
	text-align: left;
	display: none;
	background: #fff;
	position: fixed;
	z-index: 1001
}

#MDL_window .md_btn {
	text-align: right;
	margin-bottom: 10px;
}

#changeList {
	padding: 13px;
	height: 450px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.decision {
	padding: 10px 0;
	background: #cccccc;
	text-align: center;
}


/* Common Module
--------------------------------------------------------- */

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}

/*nonHeight*/

.nonHeight {
	line-height: 0;
	font-size: 0;
}

/* util */
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.pb10 { padding-bottom: 10px;}


/* Print Layout
--------------------------------------------------------- */
@media print{

#column2-main {
	width: 940px;
}
#column2-right {
	width: 0;
}

h1,
.detailCompare,
#glhtpop-cover,
#column2-right,
#pagetoparea {
	display: none;
}
h1#categorylogo-text,
#headerPop,
#popup-globalfooter950 {
	display: block;
}

.compareTab {
	width: 100%;
}
.compareTab .productLink img {
	display: none;
}
.compareTab .changeProduct img {
	display: none;
}


}

/* from HTML file*/

#productTableChooseArea { display:none; }
#productTableArea { display:none; }

/**
 * 一覧にて現在選択中の商品を表すスタイル
 */
ul.productList li.mod-multiproductpicklist-item-current{
	border: 2px solid #336699;
}

/**
 * 商品選択UI
 */
 
.mod-productchooser {
	background: url(../images/nav_bg.gif) top repeat-y;
	text-align: center;
	margin: 0 auto;
	width: 180px;
	height:550px;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
	.mod-productchooser-items {
		border-bottom:0;
		margin:0 0 10px;
		padding:10px 18px 10px 19px;
	}
		.mod-productchooser-item {
			margin-bottom: 1px;
			text-align: center;
			position: relative;
			background: url(../images/nav_white.jpg) top no-repeat;
			height: 126px;
			cursor:pointer;
		}
			.mod-productchooser-item img {
				width:100%;
				height:100%;
				display:block;
			}
		.mod-productchooser-item-empty {
			background: url(../images/nav_space.jpg);
		}
	.mod-productchooser-reset {
		display:block;
		text-align:center;
	}


/**
 * 製品比較表
 */
.mod-productTable-h {
	display:none;
	background: #cccccc;
	font-weight: bold;
	padding: 8px 10px 6px;
	text-align:center;
	font-size:1.1em;
}
.mod-productTable table {
	width:100%;
	clear:both;
}
.mod-productTable td.best {
	/* 最も優れた属性のセルに適用するスタイル */
	background:#fdd;
}


/**
 * 製品比較表注釈
 */
.mod-productTable-notes {
	padding:20px 0 15px;
}
	.mod-productTable-notes-item {
		padding:0 0 5px;
	}

/**
 * 製品比較表 - シンプル／詳細有り切り替えUI
 */
.mod-productTableCompareWay {
}
.mod-productTableCompareWay a {
	border:none;
}
.mod-productTableCompareWay img {
	display:block;
	float:left;
}

.mod-productTableCompareWay-tosimple img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	margin-right:1px;
}

.mod-productTableCompareWay-todetail img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


	.mod-productTableCompareWay-active img{
		/*border:1px solid red;*/
		filter: alpha(opacity=100) !important;
		-moz-opacity:1.00 !important;
		opacity:1.00 !important;
		cursor:default;
	}

/**
 * ダイアログ
 */
.productChooseDialog-root {
	background:#fff;
	height:524px;
}

.mod-productpickclose {
/*	position:absolute;
	right:20px;
	top:20px;
	font-size:20px;
	width:30px;
	line-height:30px;
	height:30px;

	text-align:center;*/
}


.mod-productpicklist {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
	.mod-productpicklist-main {
		height:476px;
		overflow-y:scroll;
	}
	.fframe {
		padding:10px;
		margin-bottom:10px;
	}
	#ffHdr {
		overflow:hidden;
		width:100%;
		clear:both;
		border-bottom:#cccccc 1px solid;
		margin-bottom:20px;
	}
	#ffHdr h2{
		width:250px;
		float:left;
		border:none !important;
	}
	#ffHdr .mod-productpickclose {
		width:100px;
		float:right;
	}
	#ffHdr .mod-productpickclose img {
		display:block;
		float:right;
	}
		.mod-productpicklist ul{
			overflow:hidden;
			*zoom:1; /* ie */
			list-style-type:none;
		}
			.mod-productpicklist ul li,
			.mod-productpicklist ul a,
			.mod-productpicklist ul img{
				float:left;
			}
			.mod-productpicklist ul li{
				padding:0 8px 8px 0;
				display:none;
			}
			.mod-productpicklist ul img{
				width:100px;
				height:auto;
				/* height:100px; */
			}
			.mod-productpicklist ul a {
				border:3px solid #ddd;
			}
			.mod-productpicklist ul li.mod-productpicklist-current a {
				border-color:#000;
			}

	.mod-productpicklist-btnblk{
		text-align:center;
		background: #cccccc;
		text-align: center;
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		height:48px;
	}
		.mod-productpicklist-btnblk a{
			display:block;
			padding: 10px 0;
		}
			.mod-productpicklist-btnblk img{
				vertical-align:top;
			}

/*for new design */
#headerPop {
	display:none;
}

.ex-mainContentContainer-hasCategoryNav {
	padding-top:28px !important;
}

#productchooser {
	margin-top:-4px;
}

h2 {
	padding:14px 25px 12px;
	border-bottom:1px solid #ccc;
	background:url(../images/title01.png) no-repeat left center;
	font-weight:normal;
}

h3 {
	font-weight:normal;
}
h4 {
	margin:20px 0;
}
h4 span {
	padding:9px;
	background:#e1e5e8;
	font-weight:normal;
}

.cyber {
	padding-left:125px;
	margin-bottom:20px;
	background:url(../images/hdr_cyber.jpg) no-repeat left center;
}
.alpha {
	padding-left:35px;
	margin:15px 0 15px;
	background:url(../images/hdr_alpha.jpg) no-repeat left center;
}

.totop {
	text-align:right;
	padding:10px 0 0;
	font-size:10px;
}
.totop a {
	color:#333333;
}

.pc {display:block}
.sp {display:none}
.mod-productchooser-reset img{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
#print {
	display:none;
}

/*from ichigan_template.css*/
@charset "Shift_JIS";


/* ADD CORE-AD INTERNATIONAL
--------------------------------------------------*/

.tmp-contbox .thumbWideGroup .thumb {
	padding-bottom:2em;
}
.tmp-contbox .thumbWideGroup p {
	color:#999;
	font-size:93%;
	line-height:1.3;
}

/* popup header - popup footer */
div#popup-globalheader950 {
	padding: 0 0 20px 20px;
	text-align:left;
}

div#popup-globalfooter950 {
	width: auto;
	margin:0;
	padding:20px;
	background-color:#fff;
}
div#popup-globalfooter950 div#popup-globalfooter950l{
	margin: 0;
	width: auto;
	padding: 10px 0 0 0;
	text-align:left;
	white-space:nowrap;
	border-top:solid 1px #ccc;
}

/* overwrite */
#tmp-secondwinheader {
	height:50px;
}
#tmp-secondwinheader #secondwinlogo {
	top:20px;
}
#tmp-secondwinheader #secondwinclose {
	top:2px;
}




.tmp-spectable td.tmp-spec-value { /*add by smc*/
	width:300px !important;
}


/*for include setting*/
#t-feat1b001,#t-feat1b002,#t-feat1b003,#t-feat1b004,#t-feat1b005,
#t-feat1b006,#t-feat1b007,#t-feat1b008,#t-feat1b009,#t-feat1b010,
#t-feat1b011,#t-feat1b012,#t-feat1b013,#t-feat1b014,#t-feat1b015,
#t-feat1b016,#t-feat1b017,#t-feat1b018,#t-feat1b019,#t-feat1b020,
#t-feat2b001,#t-feat2b002,#t-feat2b003,#t-feat2b004,#t-feat2b005,
#t-feat2b006,#t-feat2b007,#t-feat2b008,#t-feat2b009,#t-feat2b010,
#t-feat2b011,#t-feat2b012,#t-feat2b013,#t-feat2b014,#t-feat2b015,
#t-feat2b016,#t-feat2b017,#t-feat2b018,#t-feat2b019,#t-feat2b020,
#t-feat3b001,#t-feat3b002,#t-feat3b003,#t-feat3b004,#t-feat3b005,
#t-feat3b006,#t-feat3b007,#t-feat3b008,#t-feat3b009,#t-feat3b010,
#t-feat3b011,#t-feat3b012,#t-feat3b013,#t-feat3b014,#t-feat3b015,
#t-feat3b016,#t-feat3b017,#t-feat3b018,#t-feat3b019,#t-feat3b020,
#t-feat4b001,#t-feat4b002,#t-feat4b003,#t-feat4b004,#t-feat4b005,
#t-feat4b006,#t-feat4b007,#t-feat4b008,#t-feat4b009,#t-feat4b010,
#t-feat4b011,#t-feat4b012,#t-feat4b013,#t-feat4b014,#t-feat4b015,
#t-feat4b016,#t-feat4b017,#t-feat4b018,#t-feat4b019,#t-feat4b020,
#t-feat5b001,#t-feat5b002,#t-feat5b003,#t-feat5b004,#t-feat5b005,
#t-feat5b006,#t-feat5b007,#t-feat5b008,#t-feat5b009,#t-feat5b010,
#t-feat5b011,#t-feat5b012,#t-feat5b013,#t-feat5b014,#t-feat5b015,
#t-feat5b016,#t-feat5b017,#t-feat5b018,#t-feat5b019,#t-feat5b020,
#t-feat6b001,#t-feat6b002,#t-feat6b003,#t-feat6b004,#t-feat6b005,
#t-feat6b006,#t-feat6b007,#t-feat6b008,#t-feat6b009,#t-feat6b010,
#t-feat6b011,#t-feat6b012,#t-feat6b013,#t-feat6b014,#t-feat6b015,
#t-feat6b016,#t-feat6b017,#t-feat6b018,#t-feat6b019,#t-feat6b020{
	margin-bottom:2.5em;
}

/*-------add for "include bottom margin" ---------*/
.incBtm {
	margin-bottom: 2.5em;
}

/* -------add for douga catalog------- */
#tmp-secondwinheader #secondwinclose a img {
	border:medium none !important;
}

#popUpMainImg {
	text-align:center;
	width:100%;
	margin:0 auto !important;
	padding:20px 0 0;
}


/* -------add for popup header------- */

#glhtpop-cover {
	width:auto;
	margin:0 0 13px 0;
	padding:0;
	text-align:center;
	background-color:#fff;
	clear:both;
}

#glhtpop {
	width:100%;
	height:52px;
	margin:0 auto;
	padding:0;
	position:relative;
	line-height:0;
	font-size:1px;
	background:#FFFFFF !important;		/* added */
}

#glhtpop #glhtpop-logoarea {
	height:52px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}

#glhtpop #glhtpop-logoarea a img {
	border:0;
	vertical-align:bottom;
	text-align:left;
	text-decoration:none;
}

#glhtpop #glhtpop-close {
	position:absolute;
	top:20px;
	right:20px;
}

#headerPop {
	width: auto;
	padding: 0 20px;
	text-align: left;
}

#headerPop #headtitle {
	width: 100%;
	border-bottom: 2px solid #c0c0c0;
}

#headerPop #headtitle h1 {
	font-weight:normal;
}

#headerPop #headtitle h1 a:link,
#headerPop #headtitle h1 a:visited {
	color:#333333;
	text-decoration:none;
	
}

#headerPop #headtitle h1 a:hover {
	color:#333333;
	text-decoration:none;
}

#headerPop #headtitle h1 img {
	vertical-align:middle;
}

td.sideLess {
	border-width:1px 0 1px 0 !important;
	border-color:#bcbcbc !important;
	border-style:solid !important;
	
	background:#bcbcbc;
	font-weight:bold;
	color:#FFFFFF;
}
.hidden{
	display:none;
}

#hideLink {
	display:none;
}

@media (max-width:640px) {
#hideLink {
	width:85%;
	height:auto;
	display:block;
	position:absolute;
	clear:both;
	float:right;
	z-index:9999
}

.nowCompare #column2-right {display:none}
#return {display:none !important}
.nowCompare #return {display:block !important}


.leadText br {
	display:none;
}
#print {
	display:none !important;
}

.mod-productTableCompareWay-tosimple img{
	margin-right:0px;
}


.mod-productTableCompareWay {}
.mod-productTableCompareWay img {
	width:50%;
	height:auto;
}

/*.ui-domwindowdialog {
	top:0;
	overflow:scroll;
}*/
#ui-domwindowdialog #glhtpop{
	background:#FFFFFF !important;
}

.ui-domwindowdialog .mod-productpicklist-item {
	padding:0
}
.mod-productpicklist ul img{
	width:100%;
	height:auto;
}

.mod-productpicklist ul a {
	border:none;
}



.pc {display:none !important}
.sp {display:block !important}
.cyber {
	padding:25px 0 0;
	background:url(../images/hdr_cyber.jpg) no-repeat left top;
}
.alpha {
	padding:25px 0 0;
	background:url(../images/hdr_alpha.jpg) no-repeat left top;
}
#popup-globalfooter950 {
	width:100%;
}

#popup-globalfooter950 img {
	width:100%;
	
}
#productchooser {
	height:auto;
	overflow:hidden;
}

#column2-right,#productchooser,#productchooserHeader img  {
	width:100%;
	background:#FFFFFF;
}
#productchooserHeader img  {
	width:100%;
	height:auto;
}
.mod-productchooser-items {
	padding:0 5% 10px;
	overflow:hidden;
	background:none #e5e5e5;
	margin-bottom:0;
}
.mod-productchooser-item-empty {
	background:none #e5e5e5;
}
.mod-productchooser-item {
	width:49%;
	float:left;
	height:auto;
		border-right:1px solid #e5e5e5;
}
.mod-productchooser-item img{
	height:auto;
}
.mod-productchooser-item:last-child {
	width:100%;
}
.mod-productchooser-item:last-child img {
	margin:0 auto;
	width:50%;
}
.mod-productchooser-item:first-child {
		border-right:1px solid #e5e5e5;
}


.ui-domwindowdialog{
	width: 100% !important;
	
	left:0 !important;
	

}
.productChooseDialog-root {
	background:#fff;
	height:auto;
	padding:0 10px;
}
.mod-productpicklist-main {
		height:auto !important;
		overflow:hidden;
}
.mod-productpicklist-btnblk{
		text-align:center;
		background: #cccccc;
		text-align: center;
		position:relative;
		left:0;
		bottom:0;
		width:100%;
		height:48px;
}
.mod-productTable table {
	width:auto;
	clear:both;
	
}
.compareTab tbody th {
	background: #e7e7e7;
	word-break:break-all;
	width:100px;


}
.compareTab tbody td {
	word-break:break-all;
}
.compareTab td img {
	width:100px !important;
	height:auto !important
}

.compareTab td p.productLink img {
	width:119px !important;
	height:21px !important;
}

.compareTab {
	font-size: 12px;
}
.mod-productchooser-submit-off,.mod-productchooser-submit-on {
	width:100%;
	height:auto;
}
.mod-productchooser-submit-off img,.mod-productchooser-submit-on img {
	width:100%;
	height:auto;
}
.mod-productchooser-reset img {
	width:100%;

}

.ui-hideoverlay{
	position:absolute !important;
	text-align:left;
	_position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9999;
	display:none;
}
.headArea {
	clear:both;
}

#link_store {
	position:relative !important;
	top:0px !important;
	left:0 !important;
	float:none !important;
	width:93.333% !important;
	margin:0 auto;
	background:#e1e5e8 !important;
	border-radius:3px;
	padding:2% 0 1.5%;
}
#link_store p {
	width:92.857142%;
	margin:auto;
	font-size:140%		
	
}
#link_store img {
	width:92.857142%;
	margin:10px auto;
	height:auto;
	float:none !important;
}


}
.mod-column2-main {
	position:relative;
}
#link_store {
	position:absolute;
	top:3px;
	left:335px;
	_top:32px;
	width:425px;
	background: url(../images/store_bg.gif) left no-repeat;
}
#link_store img {
	position:relative;
	float:left;
}
#link_store img.stBtn {
	position:relative;
	margin:1px 1px 0 0;
}