@charset "euc-jp";
/* CSS Document */

h1 {
	margin: 0 0 0 0px;
	padding: 0;
	font-weight: bolder;
	font-size: 12px;
	color: #666666;
	line-height: 15px;
}  
h2 {
	margin: 0 0 0 0px;
	padding: 0;
	word-break: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
}  
h3 {
	margin: 0 0 0 0px;
	padding: 0;
	word-break: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
}  
h4 {
	margin: 0 0 0 0px;
	padding: 0;
	word-break: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
}  
h5 {
	margin: 0;
	padding: 0;
	line-height: 15px;
}

.style1 {
	color: #000000;
	font-size: 5px;
	line-height: 5px;
}
.style2 {
	color: #333333;
	font-size: 11px;
	line-height: 15pt;
	font-weight: lighter;
}
.style3 {
	color: #636363;
	font-size: 12px;
	line-height: 13px;
	font-weight: lighter;
	text-decoration:none;
}
.style4 {
	color: #333333;
	font-weight: lighter;
	font-size: 12px;
	line-height: 15pt;
}
.style6 {
	color: #FF0000;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
}
.style7 {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	line-height: 17px;
}
.style8 {
	font-size: 14px;
	font-weight: normal;
	color: #636363;
	line-height: 14pt;
}
.style9 {
	font-size: 11px;
	font-weight: lighter;
	text-decoration: none;
	color: #636363;
}

.style10 {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	line-height: 15px;
}

.style10 a {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	line-height: 15px;
}

.style10 a:hover {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	line-height: 15px;
}

a{
	font-size: 11px;
	color: #232323;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #232323;
}
a:hover img {
filter:alpha(opacity=75); /*IE*/
-moz-opacity:0.75; /*FF*/
opacity:0.75;
}

.waku { 
	border: 1px #636363 solid;
}	
.waku2 {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-color: 696969;
	border-right-color: #696969;
	border-bottom-color: 696969;
	border-left-color: #696969;
	border-left-style: solid;
	border-right-style: solid;
}
.waku3 {
	border-top-color: 660E00;
	border-right-color: #000000;
	border-bottom-color: #660e00;
	border-left-color: #000000;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left-style: solid;
	border-right-style: solid;
	border-left-width: 10px;
	border-right-width: 10px;
}
.waku4 {
	border-top-color: 660E00;
	border-right-color: #B97100;
	border-bottom-color: #999999;
	border-left-color: #B97100;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-left-style: solid;
	border-right-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-style: dotted;
}
.waku5 {
	border-top-color: 660E00;
	border-right-color: #B97100;
	border-bottom-color: #CCCCCC;
	border-left-color: #B97100;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left-style: solid;
	border-right-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-style: dotted;
}
	

HR {
	border-style: dotted none none none;
	border-top-width: 1px;
	border-top-color: #636363;
	height: 1px;

}

body {
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;           
}
/*--------ヘッダーに関する記述ここから--------*/
/*ここから自社説明文*/
#site_lead {
	position: relative;
	display: block;
	margin:15px auto 17px auto;
	width: 960px;
	height:13px;
}

#site_lead ul{
	list-style-type: none;
	margin: 0 auto;
	float:left;
	padding: 0;
}

#site_lead li#text_01 {
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
 	display: inline-block;
	position: absolute;
	left:0;
	top: 0;
	margin:0 auto;
	font-size: 13px;
	line-height: 10px;
	color: #000;
	text-decoration: none;
}
#site_lead li#text_01 a {
	display: inline-block;
	line-height: 13px;
	font-size: 13px;
	color: #000;
}
#site_lead li#text_01 a:hover {
	color: #cc0033;
}
#site_lead li#text_01 .red{
	color:#cc0033;
}

#site_lead li#text_02 {
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
 	display: inline-block;
	position: absolute;
	right:0;
	top: 0;
	margin:0 auto;
	font-size: 10px;
	line-height: 10px;
	color: #000;
	text-decoration: none;
}
/*ここまで自社説明文*/

#header_logo_area {
	position: relative;
	display: block;
	margin:0 auto;
	width: 960px;
	height:58px;
}
/*自社サイトここから*/
#logo {
	position: absolute;
	display: block;
	margin:0 auto;
	width: 149px;
	height:58px;
	top:0;
	left:0;
}
#logo h1{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	width: 149px;
	height: 58px;
	background:url("https://binich.jp/pic-labo/hd-2013-j_01.gif") left no-repeat;
}
/*自社サイトここまで*/

