/* CSS Document */
/*
	
	+Base Element
	+Link
	+Base Layout
		+Header[common]
		+Contents[common]
		+Footer[common]
	+ClearFix[common]
	
	##############################
	
	Font-Size
	1em - 10px
	1.2em - 12px
	1.4em - 14px
	2.0em - 20px
	
	
	ex.
	p { font-size: 1.2em;}
	p span { font-size: 2em;}
	
	<p><span> [24px] </span></p>
	
	1.2em * 2em = 2.4em = 24px
	
	##############################
	
*/

/*
+Base Element
############################################################ */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFF;
	text-align: center;
	font-size: 10px;
	font-size: 62.5%\9;
	color: #434950;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, sans-serif\9;

}

div {
	text-align: left;
}

h1, h2, h3, h4, h5, h6, p, li, dt, dd, li {
	font-size: 1em;
	font-weight: normal;
}

ol, ul {
	list-style-type:none;
}

img {
	border: 0;
}

li img,
dt img,
dd img {
	vertical-align: bottom;
}

hr {
	display:none;
}

strong, th {
	font-weight: normal;
}

/*
+Link Color
############################################################ */
a {
	color: #1111cc;
}
a:link {
}
a:visited {
}
a:hover {
	color: #ED1E21;
}
a:active {
}

/*
+IE6 ADD HOVER
############################################################ */

/*body { behavior:url("csshover.htc");}*//*
+Common Class
############################################################ */
.btnStyle {
	display: block;
	overflow: hidden;
}

.btnStyleNone {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

	.btnStyle a,
	.btnStyle button {
		display: block;
		overflow: hidden;
		text-indent: -9999px;
	}
	
	.btnStyle button {
		border: none;
		cursor: pointer;
	}
	
br.none {
	display: none;
}

.clear {
	clear: both;
}

.nowrap {white-space: nowrap; }

.box { display: block;}

.imgBox { display: block;}

.imeInactive {
	ime-mode: inactive;
}

.imeActive {
	ime-mode: active;
}

.hover {
	cursor: pointer;
}

.imgover {
	/*ダミー*/
}/*
+Layout
############################################################ */

body {
	width: 100%;
}

/*
+Header[common]
------------------------------------------------------- */
div#headerBlock {
	margin: 0 auto;
	width: 1030px;
}

	div#headerBlock h1#siteTitle,
	div#headerBlock p#siteTitle {
		float: left;
		padding: 0;
		width: 153px;
	}
	
	div#headerBlock p {
		float: left;
		padding: 19px 0 0 15px;
		width: 450px;
		font-size: 1.1em;
		line-height: 1.5;
	}
	
		div#headerBlock p strong {
			color: #ED1E21;
		}
		
	div#headerBlock ul {
		float: right;
		position: relative;
		top: 45px;
		width: 33em;
	}
	
		div#headerBlock ul li {
			float: left;
			padding: 0 0.5em;
			font-size: 1.1em;
			line-height: 1.2;
			border-right: 1px solid #247AB3;
			white-space: nowrap;
		}
		
		div#headerBlock ul li.first {
			border-left: 1px solid #247AB3;
		}
		
			div#headerBlock ul li a {
				text-decoration: none;
			}
			
			div#headerBlock ul li a:hover {
				text-decoration: underline;
			}

