body{font-size:13px;_font-size:12px;color:#333;font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0px;background:#000;-webkit-text-size-adjust: none;}
dd,dt,dl,p,ul,li,form,input,h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px; }
ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,th{ font-size: 1em; font-weight: normal; font-style: normal; }
img { border: none; }
a { color:#0026a3;text-decoration:underline;outline: 0; *blr:expression(this.onFocus=this.blur());}
a:hover { text-decoration:none;color:#dbe3ff;}
.clear { clear:both;}

/*----------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {display: inline-block;}
 
html[xmlns] .clearfix {display: block;}
 
* html .clearfix {height: 1%;}
/*-----------------------------------------------------------------------------------------------------------*/
h1, h2 {
	overflow:hidden;
	text-indent:-9999px;
}

#wrapper {
	width:900px;
	height: auto;
	margin:0px auto;
	background:#272967;
	position:relative;
}
h1 {
	background: url(images/img_index.jpg) no-repeat;
	height:919px;
}
h2 {
	height:390px;
	background:url(images/img_top.jpg) no-repeat;
}
#footer, #footer_con {
	color:#738fec;
	font-weight:bold;
	letter-spacing:1px;
	font-size:10px;
	background:#22377d;
	width:900px;
	text-align:center;
	padding-top:10px;
}
#footer {
	background:#22377d;
	height:24px;
	padding-top:10px;
}
#footer_con {
	background:url(images/img_footerbg.gif) no-repeat;
	height:21px;
	padding-top:30px;
}

#mv {
	width:365px; 
	height:243px;
	z-index:1;
	border:none;
	position:absolute;
	display:block;
	top:630px;
	left:495px;
	background:#000;
}