/*称号ここから*/
#mark_01 {
	position: absolute;
	display: block;
	margin:0 auto;
	width: 60px;
	height:58px;
	top:0;
	left:149px;
}
#mark_02 {
	position: absolute;
	display: block;
	margin:0 auto;
	width: 48px;
	height:58px;
	top:0;
	left:209px;
}
/*称号ここまで*/

/*ここからサブボタン(レビューを見る潤ｵ楽天市場)*/
#sub_button {
    display: block;    
    position: absolute; 
	bottom: 3px;
    right: -20px;
	height: 14px;
	margin: 0;
	padding: 0;
}

#sub_button ul{
	display: inline-block;
	/display: block; /* IE対策 */
	/zoom: 1; /* IE対策 */
	margin: 0;
	padding: 0;
	height: 14px;
	list-style: none;
}
#sub_button li{
	display: inline-block;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	float: left;
	margin-right: 20px;
	height: 14px;
	line-height: 14px;
	zoom : 1;
}
#sub_button li a {
	display: inline-block;
	font-size: 10px;
	line-height: 10px;
	color: #000;
}
#sub_button li a:hover {
	color: #cc0033;
}
#sub_button li a img{
	display: inline-block;
	height: 14px;
	vertical-align: middle;	
	-webkit-box-align: center; /* safari, Chrome対応 */
	-moz-box-align: center;    /* Firefox対応 */
	-o-box-align: center;      /* Opera対応 */
	-ms-box-align: center;     /* IE対応 */
	box-align: center;         /* ベンダープレフィックス無しも併記する */
	margin-right:3px;
}
li#phone a:hover {
	color:#000;
}
li#phone a:hover img{
	filter:alpha(opacity=100); /*IE*/
	-moz-opacity:1; /*FF*/
	opacity:1;
}
/*ここまでサブボタン(レビューを見る潤ｵ楽天市場)*/
/*--------ヘッダーに関する記述ここまで--------*/

/*--------ヘッダーメニュー全体ここから--------*/
#header_menu_area {
	position: relative;
	display: block;
	margin:0 auto;
	width: 960px;
	background-color:#000;
}
#header_menu {
	display: block;
	width:960px;
	height:30px;
	margin:0 auto 10px auto;
	background-color:#FFF;
}
/*--ここからドロップダウンメニュー(ペンダント潤ｵその他)*/
#dropmenu{
	list-style-type: none;
	height: 30px;
	margin: 0 auto;
	float:left;
	padding: 0;
}

#dropmenu li{
	position: relative;
	z-index: 1000;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

#dropmenu li a{
	display: block;
  	height:30px;
	margin: 0;
	font-size: 10px;
	line-height:30px;
}
#dropmenu li:hover > a{
}
#dropmenu > li:hover > a{
}
#dropmenu li ul{
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;

}
#dropmenu li:last-child ul{
	width: 100%
}
#dropmenu li ul li{
	overflow: hidden;
	width: 123px;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
#dropmenu li ul li a{
	background: #f0f0f0;
	text-align: left;
	font-size: 10px;

	text-align: center;
	color:#000;
}

#dropmenu li ul li a:hover{
	text-decoration:none;
	color: #000000;
	background: #ffffff;
}

#dropmenu li:hover ul li{
	overflow: visible;
	height: 30px;
	border-top: 1px solid #FFF;
}
#dropmenu li:hover ul li:first-child{
	border-top: 0;

}
#dropmenu li:hover ul li:last-child{
	border-bottom: 0;
}
/*--ここまでドロップダウンメニュー(ペンダント潤ｵその他)--*/
/*ここからドロップダウンメニュー(SALE潤ｵカートを見る)*/
#dropmenu_2{
	list-style-type: none;
	height: 30px;
	margin: 0 auto;
	float:right;
	padding: 0;
}

#dropmenu_2 li.sale{
	position: relative;
	z-index: 1000;
    width: 122px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

#dropmenu_2 li.cart{
	position: relative;
	z-index: 100;
    width: 142px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color:#FFF;
}

#dropmenu_2 li a{
	display: block;
  	height:30px;
	margin: 0;
	color: #fff;
	font-size: 10px;
	line-height:30px;
}

