@charset"utf-8";

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 87.5%;
	line-height: 160%;
	
}

h1,h2,h3,h4,h5,p,object {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

img {
	border: 0;
	vertical-align: bottom;
}

a {
	margin: 0;
	padding: 0;
	border: none;
}

a:link,
a:visited{
	color: #333333;
	text-decoration:underline;
}

a:hover,
a:active{
	color: #666666;
	text-decoration:underline;
}


/* ------------------------------------------------------------ */
/* 全体レイアウト */

header,
#logo-detail,
#news-block,
footer {
	width: 965px;
	margin: 0 auto;
}


header {
	width: 965px;
	margin: 0 auto;
	padding: 0px 0 18px 7px;
}
@-moz-document url-prefix() {
	header{	padding: 20px 0 18px 7px;}
}

#logo-20th {
	background: #1b2437; /* Old browsers */
	background: url(../img/bg_logo.jpg), -moz-linear-gradient(left,  #1b2437 47%, #2f3e5f 56%); /* FF3.6-15 */
	background: url(../img/bg_logo.jpg), -webkit-linear-gradient(left,  #1b2437 47%,#2f3e5f 56%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/bg_logo.jpg), linear-gradient(to right,  #1b2437 47%,#2f3e5f 56%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2437', endColorstr='#2f3e5f',GradientType=1 ); /* IE6-9 */
	background-repeat: repeat-y;
	background-position: center top;
}

#logo-detail {
	position: relative;
}

#logo-20th-img {

}

#logo-detail ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 49px;
	right: 0;
	letter-spacing: -.40em;
	white-space: nowrap;
}

#logo-detail ul li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	vertical-align: bottom;
	padding: 0 20px;
	border-right: #616B82 1px solid;
}

#logo-detail ul li:first-child {
	border-left: #616B82 1px solid;
}

#logo-detail ul li a:hover img {
	opacity: .8;
}

#main-img {
	width: 100%;
	height: 370px;
	padding: 112px 0 118px;
	background: url(../img/main_img.jpg);
	background-size: auto 100%;
	animation: mainSlide 90s linear infinite;
	-webkit-animation: mainSlide 90s linear infinite;
	text-align: center;
}

@keyframes mainSlide {
  0%    { background-position: 0px 0px;  }
  100%  { background-position: -3080px 0px;  }
}

@-webkit-keyframes mainSlide {
  0%    { background-position: 0px 0px;  }
  100%  { background-position: -3080px 0px;  }
}

#news-block {
	padding: 62px 0 62px;
	overflow: hidden;
	*zoom: 1;
}

.news-title {
	float: left;
	clear: left;
	border: #990000 1px solid;
}

.news-list {
	margin: 0 0 0 190px;
	padding: 10px 0 0;
}

#news-block dl {
	overflow: hidden;
	*zoom: 1;
	font-size: 128.5%;
	color: #990000;
	margin: 0;
	padding: 0;
}

#news-block dt {
	float: left;
	clear: left;
	padding-bottom: 20px;
}

#news-block dd {
	margin: 0 0 0 5.5em;
	padding-bottom: 20px;
}

#news-block dd a {
	color: #990000;
}

#news-more {
	border-top: #E3E3E3 2px solid;
	text-align: right;
}

#news-more a {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	background-color: #E3E3E3;
	width: 144px;
	text-align: center;
	padding: 3px 0 3px 5px;
	text-decoration: none;
}

#news-more a:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 9px;
	background-image: url(../img/more_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: 12px;
}

#news-more a.more-on:after {
	background-position: 0 -9px;
}

.topic {
	text-align: center;
}

.topic#message {
	background: url(../img/bg_message.jpg) left top repeat;
	color: #121725;
	text-shadow: 1px 1px 4px rgba(255,255,255,.6),-1px 1px 4px white,1px -1px 4px white,-1px -1px 4px rgba(255,255,255,.6);
}

.topic-detail {
	width: 980px;
	margin: 0 auto;
	padding: 75px 0 100px;
}

.topic#message .topic-detail {
	padding: 90px 0 75px;
}

.topic#message p {
	margin: 42px 0 0;
	font-size: 128.5%;
	line-height: 2.4;
}

.topic#event-campaign .topic-detail {
	padding: 100px 0 100px;
}

.campaign-list {
	text-align: center;
	letter-spacing: -.40em;
	margin: 50px 0 0;
	padding: 0;
	list-style: none;
}

.campaign-list li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	width: 303px;
	text-align: left;
	margin: 20px 10px 0;
}

.campaign-list li a {
	display: block;
	text-decoration: none;
}

.campaign-list li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.campaign-list .campaign-bnr-detail {
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	background-color: #fff;
	margin: 0;
	padding: 14px 12px 12px;
	font-size: 114.3%;
}

.campaign-list .campaign-bnr-detail dt {
	margin: 0 0 10px;
	padding: 0;
	font-weight: bold;
	line-height: 1.1;
}

