@charset "euc-jp";
/* テーマ：クラシック／ルネッサンス */

body{
	font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin:0px auto;
	padding:0px;
	font-size:84%;
	line-height:135%;
	color:#333333;
	background:url(../img/body_img.gif) repeat;
	text-align:center;
}

table {
	text-align:left;
}

th {
	vertical-align:top;
}

td {
	vertical-align:top;
}

h1,h2,h3,h4 { /* 基本タイトル */
	padding:0px;
	margin:0px;
	font-size:100%;
	text-align:left;
}

a{ /* 基本のリンク */
	color:#663333;text-decoration:underline}
a:hover {
	color:#CC9900;text-decoration:none}

ul{ /* 基本のリスト */
	list-style-type:square;}

ul ul{	list-style-type:none;}

img{ border:0px;}/* イメージボーダー指定 */

form {padding:0px;display:inline;}

p{ line-height:130%;}

.clear_both { /* 画像の周り込み解除 */
	clear:both;
	font-size:1px;
	visibility:hidden;
	overflow:hidden;
	height:1px;
	text-align:center
}

.button1{ /* inputボタン設定 */
	cursor:pointer;
	color:#FFFFDD;
	background:#660000;
	border:1px solid #990000;
	border-top-color:#FFFFCC;
	border-right-color:#FFFFCC;
	border-bottom-color:#FFFFCC;
	border-left-color:#FFFFCC;
	font-weight:bold;
}

.text1 { /* テキストエリアデザイン設定 */
  border:1px solid #CCCCCC;
}

.sidebox .text1 {
  float:left;
  margin-right:5px;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
 .text1 { /* テキストエリアデザイン設定 */
  width: 50% !important;
  margin-right:2px !important;
  margin-top:1px !important;
 }
}

.caution{ font-weight:bold;color:#FF0000;}/* エラーメッセージ */

.no2{font-size:110%;} /* フォントズーム */

.strong{ font-weight:bold;}/* フォントボールド */

.red{color:#CC0000;} /* フォント赤 */
.orange{color:#FF9900;} /* フォントオレンジ */
.blue{color:#0000FF;} /* フォント青 */
.green{color:#006600;} /* フォント緑 */
.glay{color:#666666;} /* フォントグレー */

.item img{/* 商品画像枠  */ 
	height:auto;
	padding:5px;
	margin:0px;
	background:#FFFFFF;
	text-align:center;
}

.spacebox{/* スペース設定  */ 
	height:50px;
}

/********************************************************************/
/* 大枠テーブル */
#container {
	width:880px;
	text-align:left;
	margin:0px auto;
	border:1px solid #90634F;
	background:/* url(../img/container.gif) */ #FFFFFF;
}

/* マイページ、ポップアップ画面 */
#enter {
	width:100%;
	text-align:left;
	background:/* url(../img/enter.gif) */ #EEEEDD;
	border:1px solid #90634F;
}

/* ヘッダー */
#header{
	width:100%;
	height:60px;
	/*background:url(../img/header.jpg) #441515 repeat-x;*/
	background:url(../../../../pic-labo/haik2.jpg) right no-repeat #441515;
}

td>#header { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:60px;
}
#header:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
#header {
	display: inline-block;
}
/*\*/
* html #header {
	height: 1%;
}
#header {
	display: block;
}

.NameArea{
        width:auto;
}

.siteName { /* サイト名 h1（テキストの場合使用） */
	margin:0px;
	padding:10px 10px 5px 10px;
	font-size:180%;
	line-height:1em;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.siteName a { color:#CCCC66;text-decoration:none;}
.siteName a:hover { color:#CCCC66;text-decoration:underline;}

.shoplogo { /* サイト名（ロゴ設定の場合使用） */
	padding:0px;
	margin:0px;
	width:860px;
}

.sitecopy{ /* サイトコピー */
	padding:2px 10px;
	margin:0px;
	color:#999999;
	line-height:1em;
}

.sitecopy a {color:#FFFFFF;text-decoration:none;}
.sitecopy a:hover {color:#FFFFFF;text-decoration:underline;}

/* ヘッダーメニュー */
#headMenu {
	width:100%;
	height:25px;
	background:url(../img/headmenu.gif) repeat-x #000000;
	clear:both;
}

.headnavi { /* ヘッダーメニューテキスト */
	padding:5px 20px 6px 20px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:right;
}

.headnavi a{color:#FFFFFF;text-decoration:none;}
.headnavi a:hover {color:#FFFFFF;text-decoration:underline;}

.navi01 {/* ヘッダーメニューアイコン */
	background-position:left center;
	background-repeat:no-repeat;
	height:20px;
	/* background:url(../img/hnavi01.gif) ;*/
}

/* ヘッダー下装飾ライン */
.hline {border:2px solid #A3A35C;
	background:url(../img/hline.gif) no-repeat #FFFFFF;
}

/********************************************************************/

#leftSide {min-width:170px;/* 左サイドtd */
	width:auto;
	padding:0px;
	margin:0px;
	background:#A3A35C;
	vertical-align:top;
	/* background:url(../img/leftside.gif) ;*/
}

#rightSide {min-width:170px; /* 右サイドtd （3列）*/
	width:auto;
	padding:0px;
	margin:0px;
	background:#A3A35C;
	vertical-align:top;
	/* background:url(../img/rightside.gif) ;*/
}

#rightSide {min-width:170px; /* 右サイドtd （3列 ブログ）*/
	width:auto;
	padding:0px;
	margin:0px;
	vertical-align:top;
	/* background:url(../img/rightside2.gif) ;*/
}


#center1 { /* センター td （2列）*/
	width:700px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	background:#EEEEDD;
	/* background:url(../img/center1.gif) ;*/
}

#center2 {min-width:520px; /* センターtd （3列）*/
	width:auto;
	padding:0px;
	margin:0px;
	vertical-align:top;
	background:#EEEEDD;
	/* background:url(../img/center2.gif) ;*/
}

#center3 { /* センターtd （装飾用）*/
	vertical-align:top;	
	background:#EEEEDD;
	width:100%;
/* background:url(../img/center3.gif) ;*/
}
/* 表組みセンタリング */
#center3 table{
	margin:0 auto;
}
#center3 table table.bordlayoutp3{
	margin:0;
}

