@charset "utf-8";
.link01 {
	font-family: Arial, "新細明體", "細明體";
	font-size: 11px;
	color: #F282AA;
	text-decoration: none;
}
.chi{
	font-family: "新細明體", "細明體", Arial;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	text-decoration: none;
}
.style1 {
font-family: "新細明體", "細明體", Arial;
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	text-decoration: none;
	}

.link01:hover {
	font-family: Arial, "新細明體", "細明體";
	font-size: 11px;
	color: #FB4EA7;
	text-decoration: underline;
}
.news {
	font-family: Arial, "新細明體", "細明體";
	font-size: 12px;
	color: #FF2C82;
}
.f01 {
	font-family: "新細明體", "細明體", Arial;
	font-size: 12px;
	color: #666666;
	line-height: 16px;
}
.link02 {
	font-family: Arial, "新細明體", "細明體";
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
.link04 {
	font-family: Arial, "新細明體", "細明體";
	font-size: 12px;
	color: #1abcff;
	text-decoration: none;
}
.link05 {
	font-family: "新細明體", "細明體";
	font-size: 12px;
	color: #FF2C82;
	text-decoration: none;
}
.link05:hover{
	text-decoration:underline;
	color:#999999;
	}
.link04:hover {
	font-family: Arial, "新細明體", "細明體";
	font-size: 12px;
	color: #1abcff;
	text-decoration: none;
}

.link02:hover {
	font-family: Arial, "新細明體", "細明體";
	font-size: 11px;
	color: #999999;
	text-decoration: underline;
}
.link03 {
	font-family: Arial, "新細明體", "細明體";
	font-size: 12px;
	color: #FF2C82;
	text-decoration: none;
}
.link03:hover {
	font-family: Arial, "新細明體", "細明體";
	font-size: 12px;
	color: #FF2C82;
	text-decoration: underline;
}
.f02 {
	font-family: Arial, "新細明體", "細明體";
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}
.box {
	font-family: Arial, "新細明體", "細明體";
	font-size: 12px;
	color: #999999;
	height: 10px;
	width: 180px;
}

/* \*/
/***************** start ***********************************************/
#cardlist{

}



#cardlist ul{

}



#cardlist li{

	float:left;

	margin-left:5px;/* IE6 */

}



#cardlist li a{

	display:block;

	height:26px;

	/*width:114px;*/

}



#cardlist span{

	position:absolute;

	left:-9999px;

}



#cardlist li.hair{

	height:26px;

	width:135px;

	background-image:url(../img/cards/btn_h2.gif);

}



#cardlist li.hair a:hover{

	background-image:url(../img/cards/btn_h2.gif);

	background-position:0 26px;

	width:135px;

}
#cardlist li.hairchi{

	height:26px;

	width:135px;

	background-image:url(../img/cards/chi/btn_h2.gif);

}



#cardlist li.hairchi a:hover{

	background-image:url(../img/cards/chi/btn_h2.gif);

	background-position:0 26px;

	width:135px;

}



#cardlist li.hair2{

	background-image:url(../img/cards/btn_h.gif);

	height:26px;

	width:135px;

}
#cardlist li.hair3{

	background-image:url(../img/cards/chi/btn_h.gif);

	height:26px;

	width:135px;

}



#cardlist li.drres{

	height:26px;

	width:135px;

	background-image:url(../img/cards/btn_d2.gif);

	background-color:#66CC99;

}



#cardlist li.drres a:hover{

	background-image:url(../img/cards/btn_d2.gif);

	background-position:0 26px;

	width:135px;

}

#cardlist li.drreschi{

	height:26px;

	width:135px;

	background-image:url(../img/cards/chi/btn_d2.gif);

	background-color:#66CC99;

}



#cardlist li.drreschi a:hover{

	background-image:url(../img/cards/chi/btn_d2.gif);

	background-position:0 26px;

	width:135px;

}

