@charset "UTF-8";

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

:::information:::

概要：ベースレイアウト CSS

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

/*----------------------------------------------------
ブラウザの設定リセット
----------------------------------------------------*/
* { margin: 0; padding: 0; font-size: 100%; }

/*----------------------------------------------------
bodyはtext_default.css/text_large.css/text_small.cssに記載
----------------------------------------------------*/
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, arial, sans-serif;
color: #000000;
text-align: center;
font-size : 81%;
}

/*IE7 CSS Hack----------*/
*:first-child+html body { font-size: 78%; }

/*----------------------------------------------------
共通設定
----------------------------------------------------*/
html { overflow-y:scroll; }

p, li, dt, dl { line-height: 1.5; }
th, td { line-height:1.4; }

li { list-style-type:none; }

address, em { font-style:normal; }

img { border:0; }

/*IE5に適用するためのCSSハック----------*/
/** html #contents2c table {
width: 100%;
\width: 509px;
}*/

/*----------------------------------------------------
基本設定リンクカラー
----------------------------------------------------*/
a:link { color: #0000CC; }
a:active, a:visited { color: #0000CC; }
a:hover { color: #993333; }
table a{ border: solid 0px #FFFFFF\0/;}/* IE９対策 */

div#container3c {
width: auto;
padding-bottom: 40px;
min-width: 720px;
width:expression(document.body.clientWidth < 902? "900px" : "auto");
}

/*----------------------------------------------------
ブラウザの外へ
----------------------------------------------------*/
.browserOut { position: absolute; left: -9999px; top: -9999px; }
.disp-no { display: none; }

/*----------------------------------------------------
noscript
----------------------------------------------------*/
noscript { font-size: 120%; font-weight: bold; color: #CC0000; }

/*----------------------------------------------------
ヘッダー
----------------------------------------------------*/
div#headerBG { width: 100%; height: 96px; background: #FFFFFF url(../image/hd_body.gif) top center repeat-x; }
div#header { width: 95%; height: 96px; margin: 0 auto; text-align: left;
background: url(../image/hd_bg.gif) top right no-repeat; }
div#headerCopy { width: auto; height: 23px; background: url(../image/hd_copy.gif) top left no-repeat; }
div#headerCopy span { visibility:hidden; }
div#header-L { float: left; width: 312px; }
div#header-L img { margin-top: 8px; }
div#header-R { float: right; width: 350px; }

/*----------------------------------------------------
検索
----------------------------------------------------*/
div#search { width: auto; height: 28px; }
div#search ul { width: auto; height: 23px; }
div#search li { float: left; }

#siteSearch { width: 118px; height: 25px; background: url(../image/hds.gif) center left no-repeat; }
#searchTxt { width: 173px; }
#searchTxt input { width: 165px; border: solid #0099FF 1px; padding: 2px; }

#searchCgBox { width:auto; height: 22px; }

/*トップページ*/
#searchCg a {
display: block; 
width: 158px;
height: 12px;
background: url(../image/hds_category.gif) center left no-repeat;
}

/*一段組、二段組み*/
#searchCg02 input { float: left; _margin-top: -4px; }
/*IE7に適用するためのCSSハック----------*/
*:first-child+html #searchCg02 input { margin-top: -4px; }

#searchCg01 { float: left; width: 180px; height: 12px; }

#searchCg02 { float: left; width: 165px; height: 12px; }

#searchCg01 a {
display: block; 
width: 158px;
height: 12px;
background: url(../image/hds_category.gif) center left no-repeat;
}

#searchCg02 em {
float: left;
display: block; 
width: 125px;
height: 12px;
background: url(../image/hds_category02.gif) center right no-repeat;
}

/*----------------------------------------------------
ヘッダーメニュー（フォントサイズ可変）
----------------------------------------------------*/
div#F-change { float: right; width: 171px; }
div#F-change p {
float: left;
width: 100px;
height: 18px;
background: url(../image/hdf_size.gif) top left no-repeat;
}

div#F-change li { float: left; }
#F-changeL, #F-changeD { width: 25px; height: 18px; }
#F-changeS { width: 18px; height: 18px; }

#F-changeL a {
display: block; float: left; width: 18px; height: 18px;
background: url(../image/hdf_large.gif) top left no-repeat;
}
#F-changeL a:hover { background: url(../image/hdf_large_hover.gif) top left no-repeat; }