#cartcenter {/* カート内レイアウトテーブル */
	width:690px;
	margin:0px auto;
}

.header_area { /* ヘッダのフリーエリア */
	text-align:left;
	width:700px;
	margin:0;
	padding:0;
}

.footer_area { /* フッタのフリーエリア */
	text-align:left;
	width:700px;
	margin:0;
	padding:0;
}

.sidebox { /* サイド用ブロック（幅設定） */

	padding:1px 1px 5px 1px;
	margin:0px;
	/* background:url(../img/sidebox.gif) ;*/
}

.centerbox { /* センター用ブロック（幅設定） */
	margin:0px;
	padding:10px;
	/* background:url(../img/centerbox.gif) ;*/
}


.center{ text-align:center;} /* センター */
.right{ text-align:center;} /* まとめてカゴに入れるボタンで右から中に変更した */
.left{ text-align:left;} /* 左 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:bottom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}

.right input{
padding: 3px 10px 3px 10px;
width: 200px;
height: 35px;
}

/********************************************************************/
/* 基本商品テキスト設定 */

.price{ /* 商品価格 */
	color:#663399;
	text-align:left;
}
.price.zoom{ /* 商品価格 （商品詳細） */
	font-size:125%;font-weight:bold;
}
.expl{ /* 商品説明文 */
text-align: center;
font-size: 10px;
line-height: 14px;
color: #333333;
background: #C6BF8B;
border-top: 1px dashed gray;
padding: 10px 0px 0px;
margin: 10px 0px 0px 0px;
}
.expl a{color:#333333;	text-decoration:none;}
.expl a:hover{color:#333333;text-decoration:underline;}

.fixed{ /* 商品定価 */
	color:#333333;
	text-align:left;
}

/* 商品名 （商品一覧）*/
h2.goods a{color:#660000;font-weight:bold;text-decoration:underline; word-break: break-all;}
h2.goods a:hover{color:#CC9933;text-decoration:underline;}
	
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	margin:0px ;
	padding:0px;
}

.topIMG td{
	margin:0px;
	padding:0px;
	background:#D6D6AA;
}

.shopCopy { /* サイト説明 */
	margin:0px;
	padding:3px 10px 3px 10px;
	color:#360000;
	font-weight:bold;
	text-align:left;
}

/* タイトルデザイン */

.free_title { /* タイトル1 h3 */
	padding:8px 0px 0px 40px;
	margin:0px;
	color:#FFFFCC;
	width:auto;
	height:22px;
	background:url(../img/title_bar01.gif) repeat;
	line-height:100%;
	vertical-align:middle;
}

.title1{ /* タイトル1 h3 */
	padding:8px 0px 8px 40px;
	margin:0px;
	color:#FFFFCC;
	width:auto;
	
	background:url(../img/title_bar01.gif) repeat-x;
	line-height:100%;
	vertical-align:middle;
}

#center3 h2.title1{/* 商品詳細 タイトル*/
	background:url(//www.phangan.jp/pic-labo/title_bar02.gif) repeat-x;
}

.title1 a{color:#FFFFCC;text-decoration:none;}
.title1 a:hover{color:#FFFFCC;text-decoration:underline;}

.title2{ /* タイトル2 h3 */
	padding:8px 0px 8px 40px;
	margin:0px;
	width:auto;
	color:#FFFFCC;
	
	background:url(../img/title_bar02.gif) repeat-x;
	line-height:100%;
	vertical-align:middle;
}
.title2 a{color:#FFFFCC;text-decoration:none;}
.title2 a:hover{color:#FFFFCC;text-decoration:underline;}

.title3{ /* タイトル3 h3 */
        padding:8px 0px 8px 40px;
        margin:0px;
        width:auto;
        color:#FFFFCC;
       
        background:url(../img/title_bar02.gif) repeat-x;
        line-height:100%;
        vertical-align:middle;
}

.rank{/* ランキングアイコン */
        text-align:left;
}

.mainCont { /* メインコンテンツ */

	padding:10px;
	margin:0px;
	width:auto;
	background:#FFFFEE;
	/* background:url(../img/maincont.gif) ;*/
}

#enter #center3 .centerbox .mainCont p a{
     display: inline-block;  
     width: 30%;
     margin: 5px 0px 0px 0px;
     padding:5px 13px;
     border-radius:4px;
     font-size: 14px;
     font-weight: bold;
     line-height: 19px;
     text-decoration:none;
     color:black;
     background: -moz-linear-gradient(#F7BE81, #FF8000);
     background: -webkit-gradient(linear, left top, left bottom, from(#F7BE81), to(#FF8000));
     
}

#enter #center3 .centerbox .mainCont p a:hover{
     background: orange;
}

#enter #center3 table {
margin: 0 auto;
padding: 5px 5px 5px 15px;
border-collapse: collapse;
background: #F3E2A9;
}

.contbox { /* メインコンテンツ内項目ボックス*/
	padding:10px 0px;
	margin:0px;
	width:auto;
}


ul.news{ /* 最新情報リスト設定 */
	text-align:left;
	padding:0px 0px 0px 12px;
	margin:0px;
	list-style:square;
	color:#CC3333;
}

li.p3{padding:3px;}

.free_list{ /* リスト設定 */
        padding:5px 10px;
        margin:0px;
}

ul.list{ /* リスト設定 */
	text-align:left;
	padding:5px 10px;
	margin:0px;
	list-style:none;
	color:#F59300;
}

ul.map{ /* サイトマップリスト設定 */
	width:280px;
	text-align:left;
	padding:0;
	margin-bottom:20px;
	color:#990000;
}
li.sm1 { margin:4px ; display:block; list-style-type:none;}
li.sm1 a{ text-decoration: none;}
li.sm2 { display:block;list-style-type:none; line-height: 100%;}
li.sm2 a{font-size: 10px; text-decoration: none;}
.sitemap{ /* サイトマップリスト 項目タイトルh4*/
	padding:5px 25px;
	color:#990000;
	background:url(../img/icon_sitemap.gif) no-repeat ;
	background-position:left center;
}


/* テーブル余白設定 */
.layoutp5  { padding:5px 0px;}/* 余白5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}

.layoutp3  { padding:5px 0px;}/* 余白3px */
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #CCCCCC;}

/* テーブル余白設定 */
.bordlayoutp3  { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.layoutp3 table {text-align:left;width:100%;}
.bordlayoutp3 th { padding:3px;border:1px solid #CCCCCC;}
.bordlayoutp3 td { padding:3px;border:1px solid #CCCCCC;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */

.backcolor1 { background:#D6D6AA;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#D6D6AA;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor3 { background:#E0E0C2;padding:10px 0px;} /* カート部分 */

/* 商品レイアウト（トップページセンター、商品一覧用）*/

.layoutFrame{/* 大枠 table */
	margin:10px 0px 0px 0px;
	padding:2px;
	width:99%;
	background:#DEDBBE;
	/* background:url(../img/layoutframe.gif) ;*/
}
.layoutFrame td{
	text-align:center;
	margin:0px;
	padding:1px;
	vertical-align:top;
}

.layout1{ /* レイアウト */
	margin:1px;
	padding:3px;
	background:#FFFFEE;
	/* background:url(../img/layout1.gif) ;*/
}
.layout1 td{
	margin:0px;
	padding:3px;
	text-align:center;
}

/* 第二階層 */

#bread{ /* パンクズ */
	margin:0px;
	padding:3px 10px;
	border-top:5px solid rgb(102, 35, 13);
	border-bottom:1px solid rgb(102, 35, 13);
	color:rgb(102, 35, 13);
	text-align:left;
	background:#EEEEDD;
}
#bread a {
	   display:inline-block;
	   color:rgb(102, 35, 13);
	   height:18px;
	   margin:2px 0px 0px 0px;
	   padding:1px 5px 1px 5px;
	   border-radius:6px;
          line-height:18px;
          font-size:12px;
	   text-decoration:none;
	   background:rgb(222, 206, 187);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
	   
}

#bread a:hover{background:rgba(190,110,0,0.8);}


h4.title{
	margin:5px 0px;	
	padding:2px 0px;
	color:#663300;
	border-bottom:1px solid;
}

.mainFrame{ /* メイン大枠 */
	margin:0px;
	padding:5px;
	background:#DEDBBE;
	/* background:url(../img/mainframe.gif) ;*/
}


p.title	{ margin:3px 0px;	
	padding:2px 0px;
	color:#669933;
	border-bottom:1px dotted;
	font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent{ /* 新規登録 h4 */
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_ent.gif) no-repeat;
}

.mailmag_cha{ /* アドレス変更 h4 */
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_cha.gif) no-repeat;
}

.mailmag_can{ /* 配信解除 h4 */
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_can.gif) no-repeat;
}

#sortList{ /* ソート */
        position: relative;
	margin: 0px 0px 0px 6px;
 	padding:20px 10px 5px 10px;
 	border-radius: 6px;
	width:auto;
	color:#333333;
        background: #F7AD2E;
	float:right;
}

#sortList::before {
    content: "このカテゴリ内の";
    font-size: 12px;
    position: absolute;
    top: 3px;
    left: 7px;
}

.pageTop { /* ページトップ */
	padding:3px 5px 0px 17px;
	margin:10px 5px;
	background:url(../img/icon_top.gif) no-repeat;
	font-size:76%;
	font-weight:bold;
	float:right;
}
.pageTop a{ color:#663333;text-decoration:none;}
.pageTop a:hover{ color:#663333;text-decoration:none;}


/********************************************************************/
/*フッターーメニューレイアウト設定*/
#footer {
	padding:0px;
	margin:0px;
	width:auto;
	height:40px;
	background-color:#DEDBBE;
	text-align:center;
	
}

td>#footer { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:40px;
}

.footnavi { /*フッターメニューテキスト設定*/
	padding:5px 20px 5px 20px;
	color:#635452;
}
.footnavi a{ color:#635452;text-decoration:none;}
.footnavi a:hover { color:#FF6600;text-decoration:underline;}

#copyright { /*コピーライト*/
	padding:0px;
	margin:0px;
	width:auto;
	height:20px;
	color:#FFFFFF;
	background:#4F1C00;
	text-align:center;
	/* background:url(../img/copyright.gif) ;*/
}

#footer>#copyright { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:20px;
}

#copyright a{color:#FFFFFF;}
#copyright a:hover{color:#FFFFFF;}
/********************************************************************/
/* サイド設定 */

#search {/* サイド商品検索枠設定 */
	padding:6px 5px 12px 5px;
	margin:0px;
	width:auto;
	background:url(../img/search_img01.gif) #DDDDDD;
}

#search label{
	padding:0px;
	margin:0px;
	color:#660000;
	font-weight:bold;
}
#search form{
	width:157px;
}

.fieldarea{padding:5px 0px 5px 0px;vertical-align:middle;}
/*サイドメニューカテゴリリスト */

.list { /* メニュー枠設定 */
	padding:0;	
	display:block;
	line-height:130%;
	background:#FFFFEE;
	border-top:1px #FFFFEE solid;
	border-right:1px #FFFFEE solid;
	border-left:1px #FFFFEE solid;
	border-bottom:1px #E1E1B9 solid;
	/* background:url(../img/list.gif) ;*/
}

.list h3 { /* タイトル */
	padding:5px 5px;
	margin:0px;
}

ul.free_listbox{
	text-align:left;
	padding:0px;
	margin:0px;
	list-style-type : none;
}

ul.listbox{
	text-align:left;
	padding:0;
	margin:0;
	list-style-type : none;
}

li.ca1{
	border-bottom:1px #E0D7B1 solid;
	margin:0;
}

li.ca2 {
	margin:0px;
	border-bottom:1px #E1E1B9 solid;
}
li.ca1 a{ padding:5px 3px 5px 15px;display:block;
	color:#660000;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye01.gif) no-repeat #FFFFEE;
}

li.ca1 a:hover{ color:#FFFFFF;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye01_ov.gif) no-repeat #660000;
}

li.ca2 a{ padding:3px 3px 3px 20px;display:block;
	color:#996600;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye02.gif) no-repeat #FFFFEE;
}
li.ca2 a:hover{ color:#FFFFFF;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye02_ov.gif) no-repeat #996600;
}

li.ca3 {
	margin:0px;
	border-bottom:1px #E1E1B9 solid;	
}

li.ca3 a{ padding:5px 3px 5px 15px;display:block;
	color:#660000;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye01.gif) no-repeat #FFFFEE;
}

li.ca3 a:hover{ color:#FFFFFF;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye01_ov.gif) no-repeat #660000;
}

li.ca4 {
	margin:0px;
	border-bottom:1px #E1E1B9 solid;
}

li.ca4 a{ padding:3px 3px 3px 20px;display:block;
	color:#996600;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye02.gif) no-repeat #FFFFEE;
}

li.ca4 a:hover{ color:#FFFFFF;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye02_ov.gif) no-repeat #996600;
}

.sline1 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
	height:0px;
	background-color:#CCCC99;
	/* background:url(../img/sline1.gif) ;*/
}

.sline2 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
	height:0px;
	background-color:#CCCC99;
	/* background:url(../img/sline2.gif) ;*/
}

