@charset "utf-8";
/* ======= general ======= */
body {
  margin: 0 10px;
}
.okw_wrapper {
  width: 100%;
  min-width: 930px;
  font-family: Arial, Helvetica, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.okw_wrapper input {
  font-family: Arial, Helvetica, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.okw_wrapper a span.alt {
  display: none;
}
input:focus, textarea:focus, select:focus {
  outline: none;
}
/* ======= common ======= */
/* ======= common extend ======= */
.okw_extend_margin {
  width: auto!important;
  margin-left: -10px!important;
  margin-right: -10px!important;
}
/* ======= common float ======= */
.okw_flo_l {
  float: left!important;
}
.okw_flo_r {
  float:right!important;
}
/* ======= common bright ======= */
.okw_bright:hover {
  text-decoration:none;
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}
/* ======= common clearfix ======= */
.okw_clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
.okw_clearfix {
  min-height: 1px;
 /clear:both;
}
.okw_flo_clear {
 /clear:both;
}
/* ======= common search bar ======= */

.okw_search form {
  float: left;
  height: 39px;
  width: 450px;
  padding-right: 4px;
  background: #ffffff;
  border: 1px solid #d9caa5;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.okw_search form input[type="text"] {
  height: 24px;
  line-height: 24px;
  margin: 8px 5px;
  width: 370px;
  display: block;
  float: left;
  font-size: 14px;
  border: none;
  outline: none;
  border-style: none;
  border-width: 0px;
  -webkit-appearance: button;
 *overflow: visible;
}
.okw_search form input[ type="submit"] {
  background: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd) no-repeat 0 -40px;
  width: 72px;
  height: 33px;
  display: block;
  border: none;
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  margin: 0;
  position: absolute;
  top: 3px;
  right: 3px;
  display: block;
}
.okw_search form input[ type="submit"]:hover {
  background: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd) no-repeat -72px -40px;
}
.okw_search form input[ type="submit"]:active {
  background: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd) no-repeat -144px -40px;
  padding-top:2px;
}
.okw_search a.detail {
  float: left;
  display: block;
  line-height: 39px;
  margin-left: 10px;
  font-size: 10px;
  white-space: nowrap;
}
.okw_search form.wide {
  height: 40px;
}
.okw_search form.wide input[ type="text"] {
  margin: 10px;
}
.okw_search form.wide input.text {
  margin: 10px;
}
.okw_search form.wide input[ type="submit"] {
  background: url(../images/common/okw_sprite.png?Qche1i8sPd) no-repeat -587px -81px;
  _background: url(../images/common/okw_sprite.gif?Qche1i8sPd) no-repeat -587px -81px;
  width: 38px;
}
.okw_search form.wide input.submit {
  background: url(../images/common/okw_sprite.png?Qche1i8sPd) no-repeat -587px -81px;
  _background: url(../images/common/okw_sprite.gif?Qche1i8sPd) no-repeat -587px -81px;
  width: 38px;
}
.okw_contents .relative .okw_nst_bgr .okw_search {
  height: 33px
}
/* ======= Simple header answer / new ======= */
.okw_header.hline1 {
  border-bottom: 5px solid #efe1be;
  padding: 0;
}
.okw_header .middle {
  display: table;
  z-index: 10010;
  position: relative;
  clear: both;
  margin: 0 auto;
  width: 930px;
  height: 70px;
  padding: 0!important;
  border: none!important;
}
.okw_header .middle .logo {
  display: table-cell;
  vertical-align: middle;
  width: 200px;
}
.okw_header .middle .logo img {
  border-style: none;
  outline: none;
}
.okw_header .middle .howto {
  float: right;
  margin-top: 18px;
  padding: 0;
  font-size: small;
  line-height: 32px;
  list-style: none;
}
.okw_header .middle .howto li {
  float: left;
}
.okw_header .middle .howto li a {
  padding: 0 6px 1px;
}
.okw_header .middle .howto li .line {
  border-right: #bbb 1px solid;
}

