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

Site URL	:http://onlinelab.jp/
File Name	:top.css (http://onlinelab.jp/style/top.css)
Summery		:オンラインラボ本店
			＊TOPページのスタイルを定義しています。
			＊このファイルはcommon.cssにimportしています。
Created		:2007-07-30
Last update	:2007-07-30
Auther		:E.Koide(Admin),S.Nabeshima,S.Eriguchi
Copyright	:(c) Picturing Online, Inc. 

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

/*************************************************************************
	フォトブックダウンロードボタン
**************************************************************************/

div#globalNav img.photobookDL {
position:absolute;
right:440px;
top:-51px;
}


/*************************************************************************
	レイアウト
**************************************************************************/
div#mainWrap {
	width:870px;
	margin:0 auto;
	font-size:12px;
	margin-bottom:20px;
	}

div#rightWrap {
	width:200px;
	margin-top:10px;
	float:right;
	font-size:12px;
	text-align:right;}


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

div#infoBar {
	font-size:11px;
	color:#CC0000;
	position:absolute;
	top:3px;
	left:135px;}

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

div#leftWrap {
	width:660px;
	margin-top:10px;
	float:left;
	text-align:left;
	}

/*div#globalNav {
	width:760px;
	margin-left:0;}

div#localNav {
	width:760px;
	position:relative;}*/

/*************************************************************************
	トップバナー　(FLASHがOFFのとき)
**************************************************************************/

div#topBnr {
	width:638px;
	height:280px;
	margin:3px;
	position:relative;
	}

div#topBnr div#btnTop {
	position:absolute;
	left:10px;
	top:215px;}

div#topBnr div#btnMiddle {
	position:absolute;
	left:220px;
	top:215px;}

div#topBnr div#btnBottom {
	position:absolute;
	right:10px;
	top:215px;}

/*************************************************************************
	メニュー
**************************************************************************/

/*メニューボタン*/
div#leftWrap h2.print {background:url("/images/toppage/head_topmenu_pri.gif") no-repeat top;}
div#leftWrap h2.photobook {background:url("/images/toppage/head_topmenu_pb.gif") no-repeat top;}
div#leftWrap h2.tShirt {background:url("/images/toppage/head_topmenu_ts.gif") no-repeat top;}
div#leftWrap h2.ringfile {background:url("/images/toppage/head_topmenu_rfa.gif") no-repeat top;}
div#leftWrap h2.newRingfile {background:url("/images/toppage/head_topmenu_nrfa.gif") no-repeat top;}
div#leftWrap h2.takumi {background:url("/images/toppage/head_topmenu_tkm.gif") no-repeat top;}
div#leftWrap h2.premium {background:url("/images/toppage/head_topmenu_premium.gif") no-repeat top;}
div#leftWrap h2.flame {background:url("/images/toppage/head_topmenu_flame.gif") no-repeat top;}
div#leftWrap h2.regularPrint {background:url("/images/toppage/head_topmenu_rpr.gif") no-repeat top;}
div#leftWrap h2.specialPrint {background:url("/images/toppage/head_topmenu_spr.gif") no-repeat top;}
div#leftWrap h2.postcard {background:url("/images/toppage/head_topmenu_pc.gif") no-repeat top;}
div#leftWrap h2.goods {background:url("/images/toppage/head_topmenu_gds.gif") no-repeat top;}
div#leftWrap h2.book {background:url("/images/toppage/head_topmenu_book.gif") no-repeat top;}
div#leftWrap h2.calendar {background:url("/images/toppage/head_topmenu_cal.gif") no-repeat top;}
div#leftWrap h2.others {background:url("/images/toppage/head_topmenu_otr.gif") no-repeat top;}
div#leftWrap h2.storage {background:url("/images/toppage/head_topmenu_storage.gif") no-repeat top;}
div#leftWrap h2.dvd {background:url("/images/toppage/head_topmenu_dvd.gif") no-repeat top;}
div#leftWrap h2.portrait {background:url("/images/toppage/head_topmenu_portrait.gif") no-repeat top;}
div#leftWrap h2.nenga {background:url("/images/toppage/head_topmenu_nenga.gif") no-repeat top;}
div#leftWrap h2.mochu {background:url("/images/toppage/head_topmenu_mochu.gif") no-repeat top;}
div#leftWrap h2.kanchu {background:url("/images/toppage/head_topmenu_kanchu.gif") no-repeat top;}