/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
	margin:0px;
	padding:5px;
	background: #FFFFEE;
	/* background:url(../img/sidemain1.gif) ;*/
}

.sidemain1 p {
	padding:3px 0px 3px 0px;
	margin:0px;
	line-height:120%;
}

.sidemain1 ul { /* リスト設定 */
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
} 

.sidemain1 ul img {
	position: absolute;
	top: 5px;
	right: 8px;
}

.sidemain1 li {
	display:block;
        cursor: pointer;
	padding:2px 0px 0px 10px;
	font-size:11px;
	font-weight:bold;
	line-height:140%;
	color:#B40404;
}

.sidemain1 li:hover{
	border-left:3px solid #B40404;
	padding:2px 0px 0px 7px;
}

.sidemain1 li span{
	display:block;
	width:100%;
}

.sidemain1 li a{
	display:block;
	margin:0;
	padding:0;
	border:none;
	border-radius:6px;
	font-weight:normal;
	text-decoration:none;
	background-image: none;
}


.sidemain1 li a:hover{
	color:white;
	background-color:gray;
}


/* カレンダー */
caption { /* 年月タイトル */
	 font-weight:bold;
	 text-align:center;
	 padding:3px;
	 color:#333333;
}
caption a{ color:#333333;text-decoration:underline;}
caption a:hover{ color:#333333;	 text-decoration:underline;}

.carender { /* カレンダー テーブル*/
	 border-collapse:collapse;
	 padding:5px 0px;
	 margin:0px;
	 text-align:center;
}

/* カレンダー センタリング*/
div.carender table{
	margin:0 auto;
	text-align:center;
	width:140px;
}
.carender td {
	padding:2px;
	border-collapse:collapse;
	text-align:right;
	border:1px solid #CCCCCC;	
}

.carender th {
	padding:2px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;	
}

th.day { /* ヘッダ平日 */
	font-weight:bold;
	color:#333333;
	background:#EEEEEE;
	text-align:center;
}

th.sun { /* ヘッダ日曜 */
	color:red;
	background:#E7C1C1;
	text-align:center;
}

th.sat { /* ヘッダ土曜 */
	color:blue;
	background:#BBD6EB;
	text-align:center;
}

.chert { /* 表示色説明枠  */
	margin:5px 5px;
	font-size:84%;
}
.chert td {
	border-collapse:separate;
	padding:0px 0px 0px 5px;
	border:2px solid #FFFFDD;
}

.line01{ border:#DEDBBE 1px dotted;vertical-align:bottom;} 

#rss{ /* RSS設定 */
	margin:0px;
	padding:5px;
}

#count{ /* カウンター */
	margin:0px;
	padding:5px;
}

/********************************************************************/
/* ブログ */

.blogbox { /* コメントボックス */
	padding:5px;
	margin:2px 0px;
	width:auto;
	/* background:url(../img/blogbox.gif) ;*/
}

.entry_title { /* ブログエントリータイトル h2 */
	padding:5px 0px 10px 0px;
	display:block;
	font-size:116%;
	color:#660000;
	/* background:url(../img/entry_title.gif) ; */
}

.entry_date{
	display:block;
	padding:10px 0px 3px 0px;
	color:#996600;
	text-align:right;
}

.state{ /* ブログステータス */
	padding:2px 0px;
	text-align:right;
	border-top:#660000 1px dashed;
}

.subtitle {/* h3 ブロックサブタイトル */
	padding:2px 0px;
	margin:10px 0px 10px 0px;
	text-align:left;
	font-size:110%;
	color:#996600;
	border-bottom:#996600 2px solid;
	/* background:url(../img/subtitle.gif) ; */
}

 p.label { /* ブログコメントタイトル */
	font-weight:bold;
}

.tb_url{ /* トラックバックurl */
	font-weight:bold;margin-bottom:10px;
}

/********************************************************************/
/* カート */

.point {font-size:120%;color:red;font-weight:900;}

.pointline {font-size:100%;color:red;font-weight:900;padding:3px;background-color:#D6C692;}



/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
	text-align:center;
	width:100%;
	height:83px;
}

.step_navi01 {
	background-image:url(../img/navi01.gif);
	background-repeat:no-repeat
}

.step_navi02 {
	background-image:url(../img/navi02.gif);
}

.step_navi03 {
	background-image:url(../img/navi03.gif);
}

.step_navi04 {
	background-image:url(../img/navi04.gif);
}


/* ご利用案内 */
table.layout_left_shoppinguide{
	width:100%;
}

/* お客様の声（コメント）投稿画面用 */
div.comment_box table { /*テーブル枠線の表示形式*/
	border-collapse:collapse;
}

div.comment_box td { /*テーブル枠線の指定*/
	border:1px solid #999;
}

div.comment_box td.backcolor1 { /*項目名欄*/
/*	background:#333;color:#fff; */
}

div.comment_box td.backcolor2 { /*入力欄*/
/*	background:#fff;color:#333; */
}

div.comment_box div.item_name a { /*ご購入商品名リンク*/
/*	color:#00c; */
}

div.comment_box div.item_name a:hover { /*ご購入商品名リンクマウスオーバー*/
/*	color:#c00; */
}

div.comment_box div.write_comment input { /*コメントを書くボタン*/
/*	color:#333;*/
}

div.comment_box div.write_comment a { /*コメントを書くリンク*/
/*	color:#00c; */
}

div.comment_box div.write_comment a:hover { /*コメントを書くリンクマウスオーバー*/
/*	color:#c00; */
}

div.comment_box div.mainFrame { /*まだコメントはありません*/
/*	background:#333;color:#fff; */
}

div.comment_box td.backcolor2 td { /*会員IDとパスワード*/
/*	color:#333; */
}

/********************************************************************/
/*** 商品詳細ページの在庫の直接表示用 ***/
#itemStocklist table {
	border-collapse:collapse;
	margin:5px 0;
	padding:0;
}

