/***** layout.css ******/
/* 全体レイアウト */
body {
	text-align:center;
}
#hd , #container-inner , #ft {
	text-align:left;
}
#hd-top-inner , #hd-menu-inner {
	width:940px;
	margin-left:auto;
	margin-right:auto;
	clear: both;
	overflow: hidden;
}
#container {
	clear: both;
}
#container-inner {
	width:940px;
	margin-left:auto;
	margin-right:auto;
	clear: both;
	overflow: hidden;
	margin-top: 10px;
}
#wrapper {
	width:740px;
	float:left;
	margin-right:10px;
	clear: both;
	overflow: hidden;
}
#cont-main{
	width:690px;
	float:right;
	margin-left:28px;
	overflow: hidden;
}
#cont-main #cont-main-inner {
	overflow: hidden;
}
#cont-menu {
	width:202px;
	float:right;
	overflow: hidden;
}
#cont-3rd {
	width:190px;
	float:left;
	overflow: hidden;
}
#ft {
 width:100%;
 clear:left;
}
#ft-inner {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	clear: both;
	overflow: hidden;
}


/***** style.css ******/
/*共通スタイルスタート*/
* {
	margin:0;
	padding:0;
	border-style: none;
	list-style: none;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Verdana, Arial, Helvetica, sans-serif;
}
body {
	margin-bottom: 5px;
	font-size:12px;
	color: #000000;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 1.6em;
	background-color: #ffffff;
	text-align:center;
}
img {
	border: 0px;	
}
a {
	color: #0000FF;
	outline:none;
}
a:hover {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
a:visited {
	color: #003399;
}
a.sold img{
	/*モダンブラウザ用*/
	opacity:0.4;
	/*IE7以下用*/
	filter:alpha(opacity=40);
	/*IE8用*/
	-ms-filter:"alpha(opacity=40)";
}
p {
	line-height: 1.2em;
}
table {
	border-collapse:collapse;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
p.img-right {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}
p.img-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
p.img-center {
	margin-bottom: 5px;
	clear: both;
	text-align: center;
}
.fs90 {
	font-size: 90%;
}
.fs70 {
	font-size: 70%;
} 
.smaller {
	font-size: 80%;
}
.larger {
	font-size: 120%;
}
.sblarger {
	font-size: 110%;
}
.half {
	width: 50%;
}
.btn-right {
	text-align: right;
	font-size: 90%;
	color: #006699;
	clear: both;
}
.btn-center {
	text-align: center;
	font-size: 90%;
	color: #006699;
	clear: both;
}
.btn-right img,
.btn-center img {
	text-align: right;
	font-size: 90%;
	color: #006699;
}
.clear  {
	height:100%;
}
.clear:after {
	clear: both;
	content:"";
	display:block;
}
.orange {
	color: #FF6600;
}
.red {
	color: #FF0000;
}
.red-bg {
	border: 1px solid #FF0000;
	padding: 10px;
}
.red p {
	margin-bottom: 8px;
}
.brown {
	color: #663300;
}
.brown-bg {
	background: #F7F7EF;
	border: 1px solid #663300;
	padding: 10px;
}
.brown p {
	margin-bottom: 8px;
}
.gray {
	color: #333333;
}
.gray-bg {
	background: #EDEDED;
	border: 1px solid #333333;
	padding: 10px;
}
.blue {
	color: #006699;
}
/*下マージン*/
.b_margin01 {
	margin-bottom: 5px;
}
.b_margin02 {
	margin-bottom: 10px;
}
.b_margin03 {
	margin-bottom: 20px;
}
.b_margin04 {
	margin-bottom: 30px;
}
/*左マージン*/
.l_margin03 {
	margin-left: 1em;
}
/*左マージン*/
.left01 {
	margin-left: 1em;
}
.left02 {
	margin-left: 2em;
}
/*ぶらさげインデント*/
.hang01
{ 
	padding-left: 1em;
	text-indent: -1em; 
}
.hang02
{ 
	padding-left: 2em;
	text-indent: -2em; 
}

/***** unique.css ******/
a {
	color:#2a829f;
}
h1 {
	color:#666666;
	font-weight:normal;
	background-image: url();
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 10px;

}
h1 a {
	height: 70px;
	width: 345px;
	display: block;
	font-size:14px;
	text-decoration:none;
	padding-left:40px;
}
h1 a:hover {
	text-decoration: none;
	color:#666666;
}
h1 a:visited {
	color:#666666;
}
h2 {
	/*background:url(https://img05.shop-pro.jp/PA01108/682/etc/hd_info3.gif?cmsp_timestamp=208408) no-repeat;*/
    background:url(https://img06.shop-pro.jp/PA01108/682/etc_base64/YUdSZmFXNW1iek0tMg.gif?cmsp_timestamp=20240412170616) no-repeat;
	width:940px;
	height:34px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:20px;
	text-indent: -9999px;
	clear: both;
}

/*ヘッダー*/
#hd #hd-top {
	border-top: #999999 solid 3px;
}
#hd #hd-top #logo {
	margin-top:10px;
	margin-bottom: 20px;
}
#hd #hd-top #logo #logo-inner {
	height: 51px;
	width: 345px;
	float:left;
}
#hd #hd-top .btn-cart {
	text-align:right;
	clear: both;
	padding-top: 5px;
}


