/* ========================
youngole.com CSS Document 

最終更新日：2007年7月17日

目次：
・全体構造
・フッタ
・リンクの設定
・ナビゲーション
・サイドバー
・文字情報
・body直下
・モジュール・インフォメーション
・モジュール・フッターガイド
・モジュール・商品リスト、カテゴリページ共通
・モジュール・おすすめ商品
・モジュール・ランキング
・モジュール・タブコンテンツ
・HOME
・商品詳細ページ
・商品詳細ポップアップウィンドー
・ミュージック詳細ページ
・カテゴリーページ、ブランドページ、クリエイターページ
・ ショッピングガイド
・お買い物の流れ
・特定商取引に関する表記
・ラッピングページ
・ショップ紹介ページ
・カフェメニューページ
・リンクページ
・お客様からの声
・フォームメール
・クリスマス
======================== */
@charset "Shift_JIS";

/* ------ 全体構造 ------ */
body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  color: #333333;
  background: #ffffff;
  font-size: 12px;
  font-family:"ヒラギノ角ゴPro W3","Osaka", "ＭＳ Ｐゴシック","sans-serif";
}
#wrapper {
  margin: 0px auto;
  padding: 0px;
  width: 780px;
  text-align: left;
  color: #333333;
  line-height: 1.5;
  background: url(../img/bg-w.gif) repeat-y top left;
}
#header {
  margin: 0px;
  padding: 0px;
  background: url(../img/header.gif) no-repeat 0 0;
  width: 780px;
  height: 58px;
}
#main {
 margin: 0px;
 padding: 0px;
 width: 780px;
}
#content {
  margin: 0px;
  padding: 80px 0px 0px 0px;
  float: right;
  width: 590px;
}
#sidebar {
  margin: 0px;
  padding: 22px 0px 0px 0px;
  float: left;
  width: 170px;
}
#con-top {
  margin: 0px;
  padding: 0px;
}
#con-right {
  margin: 0px;
  padding: 0px;
  float: right;
  width: 170px;
  border-left: solid 1px #cccccc;
}
#con-left {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 400px;
}

/* ------ リニューアル後削除する・ここから ------ */
#con_t {
  margin: 0px;
  padding: 0px;
}
#con_r {
  margin: 0px;
  padding: 0px;
  float: right;
  width: 250px;
}
#con_l {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 320px;
}
#con_b {
  clear: both;
  margin: 0px;
  padding: 20px 0px 10px 0px;
}
/* ------ リニューアル後削除する・ここまで ------ */

#con_r2 {
  margin: 0px;
  padding: 0px;
  float: right;
  width: 285px;
}
#con_l2 {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 285px;
}
#con-bottom {
  clear: both;
  margin: 0px;
  padding: 0px;
}

/* ------ フッタ ------ */
#footer {
  margin: 65px 0px 0px 0px;
  clear: both;
  border-top: 1px solid #cccccc;
  font-size: 0.8em;
  color: #333333;
  background: #ffffff;
}
#footer p {
  margin: 0px;
  padding: 5px;
  text-align: center;
}
#foot-category {
margin: 0px;
padding: 5px;
border: 1px solid #cccccc;
}
#foot-category ul {
margin: 0px;
}
#foot-category ul li {
margin: 1px 0px;
padding: 0px 5px;
border-right: 1px solid #cccccc;
display: inline;
line-height: 1.4em;
}

/* ------ リンクの設定 ------ */
a:link, a:visited {
  color: #666666;
  background: transparent; 
  text-decoration: none;
}
a:hover, a:active {
  color: #333333;
  background: transparent; 
  text-decoration: none;
}

/* ------ ナビゲーション ------ */
#logo {
  display: block;
  width: 157px;
  height: 39px;
  margin: 10px 0px 0px 5px;
  text-indent: -9999em;
  border: 0px;
  text-decoration: none;
  outline: 0;
}
/*
#logo a {
  outline: 0;
}
*/
#navi{
 position: absolute;
 margin: 0px;
 padding: 0px;
 clear: both;
 width: 780px;
}
#navi ul{
  margin: 0px;
  padding: 0px 0px 0px 15px; 
  border-top: solid 1px #ffffff;
  list-style: none;
  font-size: 12px;
  voice-family: "\"}\""; voice-family:inherit;
  padding: 0px 0px 0px 185px;
}
#navi li{
  border-right: solid 1px #003333;
  border-bottom: solid 1px #ffffff;
  float: left;
  display: block;
  width: 123px;
  height: 22px;
  voice-family: "\"}\""; voice-family:inherit;
  width: 121px;
  height: 20px;
}
#navi li a, form{
  margin: 0px;
  padding: 0px;
  color: #333333;
  text-decoration: none;
  display: block;
  width: 123px;
  height: 22px;
  voice-family: "\"}\""; voice-family:inherit;
  width: 121px;
  height: 20px;
}
#navi li a:hover{
  border-top: solid 1px #000000;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  border-left: solid 1px #000000;
  color: #000000;
}   
#navi ul span{
  padding: 0px 0px 0px 28px;
  display: block;
}
#pankuzu{
 position:relative;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 15px;
 clear: both;
 color: #666666;
 font-size: 0.9em;
 border-top: solid 1px #cccccc;
 voice-family: "\"}\""; voice-family:inherit;
 padding: 5px 0px 0px 190px;
}
.gotop {
  clear: both;
  margin: 0px 0px;
  padding: 0px 10px 20px 15px;
  font-size: 0.8em;
  text-align: right;
}
.gotop_sb {
  clear: both;
  margin: 10px 0px 10px 5px;
  padding: 0px 5px 0px 0px;
  font-size: 0.8em;
}

/* ------ サイドバー ------ */

