@charset "UTF-8";
/*--------------------------------------------

onlinelab.jp Toppage Style Elements
Date:2007.04.26

このスタイルシートには、TOPページ用の
レイアウトが定義されています。

----------------------------------------------*/


/* 重要なお知らせ
----------------------------------------------------------------*/

div#infoBar {
	font-size:10px;
	color:#CC0000;
	position:absolute;
	top:7px;
	left:150px;}

div#infoBar a {
	color:#CC0000;
	font-weight:bold;}

div#leftWrap {
	width:500px;
	margin-top:10px;
	float:left;
	}

/*トップバナー
FlashがOFFのとき---------------------------------------------------*/

div#topBnr {
	width:710px;
	height:230px;
	margin:3px auto 0 auto;
	position:relative;
	}

div#topBnr div#btnTop {
	position:absolute;
	right:-7px;
	top:10px;}

div#topBnr div#btnMiddle {
	position:absolute;
	right:-7px;
	top:80px;}

div#topBnr div#btnBottom {
	position:absolute;
	right:-7px;
	top:150px;}
	

/*メニューの背景*/
div#leftWrap div.menuWrap {
	background:url("../images/bg_topmenu_bottom.gif") no-repeat bottom;
	width:158px;
	margin:0 5px 5px 0;
	float:left;
	height:120px;}

div#leftWrap div.innerCol,div#leftWrap div.more {
	margin:0 5px 5px 0;
	font-size:100%;
	float:right;}

div#leftWrap div.innerCol {
	margin:0pt 10px 3px;
	min-height:30px;
	width:140px;}

div#leftWrap div.more {
	clear:right;
	width:75px;
	position:absolute;
	bottom:0;
	right:0;}

div#leftWrap div.more a {
	display:block;
	text-indent:-9999px;
	width:75px;
	height:20px;}

div#leftWrap div.nenga h2,div#leftWrap div.menuPrint h2,div#leftWrap div.menuPostcard h2,div#leftWrap div.menuGoods h2,div#leftWrap div.menuBook h2,div#leftWrap div.menuCalendar h2,div#leftWrap div.menuOthers h2 {
	width:160px;
	min-height:40px;}

div#leftWrap h2 a {
	text-indent:-9999px;
	display:block;
	width:160px;
	height:35px;
	}

div#leftWrap div.nenga,div#leftWrap div.menuPrint,div#leftWrap div.menuPostcard,div#leftWrap div.menuGoods,div#leftWrap div.menuBook,div#leftWrap div.menuCalendar,div#leftWrap div.menuOthers,div#leftWrap div.topMenu {
	width:160px;
	float:left;
	min-height:150px;
	position:relative;}

div#leftWrap div.nenga,div#leftWrap div.topMenu, div#leftWrap div.topMenuB {
font-size:12px;
line-height:1;
margin:0pt;
overflow:hidden;
position:relative;
}
div#leftWrap div.nenga,div#leftWrap div.topMenu, div#leftWrap div.topMenuB,
div#leftWrap div.topMenubtob p{
line-height:1.2;
}

/*業務用専用*/

div#leftWrap div.topMenubtob160 {
	margin:0;
	padding: 5px 1px 5px 0;
	width:160px;
	float:left;
	min-height:150px;
	position:relative;
}

div#leftWrap div.topMenubtob h2 {
	width:480px;
	min-height:40px;}

div#leftWrap div.topMenubtob h2 a {
	text-indent:-9999px;
	display:block;
	width:480px;
	height:35px;
	}

div#leftWrap div.topMenubtob{
	width:480px;
	clear:both;
	min-height:150px;
	position:relative;
}

div#leftWrap div.innerColbtob {
	margin:0pt 10px 3px;
	min-height:30px;
	width:420px;
	font-size:100%;
}


