@charset "Shift_JIS";
@import url(hls.css);
*{
padding:0px;
margin:0px;
border:0px;
}
body{
font-size:12px;
text-align: center;
line-height: 18px;
color: #666666;
background-image:url(../img/bg.gif);
background-position:center;
background-repeat:repeat-y;
margin: 0px;
padding: 0px;
}
img{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
ul,ol,li{
list-style-type:none;
}
dl{
width:570px;
font-size:12px;
text-align: left;
display: inline;
height: 100%;
}
dt{
width:120px;
float:left;
margin-top: 10px;
font-size:12px;
text-align: left;
display: table;
height: 100%;
}
dt.order_delivery{
background-color:#CDC9C9;
}
dt.estimate_delivery{
background-color:#CDC9C9;
}
dt.no_bg_color{
background-color:transparent;
}
dd{
font-size:12px;
text-align: left;
margin-top: 10px;
display: table;
height: 100%;
}
.spacer{
width:10px;
height:10px;
display:block;
}
.bt_xt{
display: inline;
margin-bottom: 10px;
}
.def10{
font-size: 10px;
text-align: left;
text-indent: 10px;
line-height: 18px;
}
.def10m{
font-size: 10px;
text-align: left;
line-height: 18px;
margin-left: 10px;
margin-right: 10px;
}
.def12{
font-size: 12px;
text-align: left;
text-indent: 10px;
line-height: 22px;
}
.def12m{
font-size: 12px;
text-align: left;
line-height: 22px;
margin-left: 10px;
margin-right: 10px;
}
.ntxt12{
font-size: 12px;
text-align: left;
line-height: 18px;
}
.fm{
text-align: left;
margin-left: 10px;
margin-right: 10px;
}
.cal10{
font-size: 10px;
background: #fff5e7;
border-collapse: collapse;
border: none;
margin: 0px auto;
padding: 0px;
}
.cal10 .cal10month {
color: #fff;
background: #ff9833;
padding: 0.1em 0px;
border: 1px solid #ff9833;
}
.cal10 th {
font-weight: normal;
background: #efefef;
border: 1px solid #fff;
}
.cal10 .cal10h {
font-size: 10px;
color: #fff;
text-align: center;
background-color: #ffad5c;
}
.cal10 .cal10h, .cal10 td {
border: 1px solid #dedede;
}
.cal10 .calhol {
background: #efefef;
border: none;
}
/*------リンク関係---------*/

a {
text-decoration: none;
}
a:link {
color: #3399FF;
}
a:visited {
color: #3399FF;
}
a:hover {
color: #FF9900;
}
a:active {
color: #FF9900;
}
.top_link a:link{
color: #FFFFFF;
text-decoration : none ;
}
.top_link a:visited{
color: #FFFFFF;
text-decoration : none ;
}
.top_link a:hover{
color: #FF9900;
}
.top_link a:active{
color: #FF9900;
}
.link2 a:link {
color: #666666;
text-decoration : none ;
}
.link2 a:visited {
color: #666666;
text-decoration : none ;
}
.link2 a:hover {
color: #666666;
}
/*---------------------------*/

/*---------------------------*/

#container {
width:990px;
margin:auto;
}
#content {
width:990px;
display: inline;
margin-right: 20px;
margin-left: 20px;
}
.content {
width:800px;
display: inline;
padding-right: 10px;
padding-left: 10px;
}
#header {
width:990px;
height:86px;
margin:auto;
background-image:url(../img/header.jpg);
background-position:center bottom;
background-color: #FFFFFF;
background-repeat: no-repeat;
}
.logo {
float: left;
margin-top: 16px;
}
#left_box {
width:170px;
float: left;
margin-left: 20px;
display: inline;
}
.tab_sbox{
width:170px;
height: 29px;
background-image: url(../img/tab_side_bg.gif);
background-repeat: no-repeat;
}
.txt12_w{
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-indent: 10px;
padding-top: 5px;
}
.tab_mbox{
width:290px;
height: 29px;
background-image: url(../img/tab_half_bg.gif);
background-repeat: no-repeat;
}
.txt12_mw{
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-indent: 10px;
padding-top: 5px;
}
.tab_bbox{
width:590px;
height 29px;
background-image: url(../img/tab_middle_bg.gif);
background-repeat: no-repeat;
}
.tab_bbox2{
width:580px;
height: 29px;
background-image: url(../img/tab_middle_bg.gif);
background-repeat: no-repeat;
}
.tab_bbox a, .tab_bbox2 a, .tab_mbox a, .tab_sbox a, .tab_bbox a:hover, .tab_bbox2 a:hover, .tab_mbox a:hover, .tab_sbox a:hover {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.txt12_bw{
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-indent: 10px;
padding-top: 5px;
}
#center_box	{
width:590px;
float: left;
margin-left: 10px;
margin-right: 10px;
display: inline;
}
.box590	{
width:590px;
}
.box570 {
width: 570px;
margin:auto;
text-align: left;
}
.box270{
width: 270px;
margin:auto;
text-align: left;
height:180px;
}
.intxt12{
font-size: 12px;
line-height: 22px;
text-align: left;
}
#right_box{
width:170px;
float: right;
margin-right: 20px;
display: inline;
}
.listbox180left{
display: inline;
float: left;
width: 180px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 6px;
margin-left: 12px;
}
.listbox180center{
display: inline;
float: left;
width: 180px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 6px;
margin-left: 6px;
}
.listbox180right{
display: inline;
float: right;
width: 180px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 12px;
margin-left: 6px;
}
.listbox290left{
display: inline;
float: left;
width: 290px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 5px;
margin-left: 0px;
}
.listbox290right{
display: inline;
float: left;
width: 290px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 0px;
margin-left: 5px;
}
.listbox129left{
display: inline;
float: left;
width: 129px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 5px;
margin-left: 10px;
}
.listbox129center{
display: inline;
float: left;
width: 129px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 5px;
margin-left: 5px;
}
.listbox129center2{
display: inline;
float: left;
width: 129px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 5px;
margin-left: 5px;
}
.listbox129right{
display: inline;
float: right;
width: 129px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 5px;
}
.listbox132left{
display: inline;
float: left;
width: 132px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 6px;
margin-left: 12px;
}
.listbox132center{
display: inline;
float: left;
width: 132px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 6px;
margin-left: 6px;
}
.listbox132center2{
display: inline;
float: left;
width: 132px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 6px;
margin-left: 6px;
}
.listbox132right{
display: inline;
float: right;
width: 132px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 12px;
margin-left: 6px;
}
.comment_textarea{
width:400px;
height:150px;
}
/*-------clear------------*/


