@charset "UTF-8";
/*////////////////////////////////////////////////////////////
Tokyo Life - itemdetail.css
------------------------------------------------------------

[Item Detail]
	0. Import
	1. Layout
	2. PageTitle
	3. Big Column
	  3-1. itemSwf
		3-2. colmBlock Frame
		3-3. Point
		3-4. Related News
		3-5. Tab Block
	4. Small Column
		4-1. Base Info
		4-2. Option Info
		4-3. Color Info
		4-4. Buy Info
		4-5. Sub Info
	5. Item List

////////////////////////////////////////////////////////////*/

/* ################################################################################
	[Item Detail] item detail styles
  ################################################################################ */
/* ------------------------------------------------------------
	0. Import
  ------------------------------------------------------------ */
@import url(itemunit.css);

/* ------------------------------------------------------------
	1. Layout
  ------------------------------------------------------------ */
div#content {background:url(/images/common/bg_grid_ccc.gif) repeat-y 192px 0;}
div#main {padding:0 0 20px;}
div#itemDetBody {
	width:768px;
	border-top: 1px solid #ccc;
	background:url(/images/common/bg_grid_ccc.gif) repeat-y 516px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
div#itemDetBody .bigColm {float:left;width:517px;}
div#itemDetBody .smallColm {float:right;width:251px;}

/* ------------------------------------------------------------
	2. PageTitle
  ------------------------------------------------------------ */
div#main .pagetitleBT {
	width:736px;
	border-top:9px solid #000;
	padding:8px 0;
	margin:10px 16px 0;
}
div#main .headTtl {width:560px;float:left;}
div#main .pagetitleBT .itemBrand {
	font-size:85%;/*11px*/
	font-weight:bold;
	padding-bottom:8px;
}
div#main .pagetitleBT .itemBrand a:link,
div#main .pagetitleBT .itemBrand a:visited {color:#003399;text-decoration:none;}
div#main .pagetitleBT .itemBrand a:hover,
div#main .pagetitleBT .itemBrand a:active {color:#003399;text-decoration:underline;}
div#main .pagetitleBT .itemCopy {font-size:153.9%;/*20px*/font-weight:bold;}
div#main .pagetitleBT .headIco {float:right;width:165px;}
div#main .pagetitleBT .headIco li {float:left;margin:0 2px 2px 0;}
.itemReal a:link,
.itemReal a:visited {color:#003399;}
.itemReal a:hover,
.itemReal a:active {color:#003399;}
*:first-child+html div#main .pagetitleBT .headIco li {
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}
* html div#main .pagetitleBT .headIco li {
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}

/* ------------------------------------------------------------
	3. Big Column
  ------------------------------------------------------------ */
/*  3-1. itemSwf
  ------------------------------------------------- */
div#itemSwf {
	width:515px;
	padding:0 1px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
div#itemSwf div#itemPhoto {
	margin:8px 0;
	width:515px;
}
div#itemSwf div#itemPhoto p.itemPhotoDetail {
	width: 515px;
	height:500px;
	margin:0 auto;
	text-align:center;	
	position:relative;
	overflow:hidden;
	margin:0 0 5px;
}
div#itemSwf div#itemPhoto p.itemPhotoDetail img {
	position:aboslute;
}
div#itemSwf div#itemPhoto p.note {
	width:507px;
	text-align:right;
	font-size:11px;
	margin:0 8px 8px 0;
}

/*  3-1-2. itemThum
  ------------------------------------------------- */
div#itemThum {
	width:515px;
	margin:0 0 15px;
	height:58px;
	position:relative;
}
div#itemThum div.scrollable {
	width:485px;
	height:58px;
	margin:0 auto 0 15px;
	overflow:hidden;
	position:relative;
}
div#itemThum div.item {
	width:20000em;
	position:absolute;
}
div#itemThum div.item div {
	float:left;
	height:58px;
}
div#itemThum div.item div a {
	width:58px;
	margin:0;
	padding:0;
}
div#itemThum div.item div a img {
	border:none;
	vertical-align:middle;
	padding:0;
	 margin:0; 
	list-style-type:none;
}

