@charset "utf-8";

/* ==================================================
		
		ページ全般の共通CSS

================================================== */

/* --------------------------------------------------
		body
-------------------------------------------------- */
body {
		font-size: 12px;
		color: #4b2d03;
		background: #840606;
}

/* --------------------------------------------------
		#all
-------------------------------------------------- */
#all {
		padding-top: 40px;
		background: #f9f9f2;
		min-width: 940px;
}

/* --------------------------------------------------
		a
-------------------------------------------------- */
a:link, a:visited, a:hover { color: #4b2d03; }

/* --------------------------------------------------
		#container
-------------------------------------------------- */
#container {
		width: 920px;
		margin: 0 auto;
}

/* --------------------------------------------------
		#header
-------------------------------------------------- */
#header h1 { float: left; }

#header p {
		width: 410px;
		line-height: 1.3;
		margin-left: 20px;
		float: left;
}

#header ul {
		width: 228px;
		line-height: 1.3;
		padding: 5px 0;
		background: url(/common/img/header/bg-01.gif) repeat-y;
		margin: 10px 10px 0 0;
		float: right;
}

#header ul li { float: left; }

#header ul li a:link, #header ul li a:visited { text-decoration: none; }

#header ul li a:hover { text-decoration: underline; }

#header ul .txt-01 { width: 66px; }

#header ul .txt-02 {
		width: 52px;
		margin-left: 18px;
}

#header ul .txt-03 {
		width: 72px;
		margin-left: 20px;
}

/* --------------------------------------------------
		#nav
-------------------------------------------------- */
#nav { margin-top: 20px; }

#nav li { float: left; }

/* --------------------------------------------------
		#main
-------------------------------------------------- */
#main {
		width: 703px;
		padding-bottom: 20px;
		border: 1px solid #e1e1ca;
		background: #ffffff;
		margin-top: 10px;
		float: right;
}

#main .section .shop-closetxt { 
  width: 663px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.9;
  margin: 78px auto;
}

/* --------------------------------------------------
		.common-tit
-------------------------------------------------- */
.common-tit-01 {
		font-size: 14px;
		font-weight: bold;
		width: 648px;
		height: 30px;
		padding: 8px 0 0 14px;
		background: url(/common/img/tit/titbg-01.gif) no-repeat;
}

.common-tit-02 {
		font-size: 14px;
		font-weight: bold;
		width: 663px;
		height: 31px;
		padding: 17px 0 0 14px;
		background: url(/common/img/tit/titbg-02.gif) no-repeat;
}

.common-tit-03 {
		font-size: 14px;
		font-weight: bold;
		width: 448px;
		min-height: 29px;
		padding: 9px 0 0 14px;
		background: url(/common/img/tit/titbg-03.gif) no-repeat left bottom;
}

/* --------------------------------------------------
		.topicpath
-------------------------------------------------- */
#main .topicpath {
		border-bottom: 1px solid #e1e1ca;
		background: url(/common/img/topicpath/bg-01.gif) repeat-x;
}

#main .topicpath li {
		font-size: 12px;
		height: 25px;
		padding: 11px 0 0 20px;
		background: url(/common/img/topicpath/ico-01.gif) no-repeat;
		margin-left: 5px;
		float: left;
}

#main .topicpath li:first-child {
		padding-left: 0;
		background: none;
		margin-left: 10px;
}

#main .topicpath li a:link, #main .topicpath li a:visited { text-decoration: none; }

#main .topicpath li a:hover { text-decoration: underline; }

/* --------------------------------------------------
		.recommend
-------------------------------------------------- */
#main .recommend {
		width:663px;
		margin: 44px auto 0;
}

#main .recommend .inner {
		padding: 16px 22px 38px 21px;
		border: 1px solid #e1e1ca;
		border-top: none;
}

#main .recommend .box {
		width: 618px;
		overflow:hidden;
}

#main .recommend .box ul { width: 644px; }

#main .recommend .box ul li {
		width: 135px;
		margin-right: 26px;
		float: left;
}

#main .recommend .box ul li .img-01 { text-align: center; }

#main .recommend .box ul li .img-01 a img {
		width: 106px;
		height: 106px;
}

#main .recommend .box ul li .txt-01 {
		font-size: 12px;
		margin-top: 5px;
}

#main .recommend .box ul li .txt-01 span { font-weight: bold; }