#dropmenu_2 li:hover > a{
	text-decoration:none;

}
#dropmenu_2 > li:hover > a{
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}
#dropmenu_2 li ul{
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;

}
#dropmenu_2 li:last-child ul{
	left: -100%;
	width: 100%
}
#dropmenu_2 li ul li{
	overflow: hidden;
	width: 160px;
	height: 0;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
#dropmenu_2 li ul li a{
	background: #f0f0f0;
	text-align: left;
	font-size: 10px;
	text-align: center;
	color: #000;
}

#dropmenu_2 li ul li a:hover{
	text-decoration:none;
	color: #000000;
	background: #ffffff;
}

#dropmenu_2 li:hover ul li{
	overflow: visible;
	height: 30px;
	border-top: 1px solid #FFF;
}
#dropmenu_2 li:hover ul li:first-child{
	border-top: 0;

}
#dropmenu_2 li:hover ul li:last-child{
	border-bottom: 0;
}
/*ここまでドロップダウンメニュー(SALE潤ｵカートを見る)*/
/*--------ヘッダーメニュー全体ここまで--------*/

/*レイアウト崩れ防止ここから*/
.block {
clear:both;
display:block;
}
/*レイアウト崩れ防止ここまで*/

/*--------サブメニューの記述ここから--------*/
#sub_menu {
	position:relative;
	display: block;
	width:960px;
	height:19px;
	margin:0 auto 10px auto;
}
/*ここから検索フォーム*/
#searth_area {
 	display: inline-block;
	position:absolute;
    top:0;
    left:0;
    width: 260px;
    height: 19px;
}

#searchform2 {  
    position: relative;
    position:absolute;
    top:0;
    left:0;
}
input {
font-size: 10px;
}
#searchBtn2 {  
    position: absolute;  
    top: 0;
    right:-20px;
}  
*:first-child + html #searchBtn2    {  
    top: 1px;  
}
/*ここまで検索フォーム*/


/*ここから会員登録・ログイン*/
#registration_login {
	display: block;
	position: absolute;
	height: 19px;
	margin: 0;
	padding: 0;
	top:3px;
	right:0;
}

#registration_login ul {
	display: inline-block;
	/display: block; /* IE対策 */
	/zoom: 1; /* IE対策 */
	margin: 0;
	padding: 0;
	height: 14px;
	list-style: none;
}
#registration_login li {
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
 	display: inline-block;
	font-size: 13px;
	line-height: 13px;
	color: #000;
	text-decoration: none;
	float: left;
}
#registration_login li a {
	display: inline-block;
	font-size: 13px;
	line-height: 13px;
	color: #000;
}
#registration_login li a:hover {
	color: #cc0033;
}
.text_border {
 	display: inline-block;
	width:1px;
	height:13px;
	margin:0 5px;
	background-color:#a5a5a5;
}
/*ここまで会員登録・ログイン*/
/*--------サブメニューの記述ここまで--------*/

/*--------ここからイベントバナー関する記述--------*/
#event_bana {
	display: block;
	width: 690px;
	height: 350px;
	margin-bottom: 20px;
}
#event_bana ul {
	list-style:none;
	margin-top: 0;
	margin-left:-40px;
}
#event_bana ul li{
	display: block;
	float:left;
}
#event_bana_2 {
	display: block;
	width: 960px;
	height: 350px;
	margin-bottom: 20px;
}
/*--------ここまでイベントバナー関する記述--------*/
/*--------ここからスライダーの設定に関する記述--------*/
#gray_area {
    position: relative;
	display:block;
	width: 260px;
	height:174px;;
	overflow:hidden;
	background-color:#f0f0f0;
}
#slider_area {
    position: relative;
	display:block;
	width: 240px;
	height:174px;
	margin: 0 auto;
	background:#FFF;
	overflow:hidden;
}
#slider_area .contSlider{
    position: relative;
	display:block;
	margin:0;
	width: 240px;
	height:174px;
}
#slider_area .contSlider li {
    position: absolute;
	display:block;
	margin:0;
	width: 240px;
	height:174px;
	opacity:1;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	zoom:1;
}
#slider_area .contSlider ul li a:hover img {
	opacity:1;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	zoom:1;
}
/* ここから前後のページ送り用ボタンの設定(NEXT / PREV) */
#slider_area .bx-wrapper .bx-prev {
	left: 0;
	opacity:0.4;
	-ms-filter: "alpha( opacity=40 )";
	filter: alpha( opacity=40 );
	zoom:1;
	background: url("image/left3.png");
}
#slider_area .bx-wrapper .bx-next {
	right: 0;
	opacity:0.4;
	-ms-filter: "alpha( opacity=40 )";
	filter: alpha( opacity=40 );
	zoom:1;
	background: url("image/right3.png");
}
#slider_area .bx-wrapper .bx-prev:hover {
	opacity:0.8;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	zoom:1;
	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, transform 0.6s;
}
#slider_area .bx-wrapper .bx-next:hover {
	opacity:0.8;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	zoom:1;
	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, transform 0.6s;
}
#slider_area .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 72px;
	margin-top: 0;
	outline: 0;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	z-index: 100;
}
#slider_area .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* ここまで前後のページ送り用ボタンの設定(NEXT / PREV) */

