.nomalFont {
	font-family: "MS UI Gothic";
	font-size: 13px;
	font-style: normal;
	color: #333333;
	line-height: 20px;
	text-align: left;

}
.nomalFontCenter {
	font-family: "MS UI Gothic";
	font-size: 13px;
	font-style: normal;
	color: #333333;
	line-height: 20px;
	text-align: center;
}
.bigFont {
	font-family: "MS UI Gothic";
	font-size: 14px;
	font-style: normal;
	color: #333333;
	line-height: normal;
	font-weight: bold;


}


.nomal2Font {



	font-family: "MS UI Gothic";
	font-size: 13px;
	font-style: normal;
	color: #333333;
}
.nomalFontRed {

	font-family: "MS UI Gothic";
	font-size: 13px;
	font-style: normal;
	color: #FF3300;
	line-height: normal;
}
a:hover {
	color: #FF6600;

}

hr {
	color: #CCCCCC;

}

.bigFontOrange {
	font-family: "MS UI Gothic";
	font-size: 14px;
	font-style: normal;
	color: #FF9900;
	line-height: normal;
	font-weight: bold;

}
.bigFontGray {
	font-family: "MS UI Gothic";
	font-size: 14px;
	font-style: normal;
	color: #333333;
	line-height: normal;
	font-weight: normal;
}


.nomalFontOrange {


	font-family: "MS UI Gothic";
	font-size: 13px;
	font-style: normal;
	color: #FF9900;
	line-height: normal;
}
.bigFontBlue {
	font-family: "MS UI Gothic";
	font-size: 14px;
	font-style: normal;
	color: #0000FF;
	line-height: normal;
	font-weight: bold;

}

.nomalFontBlue {

	font-family: "MS UI Gothic";
	font-size: 13px;
	font-style: normal;
	color: #0099FF;
	line-height: normal;
}
.bigFontBrown {
	font-family: "MS UI Gothic";
	font-size: 14px;
	font-style: normal;
	color: #663300;
	line-height: normal;
	font-weight: bold;

}
.bigbigFontOrange {
	font-family: "MS UI Gothic";
	font-style: normal;
	color: #FF9900;
	line-height: normal;
	font-weight: bold;

}
.bigbigFontBlue {
	font-family: "MS UI Gothic";
	font-size: large;
	font-style: normal;
	color: #0099FF;
	line-height: normal;
}
.bigFontRed {

	font-family: "MS UI Gothic";
	font-size: 14px;
	font-style: normal;
	color: #FF3300;
	line-height: normal;
	font-weight: bold;
}
.bigbigFontRed {


	font-family: "MS UI Gothic";
	font-size: x-large;
	font-style: normal;
	color: #FF0000;
	line-height: normal;
	font-weight: bold;
}
.bigbigbigFontRed {
	font-family: "MS UI Gothic";
	font-size: xx-large;
	font-style: normal;
	color: #FF0000;
	line-height: normal;
	font-weight: bold;
}

.Sale_red_white {
	font-family: "MS UI Gothic";
	font-size: 18px;
	font-style: normal;
	color: #FFFFFF;
	line-height: normal;
	font-weight: bold;
	background-color: #F00;
	text-align: center;
}

.bigbigFontRed-kakaku {



	font-family: "MS UI Gothic";
	font-size: large;
	font-style: normal;
	color: #FF0000;
	line-height: normal;
	font-weight: bold;
}
.bigbigFontRed-kakakuWhite {
	font-family: "MS UI Gothic";
	font-size: large;
	font-style: normal;
	color: #FFFFFF;
	line-height: normal;
	font-weight: bold;
}
.bigbigbigFontRed-kakakuWhite {
	font-family: "MS UI Gothic";
	font-size: x-large;
	font-style: normal;
	color: #FFFFFF;
	line-height: normal;
	font-weight: bold;
}


.bigbigFontRed-kakakubule {
	font-family: "MS UI Gothic";
	font-size: large;
	font-style: normal;
	line-height: normal;
	text-decoration: underline;
	color: #00F;
}