#cardlist li.drres2{

	background-image:url(../img/cards/btn_d.gif);

	height:26px;

	width:135px;

}
#cardlist li.drres3{

	background-image:url(../img/cards/chi/btn_d.gif);

	height:26px;

	width:135px;

}



#cardlist li.foot{

	height:26px;

	width:135px;

	background-image:url(../img/cards/btn_f2.gif);

}



#cardlist li.foot a:hover{

	background-image:url(../img/cards/btn_f2.gif);

	background-position:0 26px;

	width:135px;

}
#cardlist li.footchi{

	height:26px;

	width:135px;

	background-image:url(../img/cards/chi/btn_f2.gif);

}



#cardlist li.footchi a:hover{

	background-image:url(../img/cards/chi/btn_f2.gif);

	background-position:0 26px;

	width:135px;

}


#cardlist li.foot2{

	background-image:url(../img/cards/btn_f.gif);

	height:26px;

	width:135px;

}
#cardlist li.foot3{

	background-image:url(../img/cards/chi/btn_f.gif);

	height:26px;

	width:135px;

}

/*#cardlist li.back{

	height:26px;

	width:114px;

	background-image:url(../img/cards/btn_b5.gif);

}*/

#cardlist li.item{

	height:26px;

	width:135px;

	background-image:url(../img/cards/btn_s2.gif);

}

#cardlist li.item a:hover{

	background-image:url(../img/cards/btn_s2.gif);

	background-position:0 26px;

	width:135px;

}
#cardlist li.itemchi{

	height:26px;

	width:135px;

	background-image:url(../img/cards/chi/btn_s2.gif);

}

#cardlist li.itemchi a:hover{

	background-image:url(../img/cards/chi/btn_s2.gif);

	background-position:0 26px;

	width:135px;

}
#cardlist li.back a:hover{

	background-image:url(../img/cards/btn_b5.gif);

	background-position:0 26px;

	width:114px;

}



#cardlist li.item2{

	background-image:url(../img/cards/btn_s.gif);

	height:26px;

	width:135px;

}
#cardlist li.item3{

	background-image:url(../img/cards/chi/btn_s.gif);

	height:26px;

	width:135px;

}


#cardlist li.back2{

	background-image:url(../img/cards/btn_b.gif);

	height:26px;

	width:114px;

}

#hair,#drres,#foot,#item,#back{

	margin-bottom:15px;

}



#hair h4,#drres h4,#foot h4,#item,#back h4{

	margin-bottom:0;

}



h5.cardname{

	border-bottom:1px solid #FFFFFF !important;

	padding:5px 0 2px 5px !important;

	text-align:left;

}



h5.cardname span{

	color:#F0488C;

}





#hair div.ichiran{

	border-bottom:2px solid #FF7300;

	border-right:2px solid #FF7300;

	border-left:2px solid #FF7300;

	padding:0 0 0 8px;

}



#drres div.ichiran{

	border-bottom:2px solid #30A896;

	border-right:2px solid #30A896;

	border-left:2px solid #30A896;

	padding:0 0 0 10px;

}



#foot div.ichiran{

	border-bottom:2px solid #0860A8;

	border-right:2px solid #0860A8;

	border-left:2px solid #0860A8;

	padding:0 0 0 10px;

}



#item div.ichiran{

	border-bottom:2px solid #5F2890;

	border-right:2px solid #5F2890;

	border-left:2px solid #5F2890;

	padding:0 0 0 10px;

}

#back div.ichiran{

	border-bottom:2px solid #b8001c;

	border-right:2px solid #b8001c;

	border-left:2px solid #b8001c;

	padding:0 0 0 10px;

}



div.ichiran td{

	padding:0 5px 5px 0;

	vertical-align:top;

}



div.haircard{

	background-color:#FFCFA7;

	width:265px;

	float:left;

}



div.drrescard{

	background-color:#B2DFD8;

	width:265px;

	float:left;

}



