/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body 

{
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	background-color:#FFF;
	color:#000;
	font-size: small;
	line-height: 1.6;
	text-align:center;
	margin:0;   
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	vertical-align:middle;
	border: 0;
	max-width: 100%;
	height:auto;
}
.box:after{
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.box{
  min-height: 1px;
}
* html .box{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


p.title{
	font-size:170%;
	font-weight:bold;
	margin:10px 0;
	font-style:italic;
}
p.title a:link,
p.title a:visited{
	color:#000;
	text-decoration:none;
}
p.title a:hover,
p.title a:active{
	color:#F90;
	text-decoration:none;
}

p.re_title{
	font-size:120%;
	font-weight:bold;
	font-style:oblique;
	margin:10px 0;
	color:#F00;
}
.fb120{
	font-size: 120%;
	font-weight: bold;
	color:#FFFFFF;
}


p.recommended{
	font-size:255%;
	font-weight:bold;
	margin:10px 0;
}
p.recommended a:link,
p.recommended a:visited{
	color:#000;
	text-decoration:none;
}
p.recommended a:hover,
p.recommended a:active{
	color:#F90;
	text-decoration:none;
}
.redtxt{
	color:#F00;
}

/* 余白 */
.mt45 {margin-top:45px;}
.mt40 {margin-top:40px;}
.mr40 {margin-right:40px;}
.mb40 {margin-bottom:40px;}
.ml40 {margin-left:40px;}

.mt30 {margin-top:30px;}

.mt20 {margin-top:20px;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}

.mt15 {margin-top:15px;}
.mr15 {margin-right:15px;}
.mb15 {margin-bottom:15px;}
.ml15 {margin-left:15px;}

.mt12 {margin-top:12px;}

.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}

.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}

.mt2 {margin-top:2%;}
.mr2 {margin-right:2%;}
.mb2 {margin-bottom:2%;}

.pt40 {padding-top:40px;}
.pt20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.pb20 {padding-bottom:20px;}
.pl20 {padding-left:20px;}

.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}

.pt5 {padding-top:5px;}
.pr5 {padding-right:5px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-left:5px;}

.mtb10{ margin:10px 0;}

/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after {
	display			: block;
	clear			: both;
	height			: 0;
	visibility		: hidden;
	content			: ".";
	line-height		: 0;
}
.clearfix {
	display			: inline-table;
	min-height		: 1%;
}
/* FOR MAC IE \*/
* html .clearfix {
	height			: 1%;
}
.clearfix {
	display			: block;
}

/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:10px auto 0 auto;
	width:920px;
	text-align:left;
}
#container2 {
	margin:0px auto;
	width:920px;
	text-align:left;
}
/*ヘッダー（ページタイトル、グローバルメニュー）*/
#head{
	background:#000000;
	height:100px;
	margin:0;
	text-align:left;
}

.header {
	margin:0px auto;
	width:920px;
	clear:left;
}

.header_l{
	float:left;
	width:220px;
	padding-top:40px;
}
.header_r{
	float:right;
	width:690px;
	padding-top:10px;
}

#coupon_y{
	background-color: #000000;
}
#coupon{
	margin:0 auto;
	width:920px;
}



div.megamenubox ul.megamenu{
	list-style:none;
	float:right;
	margin-right: 50px;
}

div.megamenubox ul.megamenu li{
	margin:0 10px;
}
div.megamenubox ul.megamenu li.fb120{
	margin:15px 14px 0 14px;
}
div.megamenubox ul.megamenu li a:link,
div.megamenubox ul.megamenu li a:visited{
	color:#FFFFFF;
	text-decoration:none;
	background:none;
}
div.megamenubox ul.megamenu li a:hover,
div.megamenubox ul.megamenu li a:active{
	color:#686868;
	text-decoration:none;
}
div.megamenubox ul.megamenu li.cart_btn{
	position: absolute;
	display: inline-block;
}
div.megamenubox ul.megamenu li.cart_btn img.cart_btn_in{
	position: relative;
	top: -5px;
	left: 0;
}
.mt5{
	margin-top:5px;
	text-align:center;
}

