@charset "EUC-JP";

html, body, h1, ul, li, div, dt, dl, dd, p, form{
padding:0;
margin:0;
list-style-type:none;
}

body{
font-family:"MS PGothic","Osaka",Arial,sans-serif;
margin:0px auto;
padding:0px;
font-size:12px;
line-height:1.4;
color:#444444;
background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//bg.gif);
text-align:center;
}

table {text-align:left;}

/* 基本タイトル */
h1,h2,h3,h4 { 
padding:0px;
margin:0px;
font-size:100%;
text-align:left;}

img{ border:0px;}

hr{
border-top:1px solid #cccccc;
border-bottom:none;
border-left:none;
border-right:none;
}


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

a{color:#444444;
text-decoration:underline;
}

a:hover {
color:#cf0909;
text-decoration:none;
}

a:focus{
outline:none;
}

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


form {padding:0px;display:inline;}


 /* 画像の周り込み解除 */
.clear_both {
clear:both;
font-size:1px;
visibility:hidden;
overflow:hidden;
height:1px;
text-align:center}

/* inputボタン設定 */
.button1{ 
color:#FFFFFF;
background:#cf0909;
border:2px solid #CC0000;
padding:2px;
margin:5px 0;
}


/* カートフォーム色づけ */

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus
 {
   background-color: #FFFFCC;
   border:1px solid #cccccc;
}


/* テキストエリアデザイン設定 */
.text1 {border:1px solid #CCCCCC;}

/* エラーメッセージ */
.caution{ font-weight:bold;color:#FF0000;}

 /* フォントズーム */
.no2{font-size:110%;}

/* フォントボールド */
.strong{ font-weight:bold;}

.red{color:#444444;} /* フォント赤 */
.orange{color:#FF9900;} /* フォントオレンジ */
.blue{color:#0000FF;} /* フォント青 */
.green{color:#006600;} /* フォント緑 */
.glay{color:#666666;} /* フォントグレー */



/* 商品画像枠 */ 
.item img{
height:auto;
padding:5px;
margin:0px;
background:#FFFFFF;
text-align:center;
border:1px solid #cccccc;
margin:10px 20px 5px;
}

.item img#thumb1{
margin:0px !important;
}


div.layoutp3 table td {
vertical-align:top;}

div.layoutp3 table td div.layoutp3 table td{
vertical-align:middle;
padding:8px 0px;}



div.centerbox div.mainCont div.layoutFrame div.layout1 table.auto {
width:135px;
}

div.centerbox div.mainCont div.layoutFrame table.auto {
width:100%;
}

div.centerbox div.mainCont div.layoutFrame table.auto div.layout1 table.auto{
width:100%;
}



/* スペース設定 */ 
.spacebox{height:50px;}





/* ****************************************************************** */
/* 大枠テーブル */
#container {
width:960px;
border-left:20px solid #ffffff;
border-right:20px solid #ffffff;
text-align:left;
margin:0px auto;
background: #FFFFFF;}

/* マイページ、ポップアップ画面 */
#enter {
text-align:left;
background:#FFFFFF;}

/* ポップアップ */
#enter #center3 .mainCont table,
#enter #center3 .mainCont table th,
#enter #center3 .mainCont table td{
border-collapse:collapse;
text-align:left;
background:#FFFFFF;
}

table#enter{
width:100%;
background:#FFFFFF;}

table#enter .centerbox{
width:95%;
padding:10px;
}

/* ****************************************************************** */


#leftSide { /* 左サイドtd */
width:230px !important;
margin:0px;
padding:0 30px 0 0;
vertical-align:top;}


/* センター td （2列）*/
#center1 { 
width:700px;
padding:0;
margin:0px;
vertical-align:top;
}


/* センターtd （装飾用）*/
#center3 {
width:100%;
margin: 0;
padding: 0;
vertical-align:top;}



#center3 #center1 { /* カートページ */
text-align: center;
margin:0 auto;
padding:0;
width:700px !important;
}


#center3 #center1 table,
#center3 #center1 table th,
#center3 #center1 table td{
border-collapse:collapse;
text-align:left;}


/* センター用ブロック（幅設定） */
.centerbox { 
margin:700px;
margin:0;
padding:0;
}