/* ======= footer ======= */
.okw_footer {
  clear: both;
  padding-top: 20px;
}
.okw_footer a:link {
  text-decoration: none;
  outline: none;
  color: #06C;
}
.okw_footer a:visited {
  color: #832dab;
}
.okw_footer a:hover {
  text-decoration: underline;
  color: #209DD6;
}
/* ======= footer service ======= */
.okw_footer .service {
  clear: both;
  background: #efe1be;
  line-height: 1.7;
  padding-bottom: 20px;
}
.okw_footer .service .inner {
  width: 930px;
  margin: 0 auto;
  overflow: hidden;
}
.okw_footer .service .inner .box {
  float: left;
  margin: 10px 0 20px;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
}
.okw_footer .service .box .contents {
  margin: 0 10px;
  height: auto;
}
.okw_footer .service .box .contents .title {
  clear: both;
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
}
.okw_footer .service .box .contents .title_b {
  clear: both;
  font-size: 15px;
  font-weight: bold;
  padding-top: 15px;
  margin-bottom: 5px;
  text-indent: -1px;
}
.okw_footer .service .box .contents ul {
  float: left;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  line-height: 1.3;
}
.okw_footer .service .box .contents ul li {
  margin-bottom: 5px;
  font-size: 11px;
}
.okw_footer .service .box .contents ul li a:link, .okw_footer .service .box .contents ul li a:visited {
  color: #06C;
  text-decoration: none;
}
.okw_footer .service .box .contents ul li a:hover {
  color: #209DD6;
  text-decoration: underline;
}
.okw_footer .service .main {
  width: 560px;
}
.okw_footer .service .main ul li {
  float: left;
  width: 180px;
}
.okw_footer .service .main .search {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.okw_footer .service .main .search a.detail {
  margin-left: 10px;
}
.okw_footer .service .main .search a:visited {
  color: #06C
}
.okw_footer .service .main .search a:hover {
  color: #209DD6;
  text-decoration: underline;
}
.okw_footer .service .sub {
  float: left;
  width: 180px;
  border-left: #d1d1d1 1px solid;
}
.okw_footer .service .sub ul li {
}

/* ======= footer support ======= */
.okw_footer .support {
  clear: both;
  width: 930px;
  margin: 15px auto 30px;
  line-height: 1.7;
}
.okw_footer .support ul {
  float: left;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  font-size: 11px;
}
.okw_footer .support ul li {
  float: left;
}
.okw_footer .support ul li a {
  padding: 0 8px;
}
.okw_footer .support ul li .line {
  border-right: #bbb 1px solid;
}
.okw_footer .support a:visited {
  color: #06C
}
.okw_footer .support a:hover {
  color: #209DD6
}
.okw_footer .copyright {
  float: left;
  margin-left: 8px;
  _margin-left: 4px;
  _margin-top: -20px;
  font-size: 12px;
}
html>body .okw_footer .logo_cojp {
  background/*\**/: url(../images/common/cojp_logo.gif?Qche1i8sPd) no-repeat\9
}
.okw_footer .logo_cojp {
  display: block;
  background: url(../images/common/cojp_logo.svg?Qche1i8sPd) no-repeat;
  _background: url(../images/common/cojp_logo.gif?Qche1i8sPd) no-repeat;
  width: 129px;
  height: 31px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  float: right;
}
/* ======= sidenavi ======= */
.okw_sidenavi a:link {
  color: #06C;
  text-decoration: none;
}
.okw_sidenavi a:visited {
  color: #832dab;
}
.okw_sidenavi a:hover {
  color: #209dd6;
  text-decoration: underline
}
.okw_sidenavi {
  float: right;
  padding: 0px;
  font-size: 12px;
  width: 300px;
}
.okw_sidenavi a span.alt {
  display: none;
}
.okw_sidenavi a {
  display: block;
}
.okw_sidenavi img {
  border-style: none;
  outline: none;
}
.okw_sidenavi .navilabel {
  clear: both;
  background: url(../images/common/okw_xrepeat_sprite.png?Qche1i8sPd) repeat-x 0px -40px;
  height: 28px;
  margin-bottom: 5px;
}
.okw_sidenavi .navilabel div.title {
  float: left;
  margin: 6px 10px 0;
  font-size: 13px;
  font-weight: bold;
  color: #446644;
}
.okw_sidenavi a.rssicon {
  display: block;
  background: url(../images/common/okw_sprite.png?Qche1i8sPd) no-repeat -559px -122px;
  width: 14px;
  height: 14px;
}
/* ======= ad area ======= */
.okw_sidenavi .ad_area {
  margin-bottom: 15px;
  clear: both;
}
.okw_sidenavi .ad_area_bottom {
  margin-top: 15px;
  clear: both;
}
.okw_sidenavi .ad_margin_cancel {
  margin: -20px auto;
}
.okw_sidenavi .ad_spacer {
  height: 20px;
}
.okw_sidenavi .ad_space_removal {
  margin-top: -20px;
}
.okw_middle_ad_area {
  margin:0 0 10px;
}
.okw_middle_ad_area img:hover {
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
/* ======= signup ======= */

.okw_sidenavi .signup {
  margin-bottom: 20px;
}
.okw_sidenavi .signup a.register {
  display: block;
  background: url(../images/common/okw_sprite.png?Qche1i8sPd) no-repeat 0px -128px;
  _background: url(../images/common/okw_sprite.gif?Qche1i8sPd) no-repeat 0px -128px;
  width: 300px;
  height: 60px;
}
.okw_sidenavi .signup .login {
  margin-top: 2px;
  _height: 25px;
  _padding-top: 8px;
  font-size: small;
}
.okw_sidenavi .signup .login .icon {
  background: url(../images/common/sprites_icon.gif?Qche1i8sPd) no-repeat scroll -50px -25px transparent;
  float: left;
  width: 21px;
  height: 21px;
  margin-right: 5px;
  _margin-top: -3px;
}
/* ======= user info ======= */
.okw_sidenavi .userinfo {
  margin-bottom: 20px;
}
.okw_sidenavi .userinfo .userbox_top {
  background: url(../images/common/okw_sprite.png?Qche1i8sPd) no-repeat -301px -178px;
  _background: url(../images/common/okw_sprite.gif?Qche1i8sPd) no-repeat -301px -178px;
  height: 4px;
}
.okw_sidenavi .userinfo .userbox {
  margin-bottom: -2px;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  _margin-top: -7px;
  _width: 298px;
}
.okw_sidenavi .userinfo .userbox_bottom {
  background: url(../images/common/okw_sprite.png?Qche1i8sPd) no-repeat -301px -184px;
  _background: url(../images/common/okw_sprite.gif?Qche1i8sPd) no-repeat -301px -184px;
  height: 4px;
  _margin-bottom: -10px;
}
.okw_sidenavi .userinfo .inner {
  margin: 0;
  padding: 10px;
  _background-color: #FFF;
  _margin-bottom: 10px;
}
.okw_sidenavi .userinfo img.avatar {
  float: left;
  border: 1px solid #CCC;
}
.okw_sidenavi .userinfo .info {
  float: left;
  width: 200px;
  margin-left: 10px;
  font-size: 11px;
}
.okw_sidenavi .userinfo .info .username {
  margin-bottom: 5px;
}
.okw_sidenavi .userinfo .info .username .userlink a {
  font-size: 13px;
}
.okw_sidenavi .userinfo .info .username .logout {
  margin-left: 5px;
  white-space: nowrap;
}
.okw_sidenavi .userinfo .info .thanks_point .value, .okw_sidenavi .userinfo .info .evalute_count .value {
  font-weight: bold;
  margin: 0 2px;
}
/* ======= user menu ======= */
.okw_sidenavi .userinfo ul.usermenu {
  clear: both;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
.okw_sidenavi .userinfo ul.usermenu li {
  float: left;
  width: 50%;
  height: 30px;
  border-top: 1px solid #CCC;
}
.okw_sidenavi .userinfo ul.usermenu li .rline {
  height: 100%;
  border-right: 1px solid #CCC;
}
.okw_sidenavi .userinfo ul.usermenu li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  text-decoration: none;
}
.okw_sidenavi .userinfo ul.usermenu li a:hover {
  background-color: #EEE;
}
.okw_sidenavi .userinfo ul.usermenu li a span {
  margin-left: 10px;
}
.okw_sidenavi div.userinfo_bottom_override_white_ie {
  _width: 298;
  _height: 20px;
  _margin-top: 1px;
  _margin-bottom: -20px;
  _background-color: #FFF;
}
/* ======= bing search ======= */

.okw_sidenavi .bing_search {
  margin: 20px auto;
  _margin-bottom: 20px;
  _margin-left: 5px;
}
.okw_sidenavi .bing_search a.logo {
  display: block;
  float: left;
  margin-top: 5px;
  margin-right: 10px;
}
.okw_sidenavi .bing_search .okw_search {
  float: left;
  _margin-bottom: 10px;
}
/* ======= feature ======= */
.okw_sidenavi .feature {
  margin: 20px auto;
}
.okw_sidenavi .feature .feature_body {
  margin-top: 5px;
}
.okw_sidenavi .feature img.topimage {
  max-width: 300px;
  _max-width: 298px;
}
.okw_sidenavi .feature .fdesc {
  font-size: 12px;
  color: #666;
  margin: 5px 10px;
}
.okw_sidenavi .feature .ftitle {
  font-size: 13px;
  margin: 0 10px;
}
.okw_sidenavi .feature .ftitle a {
  text-decoration: underline;
}
.okw_sidenavi .feature .more {
  text-align: right;
}
.okw_sidenavi .feature hr.dotline {
  border: none;
  border-top: 1px dotted #CCC;
  color: #fff;
}
/* ======= many pv ======= */
.okw_sidenavi .manypv {
  clear: both;
  margin: 20px auto;
  font-size: small;
}
.okw_sidenavi .manypv .category {
  margin-top: 5px;
  color: #999;
}
.okw_sidenavi .manypv ul.termtab {
  margin: 10px auto 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  _margin-bottom: -10px;
}
.okw_sidenavi .manypv ul.termtab li {
  float: left;
  height: 21px;
  width: 55px;
  text-align: center;
  margin-right: 3px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  background-color: #EEE;
}
.okw_sidenavi .manypv ul.termtab li a {
  display: block;
  width: auto;
 /cursor: pointer;
}
.okw_sidenavi .manypv ul.termtab li a.selected {
  margin-bottom: 1px;
  background-color: white;
  color: #222;
  text-decoration: none;
  cursor: default;
}
.okw_sidenavi .manypv ul.termtab li a:hover {
  margin-bottom: 1px;
  background-color: white;
}
.okw_sidenavi .manypv ul.termtab li span {
  display:table-cell;
  vertical-align:middle;
 /display:inline;
 /zoom:1;
  width:55px;
  height: 22px;
  _padding: 5px 5px 0px 5px;
 /padding: 5px 10px 0 0;
}
.okw_sidenavi .manypv .rss {
  border-top: 1px solid #CCC;
  padding: 3px 0;
  margin-right: 3px;
}
.okw_sidenavi .manypv .rss a.rssicon {
  float: right;
}
/* ======= recnet answer =======*/

.okw_sidenavi .recent_answer {
  clear: both;
  margin: 20px auto;
  font-size: small;
}
.okw_sidenavi .recent_answer .rss {
  float: right;
  margin-top: 10px;
  margin-right: 5px;
}
.okw_sidenavi .recent_answer .category {
  margin-top: 5px;
  color: #999;
}
.okw_sidenavi .recent_answer ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.okw_sidenavi .recent_answer ul li {
  padding: 10px 0;
  border-bottom: 1px dotted #CCC;
}
.okw_sidenavi .recent_answer ul li .qicon {
  background: url(../images/common/okw_sprite.png?Qche1i8sPd) -572px -68px;
  _background: url(../images/common/okw_sprite.gif?Qche1i8sPd) -572px -67px;
  float: left;
  width: 12px;
  height: 17px;
  margin: 2px 10px 5px;
}
.okw_sidenavi .recent_answer ul li .question {
  display: block;
}
.okw_sidenavi .recent_answer ul li .question .qdesc {
  float: left;
  width: 250px;
  word-break: break-all;
  word-wrap: break-word;
}
.okw_sidenavi .recent_answer ul li .question .qdesc a {
  cursor: pointer;
}
.okw_sidenavi .recent_answer ul li .question .qdesc a:hover {
  color: red;
}
.okw_sidenavi .recent_answer ul li div.answer {
  margin-top: 10px;
}
.okw_sidenavi .recent_answer ul li .aicon {
  background: url(../images/common/okw_sprite.png?Qche1i8sPd) -555px -68px;
  _background: url(../images/common/okw_sprite.gif?Qche1i8sPd) -555px -67px;
  float: left;
  width: 12px;
  height: 17px;
  margin: 2px 10px 5px;
}
.okw_sidenavi .recent_answer .balloon {
  display: block;
  float: left;
  width: 260px;
  position: relative;
  background-color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.okw_sidenavi .recent_answer .balloon, .okw_sidenavi .recent_answer .balloon:active, .okw_sidenavi .recent_answer .balloon:visited {
 /color: #fff;
  border-color: #fff;
}
.okw_sidenavi .recent_answer .balloon:hover {
 /color: #ffe4c4;
  background-color: #ffe4c4;
  border-color: #ffe4c4;
}
.okw_sidenavi .recent_answer li {
  zoom: 1;
}
.okw_sidenavi .recent_answer .balloon .border {
  border: 1px solid #ccc;
}
.okw_sidenavi .recent_answer .balloon .adesc {
  color: #1A80B1;
  margin: 10px 13px;
  text-decoration: underline;
  word-break: break-all;
  word-wrap: break-word;
}
.okw_sidenavi .recent_answer .balloon .adesc .read_more {
  color: #1A80B1;
  white-space: nowrap;
}
.okw_sidenavi .recent_answer .balloon:hover .adesc {
  color: red;
}
.okw_sidenavi .recent_answer .balloon .arrow_base {
  position: absolute;
  left: 25px;
  border: 6px solid transparent;
  _border-color: pink;
  border-top-width: 12px;
  border-top-color: #ccc;
  _filter: chroma(color=pink);
}
.okw_sidenavi .recent_answer .balloon .arrow_over {
  position: absolute;
  left: 26px;
  margin-top: -1px;
  border: 5px solid transparent;
  _border-color: pink;
  border-top-width: 10px;
  border-top-color: inherit;
  _filter: chroma(color=pink);
}
.okw_sidenavi .recent_answer .bottom {
  margin-top: 15px;
  margin-left: 30px;
  font-size: 12px;
}
.okw_sidenavi .recent_answer .auser {
  margin-right: 10px;
  font-size: 13px;
  color: #999;
}
.okw_sidenavi .recent_answer .auser a {
  margin-right: 3px;
}
.okw_sidenavi .recent_answer .adate {
  color: #999;
}
.okw_sidenavi .recent_answer ul li .qdate {
  clear: both;
  margin: 5px 10px 0;
  color: #999;
  font-size: 12px;
  text-align: right;
}
.okw_sidenavi .recent_answer .show_more {
  clear: both;
  padding: 3px 0;
}
.okw_sidenavi .recent_answer .show_more a {
  float: right;
}
/* ======= pick up =======*/
.okw_sidenavi .pickup {
  clear: both;
  font-size: small;
}
.okw_sidenavi .pickup ul {
  padding: 0 0 0px 0;
  margin: 0 10px;
  overflow: hidden;
}
.okw_sidenavi .pickup ul li {
  padding: 10px 0;
  _height: 7px;
}
.okw_sidenavi .pickup ul li.hline {
  border-bottom: 1px dotted #CCC;
}
.okw_sidenavi .pickup img {
  float: left;
  width: 50px;
  height: 50px;
}
.okw_sidenavi .pickup .pickup_text {
  float: left;
  width: 75%;
  _width: 72%;
  margin: 0 10px;
}
.okw_sidenavi .pickup .pickup_text .title {
  font-size: 14px;
  margin-bottom: 5px;
}
/* ======= recommended link ======= */
.okw_sidenavi .recommended {
  clear: both;
  margin: 20px auto;
  border-bottom: 1px dotted #CCC;
  font-size: small;
}
.okw_sidenavi .recommended ul {
  margin: 5px 20px;
  padding: 0;
}
.okw_sidenavi .recommended ul li {
  list-style: disc inside!important;
}
/* ======= okguide ======= */
.okw_sidenavi .okguide {
  margin: 20px auto;
  padding: 3px;
  background: #EEE;
  border: 1px solid #CCC;
  _height: 1px;
  font-size: small;
}
.okw_sidenavi .okguide .inner {
  padding: 10px 0;
  background: white;
  _height: 1px;
}
.okw_sidenavi .okguide a.logo {
  background: url(../images/common/okw_sprite.png?Qche1i8sPd) -149px -81px;
  _background: url(../images/common/okw_sprite.png?Qche1i8sPd) -150px -82px;
  display: block;
  width: 233px;
  height: 46px;
  margin: 0 auto;
  _width: 232px;
  _height: 45px;
}
.okw_sidenavi .okguide ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.okw_sidenavi .okguide ul li {
  padding: 10px 0;
}
.okw_sidenavi .okguide ul li.hline {
  border-bottom: 1px dotted #CCC;
}
.okw_sidenavi .okguide ul li .li_margin {
  margin: 0 15px;
}
.okw_sidenavi .okguide ul li a.photo img {
  float: left;
  width: 70px;
  height: 70px;
  margin-right: 5px
}
.okw_sidenavi .okguide ul li .guide_text {
  min-height: 70px;
  word-wrap: break-word;
}
.okw_sidenavi .okguide ul li .guide_text .title {
  margin-bottom: 3px;
  word-break: break-all;
  word-wrap: break-word;
}
.okw_sidenavi .okguide ul li .guide_text .summary {
  font-size: 12px;
  word-break: break-all;
  word-wrap: break-word;
}
/* ======= pr ======= */
.okw_sidenavi .pr {
  margin: 20px auto;
  border: 1px solid #CCC;
  font-size: small;
}
.okw_sidenavi .pr .pr_label {
  padding: 5px 10px;
  font-size: 15px;
  background-color: #EEE;
}
.okw_sidenavi .pr .pr_text {
  margin: 15px;
}
#okw_category_navi {
  display :none;
}
#okw_ranking_navi {
  display :none;
}
/* ======= search bar ======= */

.okw_sidenavi .ad_area_search {
  margin: 20px auto;
}
.okw_sidenavi .ad_area_search form {
  height: 30px;
  border: #ccc 1px solid;
  background-color: #FFFFFF;
}
.okw_sidenavi .ad_area_search form input[ type="text"] {
  width: 258px;
  margin: 5px;
  display: block;
  float: left;
  font-size: small;
  border: none;
  outline: none;
  border-style: none;
  border-width:0px;
}
.okw_sidenavi .ad_area_search form input.text {
  width: 258px;
  margin: 5px;
  display: block;
  float: left;
  font-size: small;
  border: none;
  outline: none;
  border-style: none;
  border-width:0px;
}
.okw_sidenavi .ad_area_search form input[ type="submit"] {
  background: url(../images/common/okw_sprite.png?Qche1i8sPd) no-repeat -561px -88px;
  _background: url(../images/common/okw_sprite.gif?Qche1i8sPd) no-repeat -561px -88px;
  width: 28px;
  height: 100%;
  margin: 0;
  display: block;
  float: left;
  border: none;
  border-left: #ccc 1px solid;
  cursor: pointer;
 /height: 30px;
 /border-style: none;
}
.okw_sidenavi .ad_area_search form input.submit {
  background: url(../images/common/okw_sprite.png?Qche1i8sPd) no-repeat -561px -88px;
  _background: url(../images/common/okw_sprite.gif?Qche1i8sPd) no-repeat -561px -88px;
  width: 28px;
  height: 100%;
  margin: 0;
  display: block;
  float: left;
  border: none;
  border-left: #ccc 1px solid;
  cursor: pointer;
 /height: 30px;
 /border-style: none;
}
.okw_sidenavi .ad_area_search div.detail {
  text-align: center;
}
.okw_sidenavi .ad_area_search div.detail a {
  height: 30px;
  line-height: 30px;
  font-size: x-small;
  _font-size:10px;
}
/* ======= link to top ======= */
.okw_linktotop {
  font-size: 12px;
  text-align: right;
  width: 930px;
  margin: 0 auto;
  clear: both;
}
.okw_linktotop .button {
  background: url(../images/common/sprite_gnavi.gif?Qche1i8sPd) no-repeat -396px 0px;
  display: inline-block;
  float: right;
  width: 31px;
  height: 31px;
}
/* ======= fix sidenavi ======= */
.okw_sidenavi_floating {
  position: fixed;
  bottom: 0;
}
.okw_sidenavi_pinned {
  position: absolute;
  bottom: 0;
}
/* ======= 簡易フッター用 ======= */

.okw_wrapper.service2 .okw_footer {
  padding:0;
}
.okw_wrapper .okw_footer.hline2 {
  border-top: 5px solid #e00000;
  padding:0;
}
/*************side area*******************/

.okw_sidenavi .okw_bg.indent {
  margin-top:10px;
}

.okw_sidenavi .okw_bg_bottom01 {
  position:relative;
  z-index:-10;
  width:300px;
  margin-top: -2px;
  background:url(../images/common/sprite_tab_bg.gif?Qche1i8sPd) no-repeat 0 -75px;
  height:9px;
}

.okw_sidenavi .okw_bg_bottom03 {
  background:url(../images/common/sprite_tab_bg.gif?Qche1i8sPd) no-repeat -0px -188px;
  height:8px;
}
.okw_sidenavi .okw_bgr .okw_attlink {
  position:relative;
  top:5px;
  float:right;
  right: 5px;
  color:#666666;
}

a.okw_bgr_rankingtop {
  display:block;
  overflow:hidden;
  margin:-3px 0 0 0;
  float:right;
}
a.okw_bgr_rankingtop:hover {
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.okw_sidenavi .okw_bgr .okw_bgr_rankingtop .ttl_hd {
  margin:0;
}

.okw_sidenavi .okw_bgr .okw_bgr_rankingtop .ttl_bg01 {
  margin:0;
}

/* ======= login ======= */

.okw_sidenavi .okw_bgr.okw_login {
  height:17px;
}
.okw_sidenavi .okw_signup {
  line-height:12px;
  float:right;
  font-size:12px;
  font-weight:bold;
  margin-right:10px
}
.okw_sidenavi .okw_signup li {
  float:left;
  margin-left:15px;
  margin-top:3px;
}
/* ======= bing search ======= */
.okw_sidenavi .okw_bing_search {
  border:1px solid #CCC;
  float:left;
  background:#FFF;
  height:27px;
  margin-left:5px;
  margin-top:-2px;
  width:230px;
}
.okw_sidenavi .bing_logo {
  float:left;
  margin-top:5px;
  margin-left:3px;
}
.okw_sidenavi .okw_bing_search form input[ type="submit"] {
  background:url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -112px 4px;
  width: 30px;
  height:27px;
  line-height:0;
  display: block;
  float: right;
  border: none;
  cursor: pointer;
  padding:0;
  font-size:12px;
  color:#FFF;
  margin-right: 0;
}
/* ======= okw_data ======= */
.okw_ht_icon {
  background:url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -114px -26px;
  display:block;
  float:left;
  width:20px;
  line-height:100px;
  height:20px;
  overflow:hidden;
}
.okw_q_icon {
  background:url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -114px -48px;
  display:block;
  float:left;
  width:20px;
  line-height:100px;
  height:20px;
  overflow:hidden;
}
.okw_a_icon {
  background:url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -114px -70px;
  display:block;
  float:left;
  width:20px;
  line-height:100px;
  height:20px;
  overflow:hidden;
}
.okw_data ul li {
  position:relative;
  font-size:12px;
  font-weight:bold;
  color:#666;
  margin-bottom:10px;
}
.okw_data ul li.none {
  margin-bottom:5px;
}
.okw_data ul li .cnt {
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  color:#222;
  margin:0 5px;
}
.okw_data ul li .okw_ht_icon, .okw_data ul li .okw_q_icon, .okw_data ul li .okw_a_icon {
  margin-top:3px;
  margin-right:5px;
}
.okw_data_att {
  position:absolute;
  top:8px;
  right:0;
  font-size:11px;
  font-weight:100
}
.okw_bgr p.todayok_ttl {
  font-size:14px;
  font-weight:bold;
  margin:0px 0 3px;
  padding-top:8px
}
/* ======= okw_category_filter ======= */


.okw_category_serect {
  line-height: 1.7;
  position: absolute;
  top:13px;
  left:10px;
  font-size:12px;
}
.okw_bg .okw_category_serect .ct_ttl {
  font-weight:bold;
  float:left;
  font-size:12px;
  margin-right:5px;
  color:#222;
}
.okw_category_serect a {
  float:left;
  display:block;
}
.okw_category_serect a:hover .category_name {
  text-decoration:underline;
  cursor:pointer
}
.category_name {
  display:block;
  float:left;
  max-width: 195px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.okw_category_serect .okw_arr {
  display:block;
  margin:5px 0 0 5px;
  line-height:100px;
  overflow:hidden;
  float:left;
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -16px -64px;
  width:11px;
  height:10px;
}
.okw_category_serect a:hover .okw_arr {
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -16px -64px;
  text-decoration: none;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
}
.okw_bg .okw_category_filter {
  position: absolute;
  zoom:1;
  top:20px;
  left:0;
  display: block;
  padding:0px;
  background: white;
  z-index: 10;
  border:1px solid #CCC;
  width:340px;
  padding:0 5px;
  min-height:50px
}
.okw_tb_list .okw_category_filter li, .okw_sidenavi .okw_category_filter li {
  height:28px;
  line-height:28px;
  background:#FFF;
  padding:0;
  border-bottom: 1px dotted #DDD;
  border-top:none;
}
.okw_category_serect .okw_category_filter li a {
  float:none;
}
.okw_category_serect .okw_category_filter li.none {
  border-bottom:none;
}
.okw_sidenavi .okw_category_serect {
  top:40px;
  z-index:1000
}
/* ======= recent ======= */
.okw_sidenavi .okw_nsr_bgr.recent {
  padding-top:25px
}
.okw_recent_question {
  position:relative;
  z-index:0;
  clear:both;
  margin-bottom:15px;
  border-top:1px solid #DDD;
  padding-top:10px
}
.okw_recent_answer {
  clear:both;
  margin-bottom:15px;
}
.okw_recent_answer.none {
  padding-bottom:15px;
  border-bottom:1px solid #DDD;
  margin:0;
}
.okw_bg .okw_recent_question .ttl {
  font-size:11px;
  color:#222;
  font-weight:100;
  margin-bottom:2px;
  margin-left:3px;
}
.okw_bg .okw_recent_answer .ttl {
  text-align:right;
  font-size:11px;
  color:#222;
  font-weight:100;
  margin-bottom:2px;
  margin-right:3px;
}
.okw_recent_question img {
  width:36px;
  height:36px;
  border:1px solid #CCC;
  float:left;
}
.okw_recent_question .recent_txt_area {
  word-break: break-all;
  word-wrap: break-word;
  float:left;
  width: 225px;
  margin-left:7px;
}
.okw_recent_question .recent_box {
  background:url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat 0px 0px;
  height:60px;
  width:19px;
  float:left;
}
.okw_recent_question .recent_box_bgr {
  background:#FFF;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
  float:left;
  height:58px;
  width:197px;
  position:relative;
  font-size:12px;
  font-weight:bold;
}
.okw_recent_question .recent_box_bg01 {
  width:9px;
  float:left;
  background:url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -21px -0px;
  height:60px;
}
.okw_recent_question .okw_q_icon {
  position:absolute;
  margin:5px 5px 5px 0;
}
.recent_box_bgr a {
  line-height:1.7;
  padding: 5px 0 0 26px;
  height: 55px;
  display: block;
}
.okw_recent_question .recent_box_bgr .attarea {
  bottom:5px;
  right:0;
  position:absolute;
  display:block;
  font-size:10px;
  color:#666;
  font-weight:100
}
.okw_recent_answer img {
  width:36px;
  height:36px;
  border:1px solid #CCC;
  float:right;
}
.okw_recent_answer .recent_txt_area {
  float:right;
  width: 225px;
  margin-right:7px;
  word-break: break-all;
  word-wrap: break-word;
}
.okw_recent_answer .recent_box {
  background:url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -153px 0px;
  height:60px;
  width:19px;
  float:right;
}
.okw_recent_answer .recent_box_bgr {
  background:#FFF;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
  float:right;
  height:58px;
  width:197px;
  font-size:12px;
}
.okw_recent_answer .recent_box_bg01 {
  width:9px;
  float:right;
  background:url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -142px -0px;
  height:60px;
}
.okw_recent_answer .okw_a_icon {
  margin:5px -26px 5px 0;
}
.okw_recent_answer .recent_box_bgr .attarea {
  bottom:5px;
  right:0;
  display:block;
  font-size:10px;
  color:#666;
  font-weight:100;
  float:right;
  margin-top: -17px;
}
.more_recent {
  display:block;
  margin:5px 0 0 0;
  float:right;
  font-size:11px;
}
/* ======= list ======= */
.side_list img {
  float:left;
}
.okw_sidenavi .okw_bgr p.list_text {
  margin-left:10px;
  width:210px;
  float:left;
}
.okw_bgr .side_list li {
  border-bottom:1px dotted #CCC;
  padding-bottom:10px;
  margin-bottom:10px;
}
.okw_bgr .side_list li.none {
  border-bottom:none;
  padding-bottom:5px;
  margin-bottom:0px;
}
.okw_bgr .side_list li .ttl {
  display:block;
  font-size:12px;
}
.okw_bgr .side_list li .list_text .data_area {
  margin-top:10px;
}
.okw_bgr .side_list li .data_area {
  margin-bottom:3px;
  display:block;
  font-size:12px;
}

.okw_bgr .side_list.okw_rotation_ads:first-child li:first-child {
  margin-top: 0px;
  border-top: 0;
  padding-top: 0;
}

.okw_bgr .side_list.okw_rotation_ads li {
  border-top: 1px dotted #CCC;
  padding-top: 10px;
  margin-top: 5px;
  overflow: hidden;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.okw_bgr .side_list.okw_rotation_ads li img {
  float: left;
  width: 50px;
  height: 50px;
}

.okw_bgr .side_list.okw_rotation_ads p {
  margin-left: 10px;
  float: left;
  width: 210px;
}

.okw_bgr .side_list.okw_rotation_ads p a {
  display: block;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 3px;
}

.okw_bgr .side_list.okw_rotation_ads p span {
  font-size: 12px;
}

/* ======= ftr_bnr ======= */
.okw_sidenavi .ftr_bnr {
  padding:0;
  text-align:center;
}
.okw_sidenavi .ftr_bnr .txt_area {
  margin-left:7px;
  text-align:left;
  font-size:12px;
  margin-top:5px;
  color:#222;
}
.okw_ad_area {
  position:relative;/*2014/0312 add nakamura*/
  margin-bottom:10px;
}
.okw_ad_area img:hover {
  text-decoration:none;
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}
.okw_sidenavi .okw_rss_icon a {
  top: 38px;
  right: 10px;
}
/* ======= OKW_user info ======= */
.okw_sidenavi .okw_userinfo .okw_nsr_bgr {
  padding:0;
}
.okw_sidenavi .okw_userinfo .okw_bg_bottom02 {
  position: relative;
  z-index:-10;
  margin-top: -6px;
}
.okw_sidenavi .okw_userinfo .usermenu {
  margin-top:10px;
  border-top:1px solid #EEE;
  font-size:12px;
  font-weight:bold;
  z-index:0;
}
.okw_sidenavi .okw_userinfo .usermenu li {
  float:left;
  width:145px;
  height:30px;
  line-height:30px;
  text-align:center;
}
.okw_sidenavi .okw_userinfo .usermenu li a {
  display:block;
}
.okw_sidenavi .okw_userinfo .usermenu li .rline {
  border-right: 1px solid #EEE;
  border-bottom:1px solid #EEE
}
.okw_sidenavi .okw_userinfo .usermenu li .lline {
  border-left: 1px solid #EEE;
  border-top:1px solid #EEE
}
.okw_sidenavi .okw_userinfo .inner {
  margin: 0;
  padding:0px 0px 0px 10px;
}
.okw_sidenavi .okw_userinfo img.avatar {
  float: left;
  border: 1px solid #CCC;
}
.okw_sidenavi .okw_userinfo .info {
  float: left;
  width: 200px;
  margin-left: 10px;
  font-size: 11px;
  line-height:1.4;
}
.okw_sidenavi .okw_userinfo .info_inner {
  float: left;
  width: 155px;
}
.okw_sidenavi .okw_userinfo .info_inner_r {
  float: right;
  width: 40px;
  position: relative;
}
.okw_sidenavi .okw_userinfo .info_inner_r .blow {
  text-align: center;
}
.okw_sidenavi .okw_userinfo .info_inner_r .blow a {
  display: block;
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -177px 0px;
  width: 39px;
  height: 32px;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  font-weight: bold;
  padding-right:2px;
}
.okw_sidenavi .okw_userinfo .info_inner_r .blow_0 {
  text-align: center;
}
.okw_sidenavi .okw_userinfo .info_inner_r .blow_0 a {
  display: block;
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -263px 0px;
  width: 39px;
  height: 32px;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  font-weight: bold;
  padding-right: 2px;
}
.okw_sidenavi .okw_userinfo .info_inner_r .blow_0 a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
  text-decoration: none;
}
.okw_sidenavi .okw_userinfo .info_inner_r .blow a:hover {
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -220px 0px;
  text-decoration: none;
}
.okw_sidenavi .okw_userinfo .info_inner_r .info_blow {
  position: absolute;
  width: 183px;
  height: 55px;
  margin-left: -137px;
}
.okw_sidenavi .okw_userinfo .info_inner_r .info_blow a {
  display: block;
  font-size: 13px;
  color: #222;
}
.okw_sidenavi .okw_userinfo .info_inner_r .info_blow .info_blow_t {
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -251px -41px;
  width: 16px;
  height: 10px;
  display: block;
  float: right;
  margin-bottom: -2px;
  z-index: 110;
  position: relative;
  left: -20px;
}
.okw_sidenavi .okw_userinfo .info_inner_r .info_blow .info_blow_txt {
  display: block;
  width: 159px;
  height: 20px;
  border: 2px solid #b9b9b9;
  clear: both;
  z-index: 100;
  background: #fff;
  position: relative;
  padding:10px;
  text-align:left;
  line-height: 22px;
  -moz-box-shadow:
    2px 1px 3px rgba(136,136,136,0.8),
    inset 0px 0px 2px rgba(255,255,255,0.8);
  -webkit-box-shadow:
    2px 1px 3px rgba(136,136,136,0.7),
    inset 0px 0px 2px rgba(255,255,255,0.8);
  box-shadow:
    2px 1px 3px rgba(136,136,136,0.7),
    inset 0px 0px 2px rgba(255,255,255,0.8);
}
.okw_sidenavi .okw_userinfo .info_inner_r .info_blow .info_blow_txt .icon_new_info_blow {
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -177px -38px;
  display: block;
  width: 32px;
  height: 13px;
  float: left;
  margin-top: 4px;
  margin-right:3px;
}
.okw_sidenavi .okw_userinfo .info_inner_r .info_blow a:hover {
  text-decoration: none;
  cursor: pointer;
}
.okw_sidenavi .okw_userinfo .info_inner_r .info_blow a:hover .info_blow_t {
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -272px -41px;
  cursor: pointer;
}
.okw_sidenavi .okw_userinfo .info_inner_r .info_blow a:hover .info_blow_txt {
  background: #fff5e3;
}
.okw_sidenavi .okw_userinfo .info_inner_r .info_blow a:hover .icon_new_info_blow {
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -214px -38px;
  cursor: pointer;
}
.okw_sidenavi .okw_userinfo .inner .thanks_point {
  clear: both;
}
.okw_sidenavi .okw_userinfo .info_inner .blow
.okw_sidenavi .okw_userinfo .info .thanks_point {
  clear: both;
}
.okw_sidenavi .okw_userinfo .info .username {
  margin-bottom: 5px;
}
.okw_sidenavi .okw_userinfo .info .username .userlink a {
  font-size: 13px;
}
.okw_sidenavi .okw_userinfo .info .thanks_point .value, .okw_sidenavi .userinfo .info .evalute_count .value {
  font-weight: bold;
  margin: 0 2px;
}
.okw_bgr .okw_attlink {
  position:absolute;
  top:13px;
  right:10px;
  font-size:11px;
  float:none;
}
.okw_sidenavi ul.okw_sub_list {
  text-align: left;
  margin: 0px 10px;
  padding: 0;
  font-size: 13px;
  word-break: break-all;
  word-wrap: break-word;
  overflow: hidden;
  zoom: 0;
  border-top: 1px dotted #99865c;
}
.okw_sidenavi ul.okw_sub_list li {
  line-height: 1.4;
}
.okw_sub_list a {
  display:block;
}
.okw_sub_list .fdesc {
  font-size:12px;
  color:#222;
}
.okw_sub_list.okw_rotation_ads span {
  font-size: 12px;
  color: #222;
}
.okw_sidenavi .okw_tab {
 /position: relative;
 /z-index: auto;
}
.okw_sidenavi .okw_bgr .okw_tab_hed {
  clear:both;
  height:21px;
  font-size:11px;
}
.okw_sidenavi .okw_tab_hed li {
  float:left;
  width:57px;
  margin-right:5px;
}
.okw_sidenavi .okw_tab_hed a:link, .okw_sidenavi .okw_tab_hed a:visited {
  color:#222;
}
.okw_sidenavi .okw_tab_hed a:hover {
  font-weight:bold;
  text-decoration:none
}
.okw_sidenavi .okw_tab_hed a {
  display:block;
  text-align:center;
}
.okw_sidenavi .okw_tab_hed li a {
  background:url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -61px -152px #dadada;
  height:26px;
  line-height:27px;
  overflow:hidden;
}
.okw_sidenavi .okw_tab_hed li a:hover, .okw_sidenavi .okw_tab_hed li.active a {
  font-weight:bold;
  line-height:27px;
  background:url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -0px -151px #FFF;
}
.okw_sidenavi .okw_nsr_bgr.ranking .okw_category_serect {
  top: 10px;
}
.okw_sidenavi .okw_nsr_bgr.ranking .okw_rss_icon a {
  top:10px;
}
.okw_sidenavi .okw_nsr_bgr h3 {
  padding:0;
  margin:0;
  margin-right: 5px;
}
.okw_sidenavi .okw_nsr_bgr.ranking {
  padding-top: 30px;
  position:relative;
}
.okw_sidenavi .ranklist li .rank {
  display: block;
  float: left;
  width: 23px;
  height: 21px;
  margin: 0 10px;
  text-align: center;
  font-size: 11px;
  white-space: nowrap;
}
.okw_sidenavi .ranklist li .rank .value {
  font-size: 14px;
}
.okw_sidenavi .okw_ranking_link {
  width: 100%;
  overflow: hidden;
  clear: both;
    background: #f0f0f0;
}
.okw_sidenavi .okw_ranking_link a {
  float: right;
  font-size: 12px;
  font-weight: bold;
  background: url("../images/common/sprite_icon.gif?Qche1i8sPd") no-repeat -48px -221px;
  height: 18px;
  overflow: hidden;
  padding-left: 25px;
  display: block;
  line-height: 18px;
  line-height: 20px;
  margin-right: 5px;
  margin-top: 2px;
}
.okw_rss_icon a {
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -121px 0;
  width: 17px;
  height: 17px;
  line-height: 100px;
  overflow: hidden;
}
.okw_sidenavi .side_list li .list_text .ttl2 {
  margin-top:10px;
}
.okw_sidenavi .side_list li .list_text .text {
  font-size:12px;
  color:#222
}
.okw_sidenavi .okw_okguide ul {
}
.okw_sidenavi .okw_okguide li img {
  float: left;
  width: 70px;
  height: 70px;
}
.okw_sidenavi .okw_bgr p {
  margin:0;
  padding:0;
}
.okw_sidenavi .okw_bgr.okw_okguide p.list_text {
  width: 190px;
  padding-left:0;
  margin-left:10px;
}
.okw_sidenavi .okw_bgr.okw_okguide .okw_nsr_bg {
  margin-top:5px
}
.okw_sidenavi .okw_bgr.okw_bgr.okw_okguide h2 {
 /margin-bottom:0;
}
.okw_sidenavi .okw_bgr .pr {
  float:left;
  font-size:12px;
  color:#999;
  border:none;
  line-height:1.4;
}
.okw_sidenavi .okw_bgr .pr_text {
  float:left;
  font-size:12px;
  color:#999;
  width:240px;
  margin-left:5px;
  line-height:1.4;
  word-break: break-all;
  word-wrap: break-word;
}
/* ======= side search ======= */
.okw_sidenavi .okw_side_search form {
  display:block;
  height: 33px;
  width: 286px;
  padding-right: 4px;
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat 0 -114px;
  margin:0;
}
.okw_sidenavi .okw_side_search form input[ type="text"] {
  margin: 5px 0 0 5px;
  line-height:22px;
  height:22px;
  width: 220px;
  display: block;
  float: left;
  font-size: 13px;
  border: none;
  outline: none;
  border-style: none;
  border-width: 0px;
  -webkit-appearance: button;
 *overflow: visible;
}
.okw_sidenavi .okw_side_search form input[ type="submit"] {
  background: url(../images/common/sprite_gnavi.gif?Qche1i8sPd) no-repeat -339px -36px;
  width: 49px;
  height: 25px;
  display: block;
  float: right;
  border: none;
  cursor: pointer;
  padding: 0;
  margin-top: 4px;
  font-size: 12px;
  color: white;
  margin-right: 0;
}
.okw_sidenavi .okw_side_search a {
  display:block;
  text-align:center;
  margin:5px 0 15px;
}
.okw_sidenavi .okw_side_search a.detail {
  font-size:10px;
  clear:both;
}
.okw_sidenavi .okw_side_search p.text01 {
  display:block;
  text-align:center;
  font-size:12px;
  color:#666;
  line-height:12px;
  padding:0;
  margin-bottom:5px
}
.okw_sidenavi .okw_bgr.okw_okguide .ttl_hd {
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -115px -92px #b9b9b9;
  color: white;
  padding-left:75px;
  font-size: 11px;
  float: left;
  height: 21px;
  line-height: 21px;
  margin-top:-3px;
  font-weight:100;
  margin-bottom:5px;
}
.okw_sidenavi .okw_bgr.okw_okguide .ttl_hd .ttl_bk {
  padding:0 5px;
  background: #b9b9b9;
  height:21px;
  text-align: center;
  min-width: 70px;
}
.okw_sidenavi .okw_bgr.okw_okguide .ttl_bg01 {
  width:5px;
  background:url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -195px -92px;
  height:21px;
  float:left;
  margin-top:-3px;
}
.navi .hd_new {
  background:url(../images/common/sprite_gnavi.gif?Qche1i8sPd) no-repeat right -77px;
  padding-right:31px
}
.spn_induce_new {
  background: #fd9523;
  text-align: center;
  width: auto!important;
  margin-left: -10px!important;
  margin-right: -10px!important;
}
.spn_induce_new a {
  display: block;
  line-height: 150px;
  height: 150px;
  width: 100%;
  font-size: 40px;
  color: #FFF;
  font-weight: bold;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
}
.spn_induce_new a:link, .spn_induce_new a:visited,
.okw_wrapper .spn_induce_new a:link, .okw_wrapper .spn_induce_new a:visited {
  color:#FFF
}
.spn_induce_new a:hover,
.okw_wrapper .spn_induce_new a:hover {
  color:#FFF;
  text-decoration:none;
}
.okw_bgr .side_list2 li {
  font-size:12px
}

.okw_bg .okw_category_filter .list_right {
  width:159px;
  float:right;
  border-left:1px solid #DDD;
  padding:0 5px
}
.okw_bg .okw_category_filter .list_left {
  width:170px;
  float:left
}
.okw_sidenavi .okw_category_serect .okw_category_filter {
  width: 170px;
}
.okw_sidenavi .okw_bgr .rt_cate {
  max-width:130px;
  color: #639A30;
  font-size:11px;
  float:right;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.okw_side_search {
  clear: both;
}
.okw_sidenavi .horizon_list {
  clear: both;
  line-height: 15px;
  margin: 0px 0 10px 0;
  padding: 0px 0 7px 0;
  list-style: none;
  text-align: center;
  font-size: 13px;
  color: #222;
  border-bottom: 1px solid #CCC;
}
.okw_sidenavi .horizon_list li {
  display: inline;
  line-height: 20px;
  white-space: nowrap;
  border-bottom: none;
  margin: 0 0px 5px 0;
}
.okw_sidenavi .horizon_list li .vline {
  border-right: 1px solid #CCC;
  padding-right: 10px;
}
.okw_sidenavi .okw_nsr_bgr .okw_side_search form {
  display: block;
  height: 29px;
  width: 266px;
  padding-right: 2px;
  background: #FFF;
  border: 2px solid #b9b9b9;
  margin: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.okw_sidenavi .okw_nsr_bgr .okw_side_search form input[ type="text"] {
  margin: 3px 0 0 5px;
  width: 210px;
}
.okw_sidenavi .okw_nsr_bgr .okw_side_search form input[ type="submit"] {
  margin-top: 2px
}
.okw_sidenavi .horizon_list li a {
  margin-right: 10px
}
.okw_sidenavi .horizon_list li a span.ttl {
  font-size: 14px;
  font-weight: bold;
  background: #DFB;
  cursor: pointer;
}
*:first-child+html .okw_sidenavi .horizon_list li a span.ttl {
  display: inline-block
}
.okw_sidenavi .okw_nsr_bgr .okw_side_search a {
  display: block;
  text-align: center;
  margin: 5px 0 5px;
}
/* ======= 20140124 add ======= */
.okw_jack {
  width: 1290px;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -645px;
  height: 1024px;
  z-index: 0
}
.okw_jack_left {
  float: left;
  width: 170px;
  position: relative;
  height: 1024px;
}
.okw_jack_right {
  float: right;
  width: 170px;
  position: relative;
  height: 1024px;
}
.okw_jack .okw_jack_close {
  position: absolute;
  top: 0px;
  left: 0px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99000000, EndColorStr=#99000000);
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  text-decoration: none;
  margin: 5px;
  padding: 3px 3px 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 13px;
  z-index: 100;
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.okw_jack a:link.okw_jack_close, .okw_jack a:visited.okw_jack_close {
  color: #FFF;
}
.okw_jack a:hover.okw_jack_close {
  color: #CCC
}
.okw_jack .okw_jack_close .okw_close_icon {
  text-align: center;
  width: 11px;
  height: 11px;
  float: left;
  display: block;
  background: #FFF;
  font-size: 10px;
  margin-right: 5px;
  line-height: 10px;
}
.okw_jack a:link.okw_jack_close .okw_close_icon, .okw_jack a:visited.okw_jack_close .okw_close_icon {
  color: #999
}
.okw_jack a:hover.okw_jack_close .okw_close_icon {
  background: #CCC;
}
.okw_jack_bnr {
  position: absolute;
  top: 0;
  left: 0;
  height: 1024px;
  margin: 0;
  width: 170px;
}
.okw_jack_bnr img {
  display: block;
  border: 0px;
}
.okw_rotation_ads { display: none; }
.main_pr {
  width:620px;
}
.main_pr .ad_area {
  display:block;
  width:300px;
  float:left;
}
.main_pr .okw_bg {
  background:url(../images/common/sprite_tab_bg.gif?Qche1i8sPd) no-repeat 0px -64px #F0F0F0;
  width:300px;
  float:right;
}
.main_pr .okw_bgr {
  width: 290px;
  padding: 0 5px 0px;
  background: #F0F0F0;
}
.main_pr .okw_nst_bg {
  width: 290px;
  clear: both;
  background: url(../images/common/sprite_tab_bg.gif?Qche1i8sPd) 0 -43px no-repeat white;
  height: 8px;
}
.main_pr .okw_nst_bgr {
  width:270px;
  padding:0 10px;
  background: white;
}
.main_pr .okw_bg_bottom02 {
  background: url(../images/common/sprite_tab_bg.gif?Qche1i8sPd) no-repeat -302px -64px;
  height: 10px;
}
.main_pr p {
  margin:0;
  padding:0
}
.main_pr .okw_ttl_bg {
  background:url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -1px -63px;
  color: white;
  padding-left: 5px;
  font-size: 11px;
  float: left;
  height: 21px;
  line-height: 21px;
  margin-top: -3px;
  font-weight: 100;
  margin-bottom: 5px;
}
.main_pr .okw_ttl_bg .ttl_bk {
  padding: 0 5px;
  background: #E00000;
  height: 21px;
  text-align: center;
  min-width: 70px;
}
.main_pr .ttl_bg01 {
  width: 5px;
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -8px -63px;
  height: 21px;
  float: left;
  margin-top: -3px;
}
.main_pr .okw_bg ul {
  list-style:none;
  padding:0;
  margin:0 10px;
  font-size:12px;
  font-weight:bold;
  margin-bottom:-1px;
  overflow:hidden;
  zoom:1;
}
.main_pr .okw_bg ul li {
  line-height:1.3;
  padding-bottom:10px;
  margin-top:10px;
  border-bottom:1px dotted #CCC;
}
.main_pr a,
.okw_nst_bgr a {
  color: #1A80B1;
  text-decoration: none;
}
.main_pr a:hover {
  text-decoration: underline;
}

.relative .bottom_sch {
  width: 570px;
  padding: 9px 15px;
}
.bottom_sch .text01 {
  font-size:12px;
  color:#666;
}
.bottom_sch .horizon_list {
  margin:0;
  text-align:left;
  padding-top:0;
  margin-bottom:10px
}
.bottom_sch .horizon_list.keyword_list {
    font-weight: bold;
}
.bottom_sch .horizon_list li a {
  padding: 0 8px 0 0;
  margin-right:8px
}
.bottom_sch .none {
  margin-bottom: 0;
}
.okw_nst_bgr {
  padding-top:11px
}
.okw_bg_bottom03 {
  background: url(../images/common/sprite_leaf_bg.gif?Qche1i8sPd) no-repeat 0 -188px;
  height: 8px;
}
.spn_induce_new a .arr_icon {
  position: relative;
  padding-left: 40px;
}
.spn_induce_new a .arr_icon:before {
  content: "";
  height: 0;
  width: 0;
  display: block;
  border: 10px transparent solid;
  border-right-width: 0;
  border-left-color: #FFF;
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -10px
}
.involved .qlist {
  list-style-type:none
}
.involved .qlist li {
  margin: 0;
  display: block;
  border-top: 1px dotted #99865c;
  font-size: 12px;
  line-height: 1.2;
  word-wrap: break-word;
}
.involved .q_desc {
  display: block;
  padding: 2px 0 0 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color:#111;
  font-size:12px;
  clear:both;
  -webkit-text-size-adjust: 150%
}
.involved .q_ttl{
  font-weight: bold;
  font-size:15px;
  float:left;
  display:block;
  width:570px;
  -webkit-text-size-adjust: 150%
}
.involved .q_ttl em {
  font-style: normal;
  color: #e69e3a;
  padding-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120%;
  font-weight: bold;
}
.involved .qlist li a {
  font-size: 18px;
  display: block;
  padding: 10px 20px 10px 0;
  cursor:pointer;
  background: url(../images/arrow/arrow_r.gif) no-repeat right 50%
}
.involved .qlist li a:hover {
  text-decoration: none
}
.involved .qlist li a:hover .q_ttl{
  text-decoration: none
}
.involved .qlist li a:hover .q_ttl span{
  text-decoration: underline
}
.involved .qlist li a:hover .q_ttl em {
  text-decoration: none
}
.involved .qlist li a:hover .q_desc {
  text-decoration: none
}
.involved .qlist li:first-child {
  border: none
}
.involved .keyword_list {
  margin: 15px;
}
.involved .text01 {
  margin: 0 15px;
  font-size: 12px
}
.involved .okw_search {
  margin: 5px 15px 15px;
}
.okw_sidenavi .ftr_bnr li {
  border: none;
  padding: 0
}
.okw_sidenavi .okw_rss_icon {
  position: absolute;
  top: 5px;
  right: 5px;
}
.okw_search_suggest .okw_search_suggestlist li a:hover {
  text-decoration: none;
}
.okw_linktotop a:link {
  color: #06C;
  text-decoration: none
}
.okw_linktotop a:visited {
  color: #832dab;
}
.okw_linktotop a:hover {
  color: #209DD6;
  text-decoration: underline
}
.w_okw_area {
  background: #f7f3e8;
  margin: 0 -10px;
  padding: 30px 0;
  color: #665329
}
.w_okw_area .inner {
  width: 910px;
  margin: 0 auto;
  font-size: 14px;
  padding: 0 10px;
  overflow: hidden;
}
.w_okw_area .ttl {
  font-size: 18px;
  margin: 0;
  padding: 0 0 10px;
}
.w_okw_area a {
  display: block;
  float: left;
  margin-top: 10px;
  font-size: 12px;
}
.w_okw_area .text {
  display: block
}
.okw_sidenavi .okw_attlink {
  font-size: 11px;
  position: absolute;
  top: 7px;
  right: 5px;
}
.okw_sidenavi p {
  margin: 0;
  padding: 0
}
.okw_sidenavi .pickup li {
  margin: 0;
  display: block;
  overflow: hidden;
  padding: 10px 0;
}
.pickup .side_list .okw_rotation_ads li {
  border-top: 1px dotted #99865c;
}
.pickup .side_list .okw_rotation_ads:first-child li:first-child {
  border-top: none
}
.side_list .okw_rotation_ads li img {
  float: left;
  width: 50px;
  height: 50px;
}
.side_list .okw_rotation_ads p {
  margin-left: 10px;
  float: left;
  width: 210px;
  line-height: 1.4
}
.side_list .okw_rotation_ads p a {
  display: block;
  margin-top: 6px;
  margin-bottom: 3px;
  font-weight: bold
}
.side_list .okw_rotation_ads p span {
  font-size: 11px;
}
ul.okw_rotation_ads:first-child {
  border: none
}
.side_list .okw_plus li {
  border-top: 1px dotted #99865c;
  line-height: 1.2
}
.side_list .okw_plus li:first-child {
  border-top: none
}
.side_list .okw_plus li a {
  display: table;
  width: 100%;
  color: #333;
  font-size: 12px
}
.side_list .okw_plus li a:hover {
  text-decoration: none
}
.side_list .okw_plus li a:visited {
  color: #333
}
.side_list .okw_plus li a em {
  color: #0066cc
}
.side_list .okw_plus li a:visited em {
  color: #832dab
}
.side_list .okw_plus li a:hover em {
  color: #209dd6;
  text-decoration: underline
}
.side_list .okw_plus .okw_plus_image {
  display: table-cell;
  vertical-align: top;
  width: 58px
}
.side_list .okw_plus .okw_plus_text {
  display: table-cell;
  vertical-align: middle
}
.side_list .okw_plus .okw_adviser_text {
  line-height: 1.4
}

.side_list .okw_plus .okw_adviser_text span {
  font-size: 11px;
  display: block;
  margin: 10px 0 0 0
}

.side_list .okw_plus .okw_adviser_text a {
  display: block;
  margin: 10px 0 0 0
}
.side_list .okw_plus .okw_bitcoin_text {
  font-size: 13px;
  line-height: 1.4
}
.side_list .okw_plus .okw_bitcoin_text em {
  font-style: normal;
  font-weight: bold
}
.side_list .okw_plus .okw_plus_text em {
  font-style: normal;
  font-weight: bold;
  font-size: 14px
}
.side_list .okw_plus .okw_plus_text .okw_plus_subtext {
  width: 222px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  margin-top: 5px
}
.side_list .okw_plus .okw_plus_text .okw_pickup_subtext {
  width: 222px;
  display: block;
  margin-top: 5px
}
.side_list .okw_plus .okw_plus_text em span {
  font-weight: normal;
  display: inline-block
}
.side_list .okw_plus li a:hover .okw_plus_text em span {
  text-decoration: underline !important
}
.okw_sidenavi .fdesc {
  font-size: 12px;
  color: #333;
}
.okw_sidenavi .okw_rotation_ads {
  margin: 0;
}
.okw_sidenavi .ftr_bnr .okw_rotation_ads a {
  display: block;
  padding: 10px 10px 5px
}
.okw_sidenavi .okw_rotation_ads span {
  font-size: 11px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block
}
.okw_sidenavi .okw_rotation_ads .txt_area {
  text-align: left;
  margin-bottom: 7px;
  padding: 0 11px;
}
.okw_sidenavi .okw_sub_list.okw_rotation_ads a {
  padding: 0;
  font-size: 18px;
  font-weight: bold
}
.okw_sidenavi .okw_sub_list.okw_rotation_ads li {
  padding: 10px 0;
  display: block;
}
.okw_sidenavi .okw_category_serect .ct_ttl {
  font-weight: bold;
  float: left;
  font-size: 12px;
  margin-right: 5px;
  color: #222;
}
.okw_sidenavi .involved .qlist li {
  font-size: 11px;
}
.okw_sidenavi .involved .q_ttl{
  width:280px;
  font-size:15px;
}
.involved .q_ttl_ex {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 280px;
  font-size: 13px;
  color: #000;
  font-weight: bold
}
.involved .q_ttl_ex em {
  font-style: normal;
  color: #e69e3a;
  padding-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.involved .a_desc_ex {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 8px 0 0 0
}
.involved .qlist li a:hover .a_desc_ex span {
  text-decoration: underline
}
.involved .a_desc_ex em {
  font-style: normal;
  color: #3AD;
  padding-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.involved .qlist .name_area {
  display: block;
  font-size: 11px;
  line-height: 16px;
  color: #000;
  margin: 8px 0 0 0
}
.involved .qlist .group_area {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  color: #000;
  margin: 8px 0 0 0
}
.involved .qlist .name_area span {
  font-size: 10px;
  background: #66400A;
  color: #FFF;
  margin-top: 1px;
  margin-right: 4px;
  padding: 2px 0;
  text-align: center;
  display: block;
  width: 36px;
  float: left;
  line-height: 1;
}
.okw_sidenavi .involved ul.qlist em{
  font-size:120%;
  line-height:1;
}
.okw_sidenavi .involved .q_desc{
  padding: 5px 0 0 0
}
.okw_sidenavi .involved .qlist li a{
  padding: 10px 0;
  background: none
}
.okw_sidenavi .involved .qlist li.qa_hidden {
  padding: 10px 0
}
.okw_sidenavi .involved .qlist li.qa_hidden .a_desc_ex {
  font-size: 11px;
  font-weight: normal
}
.okw_sidenavi .involved .qlist_more {
  text-align: center;
  margin: 0 10px;
  border-top: 1px dotted #99865C
}
.okw_sidenavi .involved .qlist_more a {
  display: block;
  padding: 10px
}
.involved, .okw_sidenavi .feature, .okw_sidenavi .pickup, .okw_sidenavi .todayok, .okw_sidenavi .okw_news, .okw_sidenavi .okw_data, .okw_sidenavi .expertlist, .okw_sidenavi .okw_introduce {
  position: relative;
  margin-bottom: 15px;
  background: #f7f3e8;
}
.involved .ttl, .okw_sidenavi .pickup .ttl, .okw_sidenavi .feature .ttl, .todayok .ttl, .okw_news .ttl, .okw_data .ttl, .expertlist .ttl, .okw_introduce .ttl {
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  background: #d9caa5;
}
.okw_news .ttl {
  line-height:1.2
}
.involved .sttl {
  font-size: 14px;
  font-weight: bold;
  margin: 15px 0 0 10px;
  padding: 0;
}
.involved .flo_r{
  float: right;
  font-size: 11px;
  padding: 0 10px 10px 10px
}
.involved .flo_r a{
  display: inline
}
.okw_news .okw_attlink {
  line-height:1
}
.involved ul.qlist {
  padding: 0 10px;
  margin: 0;
}
.okw_sidenavi .bing_area {
  background: #f7f3e8;
  overflow: hidden;
  padding: 15px 0;
  margin-bottom: 15px;
}
.okw_sidenavi .bing_logo {
  width: 50px;
  height: 21px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -106px 0px;
  float: left;
  margin-top: 5px;
  margin-left: 3px;
}
.okw_sidenavi .okw_bing_search {
  border: 1px solid #D9CAA5;
  float: left;
  background: #FFF;
  height: 27px;
  margin-left: 5px;
  width: 230px;
}
.okw_sidenavi .okw_bing_search form input[ type="text"] {
  width: 186px;
  line-height: 27px;
  display: block;
  float: left;
  font-size: 13px;
  border: none;
  outline: none;
  border-style: none;
  border-width: 0px;
  padding: 0 5px;
  height: 27px;
  border-right: 1px solid #D9CAA5;
  margin-right: 0;
  -webkit-appearance: button;
}
.okw_sidenavi .okw_bing_search form input[ type="submit"] {
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat 7px -31px;
  width: 30px;
  height: 27px;
  line-height: 0;
  display: block;
  float: right;
  border: none;
  cursor: pointer;
  padding: 0;
  font-size: 12px;
  color: #FFF;
  margin-right: 0;
}
#calendar {
  font-family: Arial, Helvetica, sans-serif;
  background: url(../images/common/sprite_sidearea.gif?Qche1i8sPd) no-repeat -24px 1px;
  width: 81px;
  height: 42px;
  text-align: center;
  padding-top: 33px;
  font-size: 18px;
  color: #FFF;
  display: table-cell;
  vertical-align: top;
}
.todayok p {
  padding: 0;
  margin: 0
}
.todayok .todayok_ttl {
  padding-left: 10px;
  display: table-cell;
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0 3px;
  vertical-align: middle;
}
.todayok .box {
  padding: 10px 15px 15px;
  display: table
}
.todayok .desc {
  margin-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 100;
  display: block;
  width: 175px;
}
.pickup_no_calendar {
  padding-top: 20px;
}
.okw_introduce .box {
  margin: 0;
  padding: 0 10px
}
.okw_introduce .box li {
  list-style: none
}
.okw_introduce .box li a {
  display: table;
  width: 100%;
  color: #000;
  padding: 15px 0;
  border-top: 1px dotted #99865c
}
.okw_introduce .box li a:visited, .okw_introduce .box li a:hover {
  text-decoration: none;
  color: #000
}
.okw_introduce .box li:first-child a {
  border: none
}
.okw_introduce .box li a .okw_introduce_text em {
  color: #06c
}
.okw_introduce .box li a:visited .okw_introduce_text em {
  color: #832dab
}
.okw_introduce .box li a:hover .okw_introduce_text em {
  color: #209dd6;
  text-decoration: underline
}
.okw_introduce .okw_introduce_image {
  display: table-cell;
  width: 80px
}
.okw_introduce .okw_introduce_image img {
  vertical-align: bottom
}
.okw_introduce .okw_introduce_text {
  display: table-cell;
  vertical-align: top;
  font-size: 12px
}
.okw_introduce .okw_introduce_text em {
  display: block;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 4px 0
}
.okw_news .box {
  margin: 0 15px;
  padding: 0;
}
.okw_news .box li, .okw_data .box li {
  margin: 0;
  display: block;
  border-top: 1px dotted #99865c;
  padding: 15px 0;
  font-size: 14px;
}
.okw_news .box li a {
  font-weight: bold;
  margin-top: 5px
}
.okw_news .box li:first-child, .okw_data .box li:first-child {
  border: none
}
.okw_data .icon_q, .okw_data .icon_a, .okw_data .icon_heart {
  position: relative;
  padding-left: 25px;
  font-weight: 100
}
.okw_data .icon_q:before {
  content: "Q";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #E69E3A;
  position: absolute;
  top: 50%;
  left: 2px;
  margin-top: -13px;
}
.okw_data .icon_a:before {
  content: "A";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #3AD;
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -12px;
}
.okw_data .icon_heart:before {
  content: "";
  background: url(../images/common/sprite_icon.gif?Qche1i8sPd) no-repeat -229px 2px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 1px;
  margin-top: -12px;
}
.okw_data .box {
  margin: 0;
  padding: 0 10px
}
.okw_data .box li {
  position: relative;
  font-weight: bold
}
.okw_data .box .okw_data_att {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  font-size: 11px;
  font-weight: 100
}
.okw_data .box span.cnt {
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-left: 5px;
}
.okw_wrapper.service2 .okw_footer {
  padding: 0;
}
.okw_wrapper .okw_footer.hline2 {
  border-top: 5px solid #efe1be;
  padding: 0;
}
/**/
.okw_sidenavi .company_userlist {
  margin-bottom:15px
}
.okw_sidenavi .company_userlist ul {
  margin:0;
  padding:0;
  width:300px
}
.okw_sidenavi .company_userlist ul li.company_user {
  border-top: #99865c 1px dotted;
  padding:10px 0 0 0
}
.okw_sidenavi .company_userlist ul li.company_user:first-child {
  border-top: none;
  padding:0
}
.okw_sidenavi .company_user {
  font-size:14px;
  line-height:1;
  clear:both;
  display:inline-block;
  margin:10px 10px 0 10px;
  text-align:left
}
.okw_sidenavi .company_user .okw_avatar_m {
  width:60px;
  float:left;
  font-size: 0;
  margin-right:13px
}
.okw_sidenavi .company_user .okw_avatar_m img {
  width:60px;
  height:60px;
  border: none;
  line-height: 0
}
.okw_sidenavi .company_user .name_area {
  width:207px;
  float:left;
  font-size:18px
}
.okw_sidenavi .qat_area{
  clear:both
}
.okw_sidenavi .qat_area ul{
  margin:5px 0 0 0;
  display: inline-block;
  width: 207px
}
.okw_sidenavi .qat_area li{
  float:left;
  margin:0 0 0 10px;
  padding:0;
  position:relative;
  list-style:none
}
.okw_sidenavi .qat_area li:first-child{
  margin:0
}
.okw_sidenavi .qat_area .icon_a {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #3AD;
}
.okw_sidenavi .qat_area .icon_heart {
  background: url(../images/common/sprite_icon.gif?Qche1i8sPd) no-repeat -230px -22px;
  width: 12px;
  height: 11px;
  overflow:hidden;
  line-height:200px;
  display:inline-block;
}
.okw_sidenavi .qat_area .cnt {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin-left:-2px;
}
/* ======= ranking ======= */
.okw_sidenavi .social {
  margin: 5px 0 8px 0;
  float: right;
  width: 140px;
  overflow: hidden
}
.okw_sidenavi .social .tw_btn {
  float: left;
  margin-right: 10px;
  width: 60px;
}
.okw_sidenavi .social .fb_btn {
  float: left;
  width: 70px;
}
.okw_sidenavi .social .fb_btn iframe {
  border: none;
  overflow: hidden;
  height: 20px
}
.okw_sidenavi {
  word-break: break-all;
  word-wrap: break-word;
}
.okw_sidenavi .okw_ruser, .okw_sidenavi .okw_pl_l, .okw_sidenavi .okw_subarea_rnk, .okw_sidenavi .okw_qa_rnk {
  background: #f7f3e8;
  clear: both;
  padding: 0 10px 10px;
  margin-bottom: 15px;
}
.okw_sidenavi .okw_ruser .txt_area a {
  float: left;
  margin-right: 5px;
}
.okw_sidenavi .okw_ruser .ttl, .okw_sidenavi .okw_pl_l .ttl, .okw_sidenavi .okw_subarea_rnk .ttl, .okw_sidenavi .okw_qa_rnk .ttl {
  font-size: 14px;
  margin: 0 -10px 10px;
  font-weight: bold;
  padding: 5px 15px;
  background: #D9CAA5;
}
.okw_sidenavi .okw_ruser img {
  float: left;
  width: 60px;
  height: 60px;
  border: 1px solid #CCC;
  margin-right: 15px
}
.okw_sidenavi .okw_ruser .txt_area {
  overflow: hidden;
}
.okw_sidenavi .okw_ruser .txt_area a.user_nm {
  line-height: 19px;
  font-size: 16px;
  margin-bottom: 5px;
}
.okw_sidenavi .okw_ruser .txt_area p span.nm {
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
}
.okw_sidenavi .okw_ruser .txt_area p {
  clear: both;
}
.okw_sidenavi .okw_pl_l ul {
  padding-top: 10px;
}
.okw_sidenavi .okw_pl_l li {
  overflow: hidden;
  border-top: 1px dotted #99865c;
  padding-top: 10px;
  margin-top: 10px
}
.okw_sidenavi .okw_pl_l li:first-child {
  border: none;
  margin: 0;
  padding: 0
}
.okw_sidenavi .okw_pl_l img {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 15px
}
.okw_sidenavi .okw_pl_l .txt_area {
  overflow: hidden;
  font-size: 11px
}
.okw_sidenavi .okw_pl_l a {
  font-weight: bold;
  font-size: 13px;
}
.okw_sidenavi .okw_subarea_rnk li img {
  width: 35px;
  height: 35px;
  border: 1px solid #CCC;
  float: left;
  margin-right: 10px;
}
.okw_sidenavi .okw_subarea_rnk li .rnk_area {
  float: left;
  width: 23px;
  height: 21px;
  margin-right: 5px;
  overflow: hidden;
  color: #000;
  font-size: 11px
}
.okw_sidenavi .okw_subarea_rnk li .rnk_area em {
  font-style: normal;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.okw_sidenavi .okw_subarea_rnk li a:hover .rnk_area em {
  text-decoration: none
}
.okw_sidenavi .okw_subarea_rnk li.rnk1 .rnk_area {
  background: url(../images/common/sprite_rnk.gif?Qche1i8sPd) no-repeat 0 0;
}
.okw_sidenavi .okw_subarea_rnk li.rnk2 .rnk_area {
  background: url(../images/common/sprite_rnk.gif?Qche1i8sPd) no-repeat -24px 0;
}
.okw_sidenavi .okw_subarea_rnk li.rnk3 .rnk_area {
  background: url(../images/common/sprite_rnk.gif?Qche1i8sPd) no-repeat -48px 0;
}
.okw_sidenavi .okw_subarea_rnk li.rnk1 .rnk_area, .okw_sidenavi .okw_subarea_rnk li.rnk2 .rnk_area, .okw_sidenavi .okw_subarea_rnk li.rnk3 .rnk_area {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.okw_sidenavi .okw_subarea_rnk li .txt_area {
  overflow: hidden;
}
.okw_sidenavi .okw_subarea_rnk li .txt_area .group_area {
  font-size: 11px;
  color: #000;
  line-height: 1.2;
  margin: 0 0 4px 0
}
.okw_sidenavi .okw_subarea_rnk li .txt_area p.att {
  font-size: 11px;
  color: #000
}
.okw_sidenavi .okw_subarea_rnk li .txt_area p.att span {
  font-size: 10px;
  background: #66400A;
  color: #FFF;
  margin-top: 1px;
  margin-right: 4px;
  padding: 2px 0;
  text-align: center;
  display: block;
  width: 36px;
  float: left;
  line-height: 1;
}
.okw_sidenavi .okw_subarea_rnk li .txt_area .user_nm {
  font-size: 16px;
}
.okw_sidenavi li a:hover .txt_area .user_nm {
  cursor: pointer;
  text-decoration: underline
}
.okw_sidenavi .okw_subarea_rnk li span {
  font-size: 10px;
  display: inline-block;
  color: #000
}
.okw_sidenavi .okw_subarea_rnk li a:hover span {
  text-decoration: none;
}
.okw_sidenavi .okw_subarea_rnk li, .okw_sidenavi .okw_qa_rnk li {
  border-bottom: 1px dotted #99865C;
  padding-bottom: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.okw_sidenavi .rmr_lnk {
  text-align: center
}
.okw_sidenavi .okw_subarea_rnk li .txt_area .q_ttl {
  font-weight: bold;
  font-size: 15px;
  display: block;
  margin-bottom: 5px;
}
.okw_sidenavi .okw_subarea_rnk li a:hover {
  text-decoration: none
}
.okw_sidenavi .okw_subarea_rnk li a:visited .txt_area .q_ttl {
  color: #832DAB;
}
.okw_sidenavi .okw_subarea_rnk li a:link .txt_area .q_ttl {
  color: #06C;
}
.okw_sidenavi .okw_subarea_rnk li a:hover .txt_area .q_ttl {
  text-decoration: underline
}
.okw_sidenavi .okw_subarea_rnk li a:hover .txt_area .q_ttl em {
  text-decoration: none
}
.okw_sidenavi .okw_subarea_rnk li .txt_area .q_ttl em {
  font-style: normal;
  color: #E69E3A;
  padding-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120%;
  font-weight: bold;
  display: inline-block;
}
.okw_sidenavi .okw_subarea_rnk li .txt_area .q_desc {
  font-size: 11px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block
}
.okw_sidenavi .okw_subarea_rnk li a:hover .q_desc {
  text-decoration: none
}
/*ranking qat*/
.okw_sidenavi .okw_subarea_rnk .qat_area ul {
  width: 170px;
  margin:0
}
.okw_sidenavi .okw_subarea_rnk .qat_area li {
  float: left;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  border: none
}
.okw_sidenavi .okw_subarea_rnk .qat_area .icon_q {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #E69E3A;
  position: absolute;
  top: -2px;
  left: 1px
}
.okw_sidenavi .okw_subarea_rnk .qat_area .icon_a {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #3AD;
  position: absolute;
  top: -2px;
  left: 1px
}
.okw_sidenavi .okw_subarea_rnk .qat_area .icon_heart {
  background: url(../images/common/sprite_icon.gif?Qche1i8sPd) no-repeat -230px -22px;
  width: 12px;
  height: 11px;
  overflow: hidden;
  line-height: 200px;
  position: absolute;
  top: 3px;
  left: 2px
}
.okw_sidenavi .okw_subarea_rnk .qat_area .cnt {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-left: 18px;
}
.okw_sidenavi .okw_subarea_rnk .qat_area li:first-child {
  margin-left: 0;
}
/* ======= social_toparea ======= */
.social_rightarea, .contents_social_area ul.social_main, .contents_social_area ul.social_sub {
  visibility: hidden;
}
.social_toparea {
  clear: both;
  display: inline-block;
  width: 610px
}
.social_rightarea {
  float: right;
  font-size: 11px;
  line-height: 1.3;
  display: table;
  height: 28px;
}
.okw_a_area .social_rightarea {
  margin-top: 7px;
  height: 30px
}
.social_rightarea ul {
  margin: 0;
  padding: 0;
  display: table-cell;
  vertical-align: middle
}
.social_rightarea ul li {
  list-style: none;
  float: left;
  border-left: #999 1px solid;
  margin: 0 0 0 4px !important;
  position: relative;
  z-index: 40
}
.okw_a_area .ttlarea .social_rightarea li{
  padding:0
}
.social_rightarea ul li:first-child {
  border-left: none;
  margin: 0 !important;
}
.social_rightarea ul li a:before {
  content: "";
  background-image: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd);
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  display: block;
  float: left;
  margin: 0 3px 0 6px
}
.social_rightarea ul li.like.active a {
  color: #999
}
.social_rightarea ul li.like a:before {
  background-position: 0 -18px;
}
.social_rightarea ul li.like.active a:before {
  background-position: -13px -18px;
}
.social_rightarea ul li.share a:before {
  background-position: 0 -18px;
}
.social_rightarea ul li.tweet a:before {
  background-position: -26px -18px;
}
.social_rightarea ul li.etc a:before {
  display:none
}
.social_rightarea ul li.etc a {
  padding-left: 6px
}
.social_rightarea ul li.etc a:after {
  content: "";
  background: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd) no-repeat -284px -4px;
  width: 13px;
  height: 13px;
  display: block;
  float: right
}
.social_rightarea ul li.etc.active a:after {
  content: "";
  background: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd) no-repeat -298px -4px;
  width: 13px;
  height: 13px;
  display: block;
  float: right
}
.social_rightarea ul li .pullsocail {
  position: absolute;
  top: 23px;
  margin: 0 auto;
  padding: 0 5px;
  list-style: none;
  border: 1px solid #ccc;
  zoom: 1;
  top: 16px;
  right: 0;
  background: #fff;
  overflow: hidden;
  width: 85px
}
.social_rightarea ul li .pullsocail li {
  float: none;
  border: none;
  border-bottom: 1px dotted #ccc;
  display: block;
  margin: 0 0 -1px 0;
  padding: 0
}
.social_rightarea ul li .pullsocail li a {
  display: block;
  padding: 6px 0 5px 0
}
.social_rightarea ul li.etc.active .pullsocail li a:after {
  display: none
}
.social_rightarea ul li .pullsocail li a:before {
  content: "";
  background-image: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd);
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  display: block;
  float: left;
  margin: 0 6px 0 2px
}
.social_rightarea ul li .pullsocail li.hatena a:before {
  background-position: -39px -18px;
}
.social_rightarea ul li .pullsocail li.pocket a:before {
  background-position: -52px -18px;
}
.social_rightarea ul li .pullsocail li.google a:before {
  background-position: -65px -18px;
}
.social_rightarea ul li .pullsocail li.mixi a:before {
  background-position: -78px -18px;
}

.okw_a_area .social_rightarea ul {
}
.okw_contents.layoutleft .social_toparea {
  margin-bottom: 10px
}
.social_rightarea .all_count {
  position: relative;
  padding: 0 6px;
}
.all_count:after {
  content: "(";
  position: absolute;
  top: 1px;
  left: 2px;
  width: 5px;
  height: 28px;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  color: #999
}
.all_count:before {
  content: ")";
  position: absolute;
  top: 1px;
  right: 0px;
  width: 5px;
  height: 28px;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  color: #999
}
.social_rightarea .count {
  position: relative;
  padding: 0 4px;
  margin: 4px 6px 4px 0;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  background: #FFF;
  border: 1px solid #999;
  min-width: 10px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: none;
}
.social_rightarea .count:after {
  content: "";
  position: absolute;
  background: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd) -316px -8px no-repeat;
  width: 7px;
  height: 6px;
  top: 6px;
  right: -7px;
}
/* ======= contents_social_area ======= */
.contents_social_area {
  overflow: hidden;
  clear: both;
  padding: 20px 0 0;
  line-height: 0
}
.contents_social_area.okw_comment_list_area {
  border-top: 1px solid #ddd8c9;
  border-bottom: none
}
.contents_social_area span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
  padding-left: 2px
}
.contents_social_area ul {
  clear: both;
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 1.2
}
.contents_social_area ul li {
  float: left;
  list-style: none
}
.contents_social_area ul li a {
  display: block
}
.contents_social_area ul li a:before {
  content: "";
  background-image: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  display: block;
}
.contents_social_area ul.social_main li a:before {
  position: absolute;
  top: 10px;
  left: 10px
}
.contents_social_area ul.social_sub li a:before {
  float: left;
  margin: 0 8px 0 10px
}
.contents_social_area ul.social_main li a {
  display: block;
  border: 1px solid #D9CAA5;
  margin-right: -1px;
  padding: 11px 8px 11px 28px;
  width: 74px;
  font-size: 14px;
  position: relative;
  text-align: center
}
.contents_social_area ul.social_main li.like.active a {
  color: #999
}
.contents_social_area ul.social_main li.like a:before {
  background-position: 0 0;
}
.contents_social_area ul.social_main li.like.active a:before {
  background-position: -18px 0;
}
.contents_social_area ul.social_main li.share a:before {
  background-position: 0 0;
}
.contents_social_area ul.social_main li.tweet a:before {
  background-position: -36px 0;
}
.contents_social_area ul.social_sub {
  line-height: 1.6;
  margin: 12px 0 0 20px;
}
.contents_social_area ul.social_sub li a {
  display: block;
  margin-right: 20px;
  font-size: 12px
}
.contents_social_area ul.social_sub li a:before {
  margin: 0 8px 0 0
}
.contents_social_area ul.social_sub li.hatena a:before {
  background-position: -54px 0;
}
.contents_social_area ul.social_sub li.pocket a:before {
  background-position: -72px 0;
}
.contents_social_area ul.social_sub li.google a:before {
  background-position: -90px 0;
}
.contents_social_area ul.social_sub li.mixi a:before {
  background-position: -108px 0;
}
.contents_social_area .social_main {
  float: left;
  padding-right: 22px;
  border-right: 1px solid #ddd8c9;
}
.contents_social_area .count {
  position: relative;
  padding: 0 8px;
  margin: 6px 14px 0 0;
  font-size: 16px;
  height: 27px;
  line-height: 27px;
  background: #FFF;
  border: 1px solid #999;
  min-width: 20px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: none;
}
.contents_social_area .count:after {
  content: "";
  position: absolute;
  background: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd) -327px -8px no-repeat;
  width: 10px;
  height: 8px;
  top: 9px;
  right: -9px;
}
/* profile contact */
.okw_sidenavi .profile_pro_area {
  width: 300px;
  border: none;
  margin: 0 0 25px 0;
  padding: 0
}
.okw_sidenavi .contact_area {
  background: #fff;
  margin: 0
}
.okw_sidenavi .contact_area .title {
  background: #fff;
  font-size: 18px;
  color: #665329;
  padding: 0
}
.okw_sidenavi .contact_area .title p {
  font-size: 11px;
  bottom: 3px;
  right: 0
}
.okw_sidenavi .contact_area .phonenumber {
  font-size: 28px;
  line-height: 40px;
  margin: 5px 0 -5px 0;
  padding: 0
}
.okw_sidenavi .contact_area .phonenumber:before {
  content: "";
  display: block;
  float: left;
  background: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd) no-repeat -770px 0;
  width: 26px;
  height: 35px;
  margin-right: 10px;
  overflow: hidden
}
.okw_sidenavi .contact_area ul {
  border: 2px solid #9f8a63
}
.okw_sidenavi .contact_area ul li {
  width: 265px;
}
.okw_sidenavi .contact_area .contact_btn_area {
  text-align: center
}
.okw_sidenavi .contact_area .contact_btn_area ul {
  border: none;
  margin: 0;
  width: 230px
}
.okw_sidenavi .contact_area .contact_btn_area ul li {
  margin: 15px 0 0 0
}
.okw_sidenavi .contact_area .contact_btn_area ul li:first-child {
  margin: 0
}
.okw_sidenavi .contact_area .contact_btn_area ul li a {
  margin: 0
}
.okw_sidenavi .contact_url {
  font-size: 11px
}
.okw_sidenavi .contact_area .codicil {
  margin: 15px 0 0 0
}
.okw_sidenavi .contact_url a {
  display: inline
}
/*List p*/
.okw_list_p {
  word-break: break-all;
  word-wrap: break-word;
  margin: 8px 0 0 0;
  display: inline-block;
  width: 610px
}
.okw_list_p .ttl {
  padding: 0px 0 10px 0;
  font-weight: bold;
  font-size: 24px;
  color: #665329;
  line-height: 24px
}
.okw_list_p .sort_type {
  background: #f7f3e8;
  overflow: hidden;
  clear: both;
  padding: 9px 17px 15px 17px
}
.involved .okw_list_p {
  display: block;
  position: relative
}
.involved .okw_list_p .sort_type {
  font-size: 12px;
  padding-top: 0;
  padding-bottom: 10px
}
.involved .okw_list_p .sort_type_all {
  position: absolute;
  top: -34px;
  right: 10px
}
.okw_list_p .sort_type ul {
  margin: 0;
  padding: 0
}
.okw_list_p .sort_type ul li {
  float: left;
  list-style: none
}
.okw_list_p .sort_type ul li a {
  display: inline-block;
  background: #fff;
  border: #d9caa5 1px solid;
  margin: 6px 8px 0 0;
  padding: 5px 10px
}
.okw_list_p .sort_type ul li.present {
  display: inline-block;
  margin: 5px 8px 0 0;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold
}
.okw_list_p .sort_city {
  overflow: hidden;
  clear: both;
  margin: 15px 0 0 0
}
.okw_list_p .sort_city .ttl {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  padding: 0
}
.okw_list_p .sort_city .codicil {
  font-size: 11px;
  text-align: right;
  margin: 15px 0 0 0
}
.okw_list_p .sort_city ul {
  clear: both;
  overflow: hidden;
  width: 610px
}
.okw_list_p .sort_city ul li {
  float: left;
  line-height: 1.1
}
.okw_list_p .sort_city ul li a {
  display: inline-block;
  border-right: #ccc 1px solid;
  margin: 8px 5px 0 0;
  padding: 0 5px 0 0
}
.okw_list_p .sort_city ul li.present {
  display: inline-block;
  border-right: #ccc 1px solid;
  margin: 8px 5px 0 0;
  padding: 0 5px 0 0;
  font-weight: bold
}
.okw_list_p .sort_city ul li:last-child a {
  border-right: none
}
.okw_list_p .list_p_area {
  margin: 15px 0 0 0
}
.okw_list_p .list_p_area .number {
  font-size: 12px
}
.okw_list_p .list_p_area .number span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold
}
.okw_list_p .list_p_area ul {
  border: #d9caa5 2px solid;
  clear: both;
  overflow: hidden;
  margin: 8px 0 0 0;
  padding: 14px
}
.okw_list_p .list_p_area ul li {
  border-top: #99865c 1px dotted;
  clear: both;
  overflow: hidden;
  position: relative;
  margin: 8px 0 0 0;
  padding: 8px 0 0 0
}
.okw_list_p .list_p_area ul li:first-child {
  border-top: none;
  margin: 0;
  padding: 0
}
.okw_list_p .list_p_area .image_area {
  float: left;
  width: 97px
}
.okw_list_p .list_p_area .image_area img {
  width: 80px;
  height: 80px;
  border: #ccc 1px solid
}
.okw_list_p .list_p_area .data_area {
  float: left;
  line-height: 1.4
}
.okw_list_p .list_p_area .data_area.data_area_group {
  width: 460px
}
.okw_list_p .list_p_area .data_area .att {
  font-size: 11px
}
.okw_list_p .list_p_area .data_area .att span {
  font-size: 10px;
  background: #66400A;
  color: #FFF;
  margin-top: 1px;
  margin-right: 4px;
  padding: 2px 0;
  text-align: center;
  display: block;
  width: 36px;
  float: left;
  line-height: 1
}
.okw_list_p .list_p_area .data_area .fullname {
  font-size: 18px;
  font-weight: bold;
  margin: 5px 0 0 0;
  line-height: 1.1
}
.okw_list_p .list_p_area .data_area ul.qat_area {
  border: none;
  margin: 5px 0 0 0;
  padding: 0
}
.okw_list_p .list_p_area .data_area ul.qat_area li {
  float: left;
  clear: none;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  border: none
}
.okw_list_p .list_p_area .data_area ul.qat_area li:first-child {
  margin-left: 0
}
.okw_list_p .list_p_area .data_area ul.qat_area .icon_q {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #E69E3A;
  position: absolute;
  top: -2px;
  left: 3px
}
.okw_list_p .list_p_area .data_area ul.qat_area .icon_a {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #3AD;
  position: absolute;
  top: -2px;
  left: 3px
}
.okw_list_p .list_p_area .data_area ul.qat_area .icon_heart {
  background: url(../images/common/sprite_icon.gif) no-repeat -230px -22px;
  width: 12px;
  height: 11px;
  overflow: hidden;
  line-height: 200px;
  position: absolute;
  top: 3px;
  left: 3px
}
.okw_list_p .list_p_area .data_area ul.qat_area .cnt {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-left: 18px
}
.okw_list_p .list_p_area .data_area .a_area {
  margin: 6px 0 0 0
}
.okw_list_p .list_p_area .data_area .description {
  font-size: 14px;
  margin: 8px 0 0 0
}
.okw_list_p .list_p_area .data_area .numbers {
  font-size: 12px;
  color: #999;
  margin: 4px 0 0 0
}
.okw_list_p .list_p_area .info_area {
  position: absolute;
  top: 20px;
  right: 10px;
  min-width: 240px
}
.okw_list_p .list_p_area .info_area .city {
  font-size: 11px;
  line-height: 1.1
}
.okw_list_p .list_p_area .info_area .phonenumber {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin: 4px 0 0 0
}
.okw_list_p .list_p_area .info_area .phonenumber:before {
  content: "";
  display: block;
  float: left;
  background: url(../images/common/sprite_icon.gif) no-repeat -154px -44px;
  width: 16px;
  height: 23px;
  margin-right: 8px;
  overflow: hidden
}
.okw_list_p .list_p_area .info_area ul.contact_area {
  border: none;
  padding: 0;
  font-weight: bold;
  margin: 10px 0 0 0
}
.okw_list_p .list_p_area .info_area ul.contact_area li {
  border: none;
  clear: none;
  float: left;
  margin: 0 0 0 16px;
  padding: 0;
  line-height: 17px
}
.okw_list_p .list_p_area .info_area ul.contact_area li:first-child {
  margin: 0
}
.okw_list_p .list_p_area .info_area ul.contact_area li.contact_area_mail a:before {
  content: "";
  display: block;
  float: left;
  background: url(../images/common/sprite_icon.gif) no-repeat -175px -42px;
  width: 19px;
  height: 17px;
  margin-right: 4px;
  overflow: hidden
}
.okw_list_p .list_p_area .info_area ul.contact_area li.contact_area_form a:before {
  content: "";
  display: block;
  float: left;
  background: url(../images/common/sprite_icon.gif) no-repeat -199px -44px;
  width: 14px;
  height: 17px;
  margin-right: 4px;
  overflow: hidden
}
.okw_list_p .list_p_area .info_area ul.contact_area li.contact_area_url a:before {
  content: "";
  display: block;
  float: left;
  background: url(../images/common/sprite_icon.gif) no-repeat -218px -44px;
  width: 14px;
  height: 17px;
  margin-right: 4px;
  overflow: hidden
}
.okw_list_p .list_p_area ul li .notfound_inner {
  text-align: center;
  height: 82px;
  line-height: 82px
}
.okw_list_p .list_p_area ul li .normal_inner {
  padding: 10px;
  overflow: hidden;
  position: relative
}
.okw_list_p .list_p_area ul li .special_inner {
  background: #f7f3e8;
  padding: 10px;
  overflow: hidden;
  position: relative
}
.okw_list_p .list_p_area ul li .special_inner .data_area {
  width: 210px
}
.okw_list_p .list_p_area ul li .special_inner .data_area.data_area_group {
  width: 460px
}
.okw_list_p .list_p_area ul li .special_inner .special_tag {
  display: block;
  width: 43px;
  height: 43px;
  background: url(../images/common/sprite_icon.gif) no-repeat -248px 0;
  position: absolute;
  top: 0;
  right: 0
}
/* ======= expert qbtn area ======= */
.okw_area_btn {
  clear: both;
  position: relative;
  border: 2px solid #D9CAA5;
  padding: 0
}
.okw_area .okw_area_btn .btn {
  display: table;
  margin: 15px;
  padding: 0;
  overflow: hidden;
  min-height: 40px
}
.okw_area .okw_area_btn .btn li {
  border: none;
  display: table-cell;
  vertical-align: middle;
}
.okw_area .okw_area_btn .btn .text {
  color: #000;
  text-align: left;
  font-size: 12px;
  line-height: 14px;
}
.okw_area .okw_area_btn .btn .q_btn {
  width: 200px
}
.okw_area .q_btn a, .okw_area .q_btn a:visited {
  display: block;
  width: 180px;
  height: 40px;
  background: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd) no-repeat 0 -656px;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  margin: 0 15px 0 0;
}
.okw_area .q_btn a:hover {
  color: #fff;
  background: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd) no-repeat -180px -656px;
  text-decoration: none
}
.okw_area .q_btn a:active {
  color: #fff;
  background: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd) no-repeat -360px -656px;
  text-decoration: none;
  line-height: 42px
}
.okw_area .q_btn a.disable {
  display: block;
  width: 180px;
  height: 40px;
  background: url(../images/common/sprite_leaf_2.gif?Qche1i8sPd) no-repeat -540px -656px;
  font-size: 18px;
  color: #f5f5f5;
  text-align: center;
  line-height: 42px;
  margin: 0 15px 0 0;
  pointer-events: none;
  cursor: default
}
.okw_list_p .okw_area {
  margin: 24px 0 0 0
}
/* ======= expert offer_area ======= */
.offer_area {
  background: #f7f3e8;
  margin: 30px 0 0 0
}
.offer_area .ttl {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 5px 8px;
  background: #d9caa5
}
.offer_area .ttl span {
  font-size: 12px;
  font-weight: normal
}
.offer_area .okw_area {
  width: 100%;
  display: table;
  margin: 0;
  padding : 0 0 20px 0
}
.offer_area .offer_area_avater {
  display: table-cell;
  vertical-align: top;
  width: 266px;
  padding: 12px 10px 0 15px
}
.offer_area .offer_area_btn {
  display: table-cell;
  vertical-align: top;
  padding: 32px 15px 0 0
}
.offer_area .offer_area_btn .q_btn a, .offer_area .offer_area_btn .q_btn a.disable {
  margin: 0 auto
}
.offer_area .offer_area_btn p {
  color: #663300;
  font-size: 12px;
  line-height: 1.4;
  margin: 30px 0 0 10px
}
.offer_area .offer_area_avater img {
  vertical-align: bottom
}
.social_an_link {
  margin: 15px 0px 20px;
  text-align: right;
}
.social_an_link a {
  padding-right: 17px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  margin: 20px 0;
  background: url(../images/arrow/arrow_r.gif?Qche1i8sPd) no-repeat right 0px;
}