div#itemThum  p#icArrowLeft {
	position:absolute;
	top:20px;
	left:0;
	width:10px;
	height:18px;
	cursor:pointer;
	background: url(/images/detail/icLeft_on.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
div#itemThum  p.disabled#icArrowLeft {
	width:10px;
	height:18px;
	overflow:hidden;
	background:url(/images/detail/icLeft_off.gif) no-repeat left -1px;
	cursor:auto;
}
div#itemThum  p#icArrowRight {
	position:absolute;
	top:20px;
	right:-1px;
	width:10px;
	height:18px;
	cursor:pointer;
	background: url(/images/detail/icRight_on.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
div#itemThum  p.disabled#icArrowRight {
	width:10px;
	height:18px;
	overflow:hidden;
	background:url(/images/detail/icRight_off.gif) no-repeat left -1px;
	cursor:auto;
}

ul.funcPopup {
	width:auto;
	text-align:right;
	padding:5px 16px 5px;
}
ul.funcPopup li {
	#width:123px;
	float:right;
	margin:0 0 0 10px;
}
/*  3-2. colmBlock Frame
  ------------------------------------------------- */
div.bigColm dl.colmBlock {width:485px;padding:0 16px 20px;}
div.bigColm dl.colmBlock dt {width:485px;padding-bottom:5px;}
* html div.bigColm dl.colmBlock dt {
	line-height:0;
	vertical-align:bottom;
	font-size:0;
}

/*  3-3. Point
  ------------------------------------------------- */
div.bigColm dl.colmBlock dd.point {line-height:1.4;}

/*  3-4. Related News
  ------------------------------------------------- */
div.bigColm dl.colmBlock dd.relatedNews li {
	font-size:93%; /*12px*/
	padding:0 0 3px 8px;
	background:url(/images/common/marker_triangle.gif) no-repeat 0 4px;
}
* html div.bigColm dl.colmBlock dd.relatedNews li {
	background:url(/images/common/marker_triangle.gif) no-repeat 0 5px;
}
#detailRealLink1{color:#003399;}
#detailRealLink2{color:#003399;}
#detailRealLink3{color:#003399;}


/*  3-5. Tab Block --
  -------------------------------------------------
div.bigColm div.tabBlock {width:486px;margin:0 auto 15px;}
div.bigColm div.tabBlock ul li#head1 {width:243px;float:left;height:28px;}
div.bigColm div.tabBlock ul li#head2 {width:243px;float:left;height:28px;}
div.bigColm div.tabBlock ul li.head1 a {
	width:243px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(/images/detail/tab_feature.gif) no-repeat 0 0;
}
div.bigColm div.tabBlock ul li.head2 a {
	width:243px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(/images/detail/tab_detail.gif) no-repeat 0 0;
}
div.bigColm div.tabBlock ul li.head3 a {
	width:162px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(/images/detail/tab_size.gif) no-repeat 0 0;
}
div.bigColm div.tabBlock ul li.head1_on a {
	width:243px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(/images/detail/tab_feature.gif) no-repeat 0 -28px;
}
div.bigColm div.tabBlock ul li.head2_on a {
	width:243px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(/images/detail/tab_detail.gif) no-repeat 0 -28px;
}
div.bigColm div.tabBlock ul li.head3_on a {
	width:162px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(/images/detail/tab_size.gif) no-repeat 0 -28px;
}
div.bigColm div.tabBlock div.itemBox {
	width:455px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:14px;
}
div.bigColm div.tabBlock div.itemBox p.detail {font-size:93%;line-height:1.4;}
div.bigColm div.tabBlock div.itemBox table.feature {font-size:93%;width:455px;}
div.bigColm div.tabBlock div.itemBox table.feature th {
	vertical-align:top;
	text-align:left;
	width:95px;
	padding:5px 5px 5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
div.bigColm div.tabBlock div.itemBox table.feature td {
	vertical-align:top;
	text-align:left;
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
div.bigColm div.tabBlock div.itemBox table.size {font-size:93%;width:455px;}
div.bigColm div.tabBlock div.itemBox table.size th {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:2px solid #ccc;
	text-align: center;
	vertical-align: top;
	background:#e5e5e1;
	padding:2px 0;
}
div.bigColm div.tabBlock div.itemBox table.size td {
	border:1px solid #ccc;
	text-align:center;
	vertical-align:top;
	padding:2px 0;
}
div.bigColm div.tabBlock div.itemBox table.size td.unit {font-weight:bold;width:50px;}

 */