.clear{
clear:both;
}
/*---------------------------*/

.txt-red{
color: #FF3366;
}
/*--------h関係-----------*/

h1 {
margin: 0px;
padding: 0px;
font-size: 11px;
color: #fff;
font-weight: normal;
background: #ff9900;
}
.top_h{
background-image: url(../img/bg_h1.gif);
}
h3 {
font-size : 12px;
font-weight : normal;
line-height : 18px;
margin-top : 1px;
margin-bottom : 1px;
}
/*---------------------------*/



/*---------ボーダー関係--------*/

.border_1{
border: 1px solid #ccc;
}
.border_11{
border: 1px solid #ccc;
width: 588px;
}
.border_2{
border: 1px solid #ccc;
width: 588px;
height: 220px;
background-image: url(../img/listbox180_bg.gif);
background-repeat: no-repeat;
}
.border_3{
border: 1px solid #ccc;
width: 288px;
height: 220px;
background-image: url(../img/listbox290_bg.gif);
background-repeat: no-repeat;
}
.border_4{
border: 1px solid #ccc;
width: 588px;
height: 220px;
background-image: url(../img/listbox132_bg.gif);
background-repeat: no-repeat;
}
.border_3_1{
border: 1px solid #ccc;
width: 288px;
}
/*---------------------------*/



/*---------余白関係--------*/

.tu1 {
margin-top: 1px;
margin-bottom: 1px;
}
.left {
float: left;
}
.left_r10 {
float: left;
display: inline;
margin-right: 10px;
}
.align_left {
text-align: left;
}
.align_right {
text-align: right;
}
.align_center {
text-align: center;
}
.right {
float: right;
}
.top4 {
margin-top: 4px;
}
.top10 {
margin-top: 10px;
}
.top20 {
margin-top: 20px;
}
.bt10 {
margin-bottom: 10px;
}
.top20 {
margin-top: 20px;
}
.ptop20 {
padding-top: 20px;
}
.pleft10 {
padding-left: 10px;
}
/*---------------------------*/


