/* ************************************************ * コンテンツ共通 * ************************************************ */ .main_title {width:900px; height:30px; font-weight:bold;} .main_title td{padding:23px 0; border-top:1px solid #cccccc; margin:10px 0;} .main_title td img{vertical-align:middle;} .teikaPrice{text-decoration: line-through;font-size: 12px;color: #888; font-weight: normal;line-height: 1.8em;} /* ************************************************ * 特定商取引法・お支払い方法・配送設定について * ************************************************ */ .payment_img {width:30px; height:30px; margin:3px;} #ShopKeeper {width: 700px; color:#333333;margin-left:150px; margin-bottom: 15px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc;} #ShopKeeper th {width: 190px; padding:10px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 80%; font-weight: normal; text-align:left; font-size:13px;} #ShopKeeper td {border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding:10px; text-align:left; font-size:13px;} #ShopKeeper td table th, #ShopKeeper td table td, #ShopKeeper td table, #ShopKeeper td table {border-right:none; border-top:none; border-left:none; border-bottom:none;} #ShopKeeper th img, #ShopKeeper td img {vertical-align:middle;} /* ************************************************ * プライバシーポリシー * ************************************************ */ #PrivacyExplain {color:#333333; margin-bottom: 15px;} .pe_title {color: #432A16; border-top: 1px solid #dacdb9; padding-top: 15px;} .pe_note {line-height: 150%; margin:5px 5px 20px 30px;} /********************************************************************************** basic elements ***********************************************************************************/ /* リセット ---------------------------------------------------------- */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;} table {border-collapse: collapse;border-spacing: 0;} /* ベースフォント ---------------------------------------------------------- */ body{font-family:"メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-size:13px; color:#222; line-height:1.3em; text-align:center; background:#ffffff;} *{margin:0;padding:0;font-size:12px;color:#333;} a:link,a:visited{ text-decoration:none; color:#46B195;} a:hover,a:active{ text-decoration:none; color:#9F855F;} li{list-style:none;} .hoge{margin-right:-10px !important; overflow: hidden; _zoom: 1;} /*横並びの右端margin*/ /* 汎用セレクタ ---------------------------------------------------------- */ /*clear*/ .cl {display: block; min-height: 1%;} .cl:after { clear: both;content:".";display: block; height: 0;visibility: hidden;} * html .cl {height: 1%; /*\*//*/height: auto;overflow: hidden;/**/} .clears {display:block; clear:both; height:0px; overflow:hidden; padding:0; margin:0; border:0px;} /*font*/ .fwB{font-weight:bold;} .fs11{font-size:11px;} .fs15{font-size:15px;} .fs18{font-size:18px;} .fRed{color:#FF7272;} .fGold{color:#BA8D3B;} .fPink{color:#E64692;} /*margin*/ .m0{margin:0 !important;} .mb0{margin-bottom:0px !important;} .mb5{margin-bottom:5px !important;} .mb10{margin-bottom:10px !important;} .mb15{margin-bottom:15px !important;} .mb20{margin-bottom:20px !important;} .mb25{margin-bottom:25px !important;} .mb30{margin-bottom:30px !important;} .mb40{margin-bottom:40px !important;} .mb50{margin-bottom:50px !important;} .mt0{margin-top:0px !important;} .mt5{margin-top:5px !important;} .mt10{margin-top:10px !important;} .mt15{margin-top:15px !important;} .mt20{margin-top:20px !important;} .mt23{margin-top:23px !important;} .mt25{margin-top:25px !important;} .mt30{margin-top:30px !important;} .mt50{margin-top:50px !important;} .ml5{margin-left:5px !important;} /*align*/ .taC{text-align:center !important;} .taR{text-align:right !important;} .taL{text-align:left !important;} /*float*/ .fL{float:left !important;} .fR{float:right !important;} /********************************************************************************** layout ***********************************************************************************/ /* header ---------------------------------------------------------- */ #header{width:100%; height:260px; background:url(https://thebibliok.com/store/img/header_bg.png) repeat-x;} #headerIn{width:900px; margin:0 auto; position:relative;} #hnavi{height:40px;} #hnavi li{float:left;} .hnavi_mypage{position:absolute; left:562px; top:0px;} .hnavi_login{position:absolute; left:632px; top:0px;} .hnavi_member{position:absolute; left:690px; top:0px;} .hnavi_cart{position:absolute; left:782px; top:9px;} h1{margin:57px auto 33px auto;} #navi{height:43px;} #gnavi{float:left; width:740px;} #gnavi li{float:left; margin:13px 22px 0 0;} #snsnavi{float:right;} #snsnavi li{float:left;} #pnavi{width:900px; margin:0 auto 20px auto;} #pnavi a{color:#000000;} /* content ---------------------------------------------------------- */ #content{width:900px; margin:0 auto; text-align:left;} /* footer ---------------------------------------------------------- */ #footer{width:900px; margin:0 auto 30px auto; padding:0 0 13px 0; border-bottom:4px solid #000;} #footerIn{padding:6px 0; border-top:1px solid #8c8c8c; border-bottom:1px solid #8c8c8c;} #footerIn ul{float:left; width:650px;} #footerIn li{float:left; height:20px; margin:0 20px 0 0;} #footerIn p{float:right;} /********************************************************************************** layout ***********************************************************************************/ /* top ---------------------------------------------------------- */ #top{width:900px; margin:0 auto 70px auto; text-align:left;} #top .box{width:900px; background:url(https://thebibliok.com/store/img/top_bg01.png) repeat-y; height:374px; margin:0 0 30px 0;} #top .box ul{width:918px; margin-right:-18px !important; overflow: hidden; _zoom: 1;} #top .box ul li {float:left; margin:0 18px 0 0; width:288px;} .mt77{margin-top:77px; display:block;} .mt40{margin-top:40px; display:block;} #top .box02{float:left; width:423px;} #top .box03{float:right; width:459px; position:relative;} .cat01{position:absolute;left:0; top:0;} .cat02{position:absolute;left:0; top:89px;} .cat03{position:absolute;left:0; top:178px;} .cat04{position:absolute;left:182px; top:0;} .cat05{position:absolute;left:182px; top:89px;} .cat06{position:absolute;left:364px; top:0;} /* category ---------------------------------------------------------- */ #category{width:900px; margin:0 auto 70px auto; text-align:left;} #category h2{height:30px; padding:10px 0 0 0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; margin:0 0 10px 0;} #category #itemDetail{width:918px; margin-right:-18px !important; overflow: hidden; _zoom: 1;} #category #itemDetail .box{display:block; float:left; margin:0 18px 10px 0; width:288px; text-align:center;} #category .itemName{font-weight:bold; color:#336699; margin:4px 0 0 0;} #category .itemPrice{margin:4px 0 0 0;font-size:12px;} /* detail ---------------------------------------------------------- */ #detail{width:900px; margin:0 auto 70px auto; text-align:left;} #detail #detailPhoto{width:450px; float:left;} #detail #detailText{width:450px; float:right;} #detail #detailText .number{font-weight:bold; margin:0 0 30px;} #detail #detailText h2{font-size:22px; margin:0 0 30px;} #detail #detailText .itemPrice{font-size:16px; font-weight:bold; margin:0 0 30px;} #detail #detailText dl{margin:0 0 20px;} #detail #detailText dt{font-weight:bold; margin:0 0 6px 0;} #detail #detailText dd{margin:0 0 10px 10px;} #detail #detailText table{border:1px solid #cccccc; text-align:center; margin:0 0 10px 0;} #detail #detailText td{height:24px; border:1px solid #cccccc; padding:6px 0 0 0;} #detail #detailText .stockTxt{text-align:right; width:345px; font-size:11px; margin:4px 0 30px 0;} #detail #detailText .itemStock{margin:0 0 20px 0;} #detailText table{border:1px solid #cccccc; font-size:11px;} #detailText th{padding:4px 2px; background:#858585; color:#ffffff; border:1px solid #cccccc; font-weight:bold;} #detailText td{padding:4px 2px;} .fsize11{font-size:13px;} /* detail mousehover ---------------------------------------------------------- */ #imgHover {position: relative;} #imgHover #imgFrame {position: absolute; left: 0; top: 0; line-height: 124px; text-align: center; width: 200px !important; width: 98px; height: 98px !important; height: 98px;} #imgHover #imgHoverList {padding:570px 0 0 0 ; list-style: none; position: relative;} #imgHover ul li {float: left; margin:0 6px 6px 0;} #imgHover ul li a {display: block;} #imgHover ul li a:hover {position: static;} #imgHover ul li a .mainImage {display: none;} #imgHover ul li a:hover .mainImage {display: block; position: absolute; top: 0; left: 0 !important; left: 0;} strong { font-weight: bold; } #hnavi li.hnavi_instagram ul { display: none;background: #0E0E0E;overflow: hidden; } #hnavi li.hnavi_instagram ul li{ float: none; padding: 5px 10px;border-bottom: 1px solid #fff; } #hnavi li.hnavi_instagram ul li a{ color:#fff; } #snsnavi li.snsnavi_instagram {position: relative;} #snsnavi li.snsnavi_instagram ul { display: none;background: #0E0E0E;overflow: hidden;position: absolute;left: -18px;left: -18px; } #snsnavi li.snsnavi_instagram ul li{ float: none; padding: 5px 10px;border-bottom: 1px solid #fff; } #snsnavi li.snsnavi_instagram ul li a{ color:#fff; }