@charset "shift_jis";

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

	Others CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Topicpath
	
	2.About Status
	
	3.Item 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
	
	4.Result Listup
		4-1.Image Unit
			4-1-1.Image
			4-1-2.Cart In
		4-2.Product Info
			4-2-1.Price Info
	
	5.Query Tools
		5-1.Standard Menu
			5-1-1.Page Flip
			2-1-2.Tool Handle
		5-2.Sort Tools
			5-2-1.Narrow
			5-2-2.Sort Menu
			5-2-3.Result Number
	
	6.Error Message
	
	7.Error Message02

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

/* 1.Topicpath
========================================== */
p#topicpath {
	font-size: 92.4%;
	line-height: 1.335;
}

#contents p#topicpath {
	padding: 0 0 12px;
}

.categoryList p#topicpath {
	float: left;
	padding: 12px 15px 6px;
	width: 740px;
}

p#topicpath a {
	padding-bottom: 1px; /* for Underline */
	color: #4A76A3;
}

#contents p#topicpath.fair {
	padding: 0 0 12px;
	float:left;
	width:auto;
}

#contents h1.fairH1 {
	float: left;
	clear:none;
	width:auto;
	padding-top: 3px;
}
#contents p.fair {
	width:100%;
	height:15px;
	clear:both;
}


/* 2.Contents Header
========================================== */
#contents #contentsHeader {
	margin: 0 0 12px;
}

#contents #contentsHeader p {
	display: inline;
	margin: 0 20px 0 0;
}

#contents #contentsHeader p a {
	color: #4A76A3;
}


/* 3.About Status
========================================== */
#contents .aboutStatus {
	margin: 0 0 12px;
}

#contents .aboutStatus h3 {
	margin: 0 0 7px;
	height: auto; /* for Modern Browser */
	min-height: 15px; /* for Modern Browser */
	background: url(https://static.chara-ani.com/ca/i/common/line_dotted01_gray02.gif) repeat-x 0 100%
}
/* IE6 Only */
* html #contents .aboutStatus h3 {height: 15px;}

	/* 3-1.About Table
	---------------------------------------- */
	#contents .aboutStatus table.aboutTable {
		margin: 0; /* Reset */
		width: 100%;
	}
	
	#contents .aboutStatus table.aboutTable tr {
	}
	
	#contents .aboutStatus table.aboutTable tr.even th,
	#contents .aboutStatus table.aboutTable tr.even td {background-color: #EDF3FA;}
	
	#contents .aboutStatus table.aboutTable tr th,
	#contents .aboutStatus table.aboutTable tr td {
		padding: 10px;
		vertical-align: middle;
	}
	
	#contents .aboutStatus table.aboutTable tr td {
		width: 100%;
	}


/* 4.About Section
========================================== */
#contents .aboutSec {
	margin: 0 0 12px;
}

#contents .aboutSec h3 {
	margin: 0 0 1px;
}

#contents .aboutSec .aboutUnit {
	padding: 10px;
	border: 1px solid #B2B2B2;
}

	/* 4-1.ul
	---------------------------------------- */
	#contents .aboutSec .aboutUnit ul {
		position: relative;
		margin: -4px 0 0;
	}
	
	#contents .aboutSec .aboutUnit ul li {
		display: table;
		margin: 4px 0 0;
		padding: 0 0 0 14px;
		background: url(https://static.chara-ani.com/ca/i/common/ico_square01_gray01.gif) no-repeat 0 0.167em;
		font-size: 92.4%;
		line-height: 1.335;
	}
	/* IE6 Only */
	* html #contents .aboutSec .aboutUnit ul li {
		display: inline;
		zoom: 1;
	}
	/* IE7 Only */
	*:first-child + html #contents .aboutSec .aboutUnit ul li {
		display: inline;
		zoom: 1;
	}
	
	/* 4-2.dl
	---------------------------------------- */
	#contents .aboutSec .aboutUnit dl {
		position: relative;
		margin: -20px 0 0;
	}
	
	#contents .aboutSec .aboutUnit dl dt,
	#contents .aboutSec .aboutUnit dl dd {
		font-size: 92.4%;
		line-height: 1.335;
	}
	
	#contents .aboutSec .aboutUnit dl dt {
		margin: 20px 0 0;
	}
	
	#contents .aboutSec .aboutUnit dl dd {
		margin: 3px 0 0;
	}


