@charset "UTF-8";

body {
	color: #333;
	font: 13px/1.6 Helvetica, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	*font-size: small;
	*font: x-small;
}

/*-- ロールオーバー設定 --*/
#bnr-area a:hover img,
#contents a:hover img,
#footer a:hover img,
#item-page a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

a {
	color: #333;
}

a:hover {
	color: #007877;
}


#wrapper {
	width: 950px;
	padding: 0 0 40px;
	margin: 0 auto;
}

#site-name {
	padding: 5px 0;
	font-weight: normal;
	font-size: 93%;
}

#site-name span {
	color: red;
}


#header {
	height: 93px;
	padding: 18px 0 0;
	margin: 0 0 20px;
	background: url(../_img/bg_header.jpg) no-repeat right top;
}

#header .logo {
	margin: 0 40px 0 0;
	float: left;
}


#gnav {
	margin: 0 0 10px;
}

#gnav li {
	float: left;
}

#search {
	margin: 0 0 10px;
	background: url(../_img/bg_search.jpg) no-repeat left top;
	position: relative;
}

#search .search-form {
	width: 580px;
	height: 38px;
	padding: 12px 0 0 0;
	margin: 0 auto 10px;
	position: relative;
}

#search .search-form img {
	padding: 5px 0 0;
	display: block;
	float: left;
}


#search .search-form form {
	width: 300px;
	display: inline;
}

#search .search-form form input {
	width: 300px;
	display: inline;
	margin: 0 0 0 10px;
}

#search .search-form form .btn_search {
	width: 106px;
	height: 30px;
	margin: -2px 0 0 0;
	border: none;
	cursor: pointer;
	background: url(../_img/btn_search.png) no-repeat left top;
	position: absolute;
	right: 0;
}





#search .keyword {
	padding: 0 0 0 110px;
	background: url(../_img/bg_keyword.gif) no-repeat left center;
}

#search .keyword li {
	margin: 0 15px 0 0;
	float: left;
	font-size: 93%;
}

#search .keyword a {
	text-decoration: underline;
}




#bnr-area {
	margin: 0 0 15px;
}


#bnr-area #gallery {
	width: 745px;
	float: left;
}

#bnr-area #gallery .panel {
	border: 1px solid #999;
}

#item-gallery {
	width: 760px;
	height: 111px;
	margin: 0 0 15px;
}





#bnr-area .side-bnr {
	width: 190px;
	float: right;
}

#bnr-area .side-bnr li {
	margin: 0 0 9px;
	border: 1px solid #999;
}

#bnr-area .side-bnr li.last {
	margin: 0;
}





#side-bar {
	width: 175px;
	float: left;
}



.side-brand-list,
.category-list,
.calendar,
.author {
	margin: 0 0 30px;
	font-size: 93%;
}

.side-brand-list ul,
.category-list ul {
	padding: 10px;
	background: #f0f0f0;
}

.side-brand-list ul li,
.category-list ul li {
	padding: 0 0 6px;
	margin: 0 0 6px;
	border-bottom: 1px dotted #c8c8c8;
	line-height: 1.4;
}

.side-brand-list ul li.last,
.category-list ul li.last {
	padding: 0;
	margin: 0;
	border: 0;
}



.side-brand-list ul li a {
	display: block;
	min-height: 30px;
	padding: 0 0 0 7px;
	border-left: 2px solid #333;
	color: #333;
}

.category-list ul li a {
	display: block;
	padding: 0 0 0 7px;
	border-left: 2px solid #333;
	color: #333;
}

.side-brand-list ul li a:hover,
.category-list ul li a:hover {
	border-left: 2px solid #007877;
	color: #007877;
}





.calendar div,
.author div {
	padding: 10px;
	background: #f0f0f0;
}

.author div p {
	margin: 10px 0 0 0;
	font-size: 85%;
}


.mobile {
	padding: 0 10px 10px;
}





#main {
	width: 760px;
	float: right;
}

#main h2 {
	margin: 0 0 10px;
}

#main .recommend-brand,
#main .newitem,
#main .recommend-item {
	margin: 0 0 10px;
}

#main .delivery-bnr {
	margin: 0 0 15px;
}

#main .rakuten-bnr {
	margin: 0 0 15px;
}

#main .rakuten-bnr li {
	float: left;
}



