@charset "shift_jis";

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

	D CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Detail Section
		1-1.Detail Unit
			1-1-1.ul
			1-1-2.table
	
	2.Detail Display
		2-1.Title
		2-2.Image Unit
			2-2-1.Enlarge
			2-2-2.Thumbnail
		2-3.Product Info
			2-3-1.Price Info
			2-3-2.Comment
			2-3-3.Sale Info
			2-3-4.snsArea
	
	3.Others Display
		3-1.Title
		3-2.ul
			3-2-1.Image Unit
				3-2-1-1.Image
				3-2-1-2.Cart In
			3-2-2.Product Info
	
	
	D11
 -----------------------------------------
	1.Floating Display
	
	2.Detail Display
		2-1.Title
		2-2.Price Info
		2-3.Image Viewer
			2-3-1.Viewer Flip
			2-3-2.Image Unit
				2-3-2-1.Image
				2-3-2-2.Thumbnail

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

/* 1.Detail Section
========================================== */
#contents .detailSec {
	margin: 0 0 20px;
}

	/* 1-1.Detail Unit
	---------------------------------------- */
	#contents .detailSec .detailUnit {
		margin: 0 10px 12px;
	}
	
	#contents .detailSec .detailUnit h3 {
		margin: 0 0 7px;
		padding: 2px 12px;
		background-color: #F2F2F2;
		font-size: 107.8%;
		line-height: 1.429;
		font-weight: bold;
	}
	
	#contents .detailSec .detailUnit p {
		margin: 0 10px 20px;
	}
	
		/* 1-1-1.ul
		---------------------------------------- */
		#contents .detailSec .detailUnit ul {
			position: relative;
			margin: 0 10px;
		}
		
		#contents .detailSec .detailUnit ul li {
			display: table;
			margin: 0 0 4px;
			padding: 0 0 0 14px;
			background: url(../../i/common/ico_square01_gray01.gif) no-repeat 0 0.167em;
			font-size: 92.4%;
			line-height: 1.335;
		}
		/* IE6 Only */
		* html #contents .detailSec .detailUnit ul li {
			display: inline;
			zoom: 1;
		}
		/* IE7 Only */
		*:first-child + html #contents .detailSec .detailUnit ul li {
			display: inline;
			zoom: 1;
		}
		
		/* 1-1-2.table
		---------------------------------------- */
		#contents .detailSec .detailUnit table {
			margin: 0 10px;
		}
		
		#contents .detailSec .detailUnit table tr {
		}
		
		#contents .detailSec .detailUnit table tr th {
			padding-right: 20px;
		}


/* 2.Detail Display
========================================== */
#contents .detailDisplay {
	margin: 0 0 15px;
	zoom: 1;
}