/* 5.Item Display
========================================== */
#contents .itemDisplay {
	margin: 0 0 12px;
}

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


/* 6.Result Listup
========================================== */
#contents ul.resultListup {
/* '2014/07/15 A.Sone サイトリニューアル*/
	color:#434343;
	margin: 0 0 12px;
	padding: 3px 9px 14px;
	border: 1px solid #DAE4F1;
	
	/* '2014/06/17 A.Sone サイトリニューアル */
	width:96%
}

#contents ul.resultListup li {
	margin: 7px 0 0;
	padding: 11px 3px 13px;
	background: url(https://static.chara-ani.com/ca/i/common/line_dotted01_blue02.gif) repeat-x;
	zoom: 1;
	vertical-align: bottom; /* for IE */
	/* '2014/06/17 A.Sone サイトリニューアル------------------------------▼▼ */
	width:48%;
	display:inline-block;
	vertical-align:top;
	/* '2014/06/17 A.Sone サイトリニューアル------------------------------▲▲ */
}
#contents ul.resultListup li:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

/* Reset */
	/* '2014/06/17 A.Sone サイトリニューアル CO*/
#contents ul.resultListup li.first 
{
	margin: 0; 
	background: none;
}
#contents ul.resultListup li.second 
{
	margin: 0; 
	background: none;
}

/* '2014/07/15 A.Sone サイトリニューアル------------------------------▼▼ */
#contents ul.resultListup li div.comment
{
	font-size:11px;
	padding:5px;
}
/* '2014/07/15 A.Sone サイトリニューアル------------------------------▲▲ */

	/* 6-1.Image Unit
	---------------------------------------- */
	#contents ul.resultListup li .imageUnit {
		float: left;
		width: 90px;
		/* '2014/06/17 A.Sone サイトリニューアル */
			margin:5px;
	}
		
		/* 6-1-1.Image
		---------------------------------------- */
		#contents  ul.resultListup li .imageUnit p.image {
			position: relative;
			zoom: 1;
		}
		
		#contents  ul.resultListup li .imageUnit p.image span.saleStatus {
			position: absolute;
			bottom: -4px;
			left: 0;
			width: 80px;
			text-align: center;
		}
		
		/* 6-1-2.Cart In
		---------------------------------------- */
		#contents  ul.resultListup li .imageUnit p.cartIn {
			margin: 5px 0 0;
			width: 80px;
		}
		
		#contents  ul.resultListup li .imageUnit p.cartIn a {
			display: block;
			height: 20px;
			background: url(https://static.chara-ani.com/ca/i/common/btn_cart_01.png) no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
		
		#contents  ul.resultListup li .imageUnit p.cartIn a:hover {background-position: 0 -20px;}

	/* 6-2.Product Info
	---------------------------------------- */
			
	#contents ul.resultListup li .productInfo 
	{
		/* '2014/06/17 A.Sone サイトリニューアルCO */
		/*float: right;*/
		/*width: 374px;*/
	}
	
	#contents ul.resultListup li .productInfo h3 {
		padding: 0 0 10px;
	}
	
	#contents ul.resultListup li .productInfo h3 a {
		padding-bottom: 1px; /* for Underline */
		color: #4A76A3;
	}
	
	#contents ul.resultListup li .productInfo p.path {
		margin: 0 0 7px;
		color: #626262;
		font-size: 91.67%;
		line-height: 1.275;
	}
	
	#contents ul.resultListup li .productInfo p.message {
		margin: 5px 0 0;
		color: #626262;
		line-height: 1.335;
	}
	
	#contents ul.resultListup li .productInfo span.shortCategoryName {
		background-color:#528ace;
		color:#FFF;
		font-size:80%;
	}
	
		/* 6-2-1.Price Info
		---------------------------------------- */
		#contents ul.resultListup li .productInfo .priceInfo {
			padding: 3px;
			background-color: #EDF3FA;
		}
		
		#contents ul.resultListup li .productInfo table {
			margin: 0; /* Reset */
		}
		
		#contents ul.resultListup li .productInfo table tr th,
		#contents ul.resultListup li .productInfo table tr td {
			padding: 0; /* Reset */
			font-size: 83.34%;
			line-height: 1.2;
		}
		
		#contents ul.resultListup li .productInfo table tr td {
			padding-left: 10px;
		}
		
		#contents ul.resultListup li .productInfo table tr td span.price       {margin-right: 5px; color: #F5007E;}
		#contents ul.resultListup li .productInfo table tr td span.memberPrice {margin-right: 5px; color: #F5007E;}
		#contents ul.resultListup li .productInfo table tr td span.salePrice   {margin-right: 5px; color: #F5007E;}
		
		#contents ul.resultListup li .soldOut table tr td span.price,
		#contents ul.resultListup li .soldOut table tr td span.memberPrice,
		#contents ul.resultListup li .soldOut table tr td span.salePrice {text-decoration: line-through;}
	
	/* Point
	---------------------------------------- */
	#contents ul.resultListup li p.point {
		position: relative;
		margin-top: -2px;
		padding: 0 0 2px;
		color: #819537;
		font-size: 91.67%;
		line-height: 1.275;
	}
	/* Safari2,0 Only \*/
	html:\66irst-child #contents ul.resultListup li p.point {padding-bottom: 4px;}/**/


