@charset "utf-8";
/* CSS Document */


/* 初期設定部分 */

*{
margin:0;
padding:0;
border:0;
border-spacing:0;
outline:0;
color:#333333;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka;
line-height:160%;
}

th,td,form,fieldset{
margin:0;
padding:0;
}

html{height:100%;}

body{
height:100%;
text-align:center;
}

a{
color:#996633;
text-decoration:none;
}
a:hover{text-decoration:underline;}


/* 汎用要素部分 */




/* 汎用クラス部分 */


.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
.clear{clear:both;}

.book{border:solid 1px #cccccc;}

.pagetop{
margin:10px 0;
text-align:right;
}

.red{
color:#cc0000;
}

.tmr05{margin-top:5px;}
.tmr10{margin-top:10px;}
.tmr20{margin-top:20px;}
.tmr30{margin-top:30px;}

.rmr05{margin-right:5px;}
.rmr10{margin-right:10px;}
.rmr20{margin-right:20px;}
.rmr30{margin-right:30px;}

.bmr05{margin-bottom:5px;}
.bmr10{margin-bottom:10px;}
.bmr20{margin-bottom:20px;}
.bmr30{margin-bottom:30px;}

.lmr05{margin-left:5px;}
.lmr10{margin-left:10px;}
.lmr20{margin-left:20px;}
.lmr30{margin-left:30px;}

.tpd05{padding-top:5px;}
.tpd10{padding-top:10px;}
.tpd20{padding-top:20px;}
.tpd30{padding-top:30px;}

.rpd05{padding-right:5px;}
.rpd10{padding-right:10px;}
.rpd20{padding-right:20px;}
.rpd30{padding-right:30px;}

.bpd05{padding-bottom:5px;}
.bpd10{padding-bottom:10px;}
.bpd20{padding-bottom:20px;}
.bpd30{padding-bottom:30px;}

.lpd05{padding-left:5px;}
.lpd10{padding-left:10px;}
.lpd20{padding-left:20px;}
.lpd30{padding-left:30px;}


/* 全体を囲む部分 */

div#container{
height:100%;
width:764px;
margin:0 auto;
background:url(../img/bg_footer002.gif) repeat-y;
text-align:left;
}


/* ヘッダー部分 */

div#header{
position:relative;
height:55px;
width:764px;
background:#ffffff url(../img/bg_header001.gif) no-repeat;
background-position:0 42px;
}

div#header h1{
position:absolute;
left:15px;
top:15px;
height:24px;
width:153px;
}


/* 文字サイズ変更部分 */

div#sizeswitch{
position:absolute;
left:185px;
top:0;
height:42px;
width:119px;
background:url(../img/bg_sizeswitch.gif) no-repeat;
}

div#sizeswitch ul{
width:50px;
margin:12px 0 0 62px;
list-style-type:none;
}

div#sizeswitch li{
float:left;
padding:0 0 0 4px;
}


/* サブメニュー部分 */

p#submenu1{
position:absolute;
left:320px;
top:0;
width:230px;
padding:27px 0 0 0;
color:#333333;
font-size:10px;
}
p#submenu1 a{
font-size:10px;
color:#333333;
}

p#submenu2{
position:absolute;
left:550px;
top:0;
padding:3px 0 0 0;
color:#498717;
/* ココをいじりました */
width:210px;
font-size:9px;
text-align:right;
/* WIN IE6 で未確認です */
}
p#submenu2 a{
font-size:10px;
color:#498717;}


/* カートボタン部分 */

ul#shoppingarea{
position:absolute;
left:550px;
top:25px;
width:210px;
list-style-type:none;
}

ul#shoppingarea li{
float:left;
padding:0 0 0 7px;
}


/* グローバルメニュー部分 */

div#menu{
position:relative;
height:43px;
padding:0 2px;
background:url(../img/bg_header002.gif) no-repeat;
}

div#menu ul{
position:absolute;
left:7px;
top:0;
list-style-type:none;
}