div.footcard{

	background-color:#B4CFE5;

	width:265px;

	float:left;

}



div.itemcard{

	background-color:#DBC3F2;

	width:265px;

	float:left;

}

div.backcard{

	background-color:#DBC3F2;

	width:265px;

	float:left;

}



div.hairtop{

	background-image:url(../ver01/img2/bg_h01.gif);

	background-repeat:no-repeat;

	background-position:top;

	padding:0 5px;

}



div.drrestop{

	background-image:url(../ver01/img2/bg_d01.gif);

	background-repeat:no-repeat;

	background-position:top;

	padding:0 5px;

}



div.foottop{

	background-image:url(../ver01/img2/bg_f01.gif);

	background-repeat:no-repeat;

	background-position:top;

	padding:0 5px;

}



div.itemtop{

	background-image:url(../ver01/img2/bg_s01.gif);

	background-repeat:no-repeat;

	background-position:top;

	padding:0 5px;

}

div.backtop{

	background-image:url(../ver01/img2/bg_s01.gif);

	background-repeat:no-repeat;

	background-position:top;

	padding:0 5px;

}


.imgcard{

	float:left;

	padding:5px;

}



p.cardsetumei{

	font-size:small;/* IE6 */

	padding:5px;

}



div.lucky{

	text-align:center;

	margin-left:88px;

}



p.color{

	font-size:x-small;/* IE6 */

}



p.color img{

	vertical-align:middle;

}





div.haircardue{

	background-image:url(../ver01/img2/bg_h02.gif);

	background-repeat:no-repeat;

	background-position:bottom;

	height:20px;

}



div.drrescardue{

	background-image:url(../ver01/img2/bg_d02.gif);

	background-repeat:no-repeat;

	background-position:bottom;

	height:20px;

}



div.footcardue{

	background-image:url(../ver01/img2/bg_f02.gif);

	background-repeat:no-repeat;

	background-position:bottom;

	height:20px;

}



div.itemcardue{

	background-image:url(../ver01/img2/bg_s02.gif);

	background-repeat:no-repeat;

	background-position:bottom;

	height:20px;

}


div.backcardue{

	background-image:url(../ver01/img2/bg_s02.gif);

	background-repeat:no-repeat;

	background-position:bottom;

	height:20px;

}


p.up span{

	position:absolute;

	left:-9999px;

}



p.up a{

	display:block;

	height:15px;

	width:100px;

	margin-left:160px;

}
/**end*/
/*****/
#main p,.flash,#footermenu,#flow,table.basic,table.nomal,.add li,table.link,p.cardsetumei,.warning,{

	font-size:x-small;

}



p.color,flash02{

	font-size:xx-small;

}



/*\*/

* html #menu li {

margin:0 0 -4px;

}

/**/





#main{

	padding-left:0px;

	margin-left:172px;

	width:575px;

}





#footer li.link a{

	position:absolute;

	top:5px;

}



#footer li.info a{

	position:absolute;

	top:5px;

}



#footersub{

	position:relative;

	left:175px;

}



.btnwp li{

	margin-bottom:-4px;

}



#cardlist li {

margin-left:4px;

}
/* */


/********** base ****************/
img{

	border:0;

}



/*a:link{

	color:#02C1FE;

	text-decoration:none;

}



a:visited{

	color:#0096C6;

	text-decoration:none;

}



a:hover{

	color:#52D5FF;

	text-decoration:underline;

}



a:active{

	color:#52D5FF;

	text-decoration:underline;

}*/



h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,ol,p{

	list-style:none;

	margin:0;

	padding:0;

}



hr{

	position:absolute;

	left:-9999px;

	width:10px;

}



#main p{

	margin-bottom:10px;

	font-size:small;

}



#mainsub h3{

	margin-bottom:10px;

	text-align:center;

}



