@charset "UTF-8";

html { font-size:100%; }
body { margin: 0; padding: 0; width: auto !important; _height: 100%; font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size: 13px; *font-size: 81.25%; line-height: 1.67; color: #000; background-color: #FFF; }
p { margin: 0; padding: 0; }
h1,h2,h3,h4 { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: baseline; }
a:link { color: #CC0000; text-decoration: underline; }
a:visited { color: #CC0000; text-decoration: underline; }
a:focus { color: #CC0000; text-decoration: underline; }
a:link:hover, a:visited:hover, a:link:active, a:visited:active { color: #CC0000; text-decoration: underline; }
.center { text-align: center; }
.right { text-align: right; }
.none { display: none; } 
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	/*display: inline-block;*/
	/zoom:1;
}

ul {
	margin:0;
	padding:0;
}


/* container */

#container {
	width:100%;
	margin:0 auto;
}

/* header */

#header {
	width:100%;
	height:100px;
	background-image:url('../img/header_bg.gif');
	background-repeat:repeat-x;
	background-color:#FFF;
	padding-bottom:1px;
	border-bottom:#CCC 1px solid;
	margin-bottom:38px;
}

#header .box {
	position:relative;
	width:880px;
	height:100px;
	margin:0 auto;
}

#logo {
	position:absolute;
	top:0;;
	left:20px;
	width:80px;
	height:100px;
}


/* navi */

#navi {
	position:absolute;
	top:68px;
	/*left:495px;*/
	right:0;
	/*width:368px;*/
	height:32px;
}

#navi ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#navi ul li{
	float:left;
	margin:0;
	padding:0;
	white-space:nowrap;
}




/* main */

#main {
	width:880px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
}

h1 {
	font-size:14px;
	line-height:1.43;
	height:19px;
}

h3 {
	padding-bottom:15px;
}

h4 {
  line-height:0;
}

div.hr {
	clear:both;
	width:590px;
	height:1px;
	margin-bottom: 19px;
	background-color:#CCC;
	overflow: hidden;
}


#visual {
	margin-left:20px;
	padding-bottom:20px;
}



#banner_area {
	width:855px;
	height:110px;
	margin-left:20px;
}

.floatbox {
	width:200px;
	float:left;
	margin-right:15px;
}

.mr{
	margin-right:10px;
}


.x2 {
	width:410px;
}

.b_title {
	border-bottom:#CCC 1px solid;
	width:100%;
	margin-bottom:10px;
}

a.arrow {
	background-image:url(../img/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:13px;
	display: inline-block;
}

strong.gray {
	color:#999;
}


/* layout */
.wrapper {
	margin-left:20px;
}

.left_contents {
	float:left;
	margin-right:70px;
}
.right_contents {
	float:left;
	width:184px;
}

.article {
	/*font-size:11px;
	line-height:1.82;*/
	padding-bottom:40px;
}

.article .slideshow {
	float:left;
	margin-right:20px;
	margin-top:10px;
}
.article .detail {
	float:left;
	margin-top:6px;
	width:300px;
}
.article .full {
	width:590px;
	margin-top:6px;
}

.detail p{
  padding-bottom:6px;
}

p.notes{
  font-size:11px;
  color:#999;
  line-height:1.36;
  margin:2px 0 6px;
}

.thumbnails{
	padding-top:5px;
	padding-bottom:15px;
}


.thumbnails ul {
	width:184px;
	list-style-type:none;
}

.hide ul{
	display:none;
}

.thumbnails ul li{
	display:inline;
	float:left;
	margin-right:6px;
	margin-bottom:6px;
	line-height:0;
}

.thumbnails ul li.selected{
	width:54px;
	height:54px;
}

.thumbnails ul li.selected a{
  display: block;
  margin:-1px;
	border:1px solid #c00;
}

.date {
	color:#999;
	width:590px
}

.pt20 {
	padding-top:20px;
}

.cartjs_product_table table{
  width: 290px;
  border: 1px #E3E3E3 solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 12px 0;
}

.cartjs_product_table table th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: normal;
    color:#666666;
}

.cartjs_product_table table td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}

.cartjs_cart_in {
  display:none;
}

.sale {
  font-size:11px;
  color:#c00;
}


/* footer */

#footer{
	clear:both;
	position:static;
	margin-top:10px;
	width:100%;
	background-image:url('../img/footer_bg.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFF;
	height:32px;
	padding-top:1px;
	border-top:#CCC 1px solid;
}



#copyright{
  width:880px;
	margin:0 auto;
	text-align: center;
}



#contents {
	margin:0;
	padding:0;
	position:relative;
	width:100%;
}



/* misc */