@charset "UTF-8";
/* CSS Document */

@import url(../css/nav.css);

body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,div {
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6 {
	font-size:1em;
}
ol,ul {
	list-style:none;
}
img {
	border:none;
	line-height:1em;
	vertical-align:bottom;
}
p, li {
	font-size: 93%;}

body {
	background:url(../images_c/bg_contents.gif);
	font-size:13px;
	color:#3b3823;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	line-height:1.5;
}
a:link {
	color:#a63c2b;
	text-decoration:underline;
}
a:hover {
	color:#690000;
	text-decoration:none;
}
a:active {
	color:#a63c2b;
	text-decoration:underline;
}
a:visited {
	color:#a47c75;
	text-decoration:none;
}

#header {
	background:url(../images_c/bg_header.jpg) repeat-x;
	height:122px;
	width:100%;
}
#header-inner {
	width:992px;
	margin:0 auto;
}
#header-left {
	width:144px;
	float:left;
}
#header-right {
	width:838px;
	float:left;
}
#contents {
	width:992px;
	margin:-10px auto 0 auto;
}
body#column #contents, body#store #contents, body#juzu #contents {
	padding-top:16px;
}
#main-image {
	margin:0 -5px 12px -5px;
}

#top-left, #column-left {
	float:left;
	width:200px;
	margin-right:16px;
}
#top-center {
	float:left;
	width:416px;
	margin-right:16px;
}
#column-center {
	float:left;
	width:560px;
	margin-right:16px;
}
#top-right, .box344 {
	float:left;
	width:344px;
}
#column-right, .box200 {
	width:200px;
	float:left;
}
#store-left {
	float:left;
	width:560px;
	margin-right:16px;
}
#box-download {
	margin:20px auto;
	width:560px;
}
#box-download li {
	padding:10px 0;
}
#store-right, .box416 {
	float:left;
	width:416px;
}
#banner li {
	margin-top:10px;
}
.box272 {
	float:left;
	width:272px;
}
.box488, .box488juzu {
	float:left;
	width:488px;
}
.box488juzu h3 {
	font-size: 123.1%;
}
.box488juzu p {
	margin-top: 16px;
}
.box488juzu p.orange {
	margin-top: 0px;
}
.box-margin {
	margin-right:16px;
}
.bg272 {
	background:url(../images_c/bg_box272.gif) repeat-y;
	padding:0 10px 8px 10px;
}
.bg488 {
	background:url(../images_c/bg_box488.gif) repeat-y;
	padding:0 12px 8px 12px;
}

#box-recommended, #box-article, #box-archives, #box-category, .bg200, #box-pickup,  #box-pickup2 {
	background:url(../images_c/bg_recommended.gif) repeat-y;
}
#box-fromstaff, #box-newitem {
	background:url(../images_c/bg_fromstaff.gif) repeat-y;
}
#top-right #box-newitem {
	background: url(../images_c/bg_box344.gif) repeat-y;
}
#box-contact {
	background:url(../images_c/bg_box-contact.gif) repeat-y;
}
#box-fromstaff p {
	background:url(../images_c/bg_note-line.gif) repeat-y;
	line-height:24px;
	padding-bottom:24px;
}

#box-column, #box-store, #box-recruit {
	background:url(../images_c/bg_column.gif) repeat-y;
}
#box-column-info dl, #box-newitem dl {
	background:url(../images_c/bg_note-line.gif) no-repeat bottom left;
	padding-bottom:6px;
	margin-bottom:6px;
}
#box-column-info dt, #box-newitem dt {
	float:left;
}
#box-column-info dt {
	display:inline;
	height:56px;
	width:56px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

#box-column-info dd, #box-newitem dd {
	margin-left:72px;
	font-size: 93%;
	padding-top: 6px;
}

#box-newitem dd strong {
	font-size: 108%;}
#box-store h3 {
	margin-top:10px;
}
#box-recommended h3, #box-pickup h3, #box-pickup2 h3 {
	font-weight: normal;
	margin-top: 6px;
	font-size: 93%;}
	
#box-pickup h3 {
/*
	background:url(../images_c/bg_note-line.gif) no-repeat bottom left;
*/
	padding:0 0 12px 0;
	}
#box-contact dl, #box-contact ul {
	margin:16px auto;
}
#box-contact dt, #box-contact li {
	margin-top:8px;
}
#box-recruit dt,
body#juzu .bg272 dt {
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	color:#746e3b;
	background:url(../images_c/bg_note-line.gif) no-repeat bottom left;
}


#anchor {
	width:992px;
	text-align:right;
	margin:0 auto;
	position:relative;
}

#footer {
	background:url(../images_c/bg_footer.jpg) repeat-x;
	height:122px;
	width:100%;
	margin-top:-10px;
}
#footer-inner {
	width:992px;
	margin:0 auto;
	padding-top:10px;
	text-align:right;
}

.box10 {
	padding:0 10px 20px 10px;
}
#box-pickup .box10 {
	padding:0 10px 12px 10px;
}
.box12 {
	padding:0 12px 8px 12px;
}



/*COLUMN*/
.entry {
	background:url(../images_c/bg_note-line.gif) no-repeat bottom left;
	padding:0 4px 36px 4px;
	margin-bottom:36px;
}
.entry h3 {
	font-size:123.1%;
	font-weight:bold;
}
.entry h3 a {
	color:#3b3823;
	text-decoration:none;
}
.entry h3 a:hover {
	color:#690000;
	text-decoration:underline;
}
.entry  p {
	margin-top:1em;
}
.entry ul {
	text-align:left;
	margin-bottom:16px;
}
.entry li {
	display:inline;
	font-size:11px;
	padding-right:0.2em;
	color:#999999;
}

ul.pagenav {
	text-align:center;
	margin-top:-16px;
	margin-bottom:16px;
}
ul.pagenav li {
	display:inline;
	padding:0 5px;
}


#box-article li, #box-archives li, #box-category li, .entry-list dl, .bg200 li {
	background:url(../images_c/bg_note-line.gif) no-repeat bottom left;
	padding-bottom:5px;
	margin-bottom:5px;
}
#box-archives li a, #box-category li a {
	background:url(../images_c/bg_arrow.gif) no-repeat 0 4px;
	padding-left:12px;
	text-decoration:none;
}
.date, .entry-list dt {
	font-size:11px;
	color:#999999;
}

.bottom {
	background:url(../images_c/bg_bottom-line.gif) no-repeat 0 0;
	height:15px;
	margin-bottom:16px;
}
.bottom-r {
	background:url(../images_c/bg_bottom-line-r.gif) no-repeat right 0;
	height:15px;
}


.orange {
	color:#b34f35;
}
.nospc {margin-top: 0 !important;}

#header-inner, #header-right ul#contact, #contents, #anchor, #box-column-info dl, #box-newitem dl, .bg488 p {
	zoom:100%;
}
#header-inner:after, #header-right ul#contact:after, #contents:after, #anchor:after, #box-column-info dl:after, #box-newitem dl:after, .bg488 p:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}