@charset "utf-8";
/*サイト共通
======================================*/
.io td, .io th, .io {font-size:13px; color:#333; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
a:link, a:visited{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none; color:#666; cursor: pointer;}
a:hover img { filter: alpha(opacity=70);  -moz-opacity:0.70;  opacity:0.70;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out;}
a img{border:0px;}
p{margin:0px; padding:0px;}

.fgo{font-family: arial, sans-serif;}
.fmc{font-family:"Times New Roman", serif;}
#rakutenLimitedId_aroundCart .rest {position:relative; top:3; border: 4px solid #FFCCCC; padding: 0; border-radius: 5px; background: #FFCCCC; font-size:15px; font-weight: bold;}


/*ヘッドライン
--------------------------------------*/
#ccbg{width:100%; height:40px; right:0px; left:0px; display:block; position:absolute; background-color:#000;}
#ccbg_ie{width:100%; height:40px; right:0px; display:block; position:absolute; background-color:#000;}
#cc{position:relative; width:1200px; height:30px; *height:40px; text-align:left; color:#fff; padding-top:10px; background-color:#000;}

#headbg{width:100%; height:170px; right:0px; left:0px; display:block; position:absolute; background-color:#222;}
#headbg_ie{width:100%; height:170px; right:0px; display:block; position:absolute; background-color:#222;}
#head{position:relative; width:1200px; height:170px; text-align:left; color:#fff; background-color:#222;}

#head #logo{position:absolute; top:25px; left:0px;}
#head #soryo{position:absolute; top:35px; right:0px;}
#head #soryo02{display:none; position:absolute; top:10px; right:0px;}

#head #nav{position:absolute; top:120px; left:0px;}
#head #nav ul{margin:0px; padding:0px; list-style:none; display:table;table-layout: fixed; width:100%; text-align:center;}
#head #nav li{display:table-cell; vertical-align:middle; text-align:center; border-left:solid 1px #666;}
#head #nav li:last-child{ border-right:solid 1px #666;}
#head #nav li a{display:block; color:#fff; padding:5px 30px;}
#head #nav li a:hover{color:#999;}

.rakuten_event{width:1200px; text-align:left;}
.rakuten_event ul { margin:8px -4px 0px -4px; padding:0px; list-style:none; overflow:hidden; width:1208px; letter-spacing:-0.4em; font-size:0;}
.rakuten_event li { display:inline-block; /display:inline; /zoom:1; width:294px; margin:4px; letter-spacing:normal; font-size:13px;}
.rakuten_event li img{width:294px; vertical-align:bottom;}

.clearfix:after { display:block; clear:both; height:0px; visibility:hidden; content:"."; font-size: 0;}
.clearfix { min-height: 1px; /*IE6、7対策*/}
* html .clearfix { height: 1px; /*\*//*/ /*MAC IE5.x対策*/ height: auto; overflow: hidden; /**/}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear { clear: both; font-size: 1px; height: 0;}


/*トップページ
======================================*/
.top_stl{margin-top:30px;}
.top_stl span{display:inline-block; margin-right:20px; vertical-align:middle; font-size:28px; padding-bottom:5px;}

.top_bnr ul { margin:0px; padding:0px; list-style:none; overflow:hidden; width:960px; letter-spacing:-0.4em; font-size:0;}
.top_bnr li { display:inline-block; /display:inline; /zoom:1; width:470px; vertical-align:top; letter-spacing:normal; margin:10px 0px; font-size:13px;}
.top_bnr li:nth-child(2n){margin-left:20px;}
/*.top_bnr li a{display:block;}*/
.top_bnr li img{width:470px; vertical-align:bottom;}

#top_left{float:left; width:680px;}
#top_right{float:right; width:250px;}

.top_news{width:680px; height:162px; overflow:auto; border-top:solid 1px #222; border-bottom:solid 1px #222;}
.top_news ul{ margin:0px; padding:0px; list-style:none;}
.top_news li{padding:10px 5px; border-bottom:dotted 1px #ccc; letter-spacing:-0.4em;}
.top_news span, .top_news p{display:inline-block; *display:inline; vertical-align:top; *zoom:1; letter-spacing:normal;}
.top_news span { width:100px;}
.top_news p { width:550px;}

.top_recommend ul { margin:0px; padding:0px; list-style:none; overflow:hidden; width:680px; letter-spacing:-0.4em; font-size:0;}
.top_recommend li { display:inline-block; /display:inline; /zoom:1; width:218px; border:solid 1px #ccc; border-radius:4px; vertical-align:top; text-align:left; letter-spacing:normal; margin:10px 10px 0px 0px; padding-bottom:14px; font-size:10px; line-height:150%;}
.top_recommend li:nth-child(3n){margin:10px 0px;}
.top_recommend li a{display:block; margin:14px 14px 0px 14px; height:260px; overflow:hidden;}
.top_recommend li b{font-size:13px; line-height:140%;}
.top_recommend li img{width:190px; vertical-align:bottom; margin-bottom:5px;}
.top_recommend li span{display:block; margin:0px 14px; text-align:right; font-size:11px;}

.top_rank_tl{margin-top:30px; background-color:#222; color:#aaa; padding:8px 0px; text-align:center; font-size:11px;}
.top_rank_tl span{display:block; font-size:20px; color:#fff;}
.top_rank a{position:relative; display:block; padding:12px 0px; border-bottom:solid 1px #ccc; letter-spacing:-0.4em;}
.top_rank a img, .top_rank a span{display:inline-block; *display:inline; vertical-align:middle; *zoom:1; letter-spacing:normal;}
.top_rank a img { width:80px; margin-right:10px;}
.top_rank a span { width:145px;}
.top_rank a b{position:absolute; top:5px; left:0px; color: #fff; background-color:#222; width:24px; height:24px; line-height:24px; text-align:center; display:block; border-radius: 50%; letter-spacing:normal; font-family: arial, sans-serif; z-index:2;}
.top_rank a:hover b{background-color:#666;}

.top_tn ul { margin:0px; padding:0px; list-style:none; overflow:hidden; width:960px; letter-spacing:-0.4em; font-size:0;}
.top_tn li { display:inline-block; /display:inline; /zoom:1; width:176px; vertical-align:top; text-align:center; letter-spacing:normal; margin:10px 20px 10px 0px; font-size:10px; line-height:150%;}
.top_tn li:nth-child(5n){margin:10px 0px;}
.top_tn li b{font-size:11px; line-height:160%;}
.top_tn li a{display:block;}
.top_tn li img{width:176px; vertical-align:bottom; margin-bottom:5px;}

/*フッター
--------------------------------------*/
.ft_si{font-size:28px; font-weight:bold; width:1200px; text-align:center; padding:10px 0px;}
#footbg{width:100%; height:450px; right:0px; left:0px; display:block; position:absolute; background-color:#f5f5f5;}
#footbg_ie{width:100%; height:450px; right:0px; display:block; position:absolute; background-color:#f5f5f5;}
#foot{position:relative; width:1200px; height:450px; text-align:left; background-color:#f5f5f5;}

.ftt{border-bottom:solid 1px #ccc; margin-top:30px;}
.ftt span{font-size:20px; display:inline-block; margin-right:15px; vertical-align:middle; padding-bottom:5px; font-weight:bold; color:#666;}
.ft{padding:10px 5px; line-height:160%;}

#copybg{width:100%; height:40px; right:0px; left:0px; display:block; position:absolute; background-color:#999;}
#copybg_ie{width:100%; height:40px; right:0px; display:block; position:absolute; background-color:#999;}
#copy{position:relative; width:1200px; height:40px; text-align:center;line-height:40px; color:#fff; font-size:11px; background-color:#999;}

#bnrbottomofscr {position: fixed; display: block; text-align: center; z-index: 5555;}
#bnrbottomofscr ul {list-style-type: none; display: table; position: fixed; margin: 0 auto; margin: 0 0 0 0; padding: 0; width:936px; bottom: 0px; font-size:0;}
#bnrbottomofscr li {display: table-cell;}
#pcfloatftr {position: fixed; display: block; z-index: 2017;}
#pcfloatftr ul{position: fixed; text-align: center; margin: 0 auto; bottom: 0; font-size:0;}
#pcfloatftr li{display: inline-box; margin: 0; padding: 0;}
#pcfloatftr li a{margin: 0; padding: 0;}

#sidebnr img {position: fixed; top: 105px; left: 0; width: 69px; height: 550px; z-index: 2017;}
@media screen and (max-width: 1300px) {#sidebnr {display: none;}}
#sidebnr2 img {position: fixed; top: 105px; left: 75px; width: 100px; height: 600px; z-index: 2017;}
@media screen and (max-width: 1300px) {#sidebnr2 {display: none;}}
#rightsidebnr {position: fixed; top: 105px; right: 0; width: 120px; z-index: 2017;}
#rightsidebnr .rightsidebnr1 {display: block; top: 0; right: 0; width: 120px;}
#rightsidebnr .rightsidebnr2 {display: block; top: 120; right: 0; width: 120px;}
#rightsidebnr .rightsidebnr3 {display: block; top: 240; right: 0; width: 120px;}
#rightsidebnr .rightsidebnr4 {display: block; top: 360; right: 0; width: 120px;}
#leftsidebnr {position: fixed; top: 105px; left: 0; width: 120px; z-index: 2017;}
#leftsidebnr .leftsidebnr1 {display: block; top: 0; left: 0; width: 120px;}
#leftsidebnr .leftsidebnr2 {display: block; top: 120; left: 0; width: 120px;}
#leftsidebnr .leftsidebnr3 {display: block; top: 240; left: 0; width: 120px;}
#leftsidebnr .leftsidebnr4 {display: block; top: 360; left: 0; width: 120px;}



/*フロート検索
======================================*/
#flsrc01 {position:fixed; display:block; bottom:10px; left:5px;z-index:2016;}
@media screen and (max-width: 1400px) {#flsrc01 {display: none;}}
/*フロート左商品*/
#fpbnr {position: fixed; bottom:50px; left:12px; width: 250px; z-index: 2016;}
@media screen and (max-width: 1400px) {#fpbnr {display: none;}}
#fpbnr .fpbnr1 {display: block; top: 0; left: 0; width: 250px; z-index: 2016;}
#fpbnr .fpbnr2 {display: block; top: 80; left: 0; width: 250px; z-index: 2016;}
#fpbnr .fpbnr3 {display: block; top: 160; left: 0; width: 250px; z-index: 2016;}

/*商品ページ雛形
======================================*/
.item_wrap{width:960px; margin:0px auto;}
.item_name_bg{background-color:#222; color:#fff; padding:10px 10px 8px 10px; text-align:center; font-size:125%;}
.item_mainphoto{padding:50px; text-align:center;}
.item_mainphoto img{max-width:760px;}

.item_subphoto{padding:30px; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; margin-top:-1px;}
.item_subphoto p{margin:0px; pdding:0px; line-height:160%;}
.item_subphoto p.sub_left{float:left; width:49%;}
.item_subphoto p.sub_right{float:right; width:49%;}
.item_subphoto p img.sub{max-width:100%;}
.item_subphoto p b.subtitle{display:block; margin-bottom:15px; padding:12px 15px 10px 15px; font-size:120%; background-color:#999; color:#fff; border-radius:4px;}

.item_tn{background-color:#f1f1f1; padding:10px; margin-bottom:40px;}
.item_tn table {width:100%; border-collapse:separate; border-spacing:30px;}
.item_tn td {width:50%; padding:20px; border:1px #ddd solid; vertical-align:top; text-align:center; background-color:#fff;}
.item_tn td img{max-width:100%;}

.item_stl{margin-top:30px;}
.item_stl span{display:inline-block; margin-right:20px; vertical-align:middle; font-size:28px; padding-bottom:5px;}

table.iteminfo {width:100%; border-collapse:collapse;}
table.iteminfo th, table.iteminfo td {padding:10px; border:1px #ddd solid; text-align:left; font-weight:normal;}
table.iteminfo th{background-color:#f1f1f1; width:25%;}

a.evidence_link{display:inline-block; padding:0px 30px; margin:20px 0px; background-color:#222; border:2px solid #222; color:#fff; line-height:44px;}
a.evidence_link:hover {background-color:#fff; border-color:#222; color:#222; transition: all .3s;}

/*mvpbanner
======================================*/
#head #mvpbnr0 img {position:absolute; top:13px; left:450px; width:15%;}
#head #mvpbnr1 img {position:absolute; top:15px; left:390px; width:15%;}
#head #mvpbnr2 img {position:absolute; top:3px; left:600px; width:6%;}