@charset "EUC-JP";   /*   文字コード   */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,address	{ margin: 0; padding: 0; }


body		{ background: #EEE url(/nol/img/side_bg.jpg); }
a span, hr	{ display: none; }
a img		{ border: none; }
.clear		{ clear: both; }
.clear br	{ display: none; }

#whole		{ width: 880px; background: #FFF; margin: 0 auto; padding: 0 0 12px; }
#content	{ width: 860px; margin: 0 10px; padding: 10px 0 25px; position: relative; }

#comic		{ background: url(/nol/netcafe/campaign/files/cp070328/bg_a02.gif) repeat-y; }
#image1		{ margin: 5px 35px 12px; position: relative; height: 523px; }
#image1 span	{ display: none; }
#cafe		{ background: url(/nol/netcafe/campaign/files/cp070328/bg_a01.gif) no-repeat; height: 30px; text-indent: -9999px; font-size: 1px; line-height: 1px; }
#image1 h1	{ background: url(/nol/netcafe/campaign/files/cp070328/img_a02.jpg) no-repeat; width: 395px; height: 261px; position: absolute; top: 0; left: 395px; }
#data		{ background: url(/nol/netcafe/campaign/files/cp070328/img_a01.jpg) no-repeat; width: 395px; height: 261px; position: absolute; top: 0; left: 0; }
#image1 h2	{ background: url(/nol/netcafe/campaign/files/cp070328/img_a03.jpg) no-repeat; width: 395px; height: 262px; position: absolute; top: 261px; left: 0; }
#comment	{ background: url(/nol/netcafe/campaign/files/cp070328/img_a04.jpg) no-repeat; width: 395px; height: 262px; position: absolute; top: 261px; left: 395px; }

#image2		{ margin: 0 35px 10px; position: relative; height: 325px; }
#image2 ul	{ list-style: none; position: absolute; top: 0; left: 0; }
#image2 li	{ width: 395px; height: 162px; display: block; position: absolute; }
#image2 li.i1	{ background: url(/nol/netcafe/campaign/files/cp070328/img_a05.jpg) no-repeat; top: 0; left: 0; height: 163px; }
#image2 li.i2	{ background: url(/nol/netcafe/campaign/files/cp070328/img_a06.jpg) no-repeat; top: 0; left: 395px; height: 163px; }
#image2 li.i3	{ background: url(/nol/netcafe/campaign/files/cp070328/img_a07.jpg) no-repeat; top: 163px; left: 0; }
#image2 li.i4	{ background: url(/nol/netcafe/campaign/files/cp070328/img_a08.jpg) no-repeat; top: 163px; left: 395px; }
#image2 h2	{ display: none; }
#image2 p	{ display: none; }
#image2 span	{ display: none; }

#attention	{ margin: 0px 35px 10px; font-size: 11px; line-height: 14px; color: #555; }
#attention p	{ padding: 0 0 0 1em; text-indent: -1em; margin: 0 20px; }


#comic_fin	{ background: url(/nol/netcafe/campaign/files/cp070328/bg_a03.gif) no-repeat; height: 30px; }



/*   特典   */
#bonus		{ padding: 20px 0 0; font-size: 13px; line-height: 17px; position: relative; }
#bonus h3	{ background: url(/nol/netcafe/campaign/files/cp070328/sub_title.gif) no-repeat; width: 408px; height: 55px; overflow: hidden; font-size: 1px; line-height: 1px; text-indent: -9999px; position: relative; top: 27px; z-index: 1; }
#bonus p.t1	{ background: url(/nol/netcafe/campaign/files/cp070328/target.jpg) 0 0 no-repeat; width: 408px; height: 37px; overflow: hidden; font-size: 1px; line-height: 1px; text-indent: -9999px; position: relative; top: -55px; }
#bonus p.t2	{ background: url(/nol/netcafe/campaign/files/cp070328/target.jpg) 0 -37px no-repeat; width: 408px; height: 37px; overflow: hidden; font-size: 1px; line-height: 1px; text-indent: -9999px; position: relative; top: -55px; }
#bonus p.t3	{ background: url(/nol/netcafe/campaign/files/cp070328/target.jpg) 0 -74px no-repeat; width: 408px; height: 37px; overflow: hidden; font-size: 1px; line-height: 1px; text-indent: -9999px; position: relative; top: -55px; }
#bonus .text1	{ background: url(/nol/netcafe/campaign/files/cp070328/bg_b02.jpg) bottom no-repeat; padding: 10px 10px 20px 25px; }
#bonus .text2	{ background: url(/nol/netcafe/campaign/files/cp070328/bg_c02.jpg) bottom no-repeat; padding: 10px 10px 20px 25px; }
#bonus .text3	{ background: url(/nol/netcafe/campaign/files/cp070328/bg_d02.jpg) bottom no-repeat; padding: 10px 0 0; }
#bonus span	{ font-size: 11px; line-height: 15px; }
#bonus img	{ margin: 15px 0 0; }

/*   特典1   */
#b1		{ position: relative; top: 0; left: 10px; width: 408px; background: url(/nol/netcafe/campaign/files/cp070328/bg_b01.jpg) repeat-y; }
#b1 img		{ }
.tx1_1		{ margin: 10px 0 0; }
#bonus .tx1_1 span	{ padding: 0 0 0 1em; text-indent: -1em; display: block; margin: 5px 0; line-height: 15px; }
/*   特典2   */
#b2		{ position: absolute; top: 20px; left: 435px; width: 408px; background: url(/nol/netcafe/campaign/files/cp070328/bg_c01.jpg) repeat-y; }
#b2 h3		{ background-position: 0 -55px; }
#b2 img		{ margin: 17px 0 0 32px; }
#b3 span	{ display: block; margin: 8px 0 0; }
/*   特典3   */
#b3		{ background: url(/nol/netcafe/campaign/files/cp070328/bg_d01.jpg) bottom no-repeat; }
#b3 h3		{ display: none; }
#b3 p.t4	{ margin-top: 73px; text-indent: -9999px; font-size: 1px; line-height: 1px; }
#b3 p		{ margin: 0 15px 0 16px; }
#text4		{ position: relative; top: -59px; }
#text4 span	{ display: block; width: 248px; text-indent: -1em; padding-left: 1em; line-height: 13px; padding-top: 5px; }
/*   特典4   */
#b4		{ position: relative; top: 12px; left: 10px; width: 408px; background: url(/nol/netcafe/campaign/files/cp070328/bg_c01.jpg) repeat-y; }
#b4 h3		{ background-position: 0 -110px; }
#b4 ul		{ list-style: square; margin: 12px 0 12px 25px; }
#bonus #b4 span	{ margin-top: 5px; display: block; }
/*   特典5   */
#b5		{ position: absolute; top: 658px; left: 435px; width: 408px; background: url(/nol/netcafe/campaign/files/cp070328/bg_b01.jpg) repeat-y; }
#b5 h3		{ background-position: 0 -165px; }
#b5 .text1 p	{ padding: 0 0 5px; }
/*   特典6   */
#b6		{ position: absolute; top: 834px; left: 435px; width: 408px; background: url(/nol/netcafe/campaign/files/cp070328/bg_c01.jpg) repeat-y; }
#b6 h3		{ background-position: 0 -220px; }
#b6 .text2 p	{ padding: 0; }
/*   特典7   */
#b7		{ position: absolute; top: 1019px; left: 435px; width: 408px; background: url(/nol/netcafe/campaign/files/cp070328/bg_b01.jpg) repeat-y; }
#b7 h3		{ background-position: 0 -275px; }
#b7 .text1 p	{ padding: 0px 0 5px; }


.left		{ width: 250px; float: left; }
.right		{ width: 90px; float: right; }
#bonus .right img	{ padding: 0; margin: 0; }

/*   Menu   */
#menu		{ position: absolute; top: 187px; left: 36px; }
#menu ul	{ list-style: none; font-size: 1px; line-height: 1px; }
#menu li a	{ display: block; background: url(/nol/netcafe/campaign/files/cp070328/menu.jpg) no-repeat; width: 150px; height: 14px; overflow: hidden; }
#menu li.m1 a	{ background-position: 0 0; }		#menu li.m1 a:hover	{ background-position: -150px 0px; }
#menu li.m2 a	{ background-position: 0 -14px; }	#menu li.m2 a:hover	{ background-position: -150px -14px; }
#menu li.m3 a	{ background-position: 0 -28px; }	#menu li.m3 a:hover	{ background-position: -150px -28px; }
#menu li.m4 a	{ background-position: 0 -42px; }	#menu li.m4 a:hover	{ background-position: -150px -42px; }
#menu li.m5 a	{ background-position: 0 -56px; }	#menu li.m5 a:hover	{ background-position: -150px -56px; }
#menu li.m6 a	{ background-position: 0 -70px; }	#menu li.m6 a:hover	{ background-position: -150px -70px; }
#menu li.m7 a	{ background-position: 0 -84px; }	#menu li.m7 a:hover	{ background-position: -150px -84px; }
#menu li.m8 a	{ background-position: 0 -98px; }	#menu li.m8 a:hover	{ background-position: -150px -98px; }
#menu li.m9 a	{ background-position: 0 -112px; }	#menu li.m9 a:hover	{ background-position: -150px -112px; }


address		{ background: url(/nol/netcafe/campaign/files/cp070328/copyright.gif) no-repeat; width: 193px; height: 11px; margin: 0 0 0 663px; }
address span	{ display: none; }


/*   終了   */


body *			{ color: #999; }
h1#fin			{ font-size: 17px; position: absolute; top: 13px; left: 28px; color: #A00; }
#image1, #image2	{ filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
h3, #b3, img			{ filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
#menu li a		{ filter: alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15; }