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


/***********************
   固定検索ヘッダー　・・・隠すバージョン


#headsearch {
	 width:100%; 
	 position:fixed; 
	 top:0px !important; 
	 left:0px; 
	 z-index:1000000000000 !important;
	 }
	 	 
	 
#headsearch a {
	 color:#990000; 
	 text-decoration:none; 
	 font-size:11px; 
	 font-weight:bold;
	 }
	 
#rakutenLimitedId_header {z-index:0;}

#ritNotification {z-index:10000000 !important;}

#headsearch a:hover img {
	border:none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
************************/


/***********************
   固定検索ヘッダー ・・・隠さないバージョン（201704）
************************/

#headsearch {
	 width:100%; 
	 position:fixed; 
	 top:55px !important; 
	 left:0px; 
	 z-index:9999999999 !important;
	 }
	 	 
	 
#headsearch a {
	 color:#990000; 
	 text-decoration:none; 
	 font-size:11px; 
	 font-weight:bold;
	 }
	 
#rakutenLimitedId_header {z-index:0;}

#ritNotification {z-index:10000000 !important;}

#headsearch a:hover img {
	border:none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}




/***********************
   固定検索ヘッダー GOLD
************************/



#headsearch_g {
	 width:100%; 
	 position:fixed; 
	 top:0px; 
	 left:0px; 
	 z-index:100000;
	 height:55px;
	 }
	 
	 	 
#headsearch_g a {
	 color:#990000; 
	 text-decoration:none; 
	 font-size:11px; 
	 font-weight:bold;
	 }
	 

#headsearch_g a:hover img {
	border:none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}




/***********************
   左・右帯設定
************************/

	
	

#tate_left { left: 0px; }
#tate_right { right: 0px;top: 112px; }

#tate_left a,
#tate_right a {
	display: block;
	min-height: 100%;
	width: 80px; 　　　　　　/* 画像の横幅 */
	visibility: visible;
	height: 7000px;
	text-indent:-9999px;
}

#tate_left,
#tate_right {
	position: absolute;
	width: 80px;  　　　　　 /* 画像の横幅 */
	min-height:100%;
	visibility: visible;
	display: block;
}


/***********************
   左縦帯バナー設定
************************/


/** イベント表示 　（gold トップに高さ合わせる）

.obi0618 {
	background: url(https://image.rakuten.co.jp/wakeari/cabinet/pointup/0618_m_sidi20.gif) repeat-y scroll;
	min-height: 100%;
	height: 6490px;
	top: 0px;
	z-index: auto;
	visibility: visible;
}　**/


/** イベント表示 RMS

.obi0400-r {
	background: url(https://image.rakuten.co.jp/elecom/cabinet/e_banner/0419_dpg_obi3.gif) repeat-y scroll;
	min-height: 100%;
	height: 8000px;
	top: 0px;
	z-index: auto;
	visibility: visible;
}  **/


/** イベント表示 RMS-LONG

.obi0400-l {
	background: url(https://image.rakuten.co.jp/elecom/cabinet/e_banner/0419_dpg_obi3.gif) repeat-y scroll;
	min-height: 100%;
	height: 20000px;
	top: 0px;
	z-index: auto;
	visibility: visible;
}  **/

/***********************
   右縦帯バナー設定
************************/

/** 常時表示 　（gold トップに高さ合わせる）　**/

.tateobi {
	background: url(../img/obi.gif) repeat-y scroll;
	min-height: 100%;
	height: 6490px;
	top: 0px;
	z-index: 9999;
	visibility: visible;
}


/** 常時表示　RMS  **/

.tateobi-r {
	background: url(../img/obi.gif) repeat-y scroll;
	min-height: 100%;
	height: 8000px;
	top: 0px;
	z-index: 9999;
	visibility: visible;
}




/** 常時表示　RMS-LONG  **/

.tateobi-l {
	background: url(../img/obi.gif) repeat-y scroll;
	min-height: 100%;
	height: 20000px;
	top: 0px;
	z-index: 9999;
	visibility: visible;
}





 @media screen and (max-width: 1200px) {
 #tate_left,  #tate_right {
	visibility: hidden;
	}
}