#contents .detailDisplay:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

	/* 2-1.Title
	---------------------------------------- */
	#contents .detailDisplay .title {
		position: relative;
		padding: 7px 10px;
		background: url(../../i/common/bg_dotted01_blue03.gif);
		zoom: 1;
	}
	
	#contents .detailDisplay .title h1 {
		margin: 0 160px 0 0;
		color: #434343;
		font-size: 123.1%;
		line-height: 1.374;
		font-weight: bold;
	}
	
	#contents .detailDisplay .title p.cartIn {
		position: absolute;
		top: 50%;
		right: 10px;
		margin: -17px 0 0;
		width: 153px;
	}
	
	#contents .detailDisplay .title p.cartIn a {
		display: block;
		height: 34px;
		background: url(../../i/common/btn_cart02_01.jpg) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#contents .detailDisplay .title p.cartIn a:hover {
		background-position: 0 -34px;
	}
	
	
	/* niconicoChannel 
	---------------------------------------- */
		#contents .detailDisplay .nicoTitle h1 
	{
		margin: 0 250px 0 0;
		color: #434343;
		font-size: 123.1%;
		line-height: 1.374;
		font-weight: bold;
		
		}
		
		#contents .detailDisplay .title p.cartIn .nicoOK {
		display: block;
		text-indent: 0px;
		overflow: hidden;
		background: none;
		background-color:rgb(239,177,10);
		box-shadow:inset 0px -6px 0px 0px rgba(0,0,0,0.15);
		text-align:center;
		color:#FFFFFF;
		margin:0px;
		font-size:125%;
		width:250px;
		float:right;
		text-decoration:none;
		font-weight:bold;
		line-height:32px;
		
	}
	
		#contents .detailDisplay .title p.cartIn .nicoOK:hover {
		box-shadow:inset 0px -3px 0px 0px rgba(0,0,0,0.15);
		color:#FFFFFF !important;
		background-color:rgb(215,159,9);

	}
	
	
	#contents .detailDisplay .niconico
	{
		
		position: relative;
		padding: 5px 10px 0px 10px;
		zoom: 1;
		}
	
	
	
	#contents .detailDisplay .niconico p.nicoMsg
	{
	
		/*width:100%;
		padding-left:55%;*/
		font-weight:bold;
		text-align:right;
		
		}
		
	#contents .detailDisplay .niconico .nicoErrMsg
	{
	
		color:red;
		}
	
	
	
	/* 2-2.Image Unit
	---------------------------------------- */
	#contents .detailDisplay .imageUnit {
		position: relative;
		float: left;
		display: inline; /* for IE */
		margin: 15px 0 0 10px;
		width: 250px;
	}
	
	#contents .detailDisplay .imageUnit p.image {
		margin: 0 0 3px;
	}
	#contents .detailDisplay .imageUnit p.image img#target {
		border: solid 1px #999;
	}
	
	#contents .detailDisplay .imageUnit p.cartInSoldOut {
		position: absolute;
		top: 65px;
		left: -13px;
		margin: -17px 0 0;
	}
	
		/* 2-2-1.Enlarge
		---------------------------------------- */
		#contents .detailDisplay .imageUnit p.enlarge {
			font-size: 84.7%;
			line-height: 1.275;
			text-align: right;
		}
		
		#contents .detailDisplay .imageUnit p.enlarge a {
		}
		
		/* 2-2-2.Thumbnail
		---------------------------------------- */
		#contents .detailDisplay .imageUnit ul.thumbnail {
			position: relative;
			margin: -1px 0 0 4px;
			zoom: 1;
		}
		
		#contents .detailDisplay .imageUnit ul.thumbnail:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
		#contents .detailDisplay .imageUnit ul.thumbnail li {
			float: left;
			/*margin: 10px 10px 0 0;*/
			margin: 5px 3px 5px 3px;
			padding:2px;
			width: 50px;
		}
		
		#contents .detailDisplay .imageUnit ul.thumbnail li.active {
			background:#FFCC00;
		}
		
		/*
		#contents .detailDisplay .imageUnit span.saleStatus {
			position: absolute;
			top: -11px;
			left: 5px;
			width: 250px;
		}
		*/

		#contents .detailDisplay span.soldOut-saleStatus {
			display: block;
			margin-top:5px;
			margin-left:12px;
		}

	/* 2-3.Product Info
	---------------------------------------- */
	#contents .detailDisplay .productInfo {
		float: right;
		display: inline; /* for IE */
		margin: 15px 10px 0 0;
		width: 450px;
	}
	
	#contents .detailDisplay .productInfo p.point {
		padding: 4px 0 0;
		margin: 0 0 6px;
		color: #819538;
		font-size: 84.7%;
		line-height: 1.275;
	}
	
		/* 2-3-1.Price Info
		---------------------------------------- */
		#contents .detailDisplay .productInfo .priceInfo {
			margin: 0 0 10px;
			padding: 5px 5px 4px;
			background-color: #EDF3FA;
		}
		
		#contents .detailDisplay .productInfo .priceInfo table {
			margin: 0; /* Reset */
		}
		
		#contents .detailDisplay .productInfo .priceInfo table tr {
		}
		
		#contents .detailDisplay .productInfo .priceInfo table tr th,
		#contents .detailDisplay .productInfo .priceInfo table tr td {
			color: #626262;
			font-size: 107.8%;
			line-height: 1.286;
			font-weight: bold;
			vertical-align: middle;
		}
		#contents .detailDisplay .productInfo table tr td span.price       {margin-right: 5px; color: #F5007E;}
		#contents .detailDisplay .productInfo table tr td span.memberPrice {margin-right: 5px; color: #F5007E;}
		#contents .detailDisplay .productInfo table tr td span.salePrice   {margin-right: 5px; color: #F5007E;}
		
		#contents .detailDisplay .soldOut table tr td span.price,
		#contents .detailDisplay .soldOut table tr td span.memberPrice,
		#contents .detailDisplay .soldOut table tr td span.salePrice {text-decoration: line-through;}
		
		/* 2-3-2.Comment
		---------------------------------------- */
		#contents .detailDisplay .productInfo .comment {
			margin: 0 0 30px;
			background: url(../../i/D/comment_bg.gif) repeat-y 100% 0;
			overflow: hidden;
			zoom: 1;
		}
		
		#contents .detailDisplay .productInfo .comment h3 {
			padding: 0 0 6px;
			background-color: #FFFFFF;
			color: #626262;
			font-size: 84.7%;
			line-height: 1.275;
		}
		
		#contents .detailDisplay .productInfo .comment p.image {
			position: relative;
			margin: 0; /* Reset */
			height: auto; /* for Modern Browser */
			min-height: 36px; /* for Modern Browser */
			background: url(../../i/D/comment_bg_top.gif) no-repeat 100% 0;
		}
		/* IE6 Only */
		* html #contents .detailDisplay .productInfo .comment p.image {height: 36px;}
		
		#contents .detailDisplay .productInfo .comment p.image img {
			position: absolute;
			top: 0;
			left: 10px;
			width: 55px;
		}
		
		#contents .detailDisplay .productInfo .comment p.text {
			position: relative;
			margin: -18px 0 0 90px;
			padding: 0 24px 18px 24px;
			background: url(../../i/D/comment_bg_btm.gif) no-repeat 100% 100%;
			font-size: 100%;
			line-height: 1.384;
		}
		
		/* 2-3-3.Sale Info
		---------------------------------------- */
		#contents .detailDisplay .productInfo .saleInfo {
			padding: 0 0 6px;
			background: url(../../i/common/line_dotted01_gray03.gif) repeat-x 0 100%;
		}
		
		#contents .detailDisplay .productInfo .saleInfo table {
			margin: 0; /* Reset */
			width: 100%;
			background: url(../../i/D/saleinfo_line_02.gif) repeat-y;
		}
		
		#contents .detailDisplay .productInfo .saleInfo table tr {
		}
		
		#contents .detailDisplay .productInfo .saleInfo table tr th,
		#contents .detailDisplay .productInfo .saleInfo table tr td {
			padding: 13px 10px 0;
			background: url(../../i/D/saleinfo_line_01.gif) repeat-x;
			font-size: 92.4%;
			line-height: 1.167;
		}
				
		#contents .detailDisplay .productInfo .saleInfo table tr th {
			white-space: nowrap;
		}
		
		#contents .detailDisplay .productInfo .saleInfo table tr td {
			width: 100%;
		}

		#contents .detailDisplay .productInfo .saleInfo table tr td span.sale_copy{
			margin-left:15px;
			color:#FF6600;
			padding-left:5px;
			font-size:108%;
		}

		#contents .detailDisplay .productInfo .saleInfo table tr td span.reserve_term{
			color:#FF6600;
		}


	/* 2-3-4.snsArea　'2014/06/19 A.Sone サイトリニューアル
	---------------------------------------- */
		#snsArea{
			float:right;
			display:inline;
			margin:10px 10px 0 0;
		}
		#contents .detailDisplay .snsList{
			width:370px;
		}
		#contents .detailDisplay .snsList li{
			display:inline-block;
		}
		#contents .detailDisplay .snsList li.facebook{
			max-width: 160px;
		}
		#contents .detailDisplay .snsList li.twitter{
			max-width: 100px;
		}
		#contents .detailDisplay .snsList li.google{
			min-width: 50px;
		}
		#contents .detailDisplay .snsList li.line{
			max-width: 80px;
		}
		