/*
+Navi[common]
------------------------------------------------------- */
div#naviBlock {
	clear: both;
	margin: 0 auto;
	padding: 0 0 15px;
	min-width: 1002px;
	width: 100%;
	background: url(../img/common/bg_navi.gif) 0 0 repeat-x;
}

	div#naviBlock div#naviInnerBlock {
		margin: 0 auto;
		width: 1032px;
	}
	
		div#naviBlock div#naviInnerBlock ul li {
			float: left;
		}
		
		div#naviBlock div#naviInnerBlock ul li.first {
			padding: 0 0 0 1px;
		}
		
		div#naviBlock div#naviInnerBlock ul li#btnCart {

			padding: 6px 8px;

			background: url(../img/common/bg_cart.gif) 0 0 no-repeat;

		}
		
	div#naviBlock div#searchBlock {
		clear: both;
		padding: 8px 0 10px;
	}
	
	div#naviBlock div#searchBlock dl {
		margin: 0 auto;
		width: 664px;
	}
	
		div#naviBlock div#searchBlock dt {
			float: left;
			padding: 0 6px 0 0;
		}
		
		div#naviBlock div#searchBlock dd {
			float: left;
		}
		
			div#naviBlock div#searchBlock dd input {
				padding: 3px 5px 2px;
				width: 486px;
				height: 1.2em;
				border: 1px solid #E1E1E1;
				font-size: 1.2em;
				line-height: 1.2;
			}
			
			div#naviBlock div#searchBlock dd span#btnSearch {
				float: right;
				margin: 0 0 0 5px;
				width: 38px;
				height: 22px;
				background: url(../img/common/btn_search.gif) 0 0 no-repeat;
			}
			
			/* hack ie6 */
			* html div#naviBlock div#searchBlock dd span#btnSearch {
				position: relative;
				top: -22px;
				margin-bottom: -22px;
			}
			/* hack end */
			
				div#naviBlock div#searchBlock dd span#btnSearch button {
					width: 38px;
					height: 22px;
					border: none;
					background: url(../img/common/btn_search.gif) 0 0 no-repeat;
					cursor: pointer;
				}
				
				div#naviBlock div#searchBlock dd span#btnSearch button:hover {
					background: url(../img/common/btn_search_o.gif) 0 0 no-repeat;
				}
		
		div#naviBlock div#searchBlock div.hint {
			clear: both;
			margin: 0 auto;
			padding: 5px 0 0 0;
			width: 1030px;
			font-size: 1.2em;
			color: #CCC;
			text-align: center;
		}