#itemStocklist th,
#itemStocklist td {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:left;
	line-height:1.2;
}

#itemStocklist th {
	white-space:normal;
	width:auto;
	border:1px solid #999;
	vertical-align:middle;;
}

#itemStocklist td {
	white-space:normal;
	width:auto;
	border:1px solid #999;
}

#itemStocklist th p,
#itemStocklist td p {
	padding:1px 4px;
	line-height:1.2;
}

#itemStocklist td input,
#itemStocklist td img {
	width:80px;
	height:24px;
	margin:2px;
}

/* バリエーションなしorまとめて管理 */
#itemStocklist table.contType {width:auto;}

#itemStocklist table.contType th,
#itemStocklist table.contType td {
	padding:0 10px;
	vertical-align:middle;
	font-size:0.9em;
}

/* バリエーションごとに管理 */
#itemStocklist table.listType {width:100%;}

#itemStocklist table.listType th,
#itemStocklist table.listType td {font-size:0.8em;}

#itemStocklist table.listType td.stk {
	width:5em;
	text-align:center;
}

#itemStocklist table.listType td.btn {
	width:84px;
	vertical-align:middle;
	text-align:center;
}

/*************************************************/
/*** 複数カテゴリ（サブメニュー用） ***/

/*サブメニュー準備*/
#sps-itemCategoryBox ul {
	zoom:1;
}