#main .recommend .box ul li .txt-01 a:hover { text-decoration: none; }

/* --------------------------------------------------
		#sub
-------------------------------------------------- */
#sub {
		width: 205px;
		margin: 10px 0 -10px;
		float: left;
}

#sub .section {
		border: 1px solid #e1e1ca;
		background: #ffffff;
		margin-bottom: 10px;
}

#sub .section h2 { padding: 3px; }

#sub .section ul .current { background: #f4f0e9; }

#sub .section ul li a {
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		width: 165px;
		padding: 13px 3px 13px 35px;
		border-top: 1px solid #e1e1ca;
		background: url(/common/img/ico/ico-01.png) no-repeat 11px center;
		display: block;
}

#sub .section ul li a:visited { text-decoration: none; }

#sub .section ul li a:hover { text-decoration: underline; }

#sub p { margin-bottom: 10px; }

/* --------------------------------------------------
		#sub-news お知らせカテゴリのsub
-------------------------------------------------- */
#sub-news {
		width: 205px;
		margin: 10px 0 -10px;
		float: left;
}

#sub-news .section {
		border: 1px solid #e1e1ca;
		background: #ffffff;
		margin-bottom: 10px;
}

#sub-news .archives { margin-top: 10px; }

#sub-news .section h2 { padding: 3px; }

#sub-news .section h3, #sub-news .section ul .cat-item-6, #sub-news .section ul .cat-item-7, #sub-news .section ul .cat-item-8 { display: none; }

#sub-news .section ul li a {
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		width: 165px;
		padding: 13px 3px 13px 35px;
		border-top: 1px solid #e1e1ca;
		background: url(/common/img/ico/ico-01.png) no-repeat 11px center;
		display: block;
}

#sub-news .section ul li a:visited { text-decoration: none; }

#sub-news .section ul li a:hover { text-decoration: underline; }

#sub-news p { margin-bottom: 10px; }

/* --------------------------------------------------
		#footer
-------------------------------------------------- */
#footer {
		margin-top: 40px;
		position: relative;
}

/*	.pagetop
-------------------------------------------------- */
#footer .pagetop {
		position: fixed;
		bottom: 134px;
		right: 20px;
		z-index: 100;
}

#footer .pagetop a {
		background: url(/common/img/pagetop/btn-01.gif) no-repeat;
		width: 49px;
		height: 182px;
		display: block;
}

#footer .inner-01 {
		width: 884px;
		padding: 10px 18px 30px;
		background: url(/common/img/footer/bg-02.png) repeat-y 18px;
		margin: 0 auto;
		position: relative;
		z-index: 2;
}

/*	.nav
-------------------------------------------------- */
#footer .nav { float: left; }

#footer .nav h2 a:link, #footer .nav h2 a:visited, #footer .nav ul li a:link, #footer .nav ul li a:visited { text-decoration: none; }

#footer .nav h2 a:hover, #footer .nav ul li a:hover { text-decoration: underline; }

#footer .nav ul li {
		padding-left: 7px;
		background: url(/common/img/footer/bg-01.gif) no-repeat left 6px;
		margin: 11px 0 0 5px;
}

#footer .nav-05 ul li {
		padding-left: 0;
		background: none;
		margin-left: 0;
}

#footer .nav-01 { width: 164px; }

#footer .nav-02, #footer .nav-03, #footer .nav-04 {
		width: 164px;
		margin-left: 26px;
}

#footer .nav-05 {
		width: 124px;
		margin-left: 26px;
}

#footer .nav-05 ul li:first-child { margin-top: 0; }

#footer .inner-02 { text-align: center; }

#footer .inner-02 img {
		margin-top: -45px;
		position: relative;
		z-index: 1;
}

#footer .inner-03 {
		text-align: center;
		height: 82px;
		padding-top: 36px;
		background: url(/common/img/footer/bg-03.gif) center bottom repeat-x;
		margin-top: -6px;
}

#footer .nav-01 > ul, 
#footer .nav-02 > ul, 
#footer .nav-03 > ul, 
#footer .nav-04 > ul { 
  margin-left: -4px; 
}

/* --------------------------------------------------
		.clearfix
-------------------------------------------------- */
.clearfix:after {
		height: 0;
		clear: both;
		visibility: hidden;
		display: block;
		content: ".";
}