/* ------------------------------------------------------------
	4. Small Column
  ------------------------------------------------------------ */
/*  4-1. Base Info
  ------------------------------------------------- */
div.smallColm .baseInfo {
	width:220px;
	margin:0 16px 0 15px;
	padding:14px 0;
	border-bottom:1px solid #ccc;
}
div.smallColm .baseInfo li.itemName {font-size:116%; /*15px*/margin-bottom:5px;}
div.smallColm .baseInfo li.itemModel {font-size:85%; /*11px*/margin-bottom:20px;}
div.smallColm .baseInfo li.itemPrice {
	font-size:108%; /*14px*/
	margin-bottom:5px;
	line-height:1.4;
	font-weight: bold;
}
li.itemPrice .note{
  font-size: 10px;
    font-weight: normal;
    padding: 5px 0 0;
}

div.smallColm .baseInfo li.salePrice {
	font-size:108%; /*14px*/
	margin-bottom:5px;
	font-weight:bold;
	color:#ff0000;
	line-height:1.4;
}
div.smallColm .baseInfo li.salePrice span.through {
	text-decoration:line-through;
	padding-right:5px;
	color:#000;
}
div.smallColm .baseInfo li.salePrice span.price {padding-left:3px;}
div.smallColm .baseInfo li.itemPoint {
	font-size:93%; /*12px*/
	padding:15px 0 5px;
	float:left;
}
div.smallColm .baseInfo li.aboutPoint {
	float:right;
	width:78px;
	padding-top:13px;
}
* html div.smallColm .baseInfo li.aboutPoint {
	line-height:0;
	vertical-align:bottom;
	font-size:0;
}
div.smallColm .baseInfo li.itemFee {
	font-size:93%; /*12px*/
	padding:0 0 5px;
	float:left;
}
div.smallColm .baseInfo li.aboutFee {
	float:right;
	width:78px;
	padding-top:4px;
}
* html div.smallColm .baseInfo li.aboutFee {
	line-height:0;
	vertical-align:bottom;
	font-size:0;
}
div.smallColm .baseInfo li.aboutPoint a {
	display:block;
	width:78px;
	height:9px;
	padding:5px 0;
}
* html div.smallColm .baseInfo li.aboutPoint a {padding:3px 0 5px;}
div.smallColm .baseInfo p.noteDeliv {font-size:85%; /*11px*/color:#ff0000;}

/*  4-2. Option Info
  ------------------------------------------------- */
div.smallColm .optionInfo {
	width:220px;
	margin:0 16px 0 15px;
	padding:6px 0 0;
	border-bottom:1px solid #ccc;
}
div.smallColm .optionInfo li {
	float:left;
	padding-bottom: 4px;
	width:110px;
	text-align:center;
}
* html div.smallColm .optionInfo li {
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}
div.smallColm .optionInfo li.aboutIcon {
	float:right;
	padding:0 0 2px 0;
	width:78px;
}
* html div.smallColm .optionInfo li.aboutIcon {
	line-height:0;
	vertical-align:bottom;
	font-size:0;
}
div.smallColm .optionInfo li.aboutIcon a {
	padding:2px 0 4px;
	width:78px;
	height:9px;
	display:block;
}

/*   4-3. Each Size&Color Buy Info
  ------------------------------------------------- */
div.smallColm dl.colorInfo {width:220px;margin:14px 16px 14px 15px;}
div.smallColm dl.colorInfo dt {padding-bottom:10px;}
* html div.smallColm dl.colorInfo dt {
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}
div.smallColm dl.colorInfo dd ul {padding-bottom: 15px;}
div.smallColm dl.colorInfo dd li {
	display: inline-block;
	width:70px;
	height:auto;
	color:#003399;
	font-size:10px;
	padding-bottom: 3px;
	vertical-align: top;
}
div.smallColm dl.colorInfo dd li img{  background-color:#f5f5f5; margin-bottom:2px; padding:6px;}
div.smallColm dl.colorInfo dd li a:hover img{ background-color:#ccc;} 

/* div.smallColm dl.colorInfo dd li img{ border:1px #ccc solid; margin-bottom:2px;} */

div.smallColm dl.colorInfo dd li a:link,
div.smallColm dl.colorInfo dd li a:visited {color:#003399;text-decoration:none;}
div.smallColm dl.colorInfo dd li a:hover,
div.smallColm dl.colorInfo dd li a:active {color:#003399;text-decoration:underline;}
div.smallColm dl.colorInfo dd p.note {
	text-indent:-1em;
	margin-left:1em;
	font-size: 10px;
}
div.smallColm .cartInfo {
	width:220px;
	background:url(/images/common/bg_diagonal.gif) repeat 0 0;
	margin-right: 1px;
	padding:15px;
}
div.smallColm .cartInfo p.soonTxt {
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	padding:5px 0 0;
}
div.smallColm dl.cartInfo dt {padding-bottom:10px;}
* html div.smallColm dl.cartInfo dt {
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}
div.smallColm dl.cartInfo dd li.sel {padding-bottom:5px;}
div.smallColm dl.cartInfo dd li.sel select {font-size:11px;width:220px;}
div.smallColm dl.cartInfo dd li.cartin {}
div.smallColm dl.cartInfo dd li.option {color:#003399;}
div.smallColm dl.cartInfo dd li.option table th {
	text-align:left;
	vertical-align:middle;
	width:200px;
	font-weight: bold;
}
*:first-child+html div.smallColm dl.cartInfo dd li.option table th {padding-top:4px;}
* html div.smallColm dl.cartInfo dd li.option table th {padding-top:5px;}
div.smallColm dl.cartInfo dd li.option table td {
	text-align:left;
	vertical-align:top;
	color:#003399;
	font-size:93%;/*12px*/
	padding-top:2px;
}

.returned { width:220px; color:#F00; font-weight:bold; font-size:11px; margin:14px 16px 14px 15px;}
.returned li.aboutcancel {
	float:right;
	width:90px;
	padding-top:5px;
}


/*  4-4. Buy Info
  ------------------------------------------------- */
div.smallColm .buyInfo {width:220px;margin:14px 16px 14px 15px;font-size:85%;/*11px*/}

div.smallColm .buyInfo p.reload {text-align:right;padding:0 0 5px;}
div.smallColm table.tblCart {
	width:100%;
	border-bottom:3px double #ccc;
}
div.smallColm table.tblCart td {
	vertical-align:top;
}
div.smallColm table.tblCart td.cellColor {
	width:auto;
	background:#E8F2F2;
	border-top:3px double #ccc;
	padding: 3px 5px;
}
div.smallColm table.tblCart td.cellSize {
	padding: 3px 5px;
	border-top:1px solid #ccc;
	width:auto;
	vertical-align:middle;
}
div.smallColm table.tblCart td.cellBtn {
	padding:3px 0;
	vertical-align:middle;
	border-top:1px solid #ccc;
	text-align:center;
	width:81px;
}
div.smallColm table.tblCart a:link,
div.smallColm table.tblCart a:visited {color:#003399;text-decoration:none;}
div.smallColm table.tblCart a:hover,
div.smallColm table.tblCart a:active {color:#003399;text-decoration:underline;}
div.smallColm .buyInfo p.note {
	text-indent:-1em;
	margin-left:1em;
	padding:5px 0 0;
}
div.smallColm .buyInfo p.soonTxt {
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	padding:5px 0 0;
}
div.smallColm div#requestStock {
	display:none;
	border:1px solid #ccc;
	width:208px;
	padding:5px;
	margin:0 auto;
	position:absolute;
	background:#F1F1F1;
}
div.smallColm div#requestStock #requestTtl {
	padding:0 0 5px;
	font-weight:bold;
}
div.smallColm div#requestStock #requestExpl {
	padding:0 0 5px;
}
div.smallColm div#requestStock #requestForm {
	padding:0 0 10px;
}
div.smallColm div#requestStock #requestForm table {
	width:208px;
	font-size:10px;
}
div.smallColm div#requestStock #requestForm table th {
	background:#e5e5e1;
	border:1px solid #ccc;
	padding:3px;
	width:52px;
}
div.smallColm div#requestStock #requestForm table td {
	border:1px solid #ccc;
	padding:3px;
	background:#fff;
}
div.smallColm div#requestStock #requestForm table td input {
	width:144px;
}
div.smallColm div#requestStock #requestBtn {
	padding:0 0 10px;
	text-align:center;
}
div.smallColm div#requestStock #requestNote {
	padding:0 0 5px;
}
div.smallColm div#requestStock #requestAbout {
	padding:0 0 5px;
	text-align:right;
}
div.smallColm div#requestStock #requestClose {
	text-align:right;
}