/*メニュー*/
#hd #hd-menu {
	background:url(https://img05.shop-pro.jp/PA01108/682/etc/menu_bg.gif) repeat-x;
}
#hd #hd-menu ul.menu li {
	float:left;
}

/*メインコンテンツ*/
#container #cont-main .cont-main-inner {
	margin-bottom:30px;
	clear:both;
}
#container #cont-main .cont-main-inner:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#container #cont-main .cont-tit {
	clear:both;
	padding-left:1em;
	border-left:solid #CCC 3px;
	border-bottom:solid #CCC 1px;
}
#container #cont-main .name {
	padding-top: 5px;
	padding-bottom: 5px;
}
#container #cont-main .price {
	padding-top: 5px;
	padding-bottom: 5px;
	color:#CC0000;
}
#container #cont-main .item {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	clear:both;
}
#container #cont-main .item .day {
	margin-bottom:5px;
}

#container #cont-main .item .tit {
	font-weight:bold;
	margin-bottom:5px;
}
#container #cont-main .item .txt {
	border-bottom:#CCCCCC dotted 1px;
	line-height:150%;
	padding-bottom:20px;
}
#container #cont-main .item .recommend {
	width:184px;
	float:left;
	margin-right:26px;
	margin-top:10px;
	margin-bottom:30px;
	text-align:center;
}
#container #cont-main .item .recommend .img-recommend {
	padding:1px;
	border:solid #CCCCCC 1px;
}
.more {
	text-align:right;
	margin-right:5px;
	margin-bottom:30px;
}

/*ページタイトル*/
.page-tit {
	font-size:larger;
	padding-top:5px;
	padding-left:5px;
	margin-bottom:20px;
	border-left:#CCCCCC solid 3px;
	border-bottom:#CCCCCC dotted 1px;
	font-size:16px;
}
.page-sub_tit {
	background:#DBEFF2;
	margin-top:50px;
	margin-bottom:10px;
	padding:3px;
	font-size: 14px;
}
.cont_tit {
	color: #333;
	border-bottom:#CCCCCC dotted 1px;
	margin-bottom:10px;
	font-size: 13px;
}

/*左サイド*/
#cont-menu .left-item {
	margin-bottom:20px;
	margin-left: 1px;
}
#cont-menu table.tbl_incart {
	background:#f4fafb;
	width: 200px;
}
#cont-menu table.tbl_incart td.cont {
	padding-left:10px;
	padding-top:10px;
	padding-bottom:5px;
	padding-right: 10px;
}

/*左サイド：商品カテゴリー*/
#cont-menu table.tbl_categry {
	background:#f4fafb;
	width: 200px;
	margin-bottom: 10px;
}
#cont-menu table.tbl_categry td {
}
#cont-menu table.tbl_categry td.tit {
	color: #FFFFFF;
	background: #999999;
	padding-top:6px;
	padding-bottom:3px;
}
#cont-menu table.tbl_categry td.cont {
	border:1px #CCCCCC solid;
	padding-top:4px;
	padding-bottom:2px;
}
#cont-menu table.tbl_categry .cate {
	padding-bottom:2px;
	padding-left: 22px;
	background: url(https://img05.shop-pro.jp/PA01108/682/etc/icon_ya2.gif) no-repeat 12px 3px;
}
#cont-menu table.tbl_categry p {
	padding-bottom:2px;
}
#cont-menu table.tbl_categry .sm-cate {
	padding-left:2em;
	padding-bottom:2px;
}
#cont-menu table.tbl_categry .sm-cate a {
	color:#555555;
}