#center3 td#center1 div.centerbox { /* カート内センター寄せ */
margin:0 0 0 130px !important;
/margin:0 !important;
text-align: left;
width:700px !important;
}




/* カート内レイアウトテーブル */
#cartcenter {
margin:0px auto;
}

/* フッターのフリーエリア */
.footer_area {
width:700px;
text-align:left;
margin:20px auto;
}


/* ヘッダーのフリーエリア */
.header_area {
width:700px;
text-align:left;
margin:0 auto;
}





/* サイド用ブロック（幅設定） */
.sidebox { 
padding:0px;
margin:0px;
}


.center{ text-align:center;} /* センター */
.right{ text-align:right;} /* 右 */
.left{ text-align:left;} /* 左 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:buttom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}

/* ****************************************************************** */
/* ** 基本商品テキスト設定 ** */

.price{ /* 商品価格 */
color:#cf0909;
text-align:left;}

/* 商品価格 （商品詳細） */
.price .zoom{ font-size:125%;font-weight:bold;}

/* 商品説明文 */
.expl{ text-align:left;
color:#444444;}

.expl a{color:#444444;text-decoration:none;}
.expl a:hover{color:#444444;text-decoration:none;}

/* 商品定価 */
.fixed{ 
color:#444444;
text-align:left;
text-decoration:line-through;}

/*h2.goods  商品名 （商品一覧）*/
.goods{ margin:5px 0;}

h2.goods a{color:#000000;text-decoration:none;font-weight:normal;text-decoration:none;}
h2.goods a:hover{color:#cf0909;text-decoration:none;}


div.layout1 h2.goods{padding-left:5px;}
div.layout1 div.price{padding-left:5px;}
div.layout1 div.expl{padding-left:5px;}


/* カート下メニューの文字サイズ変更 */

.layoutp3 .layoutp3 table td{
font-size:12px;
padding:0;
}




/* ****************************************************************** */

/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
margin:0 0 10px;
padding:0px;
}

.topIMG td{
margin:0px;
padding:0px;
background:#FFFFFF;
text-align:center;
}

/* サイト説明 */
.shopCopy { 
margin:0px;
padding:3px 10px 3px 10px;
text-align:left;}


/* タイトルデザイン */
.sidebox h3.title1,
.sidebox h3.title2,
.free_title,
.title1,
.title2,
.title3
{
border-bottom:2px solid #cf0909;
padding:5px 5px 0;
font-size:14px;
font-weight:bold;
}

.sidebox h3.title1 a,
.sidebox h3.title2 a,
.free_title a,
.title1 a,
.title2 a,
.title3 a
{
color:#444444;
text-decoration:none;
}



.sidebox h3.title1 img,
.sidebox h3.title2 img,
.free_title img,
.title1 img,
.title2 img,
.title3 img
{ margin-right:3px;
}




/* ランキングアイコン */
.rank{text-align:left;}

/* メインコンテンツ */
.mainCont { 
padding:10px 0;
margin:0px;
}

 
/* メインコンテンツ内項目ボックス*/
.contbox {
padding:10px 0px;
margin:0px;
}



 /* 最新情報リスト設定 */
ul.news{
text-align:left;
padding:0px;
margin:0px 10px;
}

li.p3{padding:3px;}



 /* リスト設定 */
.free_list{
padding:0;
margin:0;}

/* リスト設定 */
ul.list{ 
text-align:left;
padding:5px 10px;
margin:0px;
list-style:square;
color:#F59300;}

/* サイトマップリスト 項目タイトルh4*/
.sitemap{
margin:20px 0 10px;
padding:0 0 0 20px;
color:#444444;}



/* サイトマップリスト設定 */
ul.map{ 
text-align:left;
padding:0px 20px;
margin:0px;
list-style:none;
color:#444444;}

li.sm1 { margin:5px 10px ;display:block;}
li.sm2 { margin:5px 20px ;display:block;}



/* テーブル余白設定 */
/* 余白5px */
.layoutp5  { padding:5px 0px;}
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px; vertical-align:top;}
.layoutp5 .border { border:1px solid #CCCCCC;}

/* 余白3px */
.layoutp3  { padding:0px;}
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #CCCCCC;}
.layoutp3 table { font-size:100%;}



/* テーブル余白設定 */
.bordlayoutp3  { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:10px;border:1px solid #CCCCCC;}
.bordlayoutp3 td { padding:10px;border:1px solid #CCCCCC;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */
.bordlayoutp3 td p{ padding:10px;}



/* テーブル内カラー切り替え（タイトル部分） */
.backcolor1 { background:#f6f6f6;} 
/* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFFFF;} 
/* カート部分 */
.backcolor3 { background:#f6f6f6;padding:10px 0px;} 





/* 商品レイアウト（トップページセンター、商品一覧用）*/
/* 大枠 table */
.layoutFrame{
margin:10px 0px 0px 0px;
padding:0;}

.layoutFrame td{
text-align:center;
margin:0px;
padding:0;
vertical-align:top;}

/* レイアウト */
.layout1{
margin:0px;
text-align:center;}

.layout1 td{
margin:0px;
padding:0px;
text-align:center;}

/* 第二階層 */

#bread{ /* パンクズ */
margin:0 0 20px;
padding:5px;
color:#444444;
text-align:left;
font-size:10px;
line-height:12px;

}

#bread a {
color:#4444444;
text-decoration:none;
}
#bread a:hover {
color:#cf0909;
text-decoration:underline;
}

h4.title{
margin:5px 0px;
padding:2px 0px;
color:#444444;
}




/* メイン大枠 */
.mainFrame{ 
margin:0px auto;
padding:0px;
}

p.title{ margin:3px 0px;
padding:2px 0px;
color:#444444;
border-bottom:1px dotted #cf0909;
font-weight:bold;
}


/* メールマガジンアイコン設定 */
/* 新規登録 h4 */
.mailmag_ent{ 
height:20px;
padding:33px 0px 0px 80px;
background:url(../img/icon_mailmag_ent.gif) no-repeat left bottom;}

/* アドレス変更 h4 */
.mailmag_cha{ 
height:20px;
padding:33px 0px 0px 80px;
background:url(../img/icon_mailmag_cha.gif) no-repeat left bottom;}

/* 配信解除 h4 */
.mailmag_can{ 
height:20px;
padding:33px 0px 0px 80px;
background:url(../img/icon_mailmag_can.gif) no-repeat left bottom;}





/* ソート */
#sortList{ 
margin:0px;
padding:10px 15px;
color:#444444;
float:right;}

/* ページトップ */
.pageTop {
width:79px;
height:12px;
padding:0px;
margin:30px 0 0 0;
display:block;
margin:20px 0 30px;
float:right;
text-indent: -9999px;
}
.pageTop a{ background:url(../img/pagetop_bg.gif) top left;
width:79px; height:12px; 
margin:0;
padding:0;
display:block;}

.pageTop a:hover{ background:url(../img/pagetop_bg.gif) bottom left;
margin:0;
padding:0;}




/* ****************************************************************** */
/* サイド設定 */

#search {/* サイド商品検索枠設定 */
padding:6px 5px 12px 5px;
margin:0px;
width:auto;
}

#search label{
padding:0px;
margin:0px;
color:#FFFFFF;
font-weight:bold;}

.fieldarea{padding:5px 0px 5px 0px;virtical-align:center;}

/* サイドメニューカテゴリリスト */
/* メニュー枠設定 */
.list { 
padding:0px;
margin:0px;
display:block;
line-height:130%;
background:#FFFFFF;
border:0px;
}

/* タイトル */
.list h3 { 
padding:5px 5px;
margin:0px;}

ul.free_listbox{
text-align:left;
padding:0px;
margin:0px;
list-style:none;}

ul.listbox{
text-align:left;
padding:0px;
margin:0px;
list-style:none;}

li.ca1,
li.ca3 {
color:#000000;
margin:0px;
padding:0;
border-bottom:1px #cccccc solid;
_height: 1%; 

}

li.ca1 a,
li.ca3 a{
padding:5px 3px 5px 25px;
display:block;
color:#444444;
text-decoration:none;
}

li.ca1 a:hover,
li.ca3 a:hover{
color:#444444;
text-decoration:none;
}



li.ca2,
li.ca4 {
margin:0px;
border-bottom:1px #FFFFFF solid;
_height: 1%; 
}


li.ca2 a,
li.ca4 a{
padding:3px 3px 3px 25px;
display:block;
color:#444444;
text-decoration:none;}

li.ca2 a:hover,
li.ca4 a:hover{
color:#cf0909;
text-decoration:none;
background:#fcf7d7;}




/* サイドバー下ライン */
.sline1,
.sline2 {
display:none;

}


/* サイドコンテンツ */
.sidemain1 { 
margin:0;
padding:0px;
}

*html .sidemain1 {
margin:0;
}

.sidemain1 p{
margin:0;
padding:0;
}

#rss{ /* RSS設定 */
padding:0;
margin:0 0 20px;}

#count{ /* カウンター */
margin:0px;
padding:5px;
}




/* ****************************************************************** */
/* ブログ */

.blogbox { /* コメントボックス*/
padding:5px;
margin:2px 0px;
width:auto;
}

.entry_title { /* ブログエントリータイトル h2 */
border-bottom:2px solid #cf0909;
padding:5px 5px 0;
font-size:14px;
font-weight:bold;
}

.entry_title a{
color:#444444;
text-decoration:none;
}

.entry_title a:hover{
color:#444444;
text-decoration:none;
}



.entry_date{
display:block;
padding:10px;
color:#004710;
text-align:right;
}


.state{ /* ブログステータス */
display:none;
}

.subtitle {/* h3 ブロックサブタイトル */
padding:2px 0px 5px;
margin:10px 0px 10px 0px;
text-align:left;
font-size:110%;
border-bottom:1px dotted #cccccc;
}

.subtitle a {
text-decoration:none;
}

 p.label { /* ブログコメントタイトル */
font-weight:bold;
}

.tb_url{ /* トラックバックurl */
margin-bottom:10px;
}


/* ****************************************************************** */
/* カート */

.point {font-size:120%;color:red;font-weight:900;}

.pointline {font-size:100%;color:red;font-weight:900;padding:3px;background-color:#D6C692;}



/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
text-align:center;
width:700px;
height:250px;
margin:5px auto 15px;}

.step_navi01 {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//step01.gif) no-repeat center center;}
.step_navi02 {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//step02.gif) no-repeat center center;}
.step_navi03 {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//step03.gif) no-repeat center center;}
.step_navi04 {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//step04.gif) no-repeat center center;}





/* ****************************************************************** */




/* -- 相互リンク集（kyotoSEO）2009 -- */

.link_list{
width:700px;
margin:30px 0 50px 70px;
padding:0 10px;}

.link_list .link_title{
margin:0 30px;
padding:3px 0;
color: #cc0000;
font-weight:bold;}

.link_list .link_title a{ color: #cc0000;}
.link_list .link_title a:hover {color:#FF6600;}

.link_list p{
margin:2px 30px 15px;
font-size:12px;}

.contact {
background: #eeeeee;
padding: 10px 10px 10px 20px;
margin: 40px auto 30px auto;
border: 1px solid #999999;
clear: both;
}

/*-- 相互リンク集（kyotoSEO）2010 --*/
#link_list02 a{
color:#CC0000;
font-weight:bold;}

#link_list02{
width:700px;
padding: 100px 0 0 100px;
}

#link_list02 ul{
margin:0 0 50px 5px;
padding:0;
font-size:12px;
line-height:1.5;
}

#link_list02 h2{
background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//guide_ttl_bg.gif) no-repeat left bottom; 
padding:0px 0px 7px 25px; 
margin:0px 0px 8px; 
font-weight:bold;
font-size:14px;
border: none;
}

#link_list02 li{
font-weight:500;
margin: 10px 0 0 0;
}



/* twitter */
#twitter{
width:170px;
margin: 0;
padding:0 0 10px 0;
background-color: #ffffff;}

#twitter h3,
#twitter h4 { font-size:10px !important; }
#twitter span a{ font-size:9px !important; }

.twtr-ft div{padding:5px !important;}

.twtr-ft span{float:right;text-align:right;}
.twtr-ft a{display:inline !important;}

#twitter .twtr-ft img { height:10px !important;}




/* ** リニューアル TOP 20110520************************************** */




#hd{
width:960px;
padding:20px 0 0;
}

#hd .hd_h1{
font-weight:normal;
color:#FFFFFF;
font-size:10px;
line-height:12px;
border-bottom:3px solid #cf0909;
margin-bottom:10px;
}

#hd .hd_h1 span{
background:#cf0909;
padding:2px;
}


/* ヘッダーナビ1 */
ul#n01 {
width:960px;
margin:0 0 20px;
padding:0;
}
ul#n01 li{
float:left;
}