/*--------ここまでスライダーの設定に関する記述--------*/

/*---------ここからサイドバナー(モニター商品・その他バナー系)---------*/
#side_bana_5_area {/*通常の表示範囲*/
	display: block;
	width: 240px;/*表示範囲の幅*/
	height: 225px;/*表示範囲の高さ*/
	top: 344px;/*画像の位置(上から)*/
	right: -119px;/*画像を右に引っ込める数値*/
	position: fixed;
	z-index: 9999;
}
#side_bana_5_area:hover{/*大きくなった時の表示範囲*/
	height: 344px;/*大きくなった時の表示範囲の高さ*/
	right: 0;
}

#side_bana_5 {/*通常の表示範囲(画像の位置を指定する為に必要な記述)*/
	display: block;
	width: 240px;/*表示範囲の幅*/
	height: 225px;/*表示範囲の高さ*/
	position: relative;
}
#side_bana_5:hover{
	height: 344px;/*大きくなった時の表示範囲の高さ*/
}

#side_bana_5 a img#image_01 {/*●モニター商品_メイン画像の記述●*/
	display: inline-block;
	width: 91px;/*画像の幅*/
	height: 91px;/*画像の高さ*/
	position: absolute;
	bottom: 0;/*画像の位置(下から)*/
	left: 30px;/*画像の位置(左から)*/
}
#side_bana_5 a:hover img#image_01 {/*●大きくなった時のモニター商品_メイン画像の記述●*/
	width: 210px;/*画像の幅*/
	height: 210px;/*画像の高さ*/
}

#side_bana_5 img#image_02 {/*●今だけ!_着後レビューで30%OFF画像の記述●*/
	display: inline-block;
	width: 240px;/*画像の幅*/
	height: 134px;/*画像の高さ*/
	position: absolute;
	top: 0;/*画像の位置(上から)*/
	left: 0;/*画像の位置(左から)*/
}

#side_bana_5 #bana_link {
	display: inline-block;
	width: 240px;/*表示範囲の幅*/
	height: 225px;/*表示範囲の高さ*/
	position: absolute;
	top: 0;
	left: 0;
	text-indent:100%;
 	white-space:nowrap;
 	overflow:hidden;
}
#side_bana_5 a:hover#bana_link {
	height: 344px;/*大きくなった時の表示範囲の高さ*/
}

#side_bana_5 a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/*---------ここまでサイドバナー(モニター商品・その他バナー系)---------*/

/*---------ここから【注目＆オススメ】スライダーボックスの設定---------*/
#ar_slider_area {
    position: relative;
	display: block;
	width: 690px;
	height: 850px;
	margin: 50px auto 30px auto;
	padding: 0;
	background: transparent;
}
/*見出し2の記述ここから*/
.sub_title {
	display: block;
	width: 690px;
	height: 35px;
	margin: 0 auto;
	padding:0;
}
#ar_nav {
	display: inline-block;
	width: 690px;
	height:35px;
	border-top:1px solid #131313;
	background:url("https://image.rakuten.co.jp/binich/cabinet/parts/top-hot.gif");
}
#ar_nav h2 {
	text-indent:-9999px;
}
/*見出し2の記述ここまで*/
/*------------ここから外枠の設定------------*/
#ar_slider_area .bx-viewport {
	overflow: visible!important;
	width: 650px!important;
	background: transparent;
}
#ar_slider_area .contSlider {
	overflow:hidden;
    position: relative;
	display: block;
	width: 600px;
	height: 790px;
	background: transparent;
}
#ar_slider_area .contSlider ul {
	list-style:none;
}
#ar_slider_area .contSlider li {
}
.ar_slider_box {
	overflow:hidden;
	width: 600px;
	height: 790px;
	margin: 30px auto 0 auto;
}
.ar_slider_box li {
	float: left;
	display: table;
	width: 192px;
	height: 260px;
	margin-right: 12px;
	margin-bottom: 3px;
	text-align: center;

}
.ar_slider_box li p.slider_img{
	display: table-cell;
	width: 192px;
	height: 192px;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}
