@charset "shift_jis";

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

	E 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
	
	
	E21
 -----------------------------------------
	1.Fan Special
	
	2.Special Navi
		2-1.a
		2-2.Current
		
	E22
 -----------------------------------------
	1.Special List

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

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

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


/* 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;}


/* E21
****************************************************************************************/
#contents .specialSec {
	margin: 0 0 30px;
}

#contents .specialSec .specialInfo {
	margin: 0 0 30px;
}

#contents .specialSec p.comment01 {
	margin: 0 10px 10px;
	font-size: 84.7%;
	line-height: 1.455;
}

#contents .specialSec p.comment01 dfn {
	padding: 0 0 0 15px;
	background: url(https://static.chara-ani.com/ca/i/common/ico_arrow02_orange01.gif) no-repeat 0 0;
	font-size: 109.1%;
	line-height: 1.335;
}

#contents .specialSec p.comment02 {
	margin: 0 0 20px;
	padding: 6px 10px 5px;
	background: url(https://static.chara-ani.com/ca/i/common/bg_dotted01_blue02.gif);
}

/* 1.Fan Special
========================================== */
#contents .specialSec .fanSpecial {
	padding: 10px;
	border: 1px solid #C1D2E7;
}

#contents .specialSec .fanSpecial h2 {
	color: #434343;
	font-size: 92.4%;
	line-height: 1.5;
	font-weight: normal; /* Reset */
}

#contents .specialSec .fanSpecial ul {
	margin: 0 0 0 30px;
}

#contents .specialSec .fanSpecial ul li {
	margin: 5px 0 0;
	padding: 0 0 0 15px;
	font-size: 84.7%;
	line-height: 1.455;
}

#contents .specialSec .fanSpecial ul li.active {
	background: url(https://static.chara-ani.com/ca/i/common/ico_arrow02_orange01.gif) no-repeat 0 0.083em;
	font-size: 92.4%;
	line-height: 1.335;
}

#contents .specialSec .fanSpecial ul li a {
	padding-bottom: 1px; /* for Underline */
	color: #4A76A3;
}


/* 2.Special Navi
========================================== */
#contents .specialSec ul.specialNavi {
	margin: 0 0 15px;
	padding: 0 0 0 60px;
	border-bottom: 1px solid #528ACE;
	background: url(https://static.chara-ani.com/ca/i/e/specialnavi_bg_01.gif) no-repeat 4px 100%;
}

#contents .specialSec ul.specialNavi.nextWay {background-image: url(https://static.chara-ani.com/ca/i/e/specialnavi_bg_05.gif);}
#contents .specialSec ul.specialNavi.prevWay {background-image: url(https://static.chara-ani.com/ca/i/e/specialnavi_bg_06.gif);}
#contents .specialSec ul.specialNavi.min     {background-image: none;}

#contents .specialSec ul.specialNavi li {
	display: table-cell;
	vertical-align: bottom;
}
/* IE6 Only */
* html #contents .specialSec ul.specialNavi li {
	display: inline;
	zoom: 1;
}
/* IE7 Only */
*:first-child + html #contents .specialSec ul.specialNavi li {
	display: inline;
	zoom: 1;
}

#contents .specialSec ul.specialNavi li.current {
	width: 224px;
	font-size: 108%;
	line-height: 1.143;
}

#contents .specialSec ul.specialNavi li.other01 {
	width: 87px;
	font-size: 84.7%;
	line-height: 1.455;
}

#contents .specialSec ul.specialNavi li.other02 {
	width: 69px;
	font-size: 70%;
	line-height: 1.556;
}

/* 2018/12/03 */
#contents .TablespecialSec {
    margin: 0 auto 10px;
}

#contents .TablespecialSec td {
    width: 240px;
}

#contents .TablespecialSec,
#contents .TablespecialSec tr,
#contents .TablespecialSec td {
    border-style: none !important;
}

#contents .specialSecTop,
#contents .specialSecMiddle,
#contents .specialSecUnder {
    width: 510px;
    height: 35px;
    margin: 0 0 10px 0;
}