#mainsub h3.clear{

	margin-bottom:10px;

	text-align:center;

	clear:both;

}



#mainsub h4{

	margin-bottom:10px;

	text-align:center;

}



#mainsub h4.clear{

	margin-bottom:10px;

	text-align:center;

	clear:both;

}



#mainsub h4 span{

	position:absolute;

	left:-9999px;

}



#mainsub h5{

	margin-bottom:10px;

	clear:both;

}



.imgc{

	text-align:center;

}



.imgl{

	float:left;

	padding-right:15px;

}



.imgr{

	float:right;

	padding-left:15px;

}



#container{

	width:750px;

	text-align:left;

	margin-left:auto;

	margin-right:auto;

	background-image:url(../ver01/img/bg03.gif);

	background-position:0 5px;

	position:relative;

}



.official{

	text-align:right;

}





/*header*/



#headertop{

	background-image:url(../ver01/img/head01.gif);

	background-position:right bottom;

	background-repeat:no-repeat;

	height:75px;

}



#header h1 span{	

	position:absolute;

	left:-9999px;

}



#header h1 a{

	display:block;

	width:190px;

	height:70px;

	position:absolute;

	top:20px;

	left:15px;

}



#header{

	background-image:url(../ver01/img/head02.gif);

	background-position:right bottom;

	background-repeat:no-repeat;

	height:75px;

}



#headertop h1{	

	position:absolute;

	left:-9999px;

}



/*menu*/



#menumain{

	position:relative;

}





#menutitle{

	position:absolute;

	padding-right:15px;

	left:0;

	top:95px;

	float:left;

}



#menu{

	width:135px;

	text-align:center;

	float:left;

}



#menu ul{

	padding-left:15px;

}



#menu li a{

	display:block;

	height:43px;

	width:150px;

}



#menu span{

	position:absolute;

	left:-9999px;

}



#menu li.about{

	height:43px;

	width:150px;

	background-image:url(../ver01/img/btn_main.gif);

}



#menu li.about a:hover{

	background-image:url(../ver01/img/btn_main.gif);

	background-position:0 173px;

	width:150px;

}





#menu li.card{

	height:43px;

	width:150px;

	background-image:url(../ver01/img/btn_main.gif);

	background-position:0 302px;

}



#menu li.card a:hover{

	background-image:url(../ver01/img/btn_main.gif);

	background-position:0 129px;

	width:150px;

}



#menu li.secret{

	height:43px;

	width:150px;

	background-image:url(../ver01/img/btn_main.gif);

	background-position:0 258px;

}



#menu li.secret a:hover{

	background-image:url(../ver01/img/btn_main.gif);

	background-position:0 85px;

	width:150px;

}



#menu li.wall{

	height:43px;

	width:150px;

	background-image:url(../ver01/img/btn_main.gif);

	background-position:0 216px;

}



#menu li.wall a:hover{

	background-image:url(../ver01/img/btn_main.gif);

	background-position:0 43px;

	width:150px;

}



#menu p{

	margin:20px 0 0 55px;

}



#main{

	padding-left:175px;

}



.main{

	margin-bottom:5px;

}



.flash{

	text-align:center;

	font-size:small;

	padding-bottom:10px;

}



.flash02{

	text-align:center;

	font-size:x-small;

}





/*footer*/



#footer{

	height:45px;

	width:750px;

	clear:both;

	background-image:url(../ver01/img/footer.gif);

	background-repeat:no-repeat;

	background-position:right;

	position:relative;

	margin-top:5px;

}



#footer h2{

	position:absolute;

	left:-9999px;

}



#footer span{

	position:absolute;

	left:-9999px;

	display:block;

}



#footer ul{

	padding-top:5px;

}



#footer li{

	float:left;

}



#footer li.link a{

	display:block;

	height:15px;

	width:40px;

	margin-left:612px;

}



#footer li.link{

	height:15px;

	width:40px;

}



