@charset "Shift-JIS";
/**********************************************************************
in The ROOM
グローバルトップCSS
**********************************************************************/

div#rotateBanner {
	width:750px;
	height:250px;
	position:relative;
}

p#test1 {
	width:243px;
	height:50px;
	position:absolute;
	left:10px;
	top:0px;
	behavior:expression(IEPNGFIX.fix(this));
	z-index:99999;
}

div#rotateBanner ul#rotateBannerImg {
 z-index:0;
}

div#rotateBanner ul#rotateBannerImg li a {
	width:750px;
	height:250px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}
div#rotateBanner ul#rotateBannerImg li#img0 a {	background:url(/flashdata/images/m_0.jpg) left top no-repeat; z-index:4; }
div#rotateBanner ul#rotateBannerImg li#img1 a {	background:url(/flashdata/images/m_1.jpg) left top no-repeat; z-index:3; }
div#rotateBanner ul#rotateBannerImg li#img2 a {	background:url(/flashdata/images/m_2.jpg) left top no-repeat; z-index:2; }
div#rotateBanner ul#rotateBannerImg li#img3 a {	background:url(/flashdata/images/m_3.jpg) left top no-repeat; z-index:1; }

div#rotateBanner ul#rotateBannerImg li a span {
	display:none;
}

div#rotateBanner ul#rotateBannerBtn {
	width:243px;
	position:absolute;
	left:507px;
	top:10px;
	overflow:hidden;
	z-index:5;
}

div#rotateBanner ul#rotateBannerBtn li {
	width:243px;
	height:50px;
	position:relative;
	left:60px;
	top:0px;
	margin-bottom:10px;
	*margin-bottom:8px;
}

div#rotateBanner ul#rotateBannerBtn li#btn0 {	background:url(/flashdata/images/b_base.png) left top no-repeat; z-index:6; behavior:expression(IEPNGFIX.fix(this));}
div#rotateBanner ul#rotateBannerBtn li#btn1 {	background:url(/flashdata/images/b_base.png) left top no-repeat; z-index:7; behavior:expression(IEPNGFIX.fix(this));}
div#rotateBanner ul#rotateBannerBtn li#btn2 {	background:url(/flashdata/images/b_base.png) left top no-repeat; z-index:8; behavior:expression(IEPNGFIX.fix(this));}
div#rotateBanner ul#rotateBannerBtn li#btn3 {	background:url(/flashdata/images/b_base.png) left top no-repeat; z-index:9; behavior:expression(IEPNGFIX.fix(this));}

div#rotateBanner ul#rotateBannerBtn li a {
	width:228px;
	height:46px;
	display:block;
	position:absolute;
	left:15px;
	top:2px;
}

div#rotateBanner ul#rotateBannerBtn li#btn0 p.off {	z-index:14;}
div#rotateBanner ul#rotateBannerBtn li#btn1 p.off {	z-index:15;}
div#rotateBanner ul#rotateBannerBtn li#btn2 p.off {	z-index:16;}
div#rotateBanner ul#rotateBannerBtn li#btn3 p.off {	z-index:17;}
div#rotateBanner ul#rotateBannerBtn li#btn0 p {	z-index:10;}
div#rotateBanner ul#rotateBannerBtn li#btn1 p {	z-index:11;}
div#rotateBanner ul#rotateBannerBtn li#btn2 p {	z-index:12;}
div#rotateBanner ul#rotateBannerBtn li#btn3 p {	z-index:13;}

div#rotateBanner ul#rotateBannerBtn li#btn0 p.off a {	background:url(/flashdata/images/b_0.jpg) left top no-repeat; z-index:22;}
div#rotateBanner ul#rotateBannerBtn li#btn1 p.off a {	background:url(/flashdata/images/b_1.jpg) left top no-repeat; z-index:23;}
div#rotateBanner ul#rotateBannerBtn li#btn2 p.off a {	background:url(/flashdata/images/b_2.jpg) left top no-repeat; z-index:24;}
div#rotateBanner ul#rotateBannerBtn li#btn3 p.off a {	background:url(/flashdata/images/b_3.jpg) left top no-repeat; z-index:25;}
div#rotateBanner ul#rotateBannerBtn li#btn0 a {	background:url(/flashdata/images/b_0_over.jpg) left top no-repeat; z-index:18;}
div#rotateBanner ul#rotateBannerBtn li#btn1 a {	background:url(/flashdata/images/b_1_over.jpg) left top no-repeat; z-index:19;}
div#rotateBanner ul#rotateBannerBtn li#btn2 a {	background:url(/flashdata/images/b_2_over.jpg) left top no-repeat; z-index:20;}
div#rotateBanner ul#rotateBannerBtn li#btn3 a {	background:url(/flashdata/images/b_3_over.jpg) left top no-repeat; z-index:21;}

div#rotateBanner ul#rotateBannerBtn li a span {
	display:none;
}



div#rotateBanner p#test1  {
	width:243px;
	height:50px;
	position:relative;
	left:60px;
	top:0px;
	margin-bottom:10px;
}
div#rotateBanner p#test1 a {
	width:243px;
	height:50px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
}