#sidebar ul {
  margin: 0px;
  padding: 0px; 
  border-top: solid 1px #cccccc;
  border-right: solid 1px #333333;
  border-left: solid 1px #cccccc;
  list-style: none;
  font-size: 12px;
  text-align: left;
  line-height: 1.0;
}
#sidebar li {
  margin: 0px;
  padding: 0px;
  height: 2em;
  border-bottom: solid 1px #333333;
}
#sidebar ul a{
  margin: 0px;
  padding: 0px;
  color: #003333;
  text-decoration: none;
  display: block;
  width: 170px;
  voice-family: "\"}\""; voice-family:inherit;
  width: 168px;
}
#sidebar ul a:hover{
  border-top: solid 1px #333333;
  border-left: solid 1px #333333;
  color: #ff6600;
}    
#sidebar ul span{
  padding: 5px 0px 5px 31px;
  display: block;
}
#sidebar p{
  margin: 15px 5px 0px 5px;
  font-size: 12px;
}
#sbar-top {
 margin: 0px;
 height: 60px;
}
/*
li#sb-bnr-top {
  height: 60px;
}
*/
#sinfo {
  background: url(../img/nv-sinfo.gif) no-repeat 0px 0px; 
}
#sgid {
  background: url(../img/nv-sgid.gif) no-repeat 0px 0px; 
}
#cntct {
  background: url(../img/nv-cntct.gif) no-repeat 0px 0px; 
}
#crt {
  background: url(../img/nv-crt.gif) no-repeat 0px 0px; 
}
.ttl {
  background: url(../img/pg-gline-gr30x30.gif) repeat-y 0px 0px; 
}
.ttl2 {
  background: url(../img/sb-ttl2.gif) repeat-y 0px -15px; 
}
.yo_y {
  background: url(../img/sb-ttl2.gif) repeat-y 0px 0px; 
}
#sof {
  background: url(../img/sb-sof.gif) no-repeat 0px 0px; 
}
#chr {
  background: url(../img/sb-chr.gif) no-repeat 0px 0px; 
}
#tbl {
  background: url(../img/sb-tbl.gif) no-repeat 0px 0px; 
}
#slf {
  background: url(../img/sb-slf.gif) no-repeat 0px 0px; 
}
#etcfnt {
  background: url(../img/sb-etcfnt.gif) no-repeat 0px 0px; 
}
#tlmp {
  background: url(../img/sb-tlmp.gif) no-repeat 0px 0px; 
}
#plmp {
  background: url(../img/sb-plmp.gif) no-repeat 0px 0px; 
}
#fstd {
  background: url(../img/sb-fstd.gif) no-repeat 0px 0px; 
}
#iac {
  background: url(../img/sb-iac.gif) no-repeat 0px 0px; 
}
#sta {
  background: url(../img/sb-sta.gif) no-repeat 0px 0px; 
}
#toy {
  background: url(../img/sb-toy.gif) no-repeat 0px 0px; 
}
#ktn {
  background: url(../img/sb-ktn.gif) no-repeat 0px 0px; 
}
#stg {
  background: url(../img/sb-stg.gif) no-repeat 0px 0px; 
}
#bag {
  background: url(../img/sb-bag.gif) no-repeat 0px 0px; 
}
#gdn {
  background: url(../img/sb-gdn.gif) no-repeat 0px 0px; 
}
#hby {
  background: url(../img/sb-hby.gif) no-repeat 0px 0px; 
}
#msc {
  background: url(../img/sb-msc.gif) no-repeat 0px 0px; 
}
#wrp {
  background: url(../img/sb-wrp.gif) no-repeat 0px 0px; 
}
#blog {
  background: url(../img/sb-blog.gif) no-repeat 0px 0px; 
}
#bbs {
  background: url(../img/sb-bbs.gif) no-repeat 0px 0px; 
}
#lnk {
  background: url(../img/sb-lnk.gif) no-repeat 0px 0px; 
}
#faq {
  background: url(../img/sb-faq.gif) no-repeat 0px 0px; 
}
#prv {
  background: url(../img/sb-prv.gif) no-repeat 0px 0px; 
}
#ntt {
  background: url(../img/sb-ntt.gif) no-repeat 0px 0px; 
}
#map {
  background: url(../img/sb-map.gif) no-repeat 0px 0px; 
}
#blocco {
  background: url(../img/sb-201.gif) no-repeat 0px 0px; 
}
#grandscheme13 {
  background: url(../img/sb-210.gif) no-repeat 0px 0px;
}
#keitosya {
  background: url(../img/sb-209.gif) no-repeat 0px 0px; 
}
#kisabu {
  background: url(../img/sb-205.gif) no-repeat 0px 0px; 
}
#ore {
  background: url(../img/sb-204.gif) no-repeat 0px 0px; 
}
#solxsol {
  background: url(../img/sb-203.gif) no-repeat 0px 0px; 
}
#bunaco {
  background: url(../img/sb-111.gif) no-repeat 0px 0px; 
}
#goldon {
  background: url(../img/sb-108.gif) no-repeat 0px 0px; 
}
#kitsuji {
  background: url(../img/sb-107.gif) no-repeat 0px 0px; 
}
#reisen {
  background: url(../img/sb-112.gif) no-repeat 0px 0px; 
}
#staub {
  background: url(../img/sb-114.gif) no-repeat 0px 0px; 
}
#switch {
  background: url(../img/sb-105.gif) no-repeat 0px 0px; 
}
#umbra {
  background: url(../img/sb-102.gif) no-repeat 0px 0px; 
}
.address, .search, #sisshop, #calender {  
  margin: 10px 0px 0px 0px;
  padding:  0px 5px 5px 5px;
  line-height: 1.2;
  border: solid 1px #003333;
}
.search {
 height: 235px;
}
.searchtxt {
  font-size: 0.9em;
  color: #333333;
}
.address dt, .search dt, #sisshop dt, #calender dt {
 margin: 5px 0px 5px 0px;
 padding: 0px 0px 0px 30px;
 border-bottom: solid 1px #006666;
 background: url(../img/pg-gline-gr30x30.gif) repeat-y -5px 0px;
}
.address dd, .search dd, #sisshop dd, #calender dd {
 margin: 0px 0px 5px 0px;
 font-size: 0.9em;  
}
#calender table {
 margin: 0px 0px 5px 10px;
 font-size: 0.9em;  
}
#sisshop dd {
 padding: 0px 0px 0px 15px;
 background: url(../img/arrow-link.gif) no-repeat 0px 0.5em;
}
/*===一旦退避===
#calender dd {
  margin: 5px 0px 5px 2px;
 display: block;
 text-indent: -9999px;
 height: 162px;
}
.calender1 {
 background: url(../img/calender1.gif) no-repeat 0px 0px;
}
.calender2 {
 background: url(../img/calender2.gif) no-repeat 0px 0px;
}
=====*/
.mail {
 display: block;
 text-indent: -9999px;
}
.mail a {
 display: block;
 height: 18px;
 outline: 0;
 background: url(../img/mailad.gif) no-repeat -4px 0px;
}
.mail a:hover {
 background: url(../img/mailad.gif) no-repeat -4px -18px;
} 
.qr-yoymobile img {
 margin: 0px 0px 0px -2px;
}
#sb-bnr {
 margin: 10px 0px 0px 0px;
 border: solid 1px #003333;
}
#sb-bnr dt {
 margin: 0px 5px 2px 5px;
 font-size: 0.9em;
}
#sb-bnr dd {
 margin: 0px 0px 10px 5px;
 background: 0;
}
.sb-lnk {
  margin: 20px 5px 10px 5px;
  font-size: 0.9em;
  line-height: 1.2;
  border-top: solid 1px #cccccc;
}
.sb-lnk dt {
  margin: 5px 5px 0px 5px;
  font-size: 0.9em;
}
.sb-lnk dd {
  margin: 3px 5px 3px 5px;
}
.sb-lnk_ys {
  margin: 20px 5px 10px 5px;
  line-height: 1.2;
  border-top: solid 1px #cccccc;
}
.sb-bnrlnk {
  margin: 20px 5px 10px 5px;
}
.sb-bnrlnk dt {
  margin: 5px 5px 0px 5px;
  border-bottom: solid 1px #cccccc;
}  
.sb-bnrlnk dd {
  margin: 5px 5px 0px 20px;
}
.sb-val-bnr {
  margin: 20px 5px;
  padding: 0px 0px 0px 20px;
}
.sb-adsence {
  margin: 30px 5px 20px 25px;
  padding: 0px;
  display: block;
  height: 240px;
}
#sbar-bottom {
  margin: 20px 0px;
  padding: 0px 5px;
}
#sbar-ad-bnr {
  margin: 0px;
}

