@charset "shift_jis";

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

	special CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.My Page Menu
		1-1.CategoryGuide
		1-2.Recommend Item Guide
			1-2-1.Guide List
				1-2-1-1.Image Unit
					1-2-1-1-1.Image
					1-2-1-1-2.Cart In
				1-2-1-2.Product Info
	
	
========================================== */

#contents .myPageSec {
	margin: 0 15px 30px;
}

#contents .updateInfo {
	margin: 20px 0 50px;
	background-color: #fff;
}


/* 1.My Page Menu
========================================== */
#contents .myPageSec .myPageMenu {
	zoom: 1;
}

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

#contents .myPageSec .myPageMenu h3 {
	padding: 0 0 0 10px;
}

#contents .myPageSec .myPageMenu p.summary {
	padding: 7px 0 0 10px;
}

	/* 1-1.CategoryGuide
	---------------------------------------- */
	#contents .myPageSec .myPageMenu#categoryGuide {
		position: relative;
		margin-right: -20px;
		width: 720px;
	}
	
	#contents .myPageSec .myPageMenu#categoryGuide .unit {
		float: left;
		display: inline; /* for IE */
		margin: 0 20px 5px 0;
		width: 340px;
		height: auto; /* for Modern Browser */
		min-height: 95px; /* for Modern Browser */
	}
	/* IE6 Only */
	* html #contents .myPageSec .myPageMenu#categoryGuide .unit {height: 95px;}
	
	/* 1-2.Recommend Item Guide
	---------------------------------------- */
	#contents .myPageSec .myPageMenu#recomItemGuide {
	}
	
	#contents .myPageSec .myPageMenu#recomItemGuide p.summary {
		padding-bottom: 5px;
		background: url(https://static.chara-ani.com/ca/i/common/line_dotted01_gray02.gif) repeat-x 0 100%;
	}
	
		/* 1-2-1.Guide List
		---------------------------------------- */
		#contents #recomItemGuide ul.guideList {
			position: relative;
			margin: -5px -10px 0 0;
			width: 700px;
			zoom: 1;
		}
		
		#contents #recomItemGuide ul.guideList:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
		#contents #recomItemGuide ul.guideList li {
			float: left;
			display: inline; /* for IE */
			margin: 12px 0 0 10px;
			width: 223px;
			zoom: 1;
		}
		
		#contents #recomItemGuide ul.guideList li:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0px; visibility: hidden;
		}
		
			/* 1-2-1-1.Image Unit
			---------------------------------------- */
			#contents #recomItemGuide ul.guideList li .imageUnit {
				float: left;
				width: 80px;
			}
			
				/* 1-2-1-1-1.Image
				---------------------------------------- */
				#contents #recomItemGuide ul.guideList li .imageUnit p.image {
					position: relative;
					zoom: 1;
				}
				
				#contents #recomItemGuide ul.guideList li .imageUnit p.image span.saleStatus {
					position: absolute;
					bottom: -4px;
					left: 0;
					width: 80px;
					text-align: center;
				}
				
				/* 1-2-1-1-2.Cart In
				---------------------------------------- */
				#contents #recomItemGuide ul.guideList li .imageUnit p.cartIn {
					margin: 5px 0 0;
					width: 80px;
				}
				
				#contents #recomItemGuide ul.guideList 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 #recomItemGuide ul.guideList li .imageUnit p.cartIn a:hover {background-position: 0 -20px;}
			
			/* 1-2-1-2.Product Info
			---------------------------------------- */
			#contents #recomItemGuide ul.guideList li .productInfo {
				float: right;
				width: 136px;
			}
			
			#contents #recomItemGuide ul.guideList li .productInfo h4 {
				padding: 0 0 10px;
			}
			
			#contents #recomItemGuide ul.guideList li .productInfo h4 a {
				padding-bottom: 1px; /* for Underline */
				color: #4A76A3;
			}
			
			#contents #recomItemGuide ul.guideList li .productInfo .priceInfo {
				padding: 3px;
			}
			
			#contents #recomItemGuide ul.guideList li .productInfo table {
				margin: 0; /* Reset */
			}
			
			#contents #recomItemGuide ul.guideList li .productInfo table tr th,
			#contents #recomItemGuide ul.guideList li .productInfo table tr td {
				padding: 0; /* Reset */
				font-size: 83.34%;
				line-height: 1.2;
			}
			
			#contents #recomItemGuide ul.guideList li .productInfo table tr td {
				padding-left: 10px;
			}
			
			#contents #recomItemGuide ul.guideList li .productInfo table tr td span.price       {color: #F5007E;}
			#contents #recomItemGuide ul.guideList li .productInfo table tr td span.memberPrice {color: #F5007E;}
			#contents #recomItemGuide ul.guideList li .productInfo table tr td span.salePrice   {color: #F5007E;}
			
			#contents #recomItemGuide ul.guideList li .soldOut table tr td span.price,
			#contents #recomItemGuide ul.guideList li .soldOut table tr td span.memberPrice,
			#contents #recomItemGuide ul.guideList li .soldOut table tr td span.salePrice {text-decoration: line-through;}


			/* Cart Ins
			---------------------------------------- */
			#contents p.cartIns {
				margin: 5px 0 0;
				width: 80px;
			}
			
			#contents p.cartIns a {
				display: block;
				height: 20px;
				background: url(https://static.chara-ani.com/ca/i/special/btn_cart_01.gif) no-repeat;
				text-indent: -9999px;
				overflow: hidden;
			}
			
			#contents p.cartIns a:hover {background-position: 0 -20px;}


			/* Cart Inb
			---------------------------------------- */
			#contents p.cartInb a {
				display: block;
				height: 34px;
				background: url(https://static.chara-ani.com/ca/i/special/btn_cart02_01.gif) no-repeat;
				text-indent: -9999px;
				overflow: hidden;
			}
	
			#contents p.cartInb a:hover {
				background-position: 0 -34px;
			}

			/* Cart Inbr
			---------------------------------------- */
			#contents p.cartInbr a {
				display: block;
				height: 34px;
				background: url(https://static.chara-ani.com/ca/i/special/btn_cart02_01red.gif) no-repeat;
				text-indent: -9999px;
				overflow: hidden;
			}
	
			#contents p.cartInbr a:hover {
				background-position: 0 -34px;
			}

			/* table
			---------------------------------------- */
			#contents .updateInfo table {
				margin: 0; /* Reset */
			}
			
			#contents .updateInfo table tr th,
			#contents .updateInfo table tr td {
				padding: 0; /* Reset */
		
			}

			#contents .updateInfo table.tpadding10 td {
				padding: 10px; 
			}

			#contents .updateInfo table.tpadding5 td {
				padding: 5px; 
			}

			/* 左右センター
			---------------------------------------- */
			#contents .updateInfo table div.imgcenter {
				margin: 0 auto; 
				width: 360px; 
			}

			/* 左右センター
			---------------------------------------- */
			#contents .updateInfo table div.imgcenter2 {
				margin: 0 auto; 
				width: 303px; 
			}