/*---------フッター関係--------*/

#copy_up{
width: 950px;
height: 40px;
margin:auto;
}
#copy_up .up10{
font-size: 10px;
line-height: 15px;
margin-right: 10px;
text-align: right;
}
#copyright{
width: 950px;
height: 40px;
font-size: 11px;
line-height: 40px;
color: #FFFFFF;
background-color: #ff9900;
margin:auto;
}
#copy2{
width: 950px;
margin: 10px auto;
font-size: 10px;
line-height: 1.7em;
}
#copy2 h4 {
font-size: 10px;
margin: 0px;
}
ul#sitemenu{
margin:auto;
height:30px;
width: 950px;
background-color: #fde5c4;
text-align: right;
}
ul#sitemenu .stm10{
font-size: 10px;
line-height: 30px;
margin-right: 10px;
text-align: right;
}
ul#sitemenu li{
display:inline;
}
ul#sitemenu li  a {
font-size: 10px;
color:#666;
text-decoration : none ;
}
ul#sitemenu li  a:hover {
color:#ff6600;
}
/*---------------------------*/


/*---------グローバルメニュー関係--------*/

#mainmenu{
height:px;
}
ul#gmenu{
width:946px;
/*グローバルメニューの幅や高さ設定*/
	height:26px;
background-image:url(../img/gnavi.gif);
/*グローバルメニューの画像*/
	background-repeat:no-repeat;
margin:auto;
}
ul#gmenu li{
float:left;
width:86px;
/*グローバルメニューの幅や高さ設定*/
	height:26px;
}
ul#gmenu li a{
display:block;
width:86px;
/*グローバルメニューの幅や高さ設定*/
	height:26px;
text-indent:-9999px;
}
/*マウスオーバーボタンの設定*/
ul#gmenu li a:hover#navi_1{
background-image:url(../img/gnavi.gif);
background-position:0px -26px;
}
ul#gmenu li a:hover#navi_2{
background-image:url(../img/gnavi.gif);
background-position:-86px -26px;
}
ul#gmenu li a:hover#navi_3{
background-image:url(../img/gnavi.gif);
background-position:-172px -26px;
}
ul#gmenu li a:hover#navi_4{
background-image:url(../img/gnavi.gif);
background-position:-258px -26px;
}
ul#gmenu li a:hover#navi_5{
background-image:url(../img/gnavi.gif);
background-position:-344px -26px;
}
ul#gmenu li a:hover#navi_6{
background-image:url(../img/gnavi.gif);
background-position:-430px -26px;
}
ul#gmenu li a:hover#navi_7{
background-image:url(../img/gnavi.gif);
background-position:-516px -26px;
}
ul#gmenu li a:hover#navi_8{
background-image:url(../img/gnavi.gif);
background-position:-602px -26px;
}
ul#gmenu li a:hover#navi_9{
background-image:url(../img/gnavi.gif);
background-position:-688px -26px;
}
ul#gmenu li a:hover#navi_10{
background-image:url(../img/gnavi.gif);
background-position:-774px -26px;
}
ul#gmenu li a:hover#navi_11{
background-image:url(../img/gnavi.gif);
background-position:-860px -26px;
}
body#hover_1 a#navi_1{
background-image:url(../img/gnavi.gif);
background-position:0px -26px;
}
body#hover_2 a#navi_2{
background-image:url(../img/gnavi.gif);
background-position:-86px -26px;
}
body#hover_3 a#navi_3{
background-image:url(../img/gnavi.gif);
background-position:-172px -26px;
}
body#hover_4 a#navi_4{
background-image:url(../img/gnavi.gif);
background-position:-258px -26px;
}
body#hover_5 a#navi_5{
background-image:url(../img/gnavi.gif);
background-position:-344px -26px;
}
body#hover_6 a#navi_6{
background-image:url(../img/gnavi.gif);
background-position:-430px -26px;
}
body#hover_7 a#navi_7{
background-image:url(../img/gnavi.gif);
background-position:-516px -26px;
}
body#hover_8 a#navi_8{
background-image:url(../img/gnavi.gif);
background-position:-602px -26px;
}
body#hover_9 a#navi_9{
background-image:url(../img/gnavi.gif);
background-position:-688px -26px;
}
body#hover_10 a#navi_10{
background-image:url(../img/gnavi.gif);
background-position:-774px -26px;
}
body#hover_11 a#navi_11{
background-image:url(../img/gnavi.gif);
background-position:-860px -26px;
}
/*-------ニュース関係--------*/	
	
	
ul#news{
width:588px;
/*グローバルメニューの幅や高さ設定*/
	}
