/* CSS Document */

#change{width:240px; height:80px; margin-left:auto; margin-right:20px; clear:both; margin-bottom:10px;}
#change ul{ width:100%; height:80px; list-style-type: none;}
#change em{ display:none;}
#change li{ width:120px; height:80px; display:inline; float:left;}
#change li a{ display:block; height:80px; width:100%; overflow:hidden;}

#change .men a{background-image:url(men.png); background-position:0px 0px; }
#change .men a:hover{ background-image:url(men.png); background-position:0px 80px; }

#change .women a{background-image:url(women.png); background-position:0px 0px; }
#change .women a:hover{ background-image:url(women.png); background-position:0px 80px; }


.grade{ width:920px;  clear:both; margin-bottom:30px;}
.grade span{ width:885px; border-bottom:1px solid #666666; display:block; font-size:20px; padding-left:15px; margin-left:auto; margin-right:auto; font-weight:bold; font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";}
.reset{ clear:both;}

.template1{ width:290px;	height:180px; background-image:url(template1.png);  padding:0px; overflow:hidden; float:left; margin-top:20px; margin-left:12px;}
.template2{ width:290px;	height:180px; background-image:url(template2.png);  padding:0px; overflow:hidden; float:left; margin-top:20px; margin-left:12px;}
.template3{ width:290px;	height:180px; background-image:url(template3.png);  padding:0px; overflow:hidden; float:left; margin-top:20px; margin-left:12px;}
.template4{ width:290px;	height:180px; background-image:url(template4.png);  padding:0px; overflow:hidden; float:left; margin-top:20px; margin-left:12px;}


.template1_1{ width:290px;	height:180px; background-image:url(template1_1.png);  padding:0px; overflow:hidden; float:left; margin-top:20px; margin-left:12px;}
.template2_1{ width:290px;	height:180px; background-image:url(template2_1.png);  padding:0px; overflow:hidden; float:left; margin-top:20px; margin-left:12px;}
.template3_1{ width:290px;	height:180px; background-image:url(template3_1.png);  padding:0px; overflow:hidden; float:left; margin-top:20px; margin-left:12px;}
.template4_1{ width:290px;	height:180px; background-image:url(template4_1.png);  padding:0px; overflow:hidden; float:left; margin-top:20px; margin-left:12px;}


/* template header */
.template_header{ height:35px; }

/* template upper */
.template_upper{ height:60px; width:290px; }


.template_left{	width:64px;	height:60px; float:left; }
.template_image{ width:58px; height:58px; margin-left:6px; margin-top:1px; margin-bottom:1px; background-color:#222222; }

.template_right{ width:215px; height:60px; margin-right:5px; margin-left:auto; float:right; }
.template_name{ width:215px; height:35px; }
.template_name p{ color:white; font-size:20px; font-weight:bold; padding-top:10px; margin-left:10px; font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";}

.template_info{	width:215px; height:25px; }
.template_tall{	width:90px; color:white; height:25px; float:left; }
.template_tall p{ color:white; font-size:13px; font-weight:bold; margin-top:0px; margin-left:10px; }

.template_position{	width:125px; float:right; color:white; height:25px; }
.template_position p{ color:white; font-size:13px; font-weight:bold; margin-top:0px; margin-left:10px; }

/* template footer */
.template_comment{ width:270px; height:50px; margin-top:30px; margin-left:10px; margin-right:10px; margin-bottom:auto; clear:both; }
.template_comment p{ font-size:13px; color:#222222; }


/*
----------------------------------
@Search
----------------------------------
*/

.search{ width:650px; margin-left:50px; margin-top:40px; list-style:none;}
.search li{margin-top:20px;}
.search a{font-weight:bold; color:#5B68DF;}