/* 目次
-------------------------------------------------
 ・リンク設定
 ・グローバルトップコンテンツ
 ・更新情報
 ・インフォメーション
 ・グローバルトップ右ナビ
 ------------------------------------------------- */
body#GlobalTop p a:link    {color: #666; text-decoration: none;}
body#GlobalTop p a:active  {color: #666; text-decoration: none;}
body#GlobalTop p a:visited {color: #666; text-decoration: none;}
body#GlobalTop p a:hover   {color: #C8AC79; text-decoration: underline;}

div#globalTopCatItem p a:hover img {
	filter:alpha(opacity=50);
	opacity:0.5;
}



/* グローバルトップコンテンツ
------------------------------------------------- */
div#GlobalTopMain {
	width:750px;
}

div.contentBox {
	margin-bottom:20px;
}

/* カタログ */
div#catalog {
	width:500px;
	float:left;
	margin:20px 0px 0px 0px;
}

div#catalog a:hover img {
	filter:alpha(opacity=50);
	opacity:0.5;
}

div#catalog div#digitalCatalog {
	width:337px;
	float:left;
}

div#catalog div#digitalCatalog p{
	margin-top:10px;
}

div#catalog div#digitalCatalog p#deliver {
	text-align:right;
	font-size:10px;
	margin-top:6px;
	padding-right:15px;
}

div#catalog div#digitalCatalog ul li {
	float:left;
}

div#catalog ul#catalogCategories {
	width:163px;
	float:right;
}


/* インザライフ、アウトレット */
div#inTheLife,
div#outlet {
	width:230px;
	float:right;
	font-size:10px;
	line-height:140%;
	margin:5px 0px 0px 0px;
}
div#outlet {
	margin:0px 0px 20px 0px;
}

div#inTheLife h2,
div#outlet h2 {
	margin-bottom:13px;
}

div#inTheLife div.floatRight,
div#outlet div.floatRight {
	width:120px;
}

div#inTheLife p.floatLeft,
div#outlet p.floatLeft {
	width:100px;
	height:74px;
	overflow:hidden;
}

div#inTheLife p.floatLeft a:hover img,
div#outlet p.floatLeft a:hover img {
	filter:alpha(opacity=50);
	opacity:0.5;
}

div#inTheLife div.floatRight p.date,
div#outlet div.floatRight p.date {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:100%;
	padding:3px 3px 1px 3px;
	margin-bottom:10px;
}

div#inTheLife p.body,
div#outlet p.body {
	clear:both;
	overflow:hidden;
	padding-top:10px;
	*padding-top:0px;
}

div#inTheLife p.body a,
div#inTheLife p.body a font,
div#inTheLife p.body a strong,
div#outlet p.body a,
div#outlet p.body a font,
div#outlet p.body a strong {
	font-size:10px !important;
	font-weight:normal !important;
}

div#inTheLife p.body a:hover,
div#inTheLife p.body a:hover font,
div#inTheLife p.body a:hover strong,
div#outlet p.body a:hover,
div#outlet p.body a:hover font,
div#outlet p.body a:hover strong {
	text-decoration:underline !important;
}

/* マルイのネット通販 */
div#voi {
	width:494px;
	position:relative;
	float:left;
	border:3px #E0E0D8 solid;
}

div#voi p a:hover img {
	filter:alpha(opacity=50);
	opacity:0.5;
}

div#voi li a:hover img {
	filter:alpha(opacity=50);
	opacity:0.5;
}

div#voi h2 {
	border-bottom:1px #E0E0D8 solid;
	padding:8px 0px 7px 10px;
}

div#voi h2 img.floatLeft {
}

div#voi h2 img.floatRight {
	width:118px;
	padding:0px 10px 0px 0px;
}

div#voi div.clearfix {
	width:494px;
	/*background:url(/images/globaltop/hottopics_bg.gif) right top repeat-y;*/
}

div#voi div#ranking {
	width:494px;
	float:left;
	padding:10px;
}

div#voi div#ranking h4 {
 margin-bottom:10px;
}

div#voi div#ranking ul li {
	width:100px;
	float:left;
	font-size:10px;
	line-height:130%;
	position:relative;
	margin-left:17px; /* 3件表示の間隔 */
	margin-left:22px; /* 4件表示の間隔 */
}

div#voi div#ranking ul li.item1 {
	margin-left:0px;
}

div#voi div#ranking ul li img.rank-num {
	display:block;
	position:absolute;
	left:0px;
	top:83px;
}

div#voi div#ranking ul li img.img {
	margin-bottom:5px;
}

div#voi div#ranking ul li span strong {
	font-weight:normal;
}


div#voi div#hot-topics {
	display:none;
	width:112px;
	float:right;
	padding:10px;
}

div#voi div#hot-topics h4 {
	background-color:#FFF;
	margin-bottom:10px;
}

div#voi div#hot-topics p#comment {
	width:112px;
	background-color:transparent;
	font-size:10px;
	line-height:140%;
	margin-bottom:5px;
}

div#voi div#hot-topics p {
	background-color:#FFF;
}

