@import "basic.css";
#logout {
 float: right;
 padding-top: 0;

}
ul {
margin: 0;
padding: 0;
float: left;
vertical-align: middle;
}

li {
float:left;
list-style-position:outside;
list-style-type:none;
padding:0;
text-align: center;
vertical-align: middle;
}

li#search_box_mini {
width:200px;
}

/*#menu color*/
#menu div.wrap{
}
.menu_box {
padding: 10px 0 10px 20px; 
border-bottom: 1px solid #E6E6E6;
}

#mypage {
padding: 0;
}

#search_box {
padding: 10px 0 10px 20px; 
background: #F2F2F2;
border: 1px solid #CCCCCC;
}

#search_box_mini {
float:left;
padding: 0; 
}

#search_box_mini form{
padding: 0; 
}

#search_box_mini input.text{
padding:3px 0; 
width:150px;
font-size:90%;
}

#search_box_mini input.button{
background-color:#279BBB;
border-color:#7AC2D5 #1D96B7 #1D96B7 #7AC2D5;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
padding:0 10px 1px;
text-align:center;
width:40px;
}

#actioni_area input.button{
background-color:#279BBB;
border-color:#7AC2D5 #1D96B7 #1D96B7 #7AC2D5;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
padding:0 10px 1px;
text-align:center;
width:40px;
}

#search_box form {
margin: 0;
padding: 0;
}

#search_box select {
padding: 2px;
v-align: middle;
border: 1px solid #CCCCCC;
}

#search_box input.box {
padding: 3px;
v-align: middle;
border: 1px solid #CCCCCC;
width:700px;
}

td.top {
vertical-align:top;
}

#send_card {
margin: 25px 0 ;
}
#send_card div.wrap{
background: #B7DEE8;
padding: 15px 0;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;


}
#send_card p {
float:left;
margin:0 15px 0 20px;
padding:0;
font-size:117%;
v-align:middle;
}
#send_card form {
float:left;
margin:0;
}
#send_card div.wrap input {
border:1px solid #0099CC;
color:#666666;
font-size:107%;
padding: 2px 3px;
}
#send_card input#send,#finished {
background-color:#3B5998;
border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
padding:2px 15px 3px;
text-align:center;
width: 50px;
}
span.send {
padding: 2px 4px;
color: #FFFFFF;
background: #90B557;
}
span.receive {
padding: 2px 4px;
color: #FFFFFF;
background: #D32B00;
}
#dboutlist{
float: left;
width: 200px;
}
#dboutbody {
margin-left:150px;
padding:0px 50px 30px 0;
}
ul#dboutlistcont li {
text-align: left;
width:150px;
border-top: 1px solid #FFFFFF;
}
ul#dboutlistcont li a {
display:block;
color: #565656;
background: #E5ECF3;
padding:0.5em 0 0.5em 10px;
}
ul#dboutlistcont li a:hover {
color: #565656;
background: #FFFFFF;
text-decoration: none;
}
ul#dboutlistcont li a.selected {
color: #565656;
background: #FFFFFF;
text-decoration: none;
}

#user_info {
margin: 0 0 30px 0;
padding: 10px 0 10px 10px;
}

div.info_wrap {
margin: 0 0 30px 0;
padding: 10px;
line-height: 200%;
}

div.b_gray {
background:#DDDFE1;
border:1px solid #CCCCCC;
}

div.b_yellow {
background:#FFF9D7;
border:1px solid #E2C822;
}

#user_info span.comment {
color:#333333;
font-size:150%;
}
#user_info span.title {
color:#333333;
font-size:200%;
}

span.comment {
color:#333333;
}

div.career_title {
padding: 5px 0 3px 5px;
color:#000000;
font-size:110%;
font-weight:bold;
border-bottom: 1px solid #CCCCCC;
}

div.career_title_sub {
padding: 0 0 0 5px;
border-bottom: 1px dashed #CCCCCC;
color:#808080;
font-size:100%;
}

div.career_title_menu {
padding: 3px 0 3px 10px;
color:#000000;
font-size:110%;
font-weight:bold;
background:#EAEAEA;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;

}

span.company_title {
color:#333333;
font-size:120%;
}

div.info_block {
padding:  10px 0 10px 10px;
margin-bottom: 0px;
border-bottom: 1px dashed #CCCCCC;
overflow:auto;
}

div.info_block_term {
float: left;
width: 100px;
}

div.info_block_body {
margin-left: 100px;
}

div.info_block_word {
float: left;
width: 250px;
}

div.info_block_year {
float: left;
width: 100px;
}

div.info_block_level {
float: left;
width: 150px;
}

div.sskew, div.delsk {
float:left;
width:70px;
}
div.info_block_industry {
float: left;
width: 150px;
}

div.info_block_type {
float: left;
width: 200px;
}