/* ------ 文字情報 ------ */
.arrow-or {
  font-weight: bold;
  color: #ff6600
}
img {
  border-width: 0px;
}
h1 {
  margin: 0px;
  padding: 0px;
}
h1 img {
  vertical-align: bottom;
}
h2 {
  margin: 0px 0px 20px 0px;
  padding: 0px 10px 10px 0px;
  font-size: 13px;
}
h2 img {
  margin: 0px;
  padding: 0px;
}
h3 {
  margin: 0px 0px 15px 0px;
  padding: 20px 10px 10px 0px;
  font-size: 13px;
}
h4 {
  margin: 0px 0px 15px 0px;
  padding: 20px 0px 00px 0px;
  font-size: 12px;
}
hr {
  clear: both;
  visibility: hidden;
}  
p {
 padding: 5px 10px 5px 0px;
}
.txt10 {
 font-size: 10px;
}
.txt-gr {
 color: #003333;
}
.txt-bl {
 color: #0000cc;
}
ul {
 margin: 0px;
 padding: 0px 10px 0px 0px;
 list-style: none;
}
.cl_b {
 clear: both;
 margin: 10px 0px 20px 0px;
}
.m-top20 {
 margin: 20px 0px 15px 0px;
}
.brandname, .caps {
 text-transform:uppercase;
}
.newpri {
 font-size: 0.9em;
 color: #333333;
}
/* ------ body直下 ------ */
#top, #keyword1 {
 margin: 0px;
 width: 780px;
 background-color: #FFFFFF;
}
#top h1, #keyword1 h1 {
 margin: 0px 2px -11px 0px;
 text-align: right;
 color: #999999;
 font-size: 9px;
}

/* ------ モジュール・インフォメーション ------ */
#infotxt div {
 margin: 0px 5px 30px 0px;
 padding: 5px 5px;
 width: 570px;
 height: auto;
 font-size: 1em;
 border-top: solid 1px #cccccc;
 border-right: solid 1px #333333;
 border-bottom: solid 1px #333333;
 border-left: solid 1px #cccccc;
}
#infotxt div img {
 margin: 0px 5px 0px 0px;
 float: left;
 border: 0;
}
#footertxt {
 margin: 0px 5px 30px 0px;
 width: 780px;
 height: auto;
 font-size: 1em;
 border-top: solid 1px #cccccc;
 border-right: solid 1px #333333;
 border-bottom: solid 1px #333333;
 border-left: solid 1px #cccccc;
}

/* ------ モジュール・フッターガイド ------ */
#guide-b {
 margin: 0px 5px 0px 0px;
}
#guide-b-l {
 margin: 0px;
 width: 280px;
 float: left;
}
#guide-b-r {
 margin: 0px;
 width: 280px;
 float: right;
}
#guide-b h3 {
 margin: 10px 0px;
 padding: 0px;
 text-indent: 5px;
 font-size: 12px;
 border-bottom: solid 1px #cccccc;
 border-left: solid 6px #cccccc;
}
#guide-b h4 {
 margin: 20px 0px 5px 5px;
 padding: 0px;
 text-indent: 5px;
 color: #333333;
 font-size: 1em;
 border-left: solid 6px #cccccc;
}
#guide-b p, #guide-b dl, #guide-b ul {
 margin: 0px 5px 10px 10px;
 clear: both;
}
#guide-b dt {
 margin: 0px 0px 5px 0px;
}
#guide-b dd {
 margin: 0px 0px 5px 10px;
}
#guide-b li {
 margin: 0px 0px 5px 10px;
 clear: both;
}
#guide-b dd {
 padding: 0px 0px 0px 10px;
 background: url(../img/pg-listmarker-or.gif) no-repeat 0px 0.5em;
}
#guide-b li img {
 float: left;
 margin: 0px 5px 10px 0px;
}