ul#n01 li a{
height:60px;
float:left;
color:#FFFFFF;
display:block;
}

ul#n01 li#n01_1 { margin-right:25px;}
ul#n01 li#n01_2 a {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat 0 0; width:92px; text-indent:-9999px;}
ul#n01 li#n01_3 a {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -92px 0; width:115px; text-indent:-9999px;}
ul#n01 li#n01_4 a {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -207px 0; width:102px; text-indent:-9999px;}
ul#n01 li#n01_5 a {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -309px 0; width:105px; text-indent:-9999px; margin-right:30px; _margin-right:15px;}
ul#n01 li#n01_6 a {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -443px 0; width:125px; text-indent:-9999px; margin-right:10px; _margin-right:5px;}
ul#n01 li#n01_7 a {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -578px 0; width:125px; text-indent:-9999px;}

ul#n01 li#n01_2 a:hover {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat 0 -60px ; width:92px; text-indent:-9999px;}
ul#n01 li#n01_3 a:hover {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -92px -60px ; width:115px; text-indent:-9999px;}
ul#n01 li#n01_4 a:hover {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -207px -60px ; width:102px; text-indent:-9999px;}
ul#n01 li#n01_5 a:hover {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -309px -60px ; width:105px; text-indent:-9999px; margin-right:30px; _margin-right:15px;}
ul#n01 li#n01_6 a:hover {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -443px -60px ; width:125px; text-indent:-9999px; margin-right:10px; _margin-right:5px;}
ul#n01 li#n01_7 a:hover {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi01.gif) no-repeat -578px -60px ; width:125px; text-indent:-9999px;}