/*メニューボタン(マウスOVER)*/
div#leftWrap h2.print a:hover {background:url("/images/toppage/head_topmenu_pri_on.gif") no-repeat top;}
div#leftWrap h2.photobook a:hover {background:url("/images/toppage/head_topmenu_pb_on.gif") no-repeat top;}
div#leftWrap h2.tShirt a:hover {background:url("/images/toppage/head_topmenu_ts_on.gif") no-repeat top;}
div#leftWrap h2.ringfile a:hover {background:url("/images/toppage/head_topmenu_rfa_on.gif") no-repeat top;}
div#leftWrap h2.newRingfile a:hover {background:url("/images/toppage/head_topmenu_nrfa_on.gif") no-repeat top;}
div#leftWrap h2.takumi a:hover {background:url("/images/toppage/head_topmenu_tkm_on.gif") no-repeat top;}
div#leftWrap h2.premium a:hover {background:url("/images/toppage/head_topmenu_premium_on.gif") no-repeat top;}
div#leftWrap h2.flame a:hover {background:url("/images/toppage/head_topmenu_flame_on.gif") no-repeat top;}
div#leftWrap h2.regularPrint a:hover {background:url("/images/toppage/head_topmenu_rpr_on.gif") no-repeat top;}
div#leftWrap h2.specialPrint a:hover {background:url("/images/toppage/head_topmenu_spr_on.gif") no-repeat top;}
div#leftWrap h2.postcard a:hover {background:url("/images/toppage/head_topmenu_pc_on.gif") no-repeat top;}
div#leftWrap h2.goods a:hover {background:url("/images/toppage/head_topmenu_gds_on.gif") no-repeat top;}
div#leftWrap h2.book a:hover {background:url("/images/toppage/head_topmenu_book_on.gif") no-repeat top;}
div#leftWrap h2.calendar a:hover {background:url("/images/toppage/head_topmenu_cal_on.gif") no-repeat top;}
div#leftWrap h2.others a:hover {background:url("/images/toppage/head_topmenu_otr_on.gif") no-repeat top;}
div#leftWrap h2.storage a:hover {background:url("/images/toppage/head_topmenu_storage_on.gif") no-repeat top;}
div#leftWrap h2.dvd a:hover {background:url("/images/toppage/head_topmenu_dvd_on.gif") no-repeat top;}
div#leftWrap h2.nenga a:hover {background:url("/images/toppage/head_topmenu_nenga_on.gif") no-repeat top;}
div#leftWrap h2.mochu a:hover {background:url("/images/toppage/head_topmenu_mochu_on.gif") no-repeat top;}
div#leftWrap h2.kanchu a:hover {background:url("/images/toppage/head_topmenu_kanchu_on.gif") no-repeat top;}
div#leftWrap h2.portrait a:hover {background:url("/images/toppage/head_topmenu_portrait_on.gif") no-repeat top;}

/*背景*/

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;
	font-size:12px;
	float:right;}

div#leftWrap div.innerCol {
	width:140px;
	margin:0 10px 3px 10px;
	min-height:45px;
	_height:50px;}

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:25px;}

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,div#leftWrap div.nenga h2 {
	width:160px;
	min-height:40px;}

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

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.nenga,div#leftWrap div.topMenu {
	width:160px;
	margin:0 5px 5px 0;
	float:left;
	min-height:150px;
	position:relative;}

div#leftWrap div.topMenu {background:url("/images/toppage/bottom_topmenu.gif") no-repeat bottom left;}
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.topMenu img {
	/*width:140px;
	height:70px;*/
	margin:0 10px 3px 10px;}

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

/*
div#leftWrap div.postBtn img {
	width:46px;
	margin:0 0 7px 0;}
*/

div#leftWrap table.postBtn img {
	margin:0;}

div#leftWrap div.postBtn {
height:35px;
}

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

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

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

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


div#leftWrap img.alphafilterBook {
left:0;
margin:0;
position:absolute;
/*top:303px;*/
top:353px;
z-index:1;
}

div#leftWrap div.topBnr {
	position:relative;
	margin:5px;
	width:638px;
	height:90px;
}


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

div#leftWrap div.nenga ul,div#leftWrap div.topMenu ul {
margin:0;}


/*************************************************************************
	新着情報(トピックス)
**************************************************************************/

div#leftWrap div#topics {
	width:635px;
	clear:both;
	padding-top:7px;}
	
div#leftWrap div#topics dl {
	/*border-bottom:1px #84776b solid;*/}

div#leftWrap div#topics dt {
	float:left;
	width:5em;
	paddin-bottom:2px;
	line-height:1.7;
	display:block;}

div#leftWrap div#topics dd  {
	margin-left:6em;
	paddin-bottom:2px;
	line-height:1.7;
	display:block;}

div#leftWrap div#topics h2 {
	background:url("/images/toppage/h_topics.gif") no-repeat;
	width:635px;
	height:25px;
	display:block;
	clear:both;
	margin:7px 0;}

