@charset "utf-8";
/* CSS Document */

@charset "utf-8";

/* reset */
html,body,a,abbr,acronym,address,area,b,bdo,big,blockquote,button,caption,cite,code,col,colgroup,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,hr,i,img,ins,kbd,label,legend,li,map,object,ol,p,param,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var {margin: 0;padding: 0;vertical-align: baseline;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;}
img,abbr,acronym,fieldset {border: 0;}
q:before,q:after {content: '';}
code,pre {white-space: pre;}
dfn {font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}
ins {text-decoration: none;}
em {font-style: italic;}
strong {font-weight: bold;}
li {list-style-type: none;}

/* default */
html {
	overflow-y: scroll;
}
body {
	background: #ffffff;
	color: #000000;
	font: 13px/1.231 Arial,MS PGothic,Meiryo,Helvetica,Garuda,sans-serif;
	*font-size: small;
	*font: x-small;
}
table {
	font-size: inherit;
	font: 100%;
}
pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
select,input,button,textarea,button {
	font: 99% arial,helvetica,clean,sans-serif;
}
h1 {
	font-size: 146.5%;
}
h2 {
	font-size: 138.5%;
}
h3 {
	font-size: 131%;
}
h4 {
	font-size: 123.1%;
}
h5 {
	font-size: 116%;
}
h6 {
	font-size: 108%;
}
hr,legend {
	display: none;
}
img {
	vertical-align: middle;
}
fieldset {
	display: inline;
}

@charset "utf-8";

/*--        __base
----------------------------------------------------*/
body {
    line-height: 1.4;
}
a:link,a:visited,a:hover,a:active {
    color: #5F593F;
}
a:hover {
    text-decoration: none;
}
#page {
    width: 100%;
    height: 100%;
    min-width: 960px;
    background: url(http://www.kiraku-g.co.jp/onlineshop/img/common/bg_grey.png) left top repeat;
    background-attachment: fixed;
}
#header .inner {
    width: 960px;
    margin: 0 auto;
    padding-top: 10px;
}


.inner li{
  width:960px;
  text-align:center;
}


#contents {
    width: 960px;
    overflow: hidden;
    margin: 0 auto 50px;
}
#main {
    width: 700px;
  /*  float: right;*/
  margin:0 auto;
}
/*#sidebar {
    width: 240px;
    float: left;
}*/

.kiraku_btn{
	margin-top:15px;
	text-align: center;
}

/*__header
-------------------------*/
#gNav {
    height: 95px;
}
#gNav li {
    float: left;
    padding-top: 39px;
    margin: 0 3px;
    height: 47px;
}
#gNav .logo {
    padding-bottom: 20px;
    height: 86px;
    text-align:center;
      width: 960px;

}
#gNav2 {
    clear: both;
    margin-top: 15px;
    overflow: hidden;
}

#gNav2 li {
    float: left;
    height: 210px;
    margin: 0 21px;
}


/*__sidebar
-------------------------*/
#sidebar .sideBnr {
    margin-bottom: 15px;
}
#sidebar .search {
    margin-bottom: 15px;
}
#sidebar .search select {
    width: 235px;
    margin-bottom: 10px;
}
#sidebar .search input[type=text] {
    width: 173px;
    margin-right: 10px;
}
#sidebar .members {
    margin-bottom: 10px;
}
#sidebar .members li {
    margin-bottom: 10px;
}
#sidebar .snaviContent {
    margin-bottom: 20px;
}
#sidebar .snaviContent h3 {
    background: url(http://www.kiraku-g.co.jp/onlineshop/img/common/bg_snavi.png) 0 0 no-repeat;
    padding: 1px 0 0 10px;
    width: 225px;
    height: 50px;
    margin-bottom: 5px;
}
#sidebar .snaviContent li {
    background: url(http://www.kiraku-g.co.jp/onlineshop/img/common/bd_dot_grey.png) 0 bottom no-repeat;
    padding: 5px 10px;
}
#sidebar .snaviContent li a {
    background: url(http://www.kiraku-g.co.jp/onlineshop/img/common/ic_arrow_red.png) 0 2px no-repeat;
    color: black;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 0 20px;
}
#sidebar .snaviContent li a:hover {
    text-decoration: underline;
}
#sidebar .snaviContent .news li {
    background: url(http://www.kiraku-g.co.jp/onlineshop/img/common/bd_grey.png) 0 bottom no-repeat;    
    padding: 5px 0;
}
#sidebar .snaviContent .news li a {
    background: none;
    color: black;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    padding: 0;
}
#sidebar .snaviContent .news li a:hover {
    text-decoration: underline;
}
#sidebar .snaviContent .news .date {
    color: #5F5941;
    font-weight: bold;
}
#sidebar .snaviContent .menu li a {
    background: url(http://www.kiraku-g.co.jp/onlineshop/img/common/ic_arrow_red.png) 0 2px no-repeat;
}
#sidebar .sideBnrQr {
    margin-bottom: 30px;
}