/*  4-5. Sub Info
  ------------------------------------------------- */
div.smallColm .subInfo {width:220px;margin:14px 16px 14px 15px;}
div.smallColm .subInfo p.btn {
	width:180px;
	margin:0 20px;
	padding-bottom:10px;
}
div.smallColm .subInfo p.note {font-size:10px;padding-bottom:6px;}
div.smallColm .subInfo p.aboutStaff {float:right;width:101px;}
div.smallColm .subInfo p.aboutStaff a {
	width:101px;
	display:block;
	height:9px;
	padding:4px 0;
}

/* ------------------------------------------------------------
	5. Item List
  ------------------------------------------------------------ */
div#main dl.mainBlock {width:768px;}
div#main dl.mainBlock dt {
	width:736px;
	border-top:9px solid #000;
	padding:8px 0 3px;
	margin:0 16px;
}
* html div#main dl.mainBlock dt {
	line-height:0;
	vertical-align:bottom;
	font-size:0;
}
div#main dl.mainBlock dt dd {width:768px;}
div#main div#itemlistWrap {width:768px;}


/* ------------------------------------------------------------
	6. Rearrival
  ------------------------------------------------------------ */
div#content .rearrivalMsg {
	padding:40px 15px;
	line-height:1.4;
}
div#content .rearrivalMsg p {margin:0 0 20px;}
div#content .rearrivalMsg p a:link,
div#content .rearrivalMsg p a:visited {color:#003399;text-decoration:none;}
div#content .rearrivalMsg p a:hover,
div#content .rearrivalMsg p a:active {color:#003399;text-decoration:underline;}
div#content .rearrivalMsg p.bigger {font-size:182%;/*24px*/font-weight: bold;}
div#content .rearrivalMsg p.middle {font-size:123.1%;/*16px*/font-weight: bold;}
div#content .rearrivalMsg p.btnSingle {text-align:center;padding: 20px 0 0;}
div#content .rearrivalMsg ul.btnDouble {width:600px;margin:0 auto;padding: 20px 0 0;text-align:center;}
div#content .rearrivalMsg ul.btnDouble li {display:inline;margin:0 10px;}