.campaign-list .campaign-bnr-detail dt.new-cp:before {
	content: 'NEW';
	display: inline-block;
	vertical-align: middle;
	border-right: #333 2px solid;
	margin-right: 10px;
	padding-right: 10px;
	font-size: 112.5%;
	color: #CC0000;
	line-height: 1.0;
}

.campaign-list .campaign-bnr-detail dd {
	margin: 0;
	padding: 0;
}

.anniversary-wrap {
	background-color: #0F0E0C;
}

.anniversary-bg {
	background-color: #0F0E0C;
	background-image: url(../img/anniversary_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.anniversary-wrap h2 {
	text-align: center;
	padding: 22px 0 15px;
}

.anniversary-cnt {
	overflow: hidden;
}

.anniversary-cnt-l {
	float: left;
	width: 415px;
}

.anniversary-cnt-r {
	float: right;
	width: 499px;
	padding-top: 40px;
}

.anniversary-cnt-l .btn-cart {
	text-align: center;
	margin-top: 16px;
	padding-left: 50px;
}

.anniversary-cnt-l .btn-cart a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-weight: bold;
    border: #f60 1px solid;
    background-color: #f60;
    padding: 5px 22px 6px 15px;
    text-decoration: none;
    line-height: 28px;
}

.anniversary-cnt-l .btn-cart a:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 22px;
    height: 22px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: transparent url(../img/icon_cart.png) 0 0 no-repeat;
    -webkit-background-size: auto 22px;
    background-size: auto 22px;
    margin-right: 5px;
    margin-top: -3px;
}

.anniversary-cnt-l .btn-cart a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* 完売対応 */
.anniversary-cnt-l .btn-cart span.soldout {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-weight: bold;
    border: #666 1px solid;
    background-color: #444;
    padding: 5px 22px 6px 15px;
    text-decoration: none;
    line-height: 28px;
}

.anniversary-cnt-l .btn-cart span.soldout:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 22px;
    height: 22px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: transparent url(../img/icon_cart.png) 0 0 no-repeat;
    -webkit-background-size: auto 22px;
    background-size: auto 22px;
    margin-right: 5px;
    margin-top: -3px;
}

.rz-jet-tit {
	font-size: 157.1%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 25px;
	color: #fff;
	text-shadow: 2px 2px 4px rgba(51,38,22,.6),-2px 2px 4px #332616,2px -2px 4px #332616,-2px -2px 4px rgba(51,38,22,.6);
}

.rz-jet-txt {
	font-size: 114.3%;
	line-height: 1.9;
	margin-bottom: 15px;
	color: #fff;
	text-shadow: 2px 2px 4px rgba(51,38,22,.6),-2px 2px 4px #332616,2px -2px 4px #332616,-2px -2px 4px rgba(51,38,22,.6);
}

.keyboard-box {
	border: #999 1px solid;
	padding: 20px 22px 11px;
}

.keyboard-box .keyboard-tit {
	font-size: 114.3%;
	font-weight: bold;
	margin: 0 0 14px;
	padding: 0;
	letter-spacing: -.40em;
	text-align: center;
	color: #fff;
}

.keyboard-box .keyboard-tit dt {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	background-color: #987E27;
	margin: 0 8px 0 0;
	padding: 3px 10px 1px;
}

.keyboard-box .keyboard-tit dd {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin: 0;
	padding: 3px 0 0;
}

.keyboard-img {
	padding-left: 71px;
}

.to-20th-model {
	width: 500px;
	margin: 30px auto 0;
}

.to-20th-model a {
	font-size: 142.9%;
    display: block;
    text-align: center;
    background-color: #8c7a3f;
    line-height: 1.2;
    color: #fff;
    text-decoration: none;
    padding: 20px 20px 18px;
}

.to-20th-model a:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 10px;
}

.to-20th-model a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.to-20th-model a br {
	display: none;
}

.topic.product {
	background-color: #F0F0F0;
}

.topic.product ul {
	margin: 56px 0 80px;
	padding: 0;
	list-style: none;
	letter-spacing: -.40em;
}

.topic.product li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 4px;
	width: 235px;
}

.topic.product li a:hover img,
.bnr-20th a:hover img {
	opacity: .8;
}

.topic.product li p {
	background-color: #fff;
	padding: 10px 15px 8px;
	text-align: left;
	font-size: 114.3%;
}

.bnr-20th-lead {
	border-top: #BBB 1px solid;
	margin: 0 8px 28px;
	padding: 80px 0 0;
}

footer {
	padding: 20px 0;
	font-size: 85.7%;
	overflow: hidden;
	*zoom: 1;
}

#copyright {
	float: left;
}

.pagetop {
	float: right;
	color: #003A91;
}

.pagetop a:link,
.pagetop a:visited {
	color: #003A91;
	text-decoration: none;
}

.pagetop a:hover {
	text-decoration: underline;
}
.spn_pagetop {
	display: none ;
}