ul#news li{
text-align: left;
margin-left: 10px;
background-color: #ffffff;
}
ul#news li .news12{
font-size: 12px;
line-height: 24px;
background-color: #ffffff;
width:588px;
height: 20px;
}
ul#news li .newsbg{
font-size: 12px;
line-height: 24px;
background-color: #c5cdcf;
width:588px;
height: 20px;
}
/*---------------------------*/	
	
	
/*--------左カテゴリーメニュー関係--------*/
	
#leftnavi{
height:px;
display: inline;
margin: 0px;
padding: 0px;
}
ul#lnavi{
width:170px;
/*グローバルメニューの幅や高さ設定*/
	display: inline;
}
ul#lnavi li{
width:170px;
/*グローバルメニューの幅や高さ設定*/
	height:30px;
display: inline;
margin: 0px;
}
ul#lnavi li a {
display:block;
width:170px;
/*グローバルメニューの幅や高さ設定*/
	height:30px;
margin: 0px;
background-image: url(../img/left_bg.gif);
background-repeat: no-repeat;
background-color: #fff5e7;
color: #ff6600;
}
#left_box ul#lnavi li a:hover {
color: #ff6600;
background: #fff;
background-image: url(../img/left_bg.gif);
background-repeat: no-repeat;
}
ul#lnavi li .navi12{
font-size: 12px;
text-align: left;
text-indent: 10px;
line-height: 30px;
}
/*マウスオーバーボタンの設定*/
ul#lnavi li a:hover#navi_11{
background-color: #c5cdcf;
background-image: url(../img/left_bg2.gif);
background-repeat: no-repeat;
}
ul#lnavi li  a:link {
color:#666666;
text-decoration : none ;
}
ul#lnavi li  a:visited {
color:#666666;
text-decoration : none ;
}
ul#lnavi li  a:hover {
color:#000000;
}
/*---------------------------*/


/*-------フォーム関係----------*/

.b18{
height: 14px;
width: 18px;
font-size: 12px;
border: 1px solid #666666;
color: #666666;
}
.b38{
height: 16px;
width: 38px;
font-size: 12px;
border: 1px solid #666666;
color: #666666;
}
.b60{
height: 14px;
width: 60px;
border: 1px solid #666666;
text-align: left;
margin-left: 10px;
margin-right: 10px;
color: #666666;
}
.b100{
height: 14px;
width: 100px;
border: 1px solid #666666;
text-align: left;
margin-left: 10px;
margin-right: 10px;
color: #666666;
}
.b130{
height: 14px;
width: 130px;
border: 1px solid #666666;
color: #666666;
}
.b200{
height: 14px;
width: 200px;
border: 1px solid #666666;
color: #666666;
}
.b230{
height: 14px;
width: 230px;
border: 1px solid #666666;
color: #666666;
}
.b360box{
height: 100px;
width: 400px;
border: 1px solid #666666;
color: #666666;
display: inline-table;
font-size: 12px;
line-height: 18px;
padding: 2px;
margin-bottom: 10px;
}
.b38{
height: 16px;
width: 38px;
font-size: 12px;
border: 1px solid #666666;
color: #666666;
}
.b01{
font-size: 12px;
border: 1px solid #666666;
color: #666666;
}
.fill_space{
width:430px;
}
/*---------------------------*/


.search_box{
height: 118px;
width: 170px;
text-align: left;
background-image: url(../img/search_bg.gif);
background-repeat: no-repeat;
}
.search_box  a:link {
color:#666666;
text-decoration : none ;
}
.search_box  a:visited {
color:#666666;
text-decoration : none ;
}
.search_box a:hover {
color:#000000;
}
/*--------------------------*/

*.goods_not_specified{
width:25px;
height:5px;
margin-top:2px;
}
*.goods_not_found{
width:25px;
height:5px;
margin-top:2px;
}
.box270_2{
width: 270px;
margin:auto;
text-align: left;
}
.right_r10 {
float: right;
display: inline;
margin-left: 10px;
}
/*-------トップページニュース----------*/
#topnews {
font-size: 12px;
color: #3366cc;
margin-left: 10px;
}