/*左サイド：検索*/
#cont-menu table.tbl_search {
	width: 200px;
}
#cont-menu table.tbl_search td.cont {
	border:1px #8b8b8b solid;
	background:#CCCCCC;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:5px;
	padding-right: 5px;
}

/*左サイド：お買いものガイド*/
#cont-menu .left-item ul {
	margin-bottom: 30px;
	list-style:url(https://img05.shop-pro.jp/PA01108/682/etc/icon_ya.gif);
	margin-left:2em;
	margin-bottom:10px;
}
#cont-menu .left-item ul li {
	margin-bottom:10px;
}
#cont-menu .left-item ul li a {
	color:#555555;
}


/*navi-up*/
#navi-up {
	text-align:right;
	padding:5px;
	margin-top: 50px;
	font-size:smaller;
}
#navi-up a {
	text-decoration:none;
}


/*フッター*/
#ft {
	background:#559bb2;
	clear: both;
}
#ft a {
	color:#FFFFFF;
	text-decoration:none;
}
#ft #ft-inner {
	background:url(https://img05.shop-pro.jp/PA01108/682/etc/ft_bg.gif) repeat-x;
	width:900px;
	height:500px;

}
#ft #navi-terms {
	height:400px;
	width: 880px;
	margin-left: auto;
	margin-right: auto;
}
#ft #navi-terms .navi-terms-left {
	float:left;
	color:#FFFFFF;
	width:280px;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-right: 20px;
}
#ft #navi-terms .navi-terms-center {
	float:left;
	color:#FFFFFF;
	width:280px;
	padding-top: 20px;
	padding-bottom: 50px;
}
#ft #navi-terms .navi-terms-right {
	float:left;
	color:#FFFFFF;
	width:280px;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
}
#ft #navi-terms .navi-item {
	margin-bottom:30px;
}
#ft #navi-terms .navi-item .tit {
	border-bottom:#FFFFFF dotted 1px;
	margin-bottom:5px;
	font-size: 14px;
}
#ft #navi-terms .navi-item .sale-point {
	font-size:180%;
	color: #ffcc00;
}
#ft #navi-top {
	clear:both;
	color:#FFFFFF;
	text-align:center;
	margin: 10px;
}
#ft #navi-top .copy {
	color:#FFFFFF;
	text-align:center;
	font-size:smaller;
	margin-top:5px;
}

/*特定商取引法*/
.tbl_sv {
	width:650px;
	margin-left:auto;
	margin-right:auto;
}
.tbl_sv th {
	width:200px;
	border:solid #CCCCCC 1px; 
	background:#559bb2;
	padding:5px;
	color:#FFFFFF;
}
.tbl_sv td {
	border:solid #CCCCCC 1px; 
	padding:5px;
}

/*パンくず*/
.pan {
	background:#EFEFEF;
	padding:2px;
	padding-left:5px;
	margin-bottom:20px;
	color:#559bb2;
	font-size:smaller;
}

/*商品一覧*/
.list {
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom: solid #e6e6e6 1px;
}
.list:after {
	content: "";
	display: block;
	clear: both;
}



.list_img {
	float:left;
	background: #CCCCCC;
}
.list_img img {
	padding:2px;
	border:solid #dddddd 1px;
	background: #FFFFFF;
}
.list_txt {
	float:left;
	margin-left:20px;
	width: 440px;
}
.list_cont {
	padding-top:50px;
	clear: both;
	text-align: center;
}