.ar_slider_box li .blank_i {
	overflow: hidden;
	display: block;
 	border: 1px solid #636363;
	width: 192px;
	height: 192px;
	background-color: #FFF;
	zoom:1;
}
/*ここから文章の範囲設定*/
.ar_slider_box li .ar_text{
	display: inline-block;
	width: 192px;
	height: 62px;
	text-align: justify;
}
/*ここまで文章の範囲設定*/
/*ここから商品説明の設定*/
.ar_slider_box li .ar_text p{
	display: inline-block;
	margin:0 2px;
	width: 188px;
	height: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	line-height: 15px;

}
/*ここまで商品説明の設定*/
/*ここから値段の設定*/
.ar_slider_box li .ar_text p.price{
	display: inline-block;
	margin:0 4px;
	width: 190px;
	height: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size: 13px;
	line-height: 20px;
	color: #cc0033;

}
/*ここまで値段の設定*/
/*------------ここまで外枠の設定------------*/

/*ここからスライダーの中にある画像の縁取り設定*/
#ar_slider_area .contSlider li a { 
	position:relative;
	background-color: #FFF;
	display: inline-block;
	overflow: hidden;
 	border: 1px solid transparent;
	float: left;
	width: 190px;
	height: 190px;
}
#ar_slider_area .contSlider a img {
	overflow: hidden;
	opacity:1;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	zoom:1;
	width: 192px;
	margin: 0;
}
#ar_slider_area .contSlider a:hover img {
	opacity:0.75;
	-ms-filter: "alpha( opacity=75 )";
	filter: alpha( opacity=75 );
	zoom:1;
}
/*ここまでスライダーの中にある画像の縁取り設定*/

/* ここから前後のページ送り用ボタンの設定(NEXT / PREV) */
.ar_slider_box .bx-wrapper .bx-prev {
	left: 0;
	opacity:1;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	zoom:1;
	background: url("image/left5.png");
	background-repeat: no-repeat;
	background-position: 0 330px;
}
.ar_slider_box .bx-wrapper .bx-next {
	right: 0;
	opacity:1;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	zoom:1;
	background: url("image/right5.png");
	background-repeat: no-repeat;
	background-position: 23px 330px;
}
.ar_slider_box .bx-wrapper .bx-prev:hover {
	opacity:0.4;
	-ms-filter: "alpha( opacity=40 )";
	filter: alpha( opacity=40 );
	zoom:1;
	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, transform 0.6s;
}
.ar_slider_box .bx-wrapper .bx-next:hover {
	opacity:0.4;
	-ms-filter: "alpha( opacity=40 )";
	filter: alpha( opacity=40 );
	zoom:1;
	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, transform 0.6s;
}
.ar_slider_box .bx-wrapper .bx-controls-direction a {
	position: absolute;
	bottom: 0;
	margin-top: 0;
	outline: 0;
	width: 45px;
	height: 790px;
	text-indent: -9999px;
	z-index: 100;
}
.ar_slider_box .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
#ar_block_l {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 45px;
	height: 790px;
	z-index: 99;
}
#ar_block_r {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 45px;
	height: 790px;
	z-index: 99;
}
/* ここまで前後のページ送り用ボタンの設定(NEXT / PREV) */
/*---------ここまで【注目＆オススメ】のスライダーボックスの設定---------*/


/*---------■■■ここからTOPページのスライダーに関する記述(幅960px)■■■---------*/
#main_slider_area {
    position: relative;
	overflow: hidden;
	display: block;
	width: 960px;
	height: 400px;
	margin: 0 auto;
	padding: 0;
}
.bx-wrapper {
	display: block;
	width: 690px;
	height: 400px;
	margin: 0 auto;
}