/*btn------------------------------------------------------------------------------------------------------------------*/
a.class, a.ublog, a.class_2, a.ublog_2, a.mada {
	width:197px; 
	height:81px;
	z-index:1;
	border:none;
	position:absolute;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
a.class, a.ublog {
	top:643px;
}
a.class_2, a.ublog_2, a.mada {
	top:302px;
}

a.class, a.class_2 {
	background:url(images/btn_menu.png) no-repeat 0 0;
}
a.class:hover, a.class_2:hover {
	background:url(images/btn_menu.png) no-repeat -1px 1px;
}
a.left_c1 {left:55px;}
a.left_c2 {left:255px;}

a.ublog, a.ublog_2 {
	background:url(images/btn_menu.png) no-repeat 0 -86px;
}
a.ublog:hover, a.ublog_2:hover {
	background:url(images/btn_menu.png) no-repeat -1px -85px;
}

a.mada {
	background:url(images/btn_menu.png) no-repeat 0 -172px;
}
a.mada:hover {
	background:url(images/btn_menu.png) no-repeat -1px -171px;
}

a.left_u1 {left:268px;}
a.left_u2 {left:465px;}

a.home {
	background:url(images/btn_home.png) no-repeat 0 0;
	left:675px;
	width:116px; 
	height:56px;
	z-index:1;
	border:none;
	position:absolute;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	top:326px;
}
a.home:hover {
	background:url(images/btn_home.png) no-repeat -1px 1px;
}

a.logolink, a.logolink_s, p.dec a.take {
	z-index:1;
	border:none;
	position:absolute;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
a.logolink {
	width:196px; 
	height:44px;
	top:16px;
	left:20px;
}
a.logolink_s {
	width:109px; 
	height:28px;
	top:0;
	left:96px;
}

/*contents -------------------------------------------------------------------------------------------------------------*/
div.content {
	background:url(images/img_skin.gif) repeat-y;
	position:relative;
	width:860px;
	margin:0 auto;
	min-height:50px;
	padding:13px 0;
}
ul.box {
	padding-left:65px;
	width:740px;
}
ul.box li {
	display:block;
	line-height:24px;
	padding:5px 0;
}
ul.box li p {
	padding-left:20px;
}
ul.box li a {
	padding-right:6px;
	display:inline-table;
}
ul.box li span {
	color:#cf3f3f;
	padding-left:15px;
	display:block;
}

div.title {
	height:34px;
	float:left;
	color:#0026a3;
	font-size:13px;
	margin-bottom:20px;
	padding:27px 5px 0 210px;
	width:640px;
}
.tbg_1 {
	background:url(images/image_titlebg1.gif) no-repeat left top;
}
.tbg_2 {
	background:url(images/image_titlebg2.gif) no-repeat left top;
}
.tbg_3 {
	background:url(images/image_titlebg3.gif) no-repeat left top;
}

div.gift {
	width:285px;
	text-align:right;
	z-index:1;
	border:none;
	position:absolute;
	display:block;
	top:20px;
	left:540px;
}

p.dec {
	width:208px;
	height:147px;
	margin:0 auto;
	background:url(images/img_decbg.gif) no-repeat;
	padding-top:40px;
	padding-left:248px;
}

p.poster {
	width:250px;
	height:270px;
	margin:80px auto 0 auto;
	*margin:0 auto;
	_margin:0 auto;
	background:url(images/img_poster.png) no-repeat;
	padding-top:366px;
	padding-left:480px;
}
p.poster a.buy {
	background:url(images/btn_buy.png) no-repeat 0 0;
	width:101px;
	height:44px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
p.poster a.buy:hover {
	background:url(images/btn_buy.png) no-repeat 1px 1px;
}

/*lightbox -------------------------------------------------------------------------------------------------------------*/
div.lbox {
	background:#22377d;
	border-left:2px solid #9db4ff;
	border-right:2px solid #9db4ff;
	border-bottom:2px solid #9db4ff;
	width:546px;
	margin:0 auto;
	padding-bottom:15px;
	position:relative;
}
div.lbox a {
	color:#fff66d;
}
div.lbox h3 {
	height:151px;
	margin-bottom:20px;
	background:url(images/img_lboxtop.png) no-repeat top;
}

div.lbox p.anndate {
	width:467px;
	margin:0 auto 15px auto;
	padding-top:20px;
	text-align:center;
	line-height:21px;
}
div.lbox .t1 {
	color:#FF0000;
	height:40px;
	background:url(images/lbox_01.gif) no-repeat;
}
div.lbox .t2 {
	height:110px;
	background:url(images/lbox_02.gif) no-repeat 0 0;
}
div.lbox .decimg {
	width:80px; 
	height:80px;
	z-index:1;
	border:none;
	position:absolute;
	display:block;
	left:65px;
	top:190px;
}
div.lbox .alex {
	background:url(images/ublog_dec_alex.gif) no-repeat;
}
div.lbox .gloria {
	background:url(images/ublog_dec_gloria.gif) no-repeat;
}
div.lbox .julien {
	background:url(images/ublog_dec_julien.gif) no-repeat;
}
div.lbox .marty {
	background:url(images/ublog_dec_marty.gif) no-repeat;
}
div.lbox .melman {
	background:url(images/ublog_dec_melman.gif) no-repeat;
}
div.lbox .penguins {
	background:url(images/ublog_dec_penguins.gif) no-repeat;
}

div.lbox .t2 span, div.lbox .t3 span {
	color:#FF0000;
}
div.lbox .t3 {
	height:110px;
	background:url(images/lbox_02.gif) no-repeat 0 -135px;
}

div.lbox p.rank {
	width:305px;
	height:190px;
	margin:20px auto 0 auto;
	padding-left:205px;
	color:#FFF;
	line-height:26px;
}
div.lbox p.gift_1 {
	background:url(images/img_gift_1.gif) no-repeat -100px 0; 
}
div.lbox p.gift_2 {
	background:url(images/img_gift_2.gif) no-repeat -88px 0; 
}
div.lbox p.rank span.t {
	color:#FFFF00;
}
div.lbox p.rank span.box {
	width:148px;
	padding:3px 0;
	float:left;
	overflow:hidden;
}


div.lbox p.btn {
	text-align:center;
	width:500px;
	margin:20px auto 0 auto;
	padding:0;
}
p.tt {
	font-weight:bold;
	padding-top:10px;	
	color:#c5d3ff;
}
ul.lboxnote {
	border-top:1px dashed #c5d3ff;
	width:495px;
	margin:0 auto;
	padding-left:30px;
	padding-left:32px\9;
	*padding-left:32px;
	_padding-left:32px;
}
ul.lboxnote li {
	list-style-type:decimal;
	line-height:22px;
	display:list-item;
	padding:3px 0;
	width:490px;
	color:#c5d3ff;
}

/*buy -------------------------------------------------------------------------------------------------------------*/
table.buy {
	width:660px;
	margin:0 auto;
	padding-top:15px;
	border:none;
}
table.buy td {
	text-align:center;
	padding:3px;
	border:none;
	font-size:12px;
	line-height:18px;
}

div.class_style1, div.class_style2, div.class_style3, div.class_style4 {
	z-index:1;
	border:none;
	position:absolute;
	display:block;
	top:-100px;
	width:400px;
	height:411px;
	border:1px solid #ccc;
}
div.class_style1 {
	left:10px;
	background:url(images/img_classlayout_1_b.jpg) no-repeat;
}
div.class_style2 {
	left:162px;
	background:url(images/img_classlayout_2_b.jpg) no-repeat;
}
div.class_style3 {
	left:300px;
	background:url(images/img_classlayout_3_b.jpg) no-repeat;
}
div.class_style4 {
	left:450px;
	background:url(images/img_classlayout_4_b.jpg) no-repeat;
}