/* ------ モジュール・商品リスト ------ */
.items ul {
  margin: 0px;
  padding: 0px; 
  text-align: left;
  font-size: 10px;
  line-height: 1.2;
}
.items li {
  margin: 5px 2px 0px 0px;
  padding: 0px;
  float: left;
  display: block;
  width: 94px;
  height: 180px;
  voice-family: "\"}\""; voice-family:inherit;
  width: 92px;
}
.items li a {
  text-align: left;
  text-decoration: none;
  color: #333333;
  border: solid 1px #ffffff;
  display: block;
}
.items li a:hover {
  border: solid 1px #ff6600;
  color: #000000;
}
.items ul span {
  padding: 0px;
  display: block;
}

/* ------ モジュール・おすすめ商品 ------ */
#recommend {
  margin: 0px 5px 20px 0px;
}
#recommend ul li {
 margin: 0px 5px 0px 0px;
 float: left;
 display: block;
 width: 110px;
 height: 220px;
 font-size: 0.9em;
}
#recommend li a {
  text-align: left;
  text-decoration: none;
  color: #333333;
  border: solid 1px #ffffff;
  display: block;
}
#recommend li a:hover {
  border: solid 1px #ff6600;
  color: #000000;
}
#recommend li img{
 padding: 0px 9px 5px 9px;
}

/* ------ モジュール・ランキング ------ */
#ranking {
 margin: 0px 5px 20px 0px;
}
#ranking p {
 border-top: solid 1px #003333;
}
#ranking ul li {
 margin: 0px 5px 0px 0px;
 float: left;
 display: block;
 width: 105px;
 height: 220px;
}
#ranking dl {
 margin: 0px 0px 0px 0px;
 display: block;
 font-size: 0.9em;
}
#ranking dt {
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 41px;
 border-bottom: solid 1px #003333;
 height: 20px;
}
#ranking dt span {
 position: relative;
 display: block;
 text-indent: -9999px;
}
#ranking dd {
 margin: 5px 0px 10px 0px;
 display: block;
} 
#ranking dd a {
 display: block;
 border: solid 1px #ffffff;
}
#ranking dd a:hover {
 display: block;
 border: solid 1px #ff6600;
}
#ranking dt img {
 margin: 4px 2px 0px 1px;
}
#ranking dd img {
 padding: 0px 4px 5px 4px;
}
.rank1 {
 background: url(../img/rank-no1.gif) no-repeat 0px 0px;
}
.rank2 {
 background: url(../img/rank-no2.gif) no-repeat 0px 0px;
}
.rank3 {
 background: url(../img/rank-no3.gif) no-repeat 0px 0px;
}
.rank4 {
 background: url(../img/rank-no4.gif) no-repeat 0px 0px;
}
.rank5 {
 background: url(../img/rank-no5.gif) no-repeat 0px 0px;
}

/* ------ モジュール・タブコンテンツ ------ */
#tab-contents {
  margin: 0px 0px 10px 0px;
}
#tab-contents form {
  margin: 0px;
}
#tab-contents li {
  margin: 0px;
  padding: 0px;
  float: left;

  text-indent: 5px;
  display: block;
  width: 150px;
  height: 20px;
}
#tab-contents li a {
  text-decoration: none;
  color: #333333;
  border: solid 1px #cccccc;
  display: block;
}
#tab-contents li a:hover {
  border: solid 1px #ff6600;
  color: #ff6600;
}
#contentsArea h2 {
	color:red;
}
#contentsArea {
	clear: both;
	width: 580px;
	border: solid 1px #cccccc;
}

/* ------ HOME ------ */
.title {
  margin: 0px 5px 15px 0px;
  padding: 0px 0px 0px 35px;
  font-size: 1.3em;
  color: #003333;
  border-bottom: double 3px #006666;
  background: url(../img/pg-gline-gr30x30.gif) repeat-y 0 0;
}
#tencho, #newitem, #nyuka, #mychoice {
 margin: 0px 5px 35px 0px; 
}
#mychoice {
 margin: 0px 5px 5px 0px; 
}
#tencho p, #tencho dl, #mychoice p, #mychoice dl {
 margin: 0px 0px 0px 5px;
 clear: both;
}
#tencho p img, #mychoice p img {
 float: right;
 margin: 0px 0px 5px 5px;
}
#tencho dd, #mychoice dd {
 margin: 3px 0px 10px 5px;
 text-indent: 10px;
 background: url(../img/arrow-link.gif) no-repeat 0 0.5em;
}
#newitem li {
 margin: 5px 0px 10px 5px;
 clear: both;
 display: block;
 height: 90px;
 background: url(../img/new.gif) no-repeat 95px 76px;
}
#newitem ul li a:hover {
 display: block;
 height: 90px;
 border: solid 1px #ff6600;
}
#newitem img {
 float: left;
 margin: 0px 5px 0px 0px;
}
#nyuka dl {
 margin: 0px 0px 0px 5px;
}
#nyuka dt {
 margin: 10px 0px 0px 0px;
}
#nyuka dd {
 margin: 5px 0px 0px 10px;
 padding: 0px 0px 0px 10px;
 background: url(../img/arrow-link.gif) no-repeat 0 0.5em;
}
.bnr-home-b {
 padding: 15px 0px 0px 0px;
}
#lnk-bnr-b {
 margin: 15px 0px;
}
#lnk-bnr-b li {
 margin: 0px 2px;
 display: block;
 float: left;
}
.caption {
  margin: 0px 10px 10px 0px;
  font-size: 12px;
}