/*------------ここから外枠の設定------------*/
#main_slider_area .bx-viewport {
	overflow: visible!important;
	display: block;
	width: 960px!important;
	height: 350px!important;
}
#main_slider_area #contSlider2 {
    position: relative;
	display: block;
	width: 960px;
	height: 350px;
}
#main_slider_area #contSlider2 ul {
	list-style:none;
}
#main_slider_area #contSlider2 li a{
	display:inline-block;
	margin:0;
	float: left;
	width: 690px;
	height:350px;
}
/*------------ここまで外枠の設定------------*/

/*ここからスライダーの中にある画像の設定*/
#main_slider_area #contSlider2 a img {
	opacity:1;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	zoom:1;
}
#main_slider_area #contSlider2 a:hover img {
	opacity:0.75;
	-ms-filter: "alpha( opacity=75 )";
	filter: alpha( opacity=75 );
	zoom:1;
}
/*ここまでスライダーの中にある画像の設定*/

/* ここから前後のページ送り用ボタンの設定(NEXT / PREV) */
#main_slider_area .bx-wrapper .bx-prev {
	left: 0;
	opacity:0.8;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	zoom:1;
	background: url("image/left6.png");
	background-repeat: no-repeat;
	background-position: center;
}
#main_slider_area .bx-wrapper .bx-next {
	right: 0;
	opacity:0.8;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	zoom:1;
	background: url("image/right6.png");
	background-repeat: no-repeat;
	background-position: center;
}
#main_slider_area .bx-wrapper .bx-prev:hover,
#main_slider_area .bx-wrapper .bx-next:hover {
	opacity:0.5;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	zoom:1;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

#main_slider_area .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	margin-top: 0;
	outline: 0;
	width: 125px;
	height: 350px;
	text-indent: -9999px;
	z-index: 100;
}
#main_slider_area .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* ここまで前後のページ送り用ボタンの設定(NEXT / PREV) */

/* ここからスライドショー、左右のバナーにかかった白フィルター */
#main_block_l {/* 左側 */
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	width: 125px;
	height: 350px;
	z-index: 99;
	opacity:0.6;
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	zoom:1;
}
#main_block_r {/* 右側 */
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF;
	width: 125px;
	height: 350px;
	z-index: 99;
	opacity:0.6;
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	zoom:1;
}
/* ここまでスライドショー、左右のバナーにかかった白フィルター */

/* pager(画像の下にある■ボタン)にある"new!"に関する記述ここから */
#icon_area {
	position: absolute;
	top: 350px;
	right: 135px;
	display: block;
	width: 690px;
	height: 20px;
	margin: 0;
	padding: 0;
}
#icon_area .new_icon_1 {
    position: absolute;
	left: 224px;
	display: block;
	width: 25px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #cc0033;
	margin: 0;
	padding: 0;
}
#icon_area .new_icon_2 {
    position: absolute;
	left: 250px;
	display: block;
	width: 25px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #cc0033;
	margin: 0;
	padding: 0;
}
#icon_area .new_icon_3 {
    position: absolute;
	left: 275px;
	display: block;
	width: 25px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #cc0033;
	margin: 0;
	padding: 0;
}
#icon_area .new_icon_4 {
    position: absolute;
	left: 300px;
	display: block;
	width: 25px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #cc0033;
	margin: 0;
	padding: 0;
}
#icon_area .new_icon_5 {
    position: absolute;
	left: 325px;
	display: block;
	width: 25px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #cc0033;
	margin: 0;
	padding: 0;
}
/* pager(画像の下にある■ボタン)にある"new!"に関する記述ここまで */

.bx-pager {
	display: block;
	width: 240px;
	height: 15px;
	margin: 0 auto;
	padding: 20px 0 15px 0;
}
.bx-pager a {
	background: #989898;
	text-indent: -9999px;/*数字表示をブラウザ外に押しやる*/
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 5px;
	float:left;
}
.bx-pager a:hover,
.bx-pager a.active {
	background: #333;
}
/*---------■■■ここまでTOPページのスライダーに関する記述(幅960px)■■■---------*/


/*--------トップページ用サブタイトル--------*/

.subtitle {
	display:block;
	width:680px;
	padding: 0px 0px 3px 10px;/*上 右 下 左 */
	margin: 0px 0px 30px 0px;/*上 右 下 左 */
	border-bottom:solid 1px;
	border-bottom-color:#000000;
	font-size:26px;
	color:#000000;
	letter-spacing:0.1em;
	text-align:left;
}
/*--------トップページ用サブタイトルここまで--------*/