.nomalFontBrown {



	font-family: "MS UI Gothic";
	font-size: 13px;
	font-style: normal;
	color: #663300;
	line-height: normal;
}
.rakuten-sdText {
	font-size: 80%;
}
.miniFontCopy {

	font-family: "MS UI Gothic";
	font-size: 12px;
	font-style: normal;
	color: #666666;
	line-height: normal;
}
.miniFontRed {


	font-family: "MS UI Gothic";
	font-size: 12px;
	font-style: normal;
	color: #FF0000;
	line-height: normal;
}
.miniFontBlue {


	font-family: "MS UI Gothic";
	font-size: 12px;
	font-style: normal;
	color: #0099FF;
	line-height: normal;
}
.nomalFontLink {

	font-family: "MS UI Gothic";
	font-size: 13px;
	font-style: normal;
	line-height: normal;
}
.bigFontRedblink {
	font-family: "MS UI Gothic";
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: blink;

}
.nomalFontwhite {


	font-family: "MS UI Gothic";
	font-size: 13px;
	font-style: normal;
	color: #FFFFFF;
	line-height: normal;
}
.nomalFontRedLine {
	font-family: "MS UI Gothic";
	font-size: 13px;
	font-style: normal;
	color: #FF3300;
	line-height: normal;
	text-decoration: line-through;

}
.bigbigFontLink {
	font-family: "MS UI Gothic";
	font-size: x-large;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-align: center;

}
.bigFontwhite {

	font-family: "MS UI Gothic";
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	line-height: normal;
	font-weight: bold;
}
.nomalTorikeshi {
	font-family: "MS UI Gothic";
	font-size: 13px;
	font-style: normal;
	color: #990000;
	line-height: 20px;
	text-decoration: line-through;

}
.nomalMenu {


	font-family: "MS UI Gothic";
	font-size: 13px;
	font-style: normal;
	line-height: normal;
}
.leftFont {
	font-family: "MS UI Gothic";
	font-size: 13px;
	font-style: normal;
	color: #663300;
	line-height: normal;
	text-decoration: none;

}
.menuBar {
	font-family: "MS UI Gothic";
	font-size: 18px;
	font-style: normal;
	color: #FFFFFF;
	line-height: 30px;
	font-weight: bold;
	background-color: #FF9900;
	padding-left: 10px;
	letter-spacing: 10px;



}
.Katakura {
	font-size: 16px;
	color: #FFF;
	background-color: #F30;
	font-weight: bold;
}


/*大きい画像600x300に重ねるセール画像*/

#over_sale63{
background: url(image/icon/63_sale_over.gif) no-repeat;/*-- 上にのせる背景透過画像の指定 --*/
width: 290px;
height: 145px;
position: absolute;/*-- 絶対位置の指定 --*/
z-index: 1;/*-- 上にする --*/
}


/*バナー固定*/
@charset "utf-8";
/* CSS Document */
.link {
	position: absolute;
	width: 100px; /*縦バナーの横サイズに合わせる*/
	top: 0px;
	min-height: 100%;
	z-index: 0;/*重なり順の設定大きい数字程上になる*/
	height: 14000px;/*ページの長さによって調整する*/
	visibility: visible;/*縦バナーの表示・非表示（hidden＝消す、visible＝見せる）*/
}
#tbl {
	left: 20px;
	background: url(https://www.rakuten.ne.jp/gold/39megane/image/icon/201512/lf_1205.gif) repeat-y scroll;/*縦バナー*/
	/*background: url(https://www.rakuten.ne.jp/gold/39megane/image/icon/201512/lf_1205.gif) repeat-y scroll;/*縦バナー*/
	左の画像URL*/

}
#tbr {
	right: 20px;
	background: url(https://www.rakuten.ne.jp/gold/39megane/image/icon/201511/lf_point.gif) repeat-y scroll;/*縦バナー右の画像URL*/
}
div.link a {
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

/*小さいモニタの場合非表示にする*/
 @media screen and (max-width: 1220px) {
.link {
	*visibility: hidden;
}
}


/*タブバナー*/

.tab_ban {
	width: 40px;/* 最初に表示されるバナーの幅 */
	height: 100px;/* バナーの高さ */
	position: fixed !important;/* バナーを固定します */
	position: absolute;
	right: 0;/* 右から0pxの位置に指定 */
}
.tab_ban a {/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
}
.tab_ban:hover {/* カーソルが乗った時の動きを指定 */
	width: 200px;/* バナーが伸びた時の幅 */

	/* 以下アニメーションの設定 */
	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}
.tab_ban a:hover {
	/* IE9用 */
	width: 200px\9;
}
#tab01 {
	background: url(https://www.rakuten.ne.jp/gold/39megane/image/icon/tab/option.png) 0 0 no-repeat;
	bottom: 290px;
}
#tab02 {
	background: url(https://www.rakuten.ne.jp/gold/39megane/image/icon/tab/color.png) 0 0 no-repeat;
	bottom: 50px;
}
#tab03 {
	background: url(https://www.rakuten.ne.jp/gold/39megane/image/icon/tab/sonota.png) 0 0 no-repeat;
	bottom: 170px;
}




/*saleバナー*/

.tab_sale {
	width: 100px;/* 最初に表示されるバナーの幅 */
	height: 300px;/* バナーの高さ */
	position: fixed !important;/* バナーを固定します */
	position: absolute;
	right: 0;/* 右から0pxの位置に指定 */
}
.tab_sale a {/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
}
.tab_sale:hover {/* カーソルが乗った時の動きを指定 */
	width: 330px;/* バナーが伸びた時の幅 */

	/* 以下アニメーションの設定 */
	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}
.tab_sale a:hover {
	/* IE9用 */
	width: 330px\9;
}

#tabsale01 {
/*	background: url(https://www.rakuten.ne.jp/gold/39megane/image/icon/201512/tab_masaki.png) 0 0 no-repeat;
	bottom: 300px;*/
}