/* 3.Others Display
========================================== */
#contents .othersDisplay {
	margin: 0 0 12px;
	background: url(../../i/common/line_dotted01_gray02.gif) repeat-x 0 30px;
}

	/* 3-1.Title
	---------------------------------------- */
	#contents .othersDisplay h3 {
		margin: 0; /* Reset */
		height: 31px;
		background: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#contents .othersDisplay h3#tendencyTitle     {background-image: url(../../i/D/tendencytit_tit.gif);}
	#contents .othersDisplay h3#similarItemsTitle {background-image: url(../../i/D/similaritemstit_tit.gif);}
	
	/* 3-2.ul
	---------------------------------------- */
	#contents .othersDisplay ul {
		position: relative;
		margin: -5px -10px 0 10px;
		width: 738px;
		zoom: 1;
	}
	
	#contents .othersDisplay ul:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents .othersDisplay ul.bg {background: url(../../i/common/bg_dotted01_blue.gif);}
	
	#contents .othersDisplay ul li {
		float: left;
		display: inline; /* for IE */
		margin: 12px 10px 0 0;
		width: 236px;
		zoom: 1;
	}
	
	#contents .othersDisplay ul li:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
		/* 3-2-1.Image Unit
		---------------------------------------- */
		#contents .othersDisplay ul li .imageUnit {
			float: left;
			width: 80px;
		}
		
			/* 3-2-1-1.Image
			---------------------------------------- */
			#contents .othersDisplay ul li .imageUnit p.image {
				position: relative;
				zoom: 1;
			}
			
			#contents .othersDisplay ul li .imageUnit p.image span.saleStatus {
				position: absolute;
				bottom: -4px;
				left: 0;
				width: 80px;
				text-align: center;
			}
			
			/* 3-2-1-2.Cart In
			---------------------------------------- */
			#contents .othersDisplay ul li .imageUnit p.cartIn {
				margin: 5px 0 0;
				width: 80px;
			}
			
			#contents .othersDisplay ul li .imageUnit p.cartIn a {
				display: block;
				height: 20px;
				background: url(../../i/common/btn_cart_01.png) no-repeat;
				text-indent: -9999px;
				overflow: hidden;
			}
			
			#contents .othersDisplay ul li .imageUnit p.cartIn a:hover {background-position: 0 -20px;}
		
		/* 3-2-2.Product Info
		---------------------------------------- */
		#contents .othersDisplay ul li .productInfo {
			float: right;
			width: 150px;
		}
		
		#contents .othersDisplay ul li .productInfo h4 {
			padding: 0 0 10px;
		}
		
		#contents .othersDisplay ul li .productInfo h4 a {
			padding-bottom: 1px; /* for Underline */
			color: #4A76A3;
		}
		
		#contents .othersDisplay ul li .productInfo .priceInfo {
			padding: 3px;
		}
		
		#contents .othersDisplay ul li .productInfo table {
			margin: 0; /* Reset */
		}
		
		#contents .othersDisplay ul li .productInfo table tr th,
		#contents .othersDisplay ul li .productInfo table tr td {
			padding: 0; /* Reset */
			font-size: 83.34%;
			line-height: 1.2;
		}
		
		#contents .othersDisplay ul li .productInfo table tr td {
			padding-left: 10px;
		}
		
		#contents .othersDisplay ul li .productInfo table tr td span.price       {color: #F5007E;}
		#contents .othersDisplay ul li .productInfo table tr td span.memberPrice {color: #F5007E;}
		#contents .othersDisplay ul li .productInfo table tr td span.salePrice   {color: #F5007E;}
		
		#contents .othersDisplay ul li .soldOut table tr td span.price,
		#contents .othersDisplay ul li .soldOut table tr td span.memberPrice,
		#contents .othersDisplay ul li .soldOut table tr td span.salePrice {text-decoration: line-through;}


