/* ************************************************
 *	共通設定
 * ************************************************ */
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img {
	border:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

ol, ul {
	list-style:none;
}
ol img, ul img {
	vertical-align: bottom;
}
caption, th {
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

q:before, q:after {
	content:'';
}

abbr, acronym {
	border:0;
}
a {
	outline: none;
	border: 0;
	color: #333333;
}
a:hover {
	text-decoration: none;
}
/* font */
/* 10px */
body {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}

html,body {
	color: #333333;
}
.mgt10 {
	margin-top: 10px;
}
.mgt15 {
	margin-top: 15px;
}
.mgt20 {
	margin-top: 20px;
}
.mgr10 {
	margin-right: 10px;
}
.mgr15 {
	margin-right: 15px;
}
.mgr20 {
	margin-right: 20px;
}
.mgb10 {
	margin-bottom: 10px;
}
.mgb15 {
	margin-bottom: 15px;
}
.mgb20 {
	margin-bottom: 20px;
}
.mgb30 {
	margin-bottom: 30px;
}
.mgb50 {
	margin-bottom: 50px;
}
.pdt10 {
	padding-top: 10px;
}
.pdt15 {
	padding-top: 15px;
}
.pdt20 {
	padding-top: 20px;
}
.pdb10 {
	padding-bottom: 10px;
}
.pdb15 {
	padding-bottom: 15px;
}
.pdb20 {
	padding-bottom: 20px;
}
.pdl10 {
	padding-left: 10px;
}

.divide {
	clear: both;
}
.divide hr {
	display: none;
}

a:hover.opacity,
.opacity a:hover {
	background: #FFFFFF;
}
a:hover.opacity img,
.opacity a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

.float_l {
	float: left;
}
.float_r {
	float: right;
}
.bold {
	font-weight: bold;
}
.red {
	color: #D7000F;
}
.gry {
	color: #999999;
}
/* clearfix */
/* For modern browsers */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}
/* *************** */
body {
	color: #333333;
	font-family: "Verdana", "Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.6;
	background-color: #ffffff;
	text-align:center;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}
.border-top-dot {
	border-top: 1px dotted #666666;
	padding-top: 15px;
}
.link-blank {
	padding-right: 15px;
	background: url(https://img07.shop-pro.jp/PA01259/715/etc/icon_blank.gif) no-repeat right center;
}
.banner {
	display: block;
	margin-bottom: 10px;
}
/* -------------------------------------
 *	ページレイアウト
 * -------------------------------------
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/* ページ全体の幅、レイアウトをセンタリング */
#container {
	margin:0px auto;
	width:990px;
	text-align:left;
}

/* header */
.header {
	width:100%;
	clear:left;
	background: url(https://img07.shop-pro.jp/PA01259/715/etc/header_image.jpg?2096) no-repeat 0 0;
	height: 200px;
}
.shop-logo {
	padding: 0 0 0 30px;
}
/* left,main */
.wrapper {
width:770px;
float:left;
margin: 20px 0 0 0;
}

/* left */
.left {
	float: right;
	width:200px;
	margin: 0 20px 0 0;
}
.side-link-img li {
	margin: 0 0 5px 0;
}
.side-link-arrow li {
	font-size: 1.2em;
	padding-left: 15px;
	margin-bottom: 10px;
	background: url(https://img07.shop-pro.jp/PA01259/715/etc/icon_arrow_01.gif) no-repeat 0 5px;
	font-weight: bold;
}
.side-link-arrow li a {
	text-decoration: none;
	display: block;
}
.side-link-arrow li a:hover {
	color: #CC0000;
}
.side-link-list li {
	font-size: 1.2em;
	padding-left: 10px;
	margin-bottom: 5px;
	background: url(https://img07.shop-pro.jp/PA01259/715/etc/icon_square_01.gif) no-repeat 0 8px;
}
.side-title {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
}
.side-text {
	font-size: 1.2em;
}
.member-box {
	border: 1px solid #E5E5E5;
	padding: 10px;
	margin-bottom: 20px;
}
/* main */
.main {
	float: right;
	width: 550px;
}
.main-title {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 2px solid #CCCCCC;
	margin-bottom: 10px;
}
.main-title-check {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
}
.main-text {
	font-size: 1.3em;
}
.main-title-2 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
}
.info-delivery {
	background: url(https://img07.shop-pro.jp/PA01259/715/etc/icon_cool.jpg) no-repeat left top;
	padding-left: 50px;
	height: 40px;
}
.info-delivery p {
	font-size: 13px;
	line-height: 3;
}
.right {
	float: right;
	width:200px;
	margin: 20px 0 0 0;
}
/* side-cart */
.side-cart-box {
	background: #FBDCBD;
	padding: 10px;
	margin-bottom: 20px;
}
.side-cart-box h2 {
	font-size: 1.2em;
	font-weight: bold;
}
.subtotal {
	padding:5px 0;
	font-size: 1.2em;
}
.incart_price {
	text-align: right;
}
.total {
	padding:5px 0;
	border-top:1px solid #F89E7C;
	text-align:right;
	font-size: 1.2em;
}
.postage {
	border-top:1px dotted #F89E7C;
	border-bottom:1px dotted #F89E7C;
	margin-top: 5px;
	margin-bottom:5px;
	list-style-type:none;
	font-size: 1.2em;
}
.postage li {
	margin:5px 0;
	color: #CC0000;
	text-align:left;
}
.postage li span {
	color: #333333;
}
.cart-link {
	padding: 10px 0;
	text-align:center;
}
.cart-link a {
	padding: 5px 15px;
	background: #D5661C;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.cart-link a:hover {
	background: #DB8715;
}
/* ii29.net link */
.side-net-box {
	background: #efefef;
	padding: 10px 0 0 10px;
	margin-bottom: 20px;
}
.side-net-box ul {
	padding-bottom: 5px;
}
.side-net-box li {
	margin-bottom: 5px;
}
.side-text-box {
	margin-bottom: 20px;
}
.side-text-box p {
	font-size: 1.2em;
}
/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}

/* footer */
.footer {
	width:100%;
	clear:left;
}
.footer-nav {
	font-size: 1.2em;
	line-height: 2.0;
	padding: 30px 0 20px 0;
}
.footer-nav li {
	display: inline;
	margin-right: 15px;
}
.copyright {
	color: #666666;
	padding: 0 0 10px 0;
}
/* -------------------------------------
*     pagetop
* ------------------------------------- */
/* ページ上部にスクロール */
.pagetop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	font-size: 10px;
}
.pagetop a {
	background: #595758;
	text-decoration: none;
	color: #fff;
	width: 90px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 3px;
}
.pagetop a:hover {
	text-decoration: none;
	background: #999999;
}
/* -------------------------------------
*     breadcrumbs
* ------------------------------------- */
.breadcrumbs {
	font-size: 1.2em;
	margin-bottom: 20px;
}
/* ************************************************
*     商品一覧ページ
* ************************************************ */
/* -------------------------------------
*     item-list
* ------------------------------------- */
.item-list-box-3 {
	padding-left: 10px;
}
.item-list-box-3 .item-list {
	width: 170px;
	float: left;
	margin: 0 10px 15px 0;
}
.item-list-box-4 {
	padding-left: 10px;
}
.item-list-box-4 .item-list {
	width: 125px;
	float: left;
	margin: 0 10px 15px 0;
}
.item-list-name {
	font-size: 1.2em;
	font-weight: bold;
}
.item-list-name a {
	text-decoration: none;
}
.item-list-name a:hover {
	color: #CC0000;
}
.item-list-price {
	font-size: 1.2em;
}
.item-list-text {
	font-size: 1.2em;
}
.item-list-soldout {
	color: #CC0000;
	font-weight: bold;
}
/* -------------------------------------
*     sub menu category
* ------------------------------------- */
.menu-sub-box {
	margin-bottom: 30px;
	border: 1px solid #cccccc;
	padding: 10px 0 10px 10px;
}

.menu-sub-box h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}
.menu-sub-box li {
	display: inline;
	font-size: 1.3em;
	display: block;
	float: left;
}
/* -------------------------------------
*     フリースペース
* ------------------------------------- */
/* カテゴリ・グループのフリースペース内全体の指定 */
.cg_freespace_01 {
	padding:0;
	margin:20px 0 20px 0;
	font-size: 1.2em;
}
.cg_freespace_02 {
	padding:0;
	margin:20px 0 20px 0;
	font-size: 1.2em;
}
/* カテゴリ・グループのフリースペース内の<p>タグの余白設定 */
.cg_freespace_01 p,
.cg_freespace_02 p {
	margin:0;
}
/* カテゴリ・グループのフリースペース内の<ul>タグの余白設定 */
.cg_freespace_01 ul,
.cg_freespace_02 ul {
	margin:0 0 10px 20px;
	padding:0;
}
/* フリーページ内全体の指定 */
.freepage {
	padding:0;
	margin:20px 0 20px 0;
	font-size: 1.2em;
}

.free-title {
	margin: 0 0 10px 0;
}
.free-title h2 {
	margin: 0 0 20px 0;
}
.free-title-text {
	font-size: 1.1em;
}
.free-title-text img {
	float: left;
	margin: 0 10px 0 0;
}
.free-area {
	border-bottom: 1px dotted #666666;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.free-area h3 {
	padding: 0 0 10px 0;
}
.free-area h3 span,
.free-title h2 span {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2;
	color: #333333;
	padding: 10px 0 0 0;
}
.free-area h3.free-best {
	padding: 0 0 10px 0;
}
.free-area h3.free-best img {
	float: left;
	margin: 0 20px 0 0;
}
.free-area h3.free-best span {
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2;
	color: #D7000F;
	padding: 30px 0 0 0;
}
.free-area p {
	font-size: 1.1em;
	padding: 0 0 10px 0;
}
.free-point {
	padding: 0 0 10px 0;
}
.free-detail {
	padding: 0 0 10px 0;
}
.free-text {
	width: 290px;
	float: left;
}
.free-image {
	width: 250px;
	float: right;
}
.free-box {
	padding: 0 0 10px 0;
}
.free-box .img-right {
	display: block;
	float: right;
	margin: 0 0 0 10px;
}
.free-box .img-left {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
.detail-link {
	display: block;
	padding: 0 0 10px 0;
}
.detail-link a {
	padding: 5px 15px;
	background: #00318A;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.detail-link a:hover {
	background: #0059B2;
}
.half-box-left {
	width: 270px;
	float: left;
}
.half-box-right {
	width: 270px;
	float: right;
}
/* サイトマップ */
.main #cmsp_map {
	margin-bottom: 30px;
}
#cmsp_map {
	font-size: 1.2em;
	line-height: 1.8;
}