/* ======= okw_personal_area ======= */
.okw_personal_area {
  clear: both;
  width: 610px;
  display: table;
  line-height: 1.2
}
.okw_personal_area .personal_type {
  font-size: 12px
}
.okw_personal_area .personal_type span {
  display: inline-block;
  font-size: 11px;
  color: #fff;
  background: #66400a;
  margin: 0 4px 6px 0;
  padding: 0 4px;
  height: 18px;
  line-height: 18px
}
.okw_personal_area .personal_avatar {
  display: table-cell;
  vertical-align: top;
  width: 80px;
  padding-right: 20px;
  font-size: 11px;
  text-align: center
}
.okw_personal_area .personal_info {
  display: table-cell;
  vertical-align: top;
}
.okw_personal_area .personal_setting {
  display: table-cell;
  vertical-align: top;
  text-align: right;
  font-size: 11px;
  color: #999
}
.okw_personal_area .personal_avatar img {
  display: block;
  vertical-align: bottom;
  width: 80px;
  border-radius: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  margin-bottom: 8px
}
.personal_id {
  font-size: 20px;
  font-weight: bold
}
.personal_id span {
  font-size: 11px;
  font-weight: normal;
  padding-left: 8px
}
.personal_name {
  font-size: 30px
}
.personal_setting ul {
  margin: 0;
  padding: 0
}
.personal_setting ul li {
  list-style: none;
  font-size: 14px;
  padding: 10px 0 0 0
}
.personal_qat {
  clear: both;
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  overflow: hidden;
  line-height: 17px
}
.personal_qat li {
  list-style: none;
  float: left;
  margin-left: 16px
}
.personal_qat li:first-child {
  margin: 0
}
.personal_qat .cnt {
  padding-left: 4px
}
.personal_qat .icon_heart {
  display: inline-block;
  background: url(../images/common/sprites_icon_2.gif) no-repeat 0 -13px;
  width: 18px;
  height: 16px;
  overflow: hidden;
  line-height: 200px;
  float: left
}
.personal_qat .icon_q {
  font-size: 20px;
  color: #E69E3A;
  float: left
}
.personal_qat .icon_a {
  font-size: 20px;
  color: #3AD;
  float: left
}
.personal_level {
  font-size: 15px;
  font-weight: bold;
  margin: 12px 0 0 0
}
.personal_level span {
  font-size: 12px;
  font-weight: normal;
  color: #999
}
.level_bar {
  width: 180px;
  height: 6px;
  background: #e5e5e5;
  margin: 2px 0 0 0;
  position: relative
}
.level_bar .present_pt {
  background: #3bb200;
  width: 100px;
  height: 6px;
}
.okw_personal_data {
  clear: both;
  line-height: 1.1;
  font-size: 11px;
  width: 610px;
  border-top: #eee 1px solid;
  margin: 10px 0 0 0
}
.okw_personal_data ul {
  margin: 0;
  padding: 0;
  border-bottom: #eee 1px solid;
  overflow: hidden
}
.okw_personal_data ul li {
  list-style: none;
  float: left;
  border-left: #ccc 1px solid;
  margin: 5px 0 5px 10px;
  padding: 0 0 0 10px;
}
.okw_personal_data ul li:first-child {
  border: none;
  margin: 5px 0;
  padding: 0
}
.okw_personal_data ul li span {
  color: #999;
  padding-left: 10px
}
.okw_personal_medal {
  width: 610px;
  clear: both;
  margin: 3px 0 20px 0;
  position: relative
}
.okw_personal_medal ul {
  margin: 0;
  padding: 0;
  width: 611px
}
.okw_personal_medal ul li {
  float: left;
  list-style: none;
  margin: 7px 7px 0 0
}
.okw_personal_medal ul li img {
  width: 60px;
  height: 60px
}
.okw_personal_medal .medal_faq {
  font-size: 11px;
  position: absolute;
  bottom: -10px;
  right: 0px;
}
.okw_personal_btn {
  margin: 20px 0 0 0
}
.okw_personal_btn ul {
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0
}
.okw_personal_btn li {
  float: left;
  margin: 0 0 0 8px
}
.okw_personal_btn li:first-child {
  margin: 0
}
.okw_personal_btn a {
  display: block;
  width: 196px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border: #06c 1px solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative
}
.okw_personal_btn a:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  background: url(../images/common/sprites_icon_2.gif) no-repeat -41px 0;
  position: absolute;
  top: 13px;
  right: 8px
}
.okw_personal_btn a span {
  font-size: 12px;
  line-height: 1.2;
  display: block;
  margin: 5px 0 0 0
}
.okw_personal_pr {
  clear: both;
  border-top: #eee 1px solid;
  margin: 20px 0 0 0;
  padding: 16px 0 0 0;
  word-break: break-all;
  word-wrap: break-word
}
.okw_personal_pr dl {
  width: 610px
}
.okw_personal_pr dt {
  float: left;
  width: 90px;
  font-size: 11px;
  font-weight: bold
}
.okw_personal_pr dd {
  margin-left: 90px;
  font-size: 14px
}
.okw_personal_info {
  clear: both;
  margin: 20px 0;
  padding: 16px 0 0 0;
  word-break: break-all;
  word-wrap: break-word;
  overflow: hidden
}
.okw_personal_info dl {
  width: 295px;
  display: inline-block;
  font-size: 11px;
  float: right;
  border-bottom: #eee 1px solid
}
.okw_personal_info dl:first-child {
  float: left
}
.okw_personal_info dt {
  float: left;
  width: 90px;
  font-weight: bold;
  border-top: #eee 1px solid;
  padding: 4px 0
}
.okw_personal_info dd {
  margin-left: 90px;
  border-top: #eee 1px solid;
  padding: 4px 0;
  font-size: 12px
}
/* ======= Q list ======= */
.okw_qlist {
  clear: both;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  word-break : break-all;
  word-wrap: break-word;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  background: #fff
}
.okw_qlist li {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-top: #eee 1px solid
}
.okw_qlist li:first-child {
  border: none
}
.okw_qlist li a {
  display: block;
  padding: 10px;
}
.okw_qlist li a:hover {
  text-decoration: none
}
.okw_qlist li a:visited .qlist_qtext .qtitle {
  color: #832dab
}
.okw_qlist li a:hover .qlist_qtext .qtitle {
  text-decoration: underline;
  color: #209DD6
}
.okw_qlist li.qlist_more a {
  padding: 0;
  text-align: center;
  font-size: 14px;
  height: 44px;
  line-height: 44px
}
.okw_qlist li.qlist_more a:hover {
  text-decoration: underline
}
.okw_qlist span {
  display: block
}
.qlist_first {
  display: table;
  width: 100%
}
.qlist_first .qlist_avatar {
  display: table-cell;
  vertical-align: top;
  width: 50px
}
.qlist_first .qlist_avatar img {
  vertical-align: bottom;
  width: 40px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px
}
.qlist_first .qlist_qtext {
  display: table-cell;
  vertical-align: top
}
.qlist_first .qlist_qtext .qtitle {
  font-size: 18px;
  font-weight: bold
}
.qlist_first .qlist_qtext .qbody {
  font-size: 12px;
  color: #000;
  margin: 2px 0 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 541px
}
.qlist_first .qlist_qtext em {
  font-style: normal;
  color: #e69e3a;
  padding-right: 4px;
  font-size: 125%;
  font-weight: bold;
  display: inline-block;
  line-height: 1
}
.qlist_second {
  margin: 7px 0 0 0;
  font-size: 11px;
  color: #999
}
.qlist_second ul {
  margin: 0;
  padding: 0;
  display: inline-block
}
.qlist_second ul li {
  float: left;
  border: none;
  border-right: #ccc 1px solid;
  margin: 2px 5px 0 0;
  padding : 0 5px 0 0
}
.qlist_second ul li:first-child {
  border: none;
  padding: 0
}
.qlist_second ul li.qlist_status {
  display: block;
  width: 32px;
  height: 13px;
  overflow: visible;
  position: relative;
  border: none;
  padding: 0
}
.okw_qlist span.icon_answer_accept, .okw_qlist span.icon_answer_solution, .okw_qlist span.icon_answer_close {
  position: absolute;
  top: -2px;
  left: 0
}
.qlist_second ul li.qlist_icon {
  display: block;
  width: 16px;
  height: 13px;
  overflow: visible;
  position: relative;
  border: none
}
.okw_qlist .ico_photo_m, .okw_qlist .ico_voice_m, .okw_qlist .ico_movie_m {
  position: absolute;
  top: 0;
  left: 0
}
.okw_qlist li.okw_loading {
  font-size: 12px;
  padding: 16px 0;
  text-align: center
}

