@charset "shift-jis";

/* リンクのテキスト色を変更して、下線を設定する場合：まずpかspanを設定し、aにテキスト指示のみ設定をする。*/

/* タグ初期化 */
*{ margin:0; padding:0; line-height:100%; }
p,div,li,dd,dt,td,th,span,strong,em,address,h1,h2,h3,h4,h5,h6 { line-height:160%; font-size:x-small; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"; color:#444444; }
em,address { font-style:normal; }
a { text-decoration:underline; color:#333333; line-height:170%; font-size:x-small; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"; }
a:visited {}
a:hover { text-decoration:none; }
body[class] * { font-size:12px; line-height:160%; letter-spacing:0; }
h2 { margin-bottom:4px; }
p { margin-bottom:1em; }
li { list-style-type:none; }
img { border:none; }

/* 汎用クラス */
br.clear { clear:both; font-size:0px!important; line-height:0!important; }
.note { font-size:80%!important; }
.alt { display:none; }
.vline { margin:0 10px; }
.separator { background:url(../img/bg_lnavi_dotline.gif) left bottom repeat-x; }
.txtNaviList li { background:url(../img/icon_arrow01.gif) left center no-repeat; padding-left:10px; }
.txtNaviList li,.txtNaviList li a { line-height:160%; }
.imgList li { margin-bottom:5px; }
.imgList img { vertical-align:bottom; }
.inlineList li { display:inline; }
.itemInfo .itemName { color:#FF6600; font-weight:bold; line-height:100%; margin-bottom:3px; }
.itemInfo .itemName a { color:#FF6600; text-decoration:none; }
.itemInfo .itemName a:hover { text-decoration:underline; }
.itemInfo .price { font-weight:bold; float:left; width:180px; color:#666666; }
.itemInfo .price2 { font-weight:bold; float:left; width:130px; color:#666666; }
.itemInfo .showDetail { float:right; width:138px; }
.subTitle { font-size:110%; font-weight:bold; }
.iconNew { margin:0 6px; vertical-align:text-bottom; }
.variableTxt {}
span.variableTxt_red {color: #CC0033;}
.variableTxt_blue {color: #0033CC;}

/* 共通レイアウト */
#container { text-align:left; }
#container,#header,#footer,#contents,
#logoArea,#updataArea,#gNaviArea { width:858px; }

/* ヘッダー */
#header {margin-bottom: 5px;}
#topRead { text-align:right; }
#topRead h1 {font-size: 12px;font-weight: normal;line-height: 1.8em;color: #707070;}
#logo { float:left; width:242px; }
#topBanner {float:right;width:304px;padding-bottom: 5px;padding-top: 5px;}
#updataArea {margin: 0px;}
#update {float:left;position:relative;top:2px;width: 460px;padding-left: 5px;}
#update[id] { }
#subMenu { float:left; width:220px; position:relative }
#subMenu2 { float:left; width:100px; position:relative }
#subMenu .vline { color:#CCCCCC; }
#subMenu[id] ul { margin-top:3px; }
#subMenu li a { font-size:12px; }
#fontSizeSelect { float:right; width:173px; }
#fontSizeSelect img { margin-left:4px; }
#fontSizeSelect .btn { cursor:pointer; }
#gNaviArea {text-align:center;padding-bottom: 10px;}
#gNaviArea * { line-height:0; font-size:0; }
#gNavi01 {text-align:left;padding-top: 3px;padding-right: 5px;padding-left: 5px;}
#gNavi02 { text-align:left; padding:0 10px 0; }
#gNavi02 li { margin-left:10px; }

/* フッター */
#footer { background:url(../img/bg_footer.gif) left top repeat-x; text-align:center; padding-bottom:10px; }
#footer ul { padding:10px 0; }
#footer li,#footer li a,#footer li span { line-height:130%; }

/* コンテンツ */
#contents { margin-bottom:60px; }
#contentsWrapper { width:659px; float:right; }

/* パン屑 */
#pankuzu { color: #000000; font-size: 12px; }
#pankuzu a:link { text-decoration: underline; }
#pankuzu a:visited { text-decoration: underline; }
#pankuzu a:active { text-decoration: none; }
#pankuzu a:hover { text-decoration: none; }
#pankuzu .text_re_01 { color: #FF3333; font-size: 12px; }

/* メイン */
#main { width:430px; float:left; }
#main .section { margin-bottom:10px; }
#main h2 { background:url(../img/bg_h.gif) left top no-repeat; color:#007373; font-size:16px; line-height:100%; padding:6px 6px 6px; display:block; }
#searchArea {background:url(../img/bg_search.gif) left bottom no-repeat;margin-bottom:10px;}
#searchArea .inner {background:url(../img/bg_search_cap.gif) left top no-repeat;padding-top: 6px;padding-right: 0;padding-bottom: 6px;padding-left: 10px;}
#searchArea * { font-size:12px; vertical-align:middle; }
#searchArea img { margin-right:5px; }
#searchArea input.txt { width:238px; margin-right:5px; }
#pickUp { width:430px; }
#pickUp .img { float:left; width:96px; }
#pickUp .txt { float:right; width:320px; }
#pickUp .txt dt { color:#FF6600; font-weight:bold; line-height:100%; }
#ranking { width:430px; }
.rank { background:url(../img/bg_rank.gif) left bottom no-repeat; }
.rank .inner { padding:0 10px 6px 10px; }
#rank01 .inner { background:url(../img/img_rank01.gif) left top no-repeat; padding-top:40px; }
#rank02 .inner { background:url(../img/img_rank02.gif) left top no-repeat; padding-top:40px; }
#rank03 .inner { background:url(../img/img_rank03.gif) left top no-repeat; padding-top:40px; }
.rank .img { float:left; width:105px; }
.rank .txt { float:right; width:300px; margin-top:-10px; }
.rank .txt p { margin-bottom:5px; }
#itemList li { line-height:150%; margin-left:5px; }
#favoriteBooks .imgList { text-align:center; margin:20px 0; }
#favoriteBooks .imgList li { margin:0 12px; }
#sub .section { margin-bottom:10px; }
#sub h2 { margin-bottom:8px; }
#sub .txtNaviList { margin-left:10px; }

/* サブ */
#sub { width:214px; float:right; }

/* ローカルメニュー */
#lNaviArea { width:184px; float:left; }
#lNaviArea .txtNaviList { margin:8px 8px; }
#lNaviArea .separator { padding-bottom:8px; }
#deliveryFree { margin-bottom:7px; }
.lNavi { background:url(../img/bg_lnavi.gif) left bottom no-repeat; }
.lNavi h2 { margin-bottom:0; }
#lNavi01 .inner { padding:2px 4px 10px 4px; }
#lNavi02 { background:url(../img/bg_lnavi_cap.gif) left top no-repeat; padding:6px 0 0 0; }
#lNavi02 .separator { background-position:left top; padding-top:8px; }
#lNavi02 h2 { margin:6px 0; }
#lNavi02 .inner { background:url(../img/bg_lnavi.gif) left bottom no-repeat; padding:0 4px 10px 4px; }
#veriSign { margin:12px 0;}
#suv_l { margin-top:20px; }
#suv_l .section { margin-bottom:20px; }
#suv_l h2 { margin-bottom:8px; }
#suv_l .txtNaviList { margin-left:10px; }


/* ハック */
/* safari only \*/
html:\66irst-child  * { letter-spacing:-0.1em!important; }
html:\66irst-child #gNavi02 { margin-top:-4px; }
/* end */

.variableTxt_re {color: #CC0033;}
#update .variableTxt_re02 {color: #FFFFFF;background-color: #CC0033;padding-right: 5px;padding-left: 5px;font-size: 15px;line-height: 1.5em;padding-top: 3px;padding-bottom: 3px;}
#main .section_text {color:#007373;font-size:13px;line-height:100%;padding-right: 6px;font-weight: bold;}
#main .section2 {margin-bottom:15px;background-color: #FFFCDB;width: 420px;padding-top: 10px;padding-right: 8px;padding-bottom: 8px;padding-left: 10px;}
#gNaviArea02 {text-align:center;height: 2px;padding-bottom: 10px;background-image: url(../img/bg_gnavi.gif);background-repeat: no-repeat;background-position: left top;}
.space_down01 {padding-bottom: 5px;}
.left10 {padding-left: 10px;}
.line_under_gl02 {border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #999999;margin-left: 10px;margin-right: 10px;margin-bottom: 5px;}
.variableTxt_re02 {color: #FF0033;}
.variableTxt_or {color: #EA5514;font-weight: bold;}