/* ヘッダーナビ2 */
ul#n02 {
width:960px;
margin:0 0 10px;
padding:0;
}
ul#n02 li{
float:left;
}

ul#n02 li a{
height:60px;
float:left;
color:#FFFFFF;
text-indent:-9999px;
display:block;
}

ul#n02 li#n02_1 a {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat 0 0; width:138px;}
ul#n02 li#n02_2 a {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -138px 0; width:137px;}
ul#n02 li#n02_3 a {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -275px 0; width:137px;}
ul#n02 li#n02_4 a {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -412px 0; width:137px;}
ul#n02 li#n02_5 a {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -549px 0; width:137px;}
ul#n02 li#n02_6 a {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -686px 0; width:137px;}
ul#n02 li#n02_7 a {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -823px 0; width:137px;}

ul#n02 li#n02_1 a:hover {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat 0 -60px; width:138px;}
ul#n02 li#n02_2 a:hover {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -138px -60px; width:137px;}
ul#n02 li#n02_3 a:hover {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -275px -60px; width:137px;}
ul#n02 li#n02_4 a:hover {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -412px -60px; width:137px;}
ul#n02 li#n02_5 a:hover {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -549px -60px; width:137px;}
ul#n02 li#n02_6 a:hover {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -686px -60px; width:137px;}
ul#n02 li#n02_7 a:hover {background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_navi02.gif) no-repeat -823px -60px; width:137px;}