.okw_qlist li.okw_loading:before {
  content: "";
  display: inline-block;
  background: url(../images/icon/loading.gif?Qche1i8sPd) no-repeat;
  width: 32px;
  height: 32px;
  margin-right: 5px;
  vertical-align: middle;
}

/* ======= Q icon ======= */
.okw_qlist .icon_answer_accept {
  display: inline-block;
  border: 1px solid #65400a;
  color: #65400a;
  font-size: 11px;
  background: none;
  width: 29px;
  height: 14px;
  line-height: 14px;
  text-align: center
}
.okw_qlist .icon_answer_solution, .okw_qlist .icon_answer_close {
  display: inline-block;
  color: #fff;
  font-size: 11px;
  background: #aaa;
  width: 31px;
  height: 16px;
  line-height: 16px;
  text-align: center
}
.okw_qlist .ico_photo_m {
  display: inline-block;
  background: url(../images/common/sprites_icon_2.gif) no-repeat 0 0;
  width: 16px;
  height: 13px;
  overflow: hidden;
  line-height: 100px
}
.okw_qlist .ico_voice_m {
  display: inline-block;
  background: url(../images/common/sprites_icon_2.gif) no-repeat -16px 0;
  width: 9px;
  height: 13px;
  overflow: hidden;
  line-height: 100px
}
.okw_qlist .ico_movie_m {
  display: inline-block;
  background: url(../images/common/sprites_icon_2.gif) no-repeat -25px 0;
  width: 16px;
  height: 13px;
  overflow: hidden;
  line-height: 100px
}
/* ======= fan =======*/
.side_list .okw_fan {
  display: table;
  table-layout: fixed;
  width: 280px
}
.side_list .okw_fan li {
  display: table-cell;
  vertical-align: top
}
.side_list .okw_fan a {
  display: block
}
.side_list .okw_fan em {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  padding-right: 4px
}
.side_list .okw_fan span {
  display: block
}
.activity_report {
  width: 610px;
  border-bottom: #eee 1px solid;
  line-height:1.7
}
.activity_report .ttl {
  margin: 15px 0 0 0;
  font-size: 14px;
  font-weight: bold;
}
.activity_report .sttl {
  position: relative;
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  padding-left: 18px;
}
.activity_report ul {
  margin: 0;
  margin-left: -40px;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
.activity_report li {
  padding: 2px 0;
  border-top: 1px dotted #DDD;
  margin-left: 40px;
}
.activity_report li:first-child {
  border: none;
}
.activity_report li span {
  float: right;
  display: block;
}
.activity_report .ar_tks_area li:nth-child(2) {
  border: none;
}
.activity_report .ar_cate_area .sttl:before {
  left: 0;
  content: "";
  position: absolute;
  background: url(../images/common/sprite_icon3.png?Qche1i8sPd) no-repeat -31px 0px;
  display: block;
  width: 14px;
  height: 16px;
  top: 4px;
}
.activity_report .ar_tks_area, .activity_report .ar_cate_area {
  border-bottom: #eee 1px solid;
  overflow: hidden
}
.activity_report .ar_tks_area .sttl {
  padding-left: 22px;
}
.activity_report .ar_tks_area li {
  width: 285px;
  float: left;
}
.activity_report .ar_tks_area .sttl:before {
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
  background: url(../images/common/sprites_icon_2.gif) no-repeat 0 -13px;
  display: block;
  width: 19px;
  height: 16px;
}
.activity_report .ar_q_area, .activity_report .ar_a_area {
  float: left;
  width: 285px;
}
.activity_report .ar_a_area {
  margin-left: 40px;
}
.activity_report .ar_qa_area ul {
  margin: 0
}
.activity_report .ar_qa_area li {
  margin: 0
}
.ar_qa_area {
  overflow: hidden
}
.activity_report .ar_q_area .sttl:before {
  overflow: hidden;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 1px;
  content: "Q";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #E69E3A;
  display: block;
  width: 19px;
  height: 20px;
}
.activity_report .ar_a_area .sttl:before {
  overflow: hidden;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 1px;
  content: "A";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #3AD;
  display: block;
  width: 19px;
  height: 20px;
}
.okw_orei_list {
  margin: 0;
  padding: 0;
}
.okw_orei_list a {
  line-height: 35px;
  /* float: left; */
  /* display: block; */
  font-size: 18px;
  font-weight: bold;
  word-break: break-all;/* white-space: nowrap; */
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
  /* padding-top: 5px; */
}
.okw_orei_list {
  clear: both;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  word-break: break-all;
  word-wrap: break-word;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  background: #FFF
}
.okw_orei_list li {
  overflow: hidden;
  padding: 15px;
  list-style: none;
  border-top: #eee 1px solid;
  position: relative;
}
.okw_orei_list li:first-child {
  border: none
}
.okw_orei_list a.qAvatar {
  margin-top: 0;
  margin-right: 10px;
  float: left;
}
.okw_orei_list li:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 28px;
  background: url(../images/common/sprite_icon3.png?Qche1i8sPd) no-repeat 0px 1px;
  position: absolute;
  bottom: 13px;
  left: 53px;
}
.okw_orei_list a.qAvatar img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
}
.okw_orei_list .plf_link {
  font-weight: 100;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.okw_orei_list .plf_link a {
  line-height: 1;
  vertical-align: bottom;
  margin-top: 0;
  margin-right: 5px;
  font-size: 15px;
  float: none;
  display: inline-block;
}
.okw_orei_list .qData {
  line-height: 1;
  font-weight: 100;
  clear: both;
  padding-top: 0;
  font-size: 11px;
  color: #cccccc;
  margin: 0;
}
.orei_text_area {
  font-weight: bold;
  float: left;
  width: 508px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.okw_orei_list li.qlist_more {
  text-align: center;
  padding: 0
}
.okw_orei_list li.qlist_more:before,  .okw_orei_list li.myp_support:before {
  display: none
}
.okw_orei_list li.myp_support {
  font-size: 14px;
  font-weight: bold;
  margin: 15px 10px;
}
.okw_orei_list li.qlist_more a {
  padding: 0;
  text-align: center;
  font-size: 14px;
  height: 44px;
  line-height: 44px;
  font-weight: 100;
}
.list_pg {
  margin-bottom: 20px;
  border: 2px solid #D9CAA5;
}
.list_pg .okw_orei_list {
  border-top: none
}
.list_pg .orei_text_area {
  width: 506px;
}
.okw_personal_area .master_area {
  position: relative;
  margin: 6px 0 10px 0px;
  font-size: 12px;
  line-height: 1.1;
  color: #178a00;
  padding-left: 16px;
}
.okw_personal_area .master_area span {
  display: inline-block;
  padding-right: 4px
}
.okw_personal_area .master_area span.master_area_etc {
  color: #000;
  padding: 0 0 0 4px
}
.okw_personal_area .master_area:before {
  left: 0;
  top: -2px;
  content: "";
  position: absolute;
  background: url(../images/common/sprite_icon3.png?Qche1i8sPd) no-repeat -31px 0px;
  display: block;
  width: 14px;
  height: 16px;
}
.okw_personal_data ul.tgl_area {
  position: relative;
}
.okw_personal_data ul li.tgl_btn {
  line-height: 21px;
  position: relative;
  list-style: none;
  float: right;
  border-left: none;
  margin: 0;
  padding: 0 19px 0 0;
  width: 61px;
  text-align: right;
}
.okw_personal_data ul li.tgl_btn:before {
  right: 0;
  top: 2px;
  content: "";
  position: absolute;
  background: url(../images/common/sprite_icon3.png?Qche1i8sPd) no-repeat -47px 0px;
  display: block;
  width: 14px;
  height: 12px;
}
.okw_personal_data ul li.tgl_btn.cls:before {
  right: 0;
  top: 2px;
  content: "";
  position: absolute;
  background: url(../images/common/sprite_icon3.png?Qche1i8sPd) no-repeat -47px -12px;
  display: block;
  width: 14px;
  height: 12px;
}
.okw_personal_area h3 {
  padding: 10px 0 0 0;
}
.ok_area_l-inner .ok_mypage_settingbar {
  margin-top: 0
}
.s_rst {
  margin-bottom: 5px;
  border: 1px solid #ccc
}
p.s_rt_txt{
    padding:0 0 10px;
    font-size:13px;
}
p.s_rt_txt a{
    display:inline-block;
    font-size:12px
}
.s_rst ul {
  max-height: 170px;
  padding: 0 10px 5px;
  letter-spacing: -.4em;
  overflow: auto;
}
.s_rst ul li {
  letter-spacing: normal;
  display: inline-block
}
.s_rst ul li label, .s_rst ul li a {
  display: inline-block;
  background: #fff;
  border: #d9caa5 1px solid;
  margin: 6px 8px 0 0;
  padding: 5px 10px;
  color: #06c
}
.s_rst_ttl{
  font-size:16px;
  font-weight:bold;
  margin:20px 0 5px
}
.okw_personal_medal ul li .hit_area {
  display: block;
  position: relative;
  cursor: pointer
}
.okw_personal_medal li .hit_area .userpop {
  min-height: 110px;
  cursor: default;
  top: 55px;
  position: absolute;
  left: 0;
  width: 250px;
  border: 1px solid #CCC;
  background-color: #FFF;
  padding: 10px;
  z-index: 100;
  color: #000;
  font-size: 12px;
}
.cate_master .arr_icon .userpop:before, .okw_personal_medal li .hit_area .userpop:before {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  display: block;
  border: 6px rgba(0, 0, 0, 0) solid;
  border-top-width: 0;
  border-bottom-color: #CCC;
  top: -6px;
  left: 23px;
}
.cate_master .arr_icon .userpop:after, .okw_personal_medal li .hit_area .userpop:after {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  display: block;
  border: 5px rgba(0, 0, 0, 0) solid;
  border-top-width: 0;
  border-bottom-color: #FFF;
  top: -5px;
  left: 24px;
}
.okw_personal_medal li .hit_area .userpop .head {
  font-size: 14px;
  font-weight: bold;
  padding-right: 20px;
}
.okw_personal_medal li .hit_area .userpop .pop_txt {
  padding: 0;
  margin: 0;
  color: #666
}
.okw_personal_medal li .hit_area .userpop .pop_nb {
  font-size: 14px;
  padding: 0;
  margin: 0
}
.okw_personal_medal li .hit_area .userpop .pop_nb span {
  font-size: 20px;
  margin: 0 5px;
  font-weight: bold
}
.okw_personal_medal li .hit_area .userpop .pop_close {
  background: url(../images/common/sprite_leaf.gif?24faXaTX3u) -448px -236px no-repeat;
  display: block;
  float: right;
  width: 14px;
  height: 14px;
  overflow: hidden;
  margin: 0;
  line-height: 100;
}
.okw_personal_medal li .hit_area .userpop .loading {
  clear: both;
  margin: 40px auto;
  font-size: small;
  text-align: center;
}
.okw_personal_medal li .hit_area .userpop .loading .indicator {
  display: inline-block;
  background: url(../images/icon/loading.gif?24faXaTX3u) no-repeat;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  vertical-align: middle;
}
1