#sps-itemCategoryBox,
#sps-itemCategoryBox ul,
#sps-itemCategoryBox li {
	margin:0;
	padding:0;
}

#sps-itemCategoryBox li {
	list-style:none;
}

#sps-itemCategoryBox .sps-itemList .sps-itemCategoryList {
	position:relative;
}

/*サブメニュー非表示（初期）*/
#sps-itemCategoryBox .sps-itemList .sps-itemCategoryList .sps-itemCategorySub {
	width:100%;
	position:absolute;
	top:0;
	left:100%;
	display:none;
}

/*サブメニュー表示（オンマウス）*/
#sps-itemCategoryBox .sps-itemList .sps-itemCategoryList:hover .sps-itemCategorySub {
	display:block;
	z-index:99;
}

/*サブメニューボックス*/
#sps-itemCategoryBox .sps-itemList .sps-itemCategoryList .sps-itemCategorySub {
	padding: 5px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	background:#fff;
}

/*サブメニュー内リンク*/
#sps-itemCategoryBox .sps-itemList .ca2 a {
	color:#00f;
	font-weight:normal;
	text-decoration:underline;
}

/*サブメニュー内リンク（オンマウス）*/
#sps-itemCategoryBox .sps-itemList .ca2 a:hover {
	color:#00f;
	font-weight:normal;
	text-decoration:underline;
}

/*************************************************/
/*** 複数カテゴリ（商品一覧用） ***/

/*商品一覧の選択カテゴリの上位カテゴリ*/
#sps-itemCategoryBox .sps-selList .sps-itemCategoryUp .ca2 a {
	padding-left:0.3em;
	background-image:none;
}

/*商品一覧の表示パターン1（全商品カテゴリを見る非表示）*/
#sps-itemCategoryBox .sps-selList+.sps-itemList {
	margin:2em 0;
}

/*商品一覧の表示パターン2（全商品カテゴリを見る表示）*/
#sps-itemCategoryBox .sps-allList {
	margin:2em 0;
}

#sps-itemCategoryBox .sps-allList .sps-itemCategoryMain .ca2 a {
	padding-left:0;
	padding-right:0;
	background-image:none;
	text-align:center;
}

/*商品一覧表示パターン2（全商品一覧の表示位置調整）*/
#sps-itemCategoryBox .sps-allList+.sps-itemList {
	margin:-2em 0 2em;
}

/*************************************************/
/*** 複数カテゴリ（サイトマップ用） ***/

/*見出し*/
#sps-smItemCategory h5 {
	margin:0 0 0 25px;
	font-size:1em;
}

/*第2階層以下のカテゴリ*/
#sps-smItemCategory li.sm1 ul {
	margin:0;
	padding:0;
}

/*第2階層のカテゴリ*/
#sps-smItemCategory li.sm2 {
	margin:0 0 0 1px;
}

/*************************************************/
/*** キーワードリンク（左サイド用）レイアウト ***/
#sps-leftKeywordBox li {background:none;margin:0 5px 0 0;padding:0;display:inline;line-height:1.6;}
#sps-leftKeywordBox li a {background:none;padding:0;display:inline;text-decoration:underline;}

/*** 商品検索（ヘッダ用）レイアウト ***/
#sps-headSearchBox {text-align:left;}
#sps-headSearchBox form {display:block;padding:5px 10px;}
#sps-headSearchBox form label {padding-right:10px;font-size:1.1em;}
#sps-headSearchBox form input[type=text] {width:40%;padding:0.1em 0.3em;font-size:1.1em;}
#sps-headSearchBox form input[type=submit] {font-size:1.1em;}

/*** 商品検索（ヘッダ用）デザイン ***/
#sps-headSearchBox {
	background:url(../img/search_img01.gif) #d2d2a4; /* 背景 */
}

#sps-headSearchBox form {
/*	border:1px solid #ccc; /* 枠線 */
}

div + #sps-headSearchBox form {
/*	border-top:none; /* 枠線の調整 */
}

#sps-headSearchBox form label {
	color:#600; /* 文字色 */
	font-weight:bold; /* 太字 */
}

/*** キーワードリンク（ヘッダ用）レイアウト ***/
#sps-headKeywordBox {text-align:left;}
#sps-headKeywordBox div {padding:5px 10px;line-height:1.6;font-size:0.9em;}
#sps-headKeywordBox ul {margin:0;padding:0;display:inline;}
#sps-headKeywordBox li {list-style:none;display:inline-block;padding-right:0.5em;}

/*** キーワードリンク（ヘッダ用）デザイン ***/
#sps-headKeywordBox {
	background:#ffe; /* 背景色 */
}

#sps-headKeywordBox div {
	border-top:1px solid #a3a35c;border-bottom:1px solid #a3a35c; /* 枠線 */
}

