/*　基本構造　*/

body {
	background: url(../images/background.jpg) fixed repeat-x center bottom;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	letter-spacing: 2px;
}


ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}



.line {
	width:670px;
	margin: 10px auto;
}

.small {
	font-size: 12px;
	line-height: 20px;
}

a:link {
	color: #cc0066;
	text-decoration: none;
}
a:visited {
	color: #9C004E;
	text-decoration: none;
}
a:hover {
	color: #FFCC00;
	text-decoration: none;
}


.att {
	clear:both;
	font-size: 12px;
	margin: 0 0 10px;
}

.title{
	 margin: 20px 0 0 0;
}

.info {
	width: 415px;
	margin: 30px auto;
}

.mt20{
     margin: 20px 0 0 0;
}

.mt30{
     margin: 30px 0 0 0;
}

.mt40{
     margin: 40px 0 0 0;
}

.mt50{
     margin: 50px 0 0 0;
}

.mb24{
     margin: 0 0 24px 0;
}

div#wrapper{
	width:800px;
	margin:0 auto;
	color: #182436;
}

div#head{
	width:800px;
	height:420px;
	margin:0 auto;
}

	div#head ul {
		display:block;
		width: 800px;
		height: 420px;
	}
	
#mnavi {
	height: 30px;
	margin-bottom: 30px;
}

	#mnavi div.nb1,
	#mnavi div.nb2,
	#mnavi div.nb3 {
		float: left;
	}
	
	#mnavi div.nb1 {
		width: 266px;
	}
	
	#mnavi div.nb2,
	#mnavi div.nb3 {
		width: 267px;
	}
	


div#main{
	width:670px;
	margin:30px auto 0;
}

div#content1 {
	width:670px;
	margin:0 auto;
}

div#content2 {
	width:670px;
	margin:0 auto;
}

div#content3 {
	width:670px;
	margin:0 auto;
}
	
	div.leftblock {
		float: left;
		width:370px;
	}

	div#content1 .leftblock {
		width:277px;
	}

	div#content2 .leftblock {
		width:550px;
	}

	div#content3 .leftblock {
		width:300px;
		margin: 30px 0;
	}
	
		div.leftblock p.credit {
			font-size:12px;
			line-height:20px;
		}
		
		div.leftblock div.mlist {
			padding: 10px 0 30px;
		}

	div.rightblock {
		float: right;
		width: 280px
	}

	div#content1 .rightblock {
		width:393px;
	}
	
	div#content1 .rightblock p {
		margin-top: 0;
	}

	div#content2 .rightblock {
		width:92px;
	}

	div#content3 .rightblock {
		width:330px;
		margin: 30px 0;
	}


div.cartblock {
	margin-bottom: 10px;
}
	
	div.cartblock .cartm {
	}
	
		div.cartblock .cartm ul {
			margin: 0 auto;
			padding: 5px 0 5px 3px;
		}
		
		div.cartblock .cartm li {
			float:left;
			margin: 0 2px 0 0;
			text-align: center;
			font-size:10px;
			line-height:10px;
			color: #cc0000;
		}
		
			div.cartblock .cartm li div.stock {
				padding: 5px 0;
				text-align: center;
				font-size:10px;
				line-height:10px;
				letter-spacing: 0;
				color: #cc0000;
			}
					
					.cart_area {
						display: none;
					}
					.soldout {
						display: none;
						text-align: center;
						font-size:10px;
						line-height:10px;
						letter-spacing: 0;
						color: #cc0000;
					}
			
		#muffbtn1,
		#muffbtn2 {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}


	
div#products {
	width: 550px;
}
	
	div#products li.product {
		float:left;
		margin-right:8px;
		text-align: center;
	}
	


div#cnavi {
	
}

div#cnavi li {
	float: left;
	margin:0 auto 30px;
}
		
		
div#gnavi {
}

div#gnavi li {
	line-height: 0;
}
	


div#footer{
	width:430px;
	height:23px;
	margin:10px auto 30px;
}

	div#footer li {
		float: left;
		margin: 0 30px 0 0;
	}

	div#footer li.prev {
		margin: 0;
	}
	
	#copyright {
		text-align: center;
		padding: 30px 0 30px;
	}


div#links {
	width: 488px;
	margin: 0 auto;
	padding-top:90px;
}

div#backlink {
	width: 45px;
	margin: 0 auto;
	padding-top:70px;
}