/* ヘッダーフリーエリア */

#hd_free { 
text-align:left;
width: 960px;
top: 195px;
left: 50%;
margin-left: -480px;
position: absolute;
z-index: 2;
line-height:16px;
font-size:12px;
}


/* ヘッダーランキング */

#hd_rank{
background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_rank_bg.gif) no-repeat 0 0 ;
width:960px;
height:25px;
margin-bottom:20px;
}

#hd_rank ul{
margin:0 0 0 145px;
padding:0;
}

#hd_rank ul li{
float:left;
margin:5px 10px 0 0;
padding-left:45px;
font-size:10px;
letter-spacing:
}

#hd_rank ul li.no01{background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_rank01.gif) no-repeat 0 0 ;}
#hd_rank ul li.no02{background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_rank02.gif) no-repeat 0 0 ;}
#hd_rank ul li.no03{background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//hd_rank03.gif) no-repeat 0 0 ;}


/* サイド */
#s_box{
width:230px;
clear:both;
float:left;}

/* サイド バナー */
ul{padding:0;}

ul.s_bnr li{
margin-bottom:20px;
padding:0;
}


/* サイド ニュース */
.s_news{
width:230px;
background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_gray_bg01.gif) repeat-y center top;
margin-bottom:20px;
}

.s_news .scroll{
width:228px;
margin:0 1px;
height:160px;
overflow-y:scroll;
}