/*__footer
-------------------------*/
#footer {
    background: url(http://www.kiraku-g.co.jp/onlineshop/img/common/bg_footer_grey.png) 0 0 repeat-x;
}
#footer .inner {
    width: 960px;
    margin: 0 auto;
    padding: 25px 0;
    text-align: center;
}
#footer .footerLogo {
    margin-bottom: 15px;
}
#footer .footerLink {
    font-size: 12px;
    margin-bottom: 15px;
}
#footer .footerLink a {
    color: #000;
    text-decoration: none;
}
#footer .footerLink a:hover {
    text-decoration: underline;
}
#footer .copyright {
    color: #666666;
}
 

/*__common
-------------------------*/
.dottedArea h2 {
    background: url(http://www.kiraku-g.co.jp/onlineshop/img/common/bg_tt_dot.png) 0 0 no-repeat;
    padding: 12px 20px; 
    vertical-align: middle;
}
.dottedArea .inner {
    padding: 15px 0 30px;
}
.dottedArea .inner p {
    margin-bottom: 10px;
}
.dottedArea .inner .bold {
    font-weight: bold;
    display: block;
}
.dottedArea th {
    background: #E5E0D6;
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    width: 190px;
    padding: 10px 20px;
    border-top: 1px solid #98938B;
    border-bottom: 1px solid #98938B;
}
.dottedArea td {
    padding: 10px;
    width: 440px;
    border-top: 1px solid #98938B;
    border-bottom: 1px solid #98938B;
}
.dottedArea td ul {
    padding-left: 1em;
}
.dottedArea td li {
    text-indent: -0.7em;
    list-style-type: none;
}
.dottedArea td .mb {
    margin-bottom: 10px;
}
.dottedArea td .red {
    color: #B01926;
    font-weight: bold;
}
#back-top {
    position: fixed;
    bottom: 45px;
    left: 50%;
    margin-left: 490px;
}
#breadcrumb {
    overflow: hidden;
    margin-bottom: 20px;
}
#breadcrumb li {
    float: left;
    font-weight: bold;
}
#breadcrumb .level01 {
    background: url(http://www.kiraku-g.co.jp/onlineshop/img/common/ic_arrow_grey.png) right center no-repeat;
    padding-right: 10px;
    margin-right: 3px;
    font-weight: normal;
}
.clear {
    clear: both;
}
.last {
    margin-right: 0 !important;
}
.hover:hover img {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
}


/*__clearfix
-------------------------*/
.clearfix {
    /zoom: 1;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

@charset "utf-8";


/*__top
-------------------------*/
#maincontent {
    overflow: hidden;
    margin-bottom: 30px;
}
#c-carousel {
    height: 100%;
    padding: 0;
    margin: 0;
    min-height: 380px;
    min-width: 620px;
    margin-top: -2px;
    position: relative;
}
#wrapper {
    width: 100%;
    height: 380px;
    margin-top: -183px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
}