div#leftWrap div.menuPrint {background:url("../images/bottom_topmenu_pri.gif") no-repeat bottom;}
div#leftWrap div.menuPostcard {background:url("../images/bottom_topmenu_pc.gif") no-repeat bottom;}
div#leftWrap div.menuGoods {background:url("../images/bottom_topmenu_goods_camp.gif") no-repeat bottom;}
div#leftWrap div.menuBook {background:url("../images/bottom_topmenu_book.gif") no-repeat bottom;}
div#leftWrap div.menuCalendar {background:url("../images/bottom_topmenu_calendar.gif") no-repeat bottom;}
div#leftWrap div.menuOthers {background:url("../images/bottom_topmenu_others.gif") no-repeat bottom;}

/*年賀専用*/
div#leftWrap div.nenga {background:url("/images/toppage/bottom_topmenuNenga.gif") no-repeat bottom left;}

div#leftWrap div.nenga img,div#leftWrap div.topMenu img, div#leftWrap div.topMenuB img {
	margin:0 10px 3px;}

div#leftWrap div.nenga img {margin:0 10px 3px 10px;}
div#leftWrap div.nenga,div#leftWrap div.topMenu img.btn, div#leftWrap div.topMenuB img.btn {
	/*width:120px;
	height:27px;*/}

div#leftWrap div.nenga img.alphafilter {
left:105px;
margin:0pt;
position:absolute;
top:25px;
z-index:1;
}

/*新着情報*/

div#leftWrap div#topics {
	width:480px;
	clear:both;
	padding-top:10px;}
	
div#leftWrap div#topics dl {
}
div#leftWrap div#topics dt {
display:block;
float:left;
line-height:1.7;
width:5em;
}
div#leftWrap div#topics dd {
display:block;
line-height:1.7;
margin-left:7em;
}
	
/* 右側ラップ
-----------------------------------------------*/

div#rightWrap {
	width:200px;
	margin-top:10px;
	float:right;}

div#rightWrap div#memberState{
	width:200px;
	padding-bottom:10px;
	position:relative;
	font-size:86%;
	}

div#rightWrap div#memberState input#login {border:none;background:none;}

div#rightWrap div.mStateBg{
	width:200px;
	}

div#rightWrap div.innerWrap {
	padding:30px 10px 10px 10px;
	position:static;}

div#rightWrap div.innerWrap p.welcome {
	font-weight:bold;}

div#rightWrap div#memberState input.textBox {
	padding:1px;
	width:100px;}

div#rightWrap div#memberState img#login {
	float:right;
	margin:0;}

div#rightWrap div#memberState p {
	}

div#rightWrap div.infoCol{margin-top:10px;}
div#rightWrap div.infoCol h5 span{display:none;}

div#rightWrap h3 {
	font-size:12px;
	padding:5px;}
	
div#rightWrap div.infoCol div.innerCol{padding:5px;}

div#rightWrap div.bnrSpace img{
	margin-top:10px;}

div#rightWrap div.bnrCamp img{
	margin-top:10px;}

div#mainWrap {
	width:710px;
	margin:0 auto;
	font-size:100%;
	margin-bottom:20px;
	}

/* キャンペン中シール
-----------------------------------------------*/

div#leftWrap div.topMenu img.alphafilter, div#leftWrap div.topMenuB img.alphafilter {
	margin:0;
	position:absolute;
	top:25px;
	left:105px;
	z-index:1;
}

/* ポストカード用シール
-----------------------------------------------*/

div#leftWrap div.topMenu img.alphapostcard {
	margin:0;
	position:absolute;
	top:25px;
	left:105px;
	z-index:1;
}
	