/*　検索　*/
.header_r div.h_paypal {
	float:left;
	width: 220px;
	margin-bottom: 20px;
	margin-left: 25px;
}
.header_r div.search {
	width: 260px;
  float: right;
  clear: right;
  margin-bottom: 20px;
}

input[type=text]{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px solid #686868;
	width:200px;
	height:25px;
	padding:0 3px;
	background-color:#000000;
	color:#686868;
}
 
input[type=text]:focus {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px solid #686868;
}
 
input[type=text], select { 
	outline: none;
}

#search_button{
 background-image:url("https://www.unchain-shop.com/cart/search.png");
 background-repeat:no-repeat;
 background-color:#000000;
 background-position:10px 5px;
 border:none;
 width:38px;
 height:28px;
 text-indent: -9999px;
 cursor: pointer;
}



/*　画面左側の幅　*/
.main {
	width: 920px;
}
.main2 {
	width: 920px;
}

/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

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

/*　フッター（コピーライト）　*/
.footer {
	background-color:#000000;
	padding:40px 0 20px 0;
	width:100%;
	clear:left;
	margin-top:50px;
}
.footerbox{
	width:920px;
	margin:0 auto;
}
.fbox01{
	float:left;
	width:200px;
}
.fbox02{
	float:left;
	width:250px;
}
.fbox03{
	float:left;
	width:150px;
}
.fbox04{
	float:left;
	width:150px;
}
.fbox05{
	float:left;
	width:150px;
}
.footerbox h4{
	color:#686868;
	font-size:small;
	text-align:left;
	margin-bottom:10px;
}

.fbox01 ul li,
.fbox02 ul li,
.fbox03 ul li,
.fbox04 ul li,
.fbox05 ul li{
	list-style:none;
	text-align:left;
	line-height:2;
}
.fbox05 ul li{
	float:left;
	margin-right:10px;
}

.footerbox a:link,
.footerbox a:visited{
	text-decoration:none;
	color:#FFFFFF;
}

.footerbox a:hover,
.footerbox a:active{
	text-decoration:none;
	color:#686868;
}
.footerbox p.copy{
	color:#FFFFFF;
	text-align:left;
}

#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 0px 0px;
}
.footer p{
	color: #FFFFFF;
}

/*　送料無料表示　*/
.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	margin:0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding:5px 0;
	list-style-type:none;
	margin-bottom:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;



     border-left:1px solid #ccc;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
/* -------------------------------------
*     商品一覧
* ------------------------------------- */
.login_left{
	float:left;
	width:180px;
	text-align:center;
}	
.login_left a:hover img,
.login_left a:focus img {
	filter			: alpha(opacity=70);
	-moz-opacity	: 0.7;
	opacity			: 0.7;
}

.itembox_right{
	float:right;
	width:720px;
}
.top_itembox{
	width:200px;
	float:left;
	margin:10px 15px;
	text-align:center;
	font-size:70%;
	position:relative;
}
.top_itembox div.soldout{
	position:absolute;
	top:62px;
}


.top_itembox a:link,
.top_itembox a:visited{
	color:#000;
	text-decoration:none;
}
.top_itembox a:hover,
.top_itembox a:active{
	color:#F90;
	text-decoration:none;
}


.itembox{

	width:200px;
	float:left;
	margin:10px 15px;
	text-align:center;
	font-size:70%;
	position:relative;
}
.itembox div.soldout{
	position:absolute;
	top:62px;
}

.itembox a:link,
.itembox a:visited{
	color:#000;
	text-decoration:none;

}
.itembox a:hover,
.itembox a:active{
	color:#F90;
	text-decoration:none;
}


.top_banner ul li{
	float:left;
	list-style:none;
}
.top_banner ul li.li01{
	margin-right:10px;
}
.top_banner ul li.li02{
	margin-top:5px;
	margin-right:10px;
}
.top_banner ul li.li03{
	margin-top:5px;
}
.top450l{
	width: 455px;
	float: left;
}
.top450r{
	width: 455px;
	float:right;
}





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