/* ------------------------------------------------------------
	1. Big Photo
  ------------------------------------------------------------ */
div#pop-bigPhoto {
	width: 814px;
	margin: 0 auto;
	text-align: left;
	min-height:500px;
	padding-top:10px;
}
div#pop-bigPhoto .pagetitle {
	border-top:9px solid #000000;
	padding:8px 10px 15px 0;
	font-weight:bold;
	font-size:16px;
	width:auto;
}
div#pop-bigPhoto .pagetitle .left {
	float:left;
}
div#pop-bigPhoto .pagetitle .right {
	float:right;
}
div#pop-bigPhoto .pagetitle span {
	padding:0 0 0 20px;
	font-size:14px;
}
div#pop-bigPhoto .pagetitle a {
	color:#003399;
}
div#pop-bigPhoto #content-wrapper {
	width: auto;
}
div#pop-bigPhoto .bigColm {
	float:left;
	width:600px;
	margin:0 10px 0 0;
}
div#pop-bigPhoto .smallColm {
	float:left;
	width:204px;
}
div#pop-bigPhoto .smallColm dt {
	padding:0 0 5px;
	font-weight:bold;
}
div#pop-bigPhoto .smallColm .thumb {
	padding:0 0 10px;
	width:auto;
}
div#pop-bigPhoto .smallColm .thumb div,
div#pop-bigPhoto .smallColm .thumb li{
	float:left;
	width:68px;
	margin:0 0 10px 0;
	font-size:93%;/*12px*/
}
div#pop-bigPhoto .smallColm .thumb img {
	
	border:1px solid #ccc;
	margin:0 10px 0 0;
	cursor:pointer;
}

