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

    ★ ロディストアBASE CSS ★
	
===================================*/
*{
color:#666;
font-size:small;
font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
a,a:link,a:visited{ color:#666; text-decoration:none; }
a:hover,a:active { color:#f90; text-decoration:underline; }

/*透過*/
a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}

/*強制透過*/
a:hover img.Toka{
opacity:0.7 !important;
filter: alpha(opacity=70) !important;
-ms-filter: "alpha( opacity=70 )" !important;
background: #fff;
}

/*透過なし*/
a:hover img.Opacity{
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
background: #fff;
}

/*デフォルトの値リセット*/
img{ border:0; }
ul{
list-style:none;
padding:0;
overflow:hidden;
}
dl,dt,dd,li{
margin:0;
padding:0;
}

.center{
text-align:center !important;
}

h3{
width:100%;
text-align:left;
}


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

    ★レイアウト調整★
  
==========================*/

body>table{
margin:0 auto;
width:1044px;
}
#makebanner>tbody>tr>td{
vertical-align:top;
}


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

  　　　  ★共通★
  
==========================*/

.center{
text-align:center;
}
/*=====文字色======*/
.brown{color:#960;}
.orange{color:#f60;}

/*=====上部マージン======*/
.mgn15{margin-top:15px;}
.mgn20{margin-top:20px;}
.mgn30{margin-top:30px;}
.mgn40{margin-top:40px;}
.mgn50{margin-top:50px;}
.mgn60{margin-top:60px;}


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

  　　　★買い物かご★
  
============================*/

span.CartAmazonPayBtn a img{
height:31px;
}
p.APChuiBun{
width:100%;
margin:2px auto 0 auto;
text-align:center;
}
p.APChuiBun a,p.APChuiBun a:link,p.APChuiBun a:visited{
width:290px;
padding:3px;
display:block;
background-color:#f30;
color:#fff;
margin:5px auto 3px auto;
text-decoration:none;
font-size:x-small;
text-align:center;
font-weight:normal;
}
p.APChuiBun a:hover,p.APChuiBun a:active {
width:290px;
padding:3px;
display:block;
background-color:#CC0000;
color:#fff;
margin:5px auto 3px auto;
text-decoration:none;
font-size:x-small;
text-align:center;
font-weight:normal;
}
p.APChuiBun span{
color:#f00;
font-weight:bold;
display:block;
padding:3px;
border:2px solid #f00;
margin:50px auto 0 auto;
font-size:medium;
text-align:center;
}

p.RodyBtnFoll{
width:296px;
margin:3px auto 0 auto;
padding:4px;
text-align:center;
background-color:#FF3300;
color:#fff;
font-size:xx-small;
box-sizing:border-box;
}



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

  　　　★お知らせ/インフォページ★
  
===========================================*/
#Information{
width:611px;
margin:20px auto;
overflow:hidden;
}
#Information a{
color:#f90;
}
#Information > h1{
width:100%;
margin:10px auto;
}
#Information > h2{
width:100%;
margin:20px auto;
text-align:center;
color:#1B52B8;
}
#Information > #NewsCont{
width:100%;
text-align:left;
padding:20px 0;
border-top:1px solid #999;
border-bottom:1px solid #999;
}
#Information > p img{
max-width:100%;
}
#Information > ul{
width:100%;
overflow:hidden;
}
#Information > ul li.left{
text-align:left;
width:25%;
float:left;
}
#Information > ul li.left img{
margin-left:-20px;
}
#Information > ul li.right{
text-align:right;
width:75%;
float:left;
}



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

  　　　★商品ページ★
  
================================*/

/*
#Product {
    width: 760px;
    overflow: hidden;
    text-align: center;
}
*/

/*-------------単独バナー------------*/
#Product .bnr{
width:100%;
margin:20px auto;
text-align:center;
}

/*-------------オプション有の再入荷表記------------*/

