@charset "UTF-8";

/* 初期化 */
* {margin:0; padding:0;}

body {color:#333; background-color:#f5f5f5; font-size:12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; text-align:center;}
img {border:none;}
a {color:#06c;}
a:hover {color:#f60;}
ul.alert {background-color:#ffc; border:1px solid #f93; padding:10px; margin:15px 0; list-style:none;}
ul.alert  li {background:url(../img/alert.gif) no-repeat 0 5px; padding-left:12px; line-height:2;}

#wrapper {background-color:#fff; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; width:900px; margin:0 auto; padding:15px 0;}
#container {margin:0 auto; width:870px; text-align:left;}

#header {float:left; padding-bottom:10px; width:870px; border-bottom:1px solid #666;}
#header .shopname {float:left;}
#header .headnavi {float:right; text-align:right;}
#header h1 {margin:0 0 10px;}
#header h2 {font-size:12px; font-weight:normal;}
#header ul {list-style:none;}
#header li {display:inline; border-left:1px solid #999; margin-left:0.5em; padding-left:0.5em; }
#header li.cart {background:url(../img/icon_cart.gif) no-repeat 0.5em 0; padding-left:24px; padding-bottom:2px;}
#header li.first {border-left:none;}
#header form {margin-top:10px;}

#navi {clear:both; float:left; width:870px; background:#000 url(../img/black_navi_bar.gif) repeat-x; border-top:1px solid #ccc;}
#navi ul {list-style:none; margin-left:15px;}
#navi li {float:left; white-space:nowrap;}
#navi a {color:#fff; text-decoration:none; padding:8px 15px 10px; line-height:1; display:block;}
#navi a:hover {background:#060606 url(../img/black_navi_hover_bg.gif) repeat-x;}
#navi .on {color:#fff; text-decoration:none; padding:8px 15px 10px; line-height:1; display:block; background:#000 url(../img/black_navi_on_bg.gif) repeat-x; border-left:1px solid #000; border-right:1px solid #000;}
#navi li.on a {margin:-8px -15px -10px;}

#contents {clear:both; background:#fff url(../img/black_navi_shadow.gif) repeat-x; width:870px; padding:20px 0 30px;}

#main {float:left; width:675px;}

.mainvisual {margin-bottom:20px;}

.mainblock {clear:both; float:left; width:675px; padding-bottom:20px;}
.mainblock h3 {background:#333 url(../img/black_block_index_bg.gif) repeat-x; border-bottom:2px solid #333; color:#fff; font-size:12px; line-height:2;}
.mainblock h3 .blockindex {background-color:#333; padding:0.5em 1.5em;}

.newitem {clear:both; float:left; width:675px; margin:15px 0 0; padding-bottom:15px; border-bottom:1px solid #d7d7d7;}
.newitem dl {float:left; width:168px;text-align:center;}
.newitem dt {margin:0 10px;}
.newitem dd {line-height:1.3; margin:0 10px;}

.tolist {clear:both; text-align:right;}
.tolist a {background:url(../img/arrow.gif) no-repeat 0 3px; line-height:3; padding-left:7px; padding-right:1em;}

.recommend {float:left; width:675px; margin:15px 0 0; padding-bottom:15px; border-bottom:1px solid #d7d7d7;}
.recommend dl {float:left; width:336px;}
.recommend dt {float:left; width:110px; text-align:center; vertical-align:middle;}
.recommend dd {float:left; width:220px; line-height:1.5;}

.info {float:left; width:645px; padding:15px;}
.info dl {float:left; line-height:1.5; width:645;}
.info dt {clear:both; float:left; width:80px; color:#999;}
.info dd {float:left; width:552px; padding-bottom:1em;}

.info2 {float:left; width:645px; padding:15px;}
.info2 dl {float:left; line-height:1.5; width:645;}
.info2 dt {clear:both; float:left; width:552px; color:#999;}
.info2 dd {float:left; width:552px; padding-bottom:1em; margin:15px 20px 0;}


#side {float:right; width:180px; word-break:break-all;}

#itemlist,#ranklist,#kwlist,#taglist,#treelist {clear:both; background:#f4f4f4 url(../img/black_side_bg.gif); padding-bottom:10px;}
#itemlist h3,#ranklist h3,#kwlist h3,#taglist h3,#treelist h3 {background:#979797 url(../img/black_side_index_bg.gif) repeat-x; color:#fff; font-size:12px; line-height:2; padding:0 10px;}
#itemlist ul {list-style:none; padding:7px 10px 0;}
#itemlist ul ul {padding:0 0 7px;}
#itemlist li {padding-left:7px; background:url(../img/arrow.gif) no-repeat 0 5px; line-height:1.5;}
#itemlist li li {padding-left:7px; background:url(../img/side_arrow.gif) no-repeat 0 5px; line-height:1.5;}
#itemlist li a {text-decoration:none; color: #f60;}
#itemlist li li a {text-decoration:none; color: #06c;}
#itemlist li a:hover {text-decoration:underline;}
#itemlist li li a:hover {text-decoration:underline; color:#f60;}

/* ツリー構造を表示する用 */
#treelist ul {list-style:none; padding:7px 10px 0;}
#treelist ul ul {padding:0 0 7px;}
#treelist li {line-height:1.5;}
#treelist li li {padding-left:7px; line-height:1.5;}
#treelist li a {text-decoration:none; color: #f60;}
#treelist li li a {text-decoration:none; color: #06c;}
#treelist li a:hover {text-decoration:underline;}
#treelist li li a:hover {text-decoration:underline; color:#f60;}
/******/

#ranklist  {float:left; width:180px;}
#ranklist dl {border-bottom:1px solid #e6e6e6; border-top:1px solid #fff; float:left; padding:5px;} 
#ranklist dt {float:left; clear:both; width:55px;}
#ranklist dt img {vertical-align:bottom;}
#ranklist dd {float:left; width:115px; padding-top:12px; line-height:1.2;}
#ranklist dd.no1 {background:url(../img/ranking_no1.gif) no-repeat;}
#ranklist dd.no2 {background:url(../img/ranking_no2.gif) no-repeat;}
#ranklist dd.no3 {background:url(../img/ranking_no3.gif) no-repeat;}
#ranklist dd.no4 {background:url(../img/ranking_no4.gif) no-repeat;}
#ranklist dd.no5 {background:url(../img/ranking_no5.gif) no-repeat;}

#kwlist ul {list-style:none; padding:7px 10px 0;}
#kwlist li {padding-left:7px; background:url(../img/side_arrow.gif) no-repeat 0 5px; line-height:1.5;}
#kwlist  li a {text-decoration:none;}
#kwlist  li a:hover {text-decoration:underline;}

#taglist {margin-bottom:15px;}
#taglist ul {list-style:none; padding:7px 10px 0;}
#taglist li {display:inline; padding-right:0.1em; line-height:1.5;}
#taglist li.taglevel1 {font-size:1em;}
#taglist li.taglevel2 {font-size:1.25em;}
#taglist li.taglevel3 {font-size:1.5em;}
#taglist li.taglevel4 {font-size:1.75em;}
#taglist li.taglevel5 {font-size:2em;}

#payment {clear:both; background-color:#f0f0f0;}
#payment h3 {background-color:#999; color:#fff; font-size:12px; line-height:2; padding:0 10px;}
#payment dl {margin:10px 5px;}
#payment dt {margin-bottom:5px; line-height:1;}
#payment dd img {margin-left:2px; margin-bottom:10px;}


#footer {clear:both; text-align:center;}
#footer .pagetop {text-align:right; background-color:#f0f0f0; border-bottom:1px solid #ccc; padding:0.5em 1em; margin-bottom:1em; font-size:10px; line-height:1;}
#footer .pagetop a {text-decoration:none; background:url(../img/arrow2.gif) no-repeat 0 3px; padding-left:10px;}
#footer ul {list-style:none; margin-bottom:1.5em;}
#footer li {list-style:none; display:inline; margin-right:1em; padding-right:1em; border-right:1px solid #999; line-height:1;}
#footer li.last {border-right:none;}
#footer address {font-style:normal;}

/* パンくずリスト */
#pankuzu {margin-bottom:15px;}
#pankuzu ul {list-style:none;}
#pankuzu li {display:inline;}

/* 商品詳細 */
#item {float:left; width:648px; margin:0 12px 0 15px; display:inline;}/* IE6でfloatした要素の末尾文字が複製されるバグを回避のためwidthを+3 margin-rightを-3 */
#item h3 {color:#f60; font-size:18px;}
#item h4 {font-size:12px; line-height:1.5; margin-top:7px;}
#item .itemspec {float:left; width:645px; margin:30px 0;}
#item .itemphoto {float:left; width:315px; text-align:center;}
#item .itemphoto img {margin-bottom:5px;}
#item .itemdata {float:right; width:315px;}
#item .itemdata th {font-weight:normal; text-align:right; white-space:nowrap;}
#item .itemdata th,.itemdata td {vertical-align:top; padding:0 2px; line-height:1.5;}
#item .cartin {background-color:#e6f2ff; border:1px solid #bfddff; padding:10px; margin:15px 0; text-align:center;}
#item .cartin h5 {font-size:14px;}
#item .cartin .price {color:#f60; font-size:14px; font-weight:bold;}
#item .cartin p {line-height:2;}
#item .cartin form {line-height:3;}
#item .cartin form input {vertical-align:middle;}
#item .entry {background-color:#f0f0f0; border:1px solid #d7d7d7; padding:10px; text-align:center; font-weight:bold;}
#item .entry p {line-height:2;}
#item .entry a {background:url(../img/arrow.gif) no-repeat 0 3px; padding-left:7px;}
#item .entry img { vertical-align:middle; padding-left:3px;}
#item p.bookmark,#item p.review,#item p.zoom,#item p.tag {line-height:2;}
#item .bookmark a,#item .review a,#item .zoom a {background:url(../img/arrow.gif) no-repeat 0 3px; padding-left:7px;}
#item .itemetc {clear:both; float:left; width:645px; padding-bottom:20px;}
#item .itemetc h3 {border-bottom:2px solid #aaa; color:#fff; font-size:12px; line-height:2;}
#item .itemetc h3 span {background-color:#aaa; padding:0.5em 1.5em;}
#item .variation {clear:both; float:left; width:645px; margin:15px 0 0; padding-bottom:15px; border-bottom:1px solid #d7d7d7;}
#item .variation dl {float:left; width:160px;text-align:center;}
#item .variation dt {margin:0 5px;}
#item .variation dd {line-height:1.3; margin:0 5px;}
#item .variation form {margin-top:2px;}
#item .review dl {}
#item .review dt {font-weight:bold; line-height:2; margin-top:15px;}
#item .review dd {border-bottom:1px solid #d7d7d7; padding-bottom:15px; line-height:1.5;}

#item .selling table {border-top:1px solid #ccc; border-right:1px solid #ccc; width:100%;}
#item .selling th,#item .selling td {padding:10px 5px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center;}
#item .selling th {background-color:#f0f0f0; font-weight:normal;}
#item .selling .price {color:#f00; font-weight:bold;}
#item .selling .condition {font-weight:bold;}
#item .selling .sellinfo {text-align:left; line-height:1.5;}

#item .freespace {clear:both; float:left; width:645px; padding-bottom:50px; line-height:1.5;}
#item .freespace p {margin-bottom:1em;}

/* 商品一覧 */
#view {float:left; width:648px; margin:0 12px 0 15px; display:inline;}/* IE6でfloatした要素の末尾文字が複製されるバグを回避のためwidthを+3 margin-rightを-3 */
#view h3 {color:#f60; font-size:18px;}
#view .pages {clear:both; float:left; width:645px; padding:10px 0;}
#view .pages h4 {font-size:12px; padding-bottom:10px;}
#view .pages ul.page1 {float:left;}
#view .pages ul.page2 {float:right;}
#view .pages ul,#view .disp ul {list-style:none;}
#view .pages li,#view .disp li {display:inline; border-left:1px solid #999; padding-left:5px; margin-left:2px;}
#view .pages li.on,#view .disp li.on {font-weight:bold;}
#view .pages li.first,#view .pages li.title,#view .disp li.first,#view .disp li.title {border-left:none; padding-left:0; margin-left:0;}

#view .disp {clear:both; float:left; width:625px; background-color:#f0f0f0; padding:5px 10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#view .disp .viewer {float:left;}
#view .disp .sort {float:right;}
#view .disp .sort li.first.up {background:url(../img/arrow2.gif) no-repeat 0 5px; padding-left:10px;}
#view .disp .sort li.up {background:url(../img/arrow2.gif) no-repeat 5px 5px; padding-left:15px;}
#view .disp .sort li.first.down {background:url(../img/arrow3.gif) no-repeat 0 5px; padding-left:10px;}
#view .disp .sort li.down {background:url(../img/arrow3.gif) no-repeat 5px 5px; padding-left:15px;}

#view .photo {clear:both; float:left; width:645px; margin:15px 0 0; padding-bottom:15px; border-bottom:1px solid #d7d7d7;}
#view .photo dl {float:left; width:160px;text-align:center;}
#view .photo dt {margin:0 5px;}
#view .photo dd {line-height:1.3; margin:0 5px;}
#view .photo form {margin-top:2px;}

#view .list {clear:both; float:left; width:645px; margin:15px 0 0; padding-bottom:15px; border-bottom:1px solid #d7d7d7;}
#view .list ul {list-style:none;}
#view .list li p {margin-bottom:3px;}
#view .list li.pict {float:left; width:160px; text-align:center; vertical-align:middle;}
#view .list li.summary {float:left; width:360px; line-height:1.3;}
#view .list li.summary h4 {font-size:12px; margin-bottom:5px;}
#view .list li.btn {float:right; width:120px; text-align:center; line-height:1.3;}
#view .list li.btn .price {color:#f60; font-size:14px; font-weight:bold;}
#view .list li.btn form {margin-top:2px;}

/* ランキング一覧 */
#view .ranking {border-bottom:none;}
#view .ranking dt {background-color:#aaa; color:#fff; font-weight:bold; margin-bottom:5px; padding:3px;}
#view .ranking dd img {margin-bottom:5px;}

/* タグ一覧 */
#view .photo dd p.tag {background-color:#ffc; border:1px solid #fc9; text-align:left; line-height:1.3; margin:5px; padding:5px;}

/* レビュー一覧 */
#view .list li.summary p.date {color:#666;}
#view .list li.summary span.star {color:#f60;}


/* その他管理ページ等 */
#etc {margin:0 15px;}
#etc.rule {margin:0 100px;}
#etc h3 {color:#f60; font-size:18px; margin-bottom:1em;}
#etc.rule h3 {color:#333; font-size:18px; margin-bottom:0;}
#etc.rule h4 {font-size:12px; margin:1.5em 0 0.5em;}
#etc p {margin-bottom:1em; line-height:1.5;}
#etc.rule p {margin:0 10px 1em;}

#etc p.seller {text-align:right;}

#etc.rule table {margin:0 10px 1em; border-top:1px solid #ccc; border-right:1px solid #ccc;}
#etc.rule th {background-color:#999; color:#fff; font-weight:normal;}
#etc.rule td,#etc.rule th {padding:10px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center;}

#etc table.login {margin:0 auto;}
#etc table.login th {color:#fff; background-color:#999; text-align:left; font-weight:normal;}
#etc table.login th,#etc table.login td {padding:20px; border-bottom:2px solid #fff;  border-left:2px solid #fff;}
#etc table.login td {background-color:#f0f0f0;}
#etc table.login td.coment {padding:0 0 15px; background-color:#fff;}
#etc table.login td.btn {text-align:center; padding:15px 0; background-color:#fff;}
#etc table.login .beginner,#etc table.login .forget {background:url(../img/arrow.gif) no-repeat 0 3px; padding-left:7px;}
#etc table.login .forget {margin-left:20px;}
#etc table.login td.caution {background-color:#fff;}

#etc table.cartcheck {width:99%; border-top:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:15px;}
#etc table.cartcheck th {color:#fff; background-color:#999; font-weight:normal;}
#etc table.cartcheck th,#etc table.cartcheck td {padding:10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;text-align:center;}
#etc table.cartcheck td.total {font-weight:bold;}
#etc table.cartcheck td.non {border:none; text-align:left;}
#etc table.cartcheck td.update1 {background-color:#f0f0f0; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:right;}
#etc table.cartcheck td.update2 {background-color:#f0f0f0; border-bottom:1px solid #ccc; text-align:center;}
#etc table.cartcheck td.regi {background-color:#f0f0f0;}
#etc p.indent {text-indent:-1em; margin-left:1em;}
#etc table.cartcheck td.non2 {background-color:#f0f0f0; text-align:left;}
#etc table.cartcheck td.fix {color:#f60; font-size:14px; font-weight:bold; background-color:#ffc;}

#etc table.entryform {width:99%; border-top:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:15px;}
#etc table.entryform th {color:#fff; background-color:#999; font-weight:normal; text-align:left; white-space:nowrap;}
#etc table.entryform th,#etc table.entryform td {padding:10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
#etc table.entryform td.caution {background-color:#f0f0f0; color:#666;}
#etc table.entryform th.must {background:#999 url(../img/f60.gif) repeat-y right;}
#etc span.must {color:#f60;}
#etc table.entryform td.non {border:none;}
#etc table.entryform td.non2 {background-color:#f0f0f0;}
#etc table.entryform td.constatation {text-align:center;}
#etc table.entryform td.constatation2 {background-color:#f0f0f0; text-align:center;}
#etc table.entryform ul {list-style:none;}
#etc table.entryform ul li ul {margin:0 0 1em 1em;}
#etc table.entryform ul li {font-weight:bold;}
#etc table.entryform ul li li {font-weight:normal;}
#etc table.column th,#etc table.column td {text-align:center; white-space:nowrap;}
#etc table.column td.itemname {white-space:normal; text-align:left;}

#etc table.mypage {width:99%; border-top:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:15px;}
#etc table.mypage th {color:#fff; background-color:#999; text-align:left; white-space:nowrap;}
#etc table.mypage th.col {background-color:#f0f0f0;}
#etc table.mypage th,#etc table.mypage td {padding:10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; line-height:2; vertical-align:top;}
#etc table.mypage a {padding-left:7px; background:url(../img/arrow.gif) no-repeat 0 2px;}

/* 出品商品一覧 */
#etc .pages {float:left; width:830px; padding:10px 0;}
#etc .pages h4 {font-size:12px; padding-bottom:10px;}
#etc .pages ul.page1 {float:left;}
#etc .pages ul.page2 {float:right;}
#etc .pages ul,#etc .disp ul {list-style:none;}
#etc .pages li,#etc .disp li {display:inline; border-left:1px solid #999; padding-left:5px; margin-left:2px;}
#etc .pages li.on,#etc .disp li.on {font-weight:bold;}
#etc .pages li.first,#etc .pages li.title,#etc .disp li.first,#etc .disp li.title {border-left:none; padding-left:0; margin-left:0;}

#etc .disp {clear:both; width:820px; padding:5px 10px 15px; border-top:1px solid #ccc;}
#etc .disp .sort {text-align:right;}
#etc .disp .sort li.first.up {background:url(../img/arrow2.gif) no-repeat 0 5px; padding-left:10px;}
#etc .disp .sort li.up {background:url(../img/arrow2.gif) no-repeat 5px 5px; padding-left:15px;}
#etc .disp .sort li.first.down {background:url(../img/arrow3.gif) no-repeat 0 5px; padding-left:10px;}
#etc .disp .sort li.down {background:url(../img/arrow3.gif) no-repeat 5px 5px; padding-left:15px;}


#complete {background-color:#f0f0f0; border:1px solid #ccc; padding:5em 10em 2em; margin:15px 100px; text-align:center;}
#complete p {padding-bottom:3em;}

input {vertical-align:middle;}
select option {padding-right:0.5em;}

/* クリアフィックス */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.genrelist li {
  margin: 0px 10px;
  height: auto;
  width: 20%;
  float: left;
}