/* ------ 不要な部分 ------ */ 
#ranking-top {
 margin: 0px 5px 35px 0px;
}
#ranking-top dl {
 margin: 0px 0px 0px 5px;
 border-bottom: solid 1px #003333;
}
#ranking-top dt {
 position: relative;
 clear: both;
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 41px;
 border-bottom: solid 1px #003333;
 display: block;
 height: 20px;
}
#ranking-top dt span {
 position: relative;
 display: block;
 text-indent: -9999px;
}
#ranking-top dd {
 margin: 5px 0px 10px 0px;
 display: block; 
 height: 100%;
} 
#ranking-top dd a, #newitem li a {
 display: block;
 height: 70px;
 border: solid 1px #ffffff;
}
#ranking-top dd a:hover, #newitem li a:hover {
 display: block;
 height: 70px;
 border: solid 1px #ff6600;
}
#ranking dt img {
 margin: 4px 2px 0px 1px;
}
#ranking-top dd img {
 float: left;
 margin: 0px 5px 15px 0px;
}
#ranking-top p {
 margin: 0px 10px;
 font-size: 0.9em;
}

.rcmnd li, .rcmnd dt {
  margin: 5px 0px 10px 0px;
  padding: 0px;
  clear: both;
}
.rcmnd img{
  margin: 0px 5px 10px 0px;
  padding: 0px;
  float: left;
}
.inew{
  margin: 0px 0px 0px 5px;
  color: #ff0066;
  font-size: 0.8em;
}
.new {
  padding: 0px 20px 0px 280px;
  padding: 0px;
  float: left;
}
.myc img{
  margin: 0px 5px 5px 5px;
  padding: 0px;
  float: right;
}
.homeinfo{
  margin: 0px 5px 15px 5px;
  padding: 5px 0px;
}
.homeinfo dl{
  margin: 0px 0px 10px 0px;
  padding: 0px 5px 0px 0px;
}
.homeinfo dd{
  margin: 0px;
  padding: 3px 5px 0px 10px;
}
.homeinfo dt:before {
  content: ":: ";
}
.rank dt {
  margin: 15px 0px 5px 0px;
  clear: both;
}
.rankitem {
  margin: 0px 5px 5px 0px;
  float: left;
}
.rankarrow {
  margin: 0px 2px -2px 0px;  
}
.rankno {
  padding: 0px 10px -25px 15px;  
} 
#rankcmnt{
  margin: 10px 0px 5px 0px;
  clear: both;
}

/* ------ 商品詳細ページ ------ */
.itemname {
  margin: 0px 5px 5px 5px;
  padding :0px;
  font-size:1.1em;
  border-bottom: solid 2px #ff9900;
}
.itemnameEng {
 margin: 0px 5px 5px 5px;
 font-size: 0.9em;
}
.itemprice {
  margin: 0px 5px 10px 5px;
  color: #000000;
  font-size: 1.1em;
}
.itemexpl{
  margin: 15px 0px 15px 5px;
  line-height: 1.5;
}
.to_y {
 margin: 5px;
 padding: 5px 0px;
 border: solid 1px #cccccc;
}
.to_y dt {
 margin: 0px 20px 10px 20px;
 text-align: center;
}
.to_y_txt {
 padding: 7px 20px;
 font-size: 16px;
 font-weight: 400;
 display: block;
}
.to_y dt a {
 display: block;
 width: 200px;
 height: 40px;
 color: #ffffff;
 background: #00cc00 url(../img/bt-yitem.gif) no-repeat 0px 0px;
}
.to_y dt a:hover{
 background: #009900 url(../img/bt-yitem.gif) no-repeat 0px -40px;
}
.to_y dd {
 margin: 3px 10px 0px 10px;
 font-size: 0.9em;
}
.orderbutton {
 margin: 10px 10px 10px 5px;
 padding: 10px 10px 20px 17px;
 border: solid 1px #cccccc;
}
.orderbutton dt {
 margin: 0px 7px 10px 0px;
 text-align: center;
}
.orderbutton dt a {
 display: block;
 width: 200px;
 height: 40px;
 color: #ffffff;
 background: #00cc00 url(../img/bt-yitem.gif) no-repeat 0px 0px;
}
.orderbutton dt a:hover{
 background: #009900 url(../img/bt-yitem.gif) no-repeat 0px -40px;
}
.orderbutton dd {
 margin: 3px 7px 0px 0px;
 font-size: 0.9em;
}
.itemno ul {
  margin: 0px;
}
.itemno li {
  margin: 0px 0px 5px 0px;
}
.img300caption {
  margin: 0px 0px 20px 0px;
  width: 300px;
  display: block;
}
.img300caption img {
  margin: 0px 0px 10px 0px;
}
.isam ul{
  margin: 0px;
  padding: 0px; 
  text-align: left;
  font-size: 10px;
  line-height: 1.2;
}
.isam li {
  margin: 5px 2px 0px 0px;
  padding: 0px;
  float: left;
  display: block;
  width: 94px;
  voice-family: "\"}\""; voice-family:inherit;
  width: 92px;
}
.isam li a {
  text-align: left;
  text-decoration: none;
  color: #333333;
  border: solid 1px #ffffff;
  display: block;
}
.isam li a:hover {
  border: solid 1px #ff6600;
  color: #000000;
}
.isam ul span {
  padding: 0px;
  display: block;
}
.isiz {
  clear: both;
  margin: 15px 0px 15px 0px;
  padding: 0px;
}
.isiz li{
  margin: 0px;
  padding: 20px 0px 0px 0px;
}
.spec {
  clear: both;
}
.spec ul {
  margin: 0px;
  padding: 0px; 
  text-align: left;
  line-height: 1.2; 
}
.spec li {
  margin: 0px;
  padding: 0px;
  float: left;
  border: solid 1px #cccccc; 
  display: block;
}
.spec ul span {
  padding: 5px;
  display: block;
}
.dtl {
  width: 200px;
}
.dat {
  width: 370px;
}
.stock dl {
  position: relative;
  clear: both;
}
.stock dt {
  margin: 10px 10px 0px 5px;
  padding: 0px;
  font-size: 0.9em;
  vertical-align: middle;
  border-bottom: solid 1px #00cc00;
}
.stock dd {
  margin: 5px 10px 0px 5px;
  padding: 0px 0px 0px 5px;
}
.stock img {
  margin: 0px 0px 0px 5px;
}
.logobrand dt {
  margin: 10px 10px 2px 0px;
}
.logobrand dd {
  margin: 5px 10px 2px 5px;
}
.othernotes{
  clear: both;
  margin: 0px 0px 10px 0px;
  padding: 15px 0px 0px 0px;
}
.inst {
  clear: both;
  margin: 15px 0px 0px 0px;
  padding: 0px 10px 0px 5px;
}
.inst h4 {
  margin: 0px 10px 0px 0px; 
  padding: 0px;
  text-indent: 2px;
  border-left: solid 3px #0033ff;
}
.inst li, .inst dd {
  margin: 5px 0px 0px 15px;
}
.notes {
  clear: both;
  margin: 15px 0px 0px 0px;
  padding: 0px 10px 0px 5px;
}
.inst dt {
  margin: 5px 10px 0px 5px;
  border-bottom: solid 1px #0033ff;
}
.notes h4 {
  margin: 0px 10px -5px 0px;
  padding: 0px;
  text-indent: 2px;
  border-left: solid 3px #ff0000;
}
.notes dt {
  margin: 10px 10px 0px 5px;
  border-bottom: solid 1px #ff0000;
}
.notes li, .notes dd {
  margin: 5px 0px 0px 15px;
}
.notesimg {
  clear: both;
  margin: 15px 0px;
  padding: 0px 10px 0px 5px;
}
.notesitem {
  margin: 0px 10px ;
  padding: 0px; 
}
.notesitem h3 {
  margin: 20px 10px 10px -10px;
  padding: 0px 0px 0px 20px;
  border-bottom: solid 1px #ff9900;
  background: url(../img/pg-gline-or.gif) repeat-y 0px 0px;
}
.notesitem li {
  margin: 5px 2px 5px 0px;
  padding: 0px;
  float: left;
 }
