/* Šî–{ƒXƒ^ƒCƒ‹ */

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 150%;
}


 /* ƒ{ƒfƒBCSS */
 
body {
 font-family: "Hiragino Kaku Gothic Pro W3", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "MS P Gothic", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
 text-align: center;
 background: #00bfff;
 color: #000000;
}
h1 {
 font-size: 80%;
 margin: 5px 0px 0px 0px;
 font-weight: bold;
}
#wrapper { 
 margin: 0 auto;
 width: 990px;
 background: url(../img/back.jpg) ;
}
#header {
 width: 930px;
 height: 70px;
 font-size: 200%;
 margin: 0px 0px 10px 30px;
 background: url(../img/contents-maintitle.jpg);
 text-align: left;
 font-weight: bold;
}
#navi {
 width: 930px;
 height: 50px;
 margin: 20px 0px 10px 30px;
 background: #ffffff;
 text-align: left;

}
#pan {
 width: 930px; 
 height: 20px;
 background: #ffffff;
 margin: 0px 0px 10px 35px;
 text-align: left;
 font-size: 70%;
 line-height: 110%;
}

#contents {
 width: 930px;
 text-align: left;
 margin: 0px 0px 10px 30px;
 background: #ffffff;
 overflow: auto;
}
#contents #column { 
 width: 920px;
 float: left;
 display: inline;
 background: #ffffff;
 margin: 0px 0px 0px 10px;
}
#contents #column #main{ 
 width: 820px;
 float: left;
 display: inline;
 background: #ffffff;
 margin: 0px 0px 0px 50px;
}
#contents #leftcolumn { 
 width: 215px;
 float: left;
 display: inline;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
}
#contents #leftcolumn #collectionnavi{
	float: left;
	display: block;
	text-align: left;
	width: 215px;
	 margin: 0px 0px 10px 0px;
	background: url(../img/collection-navi.jpg) no-repeat;
}
#contents #leftcolumn #btm{
	display: block;
	width: 215px;
	height: 20px;
	font-size: 1px;
	background: url(../img/collection-navi-btm.jpg) no-repeat;
}

#contents #leftcolumn table{
	width: 206px;
	margin: 5px 3px 5px 3px;
	height: 174px;
}

#contents #leftcolumn td{
	vertical-align: top;
}
#contents #leftcolumn td.space{
	height: 100px;
	vertical-align: middle;
}
#contents #leftcolumn td.title{
	height: 50px;
	vertical-align: middle;
	background: #ffeec7;
	 border-right:1px;
    border-bottom:1px;
    padding:0.2em 0.5em;
}

#contents #leftcolumn td.item{
	height: 170px;
	vertical-align: middle;
}

#contents #leftcolumn td.item img{
	height: 170px;
}

#contents #leftcolumn td.price{
	font-size: 11px;
	height: 20px;
	vertical-align: bottom;
}

#contents #leftcolumn td.price em{
	font-family: Arial;
	font-weight: bold;
}
#contents #leftcolumn ul {
margin: 0 0 0 1.5em;
padding: 0;
}


#contents #rightcolumn { 
 float: right;
 display: inline;
 width: 700px;
 background: #ffffff;
 margin: 0px 0px 0px 5px;
 font-size: 90%;
}
#contents #rightcolumn #title{ 
 float: left;
 display: inline;
 width: 640px;
 background: #ffffff;
 margin: 0px 0px 0px 40px;
 font-size: 120%;
}
#contents #rightcolumn #main{ 
 float: left;
 display: inline;
 width: 640px;
 background: #ffffff;
 margin: 10px 0px 0px 40px;
 font-size: 120%;
}
#contents #rightcolumn ul {
margin: 0 0 0 1.5em;
padding: 0;
}

#contents #faq1 {
	float: left;
	display: block;
	text-align: left;
	 font-size: 105%;
	width: 780px;
	 margin: 15px 0px 20px 70px;
}

#contents #faq1 table{
	width: 740px;
	margin: 1px 1px 1px 1px;
    float: left;
		
}
#contents #faq1 td, th {
padding: 10px 20px;
}

#contents #faq2 {
	float: left;
	display: block;
	text-align: left;
	 font-size: 105%;
	width: 780px;
	 margin: 15px 0px 20px 70px;
}
#contents #faq2 table{
	width: 740px;
	margin: 1px 1px 1px 1px;
    float: left;
		
}
#contents #faq2 td, th {
padding: 10px 20px;
}

#contents #faq3 {
	float: left;
	display: block;
	text-align: left;
	 font-size: 105%;
	width: 780px;
	 margin: 15px 0px 20px 70px;
}
#contents #faq3 table{
	width: 740px;
	margin: 1px 1px 1px 1px;
    float: left;
		
}
#contents #faq3 td, th {
padding: 10px 20px;
}
#contents #faq4 {
	float: left;
	display: block;
	text-align: left;
	 font-size: 105%;
	width: 780px;
	 margin: 15px 0px 20px 70px;
}
#contents #faq4 table{
	width: 740px;
	margin: 1px 1px 1px 1px;
    float: left;
		
}
#contents #faq4 td, th {
padding: 10px 20px;
}


#footer { 
 width: 930px;
 height: 25px;
 clear: both;
 background: #ffffff;
 margin: 10px 0px 5px 30px;
 text-align: left;
 font-size: 70%;
}
#copyright {
 width: 930px; 
 height: 30px;
 text-align: center;
 font-size: 70%;
 line-height: 300%;
 clear: both;
 background: #ffffff;
 margin: 0px 0px 5px 30px;
}.clear { clear: both; background: none; }


.font01 {
	font-size: 15px;
}
.font02 {
	font-size: 10px;
}
.font03 {
	font-size:  9px;
}
.font04 {
	font-size:  17px;	
	color:  #d41e21;
}
.font05 {
	font-size: 12px;
}
.font06{
	font-size: 17px;
}
.font07{
	font-size: 15px;
	color:#4d4d4d;
}
.font08{
	font-size: 15px;
	color:#ffffff;
}