/*
+Contents[common]
------------------------------------------------------- */
div#contentsBlock {
	clear: both;
	margin: 0 auto;
	width: 1030px;
}
	
	/****** wrapper ******/
	div#wrapper {
		float: left;
		width: 825px;
	}
		
		/****** mainBlock ******/
		div.mainBlock {
			float: right;
			width: 620px;
		}
		
			div.mainBlock p.topicPath {
				padding: 10px 0;
				border-bottom: 1px solid #CCC;
				font-size: 1.2em;
				line-height: 1.4;
			}
			
				div.mainBlock p.topicPath img {
					margin: 0 3px;
					vertical-align: middle;
				}

				

			div.mainBlock h1.baseTitle {

				margin: 0 0 5px;

				padding: 15px 0 10px;

				background: url(../img/common/line_gray.gif) 0 bottom repeat-x;

				color: #ED1A3D;

				font-size: 1.6em;

				line-height: 1.5;

				font-weight: bold;

			}

			

			div.mainBlock h2.baseH2 {

				padding: 0 0 5px;

				background: url(../img/common/line_gray.gif) 0 bottom repeat-x;

				color: #ED1A3D;

				font-size: 1.4em;

				line-height: 1.5;

				font-weight: bold;

			}

			div.mainBlock h2.baseH2 span {
				color: #008DD2; 

			}

			

			div.mainBlock h3.baseH3 {

				padding: 0 0 5px;

				background: url(../img/common/line_gray.gif) 0 bottom repeat-x;

				color: #ED1A3D;

				font-size: 1.2em;

				line-height: 1.5;

				font-weight: bold;

			}

			

			div.mainBlock p.baseTxt {
	padding: 10px 0 10px;
	font-size: 1.2em;
	line-height: 1.4;

			}
			
			div.mainBlock p.important  {
	padding: 10px 0 10px;
	font-size: 1.2em;
	line-height: 1.4;
	color: #F00;
			}

			

			div.mainBlock ul.baseList {

				margin: 0 0 20px;

			}

			

				div.mainBlock ul.baseList li {

					font-size: 1.2em;

					line-height: 1.5;

				}
				
			div.mainBlock h1.confirm {
				padding: 0 0 10px 0;
				font-size: 1.4em;
				font-weight: bold;
				
		}	
				
				
			table.important {
					border: #F00 solid 4px;
					padding: 15px;
				}

			table.important p {
					padding: 0 0 10px 0;
					font-size: 13px;
				}
				
			table.important p.Last {
					padding: 0;
				}	

			table.important p span, table.important p.Last span {
					font-weight: bold;
					color: #F00;
				}	
				

				

			div.mainBlock ul.baseLinkList {

				margin: 0 0 20px;

			}

			

				div.mainBlock ul.baseLinkList li {

					padding: 1px 0 1px 10px;

					background: url(../img/common/icon_arrow01.gif) 0 0.2em no-repeat;

					font-size: 1.2em;

					line-height: 1.5;

				}

				

			div.mainBlock dl.baseDList {

				margin: 0 0 20px;

			}

			

				div.mainBlock dl.baseDList dt {

					font-size: 1.2em;

					line-height: 1.5;

					font-weight: bold;

				}

				

				div.mainBlock dl.baseDList dd {
	font-size: 1.2em;
	line-height: 1.5;

				}
		
		/****** sideNaviBlock ******/
		div#sideNaviBlock {
			float: left;
			width: 190px;
		}
			
			div#sideNaviBlock div.box {
				clear: both;
				margin: 0 0 10px;
				background: url(../img/common/bg_side_box190.gif) 0 0 repeat-y;
			}
			
				div#sideNaviBlock div.box div {
					background: url(../img/common/bg_side_box190_bottom.gif) 0 bottom no-repeat;
				}
					
					/*linkList*/
					div#sideNaviBlock div.box h4 {
						padding: 7px 0 3px 10px;
						font-size: 1.2em;
						font-weight: bold;
						color: #ED1A3D;
					}
					
					ul.linkList {
						margin: 0 auto 8px auto;
						width: 170px;
					}
						ul.linkList li {
							padding: 1px 0 1px 10px;
							background: url(../img/common/icon_arrow01.gif) 0 0.2em no-repeat;
							font-size: 1.2em;
							line-height: 1.5;
						}
					
					dd.moreInfoLink {
						margin: 2px 7px 0;
						padding: 1px 0 1px 10px;
						background: url(../img/common/icon_arrow01.gif) 0 0.2em no-repeat;
						font-size: 1.2em;
						line-height: 1.5;
					}
					
					dd.moreInfoLinkR {
						float: right;
						margin: 2px 7px 0;
						padding: 1px 5px 1px 10px;
						background: url(../img/common/icon_arrow01.gif) 0 0.2em no-repeat;
						font-size: 1.2em;
						line-height: 1.5;
					}
							
			/****** boxCeller ******/
			div#boxCeller {
			}
			
				div#boxCeller div {
					padding-bottom: 8px;
				}
			
					div#boxCeller dd {
						padding: 17px 0 11px;
						text-align: center;
					}
			
			/****** boxGenre ******/
			div#boxGenre {
			}
			
				div#boxGenre div {
					padding-bottom: 8px;
				}
			
					div#boxGenre dl dt {
						padding: 0 0 5px;
					}
					
					div#boxGenre ul li {
						display: inline;
						padding: 0 10px 0 0;
						background: none;
					}
			
			/****** boxMaker ******/
			div#boxMaker {
			}
			
				div#boxMaker div {
					padding-bottom: 8px;
				}
			
					div#boxMaker dl dt {
						padding: 0 0 5px;
					}
			
			/****** boxActress ******/
			div#boxActress {
			}
			
				div#boxActress div {
					padding-bottom: 8px;
				}
			
					div#boxActress dl dt {
						padding: 0 0 5px;
					}
					
					div#boxActress dl dd {
						clear: both;
					}
					
						div#boxActress dl dd li {
							float: left;
							width: 70px;
						}
			
			/****** boxAboutShopping ******/
			div#boxAboutShopping {
			}
			
				div#boxAboutShopping div {
					padding-bottom: 8px;
				}
			
					div#boxAboutShopping dl dt {
						padding: 0 0 5px;
					}
			
			/****** boxOutLink ******/
			div#boxOutLink {
			}
			
				div#boxOutLink div {
					padding-bottom: 8px;
				}
			
					div#boxOutLink dl dt {
						padding: 0 0 5px;
					}
			
			/****** boxRecLink ******/
			div#boxRecLink {
			}
			
				div#boxRecLink div {
					padding-bottom: 8px;
				}
			
					div#boxRecLink dl dt {
						padding: 0 0 5px;
					}
			
			/****** boxBookmark ******/
			div#boxBookmark {
			}
			
				div#boxBookmark div {
					padding-bottom: 8px;
				}
			
					div#boxBookmark dl dt {
						padding: 0 0 5px;
					}
	
	/****** subBlock ******/
	div#subBlock {
		float: right;
		width: 190px;
	}
	
	div#subBlock div.twitter {
	clear: both;
	margin: 0 0 10px;
		}
	
		div#subBlock div.box {
	clear: both;
	margin: 10px 0 10px;
	background: url(../img/common/bg_side_box190.gif) 0 0 repeat-y;
		}
		
			div#subBlock div.box div {
				background: url(../img/common/bg_side_box190_bottom.gif) 0 bottom no-repeat;
			}
			
	div#subBlock div.boxNews {
	clear: both;
	margin: 0 0 10px;
	background: url(../img/common/bg_side_box190.gif) 0 0 repeat-y;
		}	
		
			div#subBlock div.boxNews div {
				background: url(../img/common/bg_side_box190_bottom.gif) 0 bottom no-repeat;
			}
				
			
			/****** boxNews ******/
			div#boxNews {
			}
			
				div#boxNews div {
					padding-bottom: 5px;
				}
			
					div#boxNews dl dt {
						padding: 0;
					}
					
					div#boxNews dl dd {
						padding: 0 7px;
					}
					
					div#boxNews dl dd li {
						margin: -1px 0 0;
						padding: 7px 0 9px;
						background: url(../img/common/line_dotto_x.gif) 0 0 repeat-x;
						font-size: 1.1em;
						line-height: 1.4;
					}
					
					div#boxNews dl dd li p {
						padding: 5px 0 0 0;
					}
					
						div#boxNews dl dd li img {
							vertical-align: top;
						}
						
						div#boxNews dl dd li span.campaign {
							color:#F00;
							font-weight: bold;
					}
				
			/****** boxSalesRanking ******/
			div#boxSalesRanking {
			}
			
				div#boxSalesRanking div {
					padding-bottom: 13px;
				}
			
					div#boxSalesRanking dl dt {
						padding: 0;
					}
					
						div#boxSalesRanking dl dd li {
							clear: both;
							padding: 10px 7px 0;
						}
						
							div#boxSalesRanking dl dd li span {
								display: block;
								float: right;
								width: 107px;
								font-size: 1.2em;
								line-height: 1.3;
							}
							
								div#boxSalesRanking dl dd li span strong {
									display: block;
									margin: 0 0 3px;
									font-weight: bold;
									text-decoration: none;
									color: #000;
								}
								
								div#boxSalesRanking dl dd li span span {
									text-decoration: underline;
									font-size: 1em;
									line-height: 1.3;
								}
						
							div#boxSalesRanking dl dd li img.imgBox {
								float: left;
								width: 62px;
							}
				
			/****** boxActRanking ******/
			div#boxActRanking {
			}
			
				div#boxActRanking div {
					padding-bottom: 13px;
				}
			
					div#boxActRanking dl dt {
						padding: 0;
					}
					
					div#boxActRanking dl dd {
						padding: 0 5px;
					}
					
						div#boxActRanking dl dd li {
							float: left;
							padding: 10px 0 0 10px;
							width: 75px;
							font-size: 1.2em;
							line-height: 1.3;
						}
						
						div#boxActRanking dl dd li.list {
							clear: both;
							float: none;
							padding: 10px 0 0 10px;
							width: auto;
							font-size: 1.2em;
							line-height: 1.3;
						}
						
							div#boxActRanking dl dd li img {
								display: block;
								margin: 0 auto;
							}
							
							div#boxActRanking dl dd li strong {
								display: block;
								float: left;
								margin: 0 3px 0 0;
								font-weight: bold;
								text-decoration: none;
								color: #000;
							}
				
			/****** boxManiac ******/
			div#boxManiac {
			}
			
				div#boxManiac div {
					padding-bottom: 8px;
				}
			
					div#boxManiac dl dt {
						padding: 0;
					}
					
					div#boxManiac dl dd {
					}
					
						div#boxManiac dl dd ul {
							margin: 0 0 14px;
						}
					
							div#boxManiac dl dd li {
								margin: 0 auto;
								padding: 6px 0 1px;
								width: 202px;
								font-size: 1.2em;
								line-height: 1.3;
							}
							
								div#boxManiac dl dd li img {
									margin: 0 0 5px;
									vertical-align: middle;
								}
				
			/****** boxIdol ******/
			div#boxIdol {
			}
			
				div#boxIdol div {
					padding-bottom: 8px;
				}
			
					div#boxIdol dl dt {
						padding: 0;
					}
					
					div#boxIdol dl dd {
					}
					
						div#boxIdol dl dd ul {
							margin: 0 0 14px;
						}
					
							div#boxIdol dl dd li {
								margin: 0 auto;
								padding: 6px 0 1px;
								width: 176px;
								font-size: 1.2em;
								line-height: 1.3;
							}
							
								div#boxIdol dl dd li img {
									margin: 0 0 5px;
									vertical-align: middle;
								}
				
			/****** boxGoods ******/
			div#boxGoods {
			}
			
				div#boxGoods div {
					padding-bottom: 8px;
				}
			
					div#boxGoods dl dt {
						padding: 0;
					}
					
					div#boxGoods dl dd {
					}
					
						div#boxGoods dl dd ul {
							margin: 0 0 14px;
						}
					
							div#boxGoods dl dd li {
								margin: 0 auto;
								padding: 6px 0 1px;
								width: 176px;
								font-size: 1.2em;
								line-height: 1.3;
							}
							
								div#boxGoods dl dd li br {
									display: none;
								}
							
								div#boxGoods dl dd li img {
									display: block;
									margin: 0 auto 5px;
									text-align: center;
									vertical-align: middle;
								}
								
