/*--初期化部分--*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,hr{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	list-style:none;
} 
table{
	border-collapse:collapse;
	border-spacing:0;
} 
fieldset,img,a{border:0px;} 
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{text-align:left;} 
q:before,q:after{content:'';} 
br.clear{
	margin:0;
	padding:0;
	clear:both;
}
*{margin:0;padding:0;}


/*--初期化部分--*/

/*--tag--*/

a:link{
	color:#ff0066;
	text-decoration:none;
} 
a:visited{
	color:#00cc00;
	text-decoration:none;
} 
a:hover{
	color:#FFFFFF;
	text-decoration:underline;
} 
a:active{
	color:#FFFFFF;
	text-decoration:underline;
}

body{
	text-align:center;
	background-color: #000000;
	background-image: url(../img/bg_body.gif);
	background-repeat: repeat;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img,div,input{
	behavior: url("js/iepngfix.htc");
}



.arrow{
	width:561px;
	height:36px;
}

.float{
	float:left;
}

.error{
	height:11px;
	width:270px;
	text-align:left;
	margin:1px auto;
	font-size:10px;
	color:#FFFF00;
}

/*--wrapper--*/

#wrapper{
	width:908px;
	height:auto;
	margin:0 auto;
	background-image:url(../img/bg_wrapper.png);
}

/*--header--*/

#header{
	width:870px;
	height:200px;
	margin:0 auto 10px auto;
	background-image:url(../img/bg_header.jpg);
}

#header .logo{
	width:356px;
	height:120px;
	padding-top:80px;
	padding-left:6px;
	float:left;
}

#header .qr{
	width:80px;
	height:80px;
	float:left;
	padding-top:112px;
	padding-left:7px;
}

#header .woman{
	width:300px;
	height:45px;
	text-align:right;
	float:right;
	padding-top:146px;
	padding-right:8px;
}

/*--main--*/

#main{
	width:847px;
	height:auto;
	margin:0 auto;
	background-color:#000000;
}

/*--left--*/

#left{
	width:286px;
	height:auto;
	float:left;
}

#left .imgbg{
	width:286px;
	height:545px;
	background-image:url(../img/bg_image.png);
}

#left .img{
	width:262px;
	height:521px;
	margin:0 auto;
}

#left .count{
	width:250px;
	height:88px;
	margin:0 auto;
	background-image:url(../img/bg_count.gif);
}

#left .count img{
	margin:0 1px;
}

/*--right--*/

#right{
	width:561px;
	height:auto;
	float:left;
}

#right .marquees{
	width:556px;
	height:25px;
	color:#FFFF66;
	background-image:url(../img/bg_marguee.gif);
	float:right;
	margin-bottom:5px;
}

#right .marquees marquee{
	width:556px;
	height:19px;
	padding:6px 0px 0px 0px;
}

#right .genre{
	width:561px;
	height:232px;
	text-align:right;
	background-image:url(../img/bg_btn.gif);
}
#right .title{
	width:525px;
	height:33px;
	margin:6px auto 7px auto;
}

#right .genre ul{
	padding-right:10px;
	float:right;
}

#right .genre li{
	width:172px;
	height:85px;
	float:left;
	padding:0px 0px 5px 5px;
	cursor:pointer;
}

/*--regist--*/
			
#regist{
	width:561px;
	height:334px;
	color:#FFFFFF;
}

#regist .code{
	width:10px;
	height:334px;
	float:left;
}
#regist .registbg{
	width:551px;
	height:334px;
	background-image:url(../img/bg_regist.gif);
	float:left;
}

#regist .registleft{
	width:352px;
	height:324px;
	background-image:url(../img/bg_form.png);
	float:left;
	margin:4px 0px 0px 0px;
}

#regist .optin{
	text-align:right;
	font-size:10px;
	margin:1px 10px 1px 0px;
}

#regist .registleft span{
	color:#FFFF00;
	font-size:10px;
	margin-top:10px;
	display:block;
}

#regist .registleft p{
	width:270px;
	text-align:left;
	line-height:10px;
	margin:2px auto;
	font-size:10px;
}

#regist .registleft li{
	margin:4px 0;
	display:block;
}

#regist .registleft input{
	margin:0;
}

#regist .registright{
	width:194px;
	height:auto;
	float:left;
	padding-top:4px;
	margin-top:4px;
}

#regist .registmonitor{
	width:164px;
	height:84px;
	margin:0 auto;
	background-image:url(../img/bg_monitor.png);
	margin-top:8px;
}

#regist .registmonitor img{
	margin-top:8px;
}

#regist .registbtn{
	width:152px;
	height:153px;
	margin:0 auto;
	background-image:url(../img/bg_registbtn.gif);
	margin-top:3px;
}

#regist .registbtn img,input{
	margin-top:11px;
}

/*--banner--*/
#banner{
	width:870px;
	height:40px;
	margin:10px auto;
}

#banner img{
	margin:0 10px;
}

/*--footer--*/

#footer{
	width:870px;
	height:50px;
	margin:0 auto;
	background-color:#333333;
}

#footer .footnavi{
	color:#FFFFFF;
	text-align:right;
	padding:5px 5px 15px 5px;
}

/*--swrapper--*/

#swrapper{
	width:477px;
	height:auto;
	margin:0 auto;
	background-image:url(../img/bg_swrapper.png);
}

/*--sheader--*/

#sheader{
	width:439px;
	height:auto;
	margin:0 auto;
}

/*--smain--*/

#smain{
	width:439px;
	height:auto;
	margin:5px auto 0px auto;
	color:#FFFFFF;
	line-height:14px;
}

#smain .f10{
	color:#FFFFFF;
	font-size:10px;
	text-align:left;
}

#smain p{
	text-align:left;
	padding:15px;
}

#smain span{
	text-align:center;
	font-size:10px;
	display:block;
}

#smain strong{
	color:#FFFFFF;
	font-weight:bold;
}

#smain table{
	margin:0 auto;
}

#smain table th{
	color:#FFFFFF;
	text-align:right;
	padding:10px;
}

#smain table td{
	text-align:left;
	padding:10px;
}

/*--list--*/

#list{
	width:419px;
	height:auto;
	margin:5px auto 0px auto;
	background-image:url(../img/bg_list.gif);
}

#list p{
	text-align:center;
}

#list .image{
	border:#FF0066 2px solid;
	margin:5px;
	float:left;
}

#list .prof{
	width:297px;
	height:auto;
	margin-top:10px;
	text-align:left;
	float:left;
}

#list .prof strong{
	font-weight:bold;
}

#list .comment{
	width:300px;
	text-align:left;
	margin-left:5px;
	float:left;
}

#list .btn{
	width:105px;
	height:70px;
	margin:0 auto;
	float:right;
	margin:10px 0
}

/*--sfooter--*/

#sfooter{
	width:439px;
	height:auto;
	margin:0 auto;
}

#sfooter img{
	margin:20px auto;
}

/*--notice--*/

#notice{
	font-size:14px;
	text-align:center;
	color:#FFFFFF;
	margin-top:10px;
	line-height:16px;
}

#notice strong{
	color:#00FFFF;
	font-weight:bold;
}