ul.megamenu li div ul li.red a:link,
ul.megamenu li div ul li.red a:visited{
	color:#F00;
	text-decoration:none;
}
ul.megamenu li div ul li.red a:hover,
ul.megamenu li div ul li.red a:active{
	color:#F90;
	text-decoration:underline;
}
ul.megamenu li div ul li.blue a:link,
ul.megamenu li div ul li.blue a:visited{
	color:#03C;
	text-decoration:none;
}
ul.megamenu li div ul li.blue a:hover,
ul.megamenu li div ul li.blue a:active{
	color:#F90;
	text-decoration:underline;
}
ul.megamenu li div ul li.skyblue a:link,
ul.megamenu li div ul li.skyblue a:visited{
	color:#a0d8ef;
	text-decoration:none;
}
ul.megamenu li div ul li.skyblue a:hover,
ul.megamenu li div ul li.skyblue a:active{
	color:#18b3f0;
	text-decoration:underline;
}
ul.megamenu li div ul li.yellow a:link,
ul.megamenu li div ul li.yellow a:visited{
	color:#ffd700;
	text-decoration:none;
}
ul.megamenu li div ul li.yellow a:hover,
ul.megamenu li div ul li.yellow a:active{
	color:#ffd700;
	text-decoration:underline;
}
ul.megamenu li div ul li.green a:link,
ul.megamenu li div ul li.green a:visited{
	color:#03cf2e;
	text-decoration:none;
}
ul.megamenu li div ul li.green a:hover,
ul.megamenu li div ul li.green a:active{
	color:#03cf2e;
	text-decoration:underline;
}





/*ブランドスライダー*/
.brandbtn{
	width: 920px;
	margin:0 auto;
	text-align:left;
}

.infiniteslide1 ul,
.infiniteslide1 li,
.infiniteslide2 ul,
.infiniteslide2 li{
		list-style: none;
		margin: 0;
		padding: 0;
}
.infiniteslide2{
	margin-top:20px;
}
/*ブランドリスト*/
#brandlist{
	margin:0 0 30px 0;
}
#brandlist li{
	list-style:none;
	float:left;
	margin:5px 0 0 5px;
}
#brandlist li.li01{
	margin:5px 0 0 0;
}


#bbox,
#bbox2{
	margin-top:15px;
}
#bbox div.bbox01,
#bbox div.bbox02,
#bbox div.bbox03,
#bbox div.bbox04,
#bbox div.bbox05,
#bbox2 div.bbox01,
#bbox2 div.bbox02,
#bbox2 div.bbox03,
#bbox2 div.bbox04,
#bbox2 div.bbox05{
	float:left;
	display:inline;
}
#bbox div.bbox01,
#bbox2 div.bbox01{
	width:220px;
	margin-right:12px;
}
#bbox div.bbox02,
#bbox2 div.bbox02{
	width:456px;
	margin-right:12px;
}
#bbox div.bbox03,
#bbox2 div.bbox03{
	width:220px;
}
#bbox div.bbox04,
#bbox2 div.bbox04{
	width:454px;
	margin-right:12px;
}
#bbox div.bbox05,
#bbox2 div.bbox05{
	width:454px;
}

<!--ドロップダウンメニュー-->
	
.dropmenu ul{
  margin:0;
  padding:0;
}
.dropmenu ul li {
  list-style: none;
  margin:0 11px 0 0 ;
  padding:0;
  float: left;
  position: relative;
  width: 122px;/*親メニューの幅*/
  height: 43px;/*親メニューの高さ*/
  line-height: 43px;
  text-align:center;
}
.dropmenu ul li.li01 {
  margin:0;
}
.dropmenu ul li a {
  display: block;
  text-decoration: none;
}
.dropmenu ul li ul {
  position: absolute;
  top: 43px;/*親メニューの高さと同じにする*/
  width: 122px;
  z-index: 5000;
}
.dropmenu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 122px;/*サブメニューの幅*/
  height: 0;
}
.dropmenu ul li:hover ul li,
.dropmenu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:35px;/*サブメニューの高さ*/
  z-index: 40000;
}
.dropmenu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#scroller{
	margin:17px 0;
}
ul#instafeed li{
	margin:0 3px;
}