/* ************************************************
*     商品詳細ページ
 * ************************************************ */
/* ******************************
 *  product_detail_page
 * ****************************** */
.product_detail_area {
position: relative;
width: 100%;
}
.product_images {
width: 550px;
float: left;
display: inline;
}
.product_images div {
margin-bottom: 20px;
}
.product_images div img {
max-width: 100%;
}
.product_images div p.caption {
margin-top: 10px;
line-height: 20px;
}
.product_images .product_description {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
clear: both;
word-wrap: break-word;
}
/* ******************************
 *  cloud_zoom
 * ****************************** */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
border: 4px solid #666666;
margin:-4px;	/* Set this to minus the border thickness. */
background-color:#fff;
cursor:move;
}
/* This is for the title text. */
.cloud-zoom-title {
font-family:Arial, Helvetica, sans-serif;
position:absolute !important;
background-color:#666666;
color:#fff;
padding:3px;
width:100%;
text-align:center;
font-weight:bold;
font-size:10px;
top:0px;
}
/* This is the zoom window. */
.cloud-zoom-big {
border: 4px solid #666666;
overflow:hidden;
}
/* This is the loading message. */
.cloud-zoom-loading {
color:white;
background:#666666;
padding:3px;
border:1px solid #666666;
}
/* Feature section in ZoomEngine page */
.zoom-section {
clear:both;
}
* html .zoom-section {
display:inline;
clear:both;
}
.zoom-small-image {
margin-bottom: 20px;
width: 450px;
float: left;
margin-top: 4px;
}
.zoom-small-image #wrap {
top: 0px;
z-index: 9999;
position: relative;
}
.cloud-zoom {
margin-bottom: 20px;
}
.zoom-small-image .mousetrap {
z-index:999;
position: absolute;
width: 100%;
left:0px;
top:0px;
}
/* Feature descriptions in ZoomEngine page */
.zoom-desc {
width: 80px;
float: left;
/*margin-left: 15px;*/
padding-left: 15px;
}
a.cloud-zoom-gallery {
display: block;
margin: 0 0 5px 0;
cursor: pointer;
}
.zoom-tiny-image {
width: 70px;
height: 70px;
border: 1px solid #cccccc;
padding: 3px;
}
.zoom-tiny-image.selected {
background: #666666;
border: 1px solid #666666;
}
.zoom-tiny-image:hover {
border: 1px solid #666666;
}
/*  */
.product-name {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 10px;
}
.product-price-box {
	color: #CC0000;
	font-weight: bold;
	margin-bottom: 5px;
}
.product-price-box-nologin {
	padding: 5px;
	border: 1px solid #666666;
	color: #666666;
	font-weight: bold;
	margin-bottom: 15px;
}
.product-price {
	font-size: 20px;
}
.product-price-nologin {
	font-size: 14px;
}
.product-price-note {
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}
.product-info-box {
	margin-bottom: 50px;
}
.product-info-detail {
	width: 280px;
	float: left;
	font-size: 1.2em;
	margin: 0 20px 5px 0;
}
.product-info-link {
	width: 250px;
	float: left;
	font-size: 1.2em;
	margin: 0 0 5px 0;
}
.product-info-price {
	color: #CC0000;
	font-weight: bold;
}
.cart_button input {
	padding: 8px 20px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #D5661C;
	border: none;
	color: #FFFFFF;
	font-weight: 1.3em;
	font-weight: bold;
}
.cart_button input:hover {
	background: #DB8715;
}
/* table */
.product-info-table {
	width: 100%;
	border: 1px solid #CCCCCC;
}
.product-info-table tr th,
.product-info-table tr td {
	padding: 5px 10px;
	border-bottom: 1px solid #CCCCCC;
	vertical-align: top;
}
.product-info-table tr th {
	text-align: left;
	background: #efefef;
}
.product-info-table tr td {
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
}
.product-info-num tr th,
.product-info-num tr td {
	border: none;
}
.table-w-l {
	width: 30%;
}
/* ************************************************
*     オプション
 * ************************************************ */
 /* -------------------------------------
*     option
* ------------------------------------- */
#option_tbl {
	width: 100%;
	border: 1px solid #CCCCCC;
	font-size: 1.2em;
}
#option_tbl th,
#option_tbl td {
	padding: 5px 10px;
	border-bottom:1px solid #ccc;
	/*border-right:1px solid #ccc;*/
	border-top:1px solid #ccc;
}
#option_tbl th,
#option_tbl .stock_head td {
	padding: 5px 10px;
	text-align: left;
	background: #efefef;
}
#option_tbl td {
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
}
.option-text {
	font-size: 1.2em;
}
.option-box {
	text-align: left;
	padding: 10px 20px;
}
/* table */
.option-table {
	width: 100%;
	border: 1px solid #CCCCCC;
	font-size: 1.2em;
	margin-bottom: 20px;
}
.option-table tr th,
.option-table tr td {
	padding: 5px 10px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.option-table tr th {
	text-align: left;
	background: #efefef;
}
.option-table tr td {
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
}