/*商品詳細*/
#item_left {
	width: 300px;
	margin-top:20px;
	margin-right: 20px;
	float: left;
}
.product_img {
	margin-bottom: 25px;
}
.product_img img {
	padding:2px;
	border:solid #e6e6e6 1px;
}
.product_txt {
/*	float:left;*/
	margin-top:20px;
/*	width: 370px;*/
	overflow: visible;
	margin-bottom: 50px;
}
.tbl_product {
/*	width:370px;*/
	width:100%;
	margin-top: 20px;
	margin-bottom: 10px;
}
.tbl_product input {
	border:solid #CCCCCC 1px;
	padding:2px;
}
.tbl_product select {
	border:solid #CCCCCC 1px;
}
.tbl_product th {
	width:100px;
	border:solid #CCCCCC 1px;
	background:#559bb2;
	color:#FFFFFF;
	padding:5px;
}
.tbl_product td {
	border:solid #CCCCCC 1px; 
	padding:5px;
}
.tbl_product2 td {
	border: none;
}
.btn_cart {
	text-align:center;
}
.btn_cart input {
	background:#3187a4 url(https://img05.shop-pro.jp/PA01108/682/etc/btn_bg.gif) repeat-x left top;
	border: 2px solid #559bb2;
	color: #FFFFFF;
	font-weight: bold;
	margin-top:10px;
	margin-bottom: 20px;
	padding:10px 50px
}

.btn_cart input:hover {
	opacity:0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
	cursor:pointer;
}
.item_otherimg {
	text-align: center;
	margin-bottom: 10px;
	margin-right: 15px;
}
.item_otherimg img {
	border: 1px solid #e6e6e6;
	background: #FFFFFF;
	padding: 2px;
}
.product_txt .btn-cart {
	margin-top:30px;
	margin-bottom:30px;
}
.together {
	width:180px;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	text-align:center;
}
.together img {
	border:solid #CCCCCC 1px;
}

/*オプション価格ページ*/
#option {
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
#option .tbl_option {
	margin-left:auto;
	margin-right:auto;
}
#option .tbl_option th {
	width:100px;
	border:solid #CCCCCC 1px;
	background:#559bb2;
	color:#FFFFFF;
	padding:5px;
}
#option .tbl_option td {
	border:solid #CCCCCC 1px; 
	padding:5px;
}

/*フリーページ*/
.tbl_flee {
	width:500px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:1em;
}
.tbl_flee th {
	width:100px;

	border:solid #CCCCCC 1px;
	background:#559bb2;
	color:#FFFFFF;
	padding:5px;
}
.tbl_flee td {
	border:solid #CCCCCC 1px; 
	padding:5px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(https://kinoutikasei.co.jp/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(https://kinoutikasei.co.jp/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
/*     width:100%;*/
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     text-align:center;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
     padding:10px;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
     padding:10px !important;
 }
 

/*スタイロフォーム分岐*/
.styro_box {
	width:574px;
	border:3px solid #ccc;
	padding:10px 15px;
	background:#fcfcfc;
	margin:0 auto;
}
.styro_box h4 {
	color:#007fc5;
	margin:0 0 5px 0;
	padding:5px 0 8px 0;
	border-bottom:2px solid #007fc5;
	text-align:center;
	font-size:130%;
}
.styro_box ol {
	overflow:hidden;
	padding-left:2em;
}
.styro_box ol li {
	margin:7px 1%;
	font-size:105%;
	font-weight:bold;
	list-style:decimal;
}
.styro_box ol li.long {
	width:auto;
	float:none;
	clear:both;
}
.styro_box ol li span {
	font-weight:normal;
	font-size:90%;
	margin:0 0 0 20px;
}
.styro_box ol li.long span {
	margin:0 !important;
}

/*リンクボタン*/
div.btn_link {
  text-align:right;
}
div.btn_link a {
	background:#FEC53C;
	border-radius:15px;
	padding:5px 30px;  
	color:#333;
	display:inline-block;
	text-decoration:none;
}
div.btn_link a:hover {
	background:#FFD060;
}



/*送料*/
.tbl_fee {
	border-collapse:collapse;
	border:1px solid #666;
	width:100%;
	font-size:120%;
}
.tbl_fee th,
.tbl_fee td {
	padding:10px;
	border:1px solid #666;
	background:#fff;
}
.tbl_fee th {
	width:70%;
	background:#FEFCEB;
}
.tbl_fee td {
	text-align:right;
	font-size:140%;
}
/*20170601追加*/
.p_sidtit {
	font-size:120%;
	text-align:center;
	background:#ff0033;
	color:#fff;
	padding:5px;
	margin:0 0 5px 0;
}
.p_sidtit_blue {
	font-size:120%;
	text-align:center;
	background:#0184bc;
	color:#fff;
	padding:5px;
	margin:0 0 5px 0;

}
.mt1 {
	margin-top:1em !important;
}
.mt2 {
	margin-top:2em !important;
}
.mt3 {
	margin-top:3em !important;
}