div#leftWrap h2.print {background:transparent url(/images/toppage/head_topmenu_pri.gif) no-repeat scroll center top;}
div#leftWrap h2.print a:hover {background:transparent url(/images/toppage/head_topmenu_pri_on.gif) no-repeat scroll center top;}
div#leftWrap h2.ringfile {background:transparent url(/images/toppage/head_topmenu_rfa.gif) no-repeat scroll center top;}
div#leftWrap h2.ringfile a:hover {background:transparent url(/images/toppage/head_topmenu_rfa_on.gif) no-repeat scroll center top;}
div#leftWrap h2.takumi {background:transparent url(/images/toppage/head_topmenu_tkm.gif) no-repeat scroll center top;}
div#leftWrap h2.takumi a:hover {background:transparent url(/images/toppage/head_topmenu_tkm_on.gif) no-repeat scroll center top;}
div#leftWrap h2.premium {background:transparent url(/images/toppage/head_topmenu_premium.gif) no-repeat scroll center top;}
div#leftWrap h2.premium a:hover {background:transparent url(/images/toppage/head_topmenu_premium_on.gif) no-repeat scroll center top;}
div#leftWrap h2.flame {background:transparent url(/images/toppage/head_topmenu_flame.gif) no-repeat scroll center top;}
div#leftWrap h2.flame a:hover {background:transparent url(/images/toppage/head_topmenu_flame_on.gif) no-repeat scroll center top;}
div#leftWrap h2.regularPrint {background:transparent url(/images/toppage/head_topmenu_rpr.gif) no-repeat scroll center top;}
div#leftWrap h2.regularPrint a:hover {background:transparent url(/images/toppage/head_topmenu_rpr_on.gif) no-repeat scroll center top;}
div#leftWrap h2.specialPrint {background:transparent url(/images/toppage/head_topmenu_spr.gif) no-repeat scroll center top;}
div#leftWrap h2.specialPrint a:hover {background:transparent url(/images/toppage/head_topmenu_spr_on.gif) no-repeat scroll center top;}
div#leftWrap h2.postcard {background:transparent url(/images/toppage/head_topmenu_pc.gif) no-repeat scroll center top;}
div#leftWrap h2.postcard a:hover {background:transparent url(/images/toppage/head_topmenu_pc_on.gif) no-repeat scroll center top;}
div#leftWrap h2.goods {background:transparent url(/images/toppage/head_topmenu_gds.gif) no-repeat scroll center top;}
div#leftWrap h2.goods a:hover {background:transparent url(/images/toppage/head_topmenu_gds_on.gif) no-repeat scroll center top;}
div#leftWrap h2.book {background:transparent url(/images/toppage/head_topmenu_book.gif) no-repeat scroll center top;}
div#leftWrap h2.book a:hover {background:transparent url(/images/toppage/head_topmenu_book_on.gif) no-repeat scroll center top;}
div#leftWrap h2.calendar {background:transparent url(/images/toppage/head_topmenu_cal.gif) no-repeat scroll center top;}
div#leftWrap h2.calendar a:hover {background:transparent url(/images/toppage/head_topmenu_cal_on.gif) no-repeat scroll center top;}
div#leftWrap h2.others {background:transparent url(/images/toppage/head_topmenu_otr.gif) no-repeat scroll center top;}
div#leftWrap h2.others a:hover {background:transparent url(/images/toppage/head_topmenu_otr_on.gif) no-repeat scroll center top;}
div#leftWrap h2.storage {background:transparent url(/images/toppage/head_topmenu_storage.gif) no-repeat scroll center top;}
div#leftWrap h2.storage a:hover {background:transparent url(/images/toppage/head_topmenu_storage_on.gif) no-repeat scroll center top;}
div#leftWrap h2.dvd {background:transparent url(/images/toppage/head_topmenu_dvd.gif) no-repeat scroll center top;}
div#leftWrap h2.dvd a:hover {background:transparent url(/images/toppage/head_topmenu_dvd_on.gif) no-repeat scroll center top;}
div#leftWrap h2.portrait {background:transparent url(/images/toppage/head_topmenu_portrait.gif) no-repeat scroll center top;}
div#leftWrap h2.portrait a:hover {background:transparent url(/images/toppage/head_topmenu_portrait_on.gif) no-repeat scroll center top;}
div#leftWrap h2.nenga {background:transparent url(/images/toppage/head_topmenu_nenga.gif) no-repeat scroll center top;}
div#leftWrap h2.nenga a:hover {background:transparent url(/images/toppage/head_topmenu_nenga_on.gif) no-repeat scroll center top;}
div#leftWrap div.topMenu {background:transparent url(/images/toppage/bottom_topmenu.gif) no-repeat scroll left bottom;}


div#leftWrap div.menuWrap {
background:transparent url(/images/bg_topmenu_bottom.gif) no-repeat scroll center bottom;
float:left;
height:120px;
width:158px;
}