div + #sps-headKeywordBox div {
/*	border-top:none; /* 枠線の調整 */
}

#sps-headKeywordBox span {
	color:#c33; /* 見出し */
}

#sps-headKeywordBox span:after {
	content:" ： "; /* 見出し区切り文字 */
}

/*** ヘッダ区切り線調整 ***/
#sps-headSearchBox + div.hline,
#sps-headKeywordBox + div.hline {
/*	margin-bottom:10px;*/
}


.kanren{/*カテゴリページの関連商品部分*/
font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: bold;
color:white; font-size:14px; 
text-align:center;  
vertical-align: middle;
}

.botan{/*カテゴリページの関連商品のボタン部分*/
width:155px; 
display:block; 
text-align:left; 
padding-left:12px; 
margin-top:5px; 
margin-left: 10px; 
margin-bottom:5px; 
color:black; 
text-decoration:none; 
border-radius:6px; 
font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background-color:white; 
font-weight: bold; font-size:12px; 
line-heght:120%; 
background-image: url(//www.phangan.jp/pic-labo/sk.png); 
background-repeat:no-repeat; 
background-position:95% 50%; float: left;
background: rgb(238,238,238); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */

}



.botan2{/*ネックレスパーツの種類のボタン部分*/
width:145px; 
display:block; 
text-align:left; 
padding-left:10px; 
margin-top:5px; 
margin-left: 10px;  
color:black; 
text-decoration:none; 
border-radius:6px; 
font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background-color:white; 
font-weight: bold; font-size:12px; 
line-heght:120%; 
background-image: url(//www.phangan.jp/pic-labo/sk.png); 
background-repeat:no-repeat; 
background-position:95% 50%; float: left;
}



/*更新順検索の指定*/
.sinbotan a img:hover{
	filter: alpha(opacity=50);
	opacity:0.5;
	background: #fff;
	font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


#r_nabi{/*右側固定ブースの指定*/
	position: fixed;
	top: 20px;
	right: 0px;
	z-index: 10;
	background-color:black;
	border-top: 2px solid orange;
	border-left: 2px solid orange;
	border-bottom: 2px solid orange;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.r_nabi_a{/*右側固定ブースのリンクの指定*/
	width: 80%;
	display:block;
	border-bottom: 2px solid black;
	border-right: 1.5px solid black;
	margin-top:3px;
	margin-left:5px;
	padding:3px 5px;
	text-align:left;
        text-decoration: none;
	line-height: 130%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 70%;
        color:white;
	background-color:dimgray;
	border-radius: 10px;
}

#mouse1{width:100%; background-color:#130c00; color:white; padding:0px 0px 5px 0px; border-top:1px solid #955617;}

.mouse2{display:inline-block; float:left; text-decoration:none; color:#cccccc; background-color:#221900; padding:2px 10px 2px 10px; margin:5px 0px 0px 10px; font-size:10px; border-collapse:collapse;}

.mouse2 a:hover {background-color: #red;}

#index60 a img{width:100px; margin:0; padding:0; border:none;}
#index60 a:hover img {filter: alpha(opacity=50);opacity:0.5;background: #fff;}

#index50 a img{margin:0; padding:0; border:none;}
#index50 a:hover img {filter: alpha(opacity=50);opacity:0.5;background: #fff;}

#index40:hover a {background: #151515;}


#left_navi{
	width:100%;
	margin:0;
	padding:0;
	border:none;
	overflow:hidden;
}
#left_navi a{padding:0px 2px 0px 2px;}
#left_navi a:hover{background-color:#A4A4A4; color:white; border-radius:6px; }
#left_navi a img{display:inline-block; width:96%; margin:0px 0px 0px 2px; padding:10px 0px 0px 0px; border:none; text-align:center;}


.cat{padding-bottom:2px;}

.cat a{/*左カテゴリのテーブルの指定*/
	font-size: 11px;
	font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:140%;
	text-decoration: none;
}

#cat2 a{
    display: block;
    width: 100%;
    height: auto;
    background:transparent;
}

#cat2 a;hover{background:transparent;}
#cat2 a img;hover{background:transparent;}

.sen{	width:100%;
	height:1px;
	border-bottom:1px dotted gray;
}

p.gyou{
	display:block;
	width:63%;
	font-size:11px;
	font-weight:bold;
	line-height:110%;
	margin:0;
	padding:5px 0px 0px 3px;
	color:#B40404;
	float:left;
}

p.gyoumigi{
	display:block;
	width:32%;
	font-size:8px;
	line-height:110%;
	margin:0;
	padding:7px 2px 0px 0px;
	color:#828282;
	float:right;
	text-align:right;
	vartical-align:bottom;
}


p.sirusi{
	display:inline-block;
	font-size:9px;
	width:10px;
	margin:0px 1px 0px 3px;
	padding:0;
	border:none;
}

p.midashi{
	display:inline-block;
	width:100%;
	font-size:11px;
	font-weight:bold;
	line-height:110%;
	margin:0;
	padding:3px 0px 0px 5px;
	border-bottom:1px dotted gray;
	color:#B40404;
}

a.okini{
     display:block;
     width:90%;
     margin:5px auto 5px auto;
     padding:5px 10px 5px 10px;
     text-decoration: none;
     color:white;
     border-radius:8px;
　　font-size:11px;
background: rgb(83,145,178); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzOTFiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjI4NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(83,145,178,1) 0%, rgba(11,40,79,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(83,145,178,1)), color-stop(100%,rgba(11,40,79,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(83,145,178,1) 0%,rgba(11,40,79,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(83,145,178,1) 0%,rgba(11,40,79,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(83,145,178,1) 0%,rgba(11,40,79,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(83,145,178,1) 0%,rgba(11,40,79,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5391b2', endColorstr='#0b284f',GradientType=0 ); /* IE6-8 */

 }

a.okini:hover {
     text-decoration: none;
background: rgb(94,171,201); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlYWJjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzMwNTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(94,171,201,1) 0%, rgba(12,48,86,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,171,201,1)), color-stop(100%,rgba(12,48,86,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(94,171,201,1) 0%,rgba(12,48,86,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(94,171,201,1) 0%,rgba(12,48,86,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(94,171,201,1) 0%,rgba(12,48,86,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(94,171,201,1) 0%,rgba(12,48,86,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5eabc9', endColorstr='#0c3056',GradientType=0 ); /* IE6-8 */

}
a.okini span {
     display: none;
     padding: 8px;
     font-size: 12px;
     margin-left: 8px;
     line-height: 1.6;
}
a.okini:hover span{
     display: inline;
     position: absolute;
     background-color:  rgba(255,255,255,0.95);
     border: 2px solid #0B3861;
     border-radius:8px;
     color: #000000;
     line-height:130%;
     width: 200px;     /* a.okinispanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
}


/* 2階層目から3階層目へのナビ */
#doconavi{width:100%; background-color:rgb(238, 238, 221); margin:0; padding:14px 0px 14px 0px;}

#doconabi_ue a{
 display: block;
 float: right; 
 width: 100px;
 height: 20px; 
 line-height:21px;
 margin: 0px 40px 7px 0px;
 padding: 0px 10px;
 border: 1px solid #8F8787;
 text-decoration: none;
 border-radius: 6px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,bcbcbc+100 */
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(188,188,188,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(188,188,188,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-8 */

}

.doconabi_sita_link{
     display:block;
     float:left;
     width:200px;
     height:18px;
     margin:5px 0px 0px 12px;
     padding:3px 3px 3px 8px;
     border-bottom:3px solid #D8D8D8;
     text-decoration:none;
     font-size:12px;
     color:black;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,bcbcbc+100 */
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(188,188,188,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(188,188,188,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-8 */

}

.doconabi_sita_link_big{
     display:block;
     float:left;
     width:204px;
     height:24px;
     margin:5px 0px 0px 12px;
     padding:3px 3px 3px 8px;
     border-bottom:3px solid #D8D8D8;
     text-decoration:none;
     font-size:13px;
     color:black;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,bcbcbc+100 */
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(188,188,188,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(188,188,188,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-8 */

}

.doconabi_sita_img{
     width:32px;
     height:24px;
     float:left;
     margin:-3px 2px 0px -7px;
}

.doconabi_sita_img_big{
     width:40px;
     height:30px;
     float:left;
     margin:-3px 2px 0px -7px;
}

.doconabi_sita_link2{
     display:block;
     float:left;
     width:200px;
     height:18px;
     margin:5px 0px 0px 12px;
     padding:3px 3px 3px 8px;
     border-bottom:3px solid #D8D8D8;
     text-decoration:none;
     font-size:9px;
     color:black;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,bcbcbc+100 */
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(188,188,188,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(188,188,188,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-8 */

}


.doconabi_sita_link:hover{ height:18px; border-top:none; border-bottom:3px solid orange; }
#doconabi_ue p{display:block; float:left; width:300px; height:17px; margin:0px 0px 0px 20px; padding:0; border:none; font-size:14px; font-weight:bold; color:rgb(86, 46, 20);}


.doconabi_sita_link2:hover{ height:18px; border-top:none; border-bottom:3px solid orange; }
#doconabi_ue p{display:block; float:left; width:300px; height:17px; margin:0px 0px 0px 20px; padding:0; border:none; font-size:14px; font-weight:bold; color:rgb(86, 46, 20);}


/* メタルパーツのナビ */
#metalmenu{list-style-type:none;}

#metalmenu li {
	  position: relative;
	  float: left;
	  margin: 0;
	  padding: 0px 5px 0px 5px;
	  width: 150px;
  	  height: 15px;
	  border: solid 1px #ccc;
	  font-size: 12px
	  text-decoration:none;
          background-color:#EED;
	}
#metalmenu li a{ text-decoration:none; }

#metalmenu li:hover {
	  color: #E3E0E0;
	  background: #F2830C ;
	}
#metalmenu li ul {
	list-style-type:none;
	  display: block;
	  position: absolute;
	  top: 15px;
	  left: -1px;
	  padding: 0px 3px 2px 7px;
	  width: 150px;
          background-color:#EED;
	  border: solid 1px #ccc;
	}
#metalmenu li ul li {
	  margin: 0;
	  padding: 0;
	  width: 150px;
	  border: none;
	　font-size:12px;
	}
#metalmenu li ul li a {
	  display: inline-block;
	  width: 150px;
	  height: 12px;
	  text-align:left;
	  text-decoration:none;
	  color:black;
	  font-size:10px;
	}




/* 商品ページのポイント付属の案内を消すタグ　未ログイン客にも表示されてしまう為 */
.publish_point{display: block;}

/* スマホページの会員規約の文字色 */
pre{color:gray;}


/* スライダー　slick.css*/
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;


/* スライダー　slick-theme.css*/
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '?';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}



/* レフトナビアコーディオン*/

ul#acMenu{margin:0; padding:0; border:none;}

#acMenu li{
	display:block;
	position:relative;
	overflow:hidden;
	width:158px;
	height:18px;
	line-height:18px;
	padding:0px 13px 0px 7px;
	border-bottom:1px dotted black;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	color:#B40404;

	}

#acMenu li:hover{
	width:158px;
	padding:0px 13px 0px 4px;
	border-left:3px solid #B40404;
	border-bottom:1px dotted black;
	}

#acMenu li.active{
	position:relative;
	background:rgb(242, 245, 169);
	border-bottom:none;

	}

#acMenu li img{
	position:absolute;
	top:-87px;
	right:13px;
}


#acMenu li.active img{
	position:absolute;
	top:6px;
	right:13px;
	}

#acMenu li ul{
   list-style:none;
   margin:0;
   padding:0;
   border:none;
}

#acMenu li ul li{
	width:100%;
	line-height:14px;
	margin:0;
	border:none;
	font-size:10px;
	display:none;
	}





li{
list-style: none;
cursor: pointer;
}
 
ul.acordion{
background: #f5f5f5;
border-right: solid 1px #808080;
border-left: solid 1px #808080;
margin: 15px;
padding: 0;
}
 
ul.acordion li {
border-bottom: solid 1px #808080;
}
 
ul.acordion li:first-child {
border-top: solid 1px #808080;
}
 
ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
 
ul.acordion li ul li {
background: #fff;
}
 
ul.acordion li ul li:last-child{
border-bottom: none;
}
 
ul.acordion li ul li a {
color: #696969;
display: block;
padding: 10px;
text-decoration: none;
}
 
ul.acordion li .none-submenu {
background: url(trigger-arrow.png) no-repeat 98% 50%;
background-size: 2%;
display: block;
padding: 15px;
}
 
ul.acordion li .active-submenu {
background: url(triggeractive-arrow.png) no-repeat 98% 50%;
display: block;
padding: 15px;
}


.variation1{
 color:white;

}


/* 新着順に検索のスタイル*/
#sintyakukennsaku{width:180px; height:220px; border-radius:10px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#336699+0,000033+20,000033+100 */
background: #336699; /* Old browsers */
background: -moz-linear-gradient(top,  #336699 0%, #000033 20%, #000033 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #336699 0%,#000033 20%,#000033 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #336699 0%,#000033 20%,#000033 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#000033',GradientType=0 ); /* IE6-9 */}

.sin1{display:block; text-align:right; width:174px; height:12px; line-height:12px; margin:0; padding:4px 0px 0px 0px; font-size:10px; color:white; text-shadow:0 0 3px #FFFFFF, 0 0 5px #00CCCC, 0 0 7px #00CCCC, 0 0 10px #00FFFF ;}
.sin2{display:block; width:160px; height:29px; margin:0; padding:0px 0px 0px 10px; font-size:20px; font-family:  'ヒラギノ明朝 ProN W1','Hiragino Mincho ProN','ＭＳ 明朝','ＭＳ Ｐ明朝','HG明朝E', serif; font-weight:bold; color:white;}
.sin3{display:block; width:180px; height:16px; line-height:16px; margin:4px 0px 0px 0px; padding:0; text-align:center; font-size:12px; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color:#E6E6E6;}
#sintyakukennsaku ul{list-style:none; margin:0; padding:0; border:none;}
#sintyakukennsaku ul li{position:relative; width:100%; height:47px; margin:4px 0px 0px 0px; padding:0; border:none;}
#sintyakukennsaku ul li a{display:block; width:90%; height:100%; line-height:47px; margin:0 auto; padding:0; border:none; border-radius:10px; text-align:center; color:white; font-weight:bold; font-size:20px; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	transition: all  0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;}
#sintyakukennsaku ul li a:hover{opacity:0.5;}
.sin_zensyouhin{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccc00+0,996600+100 */
background: #cccc00; /* Old browsers */
background: -moz-linear-gradient(top,  #cccc00 0%, #996600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cccc00 0%,#996600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cccc00 0%,#996600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccc00', endColorstr='#996600',GradientType=0 ); /* IE6-9 */
}
.sin_brace{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc6633+0,993300+100 */
background: #cc6633; /* Old browsers */
background: -moz-linear-gradient(top,  #cc6633 0%, #993300 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cc6633 0%,#993300 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cc6633 0%,#993300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc6633', endColorstr='#993300',GradientType=0 ); /* IE6-9 */
}

.sin_genseki{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#999900+0,666600+100 */
background: #999900; /* Old browsers */
background: -moz-linear-gradient(top,  #999900 0%, #666600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #999900 0%,#666600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #999900 0%,#666600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999900', endColorstr='#666600',GradientType=0 ); /* IE6-9 */
}
.sin_span{position: absolute; top: 1px; left: 150px; display: inline-block; width: 20px; height: 20px; margin: 0px; padding: 0px; color: white; font-size: 14px;}


/*  ▼　カテゴリフッター用 メタルパーツナビ　▼ */

#smp_MetalNavi_wrap{width:100%; margin:0; padding:26px 0px 26px 0px; border:none; background:black;}
#smp_MetalNavi_wrap p{width:100%; height:31px; margin:0px 0px 5px 0px; padding:0; border:none; text-align:center; font-size:16px; line-height:26px; color:white; font-family: sans-serif;}
.smp_MetalNavi{width:98%; padding:0; margin:0 auto; border:none; border-collapse:collapse; background:transparent;}
.smp_MetalNavi td{width:18%; background:transparent;}
.smp_MetalNavi tr td a{display:block; width:100%; height:100%; background:transparent;}
.smp_MetalNavi tr td a img{width:100%; margin:0; border-radius:10px; background:black;}
.smp_MetalNavi tr td a:hover img{background:orange; background:transparent;}

/*  ▲　カテゴリフッター用　メタルパーツナビ　▲ */


/* youtube特集ページ */
#playerbox { width:640px; height:390px; margin-bottom:10px; }

.yt{/* 動画リンク下線無し */
text-decoration: none;
}

#youtebe ul.yt{/* サムネ縦並び全表示 */
list-style:none;
background-color: #FFF;
width: 640px;
padding: 0;
margin: 0;
}

#youtube ul.yt-f{/* サムネ縦スクロール */
list-style:none;
width: 640px;
height: 400px;
padding: 0;
margin: 0;
white-space: normal;
overflow-y: auto;
}

#youtube li.yt{/* サムネボックス */
border: 0px solid #ccc;
background-color: #FFF;
width: 640px;
height: 94px;
float: left;
margin-bottom:3px; 
}

#youtube img.yt1{/* サムネイイル */
padding: 2px;
float: left;
}

#youtube div.yt{/* サムネ横テキストタイトル */
padding: 2px;
word-wrap: break-word;
white-space: normal;
height: 86px;
overflow-x: auto; 
}

#youtube img.yt-cate{/* カテゴリータイトルimg */
margin-top: 8px;
margin-bottom: 3px;


}
#uresiziteiban{clear:both; width:700px; height:599px; margin:0; padding:0; border:none; background-color:rgb(97, 11, 11);}
#uresiziteiban ul{width:100%; height:335px; list-style:none; margin:0; padding:55px 0px 0px 0px; border:none; background-image:url(//www.phangan.jp/img/teiban/teue-compressor.png); background-position:top; background-repeat:no-repeat;}
#uresiziteiban ul li{float:left; width:165px; height:102px; margin:6px 0px 0px 8px ; padding:0; border-radius:5px; overflow:hidden; background-color:white;}
#uresiziteiban ul li a{display:block; width:100%; height:100%; text-align:center;}
#uresiziteiban ul li a img{width:165px; height:75px; border:none;}
#uresiziteiban ul li a p{width:165px; height:22px; line-height:22px; margin:0; padding:0; border:none; color:rgb(97, 11, 11); font-size:16px; font-weight:bold; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
#uresiziteiban ul li a img:hover{opacity:0.6;}