#footer li.info a{

	display:block;

	height:15px;

	width:80px;

	margin-left:622px;

}



#footer li.info{

	height:15px;

	width:80px;

}



#footer address{

	position:absolute;

	left:-9999px;

}



#footer p{

	clear:left;

	text-align:center;

	font-size:x-small;

}





/*flow*/



#flow{

	margin-bottom:10px;

	height:22px;

	font-size:small;

}



#flow1{

	background-image:url(../ver01/img/flow01.gif);

	background-position:left;

	background-repeat:no-repeat;

	width:20px;

	height:20px;

	float:left;

}



#flow li{

	float:left;

	height:20px;

	padding-top:2px;

	padding-left:2px;

	vertical-align:bottom;

}



#flow li a{

	background-image:url(../ver01/img/flow_arrow.gif);

	padding-right:12px;

	background-position:right;

	background-repeat:no-repeat;

}





/*mainsub*/



#mainsub{

	width:565px;

	margin-right:10px;

	margin-bottom:5px;

}





/*mainsub02*/



.mainsub02{

	width:525px;

	margin:0 20px 5px 20px;

}





/*footersub*/



#footersub{

	background-image:url(../img/return.gif);

	background-repeat:no-repeat;

	position:relative;

	height:17px;

	margin-bottom:5px;

	clear:both;

}



#footersub span{

	position:absolute;

	left:-9999px;

}



#footersub li{

	display:inline;

}



#footersub li.home a{

	display:block;

	width:60px;

	height:15px;

	margin-left:410px;

	position:absolute;

	top:0;

}



#footersub li.top a{

	display:block;

	width:95px;

	height:15px;

	margin-left:470px;

	position:absolute;

	top:0;

}





/*footermenu*/



#footermenu{

	background-color:#DDF6FE;

	padding:5px;

	text-align:center;

	margin:0 15px 0 180px;

	font-size:small;

}



#footermenu li.line{

	display:inline;

	padding-right:5px;

	border-right:1px solid #333333;

	margin-right:5px;

}



#footermenu li.none{

	display:inline;

	padding-left:0;

	border-right:none;

	margin-right:0;

}





/*table.basic*/



table.basic{

	font-size:small;

	border-left:solid 1px #F9A5C7;

	border-top:solid 1px #F9A5C7;

	margin-bottom:10px;

	line-height:130%;

}



table.basic th{

	border-right:solid 1px #F9A5C7;

	border-bottom:solid 1px #F9A5C7;

	background-color:#FFD9E8;

	padding:2px;

	font-weight:normal;

}



table.basic td{

	border-right:solid 1px #F9A5C7;

	border-bottom:solid 1px #F9A5C7;

	padding:2px;

	vertical-align:top;

}







.warning{

	margin:0 20px 15px 20px;

	font-size:x-small;

	background-color:#FFE0E0;

	color:#FF1818;

}



.warning ul{

	padding:5px;

	margin:0 20px;

}



.warning li{

	list-style:disc;

}
.chi01 {
	font-family: Arial, "新細明體";
	font-size: 13px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
}
.chi_title_01 {
	font-family: Arial, "新細明體";
	font-size: 15px;
	line-height: 18px;
	color: #FFCCCC;
	text-decoration: none;
}
.chi02 {
	font-family: Arial, "新細明體";
	font-size: 13px;
	line-height: 18px;
	color: #666666;
	text-decoration: none;
}
.com_title01 {
	font-family: "新細明體";
	font-size: 18px;
	color: #FF2C82;
	text-decoration: none;
}
.com_title02 {
	font-family: Arial;
	font-size: 18px;
	color: #FF2C82;
	text-decoration: none;
}
.pink_f_code {
	font-family: Arial, "新細明體";
	font-size: 14px;
	color: #FF2C82;
	text-decoration: none;
}
.style_coll {
	font-family: Arial, "新細明體";
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	text-decoration: none;
}