.notesnoborder {
  clear: both;
  margin: 15px 0px;
  padding: 0px 10px 0px 5px;
}
.aone {
  margin: 30px 2px 20px 0px;
  padding: 0px 8px 0px 10px;
  color: #003333;
  border-left: solid 10px #ff9900;
  background:  url(../img/bg-h3.gif) repeat-x center left;  
}
.expbra{
  margin: 20px 10px 10px 0px;
  padding: 10px 0px;
  clear: both;
  border-top: solid 1px #cccccc; 
  border-bottom: solid 1px #cccccc; 
}
.expbra img{
  margin: 0px 5px 10px 0px;
  padding: 0px;
  float: left;
}

/* ------ 商品詳細ポップアップウィンドー ------ */
#wrapper_iwd {
  position: absolute;
  width: 310px;
  margin: auto;
  text-align: left;
  color: #333333;
  line-height: 1.4;
}
#iwd_itm {
  margin: 10px 0px 100px 0px;
  padding: 0px; 
}  
.iwd_itm2 {
  margin: 10px 0px 100px 0px;
  padding: 0px;
  clear: both;
}
.iwd0 li {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  border-bottom: solid 2px #cc99cc;
  display: block;
  width: 300px;
} 
.iwd0 img {
  margin: 2px 0px 5px 0px;
  padding: 0px; 
}
.iwd ul{
  margin: 0px;
  padding: 0px; 
  font-size: 1em;
  border-top: solid 1px #cc99cc;
  border-left: solid 1px #cc99cc;
  vertical-align: middle;
}
.iwd li {
  margin: 10px 0px 10px 0px;
  padding: 0px;
  border-right: solid 1px #660066;
  border-bottom: solid 1px #660066;
  background: #cc99cc;
  text-align: center;
  float: left;
  display: block;
  width: 100px;
  height: 20px;
  voice-family: "\"}\""; voice-family:inherit;
  width: 98px;
}
.iwd li a {
  margin: 0px;
  padding: 0px;
  color: #333333;
  text-decoration: none;
  display: block;
  width: 100px;
  height: 20px;
  voice-family: "\"}\""; voice-family:inherit;
  width: 98px;
}
.iwd li a:hover {
  border-top: solid 1px #006600;
  border-right: solid 1px #99cc66;
  border-bottom: solid 1px #99cc66;
  border-left: solid 1px #006600;
  background: #99cc99;
  color: #330033;
  display: block;
}   
.iwd ul span {
  padding: 2px 5px;
  display: block;
}

/* ------ ミュージック詳細ページ ------ */
.songlist {
  margin: 20px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  border-left: solid 10px #ff9900;
}
.song {
  margin: 20px 0px 0px 0px;
  padding: 0px 10px 0px 5px;
}
.song dt {
  margin: 15px 0px 5px 0px;
  padding: 0px;
  color: #660066;
  border-bottom: solid 1px #660066;
}
.song dd {
  margin: 0px 0px 3px 0px;
  padding: 0px 0px 0px 15px;
}
.song ol {
  margin: 0px 0px 3px 5px;
  padding: 0px 0px 0px 0px;
}
.pfm {
  padding: 0px 10px 0px 5px;
  text-transform: uppercase;
}
.s-ttl {
  text-transform: capitalize;
}

/* ------ カテゴリーページ、ブランドページ、クリエイターページ ------ */
.step150 ul{
  margin: 0px;
  padding: 0px; 
  text-align: left;
  font-size: 12px;
  line-height: 1.3;
}
.step150 li {
  margin: 5px 2px 0px 0px;
  padding: 0px;
  float: left;
  display: block;
  width: 154px;
  height: 180px;
  voice-family: "\"}\""; voice-family:inherit;
  width: 152px;
}
.step150 ul span {
  padding: 0px;
  display: block;
}
.face img{
  margin: 0px 20px 5px 10px;
  float: right;
}

