@charset "utf-8";
/*
Theme Name: PlatOnline 2011/09
Theme URI: http://twitter.com/ma2shita
Description: 2011年9月版の WordPress テーマ。レンダリング速度向上を目指し、最終的な見栄えはそのままに、HTML構造やCSSセレクタ、JavaScriptロードなどを見直した。XHTML+CSS2だが、HTML5を意識したマークアップとしている。html5-*クラス名をタグに置き換えると、HTML5化が完了する。
Author: Kohei MATSUSHITA
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: platonline
*/

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul,ol{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
/* change colours to suit your needs */
ins{background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
/* change colours to suit your needs */
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em0;padding:0;}
input,select{vertical-align:middle;}

/*
The 'Holy Grail' 3 column Liquid Layout (Pixel-widths)
http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm
*/
/** layout **/
body{margin:0;padding:0;border:0;width:100%;}
#content{position:relative;clear:both;float:left;width:100%;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#content{overflow:auto;}} /* fb-like がwindow外になる件に対して webkit対策 */
#content{/overflow:hidden;} /* ie6/ie7(quirks)レイアウト崩れ対策 */
#css23col-colmid{float:left;width:200%;position:relative;right:100%;}
#css23col-colleft{float:left;width:100%;margin-left:-50%;position:relative;}
#css23col-ctt1wrap{float:left;width:50%;position:relative;}
#ctt1{position:relative;left:200%;overflow:hidden;}
#ctt2{float:right;position:relative;}
#ctt3{float:right;left:50%;position:relative;}
* html #ctt1{width:100%;}
* + html #ctt1{width:100%;}
/** size **/
/* sass -t compressed < size.sass
$left_col_w: 178px
$doc_left_margin: 8px
$right_col_w: 288px
$doc_right_margin: $doc_left_margin
#css23col-ctt1wrap
  right: $left_col_w
#css23col-colmid
  margin-left: $right_col_w * -1
#css23col-colleft
  left: $left_col_w + $right_col_w
#ctt1
  margin-left:  $left_col_w  + $doc_left_margin
  margin-right: $right_col_w + $doc_right_margin
#ctt2
  right: $doc_left_margin * -1
  width: $left_col_w
#ctt3
  width: $right_col_w
  margin-right: $doc_right_margin
*/
#css23col-ctt1wrap{right:178px}#css23col-colmid{margin-left:-288px}#css23col-colleft{left:466px}#ctt1{margin-left:186px;margin-right:296px}#ctt2{right:-8px;width:178px}#ctt3{width:288px;margin-right:8px}

/* micro clearfix hack | http://nicolasgallagher.com/micro-clearfix-hack/ *//* .clearfix はコンテンツの後方互換 */
.cf{zoom:1;} .cf:before, .cf:after {content:"";display:table;} .cf:after {clear:both;}
.clearfix{zoom:1;} .clearfix:before, .clearfix:after {content:"";display:table;} .clearfix:after {clear:both;}

/* http://www.tomokos.net/coding_basefont.html */
body{font-size:13px;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;}
body{font-size:77%;line-height:1.6;} /* 13pxと指定し77%で10pxとしている -> 1em = 10px */

/* origin layout */
body{background-color:#ffffff;}
a:link {color:#0033CC;}
a:active {color:#BB389B;text-decoration:underline;}
a:visited {color:#0033CC;}
a:hover {color:#5555EE;text-decoration:underline;}

#hdr11{float:left;}#hdr12{float:right;}
#hdr1{padding:0 8px;}
#hdr1{height:1.85em;line-height:1.85em;}
#hdr1{background:#eee;border-bottom:1px solid #ccc;}
#hdr11 li{display:none;}/* platonline-login-status plugin が無かったときに表示されないようにするため & 同plugin実行前に項目全てが表示されて若干格好悪くなるため対策 */
#hdr-pr{width:340px;height:32px;position:absolute;right:0;top:0;}

#hdr21,#hdr22,#hdr23{float:left;}#hdr24{float:right;}
#hdr2{height:62px;}
#hdr21{margin:10px 0 0 8px;}/* 本当は display:table-cell;vertical-align:middle;とかやりたいんだお。。。 */
#hdr22{margin:6px 0 0 1.1em;}
#hdr23{margin:18px 0 0 1.5em;}
#hdr231 a{margin:0 0 0 0.5em;font-size:0.9em;}
#hdr24{margin:20px 8px 0 0;position:relative;}
#hdr-internal{position:absolute;right:0;width:320px;top:19px;background:rgba(128,128,128,0.3);border-radius:8px;padding:4px;}
#hdr-internal li{display:inline;margin:0;padding:0;}

#hdr22 ul li {background-image:url(data:image/gif;base64,R0lGODlhDQANAIAAAABMkP///yH5BAAAAAAALAAAAAANAA0AAAIRjI+py+0InokqWkBbZlv6/xUAOw==);background-position:left center;background-repeat:no-repeat;padding-left:16px;line-height:1.4em;}
#hdr22 ul li a{text-decoration:underline;font-weight:bold;}

#content{margin:8px 0 1em 0;}
#ctt1{padding:0 8px;}

/* http://5am.jp/jquery/jquery_ui_tabs/ */
@media projection,screen{
	.ui-tabs-hide{display:none;}
}
@media print{
	.ui-tabs-nav{display:none;}
}
.ui-tabs-nav,.ui-tabs-panel{}
.ui-tabs-nav{list-style:none;margin:0;padding:0 0 0 4px;}
.ui-tabs-nav:after {display:block;clear:both;content:" ";}
.ui-tabs-nav li{float:left;margin:0 0 0 1px;font-size:0.65em;
	min-width:95px;/*be nice to Opera*/
}
.ui-tabs-nav a,.ui-tabs-nav a span{display:block;padding:0 8px;background:url('/common/images/tab.png') no-repeat;}
.ui-tabs-nav a{padding-left:0;color:#27537a;font-weight:bold;line-height:1.2;text-align:center;text-decoration:none;
    margin:1px 0 0;/*position: relative makes opacity fail for disabled tab in IE*/
    white-space:nowrap;/*required in IE 6 */
    outline:0;/*prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a{position:relative;top:1px;z-index:2;margin-top:0;color:#000;}
.ui-tabs-nav a span{min-width:54px;min-height:18px;padding-top:6px;padding-right:0;
	width: 54px; /* IE 6 treats width as min-width */
	height: 18px; /* IE 6 treats height as min-height */
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width:auto;height:auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom:1px;
}
.ui-tabs-nav .ui-tabs-selected a,.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {background-position:100% -150px;}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {background-position:100% -100px;}
.ui-tabs-nav .ui-tabs-selected a span,.ui-tabs-nav a:hover span,.ui-tabs-nav a:focus span,.ui-tabs-nav a:active span{background-position:0 -50px;}
.ui-tabs-nav a span,.ui-tabs-nav .ui-tabs-disabled a:hover span,.ui-tabs-nav .ui-tabs-disabled a:focus span,.ui-tabs-nav .ui-tabs-disabled a:active span{background-position:0 0;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled{opacity:0.4;filter:alpha(opacity=40);}
.ui-tabs-panel{border-top:1px solid #97a5b0;padding:0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em{padding:0 0 0 20px;background:url('/common/images/ajax-loader.gif') no-repeat 0 50%;}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* postentry 基本フォーマット */
.postentry{font-size:118%;}
.postentry h1{font-size:1.75em;}
.postentry h2{background-color:#eeeeee;border-left:#66b0e4 10px solid;padding:10px;margin:10px 0;font-size:1.5em;}
.postentry h3{background:url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAICAgICAgICAgICAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAz/2wBDAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAJAAYDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQf/xAAjEAABAwMCBwAAAAAAAAAAAAADAgQGAQUHCAkAERITOHe1/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AHsKXnMmK4s/j21fE4/qU0+PLqW4TGdZHIhjdWkyIAAntuCNy8iqqtxsBMCpVRounWVdO8rlVAwr+yp4sz72rdfiWPgP/9k=) no-repeat left 7px;padding:0 0 0 13px;margin:1em 0 5px 0;}
.postentry h4{background:url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAICAgICAgICAgICAgICAwMDAgIDAwQDAwMDAwQFBAQEBAQEBQUGBgcGBgUHBwgIBwcKCgoKCgoKCgoKCgoKCgr/2wBDAQMDAwQDBAcFBQcLCQcJCwwLCwsLDAwKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wAARCAAQABADAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABgX/xAAjEAABBAICAgIDAAAAAAAAAAACAQMEBQYHCBIREwAUISIj/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AFm6d3bt5J73tdQaoyGxo6SBMvK/F6CDZHUDcnj0aTJkPy5IEHcpCRD9IOEjY+QReq9j+Ae43cktxaY2/Ta72TZ5TMxqzto1JkuL5E5IelUz010WW5cb7Sq4z6iNDIR/Uw8/hSUSQHGy9P7a4s8jZe7sAwWbnuKOzMgssbejRpE2PAfyCDLilGsmoiK62kY5aqKr4F0UFEcQlLqEjSeld88lN4Uu1twwciiY7TWEOxtry5hnWhKZrXvfHqqqKYN/zI06r6h6AKmql7F8EH//2Q==) no-repeat left 4px;border-bottom:1px solid #333;padding:0 0 0 20px;margin:1em 0 0 0;}
.postentry ol{list-style-type:decimal;margin:0.5em 0 0.5em 2em;}
.postentry ul{list-style-type:disc;margin:0.5em 0 0.5em 2em;}
.postentry table{border: 1px #e3e3e3 solid;border-collapse:collapse;border-spacing:0;}
.postentry table th{padding:5px;border:#e3e3e3 solid;border-width:0 0 1px 1px;background:#f5f5f5;font-weight:bold;line-height:120%;text-align:left;white-space:nowrap;}
.postentry table td{padding:5px;border:1px #e3e3e3 solid;border-width:0 0 1px 1px;}
.postentry s{color:#aaa;}
.postentry del{color:#aaa;}
.postentry .recommend{list-style:none;width:130px;float:left;margin:10px 20px 10px 0;padding:0;min-height:300px;}
.postentry .recommend img{width:105px;border:#999 1px solid;}
.postentry .recommend .main {font-size:0.8em;}
.postentry .recommend .price{color:#d00;}
.postentry .payment .h3ttl{background:url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAICAgICAgICAgICAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAz/2wBDAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAJAAYDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQf/xAAjEAABAwMCBwAAAAAAAAAAAAADAgQGAQUHCAkAERITOHe1/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AHsKXnMmK4s/j21fE4/qU0+PLqW4TGdZHIhjdWkyIAAntuCNy8iqqtxsBMCpVRounWVdO8rlVAwr+yp4sz72rdfiWPgP/9k=) no-repeat left 4px;padding:0 0 0 12px;margin:0 0 5px 0;font-weight:bold;}
.postentry .payment .item_at_sec{margin:10px 0 10px 0;padding:15px 0 10px 0;border-bottom: #555 1px dotted;}
.postentry .payment .item_at_sec p{line-height:1.5;margin:5px 0 15px 0;padding:0;}
.postentry .payment .item_at_sec img{margin:7px 0;}

/* 利用規約(135),個人情報取り扱い方針(112)用フォーマット */
#post-135 ol,#post-112 ol{list-style-type:none;margin:0.5em 0;}
#post-135 ol ol,#post-112 ol ol{list-style-type:decimal;margin:0.5em auto 0.5em 2em;}

/* 商品詳細用フォーマット */ /* 各boxで左配置boxは右・下、右配置 or 一行boxは下にmarginを設定 */
.post{margin:16px 0 0 0;}
.post .posttitle{font-size:1.7em;margin:8px 0 16px 0;}
.item-detail{font-size:118%;}
.item-detail .clear{height:0;visibility:hidden;} /* item-actionをblock単位でwrapするためcfが使えないので、やむなくhrにてclear:bothする */
.item-image{float:left;margin:0 16px 16px 0;}
.item-image img{width:200px;height:200px;}
.item-td{float:left;margin:0 0 16px 0;width:456px;}
.item-td .item-table{border:1px solid #888;width:100%;}
.item-td th{white-space:nowrap;padding:1px 1em;text-align:left;font-weight:normal;}
.item-td td{padding:1px 1em 1px 0;text-align:left;}
.item-td .nowrap{white-space:nowrap;} /* 返品文言の横幅をfixedにすることで、wrapするサイズを統一 */
.item-left{float:left;margin:0 16px 16px 0;width:384px;}
.item-left .skubox{font-size:1.3em;border:1px solid #777;width:100%;}
.item-left .margin{margin:8px;}
.item-left .eolnotice{font-size:0.8em;}
.item-left .newnotice{font-size:0.8em;font-weight:bold;color:#c00;}
.item-left .itemnotice{font-size:0.8em;margin:2px 0 0 0;}
.item-left dt{float:left;margin:0 0.5em 0 0;}
.item-left dd.sku{font-weight:bold;}
.item-left dt.avail{font-size:0.8em;position:relative;top:5px;}
.item-left dd.avail{font-size:1em;font-weight:bold;color:#c00;}
.item-left .pricebox{margin:16px 0 0 0;}
.item-left .price-table{border-collapse:collapse;border:#666 2px solid;width:100%;}
.item-left th{background-color:#ddd;border:#666 1px solid;padding:10px;vertical-align:middle;}
.item-left td{border:#666 1px solid;padding:4px 2px;text-align:center;line-height:1.5;}
.item-left .price-quantity{white-space:nowrap;}
.item-left .item-price{white-space:nowrap;color:#c00;font-weight:bold;font-size:1.5em;}
.item-left .price-quantity{white-space:nowrap;}
.item-left .item-shipping{font-size:0.95em;}
.item-left .cont{font-size:0.9em;}
.item-left .camp-info{margin:16px 0;}
.item-action{float:left;margin:0 0 16px 0;}
.item-action .btnblock div{margin-bottom:6px;}
.item-action .qty-num{float:left;position:relative;top:12px;} /* vertical-align:middle化 */
.item-action .qty{text-align:center;}
.item-action .with-left-space{margin-left:5.55em;}
*html .item-action .ie6{margin-left:5.75em;} /* ieのみinputによりcartボタンが右にずれてしまうから、その分を足す(0.2emなのはtry&tryの結果) */
.item-action .txt a{font-size:0.8pc;} /* 画像ボタンの様に振る舞わせるため絶対単位とする */
.item-action .shorturl{border:1px solid #777;padding:8px;font-size:0.9em;margin:0 0 8px 0;}
.item-action .csssp-wrapper-cart{width:181px;height:73px;overflow:hidden;display:inline-block;}
.item-action .csssp-wrapper-cart input{position:relative;top:0;left:0;}
.item-action .csssp-wrapper-quote{width:181px;height:37px;overflow:hidden;display:inline-block;}
.item-action .csssp-wrapper-quote input{position:relative;top:-73px;left:0;}
.item-action .csssp-wrapper-mail{width:181px;height:37px;overflow:hidden;display:inline-block;}
.item-action .csssp-wrapper-mail input{position:relative;top:-110px;left:0;}
.item-action .csssp-wrapper-notify{width:181px;height:37px;overflow:hidden;display:inline-block;}
.item-action .csssp-wrapper-notify input{position:relative;top:-147px;left:0;}
.item-related-category{border-top:#555 1px dotted;border-bottom:#555 1px dotted;margin:0 0 16px 0;padding:8px 0;}
@media screen and (max-width: 1169px) { /* >= 1170pxでideal size. 苦肉の策 */
  .item-td{width:100%;}
}

/* 特集ページ用フォーマット / #index .mcol と同じですが、すこーしだけ違うんだな */
.feat .catch h1{padding:5px;font-size:1.5em;}
*html .feat .catch h1{width:100%;}
.feat .catch h1 img{background:white none repeat scroll 0 0;border:1px solid #ccc;float:left;padding:2px;width:4em;margin:0 7px 0 0;}
.feat .catch .datetime{color:#d44;text-align:right;font-size:0.8em;}
.feat .catch p{clear:both;}
.feat .sec{clear:both;}
.feat .sec .more{clear:both;margin:0.5em;text-align:right;}
.feat .sec p{margin:0;}
.feat .sec h2{padding:0.2em 0.4em;margin:0 0 1em 0;}
*html .feat .sec h2{width:100%;}
.feat .related{clear:both;}
.feat .mcol .item{float:left;min-height:7em;width:50%;overflow:hidden;}
.feat .mcol{clear:both;margin-top:1em;}
*html .feat .mcol .item{height:auto !important;height:7em;} /* for ie6 min-height hack */
.feat .mcol .meta{float:left;margin:0 5px 0 0;}
.feat .mcol .meta img{width:4.5em;border:1px solid #ddd;}
.feat .mcol .meta .price{font-size:0.8em;color:#e00;}
.feat .mcol .body{padding:0 12px 0 0;line-height:1.2;}
.feat .mcol .body span{margin-right:0.5em;}
.feat .mcol .body h4{font-size:14px;font-weight:bold;margin:0;}
.feat .mcol .body .desc{color:#999;font-size:0.7em;margin-top:0.25em;}
.feat .catch h1{background:#333333;color:#fff;}
.feat .sec h2{background:#f24848;color:#fff;border:0;}
.feat .sec h2 a{color:#fff;}
.feat.blue .catch h1{background:#14c;color:#fff;}
.feat.blue .sec h2{background:#f2ac00;color:#fff;border:0;}
.feat.blue .sec h2 a{color:#fff;}
.feat.orange .catch h1{background:#f22d2d;color:#fff;}
.feat.orange .sec h2{background:#24593c;color:#fff;border:0;}
.feat.orange .sec h2 a{color:#fff;}
.feat.green .catch h1{background:#116b12;color:#fff;}
.feat.green .sec h2{background:#1e45a6;color:#fff;border:0;}
.feat.green .sec h2 a{color:#fff;}

/* 商品詳細の期間限定告知用 */
.tmp-info{color:#fff;margin-bottom:6px;font-weight:bold;}
.tmp-info a{background:#d00;padding:0.2em;}
a:link.tmp-info-a {color:#fff;}
a:visited.tmp-info-a {color:#fff;}

div.item-link {margin:5px 0 0 0;}
div.item-link .image{float:left;width:102px;}
div.item-link img{width:100px;height:100px;border:1px solid #eee;}
div.item-link .main{float:left;margin-left:3px;font-size:85%;min-width:250px;max-width:350px;color:#888;}
div.item-link .main a {font-size:1.2em;}
div.item-link .main a:link{font-weight:bold;}
div.item-link .main a:visited{font-weight:bold;}
div.item-link .main a:hover{font-weight:bold;}
div.item-link .main a:active{font-weight:bold;}
div.item-link .price {font-size:0.85em;white-space:nowrap;margin-left:3px;}
div.item-link .avail {font-size:0.85em;white-space:nowrap;margin-left:3px;}
div.item-link .item-link-price{color:#e00;font-size:1.5em;font-weight:bold;}
div.item-link .item-link-avail{font-size:100%;}
div.item-link .main .price .item-link-price a {font-size:1.0em;font-weight:normal}
div.post br.clear {clear:both;margin:0;}

div.technote .home{font-size:0.9em;}
div.technote h1{font-size:1.25em;padding:1em 0;background:#f0f9ff;border-top:1px solid #bbf;border-bottom:1px solid #bbf;}
div.technote .sign{font-size:0.8em;text-align:right;}
div.technote .notice{font-size:0.75em;color:#daa;}
div.technote .content code,div.technote .content pre{display:block;overflow:auto;width:100%;white-space:pre-wrap;word-wrap:break-word;font-size:0.75em;font-family:monospace;margin:0.5em;background:#f3f3f3;color:#000;}
div.technote .content h2{border-left:8px solid #094;padding-left:5px;background:#dfd;}
div.technote .content h3{font-size:1em;color:#d60;}
div.technote .content ul li{margin:0.5em 0 0.5em 1em;list-style-type:disc;}

div.cust-voice dl{margin:0 0.25em 0 0.5em;font-size:0.9em;}
div.cust-voice dt span{padding-left:1em;font-size:0.9em;color:#6a6;}
div.cust-voice dd{margin:0;padding:0;line-height:1.35em;}
div.cust-voice dd div.q-mark{float:left;font-family:"ＭＳ Ｐゴシック",sans-serif;font-size:48px;height:1em;margin-top:-18px;color:#dadada;line-height:1.65em;} /* line-heightは 1.35emにすると引用符表示が崩れてしまう件に対抗するための措置 */
div.cust-voice blockquote{border-left:3px solid #CEE8E8;padding:0 0 0 3px;margin:2px 8px 7px 22px;}

div.postentry table.group-series {border:none;border-width:0;}
div.postentry table.group-series td {border:none;border-width:0;text-align:left;padding-left:1.6em;}

table.items{width:100%;border-spacing:0;border-width:0;border-collapse:collapse;}
table.items th{background:#e0e0ff;}
table.items td{padding:0.5em;}
table.items td.img{text-align:center;}
table.items td.img div img{width:100px;height:100px;border:1px #ccc solid;}
table.items td.title div.name{font-size:1.2em;}
table.items td.str{white-space:nowrap;text-align:center;}
table.items td.num{white-space:nowrap;text-align:right;}
table.items td.delivery{white-space:nowrap;text-align:center;}
table.items div.price{color:#f00000;font-size:1.25em;}
table.items div.listprice{color:#000000;font-size:1.25em;}


/* 検索ページ用 */
div.search-tag-content{padding:0.2em 0.4em 0 0.4em;clear:both;}
div.search-tag-list{clear:both;}
ul.search-group-list{display:none;}
ul.search-tag-list li{font-size:0.8em;float:left;width:200px;}
div.search-nav-sort{clear:both;font-size:0.8em;padding-top:0.7em;margin-top:0.7em;border-top:1px solid #97A5B0;}
div.search-nav-sort table{width:100%;}
div.search-nav-sort th{font-weight:normal;width:7em;}
div.search-nav-sort th, td{vertical-align:middle;}
div.search-nav-sort ul li{float:left;margin-right:0.5em;display:block;}
div.search-nav-sort td.short-url{text-align:right;}
div.search-nav-sort input.short-url{border:1px #777 solid;width:20em;}
div.search-tag-selected{font-size:0.8em;}
div#search-group-tab h3{font-size:0.8em;font-weight:normal;border-bottom:1px solid #97A5B0;}

div.search-notice{margin:2em auto 2em auto;padding:1em;width:80%;background:#f0cccc;color:#cc5555;}
div.tablenav-pages{clear:both;margin-top:2em;}
div.tablenav-pages span.displaying-num{margin-right:2.5em;}

div.cond{width:100%;}
div.cond div{clear:both;}
div.cond div h5{display:inline;font-size:100%;color:#333;font-weight:normal;}
div.cond ul{display:inline;margin:0;padding:0;}
div.cond ul li{list-style-type:none;display:inline;border-right:1px #777 solid;padding: 0 7px 0 7px;margin:0;}
div.cond li.end{border:0;}
div.cond td{width:100%;}
div.cond input.short-url{border:1px #777 solid;width:20em;}

div.postentry .listNav {margin:0 0 10px;}
div.postentry .ln-letters {overflow:hidden;}
div.postentry .ln-letters a{display:block;float:left;padding:2px 6px;border:1px solid silver;border-right:none;text-decoration:none;}
div.postentry .ln-letters a.ln-last {border-right:1px solid silver;}
div.postentry .ln-letters a:hover,
div.postentry .ln-letters a.ln-selected{background-color:#eaeaea;}
div.postentry .ln-letters a.ln-disabled{color:#ccc;}
div.postentry .ln-letter-count{text-align:center;font-size:0.8em;line-height:1;margin-bottom:3px;color:#336699;}
div.postentry .ln-letters table{margin:0 auto 0 auto;}
div.postentry .ln-letters table td{padding:3px;border:1px solid silver;}
div.postentry .ln-letters table a{border:none;}
div.postentry .ln-letters table a:visited,
div.postentry .ln-letters table a:hover {color:#0044CC;}
div.postentry .ln-letters table a.ln-selected{background-color:#eaeaea;}
div.postentry .ln-letters table a.ln-disabled{color:#ccc;}
div.postentry .ln-letters table a.ln-last{border:none;}
div.postentry div.ln-letters{margin:1em auto 0.7em auto;}
div.postentry ul.nav-result{padding:0.3em;font-size:93%;}
div.postentry ul.nav-result li{list-style-image:url(data:image/gif;base64,R0lGODlhDQANAIAAAABMkP///yH5BAAAAAAALAAAAAANAA0AAAIRjI+py+0InokqWkBbZlv6/xUAOw==);}

#syi-spec table.item-spec{width:100%;border: 1px #e3e3e3 solid;border-collapse:collapse;border-spacing:0;}
#syi-spec table th{padding:5px;border:#e3e3e3 solid;border-width:0 0 1px 1px;background:#f5f5f5;font-weight:bold;line-height:120%;text-align:left;white-space:nowrap;}
#syi-spec table td{padding:5px;border:1px #e3e3e3 solid;border-width:0 0 1px 1px;text-align:left;}

#archive-title{font-size:1.25em;padding:1em 0;background:#f0f9ff;border-top:1px solid #bbf;border-bottom:1px solid #bbf;}

.widget{border:1px solid #dedede;padding:4px;margin:0 0 1em 0;}
#text-4,#text-8{padding:0;}
#text-9{padding:0;border:0;}
#text-12,#text-13,#text-14,#text-16{padding:0;border:0;margin:0 0 0.5em 0;}
#url-shortener{border:0;}

#kb-advanced-rss-1 dd{margin:0 0 0.75em 0;line-height:1.2em;}
#kb-advanced-rss-1 a{text-decoration:none;}

/* 左サイドバーcategory部分 */
div.nav-sidebar .acc{font-size:0.78pc;} /* ボタンのように振る舞って欲しいので絶対単位 */
div.nav-sidebar h3.head{margin:0;padding:0;font-size:0;}
div.nav-sidebar h3.head img{width:176px;height:28px;background:url(/common/image/nav-sidebar-header.png?1597905908) no-repeat scroll;}
div.nav-sidebar .nav-sidebar-header{text-decoration:none;}
div.nav-sidebar h3.head img.detect{background-position:0 0;}
div.nav-sidebar h3.head img.maker{background-position:0 -28px;}
div.nav-sidebar h3.head img.cat{background-position:0 -56px;}
div.nav-sidebar li.nav-sidebar-list-header{padding:6px 2px 3px 4px;background:url(/common/image/category_icon/sept.png) no-repeat scroll center bottom;}
div.nav-sidebar li.nav-sidebar-list-header a:hover {text-decoration:none;}
div.nav-sidebar li.nav-sidebar-list-header div.img{float:left;width:36px;height:36px;background:url(/common/image/category_icon/nav-sidebar-bgs.png?1339038143) no-repeat scroll;}
div.nav-sidebar li.ec_microserver div.img{background-position:0 0;}
div.nav-sidebar li.ec_network div.img{background-position:-36px 0;}
div.nav-sidebar li.ec_server div.img{background-position:-72px 0;}
div.nav-sidebar li.ec_pc div.img{background-position:-108px 0;}
div.nav-sidebar li.ec_parts div.img{background-position:-144px 0;}
div.nav-sidebar li.ec_supply div.img{background-position:-180px 0;}
div.nav-sidebar li.ec_soft div.img{background-position:-216px 0;}
div.nav-sidebar li.nav-sidebar-list-header span{display:block;padding:9px 0 11px 39px;}
div.nav-sidebar li.nav-sidebar-list-header span.exp{display:inline;padding:0 12px 0 0;}
/* 本来CSS spriteでやるべきだが、timeup */
div.nav-sidebar li.nav-sidebar-list-header span.exp.close{background:url(/common/image/category_icon/nav-expand-st-btn-p.png) no-repeat scroll;}
div.nav-sidebar li.nav-sidebar-list-header span.exp.open{background:url(/common/image/category_icon/nav-expand-st-btn-m.png) no-repeat scroll;}
div.nav-sidebar ul.nav-sidebar-lv1 li{margin-left:29px;padding-left:12px;background:url(/common/image/category_icon/list-bullet.png) no-repeat scroll 0 5px;}
/* category一覧部分 (nav-sidebarとほぼ同じデザイン) */
div.cat-list li.nav-sidebar-list-header{padding:6px 2px 3px 4px;}
div.cat-list li.nav-sidebar-list-header div.img{float:left;width:36px;height:36px;background:url(/common/image/category_icon/nav-sidebar-bgs.png?1339038143) no-repeat scroll;}
div.cat-list li.ec_microserver div.img{background-position:0 0;}
div.cat-list li.ec_network div.img{background-position:-36px 0;}
div.cat-list li.ec_server div.img{background-position:-72px 0;}
div.cat-list li.ec_pc div.img{background-position:-108px 0;}
div.cat-list li.ec_parts div.img{background-position:-144px 0;}
div.cat-list li.ec_supply div.img{background-position:-180px 0;}
div.cat-list li.ec_soft div.img{background-position:-216px 0;}
div.cat-list li.nav-sidebar-list-header span{display:block;padding:0 0 6px 39px;font-size:1.25em;}
div.cat-list li.nav-sidebar-list-header span.exp{display:inline;padding:0;}
/* 本来CSS spriteでやるべきだが、timeup */
div.cat-list ul.nav-sidebar-lv1 li{list-style-image:url(/common/image/category_icon/list-bullet.png);}
div.cat-list div.maker{text-align:right;}
div.cat-list h1{font-size:1.75em;background:#14c;color:#fff;}
/* maker一覧部分 */
div.makerlist div.cat{text-align:right;}
div.makerlist h1{font-size:1.75em;background:#116b12;color:#fff;}

li.widget_tptn_pop_daily li{clear:both;}

ul.widget_access_ranking li{clear:both;}
ul.widget_access_ranking li img{width:50px;height:50px;float:left;}

div.url-shortener-widget{text-align:center;}
div.url-shortener-widget input.short-url{border:1px #777 solid;width:21em;padding:2px;}

/* 2col(right=fixed) layout */
#ftr{position:relative;clear:both;float:left;width:100%;overflow:hidden;}
#ftr .colleft{float:left;width:200%;margin-left:-260px;position:relative;right:100%;}
#ftr .col1wrap{float:left;width:50%;position:relative;left:50%;}
#ftr .col1{margin:0 0 0 260px;overflow:hidden;}
#ftr .col2{float:right;width:260px;position:relative;left:260px;}
/* /2col(right=fixed) layout */
#ftr{background:#fff url('data:image/gif;base64,R0lGODlhAQAkAMQAAPf39/Pz8+3t7fn5+fb29vHx8fv7+/j4+PLy8u/v7/z8/P7+/vX19fDw8P39/fT09O7u7uzs7Pr6+uvr6////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABACQAAAUcICU90GROUSpAUNI0BRI8DEMAxyBJhuI4iwUlBAA7') repeat-x;z-index:100;}
#ftr .colleft{margin-top:24px;}
#ftr h4{font-size:1.3em;}
#ftr .col1 .box{margin:0 0 24px 24px;line-height:2.25em;}
#ftr .col1 .box ul li{display:inline;font-size:1.3em;margin-right:1em;white-space:nowrap;}
#ftr .col1 .box ul li{/zoom:1;} /* for IE6,IE7 */
#ftr .col1 .box ul li a{display:inline-block;}
#footer2{text-align:center;}

.currency{display:none;}

.for-printout{display:none !important;}

/* 検索suggest用: jQuery UI autocomplete の実装なので、jQuery UIのthemeから一部移植 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
.ui-autocomplete { position: absolute; cursor: default; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/* Component containers
----------------------------------*/
ul.ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; }
/* Interaction states
----------------------------------*/
.ui-autocomplete .ui-state-default, .ui-autocomplete .ui-widget-content .ui-state-default, .ui-autocomplete .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6; font-weight: bold; color: #1c94c4; }
.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-widget-content .ui-state-hover, .ui-autocomplete .ui-widget-header .ui-state-hover, .ui-autocomplete .ui-state-focus, .ui-autocomplete .ui-widget-content .ui-state-focus, .ui-autocomplete .ui-widget-header .ui-state-focus { border: 1px solid #09cbfb; background: #cef5fd; font-weight: bold; color: #0574c7; }
.ui-autocomplete .ui-state-hover a, .ui-autocomplete .ui-state-hover a:hover { color: #0574c7; text-decoration: none; }
.ui-autocomplete .ui-state-active a, .ui-autocomplete .ui-state-active a:link, .ui-autocomplete .ui-state-active a:visited { color: #008feb; text-decoration: none; }
.ui-autocomplete .ui-widget :active { outline: none; }
/* 20130819sstc */
#hdr5{width:100%;background:url('/common/images/20130819sstc/navi2/hd_navi_bg.jpg') repeat-x;height:40px;margin:0;padding:0;clear:both}
#hdr5 ul{width:1010px;margin:0 auto;padding:0;min-width:1010px}
#hdr5 li{margin:0;padding:0}
#hdr5 ul li.navi01{width:117px;list-style:none;float:left}
#hdr5 ul li.navi01 a{display:block;text-indent:-9999px;overflow:hidden;background:url('/common/images/20130819sstc/navi2/hd_navi_top.png') no-repeat;width:117px;height:40px}
#hdr5 ul li.navi02{width:137px;list-style:none;float:left}
#hdr5 ul li.navi02 a{display:block;text-indent:-9999px;overflow:hidden;background:url('/common/images/20130819sstc/navi2/hd_navi_first.png') no-repeat;width:137px;height:40px}
#hdr5 ul li.navi03{width:198px;list-style:none;float:left}
#hdr5 ul li.navi03 a{display:block;text-indent:-9999px;overflow:hidden;background:url('/common/images/20130819sstc/navi2/hd_navi_about.png') no-repeat;width:198px;height:40px}
#hdr5 ul li.navi04{width:266px;list-style:none;float:left}
#hdr5 ul li.navi04 a{display:block;text-indent:-9999px;overflow:hidden;background:url('/common/images/20130819sstc/navi2/hd_navi_document.png') no-repeat;width:266px;height:40px}
#hdr5 ul li.navi05{width:158px;list-style:none;float:left}
#hdr5 ul li.navi05 a{display:block;text-indent:-9999px;overflow:hidden;background:url('/common/images/20130819sstc/navi2/hd_navi_delivery.png') no-repeat;width:158px;height:40px}
#hdr5 ul li.navi06{width:134px;list-style:none;float:left}
#hdr5 ul li.navi06 a{display:block;text-indent:-9999px;overflow:hidden;background:url('/common/images/20130819sstc/navi2/hd_navi_faq.png') no-repeat;width:134px;height:40px}
#hdr5 ul li a:hover{background-position:left bottom}
#hdr6{margin:0 auto;padding:10px;background-color:#dddddd;background:url('/common/images/20130819sstc/navi2/hdbn_bg.jpg') repeat-x;text-align:center}
#hdr6 p{margin:0;padding:0}
/* /20130819sstc */

#access-history{border:1px solid #dedede;}
#fixed-access-history{z-index:100;position:fixed;overflow-y:scroll;top:8px;left:8px;width:176px;height:95%;background-color:#fff;border:1px solid #dedede;}