div.Sainyuka{
width:100%;
margin:30px auto;
text-align:center;
}
div.Sainyuka>a,
div.Sainyuka>a:link,
div.Sainyuka>a:visited{
padding:10px;
background-color:#FF9900;
color:#fff !important;
font-weight:bold;
border-radius: 10px; /* CSS3草案 */  
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */  
-moz-border-radius: 10px; /* Firefox用 */  
float:none;
}
div.Sainyuka>a:hover,
div.Sainyuka>a:active {
padding:10px;
background-color:#FF6600;
color:#fff;
font-weight:bold;
border-radius: 10px; /* CSS3草案 */  
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */  
-moz-border-radius: 10px; /* Firefox用 */ 
text-decoration:none;
float:none;
}

/*-------------ラッピングリンク------------*/

a.AboutWrapping{
width:200px;
text-align:center;
padding:10px 0;
display:block;
border-radius: 12px; /* CSS3草案 */  
-webkit-border-radius: 12px; /* Safari,Google Chrome用 */  
-moz-border-radius: 12px; /* Firefox用 */
margin:15px auto; 
font-weight:bold;
color:#fff;
text-decoration:none;
font-size:medium;
}
a.AboutWrapping,a.AboutWrapping:link,a.AboutWrapping:visited{
background-color:#f36;
}
a.AboutWrapping:hover,a.AboutWrapping:active {
background-color:#f90;
}

/*-------------アーティスト紹介枠------------*/
.ArtistInfo{
width:80%;
border:4px solid #c90;
padding:3%;
margin:20px auto;
background-color:#ffc;
}
.ArtistInfo dt{
width:100%;
text-align:center;
margin:0 auto 20px auto;
padding:0;
color:#c90;
font-size:medium;
}
.ArtistInfo dd{
width:100%;
text-align:left;
color:#555;
}
/*関連商品*/
.SeriesTitle{
width:100%;
padding:5px 0;
background-color:#ccc;
color:#fff;
text-align:center;
font-weight:bold;
margin:20px auto 0 auto;
}
.SeriesItem{
width:100%;
overflow:hidden;
margin:0 auto 40px auto;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}
.SeriesItem li{
width:48%;
margin:1%;
float:left;
text-align:center;
line-height:1.7em;
}
.SeriesItem li a img{
width:100%;
}

/*-------------ミドルロディ------------*/
.MiddleRodySize{
wdith:100%;
overflow:hidden;
margin:15px auto;
}
.MiddleRodySize img{
width:25% !important;
float:left;
}
.MiddleRodySize p{
width:73%;
margin:0 auto;
float:right;
text-align:left;
}


/*---------------基本---------------*/
/*枠あり文章*/
.FlameText{
width:94%;
border:2px solid #f60;
text-align:left;
padding:2%;
}
/*レイアウト*/
#Product{
margin:0 auto;
}
/*説明文*/
#Product p.text{
width:750px;
text-align:left;
margin:30px auto;
}
/*幅狭く*/
#Product p.text-short{
width:600px;
text-align:left;
margin:30px auto;
}
.mg40{
width:100%;
margin:40px auto;
}
/*メール便*/
#Product dl.Mailbin{
width:750px;
margin:20px auto;
}
#Product dl.Mailbin dt{
width:100%;
background-color:#f00;
color:#fff;
text-align:center;
padding:5px 0;
font-weight:bold;
}
#Product dl.Mailbin dd{
width:706px;
border-left:2px solid #f00;
border-right:2px solid #f00;
border-bottom:2px solid #f00;
padding:20px;
text-align:left;
line-height:1.4em;
}
#Product dl.Mailbin dd a{
color:#f90;
}
/*---------------文字色---------------*/
.red{ color:#FF0000; }
.pink, .pink *{ color:#FF0099; }

/*-----------ロディ本体------------*/

/*ロッキングベース説明*/
#LockingWrapping{
width:756px;
margin:20px auto;
text-align:center;
border:2px solid #f60;
padding:7px 0;
color:#f60;
font-weight:bold;
text-decoration:underline;
line-height:1.5em;
}

/*オプション説明*/
.OptionCont{
width:750px;
margin:0;
text-align:center;
}
.OptionCont img{
margin:0;
padding:0;
}
.M_stock-icon,M_instock-icon{
display:none;
}
table.stockList > tbody > tr > td > input{
float: left;
}
table.stockList > tbody > tr > td > .M_select-option-instock,
table.stockList .M_stock-status,
.M_select-option-restock-btn{
vertical-align: middle;
float: left;
padding: 5px 0;
}
table.stockList{
margin:20px auto !important;
}
.stockTitle{
margin:20px auto 0 auto;
}
.M_inventory table.stockList th{
padding:5px !important;
}
.M_select-option-restock-btn{
color:#FF9900 !important;
margin-left:10px;
}

/*-------------関連商品リンク：タオルギフト2018------------*/

#KanrenLink{
width:100%;
overflow:hidden;
margin:30px auto;
}