.s_news .scroll ul{
padding:5px 10px;
}

.s_news .scroll li{
margin-bottom:10px;

}


/* サイド 案内リンク */
.s_info{
margin-bottom:20px;
}

.s_info ul li a{
display:block;
text-indent:-9999px;
width:230px;
height:52px;
}


.s_info ul li.s_info01 a{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 0;}
.s_info ul li.s_info02 a{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -52px;}
.s_info ul li.s_info03 a{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -104px;}
.s_info ul li.s_info04 a{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -156px;}
.s_info ul li.s_info05 a{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -208px;}
.s_info ul li.s_info06 a{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -260px;}
.s_info ul li.s_info07 a{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -312px;}
.s_info ul li.s_info08 a{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat 0 -364px;}

.s_info ul li.s_info01 a:hover{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px 0;}
.s_info ul li.s_info02 a:hover{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -52px;}
.s_info ul li.s_info03 a:hover{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -104px;}
.s_info ul li.s_info04 a:hover{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -156px;}
.s_info ul li.s_info05 a:hover{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -208px;}
.s_info ul li.s_info06 a:hover{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -260px;}
.s_info ul li.s_info07 a:hover{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -312px;}
.s_info ul li.s_info08 a:hover{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_info.gif) no-repeat -230px -364px;}

/* サイド モバイル */
.s_mobile{
widows:230px;
height:172px;
background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_mobile.gif) no-repeat 0 0;
margin-bottom:20px;
}

.s_mobile div{
font-weight:bold;
text-align:center;
color:#cf0909;
padding:138px 0 0;
}


/* サイド お問合せ */
.s_contact{
width:230px;
background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_gray_bg01.gif) repeat-y center top;
margin-bottom:20px;

}

.s_contact .calendar{
text-align:center;
padding:10px 0;
}

/* サイド リンク */
.s_link{
width:230px;
background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//s_gray_bg01.gif) repeat-y center top;
margin-bottom:20px;

}
.s_link ul,
.s_link div.s_link_bnr{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px dotted #cccccc;
}

.s_link ul li{
background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//icon01.gif) no-repeat 5px 4px;
font-size:10px;
line-height:12px;
padding:0 0 5px 20px;
}



/* infobox */


#infobox {
position:fixed;
z-index: 5;
bottom: 0;
right: 0;
text-align:left;
width: 175px;
}

.infobox_box{
background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//infobox_bg.gif) repeat-y center top;
margin-bottom:5px;
width:170px;
} 






/* メイン */
#m_box{
width:700px;
float:right;
}


/* 商品一覧 タブ*/

#tab{
width:700px;
border-bottom: 3px solid #cf0909;
}

#tab li {
float:left;
width:345px;
}

#tab li a{
display:block;
text-indent:-9999px;
width:340px;
height:40px;
}

#tab li.selected a.tab01{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_tab.gif) no-repeat 0 0;}
#tab li.selected  a.tab02{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_tab.gif) no-repeat -345px 0;}


#tab li a.tab01{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_tab.gif) no-repeat 0 -80px;}
#tab li a.tab02{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_tab.gif) no-repeat -345px -80px;}

#tab li a:hover.tab01{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_tab.gif) no-repeat 0 -40px;}
#tab li a:hover.tab02{ background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_tab.gif) no-repeat -345px -40px;}


/* 商品一覧 */
#il_box{
border:1px dotted #cccccc;
margin-bottom:40px;
border-collapse:collapse;
}

#il_box td{
border-collapse:collapse;
border:1px dotted #cccccc;
width:200px;
padding:14px;
vertical-align:top;
}

#il_box{
border:1px dotted #cccccc;
margin-bottom:40px;
border-collapse:collapse;
}

#il_icon{
border-collapse:collapse;
border:2px solid #ffffff;
}

#il_icon td{
padding:0;
border-collapse:collapse;
border:2px solid #ffffff;
}

#il_icon td a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}


/* お客様の声 */

.m_voice{
width:700px;
background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//m_voice_bg02.gif) repeat-y center top;
margin-bottom:40px;
}