div.info_block_level_ind {
float: left;
width: 50px;
}

div.sindew, div.delind {
float:left;
width:70px;
}

div.info_block_pf {
padding: 0 0 0 5px;
margin: 10px 0;
border-left: 2px solid #A5AED5;
}

div.info_block_language {
float: left;
width: 100px;
}

div.info_block_clevel {
float: left;
width: 100px;
}

div.info_block_exp {
float: left;
width: 300px;
}

div.info_block_qual {
float: left;
width: 550px;
}

div.self_comment {
padding:0;
margin: 0 0 20px 0;
}

div.self_comment span.comment {
color:#333333;
font-size:150%;
}

div.self_comment span.time {
color:#808080;
font-size:100%;
}

div.review_comment {
padding:0;
margin: 0 0 20px 0;
}

div.review_comment div.rbody {
padding:10px;
color:#333333;
background:#FFFFFF;
font-size:120%;
border:3px solid #CCCCCC;
}

div.review_comment div.ruser {
padding:10px 0 0 20px;
color:#808080;
}

#search_result_zero {
padding: 10px;
background: #FFF9D7;
border: 1px solid #E2C822;
}

div.info_box {
padding: 10px;
background: #FFF9D7;
border: 1px solid #E2C822;
}
div.message_only {
margin-bottom:80px;
}

.search_result_item_footer {
font-size: 80%;
text-align: right;
}

.search_result_item_footer a {
color: #404040;
background: #F2F2F2;
padding:1px 10px 2px 5px;
}

div.action {
padding:10px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin-bottom: 20px;
}

div.action ul {
width: 150px;
}


div.action ul li {
width: 170px;
font-size:100%;
text-align:left;
}

div.action  ul li a {
padding:5px 20px 5px 5px;
position:relative; /*IE6(マウスの範囲が広がならない)対応*/
}

div.action ul li a:hover, a:active {
color:#FFFFFF;
}

div.action ul li img {
}

div.followlist {
padding:10px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
background:#FFFFFF;
margin-bottom: 20px;
}

div.followlist a img {
margin:0 2px 2px 0;
border-style:none;
}

div.js0 {
color:#CCCCCC;
background:#F2F2F2;
border:2px solid #CCCCCC;
padding: 10px 4px;
text-align: center;
margin-right: 5px;
width: 50px;
}
div.js1 {
color:#1695A3;
background:#ACF0F2;
border:2px solid #1695A3;
padding: 10px 4px;
text-align: center;
margin-right: 5px;
width: 50px;
}
div.js2 {
color:#FF6900;
background:#FFC900;
border:2px solid #FF6900;
padding: 10px 4px;
text-align: center;
margin-right: 5px;
width: 50px;
}
div#write_review {
display:none;
}

div#follow {
display:none;
}

div#message {
display:none;
}

div.action_window {
margin: 10px 0;
padding: 10px 10px 15px 10px;
border: 1px solid #A5AED5;
color:#000000;
background:#E6EFFF;
overflow:auto;
}
div.action_window label {
display:block;
}

div.action_window input, textarea {
width:400px;
}

div.action_window input.radio {
width:10px;
}

div.action_window input.button {
padding:3px 15px;
border: 1px solid #A5AED5;
background-color: #E6EFFF;
color:#3274D0;
cursor:pointer;
width: 100px;
}

div.action_window p {
 margin: 0 0 10px 0;
}

div#add_career_window td {
border:0px solid #D3EDA2;
padding:5px 2px;
}

span.action_title {
font-size:150%;
}

div.hide {
margin: 0;
padding:0;
text-align:right;

}
span.comment_small {
color:#808080;
}

span.comment_small_lite {
font-size: 85%;
color:#CCCCCC;
}

span.comment_mini {
font-size: 85%;
}

div.smes {
display:none;
}

div.sew {
float:right;
}

div.seew {
float:right;
}

#cinfo_block {
display:none;
}

#einfo_block {
display:none;
}

#acc_block {
display:none;
}

#add_career_window {
display:none;
}

#up_career_window {
display:none;
}

#add_edu_window {
display:none;
}

#up_edu_window {
display:none;
}

#saw_button {
text-align:right;
}

div.action_window input.ca_start,div.action_window input.ca_end,div.action_window input.e_start,div.action_window input.e_end  {
width:40px;
}

div.action_window input.ca_cname {
width:100px;
}

div.action_window input.ca_cname {
width:250px;;
}

div.action_window input.ca_button, div.action_window input.e_button {
text-align:center;
width:50px;
}

td.thname {
padding-right:10px;
border: 0px;
text-align: left;
vertical-align: top;
}

td.thbody {
border-top: 1px solid #F2F2F2;
vertical-align: top;
padding-bottom:20px;
}

