@charset 'utf-8';

/* -----------------------------------------------------------------

	html > search

------------------------------------------------------------------ */

#search{
background:#FFFFFF url(../img/bg_search.jpg) repeat-x;
width:325px;
font-size:10px;
float:right;
border-top:none;
border-bottom:#E1E1E1 solid 1px;
border-left:#F2F2F2 solid 1px;
border-right:#E5E5E5 solid 1px;
}

#search ul {
border:medium none;
float:left;
margin:10px;
}

#search ul li {
border-right:1px solid #CCCCCC;
float:left;
font-size:10px;
margin:0pt;
padding:0pt;
}

#search ul li a {
display:block;
padding:2px 5px;
}

#search ul li a:hover {
background:#18A7CB none repeat scroll 0%;
color:#FFFFFF;
text-decoration:none;
}

#search ul li a.on {
background:#18A7CB none repeat scroll 0%;
color:#FFFFFF;
display:block;
padding:2px 10px;
}

#search .form{
margin:0;
clear:both;
}

#search .form input.text{
margin:0 10px 10px 10px;
width:200px;
float:left;
}

#search .form input.search{
margin:0 10px 10px 0;
float:right;
}
/* -----------------------------------------------------------------

	html > search-user

------------------------------------------------------------------ */
#list.user-search .title {
display:block;
height:auto;
margin:0pt;
padding:5px 15px;
}

#list.user-search .title h2{
color:#FFFFFF;
display:block;
font-size:16px;
margin:0pt;
padding:0pt;
text-align:left;
}



#list.user-search div#navi {
background:#FFFFFF none repeat scroll 0%;
border-bottom:1px solid #CCCCCC;
height:100%;
margin:0pt 0pt 5px;
padding:2px 10px;
}
#list.user-search div#navi .post {
float:right;
font-size:10px;
height:100%;
margin:5px;
}
#list.user-search div#navi .post a {
background:#BDD30E none repeat scroll 0%;
color:#576006;
display:block;
padding:2px 10px;
text-decoration:none;
}
#list.user-search div#navi .post a:hover {
background:#D5E189 none repeat scroll 0%;
color:#5F9833;
text-decoration:none;
}
#list.user-search div#navi ul.period {
background:none;
border:medium none;
float:left;
height:100%;
margin:5px;
}
#list.user-search div#navi ul.period li {
border-right:1px solid #CCCCCC;
float:left;
font-size:10px;
height:100%;
margin:0pt;
padding:0pt;
}
#list.user-search div#navi ul.period li a {
display:block;
padding:2px 7px;
}
#list.user-search div#navi ul.period li a:hover {
background:#18A7CB none repeat scroll 0%;
color:#FFFFFF;
text-decoration:none;
}
#list.user-search div#navi ul.period li a.on {
background:#18A7CB none repeat scroll 0%;
color:#FFFFFF;
display:block;
padding:2px 10px;
}


#list.user-search ul.list{
border-bottom:none;
background:none;
}
#list.user-search ul.list li.box{
margin:0;
padding:10px 15px;
border-bottom:1px solid #A9B8C7;
height:100%;
}
#list.user-search ul.list li.box .sub{
margin:0;
padding:0;
width:122px;
}

#list.user-search ul.list li.box .sub .img{
width:108px;
}

#list.user-search ul.list li.box .main{
margin:0;
padding:0;
width:399px;
}
#list.user-search ul.list li.box .main h3{
margin:0 0 10px;
font-size:16px;
clear:both;
}

#list.user-search ul.list li.box .main p.type{
float:left;
font-size:10px;
font-weight:normal;
margin:0 4px 5px 0;
padding:0 2px;
color:#FFF;
background:#A9B8C7;
width:55px;
text-align:center;
}
#list.user-search ul.list li.box .main p.status{
float:left;
font-size:10px;
font-weight:normal;
margin:0 5px 5px 0;
padding:0 2px;
color:#FFF;
background:#D3745E;
width:80px;
text-align:center;
}
#list.user-search ul.list li.box .main p.divide{
font-size:10px;
font-weight:normal;
margin:0;
padding:3px 0;
text-align:right;
border-bottom:1px dotted #A9B8C7;
border-top:1px dotted #A9B8C7;
}




#search-user {
background:#BECC5E none repeat scroll 0%;
border:1px solid #5F9833;
margin:0pt 0pt 10px;
padding:0pt;
}
#search-user form {
padding:10px 0pt 0pt;
}
#search-user form .box {
height:100%;
padding:0pt 10px 5px;
}
#search-user form .submit {
background:#5F9833 none repeat scroll 0%;
padding:5px 10px;
text-align:center;
}
#search-user form .box label.major {
display:block;
float:left;
width:80px;
}
#search-user form .box .query {
float:right;
width:263px;
}
#search-user form .box .name input, #search-user form .box .key input {
border:1px solid #5F9833;
padding:2px 3px;
width:200px;
}
#search-user form .box .age input {
border:1px solid #5F9833;
padding:2px 3px;
width:30px;
}

/* -----------------------------------------------------------------

	html > login

------------------------------------------------------------------ */

#login {
padding:10px 8px;
margin:0 0 5px 0;
background:#BDD30E url(../img/bg_login.jpg) repeat-x;
font-size:10px;
}

#login label{
float:left;
width:67px;
margin:0;
line-height:20px;
}

#login input.txt{
width:142px;
margin:0 5px 5px 0;
_margin:0 2px 5px 0;
padding:0;
float:left;
}

#login input.submit{
margin:0;
padding:0;
float:right;
}

#login a{
color:#F7447E;
line-height:26px;
}

#login a:hover{
color:#F96696;
}

#login .reminder{
float:left;
width:160px;
line-height:26px;
}

#login .signup{
background:url(../img/btn_signup_top.gif) no-repeat;
float:right;
}

#login .signup a{
background:url(../img/btn_signup_top.gif) no-repeat;
width:120px;
height:26px;
display:block;
}