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


/*------------------------------------------------
	画像マウスオーバー半透明リンク等
------------------------------------------------*/
a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

a:hover .rakutenlink,
a:hover .imgover{ /* 例外 */
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

a:hover { color: #fa8100; }

.linkbutton a:hover,
.linkbutton2 a:hover,
.linkbuttonN a:hover,
.linkbuttonB a:hover,
.linkbuttonG a:hover,
.linkbuttonR a:hover{ color: #000000; }

/*------------------------------------------------
	インラインフレーム用商品ページデザイン
------------------------------------------------*/

.goodspage{
	width:710px;
	background:#ffffff;
}

.goodsttl {
    position: relative;
	margin: 0 0 0.2em;
	padding: 0.5em;
	background: #6c4727;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.goodsttl2 {
    position: relative;
	margin: 0 0 0.2em;
	padding: 0.5em;
	background: #74c350;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.goodsttlB {
    position: relative;
	margin: 0 0 0.2em;
	padding: 0.5em;
	background: #0b63a9;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.goodsttlG {
    position: relative;
	margin: 0 0 0.2em;
	padding: 0.5em;
	background: #217043;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.goodsttlR {
    position: relative;
	margin: 0 0 0.2em;
	padding: 0.5em;
	background: #c12c20;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.goodsdesc {
	font-size:20px;
	line-height:150%;
	padding:10px;
	background:#f2e6dc;
}

.goodsdesc {
	font-size:20px;
	line-height:150%;
	padding:10px;
	background:#f2e6dc;
}

.goodsdesc2 {
	font-size:14px;
	line-height:120%;
	text-align:left;
	padding:10px;
	margin:0px 0px 15px 0px;
	background:#f2e6dc;
	border:medium solid #6c4727;
}

.goodsdesc3 {
	font-size:14px;
	line-height:120%;
	text-align:left;
	padding:2px 10px 2px 10px;
	margin:5px 2px 15px 2px;
	background:#f2e6dc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:medium solid #6c4727;
}

.goodsImgO {
	border: solid 4px #ff8800;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.goodsImgR {
	border: solid 4px #d00000;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.linkbutton {
    position: relative;
	margin: 0 0 0.2em;
	padding: 0.5em;
	background: #ff8800;
	text-align:center;
	font-size: 1.0em;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

.linkbutton2 {
    position: relative;
	margin: 0 0 0.2em;
	padding: 0.5em;
	background: #d00000;
	text-align:center;
	font-size: 1.0em;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

.linkbuttonN {
    position: relative;
	margin: 0 0 0.2em;
	padding: 0.5em;
	background: #555555;
	text-align:center;
	font-size: 1.0em;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

.linkbuttonB {
    position: relative;
	margin: 0 0 0.2em;
	padding: 0.5em;
	background: #0b63a9;
	text-align:center;
	font-size: 1.0em;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

.linkbuttonG {
    position: relative;
	margin: 0 0 0.2em;
	padding: 0.5em;
	background: #217043;
	text-align:center;
	font-size: 1.0em;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

.linkbuttonR {
    position: relative;
	margin: 0 0 0.2em;
	padding: 0.5em;
	background: #c12c20;
	text-align:center;
	font-size: 1.0em;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

/* ボタン内装飾 */
.media {
    padding: 10px;
    overflow: hidden;
}
.media__img {
    float: left;
    margin-right: 10px;
}

.media__text {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.linkbutton a,
.linkbutton2 a,
.linkbuttonN a,
.linkbuttonB a,
.linkbuttonG a,
.linkbuttonR a {
	color:#fff;
    text-decoration: none;
}
/* ボタン内装飾 */