#KanrenLink h2{
display:table;
margin:0 auto 10px auto
}
#KanrenLink h2 > img{
display:table-cell;
width:46px;
}
#KanrenLink h2 > span{
display:table-cell;
vertical-align:middle;
text-decoration:underline;
}

#KanrenLink ul{
overflow:hidden;
display:table;
margin:0 auto 15px auto;
}
#KanrenLink li{
width:142px;
padding:1px;
display:table-cell;
}
#KanrenLink li img{
width:138px;
border:1px solid #999;
}
#KanrenLink li p{
width:140px;
text-align:center;
padding:3px 0 2px 0;
margin:0;
border-radius: 5px; /* CSS3草案 */  
-webkit-border-radius: 5px; /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
font-size:medium;   
}
#KanrenLink li a p,
#KanrenLink li a:link p,
#KanrenLink li a:visited p{
background-color:#EA9CA2;
color:#333;
}
#KanrenLink li a:hover p,
#KanrenLink li a:active p{
background-color:#DF6670;
color:#fff;
}
#KanrenLink li a p span,
#KanrenLink li a:link p span,
#KanrenLink li a:visited p span{
font-size:xx-small;
color:#333;
}
#KanrenLink li a:hover p span,
#KanrenLink li a:active p span{
font-size:xx-small;
color:#fff;
}
#KanrenLink a{
text-decoration:none;
}

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

  　　　　★フッター★
  
================================*/

#Footer{
width:760px;
margin:0 auto;
overflow:hidden;
}

#Footer>p{
width:100%;
text-align:center;
}
#Footer>p>a,#Footer>p{
font-size:x-small;
}
.FootContainer{
width:720px;
margin:20px 0;
padding:20px;
background-color:#ddd;
overflow:hidden;
}
.FootContainer dl,
.FootContainer div{
float:left;
display:block;
}
.FootContainer dl dt{
width:130px;
text-align:center;
font-weight:bold;
border:1px #666 solid;
padding:3px;
margin:0 auto 10px 0;
border-radius: 50px;        /* CSS3草案 */  
-webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 50px;   /* Firefox用 */
}
.FootContainer dl.Info{
width:150px;
text-align:left;
}
.FootContainer dl.SNS{
width:150px;
text-align:left;
}
.FootContainer div.Insta,{
width:180px;
border:1px solid #999;
}
.FootContainer div.Facebook{
width:230px;
margin-left:10px;
}