div#menu li{
float:left;
height:30px;
width:90px;
padding:0 1px 0 0;
text-indent:-9999px;
}

div#menu li a{
display:block;
height:30px;
width:90px;
text-decoration:none;
}

div#menu li#top{background:url(../img/bg_menu.gif) no-repeat 0 -60px;}
div#menu li#top a{background:url(../img/bg_menu.gif) no-repeat 0 0;}
div#menu li#top a:hover{background:url(../img/bg_menu.gif) no-repeat 0 -30px;}

div#menu li#new{background:url(../img/bg_menu.gif) no-repeat -91px -60px;}
div#menu li#new a{background:url(../img/bg_menu.gif) no-repeat -91px 0;}
div#menu li#new a:hover{background:url(../img/bg_menu.gif) no-repeat -91px -30px;}
div#menu li#new a.on{background:url(../img/bg_menu.gif) no-repeat -91px -60px;}
div#menu li#new a.on:hover{background:url(../img/bg_menu.gif) no-repeat -91px -60px;}

div#menu li#japanese{background:url(../img/bg_menu.gif) no-repeat -182px -60px;}
div#menu li#japanese a{background:url(../img/bg_menu.gif) no-repeat -182px 0;}
div#menu li#japanese a:hover{background:url(../img/bg_menu.gif) no-repeat -182px -30px;}
div#menu li#japanese a.on{background:url(../img/bg_menu.gif) no-repeat -182px -60px;}
div#menu li#japanese a.on:hover{background:url(../img/bg_menu.gif) no-repeat -182px -60px;}

div#menu li#foreign{background:url(../img/bg_menu.gif) no-repeat -273px -60px;}
div#menu li#foreign a{background:url(../img/bg_menu.gif) no-repeat -273px 0;}
div#menu li#foreign a:hover{background:url(../img/bg_menu.gif) no-repeat -273px -30px;}
div#menu li#foreign a.on{background:url(../img/bg_menu.gif) no-repeat -273px -60px;}
div#menu li#foreign a.on:hover{background:url(../img/bg_menu.gif) no-repeat -273px -60px;}


div#menu li#standard{background:url(../img/bg_menu.gif) no-repeat -364px -60px;}
div#menu li#standard a{background:url(../img/bg_menu.gif) no-repeat -364px 0;}
div#menu li#standard a:hover{background:url(../img/bg_menu.gif) no-repeat -364px -30px;}
div#menu li#standard a.on{background:url(../img/bg_menu.gif) no-repeat -364px -60px;}
div#menu li#standard a.on:hover{background:url(../img/bg_menu.gif) no-repeat -364px -60px;}

div#menu li#box{background:url(../img/bg_menu.gif) no-repeat -455px -60px;}
div#menu li#box a{background:url(../img/bg_menu.gif) no-repeat -455px 0;}
div#menu li#box a:hover{background:url(../img/bg_menu.gif) no-repeat -455px -30px;}
div#menu li#box a.on{background:url(../img/bg_menu.gif) no-repeat -455px -60px;}
div#menu li#box a.on:hover{background:url(../img/bg_menu.gif) no-repeat -455px -60px;}


/* 検索部分 */

form#search{
position:absolute;
left:558px;
top:10px;
height:20px;
width:210px;
}

form#search input.textfield{
height:16px;
width:102px;
padding:1px 3px;
border:solid 1px #bfcc33;
line-height:100%;
}

form#search input.btn{
margin:0 3px;
}

form#search a{
color:#498717;
text-decoration:underline;
}

/* メイン部分 */

div#content{
padding:0 20px 20px;
background:url(../img/bg_content.gif) repeat-y;
}


/* フッター部分 */

div#footer{
padding:40px 0 15px;
background:url(../img/bg_footer001.gif) no-repeat;
text-align:center;
}

div#footer a{
color:#ffffff;
}

div#footer address{
color:#336600;
font-style:normal;
}