#F-changeD a {
display: block; float: left; width: 18px; height: 18px;
background: url(../image/hdf_default.gif) top left no-repeat;
}
#F-changeD a:hover { background: url(../image/hdf_default_hover.gif) top left no-repeat; }

#F-changeS a {
display: block; float: left; width: 18px; height: 18px;
background: url(../image/hdf_small.gif) top left no-repeat;
}
#F-changeS a:hover { background: url(../image/hdf_small_hover.gif) top left no-repeat; }

/*----------------------------------------------------
ヘッダーメニュー
----------------------------------------------------*/
div#HmenuWrapper { width: 100%; background: #9ACD03 url(../image/hd_bg_menu.gif) top left repeat-x; }
div#Hmenu { width: 95%; margin: 0 auto; text-align: left; }

ul#HmenuL { float: left; width: auto; }
ul#HmenuL li { display: inline; }
ul#HmenuL li a:link, ul#HmenuL li a:active, ul#HmenuL li a:visited
{ line-height: 24px; color: #333333; font-weight: bold; text-decoration: none; }
ul#HmenuL li a:hover { color: #CC0000; text-decoration: none; }

/*----------------------------------------------------
ログイン情報
----------------------------------------------------*/
div#logWrapper01 { width: 100%; background-color: #EBEBEB; }/*ゲスト*/
div#logWrapper02 { width: 100%; background-color: #FEED5E; }/*会員ログイン*/
div#logBox { width: 95%; margin: 0 auto; text-align: left; padding: 3px 0; }
div#logBox strong { margin-right: 2em; }
div#logBox a { text-decoration: none; }

/*----------------------------------------------------
コンテンツ部分全体
----------------------------------------------------*/
div#contContainer { width: 95%; margin: 10px auto 30px auto; text-align: left; }

div#wrapper3c { float: left; width: 100%; margin-right: -175px; }
div#wrapper2c { float: left; width: 100%; }

/*----------------------------------------------------
コンテンツ
----------------------------------------------------*/
div#primary { float: right; width: 100%; margin-left: -175px; }
div#contents3c { margin: 0 163px 0 175px; }
div#contents2c { margin-left: 175px; }

/*----------------------------------------------------
メニュー
----------------------------------------------------*/
div#secondary { float: left; width: 160px; }
div#RightColumn { float: right; width: 148px; margin-top: 50px; }
div#ShopListRight { float: right; width: 148px; }

/*----------------------------------------------------
フッター
----------------------------------------------------*/
div#footerWrapper { width: 100%; border-bottom: solid #99CC33 2px; }
div#footer { width: 95%; margin: 0 auto; text-align: left; }
div#footer li { display: inline; }
div#footer li a:link, div#footer li a:active, div#footer li a:visited {
color: #333333; text-decoration: none;
}
div#footer li a:hover { color: #CC0000; text-decoration: none; }

div#copyright { width: 95%; margin: 5px auto 0 auto; text-align: left; }
div#copyright p {
font-family: Verdana, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 87%;
}

/*----------------------------------------------------
パンくずリスト
----------------------------------------------------*/
#breadcolumn { width: auto; line-height: 1.2; }

/*----------------------------------------------------
会員規約
----------------------------------------------------*/
#MemberRule {
width: auto;
height: 300px;
margin-top: 20px;
padding: 10px;
border: solid #CCCCCC 1px;
overflow: auto;
}

/*----------------------------------------------------
ページの先頭へ
----------------------------------------------------*/
p.pageTop { line-height: 1.1; text-align: right; }
p.pageTop img { vertical-align: middle; margin-right: 3px; }
p.pageTop a:link, p.pageTop a:active, p.pageTop a:visited, p.pageTop a:hover {
color: #333333;
text-decoration: none;
}

/*----------------------------------------------------
プリント
----------------------------------------------------*/
#print { float: right; width: 106px; height: 20px; }
#print a {
display: block;
width: 106px;
height: 20px;
background: url(../image/btn_print.gif) left top no-repeat;
text-decoration: none;
}
#print a:hover {
display: block;
width: 106px;
height: 20px;
background: url(../image/btn_print_hover.gif) left top no-repeat;
text-decoration: none;
}
#print a span { visibility: hidden; }

#screen { display: none; }
#printout { display: none; }