/* ------ ショッピングガイド ------ */
#shopad-b {
 margin: 20px 5px 0px 5px;
 border: solid 1px #003333;
}
#shopad-b dl {
 margin: 0px 1px 0px 0px;
 padding: 10px 0px;
 border-right: solid 1px #006666;
 background: url(../img/pg-gline-gr30x30.gif) repeat-y 0px 0px;
}
#shopad-b dt {
 margin: 0px 0px 5px 35px;
 padding: 0px;
}
#shopad-b dd {
 margin: 0px 0px 2px 40px;
 padding: 0px;
 background: 0;
}
.logocredit {
 padding: 0px 185px 0px 0px;
 display: block;
 height: 40px;
 background: url(../img/logo-credit-z.gif) no-repeat top right;
}
.logobank {
 padding: 0px 185px 0px 0px;
 display: block;
 height: 40px;
 background: url(../img/logo-japannet.gif) no-repeat top right;
}
.logoyucho {
 padding: 0px 185px 0px 0px;
 display: block;
 height: 40px;
 background: url(../img/logo-yucho.gif) no-repeat top right;
}
.logoecollect {
 padding: 0px 185px 0px 0px;
 display: block;
 height: 40px;
 background: url(../img/logo-ecollect.gif) no-repeat top right;
} 

/* ------ お買い物の流れ ------ */
.title-flow, #formmail h3 {
  clear: both;
  margin: 10px 5px 10px 0px;
  padding: 0px;
  font-size:13px;
  text-indent: 20px;
  vertical-align:bottom;
  border-bottom: solid 1px #ff9900;
  background: url(../img/pg-gline-or.gif) no-repeat bottom left;
}
.shoppingflowindex {
 margin: 20px 5px; 
}
.shoppingflow {
 margin: 20px 10px 20px 5px;
 clear: both;
}
.shoppingflow img {
 float:left;
 padding: 0px 10px 0px 0px;
}
.shoppingflow dl {
 padding: 0px 20px 10px 10px;
}  
.shoppingflow dt {
 padding: 5px 50px 5px 5px;
 vertical-align:bottom;
 border-top: solid 1px #cccccc;
 border-right: solid 1px #cccccc;
 border-left: solid 3px #cccccc;
 border-bottom: solid 1px #cccccc;
 font-size:12px;
}
.shoppingflow dd {
 padding: 10px 0px 0px 0px;
}
.shoppingflow li {
 padding: 0px 0px 10px 10px;
}  
.nextflow {
 margin: 25px 0px 25px 280px;
 clear: both;
}
.charge, .payment, .delivery, .repair {
 margin: 20px 10px 5px 5px;
}
.charge h4, .payment h4, .delivery h4, .repair h4 {
 margin: 30px 10px 20px 5px;
 padding: 0px;
 font-size: 12px;
 text-indent: 5px;
 vertical-align:bottom;
 border-bottom: solid 1px #cccccc;
 border-left: solid 5px #cccccc;
}  
.shoppingflowindex, .shoppingflow p, .charge p, .payment p, .delivery p, .repair p {
 padding: 0px 10px 5px 10px;
}
.payment dl {
 clear: both;
}
.charge dt, .payment dt, .delivery dt, .repair dt {
 padding: 5px 0px 5px 10px;
 font-weight: bold;
}
.charge dd, .payment dd, .delivery dd, .repair dd {
 padding: 0px 0px 5px 5px;
}
.charge li, .payment li, .delivery li, .repair li {
 margin: 0px 0px 5px 20px;
 text-indent: 12px;
 background: url(../img/pg-listmarker-or.gif) no-repeat 0 0.5em;
}
.soryo {
 font-weight: bold;
 color:#990000;
}
.ecollect {
 float:left;
 margin: 0px 10px 0px 0px;
}
.flow dt{
  margin: 15px 20px 0px 0px;
  padding: 0px 0px 0px 5px;
  border-left: solid 3px #0033ff;
}
.flow dd {
  margin: 0px 0px 0px 0px;
  padding: 5px 20px 0px 20px;
}
.guide dt{
  margin: 15px 10px 0px 0px;
  padding: 0px 0px 0px 5px;
  border-left: solid 3px #0033ff;
}
.guide dd {
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 0px 10px;
}


/* ------ 特定商取引に関する表記 ------ */
#notation {
 margin: 25px 20px 30px 0px;
 border-bottom: solid 1px #cccccc;
}
#notation ul {
  margin: 0px;
  padding: 0px; 
  text-align: left;
  line-height: 1.4; 

}
#notation li {
  margin: 0px;
  padding: 0px;
  float: left;
  border-top: solid 1px #cccccc;
  display: block;
  line-height: 1.4;
}
#notation li span {
  padding: 5px;
  display: block;
}
.ndtl {
  width: 90px;
}
.ndat {
  width: 480px;
}
.faq-ttl {
  margin: 15px 10px 0px 0px;
  border-bottom: solid 1px #cccccc;
}

/* ------ ラッピングページ ------ */
.wrapttl {
  margin: 0px;
  padding: 5px 10px 10px 0px;
  font-size: 12px;
  color: #003333;
}
.ribon {
  margin: 0px;
  padding: 0px; 
  border-left: solid 1px #ff0000;
}
.ribon li {
  margin: 0px;
  padding: 0px 10px 0px 10px; 
}
.ribon img {
  margin: 0px 5px 5px 0px;
  float: left;
}
.wrapflow dt {
  margin: 10px 20px 5px 20px;
  color: #990066;
}
.wrapflow dd {
  margin: 5px 20px 5px 40px;
}