/* ------------------------------------------------------------
	2. Size
  ------------------------------------------------------------ */
div#pop-size {
	width: 455px;
	margin: 0 auto;
	text-align: left;
	padding-top:10px;
}
div#pop-size .pagetitle {
	border-top:9px solid #000000;
	padding:8px 10px 15px 0;
	font-weight:bold;
	font-size:16px;
	width:auto;
}
div#pop-size .pagetitle .left {
	float:left;
}
div#pop-size .pagetitle .right {
	float:right;
}
div#pop-size .pagetitle span {
	padding:0 0 0 20px;
	font-size:14px;
}
div#pop-size .pagetitle a {
	color:#003399;
}
div#pop-size #content-wrapper {
	width: auto;
}
div#pop-size table.size {font-size:93%;/*12px*/width:455px;margin:0 auto;}
div#pop-size table.size th {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:2px solid #ccc;
	text-align: center;
	vertical-align: top;
	background:#e5e5e1;
	padding:2px 0;
}
div#pop-size table.size td {
	border:1px solid #ccc;
	text-align:center;
	vertical-align:top;
	padding:2px 0;
}
div#pop-size table.size td.unit {font-weight:bold;width:50px;}


/* ------------------------------------------------------------
	2013.1.7 #colmBlock �C��
  ------------------------------------------------------------ */

div.bigColm dl.colmBlock table {font-size:93%;width:100%;}
div.bigColm dl.colmBlock table th {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:2px solid #ccc;
	text-align: center;
	vertical-align: middle;
	padding:2px 0;
}
div.bigColm dl.colmBlock table td {
	border:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
	padding:2px 0;
}
div.bigColm dl.colmBlock table td.unit {font-weight:bold;width:50px;}

div.bigColm dl.colmBlock table.size{ margin-bottom:10px;}
div.bigColm dl.colmBlock table.size th {
	background:#e5e5e1;}

div.bigColm dl.colmBlock table.feature th {
	vertical-align: middle;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
div.bigColm dl.colmBlock table.feature td {
	text-align:left;
	padding-left:15px;
	border-right:1px solid #ccc;
}