dl.Info dd{
margin:5px 0 0 10px;
}
dl.Info dd a{
font-size:x-small;
}
dl.SNS dd{
background-repeat:no-repeat;
height:30px;
padding:6px 0 0 30px;
margin-left:12px;
}
dl.SNS dd.insta{ background-image:url(http://jammy-inc.com/rodystore/jammy/img/icon/icsn_insta.gif); }
dl.SNS dd.facebook{ background-image:url(http://jammy-inc.com/rodystore/jammy/img/icon/icsn_facebook.gif); }
dl.SNS dd.twitter{ background-image:url(http://jammy-inc.com/rodystore/jammy/img/icon/icsn_twitter.gif); }

img.tag_icon{width:75px;}

.fb-page{
font-size:x-small;
}

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

    　★メインコンテンツ★
  
================================*/

#MainCont,{
width:760px;
overflow:hidden;
margin:0 auto;
}
#MainCont>ul{
width:772px;
margin-left:-12px;
}
#MainCont>ul>li{
float:left;
margin-left:12px;
word-wrap: break-word;
line-height:18px;
font-size:x-small;
}
#MainCont>ul>li a img{
border:1px solid #999;
margin-bottom:2px;
}
#MainCont>ul>li>img{
margin:2px 5px 0 0;
float:left;
}
#MainCont>ul>li.quarter>img{
margin-right:96px;
}
#MainCont ul li.half{
width:374px;
text-align:left;
}
#MainCont ul li.quarter{
width:181px;
text-align:left;
line-height:1.3em;
}
#MainCont ul li.fifth{
width:142px;
text-align:left;
line-height:1.3em;
}
#MainCont ul li.fifth img{
width:142px;
}
.MainContLine{
width:100%;
border-top:1px solid #999;
margin:20px auto;
}
/*システムレイアウト*/
#MainCont div.News{
margin:20px auto;
}
#MainCont div.News table{
width:760px;
}
td.woong{
color:#666;
height:0px;
}
/*ランキング*/
#MainCont ul.Ranking li{
width:142px;
text-align:center;
line-height:1.3em;
}
#MainCont ul.Ranking li a img{
width:142px;
}
#MainCont ul.Ranking li img{
float:none;
}


/*再入荷レイアウト*/
#MainCont div.Restock{
margin:20px auto;
width:760px;
}
#MainCont div.Restock table tr td.line{
display:none;
}
.Restock table tr td.lims table tr td a img{
width:116px;
border:1px solid #999;
}
.Restock table tr td.lims table tr.woong td a{
font-size:x-small;
line-height:1.3em;
width:116px;
display:block;
}
.Restock table tr td.lims table tr.woong td img{
display:none;
}
.Restock table tr td.lims table tr.woong td {
font-size:0px;
color:#fff;
}
/*================================

  　　  ★サイドメニュー★
  
================================*/

/*トップページメイン スライドショー*/

#TopImageCont {
width:1050px;
margin: 0 auto 20px auto;
position:relative;
top:0;
padding-bottom:20px;
border-bottom:1px solid #999;
}
ul.TopBanner{
width:1053px;
margin:4px 0 0 5px !important;
}
.TopBanner li{
float:left;
width:206px;
height:83px;
margin-left:4px;
}
.TopBanner li.first {
	margin-left: 0;
}

/*レフトメニュー*/

#SideMenu{
width:230px;
text-align:left;
margin:0 60px 0 0;
}

/*検索*/
.SearchBox{
width:100%;
overflow:hidden;
margin:30px auto;
}
.SearchBox p.SearchTxt{
margin:5px 0;
float:left;
}
.SearchBox p.SearchTxt a{
font-size:12px;
}
.SearchBox input{
margin:0;
padding:0 10px;
float:right;
width:146px;
height:20px;
border:1px #999 solid;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
}
.SearchBox p.SearchBtn{
margin:0;
float:right;
}


/*カテゴリーメニュー*/
.Category h2{
border-bottom:1px #999 solid;
padding:0 0 3px 10px;
margin:20px auto 10px;
}
.Single{
margin:3px 0 3px 10px;
padding:0 0 0 20px;
background-image: url(http://jammy-inc.com/rodystore/jammy/img/icon/ic_dot.gif);
background-repeat:no-repeat;
line-height: 1.2em;
}
.AccordMenu {
  margin:3px 0 3px 10px;
}
.AccordMenu li {
line-height: 1.2em;
margin: 3px 0 0 0 ;
}
.AccordMenu>li {
padding:0 0 0 20px;
background-image:url(http://jammy-inc.com/rodystore/jammy/img/icon/ic_plus.gif);
background-repeat:no-repeat;
}
.Sub li {
padding:0 0 0 20px;
background-image: url(http://jammy-inc.com/rodystore/jammy/img/icon/ic_sub.gif);
background-repeat:no-repeat;
}
.Category img,
.Category a img{
width:228px;
}

/*サブコンテンツ*/
#SideMenu dl.SubCont{
width:100%;
margin:10px auto 0 auto;
border-top:1px solid #999;
padding-top:5px;
}
#SideMenu dl.SubCont dt{
margin:10px auto 0 0;
}
#SideMenu dl.SubCont dd{
margin:0 0 0 3px;
}