/* ------ ショップ紹介ページ ------ */
#shopad, #cafe {
 margin: 20px 5px;
}
#shopad dt {
 margin: 15px 0px 5px 10px;
}
#shopad dd, #cafe p, #cafe ul {
 margin: 2px 0px 0px 15px;
}
.menu ul{
  margin: 0px 0px 20px 0px;
  padding: 0px; 
  text-align: left;
  font-size: 1em;
  line-height: 1.2;
}
.menu li {
  margin: 0px 5px 15px 0px;
  padding: 0px;
  float: left;
  display: block;
  width: 152px;
  voice-family: "\"}\""; voice-family:inherit;
  width: 150px;
}
.menu ul span {
  padding: 0px;
  display: block;
}
.menuctg {
  margin: 20px 10px 10px 0px;
  padding: 0px 0px 0px 5px;
  border-left: solid 12px #ff9900;
}

/* ------ カフェメニューページ ------ */
.cake ul{
  margin: 10px 0px 30px 0px;
  padding: 0px; 
  text-align: left;
  font-size: 10px;
  line-height: 1.4;
}
.cake li {
  margin: 10px 5px 20px 5px;
  padding: 0px;
  float: left;
  display: block;
  width: 140px;
}
.cake ul span {
  padding: 0px;
  display: block;
}
.menucls {
  margin: 30px 0px 20px 0px;
  padding: 5px; 
  clear: both;
  text-align: center;
  border-top: solid 1px #ff9900;
}

/* ------ リンクページ ------ */
#crslinkinst {
 margin: 20px 10px 10px 0px;
 padding: 10px;
 border: solid 1px #cccccc;
}
#linkcategory, #linksite {
 margin: 20px 20px 20px 0px;
}
#linkcategory dl, #linksite dl, #siteprf dl {
  margin: 15px 10px 5px 5px;
}
#linkcategory dt, #linksite dt, #siteprf dt {
  margin: 10px 10px 0px 0px;
}
#linkcategory dd, #linksite dd, #siteprf dd {
  margin: 5px 10px 0px 15px;
}
#linkcategory dd, #linksite dt {
  padding: 0px 0px 0px 15px;
  background: url(../img/arrow-link.gif) no-repeat 0px 0.5em;
}
#linksite h3, #siteprf h3 {
 margin: 20px 5px 5px 0px;
 padding: 0px 0px 0px 20px;
 border-bottom: solid 1px #ff9900;
 background: url(../img/pg-gline-or.gif) repeat-y 0px 0px;
}

/* ------ お客様からの声 ------ */
#voice p {
 margin: 30px 10px 10px 0px;
 padding: 0px;
 border-bottom: solid 1px #cccccc;
}
#voice dl {
 clear:both;
 margin: 30px 10px 10px 0px;
 padding: 9px;
 border-top: solid 1px #cccccc;
 border-right: solid 1px #cccccc;
 border-bottom: solid 1px #cccccc;
 border-left: solid 1px #cccccc;
}
#voice dt {
 padding: 0px 0px 10px 0px;
}
#voice dd {
 padding: 10px 0px 5px 15px;
}
#voice img {
 margin: 0px 5px 5px 0px;
 float: left;
}  

/* ------ フォームメール ------ */
#wrapper-fm {
  margin: 0px auto;
  padding: 0px;
  width: 780px;
  text-align: left;
  color: #333333;
  line-height: 1.5;
}
#formmail {
  margin: 20px 5px;
}
#formmail h3 {
  margin: 30px 5px 10px 0px;
   font-size: 1.2em;
}
.voicesample dt {
  margin: 20px 60px 0px 30px;
}  
.voicesample dd {
  margin: 5px 60px 20px 30px;
  padding: 5px;
  border: solid 1px #cccccc;
}
.formarea {
  margin: 20px 5px;
  height: 100%;
}

/* ------クリスマス------ */
#xmas {
  margin: 0px 5px 0px 0px;
}
#xmas p {
  padding: 0px 10px;
}
.xmash1 {
  margin: 0px 0px 20px 50px;
}
#xmas h2 {
  margin: 5px 0px 10px 0px;
}
.xmash2 {
  margin: 10px 0px 0px 0px;
  padding: 2px 0px;
  text-indent: 10px;
  vertical-align: middle;
  font-size: 1.2em;
  font-weight: bold;
  color: #ffffff;
  background-color: #FF0040;
  border-bottom: solid 3px #cccccc;
}
#xmas ul{
  margin: 0px 0px 20px 0px;
  padding: 0px; 
  text-align: left;
  font-size: 1em;
  line-height: 1.2;
}
#xmas li {
  margin: 0px 5px 15px 0px;
  padding: 0px;
  float: left;
  display: block;
  width: 112px;
  voice-family: "\"}\""; voice-family:inherit;
  width: 110px;
}
#xmas ul span {
  padding: 0px;
  display: block;
}
#xmas dt {
  font-size: 1.1em;
  text-indent: 5px;
  border-left: solid 6px #ff3300;
}
#xmas .spec li {
  border: 0;
}
#xmas .dtl {
  width: 200px;
  clear: both;
}
#xmas .dat {
  width: 350px;
} 
#xmas .dat dl {
  margin: 20px 15px 5px 5px;
} 
#xmas .dat dd {
  margin: 5px 15px;
} 
/* ------クリスマスシーズン・タイトルカラー変更
.title {
  color: #666666;
  border-bottom: double 3px #ff3300;
  background: url(../img/pg-gline-re30x30.gif) repeat-y 0 0;
}
.ttl {
  background: url(../img/pg-gline-re30x30.gif) repeat-y 0px 0px; 
}
#shopad-b dl {
  border-right: solid 1px #ff3300;
  background: url(../img/pg-gline-re30x30.gif) repeat-y 0px 0px;
}
.address dt, .search dt, #sisshop dt, #calender dt {
  border-bottom: solid 1px #ff3300;
  background: url(../img/pg-gline-re30x30.gif) repeat-y -5px 0px;
}
------ */