.m_voice_frame{
margin: 0 10px;
}


/* フッターバナー */

#ft_bnr{
clear:both;
padding-top:20px;
margin-bottom:30px;
}

/* フッター */

#ft{
width:930px;
_width:960px;
padding:20px 15px 15px;
background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_bg.gif) repeat-y center top;
border-bottom:4px solid #cf0909;
}

#ft_info {
margin-bottom:30px;
}


#ft_info ul li{
float:left;
width:225px;
margin-right:10px;
}

#ft_info ul li.ft_info04{
margin-right:0 !important;
}


#ft_info ul li a{
width:223px;
height:108px;
border:1px solid #ft_info;
text-indent:-9999px;
display:block;
border:1px solid #cccccc;

}


#ft_info ul li.ft_info01 a{background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img01.gif) no-repeat 0 0;}
#ft_info ul li.ft_info02 a{background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img02.gif) no-repeat 0 0;}
#ft_info ul li.ft_info03 a{background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img03.gif) no-repeat 0 0;}
#ft_info ul li.ft_info04 a{background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img04.gif) no-repeat 0 0;}



#ft_info ul li.ft_info01 a:hover{background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img01.gif) no-repeat 0 0; border:1px solid #cf0909;}
#ft_info ul li.ft_info02 a:hover{background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img02.gif) no-repeat 0 0; border:1px solid #cf0909;}
#ft_info ul li.ft_info03 a:hover{background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img03.gif) no-repeat 0 0; border:1px solid #cf0909;}
#ft_info ul li.ft_info04 a:hover{background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//ft_img04.gif) no-repeat 0 0; border:1px solid #cf0909;}


/* コピーライト */

#copy{
font-size:10px;
line-height:12px;
}

#copy .copy01{
width:465px;
text-align:left;
float:left;
}
#copy .copy02{
width:465px;
text-align:right;
float:left;
}


/* ** フリーページ ************************************* */


/* FAX */

.fax_page {
margin-top:30px;
border:1px dotted #cccccc;
padding:30px;
}
.fax_page ul {
margin:0;
padding:0;
list-style:none;
}

.fax_page ul li {
margin:0;
padding:0 0 10px 25px;
background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//icon01.gif) no-repeat 10px 5px; 
list-style:none;
}


/* リンク集 */
.bottom_t,
.link_list .cate  { 
background:url(/USERTHEMEIMG/vol1/hpsw.kq.shopserve.jp//guide_ttl_bg.gif) no-repeat left bottom; 
padding:0px 0px 7px 25px; 
margin:0px 0px 8px; 
font-weight:bold;
font-size:100%;
border: none;
}



/* ****************************************************************** */


/* 共通 */

.clear { clear: both;}


.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \ */
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

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

.boxcenter{ margin:0 auto;}


.fl {float: left;}
.fr {float: right;}

.tac{ text-align:center !important;}
.tar{ text-align:right !important;}
.tal{ text-align:left !important;}
.center{ text-align:center !important;}

.vab{ vertical-align:bottom;}

.m0{ margin:0!important;}
.m5{ margin:5px;}
.m10{ margin:10px;}
.m15{ margin:15px;}
.m20{ margin:20px;}
.m25{ margin:25px;}
.m30{ margin:30px;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px;}
.mb8 {margin-bottom: 8px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px !important;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}

.mt5 {margin-top: 5px;}
.mt8 {margin-top: 8px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}

.mr5 {margin-right: 5px;}
.mr7{ margin-right:7px}
.mr8 {margin-right: 8px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}

.ml5 {margin-left: 5px;}
.ml8 {margin-left: 8px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}

.p5{ padding:5px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p20{ padding:20px;}
.p30{ padding:30px;}

.prl5{padding : 0 5px;}
.prl10{padding : 0 10px;}
.prl15{padding : 0 15px;}
.prl20{padding : 0 20px;}
.prl30{padding : 0 30px;}
.prl40{padding : 0 40px;}

.pt5{ padding-top:5px}
.pt10{ padding-top:10px}
.pt15{ padding-top:15px}
.pt20{ padding-top:20px}
.pt30{ padding-top:30px}
.pt40{ padding-top:40px}
.pt50{ padding-top:50px}

.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}

.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}

.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}

.pb0{ padding-bottom:0;}




.fc_red{ color:#cf0909;}