/*☆ご案内*/
#SideMenu dl.SideGuide{
margin:10px auto 0 auto;
padding:10px 0 0 8px;
border-top:1px solid #999;
}
#SideMenu dl.SideGuide dd{
margin-top:3px;
background-image:url(http://jammy-inc.com/rodystore/jammy/img/icon/ic_dot.gif);
background-repeat:no-repeat;
padding:0 0 0 20px;
}


/*バナー*/
#SideMenu div.SideBanner{
margin:10px auto 0 auto;
padding:10px 0;
border-top:1px solid #999;
}
#SideMenu div.SideBanner a img{
margin-top:5px;
border:1px solid #999;
}

/*カレンダー*/
.Calendar,
.Calendar dt,
.Calendar dd{
width:200px;
text-align:left;
font-size:x-small;
line-height:1.2em;
}
.Calendar{
margin:20px auto;
}
.Calendar dt{
margin:8px auto 0 auto;
font-weight:bold;
}
.Calendar dd{
margin:2px auto 0 auto;
}
.Calendar dd span.Holiday{
color:#f96;
}
.Calendar dd a{
font-size:x-small;
color:#f90;
}

/*Amazonアフィリエイト*/
div#amazoncontent{
width: 220px !important;
margin: 0 auto;
}

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

  　　  ★ヘッダー★
  
==========================*/

#Header{
width:100%;
max-width:1050px;
margin:0 auto 10px auto;
text-align:center;
padding:10px;
border-bottom:solid 1px #ccc ;
}
#Header div.HeaderInner{
width:1050px;
margin:20px auto 0 auto;
padding:0;
overflow:hidden;
text-align:center;
}
/*ショップロゴ*/
#Header h1{
font-size:0px;
width:500px;
margin:0 auto;
}
#Header h1 img{
width:500px;
}
/*ヘッダー右の破線内メニュー*/
.HeadRightCont{
float:right;
margin:-83px 0 0 auto;
}
.HeadCont{
border:#999 dotted 1px;
padding:20px 15px 10px 15px;
width:260px;
}
.HeadCont li{
overflow:hidden;
}
.HeadCont li.ContTop{
width:100%;
text-align:right;
font-size:x-small;

}
.ContTop a {
font-size:small;
margin:0 4px;
}
.HeadCont li.ContMiddle{
margin:15px -8px 0 auto;
width:190px;
}
.HeadCont li.ContMiddle a,
.HeadCont li.ContMiddle table{
float:left;
display:block;
width:60px;
font-size:x-small;
margin:0 2px;
padding:0;
}
.HeadCont li.ContMiddle table{
width:50px;
}
.HeadCont li.ContMiddle a img,
.HeadCat ul.HeadCatIcon li a img{
border:#999 dotted 1px;
}
li.ContMiddle a img{
width:45px;
}

/*ヘッダー右側：SNSリンク*/
.HeaderSNS li{
float:right;
margin-left:12px;
}

/*ヘッダー左側：人気のカテゴリー*/
.HeadCat{
float:left;
margin-top:-20px;
}
/*ヘッダー左側：人気のカテゴリータイトル文字*/
.HeadCat h2{
text-decoration:underline;
text-align:left;
margin:3px 0;
color:#888;
}
.HeadCat h2 a,.HeadCat h2 a:link,.HeadCat h2 a:visited{
color:#888;  }
.HeadCat h2 a:hover,.HeadCat h2 a:active {
color:#f90;  }
/*ヘッダー左側：アイコン*/
.HeadCat ul.HeadCatIcon{
margin:12px auto 0 auto;
}
.HeadCat ul.HeadCatIcon li{
float:left;
width:65px;
}
.HeadCat ul.HeadCatIcon li.first{
margin-left:-9px;
}
.HeadCat ul.HeadCatIcon li a{
font-size:xx-small;
line-height:0.9em;
margin:0 2px;
}
.HeadCat ul.HeadCatIcon li a img{
margin-bottom:3px;
width:45px;
}