@charset "utf-8";

/* 要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
 margin: 0;
 padding: 0;
 border: none;
 font-style: normal;
 font-weight: normal;
 font-size: 100%;
 text-align: left;
 list-style-type: none;
}

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }

/* hr 要素は不可視で使う */
hr { display: none; }

/* table 要素の文字サイズ固定 */
table {
 font-size: inherit;
 font: 100%;
}

/* 文字サイズ class */
.text10 { font-size: 77%;}
.text11 { font-size: 85%;}
.text12 { font-size: 93%;}
.text13 { font-size: 100%;}
.text14 { font-size: 108%;}
.text15 { font-size: 116%;}
.text16 { font-size: 123.1%;}
.text17 { font-size: 131%;}
.text18 { font-size: 138.5%;}
.text19 { font-size: 146.5%;}
.text20 { font-size: 153.9%;}
.text21 { font-size: 161.6%;}
.text22 { font-size: 167%;}
.text23 { font-size: 174%;}
.text24 { font-size: 182%;}
.text25 { font-size: 189%;}
.text26 { font-size: 197%;}

/* clearfix */
.clearfix {
 zoom: 1;
}

.clearfix:after {
 content: "";
 display: block;
 clear: both;
}

/* 全体設定 */
html, body {
 font: 13px marugo,"HG丸ゴシックM-PRO",verdana,arial,sans-serif;
 *font-size: small;
 *font: x-small; margin: 0;
 text-align: left;
 word-break: break-all;
 word-wrap: break-word;
 -webkit-text-size-adjust: none;
 height: 100%;
 background: #fff;
 color: #555;
}

/* h 要素 */
h1.smlogo {
 position: absolute;
 top: 0;
 left: 0;
 width: 380px;
 height: 58px;
}

h1.smlogo a {
 background: url(../images/logo.gif) no-repeat 0 0;
 display: block;
 text-indent: -9999px;
 width: 380px;
 height: 58px;
}

h2.contentstitle {
 color: #333;
 font-weight: bold;
 padding: 3px 5px;
 border: #999 1px solid;
 background: #eee;
}

h2.sidebartitle {
 color: #fff;
 padding: 3px 5px;
 background: #999;
}

h4.guidetitle {
 color: #333;
 font-size: 116%;
 font-weight: bold;
 padding: 3px 5px 3px 22px;
 border-bottom: #999 1px dotted;
 background: url(../images/h4_guide_bg.gif) no-repeat 5px 7px;
}

/* 全体リンク */
a {
 outline: medium none;
}

a:link {
 color: #333;
}

a:visited {
 color: #333;
}

a:hover {
 color: #c62f64;
}

a:active {
 color: #333;
}

/* 共通 */
a:hover img.over {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha( opacity=70 )";
}

.center {
 text-align: center;
}

.right {
 text-align: right;
}

.padding5 {
 padding: 5px;
}

.padding10 {
 padding: 10px;
}

.margin5 {
 margin: 5px;
}

.margin10 {
 margin: 10px;
}

.marginbottom10 {
 margin-bottom: 10px;
}

.margintop20 {
    margin-top: 20px;
}

.mario-red {
 color: #c62f64;
}

.bgeee {
 background: #eee;
}

.line {
 width: 960px;
 height: 8px; 
 background: url(../images/bg.gif);
 margin: 10px 0;
 border-bottom: 2px #7fcc30 solid;
}

.border1s {
 border: #999 1px solid;
}

.text-center {
 text-align: center;
}
/* ヘッダ */
#header {
 position: relative;
 width: 960px;
 height: 58px;
}

#contact {
 position: absolute;
 bottom: 0;
 right: 200px;
}

#mail {
 position: absolute;
 bottom: 0;
 right: 100px;
}

#cart {
 position: absolute;
 bottom: 0;
 right: 0;
}

#guide {
 position: absolute;
 bottom: 25px;
 right: 0;
 font-size: 85%;
}

/* くるくるバナー */
#slider {
 width: 750px;
}

/* フッタ */
#footer {
 width: 960px;
}

.footerlink {
 float: left;
 width: 188px;
}

.footerlink ul li {
 padding-right: 10px;
 font-size: 85%;
}

/* サイドバナー */
#sidebar {
 width: 200px;
 float: left;
}

.brandexhibition {
 padding: 10px 0;
 border-bottom: #999 1px dotted;
}

.brandexhibition img {
 float: left;
 margin-right: 10px;
}

.category1 {
 background: url(../images/category1.gif) no-repeat;
 padding-top: 40px;
}

.category2 {
 background: url(../images/category2.gif) no-repeat;
 padding-top: 40px;
 margin-top: 10px;
}

.category3 {
 background: url(../images/category3.gif) no-repeat;
 padding-top: 40px;
 margin-top: 10px;
}

.category4 {
 background: url(../images/category4.gif) no-repeat;
 padding-top: 40px;
 margin-top: 10px;
}

.category li {
 padding: 5px 0;
 border-bottom: #999 1px dotted;
}

.category li a {
 font-size: 85%;
 padding-left: 12px;
 background: url(../images/arrow.png) no-repeat;
 text-decoration: none;
}

.sidebannerarea img {
 margin-bottom: 10px;
 display: block;
}

#leftside_category_allview {
 padding: 5px 2px;
 border-bottom: #999 1px dotted;
}

#leftside_category_upperview {
 padding: 5px 2px;
 border-bottom: #999 1px dotted;
}

/* スクエアバナー */
.pickup_banner {
 float:left;
 width: 175px;
 margin: 5px;
}

/* メインコンテンツ */
#contents {
 float: right;
 width: 750px;
}

.recommend {
 float:left;
 width: 175px;
 margin: 5px;
}

.recommend_itemcat {
 font-size: 85%;
 border-bottom: #999 1px dotted;
 font-weight: bold;
 padding: 3px 5px;
}

.recommend_itemimg {
 margin: 10px;
}

.recommend_itemname {
 padding: 0 10px;
 font-size: 93%;
}

.pro_discount_rate{
 color: white;
 background: #c62f64;
 padding: 3px 0;
 width: 100%;
}

/* カスタムページ */
.panel {
  padding: 9px 9px 19px;
  border: 1px solid #999;
}

.panel-heading {
 margin: -9px -9px 19px;
 padding: 10px;
 background-color: #eee;
 border-bottom: 1px solid #999;
}

.panel-title {
 font-size: 138.5%;
 color: #333;
 font-weight: bold;
}

.astk_productbutton {
 float:left
}

.padding_left {
 padding-left:10px;
}

table {
 border-collapse: collapse;
}

table th {
 border: 1px solid #dadada;
 padding: 8px;
 background: #eee;
 font-weight: normal;
 white-space: nowrap;
}

td {
 background: #fff;
 border: 1px solid #dadada;
 padding: 8px;
}