/*
+cart[common]
------------------------------------------------------- */
table.cart td {
	padding: 10px;
}



								
/*
+pageTop[common]
------------------------------------------------------- */
div#pageTop {
	clear: both;
	margin: 0 auto;
	padding: 20px 0 7px;
	width: 1030px;
	text-align: right;
}

/*
+Footer[common]
------------------------------------------------------- */
div#footerBlock {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 0;
	border-top: 2px solid #CB1021;
	min-width: 1002px;
	width: 100%;
}

	div#footerBlock div#footerInnerBlock {
		margin: 0 auto;
		width: 1030px;
	}

	div#footerBlock ul {
	}
	
		div#footerBlock ul li {
			float: left;
			padding: 0 5px;
			border-left: 1px solid #000;
			font-size: 1.2em;
			line-height: normal;
		}
		
		div#footerBlock ul li.first {
			border-left: none;
			padding: 0 5px 0 0;
		}
		
			div#footerBlock ul li a {
				color: #000;
			}
			
			div#footerBlock ul li a:hover {
				color: #ED1E21;
			}
		
p#copyright {
	clear: both;
	padding: 10px 0 30px;
	font-size: 1.2em;
	line-height: 1.3;
}

/*
+ClearFix[common]
############################################################ */
.clearFix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* WinIE7 only */
*:first-child+html .clearFix {
  display: inline-block;
}
/* end WinIE7 only*/

/* WinIE6 and below */
/*\*/
* html .clearFix {
  height:1%;
}
/* end WinIE6 and below*/

/* Mac IE*/
/*\*//*/
.clearFix {
	display: inline-table;
}
/* end Mac IE*/