div#voi p#voiBanner {
	display:none;
	position:absolute;
	background-color:#FFF;
	left:344px;
	top:0px;
	padding:6px 5px 6px 18px;
}

/* Voi バナーがあるときのタイトル用 */
div#voi h2.voi_sp {
	height:19px;
	position:relative;
}
div#voi h2 img#voi_sp_title {
	display:block;
	position:absolute;
	left:-17px;
	top:-19px;
}
div#voi h2 img#voi_sp_logo {
	display:block;
	position:absolute;
	left:227px; /* 左詰め */
	left:364px; /* 右詰め */
	top:8px;
}




/* 更新情報 */
div#globalTopWhatsnew{
	width:500px;
	float:left;
	background:#FBFBF9;
}

div#globalTopWhatsnew h2{
	position:relative;
}

div#globalTopWhatsnew h2 a {
	display:block;
	position:absolute;
	left:414px;
	top:7px;
}

div#globalTopWhatsnew div.globalTopNewItem{
	width:490px;
	height:2em;
	background:url(/images/globaltop/whats_border.gif) left bottom repeat-x;
	clear:both;
	padding:10px 0px 0px 10px;
}

div#globalTopWhatsnew div.globalTopNewItem p{
}

div#globalTopWhatsnew div.globalTopNewItem p.day{
	float:left;
	width:70px;
}

div#globalTopWhatsnew div.globalTopNewItem p.newitem{
	width:400px;
	float:left;
	background:url(/images/common/icon_arrow.gif) left 3px no-repeat;
	padding-left:10px;
}

div#globalTopWhatsnew div.globalTopNewItem p.newitem img{
	vertical-align:bottom;
	margin-left:5px;
}

/* インフォメーション */
div#globalTopInfo {
	width:230px;
	float:right;
	font-size:10px;
	line-height:140%;
}

div#globalTopInfo h2 {
	border-bottom:1px #CCCCCC solid;
	line-height:1%;
	font-size:1px;
	padding-bottom:5px;
	margin-bottom:8px;
}

div#globalTopInfo h2 img {
	vertical-align:bottom;
}

div#globalTopInfo div.globalTopNewItem {
	width:230px;
	clear:both;
}

div#globalTopInfo div.globalTopNewItem p {
	margin-bottom:3px;
}

div#globalTopInfo div.globalTopNewItem p.day {
	width:52px;
	float:left;
}

div#globalTopInfo div.globalTopNewItem p.newitem {
	width:170px;
	float:left;
	background:url(/images/common/icon_arrow.gif) left 2px no-repeat;
	padding-left:8px;
}

/* バナーエリア
------------------------------------------------- */
ul#BottomBanner {
	margin-top:25px;
}

ul#BottomBanner li {
	width:180px;
	height:70px;
	position:relative;
	float:left;
	margin-left:10px;
	padding-bottom:5px;
}

ul#BottomBanner li.First {
	margin-left:0px;
}

ul#BottomBanner li img {
	position:absolute;
	left:0px;
	top:0px;
}

ul#BottomBanner li a:hover img {
	filter:alpha(opacity=50);
	opacity:0.5;
}

/* グローバルトップ右ナビ
------------------------------------------------- */
body#GlobalTop #rightNavi {
	width: 180px;
	background-color: #FFF;
	color:#666;
	margin:0px;
}

#rightNavi ul#rightBanner li {
	padding:0px;
	margin-bottom:15px;
}

#rightNavi ul#rightBanner a:hover img {
	filter:alpha(opacity=50);
	opacity:0.5;
}

#rightNavi ul#rightBanner li#shopInfo {
	position:relative;
}

#rightNavi ul#rightBanner li#shopInfo p {
	width:90px;
	position:absolute;
	left:90px;
	top:51px;
	font-size:12px;
	letter-spacing:0.05em;
}

#rightNavi p.rightBannerSP {
	padding:5px 0px 5px 0px;
}

#rightNavi p.rightBannerSP a:hover img {
	filter:alpha(opacity=50);
	opacity:0.5;
}


/* インショップが出揃うまで------------------------------------------------- */
#rightNavi ul#rightBanner2 li {
	margin-bottom:15px;
}

#rightNavi ul#rightBanner2 a:hover img {
	filter:alpha(opacity=50);
	opacity:0.5;
}

/* インショップが出揃うまで------------------------------------------------- */


#rightNavi div#inshop {
	margin-bottom:20px;
}

#rightNavi div#inshop img {
	vertical-align:bottom;
}

#rightNavi div#inshop ul {
	border:1px #CCC7B9 solid;
	border-top:none;
}

#rightNavi div#inshop ul li {
	padding-bottom:1px;
}

#rightNavi div#inshop ul li a:hover img {
	filter:alpha(opacity=50);
	opacity:0.5;
}

#rightNavi div#inshop ul li.white {
	background:url(/images/globaltop/inshop_border_w.gif) left bottom repeat-x;
}

#rightNavi div#inshop ul li.gray {
	background:url(/images/globaltop/inshop_border_g.gif) left bottom repeat-x;
}

#rightNavi div#inshop ul li.last {
	background:none;
	padding-bottom:0px;
}