.main_img{
  text-align:center;
}
#carousel li {
    display : block;
    float : left;
    margin: 0 10px;
}
#prev {
    left: -320px;
}
#next {
    right: -320px;
}
#prev, #next {
    height: 380px;
    width: 50%;
    top: 0;
    position: absolute;
    z-index: 1000;
}
#prev a {
    right: -22px;
}
#next a {
    left: -22px;
}
#prev a, #next a {
    display: block;
    top: 172px;
    position: absolute;
}
.ranking {
    margin-bottom: 20px;
}
.ranking .rankingMain {
    overflow: hidden;
    background: url(http://www.kiraku-g.co.jp/onlineshop/img/top/bg_index_ranking.png) 0 0 repeat-y;
    padding: 10px;
}
.ranking .rankingMain li {
    position: relative;
    /*float: left;*/
    width: 700px;
    /*margin: 0 9px;*/
  margin-left:5px;

    /*padding-bottom: 15px;*/
    overflow: hidden;
}
.ranking .rankingNo {
    text-align: center;
    margin-bottom: 10px;
}
.ranking .rankingImg {
    margin-bottom: 10px;
    width: 205px;
}
.ranking .name {
    font-size: 15px;
    margin-bottom: 5px;
}
.ranking .name a {
    font-weight: bold;
}
.ranking .description {
    margin-bottom: 5px;
}
.ranking .price {
    position: absolute;
    bottom: 0;
    margin: auto;
    width: 205px;
    font-size: 15px;
    color: #B01926;
    font-weight: bold;
    text-align: center;
}
.topBnr {
    overflow: hidden;
    margin-bottom: 20px;
}
.topBnr li {
    float: left;
    margin-right: 25px;    
}
.recommend h2 {
    margin-bottom: 20px;
}
.recommend li {
    position: relative;
    float: left;
    width: 210px;
    margin: 0 30px 15px 0;
    padding-bottom: 15px;
    overflow: hidden;
}
.recommend .recommendImg {
    margin-bottom: 10px;
}
.recommend .name {
    font-size: 15px;
    margin-bottom: 5px;
}
.recommend .name a {
    font-weight: bold;
}
.recommend .description {
    margin-bottom: 5px;
}
.recommend .price {
    position: absolute;
    bottom: 0;
    margin: auto;
    width: 210px;
    font-size: 15px;
    color: #B01926;
    font-weight: bold;
    text-align: center;
}


/*__guide
-------------------------*/
.guideTop {
    overflow: hidden;
}
.guideTop .left {
    float: left;
    width: 335px;
}
.guideTop .right {
    float: right;
    width: 335px;
}
.guideTop h3 {
    font-size: 13px;
}
.guideTop .greeting {
    margin-bottom: 15px;
}


/*__category
-------------------------*/
.itemListArea h2 {
    margin-bottom: 25px;
}
.itemListArea li {
    position: relative;
    float: left;
    width: 210px;
    margin: 0 30px 15px 0;
    padding-bottom: 15px;
    overflow: hidden;
}
.itemListArea .itemImg {
    margin-bottom: 10px;
}
.itemListArea .name {
    font-size: 15px;
    margin-bottom: 5px;
}
.itemListArea .name a {
    font-weight: bold;
}
.itemListArea .description {
    margin-bottom: 5px;
}
.itemListArea .price {
    position: absolute;
    bottom: 0;
    margin: auto;
    width: 210px;
    font-size: 15px;
    color: #B01926;
    font-weight: bold;
    text-align: center;
}


/*__detail
-------------------------*/
.itemArea .categoryImg {
    margin-bottom: 20px;
}
.itemArea h2 {
    background: #E2D6B4;
    margin-bottom: 15px;
    padding: 5px 10px;
    color: #5F593F;
    font-size: 14px;
}
.itemArea .left {
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}
.itemArea .right {
    float: right;
    overflow: hidden;
    margin-bottom: 10px;

}
.itemArea .right table {
    margin-bottom: 15px;
}
.itemArea .right th {
    background: #E5E0D6;
    width: 80px;
    vertical-align: middle;
    padding: 5px 10px;
    border-top: 1px solid #98938B;
    border-bottom: 1px solid #98938B;
}
.itemArea .right td {
    width: 243px;
    padding: 5px 10px;
    border-top: 1px solid #98938B;
    border-bottom: 1px solid #98938B;
}
.itemArea .right table.number td {
    width: 60px;
    border: none;
    vertical-align: middle;
    padding: 10px 0 0 0;
}
.itemArea .subImg {
    clear: both;
    margin-bottom: 30px;
    margin-top: 15px;
    padding-top: 15px;
}
.recommendItem {
    overflow: hidden;
}
.recommendItem h2 {
    background: url(http://www.kiraku-g.co.jp/onlineshop/img/common/bg_tt_dot.png) 0 0 no-repeat;
    padding: 12px 20px; 
    vertical-align: middle;
    margin-bottom: 15px;
}
.recommendItem li {
    float: left;
    width: 210px;
    margin: 0 30px 30px 0;
    overflow: hidden;
}
.recommendItem .recommendImg {
    margin-bottom: 10px;
}
.recommendItem .name {
    font-size: 15px;
    margin-bottom: 5px;
}


/*__privacy
-------------------------*/
.privacyArea .privacyTxt {
    margin: 15px 0 30px;
}
.privacyArea dt {
    color: #5F593F;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
.privacyArea dd {
    margin-bottom: 30px;
}
.privacyArea dd p {
    margin-bottom: 15px;
}
.privacyArea dd ul {
    margin-bottom: 15px;
}

.grayTab th {
    background: none repeat scroll 0 0 #E5E0D6;
    border-bottom: 1px solid #98938B;
    border-top: 1px solid #98938B;
    font-weight: normal;
    padding: 10px 20px;
    text-align: left;
    vertical-align: middle;
    width: 410px;
}

.red {
	color:#B01926;
}
.mt10 {margin-top:10px;}


li.title{
  font-size:15px;
  font-weight:bold;
  margin:10px 0 3px 0;
}

li.naiyou{
  margin-bottom:10px;
}