div.group_box {
margin-bottom:10px;
padding: 10px;
border: 1px solid #CCCCCC;
color:#808080;
}

div.group_box div.slg {
text-align: right;
}

div.group_box span.gtitle {
font-size: 110%;
}

div.lg {
display:none;
margin:0;
padding:10px;
text-align: center;
color:#55761F;
background:#D3EDA2;
}


div.jn {
display:none;
margin:0;
padding:10px;
text-align: center;
color:#55761F;
background:#D3EDA2;
}

div.action_area {
padding:10px 0 10px 20px;
margin:20px 0;
background:#E6EFFF;
border:1px solid #A5AED5;
}

div.action_area form {
width:500px;
}

div.action_area textarea.minitxt {
border:1px solid #CCCCCC;
padding:3px;
width:500px;
}

div.action_area div.button {
text-align:right;
}

div.feed_body {
padding:5px 0;
}

div#title_wrap {
padding:20px 30px 20px 0;
margin:40px 0 50px 0;
}

div#title_wrap span.title {
color:#000000;
}

div#title_wrap_ilist {
padding:20px 30px 20px 0;
margin:0 0 10px 0;
}

div#uname {
color:#808080;
margin-right: 200px;
border-right: 1px dashed #CCCCCC;
}

div#uname span.name {
font-size:250%;
color:#000000;
}

div#uname span.name_sub {
font-size:90%;
color:#808080;
}

div#uname div.scomment {
padding:10px;
margin:20px 10px 0 0;
color:#333333;
background:#FFFFFF;
font-size:120%;
border:3px solid #CCCCCC;
}

div#upoint {
padding:10px 0 0 10px;
float:right;
width:180px;
}

#title_wrap span.title,#title_wrap_ilist span.title {
font-size:200%;

}

div#title_wrap span.title_suB {
font-size:90%;
color:#808080;
}

div#recomm_friend {
display:none;
}

table.fieldset td {
padding:5px 0 ;
border-width:0 ;
}

table.fieldset td.labels {
padding-right: 10px;
text-align: right;
width:100px;
font-size:12px;
}

div#upoint div.uptitle {
margin-bottom:10px;
font-size:100%;
font-style:bold;
color:#808080;
text-align:center;
}

div#upoint div.uptotal {
padding:10px;
margin:10px 30px 20px 30px;
font-size:500%;
font-style:bold;
font-color:#CCCCCC;
background:#1D96B7;
color:#FFFFFF;
text-align:center;
}

div#upoint div.uptotal_i {
padding:10px;
margin:10px 30px 20px 30px;
font-size:400%;
font-style:bold;
font-color:#CCCCCC;
background:#1D96B7;
color:#FFFFFF;
text-align:center;
}

div.di {
display:none;
margin:0;
padding:10px;
text-align: center;
color:#55761F;
background:#D3EDA2;
}
div#nextstep ul li {
font-size:100%;
text-align:left;
width: 300px;
}

div.af {
display:none;
margin:0;
padding:10px;
text-align: center;
color:#55761F;
background:#D3EDA2;
}

div.rf {
display:none;
margin:0;
padding:10px;
text-align: center;
color:#55761F;
background:#D3EDA2;
}

div.flist_review_body {
margin-left:5px;
padding-left:5px;
border-left:1px solid #CCCCCC;
}

div.atag {
display:none;
margin:0;
padding:10px;
text-align: left;
color:#55761F;
background:#D3EDA2;
}

div.link_section {
margin:10px 0;
padding:0;
text-align: right;

}

div#write_feedback {
display:none;
}

span.number_big {
font-size:200%;
}

div.action_window input#rmtitle {
width:400px;
}
div.action_window textarea#rmbody {
width:400px;
height:300px;
}

div#select_flist {
display:none;
}

div#select_direct {
display:none;
}

#gnavi ul.navigation {
display:block;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:2px 0 0;
padding:0;
vertical-align:middle;
}

#gnavi ul.navigation li {
}

#login_form {
  padding: 5px 20px 20px 20px;
  width: 300px;
  margin:0 auto 60px;
  background:#FFFFFF;
  border: 2px solid #BBBFC2;
}

#join_form {
  padding: 20px;
  width: 500px;
  margin:0 auto 60px;
  background:#FFFFFF;
  border: 1px solid #BBBFC2;
}

table.join_field {
color:#666666;
}

table.join_field td.labels {
width:150px;
text-align:right;
}

table.join_field td.inputs {
text-align:left;
}

table.join_field td.inputs input{
width:200px;
height:1.2em;
font-size:140%;
}


div#dboutleftbody {
  width: 650px;
}

table#output {
 background:#FFFFFF;
}

#mbody {
width: 500px;
height:100px;
}

div.action_window {
display:none;
text-align:left;
}

div.action_window input.qual {
width:20px;
}