#main .recommend-brand div {
	margin: 0 0 10px;
}


#main .recommend-brand ul li {
	width: 181px;
	float: left;
	margin: 0 12px 0 0;
	font-size: 85%;
}

#main .recommend-brand ul li span {
	display: block;
	margin: 0 0 5px;
	border: 1px solid #999;
}

#main .recommend-brand ul li.last {
	margin: 0;
}






/*-- brand nav --*/

#main .newitem {
	position: relative;
}

#main .newitem #slide {
	width: 720px;
	margin: 0 20px;
	position: relative;
	font-size: 85%;
}

#main .newitem #slide ul {
	position: relative;
}

#main .newitem #slide ul li {
	width: 720px;
	height: 210px;
}

#main .newitem #slide ul li p {
	width: 136px;
	margin: 0 10px 0 0;
	float: left;
}

#main .newitem #slide ul li p.last {
	margin: 0 0 10px;
}


#main .newitem #slide ul li p span {
	display: block;
	margin: 0 0 5px;
	border: 1px solid #111;
}


#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:17px;
	height:70px;
	position:absolute;
	left:0;
        top:80px; /*-- 通常時65px バナー設置時185px --*/
	z-index:1000;
}	
#nextBtn, #slider1next{ 
	left:750px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:17px;
	height:70px;
	background: url(../_img/btn_prev.jpg) no-repeat left top;
}	
#nextBtn a, #slider1next a{ 
	background: url(../_img/btn_next.jpg) no-repeat left top;
}	





#main .recommend-item {
	margin: 0 0 10px;
}

#main .recommend-item div {
	margin: 0 0 10px;
}


#main .recommend-item ul li {
	width: 375px;
	float: left;
	margin: 0 10px 0 0;
	font-size: 85%;
}

#main .recommend-item ul li span.rec-image {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #111;
}

#main .recommend-item ul li.last {
	margin: 0px;
}




.info-area {
	margin: 0 0 15px;
}

.info-area .information {
	width: 600px;
	float: left;
}

.info-area .information dl {
	height: 168px;
	padding: 10px;
	margin: 0 0 15px;
	border: 1px solid #111;
	overflow-y: auto;
}

.info-area .information dl dt {
	font-weight: bold;
	color: #007877;
	font-size: 93%;
}

.info-area .information dl dd {
	font-size: 85%;
}

.info-area .information dl dd a {
	color: #007877;
	text-decoration: underline;
}

.info-area .information dl dd a:hover {
	color: #333;
}

.info-area .right-bnr li {
	margin: 0 0 11px;
}

.info-area .right-bnr li.last {
	margin: 0;
}


.info-area .right-bnr {
	width: 150px;
	float: right;
}

.bottom-bnr {
	margin: 0 0 15px;
}


.bottom-bnr li {
	float: left;
	margin: 0 12px 0 0;
}

.bottom-bnr li.last {
	margin: 0;
}




.brand-list-main div {
	width: 181px;
	float: left;
	margin: 0 12px 0 0;
	font-size: 85%;
}

.brand-list-main div h3 {
	padding: 0 0 2px;
	margin: 0 0 3px;
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
	color: #007877;
}

.brand-list-main div ul {
	line-height: 1.4;
}


.brand-list-main div.last {
	margin: 0;
}








#footer-wrap {
	width:100%;
	border-top: 1px solid #643201;
	background: url(../_img/bg_footer.gif);
}

#footer {
	width: 950px;
	padding: 20px 0 30px;
	margin: 0 auto;
}

#footer .guide {
	height: 440px;
	position: relative;
}

#footer .guide .btn_01 {
	position: absolute;
	left: 202px;
	top: 415px;
}

#footer .guide .btn_02 {
	position: absolute;
	left: 850px;
	top: 384px;
}



#copy-area {
	color: #fff;
	font-size: 85%;
	line-height: 1.4;
	background: url(../_img/bg_copyright.gif) repeat-x #007877;
}

#copy-area div {
	width: 950px;
	padding: 20px 0;
	margin: 0 auto;
}

#copy-area div a {
	color: #FFFF96;
	text-decoration: underline;
}

#copy-area div a:hover {
	color: #fff;
}

#copy-area div .info {
	float: left;
}

#copy-area div .copyright {
	padding: 25px 0 0;
	float: right;
}