/* 5.Query Tools
========================================== */
#contents .queryTools {
	margin: 0 0 12px;
	padding: 10px;
	background: url(https://static.chara-ani.com/ca/i/common/bg_dotted01_blue02.gif);
}

	/* 5-1.Standard Menu
	---------------------------------------- */
	#contents .queryTools .standardMenu {
		position: relative;
		zoom: 1;
	}
	
	#contents .queryTools .standardMenu:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents .queryTools .standardMenu p.currentPage {
		float: left;
		display: inline; /* for IE */
		margin: 0 0 0 4px;
		width: 91px;
		line-height: 1.335;
	}
	
		/* 5-1-1.Page Flip
		---------------------------------------- */
		#contents .queryTools .standardMenu ul.pageFlip {
			float: left;
			display: inline; /* for IE */
			width: 305px;
		}
		
		#contents .queryTools .standardMenu ul.pageFlip2 {
			float: left;
			display: inline; /* for IE */
			width: 280px;
		}
		
		#contents .queryTools .standardMenu ul.pageFlip li,#contents .queryTools .standardMenu ul.pageFlip2 li {
			display: inline;
			margin: 0 4px;
			color: #FFCC00;
		}
		
		#contents .queryTools .standardMenu ul.pageFlip li img,#contents .queryTools .standardMenu ul.pageFlip2 li img {
			position: relative;
			top: -1px;
			vertical-align: middle;
		}
		/*\ for Safari */
		html*#contents                  .queryTools .standardMenu ul.pageFlip li img {top: -2px;} /* for Safari IE6 IE7 */
		* html #contents                .queryTools .standardMenu ul.pageFlip li img {top: 0;} /* Reset IE6 */
		*:first-child + html #contents  .queryTools .standardMenu ul.pageFlip li img {top: 0;} /* Reset IE7 */
		
		#contents .queryTools .standardMenu ul.pageFlip li a,#contents .queryTools .standardMenu ul.pageFlip2 li a {
			padding-bottom: 1px; /* for Underline */
			color: #528ACE;
		}
		
		/* 5-1-2.Tool Handle
		---------------------------------------- */
		#contents .queryTools .standardMenu p.toolHandle {
			position: absolute;
			top: 0;
			left: 400px;
			width: 96px;
		}
		
		#contents .queryTools .standardMenu p.toolHandle a {
			display: block;
			height: 15px;
			background: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
		
		#contents .queryTools .standardMenu p.toolHandle a.close {background-image: url(https://static.chara-ani.com/ca/i/b/toolhandle_btn_01.gif);}
		#contents .queryTools .standardMenu p.toolHandle a.open  {background-image: url(https://static.chara-ani.com/ca/i/b/toolhandle_btn_02.gif);}
		
		#contents .queryTools .standardMenu p.toolHandle a:hover {background-position: 0 -15px;}
	
	/* 5-2.Sort Tools
	---------------------------------------- */
	#contents .queryTools .sortTools {
		margin: 15px 0 0;
		zoom: 1;
	}
	/*\ for Safari */
	html*#contents                 .queryTools .sortTools {margin-top: 14px;} /* for Safari IE6 IE7 */
	* html #contents               .queryTools .sortTools {margin-top: 13px;} /* Reset IE6 */
	*:first-child + html #contents .queryTools .sortTools {margin-top: 13px;} /* Reset IE7 */
	/* Safari2 Only \*/
	html:\66irst-child contents     queryTools .sortTools {margin-top: 15px;}/**/
	
	#contents .queryTools .sortTools:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
		/* 5-2-1.Narrow
		---------------------------------------- */
		#contents .queryTools .sortTools p.narrow {
			float: left;
			width: 134px;
			font-size: 77%;
			line-height: 1.6;
		}
		
		#contents .queryTools .sortTools p.narrow label.checkbox {
		}
		
		#contents .queryTools .sortTools p.narrow label.checkbox input {
			margin-right: 3px;
		}
		
		/* 5-2-2.Sort Menu
		---------------------------------------- */
		#contents .queryTools .sortTools p.sortMenu {
			float: left;
			width: 256px;
			text-align: center;
			font-size: 84.7%;
		}
		
		#contents .queryTools .sortTools p.sortMenu select {
			width:160px;
			margin-top: -3px;
			margin-left: 3px;
		}
		
		/* 5-2-3.Result Number
		---------------------------------------- */
		#contents .queryTools .sortTools p.resultNum {
			float: left;
			width: 100px;
			font-size: 84.7%;
			line-height: 1.455;
			text-align: right;
		}
		
		#contents .queryTools .sortTools p.resultNum select {
			margin-top: -3px;
			margin-left: 3px;
		}
		/*\ for Safari */
		html*#contents                 .queryTools .sortTools p.resultNum select {margin-top: -6px;} /* for Safari IE6 IE7 */
		* html #contents               .queryTools .sortTools p.resultNum select {margin-top: -4px;} /* Reset IE6 */
		*:first-child + html #contents .queryTools .sortTools p.resultNum select {margin-top: -4px;} /* Reset IE7 */
		/* Safari2 Only \*/
		html:\66irst-child #contents    .queryTools .sortTools p.resultNum select {margin-top: -4px;}/**/


/* 6.Error Message
========================================== */
#contents .errorMess {
	position: relative;
	margin: -20px 0 22px;
	text-align: center; /* for IE */
}

#contents .errorMess .section {
	display: table;
	margin: 0 auto;
	text-align:left; /* Reset */
}
/* IE6 Only */
* html #contents .errorMess .section {
	display: inline;
	zoom: 1;
}
/* IE7 Only */
*:first-child + html #contents .errorMess .section {
	display: inline;
	zoom: 1;
}

#contents .errorMess .section p {
	color: #F5007E;
}

#contents .errorMess .section ul {
	margin: 0 0 0 10px;
}

#contents .errorMess .section ul li {
	margin: 5px 0 0;
	color: #F5007E;
}


/* 7.Error Message02
========================================== */
#contents .errorMess02 {
	margin: 5px 0 10px;
}

#contents .errorMess02 p {
	color: #F5007E;
	font-size:120%;
}

#contents .errorMess02 ul {
	margin: 0 0 0 10px;
}

#contents .errorMess02 ul li {
	margin: 5px 0 0;
	color: #F5007E;
}


/* '2014/06/17 A.Sone サイトリニューアル */
	.clear{clear:both;}
	.saleStatus
	{
	    word-wrap:break-word;
	    }