div#leftWrap div#topics h2 span {
	display:none;}
	
/*************************************************************************
	ログインフォーム
**************************************************************************/

div#rightWrap div#memberState{
	background:url("/images/toppage/bg_memberstate_head.gif") no-repeat top;
	width:200px;
	padding-top:26px;
	position:relative;
	text-align:left;
	}

div#rightWrap div#memberState h2 {display:none;}

div#rightWrap div.mStateBody{
	background:url("/images/toppage/bg_memberstate_bottom.gif") no-repeat bottom;
	width:200px;
	padding-bottom:15px;
	}

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

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

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

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

div#rightWrap div#memberState p {
	}

/*************************************************************************
	ブログ最新記事表示
**************************************************************************/

#LinkVillagepRss{
	margin:0;
	padding:0;
	font-size:12px;
	width:180px;
	height:200px;
	overflow:auto;
}
#LinkVillagepRss p{text-align: left;padding:3px;}

#LinkVillagepRss a {
}

#LinkVillagepRss a:hover {
}

#LinkVillagepRss a#link {
		font-size:10px;
}

div#rightWrap div#blogRSS{
	background:url("/images/toppage/head_blogRSS.gif") no-repeat top;
	width:200px;
	padding-top:47px;
	position:relative;
	text-align:left;
	}

div#rightWrap div#blogRSS h2 {display:none;}

div#rightWrap div.blogRSSBody {
	background:url("/images/toppage/bottom_blogRSS.gif") no-repeat bottom;
	width:200px;
	padding-bottom:5px;
	}

/*************************************************************************
	ピックアップキャンペーン
**************************************************************************/

div#rightWrap div#pickupCamp{
	background:url("/images/toppage/head_pickupcampaign.gif") no-repeat top;
	width:200px;
	padding-top:47px;
	position:relative;
	text-align:left;
	}

div#rightWrap div#pickupCamp h2 {display:none;}

div#rightWrap div.pickupCampBody {
	background:url("/images/toppage/bottom_pickupcampaign.gif") no-repeat bottom;
	width:200px;
	padding-bottom:5px;
	}

	
div#rightWrap div.pickupCampBody dt{
padding-top:2px;
}

div#rightWrap div.pickupCampBody dd{
padding-bottom:2px;
border-bottom:1px #a5a5a5 dotted;
text-align:right;
}
	
div#rightWrap div#pickupCamp ul {margin:0;}

div#rightWrap div.pickupCampBody a img {
	border:1px #ccc solid;}
	
div#rightWrap div.pickupCampBody a:hover img {
	border:1px #ff3c5a solid;}
	
div#rightWrap div.pickupCampBody a img.btn,div#rightWrap div.pickupCampBody a:hover img.btn {
border:none;
float:right;
/*position:absolute;
bottom:5px;
right:5px;*/}

/*************************************************************************
	お知らせの囲み
**************************************************************************/
div#rightWrap div.infoCol{
	text-align:left;
	border:1px #ccc solid;
	margin-top:10px;
	}
	
div#rightWrap h3 {
	font-size:12px;
	border-bottom:1px #ccc dotted;
	padding:5px;}

div#rightWrap div.infoCol h5 span{
	display:none;
	}
	
div#rightWrap div.infoCol div.innerCol{
	margin:5px;
	}

div#rightWrap div.infoCol h5 {
	background:url("/images/toppage/h_infomation.gif") no-repeat;
	width:198px;
	height:24px;
	border:none;
	padding:0;
	margin:0;
    display:block;
}

/*************************************************************************
	お知らせのぱかぱか
**************************************************************************/

div.infoCol div.item {
padding-left:15px;
margin:0 0 0 0.3em;
}
div.infoCol .toggler {
display:block;
list-style-position:inherit;
margin:0 0 0 0.3em;
padding-left:15px;
background: #fff url('/images/common/ico_list.gif') left top no-repeat;
}

/*************************************************************************
	バナー
**************************************************************************/

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

div#rightWrap div.bnrSpace a img {
	border:1px #ccc solid;}
	
div#rightWrap div.bnrSpace a:hover img {
	border:1px #ff3c5a solid;}

/*************************************************************************
	FLASH下のフォトブックエリア
**************************************************************************/

div.toppageBookArea{
float:left;
padding:0 7px 10px 3px;
}

div.toppageBookDL{
float:left;
padding:0 0 10px 0;
}

/*************************************************************************
	FLASH下エリア
**************************************************************************/

div.underFlash{
margin-left: 3px;
}

div.underFlash img{
margin-bottom: 3px;
}