/*スマホ用フローティングヘッダー用記述ここから*/
div#floating-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
	border:0px;
    /*border: 1px solid #000000;*/
    z-index: 9999;
    /* 古いバージョンのIEに必要 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    /* 古いバージョンのFirefoxに必要 */
    -moz-opacity:1;
    /* 古いバージョンのSafariに必要 */
    -khtml-opacity: 1;
    /* CSS3対応の比較的新しいブラウザの場合 */
    opacity: 1;
}

div#floating-menu a{
	color:#000000;
    font-size: 11px;
}
/*フローティングヘッダー用記述ここまで*/


/*フローティングヘッダー用（PCスマホ共通）記述ここから*/
div#floating-menu-s {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
	border:0px;
    /*border: 1px solid #000000;*/
    z-index: 9999;
    /* 古いバージョンのIEに必要 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    /* 古いバージョンのFirefoxに必要 */
    -moz-opacity:1;
    /* 古いバージョンのSafariに必要 */
    -khtml-opacity: 1;
    /* CSS3対応の比較的新しいブラウザの場合 */
    opacity: 1;
}

div#floating-menu-s a{
	color:#000000;
	font-weight:bold;
}

div#floating-menu-s a:hover {
	opacity: 0.75;	
}
/*フローティングヘッダー用（PCスマホ共通）記述ここまで*/


/*ドロワーメニューここから*/
/* :::::: toggle button :::::: */
 
#navTgl {
  display: none;
}
 
label.open,
label.close {
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0px;
  /*bottom: 0px;*/
}
 
.open {
  z-index: 2;
  width: 80px;
  height: 80px;
  color: #ffffff;
  background-color: #000000;
  font-size: 2em;
  line-height:70px;
  text-align: center;
  vertical-align:middle;
  -webkit-transition: background-color .6s, -webkit-transform .6s;
  transition: background-color .6s, transform .6s;
  z-index: 9999999; 
}
 
#navTgl:checked + .open {
  background-color: indianRed;
  -webkit-transform: translateX(270px);/*menuのwidth数値と連動*/
  transform: translateX(270px);/*menuのwidth数値と連動*/
}
 
.close {
  pointer-events: none;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  transition: background-color .6s;
}
 
#navTgl:checked ~ .close {
  pointer-events: auto;
  background-color: rgba(0,0,0,.3);
}
 
/* :::::: drawer menu :::::: */
 
.menu {
  z-index: 9999999;
  position: fixed;
  /*top: 0;*/
  bottom: 0;
  left: 0;
  width: 270px;/*#navTgl:checked + .openの数値と連動*/
  height: 100%;
  background-color: rgba(0,0,0,.6);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
  overflow:scroll;/*メニューのスクロール*/
}
 
#navTgl:checked ~ .menu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
 
.menu p,
.menu li a {
  color: white;
}
 
.menu p {
  text-align: center;
}
 
.menu ul {
  padding: 0;
  list-style-type:none;
}
 
.menu li {
  border-bottom: 1px solid rgba(255,255,255,.6);
  font-size: .8em;
  line-height: 1.4;
}
 
.menu li:first-child {
  border-top: 1px solid rgba(255,255,255,.6);
}
 
.menu li a {
  display: block;
  padding: 1em 2em;
  text-decoration: none;
  transition: background-color .6s;
}
 
.menu li a:hover {
  background-color: black;
}
 
 
/*ドロワーメニューここまで*/


/*---スマホヘッダー記述ここまで-----*/

/*--フッター記述ここから--*/
.ft-text{
	font-size:11px;
	line-height:28px;
}

.ft-text a{
	font-size:11px;
	line-height:28px;
}

.ft-text a:hover{
	font-size:11px;
	line-height:28px;
}

.ft img{
	margin-right:17px;
}

.ft-text_b{
	font-size:13px;
	line-height:28px;
	font-weight:bold;
}

.ft-sen {
	display:block;
	width:100%;
	padding: 0px;/*上 右 下 左 */
	margin-bottom:20px;
	border-bottom:solid 1px;
	border-bottom-color:#636363;
}
/*--フッター記述ここまで--*/

/*--------ここから固定ヘッダの設定に関する記述--------*/
#new_head {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: #ffffff;
	overflow: hidden;
}
/*--------ここまで固定ヘッダの設定に関する記述--------*/