/* D11
****************************************************************************************/
/* 1.Floating Display
========================================== */
#floatingDisplay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4000;
	padding: 0 0 100%;
	width: 100%;
	height: 100%;
	/*background: url(../../i/D/floatingdisplay_bg.png);*/
	overflow:visible;
}

/* 2.Detail Display
========================================== */
#floatingDisplay .detailDisplay {
	position: relative;
	padding: 44px 0 16px;
	background-color: #FFF;
	border: solid #528ACE;
	border-width: 3px 0;
	overflow:visible;
}

*#floatingDisplay .detailDisplay{
	margin-left:100px;
}

#floatingDisplay .detailDisplay p.logoCharaAni {
	position: absolute;
	top: 5px;
	left: 6px;
	z-index: 500;
	/*width: 118px;*/
	width:100%;
}

#floatingDisplay .detailDisplay span.close {
	/*position: absolute;
	top: 7px;
	left: 718px;
	*/
	float:right;
	width: 45px;
	display:block;
	margin-right:15px;
}

#floatingDisplay .detailDisplay span.close img {
	vertical-align: top; /* for IE */
}

	/* 2-1.Title
	---------------------------------------- */
	#floatingDisplay .detailDisplay .title {
		position: relative;
		margin: 0 15px 5px;
		padding: 7px 10px;
		background: url(../../i/common/bg_dotted01_blue03.gif);
		zoom: 1;
	}
	
	#floatingDisplay .detailDisplay .title h2 {
		margin: 0 160px 0 0;
		color: #434343;
		font-size: 123.1%;
		line-height: 1.374;
		font-weight: bold;
	}
	
	#floatingDisplay .detailDisplay .title p.cartIn {
		position: absolute;
		top: 50%;
		right: 10px;
		margin: -17px 0 0;
		width: 153px;
	}
	
	#floatingDisplay .detailDisplay .title p.cartIn a {
		display: block;
		height: 34px;
		background: url(../../i/common/btn_cart02_01.jpg) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#floatingDisplay .detailDisplay .title p.cartIn a:hover {
		background-position: 0 -34px;
	}
	
	/* 2-2.Price Info
	---------------------------------------- */
	#floatingDisplay .detailDisplay .priceInfo {
		margin: 0 35px;
		padding: 5px 5px 4px;
	}
	
	#floatingDisplay .detailDisplay .priceInfo table {
		margin: 0; /* Reset */
	}
	
	#floatingDisplay .detailDisplay .priceInfo table tr {
	}
	
	#floatingDisplay .detailDisplay .priceInfo table tr th,
	#floatingDisplay .detailDisplay .priceInfo table tr td {
		color: #626262;
		font-size: 92.4%;
		line-height: 1.335;
		vertical-align: middle;
	}
	
	#floatingDisplay .detailDisplay .priceInfo table tr th {
		padding-right: 13px;
	}
	
	#floatingDisplay .detailDisplay table tr td span.price       {margin-right: 5px; color: #F5007E;}
	#floatingDisplay .detailDisplay table tr td span.memberPrice {margin-right: 5px; color: #F5007E;}
	#floatingDisplay .detailDisplay table tr td span.salePrice   {margin-right: 5px; color: #F5007E;}
	
	#floatingDisplay .detailDisplay .soldOut table tr td span.price,
	#floatingDisplay .detailDisplay .soldOut table tr td span.memberPrice,
	#floatingDisplay .detailDisplay .soldOut table tr td span.salePrice {text-decoration: line-through;}
		
	/* 2-3.Image Viewer
	---------------------------------------- */
	#floatingDisplay .detailDisplay .imageViewer {

	}
	
		/* 2-3-1.Viewer Flip
		---------------------------------------- */
		#floatingDisplay .detailDisplay .imageViewer p.viewerFlip {
			text-align: right;
			padding-right:25px;
		}
		
		#floatingDisplay .detailDisplay .imageViewer p.viewerFlip span.currentImage {
			margin: 0 12px 0 13px;
		}
		
		#floatingDisplay .detailDisplay .imageViewer p.viewerFlip a {
		
		}
		
		#floatingDisplay .detailDisplay .imageViewer p.viewerFlip a img {
			vertical-align: top;
		}
		
		/* 2-3-2.Image Unit
		---------------------------------------- */
		#floatingDisplay .detailDisplay .imageViewer .imageUnit {
			margin:20px 40px 40px 40px;
			zoom: 1;
		}
		
			/* 2-3-2-1.Image
			---------------------------------------- */
			#floatingDisplay .detailDisplay .imageViewer .imageUnit p.image {
				/*margin: 0 auto;
				width: 390px;*/
				text-align:center;
			}
			
			/* 2-3-2-2.Thumbnail
			---------------------------------------- */
			
			#floatingDisplay .detailDisplay .imageViewer .imageUnit ul.thumbnail li {
				padding: 5px;
				width: 80px;
			}
			
			#floatingDisplay .detailDisplay .imageViewer .imageUnit ul.thumbnail li.active  {
				background-color: #FFCC00;
			}
			
			#floatingDisplay .detailDisplay .imageViewer .imageUnit #viewer_target{

			}
			/* for IE6 */
			*html #floatingDisplay .detailDisplay .imageViewer .imageUnit #viewer_target{

			}