#contents .specialSecTop .other01,
#contents .specialSecTop .other02,
#contents .specialSecMiddle .other03,
#contents .specialSecMiddle .other04,
#contents .specialSecMiddle .other05,
#contents .specialSecMiddle .other06,
#contents .specialSecMiddle .other07,
#contents .specialSecMiddle .other08,
#contents .specialSecMiddle .other09,
#contents .specialSecMiddle .other10,
#contents .specialSecMiddle .other11,
#contents .specialSecMiddle .other12,
#contents .specialSecMiddle .other13,
#contents .specialSecMiddle .other14,
#contents .specialSecUnder .other15 {
    width: 240px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    margin: 0 0 0 0;
    font-size: 11px;
    /*　追加 テキスト省略 */
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#contents .specialSecTop .other01:hover,
#contents .specialSecTop .other02:hover,
#contents .specialSecMiddle .other03:hover,
#contents .specialSecMiddle .other04:hover,
#contents .specialSecMiddle .other05:hover,
#contents .specialSecMiddle .other06:hover,
#contents .specialSecMiddle .other07:hover,
#contents .specialSecMiddle .other08:hover,
#contents .specialSecMiddle .other09:hover,
#contents .specialSecMiddle .other10:hover,
#contents .specialSecMiddle .other11:hover,
#contents .specialSecMiddle .other12:hover,
#contents .specialSecMiddle .other13:hover,
#contents .specialSecMiddle .other14:hover,
#contents .specialSecUnder .other15:hover {
    background-color : #FFCC66;
    cursor: pointer;
}

	/* 2-1.a
	---------------------------------------- */
	#contents .specialSec ul.specialNavi li a {
		display: block;
		border: 1px solid #C1D2E7;
		background: #FFF repeat-x 0 100%;
		zoom: 1;
	}
	
	#contents .specialSec ul.specialNavi li.other01 a {
		padding: 4px 5px 3px;
		background-image: url(https://static.chara-ani.com/ca/i/e/specialnavi_bg_03.gif);
	}
	
	#contents .specialSec ul.specialNavi li.other02 a {
		padding: 1px 2px;
		background-image: url(https://static.chara-ani.com/ca/i/e/specialnavi_bg_04.gif);
	}
	
	
	#contents .specialSec ul.specialNavi li.other01 a:hover {background-image: url(https://static.chara-ani.com/ca/i/e/specialnavi_bg_03_o.gif);}
	#contents .specialSec ul.specialNavi li.other02 a:hover {background-image: url(https://static.chara-ani.com/ca/i/e/specialnavi_bg_04_o.gif);}
	
	/* 2-2.Current
	---------------------------------------- */
	#contents .specialSec ul.specialNavi li.current {
	}
	
	#contents .specialSec ul.specialNavi li.current ul {
		position: relative;
		padding: 6px 0 5px;
		background: #FFF url(https://static.chara-ani.com/ca/i/e/specialnavi_bg_02.gif) repeat-x 0 100%;
		border: 1px solid #FFCC00;
		zoom: 1;
		overflow: hidden; /* for Safari2.0 */
	}
	
	#contents .specialSec ul.specialNavi li.current ul:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents .specialSec ul.specialNavi li.current ul li {
		display: block;
	}
	
	#contents .specialSec ul.specialNavi li.current ul li.title {
		margin: 0 15px;
		width: 192px;
	}
	
	#contents .specialSec ul.specialNavi li.current ul li.prev,
	#contents .specialSec ul.specialNavi li.current ul li.next {
		position: absolute;
		top: 50%;
		margin-top: -6px;
		width: 10px;
		height: 12px;
	}
	/* IE6 Only */
	* html #contents .specialSec ul.specialNavi li.current ul li.prev,
	* html #contents .specialSec ul.specialNavi li.current ul li.next {margin-top: -9px;}
	/* IE7 Only */
	*:first-child + html #contents .specialSec ul.specialNavi li.current ul li.prev,
	*:first-child + html #contents .specialSec ul.specialNavi li.current ul li.next {margin-top: -9px;}
	
	#contents .specialSec ul.specialNavi li.current ul li.prev {left:   3px;}
	#contents .specialSec ul.specialNavi li.current ul li.next {left: 207px;}
	
	#contents .specialSec ul.specialNavi li.current ul li.prev a,
	#contents .specialSec ul.specialNavi li.current ul li.next a {
		border: none; /* Reset */
		background: none; /* Reset */
	}

/* E22
****************************************************************************************/
/* 1.Special List
========================================== */
#contents .specialSec .specialList {
	padding: 10px;
	border: 1px solid #C1D2E7;
}

#contents .specialSec .specialList h2 {
	color: #434343;
	font-size: 92.4%;
	line-height: 1.5;
	font-weight: normal; /* Reset */
}

#contents .specialSec .specialList ul {
	margin: 0 0 0 15px;
}

#contents .specialSec .specialList ul dl {
	margin: 5px 0 0;
	padding: 0 0 0 15px;
	font-size: 110%;
	line-height: 1.455;
}

#contents .specialSec .specialList ul dl a {
	padding-bottom: 1px; /* for Underline */
	color: #4A76A3;
	padding-left:15px;
	background-image: url(https://static.chara-ani.com/ca/i/common/ico_arrow02_orange01.gif);
	background-repeat:no-repeat;
}

#contents .specialSec .specialList ul dt {
	font-size: 100%;
	line-height: 1.455;
}

#contents .specialSec .specialList ul dt ul {
	margin-top:5px;
	margin-bottom:5px;
}

#contents .specialSec .specialList ul dt li{
	list-style-type:disc;
	margin-left: 35px;

}