@charset "utf-8";
/* =================================================================
* Author : ono
* Date : 2015-4
* Licensing : e-TRUST Inc.
* ================================================================= */
/*
基本設定の内に記述
*/
/* ----------------------------------------------------------
Reset
---------------------------------------------------------- */
* {
/*word-break: break-all;*/
}
a img {
border: none;
}
p, ul, li, ol, h1, h2, h3, h4, h5, h6, hr, dl, dt, dd, pre {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
address {
font-style: normal;
}
br {
letter-spacing: 0;
line-height: 0.8;
}
img {
max-width: 100%;
vertical-align: bottom;
}
/* ----------------------------------------------------------
Bxi Reset
---------------------------------------------------------- */
#smap {
padding: 0;
}
#smap p {
margin: 0 0 30px;
padding-left: 15px;
border-left: 5px solid #F8DE68;
}
hr {
border: none;
height: 0;
border-bottom: 1px dashed #C9C9C9;
}
.policy h2 {
padding: 0;
border-bottom: 1px solid #9B9B9B;
height: auto;
background: none;
margin-bottom: 20px;
}
.policy h3 {
margin-bottom: 15px;
border-bottom: 1px solid #ABABAB;
}
.policy p {
margin-bottom: 40px;
}
.end {
display: none;
}
.bannar {
margin: 0;
padding: 0;
}
a,
a:link,
a:visited {
color: #F39800;
}
a:hover {
color: #c2841c;
text-decoration: none;
}
/* ----------------------------------------------------------
Layout Structure
---------------------------------------------------------- */
#wrapper {
width: 100%;
overflow: hidden;
}
#contents {
margin: 0 auto;
width: 960px;
}
.inner {
width: 960px;
margin: 0 auto;
}
/* ----------------------------------------------------------
Header
---------------------------------------------------------- */
#header {
background: #FFFFFF;
width: 100%;
text-align: center !important;
position: relative;
}
#gnavi li {
float: left;
line-height: 0;
}
#gnavi li a img {
vertical-align: bottom;
}
/* ----------------------------------------------------------
Footer
---------------------------------------------------------- */
#footer {
display: none;
}
#footermenu {
text-align: center !important;
width: 100%;
}
#pagetop {
background: #FFEDA8;
line-height: 0;
}
#pagetop a img {
vertical-align: bottom;
}
#fnavi {
background: #FEC816;
color: #2C2D2B;
padding: 15px 0;
}
#fnavi a {
color: #2C2D2B;
text-decoration: none;
}
#fnavi a:hover {
text-decoration: underline;
}
#footerinner {
background: #3E3A2A;
color: #ffffff;
padding: 15px 0;
}
#footerinner a {
color: #fff;
text-decoration: none;
}
#footerinner a:hover {
text-decoration: underline;
}
#copyright {
margin-top: 10px;
}
/* ----------------------------------------------------------
Left
---------------------------------------------------------- */
#navi,
#left {
display: none;
}
/* ----------------------------------------------------------
Right
---------------------------------------------------------- */
#right{
width: 960px;
position: relative;
text-align: left;
}
/* bread list */
.bread {
font-size: 13px;
}
.bread ol {
float: right;
}
.bread ol li {
float: left;
background: url(../images/common/icon_arrow_bread.png) no-repeat 5px center;
padding: 0 0 0 15px;
white-space: nowrap;
}
.bread ol li.home {
padding: 0;
background: none;
}
.bread ol li a {
color: #6f6f6f;
text-decoration: none;
}
.bread ol li a:hover {
color: #545454;
}
/* b color */
.bcolor01 b {
color: #F13A9B;
}
/* b font-size */
.bfs16 b { font-size: 16px;}
/* a button */
a.btn {
width: 100px;
display: block;
background: #9A2929;
/* gradient */
background: linear-gradient(to bottom, #9A2929 0%,#6B1D1D 100%);
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9A2929', endColorstr='#6B1D1D',GradientType=0 ); */
/* end gradient */
/* box shadow */
-moz-box-shadow: 0 0 5px #C37F7F inset;
-webkit-box-shadow: 0 0 5px #C37F7F inset;
-ms-box-shadow: 0 0 5px #C37F7F inset;
box-shadow: 0 0 5px #C37F7F inset;
/* end box shadow */
border: 1px solid #691C1C;
color: #ffffff;
padding: 2px 5px;
/* border-radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
/* end border-radius */
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
a.btn:hover {
background: #6B1D1D;
/* gradient */
background: linear-gradient(to bottom, #6B1D1D 0%,#9A2929 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6B1D1D', endColorstr='#9A2929',GradientType=0 ); */
/* end gradient */
}
/* ----------------------------------------------------------
COMMON STYLE
---------------------------------------------------------- */
.disnone {
display: none;
}
/* box */
.box01 {
border: 10px solid #FFEDA8;
}
.bTnone {
border-top: none !important;
}
.bBnone {
border-bottom: none !important;
}
.bTBnone {
border-top: none !important;
border-bottom: none !important;
}
/* box border-bottom */
.bb01 {
border-bottom: 1px dashed #D5D5D5 !important;
}
/* box border-top */
.bt01 { border-top: 1px dashed #D5D5D5 !important;}
/* x line */
.line_x { background: url(../images/common/line.png) repeat-x left bottom; }
/* y line */
.line_y { background: url(../images/common/stroke_y.png) repeat-y center top;}
/* table td border-bottom */
.tdbb01 td,td.tdbb01 { padding-top: 10px !important;padding-bottom: 10px !important;border-bottom: 1px dashed #C1C1C1 !important;}
.tdbb02 td { border-bottom: 5px solid #FFFFFF !important;}
.tdbb03 td,td.tdbb03 { border-left: 1px solid #C1C1C1 !important; }
td.tdbb04 { border-bottom: 1px dashed #C1C1C1 !important;}
/* td background */
.tdbg { background: url(../images/common/tdbg.png) repeat-x left top; }
/* img border */
.border01 img {
background: #FFFFFF;
border: 1px solid #C9C9C9 !important;
padding: 4px;
}
.border02 img {
background: url(../images/common/img_shadow2.png) no-repeat center bottom #FFFFFF;
border: 1px solid #dfddda !important;
border-bottom: none !important;
padding: 10px 10px 20px;
}
/* table img column */
.pics3 img {
max-width: 220px;
height: auto;
}
.pics4 img {
max-width: 154px;
height: auto;
margin-bottom: 5px;
}
/* float */
.clear{clear:both;}
/* font-size */
.fs10 {font-size:10px;}.fs11 {font-size:11px;}.fs12 {font-size:12px;}.fs13 {font-size:13px;}.fs14 {font-size:14px;}.fs15 {font-size:15px;}.fs16 {font-size:16px;}.fs17 {font-size:17px;}.fs18 {font-size:18px;}.fs19 {font-size:19px;}.fs20 {font-size:20px;}.fs21 {font-size:21px;}.fs22 {font-size:22px;}.fs23 {font-size:23px;}.fs24 {font-size:24px;}.fs25 {font-size:25px;}.fs26 {font-size:26px;}.fs27 {font-size:27px;}.fs28 {font-size:28px;}.fs29 {font-size:29px;}.fs30 {font-size:30px;}.fs31 {font-size:31px;}.fs32 {font-size:32px;}.fs33 {font-size:33px;}.fs34 {font-size:34px;}.fs35 {font-size:35px;}
/* line-height */
.lh11{line-height:1.1;}.lh12{line-height:1.2;}.lh13{line-height:1.3;}.lh14{line-height:1.4;}.lh15{line-height:1.5;}.lh16{line-height:1.6;}.lh17{line-height:1.7;}.lh18{line-height:1.8;}.lh19{line-height:1.9;}.lh20{line-height:2;}.lh21{line-height:2.1;}.lh22{line-height:2.2;}.lh25{line-height:2.5;}
/* letter-spacing */
.ls-1{letter-spacing:-1px;}.ls0{letter-spacing:0px;}.ls1{letter-spacing:1px;}.ls2{letter-spacing:2px;}
/* padding */
/* all */
.pd0 { padding:0 !important;}.pd05{padding:5px !important;}.pd08{padding:8px !important;}.pd10{padding:10px !important;}.pd14{padding:14px !important;}.pd15{padding:15px !important;}.pd20{padding:20px !important;}.pd25{padding:25px !important;}.pd30{padding:30px !important;}
/* top */
.pdT03{padding-top:3px !important;}.pdT05{padding-top:5px !important;}.pdT10{padding-top:10px !important;}.pdT15{padding-top:15px !important;}.pdT20{padding-top:20px !important;}.pdT25{padding-top:25px !important;}.pdT30{padding-top:30px !important;}.pdT35{padding-top:35px !important;}.pdT60{padding-top:60px !important;}
/* bottom */
.pdB0{padding-bottom:0 !important;}.pdB05{padding-bottom:5px !important;}.pdB10{padding-bottom:10px !important;}.pdB14{padding-bottom:14px !important;}.pdB15{padding-bottom:15px !important;}.pdB20{padding-bottom:20px !important;}.pdB25{padding-bottom:25px !important;}.pdB30{padding-bottom:30px !important;}.pdB40{padding-bottom:40px !important;}
/* top & bottom */
.pdTB03{padding-top:3px !important;padding-bottom:3px !important;}.pdTB05{padding-top:5px !important;padding-bottom:5px !important;}.pdTB10{padding-top:10px !important;padding-bottom:10px !important;}.pdTB14{padding-top:14px !important;padding-bottom:14px !important;}.pdTB15{padding-top:15px !important;padding-bottom:15px !important;}.pdTB20{padding-top:20px !important;padding-bottom:20px !important;}.pdTB25{padding-top:25px !important;padding-bottom:25px !important;}.pdTB30{padding-top:30px !important;padding-bottom:30px !important;}
/* left */
.pdL05{padding-left:5px !important;}.pdL10{padding-left:10px !important;}.pdL15{padding-left:15px !important;}.pdL17{padding-left:17px !important;}.pdL20{padding-left:20px !important;}.pdL25{padding-left:25px !important;}.pdL30{padding-left:30px !important;}.pdL35{padding-left:35px !important;}.pdL45{padding-left:45px !important;}
/* right */
.pdR04{padding-right:4px !important;}.pdR05{padding-right:5px !important;}.pdR07{padding-right:7px !important;}.pdR08{padding-right:8px !important;}.pdR10{padding-right:10px !important;}.pdR11{padding-right:11px !important;}.pdR12{padding-right:12px !important;}.pdR13{padding-right:13px !important;}.pdR14{padding-right:14px !important;}.pdR15{padding-right:15px !important;}.pdR16{padding-right:16px !important;}.pdR17{padding-right:17px !important;}.pdR18{padding-right:18px !important;}.pdR20{padding-right:20px !important;}.pdR21{padding-right:21px !important;}.pdR22{padding-right:22px !important;}.pdR23{padding-right:23px !important;}.pdR25{padding-right:25px !important;}.pdR30{padding-right:30px !important;}.pdR35{padding-right:35px !important;}.pdR40{padding-right:40px !important;}
/* left & right */
.pdLR05{padding-left:5px !important;padding-right:5px !important;}.pdLR10{padding-left:10px !important;padding-right:10px !important;}.pdLR15{padding-left:15px !important;padding-right:15px !important;}.pdLR20{padding-left:20px !important;padding-right:20px !important;}.pdLR25{padding-left:25px !important;padding-right:25px !important;}.pdLR30{padding-left:30px !important;padding-right:30px !important;}
/* margin */
/* all */
.mg05{margin:5px;}.mg10{margin:10px;}.mg15{margin:15px;}.mg20{margin:20px;}.mg25{margin:25px;}.mg30{margin:30px;}
/* top */
.mgT05{margin-top:5px !important;}.mgT10{margin-top:10px !important;}.mgT15{margin-top:15px;}.mgT20{margin-top:20px;}.mgT25{margin-top:25px;}.mgT30{margin-top:30px;}
.mgTem15 {margin-top:1.5em !important;}
/* bottom */
.mgB05{margin-bottom:5px;}.mgB10{margin-bottom:10px;}.mgB15{margin-bottom:15px;}.mgB20{margin-bottom:20px;}.mgB25{margin-bottom:25px;}.mgB30{margin-bottom:30px;}.mgB35{margin-bottom:35px;}.mgB40{margin-bottom:40px;}
/* top & bottom */
.mgTB05{margin-top:5px;margin-bottom:5px !important;}.mgTB10{margin-top:10px;margin-bottom:10px !important;}.mgTB15{margin-top:15px;margin-bottom:15px;}.mgTB20{margin-top:20px;margin-bottom:20px;}.mgTB25{margin-top:25px;margin-bottom:25px;}.mgTB30{margin-top:30px;margin-bottom:30px;}
/* left */
.mgL05{margin-left:5px;}.mgL10{margin-left:10px;}.mgL15{margin-left:15px;}.mgL20{margin-left:20px;}.mgL25{margin-left:25px;}.mgL30{margin-left:30px;}
/* right */
.mgR05{margin-right:5px;}.mgR10{margin-right:10px;}.mgR15{margin-right:15px;}.mgR20{margin-right:20px;}.mgR25{margin-right:25px;}.mgR30{margin-right:30px;}.mgR60{margin-right:60px;}
/* left & right */
.mgLR05{margin-left:5px;margin-right:5px;}.mgLR10{margin-left:10px;margin-right:10px;}.mgLR15{margin-left:15px;margin-right:15px;}.mgLR20{margin-left:20px;margin-right:20px;}.mgLR25{margin-left:25px;margin-right:25px;}.mgLR30{margin-left:30px;margin-right:30px;}
/* border-radius */
/* all */
.rd3 {
/* border-radius */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
/* end border-radius */
}
.rd5 {
/* border-radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
/* end border-radius */
}
.rd10 {
/* border-radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
/* end border-radius */
}
/* box-shadow */
.bshadow img {
/* box shadow */
-moz-box-shadow: 0 0 3px #b8976e;
-webkit-box-shadow: 0 0 3px #b8976e;
-ms-box-shadow: 0 0 3px #b8976e;
box-shadow: 0 0 3px #b8976e;
/* end box shadow */
}
/* font-family */
.mincho {font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
/* font color */
.green {color: #1C6E0B;}
.red {color: #9E3A41;}
.violet {color: #663485;}
.orange { color: #F46312; }
.black000 { color: #000000;}
.black { color: #2C2B29;}
.white { color: #FFFFFF;}
.koipink { color: #FB498C; }
.pink { color: #FB7EA7; }
.gray { color: #9E9E9E; }
.blue { color: #0CB0C7; }
.yellow { color: #FEE91B; }
.navy { color: #20317C; }
/* bg color */
.bgcl01 {
background: url(../images/common/bgcolor_blue.png) repeat-x left bottom;
}
/* font-weight */
.fwb { font-weight: bold; }
.fwn { font-weight: normal; }
/* rotate img */
.rotateimgR img {
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
border: 5px solid #FFFFFF;
-moz-box-shadow: 1px 2px 3px #D3D3D3;
-webkit-box-shadow: 1px 2px 3px #D3D3D3;
-ms-box-shadow: 1px 2px 3px #D3D3D3;
box-shadow: 1px 2px 3px #D3D3D3;
}
/* tex-align */
.taLeft {
text-align: left !important;
}
.taRight {
text-align: right !important;
}
.taCenter {
text-align: center !important;
}
/* hr */
.hr01 hr {
border: none;
height: 0;
border-bottom: 1px dashed #FFFFFF;
border-top: 1px dashed #e6e7e3;
}
*:first-child+html .hr01 hr { border-bottom: 1px dashed #e6e7e3; }
*+html .hr01 hr { border-bottom: 1px dashed #e6e7e3; }
.bbnone {
border: none !important;
}
.gallry01 img {
max-width: 145px !important;
max-height: 145px !important;
width: auto;
height: auto;
}
/* ----------------------------------------------------------
SHOP STYLE
---------------------------------------------------------- */
.shopCont {
margin: 0 !important;
}
.itemLook h3 {
border-bottom: 1px solid #DCDCDC;
padding-left: 30px;
}
.sortArea {
padding: 0 !important;
}
.sortArea h5 {
border: none !important;
}
#under_navi {
background: #D5D5D5 !important;
}
#under_navi span {
background: #797979;
border: none;
color: #FFFFFF;
}
#under_navi a {
background: #898686;
border: none;
color: #FFFFFF;
text-decoration: none;
}
#under_navi a:hover,
#under_navi a:visited {
background: #797979;
border: none;
color: #FFFFFF;
}
/* shop side */
#shopping_cart {
margin: 0 0 10px;
}
#shopping_cart h4 {
border: none;
}
#shopNav {
padding: 0;
margin-bottom: 30px;
}
/* discription */
.itemArea {
padding: 0;
margin: 0;
}
.itemArea h2 {
border: none;
font-size: 25px;
padding: 0;
margin-bottom: 30px;
background-image: none;
background: none !important;
}
.itemArea h2 strong,
h2.titleH2 {
border-bottom: 1px solid #999999 !important;
background: none !important;
padding: 0 0 5px !important;
margin: 0;
line-height: 1.2;
font-size: 21px;
font-weight: normal;
color: #573B31;
}
/*.itemArea h2 strong:first-letter,
h2.titleH2:first-letter {
font-size: 30px;
}*/
.itemArea .itemImg {
padding: 0;
margin: 0 20px 0 0;
border: 1px solid #D9D9D9;
}
.itemList {
margin: 0;
float: right;
width: 650px;
}
.itemList table {
width: 650px;
}
.itemList table th {
width: 20%;
text-align: left;
padding: 10px 0 !important;
border-bottom: 1px dotted #BBBBBB !important;
}
.itemList table td {
width: 80%;
text-align: left;
padding: 10px 0 !important;
border-bottom: 1px dotted #BBBBBB !important;
}
.wishList {
margin: 10px 0;
}
dl.example {
margin: 50px 0;
}
dl.example dt {
border-bottom: 1px dotted #C7C7C7;
font-weight: normal;
margin-bottom: 10px;
}
dl.example dd h3 {
border-left: 5px solid #642F33;
background: none;
color: #666666;
font-weight: bold;
padding: 0 0 0 8px;
font-size: 15px;
}
#under_navi {
background: #CCCCCC !important;
color: #583C32;
}
#under_navi a {
border: 1px solid #454545 !important;
background: #FFFFFF !important;
color: #454545;
}
#under_navi span {
border: 1px solid #454545 !important;
background: #454545 !important;
font-weight: bold;
color: #FFFFFF;
}
.itemTable {
border: none;
margin: 80px 0 0;
}
.itemTable h3 {
background: none;
border-bottom: 1px solid #D0D0D0;
font-size: 25px;
font-weight: normal;
margin: 0 0 30px;
padding: 0;
}
.itemTable h3 span {
font-size: 13px;
}
.itemTable table td {
padding: 0 15px 10px !important;
}
/* ----------------------------------------------------------
PAGES STYLE
---------------------------------------------------------- */
/* common */
.ttl1 {
color: #3E32AE;
font-size: 25px;
}
.ttl2 {
color: #FFFFFF;
font-size: 30px;
}
.ttl3 {
border-top: 2px solid #FFCA00;
border-bottom: 2px solid #FFCA00;
padding: 5px 0;
}
.tablelist01 td {
background: url(../images/common/icon_list.png) no-repeat left 13px;
border-bottom: 1px solid #E3E3E3 !important;
padding: 10px 0 10px 20px !important;
}
/* index */
.top_news_wrap {
background: url(../images/common/top_news_title-02.png) no-repeat center top;
}
.top_news {
height: 160px;
overflow-y: scroll;
overflow-x: hidden;
}
.top_news_child {
border-bottom: 1px solid #ffffff;
}
.top_contents {
background: url(../images/common/icon_bicycle.jpg) no-repeat left bottom;
}