@charset "utf-8";
/****** layout_box *******/
.ok_lq_top, .ok_l_btm, .ok_l_top, .ok_l_btm-datail, .ok_lbesta_top, .ok_la_top, .ok_lq_top-datail, .ok_lg_top, .ok_lg_btm {
  height: 10px;
  display: block;
  overflow: hidden;
}
.ok_l_top {
  display: none
}
.ok_lq_top {
  display: none
}
.ok_lq_top-datail {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat 0px -265px;
}
.ok_lr_top {
  display: none
}
.ok_lp_top {
}
.ok_lbesta_top {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat 0px -523px;
}
.ok_la_top {
  height: 2px;
  background: #d9caa5
}
.ok_lg_top {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat 0 -725px;
}
.ok_lq_mid {
}
.ok_lr_mid {
}
.ok_mypglr_mid {
}
.ok_lp_mid {
  padding: 0 0 10px 0
}
.ok_lbesta_mid {
  background: url(../images/contents/fbesta_bg.jpg?e6wP9VkiWF) left top no-repeat;
}
.ok_la_mid {
}
.ok_l_btm {
  display: none
}
.ok_lg_btm {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat 0 -735px;
}
.ok_lq_01_btm_btnbar {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat -1250px -248px;
  height: 40px;
  position: relative;
  z-index: 20;
}
.ok_l_btm-datail {
  height: 2px;
  background: #d9caa5
}
.ok_area_l-inner {
  zoom: 1\9;
}
/**** 詳細QA ****/
.ok_lq_detail-ttlBox {
  margin-bottom: 3px;
}
h2.datailQA-ttl {
  font-size: 14px;
  line-height: 1.4;
}
h2.detailQest-ttl {
  font-size: 14px;
}
h1.detailQest-ttl {
  font-size: 14px;
  font-weight: bold;
}
.ok_lq_detail {
  position: relative;
  z-index: 30
}
.ok_lq_detail .clearfix {
  border: 2px solid #d9caa5;
  border-bottom: none;
  padding: 15px
}
.ok_lq_detail .ok_lq_detailBox.clearfix {
  border: none;
  padding: 0
}
.ok_lq_detailBox {
  margin-bottom: 10px;
}
/*refree*/
.ok_lq_detailBox h2 {
  font-size: 24px
}
.ok_lq_detailBox h2 .clr_gray {
  color: #665329
}
.ok_lq_answer_ttl_l h3 {
  font-size: 24px;
  color: #665329
}
.ok_lq_detail_questtl {
  width: 200px;
}
.ok_lq_detail_ttl {
  width: 300px;
}
.ok_lq_detail_r {
  width: 460px;
  margin-bottom: 10px;
  word-wrap: break-word;
}
.ok_lq_detail_l {
  width: 100px;
}
.ok_lq_detailCount {
  margin-top: 5px;
}
p.datail_tex {
  margin-top: 30px;
}
.ok_lq_detail_r_btn {
  margin-top: 10px;
}
.qa_viewNo {
  margin-right: 5px;
}
.qa_viewNo .ico_vote_xs, .qa_usefulNo .ico_vote_xs {
  margin-right: 3px;
}
p.datail_texnon {
  margin-top: 80px;
}
.datail_texconf {
  margin: 40px 0;
}
.ok_lq_detail-ttlBestBox {
  margin: 20px 0 3px;
}
#question_date span, #besta_thanks_date span, #besta_date span, #basta_remark_date span, .answer_date span {
  float: left;
  padding: 5px 0 0 0;
}
.socialbook {
  padding-top: 8px;
}
.social_dropdown {
  position: absolute;
  top: 29px;
  right: 10px;
  width: 158px;
  z-index: 10;
  background: #fff;
}
*html .social_dropdown {
  right: 20px;
}
.social_dropdown li a {
  display: block;
  padding: 2px 8px;
}
.social_dropdown li a {
  color: #333;
}
.social_dropdown li a:hover {
  background: #f7f7f7;
  text-decoration: none;
  color: #333;
}
.ico_bookmark_hatena, .ico_bookmark_yahoo, .ico_bookmark_buzzurl, .ico_bookmark_livedoor, .ico_bookmark_delicious {
  float: left;
  margin: 0 5px 0 0;
}
/* 非表示設定 */
.datail_nontex {
  padding: 5px;
  background-color: #FFFFCC;
}
/*バー表示 */
ul.ok_lq_01_btm_btnbar_list {
  padding: 8px 10px 0 10px;
}
ul.ok_lq_01_btm_btnbar_list li {
  padding-right: 10px;
}
ul.ok_lq_01_btm_btnbar_list li.ico_btnbar {
  margin-right: 10px;
}
ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_tweetthis a {
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) no-repeat 0px -460px;
  width: 50px;
  height: 20px;
  display: block;
  overflow: hidden;
}
ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_hatena a, .ico_bookmark_hatena {
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) no-repeat -119px -460px;
  width: 16px;
  height: 20px;
  display: block;
  overflow: hidden;
}
ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_yahoo a, .ico_bookmark_yahoo {
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) no-repeat -78px -460px;
  width: 16px;
  height: 20px;
  display: block;
  overflow: hidden;
}
ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_buzzurl a, .ico_bookmark_buzzurl {
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) no-repeat -52px -460px;
  width: 22px;
  height: 20px;
  display: block;
  overflow: hidden;
}
ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_livedoor a, .ico_bookmark_livedoor {
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) no-repeat -98px -460px;
  width: 16px;
  height: 20px;
  display: block;
  overflow: hidden;
}
.ico_bookmark_delicious {
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) no-repeat -140px -458px;
  width: 14px;
  height: 18px;
  display: block;
  overflow: hidden;
}
ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_tweetthis a strong, ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_tweetthis a span, ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_hatena a strong, ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_hatena a span, ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_yahoo a strong, ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_yahoo a span, ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_buzzurl a strong, ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_buzzurl a span, ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_livedoor a strong, ul.ok_lq_01_btm_btnbar_list li.bookmark_bt_livedoor a span {
  display: none; /*テキストを消してa要素の背景だけを見えるようにする*/
}
.font_w_normal {
  font-weight: normal;
}
/*役に立つ */
.ok_useful_btn {
  width: 254px;
  padding: 20px 0;
  margin-left: 200px;
}
.ok_useful_btn_yes {
  width: 120px;
  padding: 20px 0;
  margin-left: 260px;
}
.ok_useful_tex {
  width: 370px;
  margin: -15px 0 0 190px;
}
.ok_useful_tex p {
  padding-top: 3px;
}
.ok_lq_answer_ttl_l {
  width: 400px;
}
.ok_lq_answer_ttl_l span {
  font-size: 12px;
  font-weight: normal;
  margin-left: 5px;
}
.ok_lq_answer_ttl_r {
  padding-top: 6px;
}
.ok_lq_answer {
  padding: 15px;
  position: relative;
}
.ok_lq_answer-inner {
  margin-bottom: 10px;
  width: 100%;
}
.ok_lq_answer_r {
  width: 460px;
  word-wrap: break-word;
}
.ok_lq_answer_l {
  width: 100px;
}
.ok_lq_answerNon_l {
  margin-top: 10px;
}
.que_num {
  background-color: #E69E3A;
  margin-bottom: 10px;
  text-align: center;
  color: #fff
}
.ans_num {
  background-color: #33aadd;
  margin-bottom: 10px;
  text-align: center;
  color: #fff
}
/* ベストアンサー表示 */
.ok_lq_bestA_detail {
  padding: 10px 20px;
  position: relative;
}
.ok_lq_bestA_detail .ok_lq_bestA_detail_ttl_l {
  width: 400px;
}
.ok_lq_bestA_detail_r {
  width: 460px;
  word-wrap: break-word;
}
.ok_lq_bestA_detail_r p.bestA_datail_tex, .ok_lq_bestA_detail_r_btn {
  margin: 10px 0;
}
.ok_lq_bestA_detail_l {
  width: 100px;
}
/* お礼・補足後画面・マルチメディア画面 */
.ok_lq_thanksBox {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ff99a8;
  position: relative;
}
.ok_lq_suppleBox {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #FFD288;
  position: relative;
}
.ok_lq_thanks, .ok_lq_supple {
  width: 435px;
}
.ok_lq_multimedia {
  width: 420px;
}
.ok_lq_thaksTop, .ok_lq_suppleTop {
  margin-bottom: 5px
}
#besta_thanks {
  margin-bottom: 1px;
}
.satisfyBox {
  width: 22em;
  margin-right: 10px;
}
.satisfySubmit {
  width: 7.5em;
}
.satisfySubmit li {
  display: inline;
}
.satisfyTtl {
  width: 10em;
  float: left;
  margin: 0 0 0 2px;
}
.satisfyBox dd {
  float: left;
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
}
.satisfyBox dd a {
  display: inline-block;
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) -90px -430px no-repeat;
  width: 18px;
  height: 18px;
}
.satisfyBox dd a:hover, .satisfyBox dd.satisfyOn a {
  display: inlin-block;
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) -66px -430px no-repeat;
}
.satisfyCaution {
  clear: both;
  padding-top: 5px;
}
.thanksComent {
  margin-bottom: 0;
}
.thanksComent a, .suppleComent a {
  display: block;
  padding: 3px 5px;
  color: #999;
}
.thanksComent a:hover, .suppleComent a:hover {
  background: #ffffcc;
}
.form_rgn_thanks, .form_rgn_supple {
  width: 434px;
  height: 100px;
  margin: 0 0 5px;
  overflow: auto;
}
.ok_thanks_bor {
  border: 1px solid #ff99a8;
}
.ok_supple_bor {
  border: 1px solid #FFD288;
}
.thanks_cautionBox {
  margin: 20px 0 10px;
  clear: right;
  background: #EEE;
  padding: 5px;
}
.btn_cloasethank {
  position: absolute;
  right: 5px;
  top: 5px;
}
.btn_thanksBox {
  margin-bottom: 10px;
}
/*お礼・補足　エラー画面*/
.ok_lq_thaks_errorTop, .ok_lq_supple_errorTop {
  margin-bottom: 0;
}
.ok_lq_thaks_error, .ok_lq_supple_error {
  margin-bottom: 3px;
}
/* お気に入りユーザー登録後 */
.favuser {
  width: 100px;
  padding-top: 5px;
}
.favuser p {
  padding-left: 22px;
}
/* Arrow */
.arrow_useful {
  background: url(../images/contents/arrow_useful.jpg?e6wP9VkiWF) left top no-repeat;
}
.arrow_chatuseful {
  background: url(../images/contents/arrow_chatuseful.jpg?e6wP9VkiWF) left top no-repeat;
}
/*********************************************** seaerch *********************************************/
/* 検索結果画面 */
.cate_list {
  margin-top: 10px;
}
/* 検索結果なし画面 */
.ok_lq_Noresult {
  text-align: center;
  padding: 10px 0;
}
.ok_lq_Noresult ul li {
}
.ok_lq_Noresult ul li strong {
  padding-bottom: 20px;
  vertical-align: middle;
}
/*********************************************** register ****************************************************/
/* ログイン情報画面 */
.ok_login_in-r {
}
.ok_login_in-r {
  padding: 15px 15px 0 15px
}
.ok_login_in-r p.tx_align_r a {
  display: inline
}
.ok_login_in-r.ok_error_lockout_cord p a {
  display: inline
}
.ok_login_in-r.bor_dot_b {
  border-bottom: none;
  padding: 0
}
.ok_login_in-r h3 {
  background: #dacaa5;
  padding: 5px;
  font-size: 14px;
  line-height: 1
}
.ok_login_in-r_bor {
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
}
.ok_login_in-r_bor.bor_t {
  margin: 10px;
  padding: 10px 0 0 0;
  border-top: #99865c 1px dotted
}
.ok_login_in-r_bor ul {
  margin: 7px 0;
}
.ok_login_in-r_bor ul li.btn_twitter, .ok_login_in-r_bor ul li.btn_facebook {
  width: 138px;
  height: 28px;
}
.ok_login_in-r_bor ul li.btn_twitter a {
  display: block;
  width: 138px;
  height: 28px;
  text-indent: -9999px;
  background: url(../images/contents/btn_twitter.gif?e6wP9VkiWF) 0 0 no-repeat;
}
.ok_login_in-r_bor ul li.btn_twitter a:hover {
  background: url(../images/contents/btn_twitter.gif?e6wP9VkiWF) 0 -28px no-repeat;
}
.ok_login_in-r_bor ul.howto_sns li {
  margin: 7px 0 0 10px;
  text-indent: -5px;
}
.ok_login_in-r_bor ul.howto_sns li:before {
  content: "・"
}
.ok_login_sns {
  padding: 10px
}
.ok_login_in-r_bor ul li.btn_facebook a {
  display: block;
  width: 138px;
  height: 28px;
  text-indent: -9999px;
  background: url(../images/contents/btn_facebook.gif?e6wP9VkiWF) 0 0 no-repeat;
}
.ok_login_in-r_bor ul li.btn_facebook a:hover {
  background: url(../images/contents/btn_facebook.gif?e6wP9VkiWF) 0 -28px no-repeat;
}
h2.ok_login_attention {
  color: #665329;
  font-size: 24px;
  font-weight: bold
}
ul.ok_login_attention_detail {
  width: 578px;
  border: 1px solid #CCC;
  background: #F7F7F7;
  padding: 15px;
  margin: 10px 0 0 0
}
ul.ok_login_attention_detail p {
  margin-bottom: 10px;
}
ul.ok_login_attention_detail li {
  background: url(../images/icon/ico_login_attention.gif?e6wP9VkiWF) left 5px no-repeat;
  padding-left: 10px;
  margin-bottom: 5px;
}
ul.ok_login_attention_detail li.attention_listTtl {
  margin-bottom: 10px;
  padding: 0;
  background: none;
}
ul.ok_login_attention_detail li.attention_list {
  background: none;
  padding-left: 10px;
}
ul.ok_login_attention_detail li.attention_agree {
  background: none;
  margin: 30px 0 20px;
  text-align: center;
}
ul.ok_login_attention_detail li.attention_btn {
  background: none;
  margin: 0 auto 10px;
  width: 410px;
  text-align: center;
}
.ok_login_ad {
  position: relative;
}
* html .ok_login_ad {
  height: 356px;
}
.ok_login_howto_btn {
  position: absolute;
  bottom: 15px;
  right: 137px;
  width: 345px;
  height: 42px;
}
.ok_login_howto_btn span {
  display: none;
}
.ok_login_optional {
  width: 205px;
  margin: 5px 0 0 0;
}
/*** マイページ ***/
/*navigation*/
#ok_mypage_navi {
  background: #f7f3e8;
  width: 609px;
  height: 35px;
  position: relative;
  z-index: 10;
  border-right: #dacaa5 1px solid;
  font-size: 13px
}
li.mynavi, li.mynavion, li.mynaviFirst, li.mynaviFirston, li.mynaviLast, li.mynaviLaston {
  float: left;
  display: block;
  width: 151px;
  border-top: #dacaa5 1px solid;
  border-bottom: #dacaa5 1px solid;
  border-left: #dacaa5 1px solid;
  line-height: 33px
}
li.mynaviLast, li.mynaviLaston {
  width: 152px
}
a.mynaviOvr {
  display: block;
  height: 33px;
  color: #333;
  text-decoration: none
}
/*li.mynaviFirst a.mynaviOvr:hover, li.mynaviFirston a.mynaviOvr:hover { background:#dacaa5; height:33px; font-weight:bold}*/
a.mynaviOvr:hover {
  background: #fffbf0;
  text-decoration: underline
}
li.mynaviFirston, li.mynavion, li.mynaviLaston {
  background: #dacaa5;
  height: 33px;
  font-weight: bold
}
li.mynaviFirston a.mynaviOvr:hover, li.mynavion a.mynaviOvr:hover, li.mynaviLaston a.mynaviOvr:hover {
  background: #dacaa5;
  text-decoration: none
}
#ok_mypage_navi span {
  color: #000;
  font-size: 10px
}
#dropMenu_mypage {
  border: 1px solid #dacaa5;
  left: 0;
  position: absolute;
  top: 34px;
  width: 12.75em;/*width:14.3em;*/
  z-index: 1;
  ;
  background: #fff
}
#dropMenu_qalist {
  border: 1px solid #dacaa5;
  left: 152px;
  position: absolute;
  top: 34px;
  width: 13.8em;
  z-index: 1;
  background: #fff;
  line-height: 1.4
}
#dropMenu_favorite {
  border: 1px solid #dacaa5;
  left: 304px;
  position: absolute;
  top: 34px;
  width: 12.8em;
  z-index: 10;
  background: #fff;
  line-height: 1.4
}
.dropMenu {
  display: none;
}
* html iframe.dropMenu {
  display: block;
  left: 309px;
  position: absolute;
  top: 35px;
  width: 12.8em;
  z-index: 9;
  height: 136px;
}
#dropMenu_basic {
  border: 1px solid #dacaa5;
  left: 456px;
  position: absolute;
  top: 34px;
  width: 13.4em;
  z-index: 1;
  background: #fff;
  line-height: 1.4
}
#dropMenu_mypage li, #dropMenu_qalist li, #dropMenu_favorite li, #dropMenu_basic li {
  font-weight: normal;
  background: #fff;
  line-height: 1.4
}
#dropMenu_mypage li a, #dropMenu_qalist li a, #dropMenu_favorite li a, #dropMenu_basic li a {
  padding: 6px 7px;
  display: block;
  color: #333;
}
#dropMenu_mypage li a:hover, #dropMenu_qalist li a:hover, #dropMenu_favorite li a:hover, #dropMenu_basic li a:hover {
  background: #fffbf0;
  text-decoration: none
}
#dropMenu_mypage .MenuOn, #dropMenu_qalist .MenuOn, #dropMenu_favorite .MenuOn, #dropMenu_basic .MenuOn {
  background: #dacaa5;
  text-decoration: none;
  padding: 6px 7px;
  display: block;
  color: #333;
  font-weight: bold
}
#dropMenu_favorite .keywordTtl {
  padding: 6px 7px
}
.keyword_txt {
  text-indent: 12px;
  font-size: 11px
}
* html #dropMenu_favorite .keywordTtl {
  border-bottom: 1px solid #fff;/*ie6ハック*/
}
* html .bor_dot_none {
  border-bottom: 1px solid #fff;/*ie6ハック*/
}
/*contents*/
.ok_mypagetop_user_r {
  width: 455px;
  font-size: 12px
}
.ok_mypagetop_user_r h3, .ok_mypgProf_nameDate h3 {
  display: inline;
  font-size: 14px
}
.ok_mypagetop_user_l {
  width: 145px;
  font-size: 11px;
  line-height: 1.2
}
.ok_mypagetop_user_l .avt_l.bor_all.mrg_auto {
  margin: 10px auto
}
.ok_mypage_bg_grey a {
  display: block;
  background: #e3e7ea;
  margin-top: 5px;
  padding: 5px 8px
}
.ok_mypage_logout {
  margin-top: 8px
}
.ok_mypagetop_user_r .ok_mypage_registerdate, .ok_mypgProf_nameDate .ok_mypage_registerdate {
  margin-left: 10px;
  text-align: right
}
.ok_mypagetop_userdata_box {
  margin: 3px 0 10px 0
}
table.ok_mypagetop_userdata {
  width: 455px
}
.ok_mypagetop_userdata th, td {
  text-align: left;
  border: none;
  padding: 5px 0;
}
.ok_mypagetop_userdata th {
  font-weight: normal;
  border-bottom: #ccc 1px dotted;
  padding: 5px
}
.ok_mypagetop_userdata td span {
  font-size: 14px;
  font-weight: bold;
  word-wrap: break-word
}
.ok_mypagetop_userdata td.user_2 {
  width: 90px;
  font-size: 10px
}
.ok_mypagetop_userdata td.user_2 span {
  font-size: 14px;
  font-weight: bold;
  word-wrap: break-word
}
.ok_mypagetop_userdata td.user_3 span {
  font-size: 12px;
  font-weight: bold;
  word-wrap: break-word
}
.ok_mypagetop_userdata td.user_3 {
  width: 115px
}
.ok_mypagetop_userdata td.user_4 {
  width: 115px
}
.ok_mypagetop_userdata td {
  border-bottom: 1px dotted #CCC;
  vertical-align: middle;
  padding: 5px;
  white-space: nowrap
}
.ok_mypage_basicTle {
  width: 200px;
  margin-bottom: 5px;
}
.ok_mypglr_mid.bor_l.bor_r.clearfix {
  border: none;
  width: 610px;
  margin-top: 15px;
  display: inline-block
}
/*マイページプロフィール*/
.ok_mypage_bor {
  border: none;
  margin-top: 15px
}
.ok_mypage_topCol {
  margin-top: 15px;
  position: relative;
  z-index: 5;
  clear: both
}
.ok_mypage_topCol .ok_mypage_ttl h3 span.font_siz_14 {
  font-size: 24px;
  color: #665329
}
.ok_mypage_topCol .flo_r {
  padding-top: 15px;
  font-size: 12px
}
.ok_mypage_topCol .ok_mypage_ttl a {
  font-size: 12px;
  display: block;
  float: left;
  margin: 15px 0 0 10px
}
.ok_mypage_topCol .ok_mypage_ttl h3 a {
  font-size: 14px;
  margin: 0
}
.ok_mypage_topCol .ok_mypage_registerdate {
  margin-left: 10px;
  padding: 0;
  text-align: right
}
.ok_mypage_comp {
  padding: 15px 0 0 0;
}
.ok_mypage_comp.bor_l.bor_r {
  border: none
}
.ok_mypage_comp p {
  margin: 0 auto;
  padding: 10px 0;
  border: #ff422f solid 2px;
  background: #ffefed
}
.ok_mypage_ttl {
  width: 400px
}
.ok_mypgProf_nameDate {
  padding: 0 0 5px;
}
.ok_mypageInner_top {
}
.ok_profile_usrprofile_col {
  margin-top: 30px
}
.ok_mypageprof_user_l {
  margin-right: 15px;
  width: 102px
}
.ok_mypageprof_user_r {
  width: 468px;
  word-wrap: break-word
}
.ok_mypageEdit_txt {
  width: 490px;
  height: 100px;
  border: #ccc 1px solid
}
.ok_mypageEdit_tbl {
  width: 610px;
  margin-bottom: 15px
}
.ok_mypageEdit_tbl td {
  border-bottom: 1px dotted #ccc;
  padding: 12px 0
}
.ok_mypageEdit_tbl th {
  width: 110px;
  padding: 10px 0 10px 10px;
  border-bottom: 1px dotted #ccc;
  text-align: left
}
.ok_mypageId_tbl {
  width: 610px
}
.ok_mypageId_tbl td {
  padding: 0 0 8px 0
}
.ok_mypageId_tbl th {
  width: 118px;
  padding: 0 0 8px 0
}
.ok_mypageChange {
  margin-top: 15px
}
.ok_mypageCaution {
  margin-top: 15px;
  background: #eee;
  padding: 15px
}
.ok_mypageCaution p {
}
/*マイページパスワード*/
.ok_mypgpass_tbl {
  width: 540px;
  margin: 15px 0
}
.ok_mypgpass_tbl td {
  padding-top: 15px
}
.ok_mypgpass_tbl th {
  padding-right: 10px;
  white-space: nowrap
}
.ok_mypgpass_tbl td.ok_mypage_passnow {
  padding: 0;
  font-size: 11px
}
.ok_mypgpass_tbl td.ok_mypage_passnow p.clr_red {
  font-size: 14px
}
/*マイページメール*/
.ok_mypgMail_tbl {
  width: 610px
}
.ok_mypgMail_tbl th, .ok_mypgMail_tbl td {
  padding: 15px 10px;
  vertical-align: top;
  border-bottom: #ccc 1px dotted
}
.ok_mypgMail_tbl th {
  width: 141px;
  text-align: left
}
.ok_mypgMail_tbl td .pc_mail, .ok_mypgMail_tbl td .mobile_mail {
  margin-top: 15px
}
.ok_mypgMail_tbl td .pc_mail input[type='text'], .ok_mypgMail_tbl td .mobile_mail input[type='text'] {
  margin: 3px 0 10px 0
}
.ok_mypgMail_tbl td .ok_mypage_basic_radio {
  margin: 0;
  line-height: 15px;
}
.ok_mypgMail_tbl td .mail_delete {
  line-height: 23px;
}
/*bitcoin*/
.bitcoin_current {
  border: #ccc 1px solid;
  padding: 8px;
  margin: 4px 0 24px 0;
  width: 480px;
  float: left
}
.delete_bitcoin {
  line-height: 40px;
  margin-left: 24px
}
.bitcoin_config p {
  clear: both;
  font-weight: bold;
  font-size: 12px
}
/*マイページ携帯メールアドレス*/
.ok_mypgMobile_tbl {
  width: 610px
}
.ok_mypgMobile_tbl th {
  width: 300px;
  padding-right: 10px;
  text-align: left
}
/*並び順ドロップダウンメニュー*/
.btn_sort {
  background: url(../images/common/sprites_btn.png?e6wP9VkiWF) no-repeat -564px -550px;
  padding: 4px 0 2px 12px;
  width: 58px;
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 12px
}
.ok_mypage_sortmenuDrop {
  position: absolute;
  top: 29px;
  left: 540px;
  width: 115px;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 0;
  font-size: 12px
}
* html .ok_mypage_sortmenuDrop li {
  display: inline-block;
}
.ok_mypage_sortmenuDrop li a {
  background: #fff;
  display: block;
  color: #333;
  padding: 0 7px 0 20px;
}
.ok_mypage_sortmenuDrop li a:hover {
  background: #f0f5ff;
  display: block;
  color: #333;
  padding: 0 7px 0 20px;
  text-decoration: none;
}
li.sortOn a {
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) 5px -658px no-repeat;
}
li.sortOn a:hover {
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) 5px -658px no-repeat #f0f5ff;
}
/***マイページ一覧ページ***/
.mypage_cate_list {
  margin-left: 25px;
  font-size: 11px
}
.ok_mypage_more {
  padding: 8px 0 10px 0;
  font-size: 11px;
  border-top: #99865c 1px dotted
}
.ok_mypage_pageCol {
  padding: 10px 0 0 0;
  position: relative;
  z-index: 5;
  font-size: 12px
}
.ok_mypage_loading {
  text-align: center;
  padding: 20px 0;
}
.ok_mypage_loading li {
  display: inline;
  margin-right: 10px;
}
.ok_mypage_resultlist.bor_l.bor_r.bor_b {
  border: none;
  width: 576px;
  padding: 0 15px;
  border: #d9caa5 2px solid
}
.ok_mypage_questbar, .ok_mypage_ansbar, .ok_mypage_chatbar, .ok_mypage_lifedesign {
  color: #665329;
  font-size: 24px;
  margin-top: 15px;
  padding: 0 0 3px 0;
  z-index: 5;
  position: relative
}
.ok_mypage_resultlist .ok_resultlist {
  border-top: #99865c 1px dotted;
  border-bottom: none
}
.ok_mypage_resultlist .ok_resultlist:first-child {
  border-top: none;
  border-bottom: none
}
.ok_mypage_resultlist .ok_resultlist .on_gry {
  clear: both;
  font-size: 11px;
  padding-top: 5px
}
.ok_mypage_questbar .flo_r, .ok_mypage_ansbar .flo_r, .ok_mypage_chatbar .flo_r {
  padding-top: 15px;
  font-size: 12px;
  color: #333
}
.ok_mypage_questbar .btn_sort.flo_r, .ok_mypage_ansbar .btn_sort.flo_r, .ok_mypage_chatbar .btn_sort.flo_r, .ok_mypage_favoritebar .btn_sort.flo_r {
  padding: 4px 0 2px 12px
}
.ok_mypage_questbar h3, .ok_mypage_ansbar h3, .ok_mypage_chatbar h3, .ok_mypage_lifedesign h3 {
  font-size: 24px
}
/*theme*/
.ok_mypage_resultlist .okw_qlist_block_v2 {
  width: 576px;
  border-top: none;
  margin: 0
}
.ok_mypage_resultlist .theme_list .theme_data {
  width: 350px
}
.ok_mypage_resultlist .theme_list li {
  border-top: #99865c 1px dotted
}
.ok_mypage_resultlist .theme_list li:first-child {
  border: none
}
/*お気に入り*/
.ok_mypage_favoritebar {
  color: #665329;
  font-size: 24px;
  margin-top: 20px;
  padding: 0 0 3px 0;
  ;
  position: relative;
  z-index: 6;
}
.ok_mypage_favoritebar h3.flo_l.font_siz_14 strong.font_siz_14.flo_l, .ok_mypage_favoritebar h3 strong.font_siz_14.flo_l {
  font-size: 24px
}
.ok_mypage_favoritebar .flo_r {
  padding-top: 15px;
  font-size: 12px;
  color: #333
}
.ok_mypage_favoriteUsrbar {
  background: url(../images/common/sprites.png?e6wP9VkiWF) -1260px -623px no-repeat;
  padding: 8px 10px 0;
  position: relative;
  z-index: 5;
  height: 27px;
}
.ok_mypage_favoriteUsrbar h3 {
  padding: 0 0 0 25px;
}
.ok_mypage_favorite_edit {
  margin-left: 8px;
  font-size: 12px;
  padding-top: 15px
}
.ok_mypage_favoriteError {
  padding: 20px 0 0;
  font-size: 14px
}
.ok_mypage_favoriteError strong {
  font-weight: normal
}
/*下書き質問・回答*/
.draftlist .ok_resultlist, .draftAnswerList .ok_resultlist {
  padding: 15px 0;
}
.draftlist .ok_resultlist .qat {
  width: 576px;
  color: #666;
}
.draftAnswerList .ok_resultlist .qat {
  width: 530px;
  color: #666;
}
.ok_resultlist .draft_btn {
  clear: both;
  padding-top: 7px;
  width: 576px;
  text-align: right;
}
.ok_resultlist .draft_btn a {
  display: inline-block;
  width: 60px;
  height: 18px;
  border-radius: 4px;
  line-height: 18px;
  text-align: center;
}
.ok_resultlist .draft_btn a:visited {
  color: #06c;
}
.ok_resultlist .draft_btn a.draft_edit {
  margin-right: 10px;
  border: solid 1px #06c;
}
.ok_resultlist .draft_btn a.draft_delete {
  border: solid 1px #aaa;
  color: #666;
}
.ok_resultlist .draft_btn a.draft_delete:hover {
  color: #868686;
}
/*基本設定*/
.ok_mypage_basicCol {
  zoom: 1;
  overflow: hidden
}
.ok_mypage_basicCol.bor_l.bor_r {
  border: none;
  margin-top: 15px
}
.ok_mypage_Setread {
  border: none
}
.ok_mypage_setbtnCol {
  margin-top: 15px
}
table.ok_mypage_keyword {
  width: 608px;
  border-collapse: collapse;
  margin-top: 15px;
  margin-left: 1px;
  border-top: #dacaa5 1px solid
}
table.ok_mypage_keyword th.titleCol2 {
  border-bottom: #dacaa5 1px solid;
  border-left: #dacaa5 1px solid;
  padding: 5px 0;
  background: #dacaa5;
  text-align: center;
  width: 105px
}
table.ok_mypage_keyword th.titleCol3 {
  border-bottom: #dacaa5 1px solid;
  border-left: #fff 1px solid;
  border-right: #fff 1px solid;
  padding: 5px;
  background: #dacaa5;
  text-align: center;
  width: 340px
}
table.ok_mypage_keyword th.titleCol4 {
  border-bottom: #dacaa5 1px solid;
  padding: 5px 0;
  text-align: center;
  background: #dacaa5;
  width: 110px
}
table.ok_mypage_keyword td.wordCol2, table.ok_profile_keyword td {
  border-left: 1px solid #dacaa5;
  border-bottom: 1px solid #dacaa5;
  padding: 10px;
  background: #fff
}
table.ok_mypage_keyword td.wordCol3, table.ok_profile_keyword td {
  border-style: solid;
  border-color: #dacaa5;
  border-width: 0 1px 1px;
  padding: 10px;
  background: #fff
}
table.ok_mypage_keyword td.wordCol4, table.ok_profile_keyword td {
  border-right: 1px solid #dacaa5;
  border-bottom: 1px solid #dacaa5;
  padding: 10px;
  text-align: center;
  background: #fff
}
table.ok_mypage_keyword td.wordCol2 {
  width: 125px;
  text-align: center;
  padding: 5px 0
}
table.ok_mypage_keyword td.wordCol3 {
  padding: 5px;
  white-space: nowrap
}
table.ok_mypage_keyword td.wordCol4 {
  width: 130px;
  padding: 0
}
table.ok_mypage_keyword input {
  margin-right: 0
}
table.ok_mypage_keyword .keyword_edit {
  margin-top: 8px
}
table.ok_mypage_keyword .ok_keyword_error {
  text-align: center;
  margin: 0
}
table.ok_mypage_keyword .ok_keyword_error .mypage_error_txt.font_siz_10 {
  font-size: 12px
}
td.ok_mypage_keyword_addgrp {
  text-align: center;
}
.btn_add_keywdgrp {
  margin-top: 10px
}
.btn_add_keywdgrp a:link {
  background: #e3e7ea;
  font-size: 14px;
  color: #0066cc;
  width: 608px;
  display: block;
  padding: 8px 0
}
.btn_add_keywdgrp span {
  display: none
}
.ok_mypage_noaddgrp {
  margin: 5px auto;
  text-align: center
}
ul.keyword_edit li {
  display: inline;
}
.mypage_form_keyword {
  width: 120px;
}
.wordCol2 .mypage_form_keyword, .wordCol3 .mypage_form_keyword {
  width: 88px;
  height: 20px;
  padding: 2px;
  border: #ccc 1px solid
}
.wordCol3 input.mypage_form_keyword {
  margin-left: 10px
}
.mypage_error_txt {
  margin: 0 0 2px 2px;
  color: #ff0000;
}
.ok_mypage_basic_chuiTxt {
  margin-top: 15px;
  padding: 15px;
  border: #df0000 2px solid
}
.ok_mypage_basic_radio {
  margin: 15px 0 0 0;
  padding-left: 5px
}
.ok_mypage_basic_radio li {
  margin: 0 0 8px 0;
}
.ok_mypage_basic_radio .state {
  margin: 0 0 0 15px;
}
/*20110308*/
/**** Registration ***/
.ok_c_reg, .ok_cr_report, .ok_c_regBox {
  width: 600px;
  margin: 5px auto;
}
.ok_c_reg-error {
  width: 600px;
  margin: 10px auto 3px;
}
.ok_usr_reg_l, .ok_usr_reg_r, .ok_cr_user_l, .ok_cr_user_r, .ok_cr_user_edit_r {
  font-weight: normal;
}
.ok_cr_user_l {
  width: 200px;
  padding: 5px 20px 0 0;
}
.ok_cr_user_r {
  width: 320px;
  padding: 5px 0 0 0;
}
.ok_cr_user_r-error {
  width: 320px;
  padding-top: 10px;
}
/**/
/*基本設定エラー画面*/
tr.ok_keywordError td.wordCol2 {
  border-color: #ff0000;
  border-style: solid;
  border-width: 2px 0 2px 2px;
}
tr.ok_keywordError td.wordCol3 {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 2px solid #ff0000;
  border-bottom: 2px solid #ff0000;
}
tr.ok_keywordError td.wordCol4 {
  border-color: #ff0000;
  border-style: solid;
  border-width: 2px 2px 2px 0;
  padding: 5px 2px;
}
.ok_keyword_error {
  margin-left: 13em;
}
.ok_keyword_wordError {
  margin-bottom: 2px;
}
/****プロフィール画面****/
.ok_profile_linkBox {
  margin-bottom: 5px;
}
.ok_profile_linkBox .btn_area {
  float: left;
  padding: 0;
  height: 22px;
}
.ok_mypageprof_user_r .ok_profile_linkBox {
  margin: 10px 0 0 0;
  font-size: 12px;
  display: inline-block
}
.ok_favorite_subttl {
  padding: 10px 10px 0;
}
.ok_favorite_list {
  padding: 5px 10px 5px;
}
.ok_favorite_list li {
  float: left;
  margin-right: 15px;
  white-space: nowrap;
}
.ok_mypage_closetxt {
  padding: 5px 0
}
.ok_mypage_favorclosetxt {
  padding: 5px 0 20px;
}
.ok_mypage_qa_listCset {
  margin-left: 10px;
  width: 420px;
}
.ok_mypage_error_txt {
  padding: 20px 0;
}
.ok_profileT_favorite_list {
  margin: 5px 54px 0;
}
/*プロフィールお気に入り*/
.ok_profile_Set_categorygroup {
  height: 1%;
  margin: 0 60px;
}
.ok_mypage_settingbar {
  color: #665329;
  margin-top: 15px;
  padding: 0 0 3px 0;
  position: relative;
  z-index: 5
}
.ok_mypage_settingbar h3.font_siz_14.flo_l {
  font-size: 24px
}
.ok_favorite_cate_txt {
  padding: 0 10px;
}
.mrg_tbl_t {
  margin-top: 5px;
}
table.ok_profile_keyword {
  border-collapse: collapse;
  width: 90%;
  margin: 0 auto 10px;
}
table.ok_profile_keyword th.titleCol2 {
  border-bottom: 1px solid #CCC;
  padding: 5px;
  background: #f2f2f2;
  text-align: center;
  width: 115px;
}
table.ok_profile_keyword th.titleCol3 {
  border-style: solid;
  border-color: #ccc;
  border-width: 0 1px 1px;
  padding: 5px;
  background: #f2f2f2;
  text-align: center;
  width: 340px;
}
table.ok_profile_keyword th.titleCol4 {
  border-bottom: 1px solid #CCC;
  padding: 5px 0;
  text-align: center;
  background: #f2f2f2;
}
/*プロフィールファンユーザ*/
.mypage_favorite_user_l {
  padding: 0 15px 0 0
}
.ok_mypage_user_r {
  width: 130px;
  margin-bottom: 15px
}
.ok_mypage_user_l {
  width: 400px;
}
.ok_mypage_userdata_box {
}
table.ok_mypage_user_link {
  width: 320px;
  border-collapse: collapse;
  margin-top: 10px
}
.ok_mypage_user_r p {
  margin-top: 5px
}
.ok_mypage_user_r p a {
  display: block;
  background: #F7F7F7;
  border: 1px solid #F0F0F0;
  padding: 3px
}
/*group*/
.ok_mypageprof_group {
  width: 610px;
  border-bottom: #eee 1px solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 24px
}
.ok_mypageprof_group img {
  width: 24px;
  height: 24px;
  margin-right: 10px
}
.ok_mypageprof_group span {
  margin-right: 10px
}
/*jobcategory*/
.ok_mypageprof_jobcategory {
  width: 490px;
}
.ok_mypageprof_jobcategory .label {
  font-size: 11px;
  color: #fff;
  background: #66400a;
  margin-right: 5px;
  padding: 2px 4px;
  line-height: 1
}
/*expert*/
.ok_mypageprof_expert {
  font-size: 30px;
  line-height: 1.4;
  margin: 4px 0 2px 0
}
.ok_mypageprof_expert_rank {
  font-size: 12px;
  margin: 5px 0 10px 0
}
.ok_mypageprof_expert_rank span {
  font-size: 25px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif
}
/*qat*/
.ok_mypageprof_qat {
  line-height: 1;
  margin: 0
}
.ok_mypageprof_qat ul {
  clear: both;
  display: inline-block;
  width: 490px;
  word-wrap: break-word;
  word-break: break-word
}
.ok_mypageprof_qat li {
  float: left;
  margin-left: 10px;
  margin-top: 5px;
  position: relative
}
.ok_mypageprof_qat li:first-child {
  margin-left: 0
}
.ok_mypageprof_qat .icon_q {
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #E69E3A;
  position: absolute;
  top: -2px;
  left: 3px
}
.ok_mypageprof_qat .icon_a {
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #3AD;
  position: absolute;
  top: -2px;
  left: 3px
}
.ok_mypageprof_qat .icon_heart {
  background: url(../images/common/sprite_icon.gif?e6wP9VkiWF) no-repeat -230px -1px;
  width: 18px;
  height: 16px;
  overflow: hidden;
  line-height: 200px;
  position: absolute;
  top: -1px;
  left: 0
}
.ok_mypageprof_qat .cnt {
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-left: 22px;
}
table.ok_mypage_userdata {
  width: 610px
}
.ok_mypage_userdata th, td {
  text-align: left;
  border: none;
  padding: 5px 0;
}
.ok_mypage_userdata th {
  font-weight: normal;
  border-bottom: 1px dotted #CCC;
  width: 160px;
}
.ok_mypage_userdata th span {
}
.ok_mypage_userdata td.user_2 {
  width: 160px;
}
.ok_mypage_userdata td.user_2 span {
  font-size: 18px;
  font-weight: bold;
}
.ok_mypage_userdata td.user_3 {
  width: 145px;
}
.ok_mypage_userdata td {
  border-bottom: 1px dotted #CCC;
  vertical-align: middle;
}
.ok_mypage_btom {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat 0px -384px;
  height: 30px;
  padding: 0 10px 0 0;
}
ul.ok_mypage_btom_btn {
  padding: 5px 0 0 0;
}
.ok_mypage_btom_btn li {
  margin: 0 0 0 10px;
  float: left;
}
.ok_mypage_btom_btn li.edit {
  padding: 0 0 0 5px;
  border-left: 1px solid #CCC;
  float: right;
}
* html .ok_mypage_btom_btn li.edit {/* IE6ハック */
  margin-left: 330px;
}
.ok_lr_mid_profile {
  background: url(../images/contents/fr_bg.jpg?e6wP9VkiWF) left top no-repeat;
  padding: 0 20px 10px;
}
.ok_lr_mid_profile .ok_mypage_user_profile {
  margin: 10px 0;
}
.ok_lr_mid_profile .ok_mypage_user_profile .ok_mypage_user_profile_r {
  width: 290px;
  margin: 0 0 0 10px;
}
.ok_lr_mid_profile .ok_mypage_user_profile .ok_mypage_user_profile_r h4 {
  padding-top: 4px;
}
.ok_lr_mid_profile .ok_mypage_user_profile .ok_mypage_user_profile_r p {
  padding: 10px 0 0 30px;
  word-wrap: break-word;
}
table.ok_profile_userprofile_tbl {
  width: 290px;
  border-collapse: collapse;
}
.ok_profile_userprofile_tbl th, .ok_profile_userprofile_tbl td {
  text-align: left;
  border: none;
  padding: 10px 0;
  border-top: 1px dotted #ccc
}
.ok_profile_userprofile_tbl th {
  width: 100px;
}
.ok_profile_userprofile_tbl td.profile_1 {
  width: 140px;
  padding-left: 10px;
}
.ok_profile_userprofile_tbl td.profile_2 {
  width: 21px;
}
.ok_mypage_btnbar {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat 0px -419px;
  height: 37px;
  margin: 10px 0;
}
ul.ok_mypage_btnbar_list {
  padding: 8px 10px 0 0;
}
ul.ok_mypage_btnbar_list li.qa_fav {
  padding-right: 10px;
  margin: 0 0 0 10px;
  border-right: 1px solid #CCC;
  float: left;
}
ul.ok_mypage_btnbar_list li.setup {
  padding: 0 0 0 5px;
  border-left: 1px solid #CCC;
  float: right;
}
* html ul.ok_mypage_btnbar_list li.setup {/* IE6ハック */
  margin-left: 285px;
}
.ok_mypage_referee_box {
  padding: 10px 0;
}
.ok_mypage_referee_r {
  margin-top: 10px;
  width: 350px;
}
table.ok_mypage_referee_tbl {
  width: 350px;
  border-collapse: collapse;
}
.ok_mypage_referee_tbl th, .ok_mypage_referee_tbl td {
  padding: 5px 0 5px 10px;
  border: 1px solid #CCC;
}
.ok_mypage_referee_tbl th {
  color: #666;
}
.ok_mypage_referee_tbl th.refe_w1, .ok_mypage_referee_tbl td.refe_w1 {
  width: 200px;
  background: #E8E8E8;
}
.ok_mypage_referee_tbl th.refe_w2 {
  width: 75px;
  background: #E8E8E8;
}
.ok_mypage_referee_l {
  width: 200px;
  margin: 10px 15px 0 0;
}
.ok_mypage_referee_l .referee_graph {
  width: 175px;
  margin: 0 auto 10px;
}
.ok_mypage_referee_l ul li {
  padding-right: 10px;
  vertical-align: middle;
  display: inline;
}
.ok_mypage_referee_l ul li span.referee_yes {
  color: #FC685C;
}
.ok_mypage_referee_l ul li span.referee_no {
  color: #CCC;
}
.ok_mypage_referee_start {
  margin-top: 20px;
}
.ok_mypage_referee_start h4 {
  margin-bottom: 10px;
  font-size: 16px;
}
.ok_mypage_referee_start_btn {
  margin-left: 85px;
}
.ok_mypage_referee_btn {
  margin: 20px 0 20px 80px;
}
.ok_mypage_referee_btn4 {
  margin: 20px 0
}
table.ok_mypage_referee_result {
  border-collapse: collapse;
  margin: 15px 0;
  width: 100%;
}
.ok_mypage_referee_result th, .ok_mypage_referee_result td {
  padding: 5px 0 5px 10px;
  border: 1px solid #CCC;
}
.ok_mypage_referee_result th {
  color: #666;
  background: #E8E8E8;
}
.ok_mypage_referee_result th.referee_resultTtl_01 {
  width: 140px;
}
.ok_mypage_referee_result th.referee_resultTtl_02 {
  width: 200px;
}
.ok_mypage_referee_result td span.referee_resultNo {
  width: 80px;
  padding-right: 5px;
  border-right: 1px solid #CCC;
}
.ok_mypage_referee_result td span.referee_resulNo_ttl {
  padding-left: 5px;
}
.ok_mypage_referee_start_btnend {
  margin-left: 110px;
}
p.ok_mypage_referee_none {
  margin: 20px 0;
}
.wrapped {
  white-space: pre-line;
  word-wrap: break-word;
  width: 140px;
/width:auto;
}
/*設定画面*/
.ok_mypage_Set {
  padding: 0 10px 0px 10px;
}
.ok_mypage_Set p.ok_mypage_Setread {
  padding: 5px 10px 5px 10px;
}
.ok_mypage_Set_form {
  margin-top: 20px
}
.ok_mypage_Set_form:last-of-type {
  margin-top: 40px
}
.ok_mypage_Set_form .bor_dot_b.pdg_tb20, .ok_mypage_Set_form .bor_dot_b.pdg_top10.pdg_btm20 {
  border-bottom: none;
  padding: 0
}
.ok_mypage_Set_form p.mrg_btm5 {
  margin-top: 15px;
  padding-top: 10px;
  border-top: #ccc 1px dotted
}
.ok_mypage_Set_form .mrg_btm5 strong {
  font-weight: bold;
  font-size: 18px;
}
.ok_mypage_Set_form .release {
  width: 110px;
  line-height: 28px;
}
table.ok_mypage_privacy {
  border-collapse: collapse
}
.ok_mypage_privacy th, td {
  border: none;
  padding: 5px 0;
}
.ok_mypage_privacy th {
  width: 230px;
  text-align: left;
  font-size: 14px;
}
.ok_mypage_privacy td {
  width: 70px;
  text-align: center;
}
.ok_mypage_SetBlockusr-inner {
  padding: 10px 0 10px 10px;
}
.ok_mypage_SetBlockusr-inner ul li {
  width: 80px;
}
.ok_mypage_SetBlockusr-inner ul li.set_user_l {
  padding: 0 23px 0 0;
}
* html .ok_mypage_SetBlockusr-inner ul li.set_user_l {/*IE6ハック*/
  padding: 0 21px 0 0;
}
.ok_mypage_Set_categorygroup_l {
  height: 1%;
  border-right: 1px solid #dacaa5;
  width: 304px
}
.ok_mypage_Set_categorygroup_r {
  height: 1%;
  width: 303px
}
*html .ok_mypage_Set_categorygroup_r {/*IE6ハック*/
  width: 298px;
}
.ok_mypage_Set_categorygroup {
  margin-bottom: 1px;
}
.ok_mypage_Set_categorygroup h3 {
  background-color: #d9caa5;
  font-size: 12px;
  padding: 5px 0 5px 5px
}
.ok_mypage_Set_categorygroup h3.no_check {
  padding: 5px 0 5px 20px;
}
.ok_mypage_Set_categorygroup_l .ok_mypage_Set_categorygroup:first-child h3 {
  border-right: #fff 1px solid;
}
.ok_mypage_Set_categorygroup h3 input {
  vertical-align: middle;
}
.ok_mypage_Set_categorygroup input {
  margin-right: 0
}
h4.ok_mypage_Set_categorygroup {
  background-color: #f7f3e8;
  font-size: 12px;
  margin: 1px 0;
  padding: 2px 0 2px 35px;
}
.ok_mypage_Set_categorygroup h4.no_check {
  background-color: #EEFAEE;
  font-size: 12px;
  margin: 1px 0;
  padding: 2px 0 2px 50px;
}
ul.ok_mypage_Set_categorygroup {
  padding: 2px 0 2px 30px;
}
ul.ok_mypage_Set_categorygroup li {
  margin-right: 5px;
  padding: 0 5px 0 28px;
}
table.ok_mypage_mailmagazineSettings {
  border-collapse: collapse;
  margin: 0 auto;
}
.ok_mypage_mailmagazineSettings th, td {
  border: none;
  padding: 8px 0
}
.ok_mypage_mailmagazineSettings th {
  width: 120px;
  text-align: left;
  font-size: 14px;
}
.ok_mypage_mailmagazineSettings td.mailmagazineSet {
  width: 100px;
  text-align: center;
}
.ok_mypage_mailmagazineSettings td.mailmagazineSettex {
  width: 320px;
}
table.ok_mypage_sns {
  margin: 0 auto;
  background: #ccc;
  width: 100%;
}
.ok_mypage_sns th, td {
  border: none;
}
.ok_mypage_sns td:nth-child(1) {
  width: 21%;
}
.ok_mypage_sns td:nth-child(3) {
  width: 19%;
}
.ok_mypage_sns th {
  text-align: center;
  background: #f1f1f1;
  padding: 5px 20px;
}
.ok_mypage_sns th.service_name {
  text-align: left;
}
.ok_mypage_sns td {
  text-align: center;
  background: #fff;
  padding: 10px
}
.sns_notice {
  margin-top: 10px
}
/* アバター変更画面　*/
.ok_av_change {
  margin-top: 15px
}
.ok_av_change .avt_m {
  border-radius: 50%;
  overflow: hidden;
}
.ok_av_change_r {
  width: 513px
}
.ok_av_change_r .clr_red_r {
  margin: 0 0 10px 0
}
.ok_av_change_r p.av_size_tex {
  margin: 0 0 10px 0
}
.ok_av_change_t {
  margin: 20px 0 0 0;
  clear: both
}
.avatar_file .form_rgn_userreg.avatar_input {
  display: none;
}
.ok_av_change_t ul {
}
.ok_av_change_t li {
  margin: 0 10px 10px 0;
  padding: 0!important;
  float: left;
}
.ok_av_change_dtl {
  width: 90px;
}
.ok_av_added {
  width: 580px;
  padding: 15px;
  background-color: #eee
}
.ok_av_change_dtl .avt_m {
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
.avt_m {
  position: relative;
}
.avt_m span.new {
  position: absolute;
  background: url(../images/icon/new_icon.gif?e6wP9VkiWF) no-repeat 0 0;
  width: 23px;
  height: 10px;
  top: 2px;
  left: 2px;
}
/* mypageError */
p.mypageError {
  text-align: center
}
#ok_contribution_message p.mypageError {
  text-align: left
}
/* point_ranking */
.ok_lp_rank {
  margin: 20px 0 0 0;
}
#ok_lp_rank_ttl {
  padding: 20px 0 5px 0;
  border-bottom: #ccc 1px dotted
}
#ok_lp_rank_ttl .point_user_ttl, .point_get_ttl {
  padding: 0 0 0 5px;
}
#ok_lp_rank_ttl .point_user_ttl {
  width: 150px;
  margin-left: 182px;
}
*html #ok_lp_rank_ttl .point_user_ttl {
  margin-left: 100px;
}
.ok_lp_rank_data {
  padding: 10px 0;
  font-size: 14px
}
.ok_lp_rank_data .rankingNO {
  width: 40px;
  margin: 25px 20px 0;
}
.ok_lp_rank_data .rankingUser {
  width: 120px;
  margin: 30px 30px 0 28px;
}
.ok_lp_rank_data .rankingPoint {
  width: 120px;
  padding: 30px 40px 0 10px;
}
/* 今日のOK */
.ok_ltodayok-inner {
  width: 610px
}
.calendar {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat -1487px 0;
  width: 81px;
  height: 50px;
  margin-right: 10px;
  text-align: center;
  padding-top: 30px;
  font-size: 18px;
  color: #FFF;
}
#ok_ltodayok_qBox {
  padding: 10px;
  margin: 10px 0;
  border: 2px solid #d9caa5
}
#ok_ltodayok_aBox {
  padding: 10px;
  margin-bottom: 10px;
  border: 2px solid #d9caa5
}
#ok_ltodayok_Box {
  padding: 10px;
  margin-bottom: 10px;
  border: 2px solid #d9caa5
}
.ok_ltodayok_sttl {
  margin-bottom: 10px;
}
.ok_ltodayok_sttl_bor {
  border-bottom: 1px dotted #CCC;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#ok_ltodayok_btn {
  width: 386px;
  padding: 0 0 15px 224px;
  border-bottom: 1px solid #ddd8c9
}
table.ok_ltodayok_tbl {
  width: 598px;
  border-collapse: collapse;
  margin: 0 auto;
}
.ok_ltodayok_tbl th, .ok_ltodayok_tbl td {
  padding: 5px 0 5px 10px;
  border: 1px solid #CCC;
}
.ok_ltodayok_tbl td {
  font-size: 11px
}
.ok_ltodayok_tbl th {
  background: #E8E8E8;
  color: #666;
}
.ok_ltodayok_tbl th.w_1 {
  width: 80px;
}
.ok_ltodayok_tbl th.w_2 {
  width: 340px;
}
.ok_ltodayok_tbl td.todayokTtl {
  font-size: 16px;
}
.ok_ltodayok_tbl tr {
  background: #fff;
}
.ok_ltodayok_tbl tr.odd {
  background: #F9F9F9;
}
/****メルマガバックナンバー****/
.mm_backnumber .title_area .main_ttl {
  margin: 10px 0 0 0;
  width: 285px;
  height: 40px;
  text-indent: -9999px;
  background: url(../images/contents/mm_backnum_h2.gif?e6wP9VkiWF) no-repeat 0 0;
}
.mm_backnumber .title_area .main_cap {
  margin: 0;
  width: 300px;
  height: 20px;
  text-indent: -9999px;
  background: url(../images/contents/mm_backnum_cap.gif?e6wP9VkiWF) no-repeat 0 0;
}
.mm_backnumber .outline_area {
  background: url(../images/contents/mm_backnum_bg01.gif?e6wP9VkiWF) no-repeat 0 0;
  padding: 15px 0 0 0;
  width: 620px
}
.mm_backnumber .regist_area {
  background: url(../images/contents/mm_backnum_btndeco.gif?e6wP9VkiWF) no-repeat 0 0;
  padding: 20px 0 0 45px;
  margin: 0 0 0 15px;
}
.mm_backnumber .btn_register {
  width: 290px;
  height: 65px;
}
.mm_backnumber .btn_register a {
  width: 265px;
  height: 65px;
  padding-left: 25px;
  display: block;
  line-height: 65px;
  color: #fff;
  background: url(../images/contents/mm_backnum_register.gif?e6wP9VkiWF) no-repeat 0 0;
}
.mm_backnumber .btn_register a:hover {
  background: url(../images/contents/mm_backnum_register.gif?e6wP9VkiWF) no-repeat 0 -65px;
}
.mm_backnumber .mm_backnumber_top {
  background: #fff url(../images/contents/mm_backnum_bgt.gif?e6wP9VkiWF) no-repeat 0 0;
  height: 34px;
}
.mm_backnumber .mm_backnumber_bottom {
  background: #fff url(../images/contents/mm_backnum_bgb.gif?e6wP9VkiWF) no-repeat 0 0;
  height: 25px;
  margin-top: 10px;
}
.mm_backnumber .everyweek {
  width: 130px;
  height: 55px;
  margin: 10px 0 0 10px;
  background: url(../images/contents/mm_backnum_memo01.gif?e6wP9VkiWF) no-repeat 0 0;
  text-indent: -9999px;
}
.mm_backnumber .free {
  width: 130px;
  height: 55px;
  margin: 10px 0 0 0;
  background: url(../images/contents/mm_backnum_memo02.gif?e6wP9VkiWF) no-repeat 0 0;
  text-indent: -9999px;
}
.mm_backnumber .appeal {
  margin: 0 0 0 15px;
  width: 335px;
}
.mm_backnumber .appeal li {
  margin: 15px 0 0 0;
  padding: 5px 0 10px 50px;
  background: url(../images/contents/mm_backnum_check01.gif?e6wP9VkiWF) no-repeat left bottom;
}
.mm_backnumber_list {
  background: url(../images/contents/mm_backnum_bg02.gif?e6wP9VkiWF) repeat-y left top;
  padding: 0;
  width: 620px
}
.mm_backnumber_list .backnum_ttl {
  margin: 5px 15px 0 15px;
}
.mm_backnumber_list ul, .mm_backnumber_list .mm_detail {
  background: url(../images/contents/mm_backnum_bglist.gif?e6wP9VkiWF) repeat-y left top;
  padding: 0;
  margin: 0 0 0 12px;
}
.mm_backnumber_list li {
  margin: 0 10px 0 20px;
  padding: 10px 0;
  width: 573px;
}
.mm_backnumber_list li a {
  display: block;
  width: 455px;
}
.mm_backnumber_list li span.date {
  margin: 0 5px 0 3px;
  width: 75px;
  display: block;
}
.mm_backnumber .mm_backnumberlist_top {
  background: url(../images/contents/mm_backnum_bglist_t.gif?e6wP9VkiWF) no-repeat 0 0;
  height: 30px;
  margin: 0 0 0 12px;
}
.mm_backnumber .mm_backnumberlist_bottom {
  background: url(../images/contents/mm_backnum_bglist_b.gif?e6wP9VkiWF) no-repeat 0 0;
  height: 10px;
  margin: 0 0 0 12px;
}
.mm_backnumber_list .paging_list {
  margin: 5px auto;
}
.mm_backnumber_list .paging_list a {
  color: #000;
}
.mm_backnumber_list .paging_list .cur a {
  margin: 0 3px;
  padding: 2px 5px;
}
.mm_backnumber_list .paging_list a:hover, .mm_backnumber_list .paging_list a.blk_q {
  background: url(../images/contents/mm_backnum_page.gif?e6wP9VkiWF) repeat-x left bottom;
  text-decoration: none;
}
.mm_backnumber_list .paging_list .first_page, .mm_backnumber_list .paging_list .pre_page {
  margin-right: 10px;
}
.mm_backnumber_list .paging_list .next_page, .mm_backnumber_list .paging_list .last_page {
  margin-left: 10px;
}
.mm_backnumber .mm_detail {
  padding: 0 25px 25px;
  line-height: 1em;
  font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.mm_backnumber .back_to_list {
  margin: 12px 0 0 15px;
}
.mm_backnumber .please_note {
  margin: 12px 15px 0 0;
}
/******************** Left_カラム共通 ************************/
/*質問カテゴリー歴*/
.ok_lq_qa_listCset .ico_cate_list, .ok_lq_qa_listCset .category_list, .ok_lq_qa_listC .ico_cate_list {
  clear: both;
  font-size: 11px;
  margin-top: 5px
}
.ok_lq_qa_listCset .category_list {
  margin: 0
}
.ico_cate_list span {
  padding-top: 3px;
}
.answerNo {
  margin-right: 5px;
}
/* QA一覧非表示設定 */
h3.datail_nonqa {
  padding: 0;
  margin: 0;
  margin-left: 25px;
  font-size: 14px;
  line-height: 60px
}
h4.datail_nonqa {
  padding: 3px;
  margin-left: 25px;
}
/*マイページ、プロフィール、質問履歴*/
.ok_lq_q_list {
  width: 490px;
  margin-top: 5px;
}
.btn_settingsNone {
  width: 75px;
  height: 24px;
}
p.ok_lq_q_userNumber {
  padding: 10px 0 0 0
}
p.ok_lq_q_none {
  padding: 10px 0 0 10px;
}
#ok_mypage_settingsSelect {
  position: relative;
}
.ok_settingsSelect {
  font-size: 11px;
  position: absolute;
  right: -27px;
  top: 39px!important;
  width: 140px;
  z-index: 2;
  left: inherit!important
}
.ok_settingsSelect ul {
  display: block;
  border: 1px solid #CCC;
  background: #FFF;
}
.ok_settingsSelect ul li {
  line-height: 1.8;
  padding: 0 7px;
  display: block;
}
.ok_settingsSelect ul li a {
  text-decoration: none;
  color: #333;
}
.ok_settingsSelect ul li:hover {
  background: #f0f5ff;
}
.ok_settingsSelect ul li.mailSend a {
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) no-repeat 0px -489px;
  padding-left: 20px;
}
.ok_settingsSelect ul li.mailStop a {
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) no-repeat 0px -507px;
  padding-left: 20px;
}
.ok_settingsSelect ul li.Qdeletion a {
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) no-repeat -1px -528px;
  padding-left: 20px;
}
.ok_settingsSelect ul li.QdeletionMnt {
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) no-repeat 7px -522px;
  padding-left: 27px;
}/*マルチメディアメンテナンス*/
.ok_settingsSelect ul li.mMediaPlus a {
  background: url(../images/common/sprites_icon.gif?e6wP9VkiWF) no-repeat 0px -544px;
  padding-left: 20px;
}
.ok_settingsSelect ul li.mMediaDlt {
  padding-top: 3px;
}
.ok_settingsSelect ul li:hover.mMediaDlt {
  background: none;
}
.ok_settingsSelect ul li span {
  margin: 3px 3px 0 0;
}
/*お気に入りユーザーリスト*/
.ok_favorite_user {
  padding-top: 15px
}
.ok_favorite_user .ok_resultlist {
  border-bottom: none;
  padding: 0
}
.ok_favorite_user .ok_resultlist .ok_mypage_favoriteError {
  padding: 10px 0 0 0;
  font-size: 12px
}
.ok_favorite_user .ok_favorite_userNumber {
  padding-left: 10px;
}
.ok_favorite_user-inner {
  margin: 15px 0 0 0
}
.ok_favorite_user-inner ul li {
  width: 88px;
}
.ok_favorite_user-inner ul li.favorite_user_l {
  padding: 0 10px 0 0;
}
* html .ok_favorite_user .ok_favorite_user-inner ul li.favorite_user_l {/*IE6ハック*/
  padding: 0 21px 0 0;
}
/*お気に入りカテゴリーリスト*/
.ok_favorite_cate-inner .bor_all {
  background: #fff;
  margin-top: 15px;
  border: #dacaa5 1px solid
}
.favorite_cateNumber {
  width: 300px;
}
/*カテゴリーリスト*/
.ok_area_l-inner h2 {
  color: #665329
}
.category .ok_l_top {
  margin: 10px 0 0 0
}
.category .cat_wrap {
  margin-top: 10px;
  zoom: 1
}
.category ul li {
  margin: 0 10px 0 0;
}
.category ul li a {
  white-space: nowrap;
}
ul.ok_sch_crumb {
  font-size: 14px;
  margin-top: 2px
}
ul.ok_sch_crumb li {
  line-height: 1.6;
}
ul.ok_sch_crumb li span {
  white-space: nowrap;
  padding-right: 5px
}
.category .cat_wrap p.main_ttl {
  text-align: left;
  font-size: 14px
}
.category .cat_wrap .cat_relate ul li {
  font-size: 14px
}
.category .cat_wrap .cat_relate p {
  font-size: 14px;
  width: 610px;
  margin-top: 5px
}
/*QAconnection*/
.ok_osusume-ttl {
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #222;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  background: #d9caa5;
  width: 600px;
  margin-top: 20px
}
.ok_osusume-ttl .title, .ok_osusumelocal-ttl h4 {
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0 0 12px
}
#ok_osusume {
  display: block;
  overflow: hidden;
}
ul.ok_osusume_list, .ok_osusume_locallist {
  font-size: 18px;
  background: #f7f3e8
}
ul.ok_osusume_list li a {
  padding: 7px 10px 0;
}
ul.ok_osusume_list li.ok_osusume_list-t a:link, ul.ok_osusume_list li.ok_osusume_list-t a:visited {
  display: block;
  background: #FFF;
  height: 25px;
}
ul.ok_osusume_list li.question a:hover {
  padding-left: 10px;
}
ul.ok_osusume_list li.answer {
  padding-left: 35px;
}
ul.ok_osusume_list li.ok_osusume_list-t a:hover, ul.ok_osusume_list li.ok_osusume_list-t a:active {
  display: block;
}
ul.ok_osusume_list li.question a:hover, ul.ok_osusume_list li.question a:active {
  background: #FEF3DD;
}
ul.ok_osusume_list li.guide a:hover, ul.ok_osusume_list li.guide a:active {
  background: #e0ebff;
}
ul.ok_osusume_list li.pr a:hover, ul.ok_osusume_list li.pr a:active {
  background: #f7f7f7;
}
ul.ok_osusume_list li.bor_color_b {
  border-bottom: 1px solid #fdcd79;
}
ul.ok_osusume_list li.bor_color_b_guide {
  border-bottom: 2px solid #cde4f2;
}
.ok_osusumelocal-ttl {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat -1260px -663px;
  width: 620px;
  height: 35px;
  display: block;
  overflow: hidden;
}
.ok_osusume_locallist li {
  border-top: 1px dotted #99865c;
  line-height: 1.4;
  clear: both;
  margin: 0 10px
}
.ok_osusume_locallist li:first-child {
  border: none
}
.ok_osusume_locallist li:before {
  content: "Q";
  font-style: normal;
  color: #e69e3a;
  padding: 15px 5px 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  float: left
}
.ok_osusume_locallist li a {
  display: block;
  padding: 15px 0;
  font-weight: bold
}
.ok_osusume_locallist_b {
  display: none
}
.ok_ssusume_list-t_txt {
  width: 580px;
  float: left;
  font-size: 10px;
  margin-bottom: 5px;
}
/* Q&Amach */
.ok_ad1 {
  color: #000;
  padding: 10px 0;
  text-align: right;
  width: 100%;
}
.pt0 {
  padding-top: 0px;
}
.ok_ad1 ul {
  text-align: left;
  list-style: none;
  margin-top: 5px;
  font-size: 11px;
}
.ok_ad1 ul li {
  display: inline;
}
li.ok_ad1List a:link, li.ok_ad1List a:visited {
  text-decoration: none;
  color: #000;
  display: block;
  padding-left: 25px;
  background: url(../images/icon/ico_qamatch.gif?e6wP9VkiWF) #FFF no-repeat 8px -84px;
}
li.ok_ad1List a:hover, li.ok_ad1List a:active {
  text-decoration: none;
  color: #000;
  display: block;
  padding-left: 25px;
  background: url(../images/icon/ico_qamatch.gif?e6wP9VkiWF) #ffe5b2 no-repeat 8px 3px;
}
.ok_ad1List_over {
  color: #0044CC;
  text-decoration: underline;
  font-size: 12px;
}
/* overture */
.ok_lovtad_top, .ok_lovtad_top_footer {
  font-size: 12px;
  line-height: 1.8;
}
.ok_lovtad_top a, .ok_lovtad_top_footer a {
  color: #666;
}
.ok_lovtad_top_footer {
  height: 17px;
  display: block;
  overflow: hidden;
  margin-top: 0;
  padding: 0;
}
.ok_ovtad ul, .ok_ovtad_footer ul {
  text-align: left;
  list-style: none;
}
.ok_ovtad ul li, .ok_ovtad_footer ul li {
  padding: 3px 0 2px;
  line-height: 150%;
  font-size: 14px;
}
/*.ok_ovtad ul li:hover, .ok_ovtad_footer ul li:hover { background:#FFE6BF} */
.ok_ovtad ul span.ok_ovtadTtl a, .ok_ovtad_footer ul span.ok_ovtadTtl a {
  margin-right: 10px;
  font-size: 14px;
  text-decoration: underline;
}
.ok_ovtad ul span.ok_ovtadTtl a:hover, .ok_ovtad_footer ul span.ok_ovtadTtl a:hover {
  color: #FF0000;
}
.ok_ovtad ul span.ok_ovtadurl a, .ok_ovtad ul span.ok_ovtadurl a:hover, .ok_ovtad_footer ul span.ok_ovtadurl a, .ok_ovtad_footer ul span.ok_ovtadurl a:hover {
  color: green;
  text-decoration: none;
}
.ok_ovtad ul a.link, .ok_ovtad_footer ul a.link {
  color: #333;
}
.ok_ovtad ul a.link:hover, .ok_ovtad ul a.link:active, .ok_ovtad_footer ul a.link:hover, .ok_ovtad_footer ul a.link:active {
  text-decoration: none;
}
.ok_schspns {
  padding: 0;
  text-align: right;
  line-height: 130%;
}
.ok_schspns > span {
  font-size: 11px;
}
.ok_schspns ul {
  text-align: left;
  list-style: none;
  text-decoration: none;
}
.ok_schspns ul li.ok_schspnsList span.schspnsListurl {
  color: green;
  display: block;
  font-size: 11px;
  padding: 4px 0;
  text-decoration: none;
}
.schspnsListad {
  background-color: green;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  line-height: 1;
  margin: 0 4px 2px 0;
  padding: 1px 2px 1px 2px;
  vertical-align: baseline;
}
.ok_schspns ul li.ok_schspnsList a {
  display: block;
  font-size: 14px;
  padding: 4px 0 4px 4px;
  box-sizing: border-box;
  text-decoration: none;
}
.ok_schspns ul li.ok_schspnsList a:hover, .ok_schspns ul li.ok_schspnsList a:active {
  text-decoration: none;
  background: #FFE6BF;
}
span.ok_schspnsList_over {
  font-size: 18px;
  font-weight: bold;
}
a:hover span.ok_schspnsList_over, a:active span.ok_schspnsList_over {
  text-decoration: underline;
}
.ok_ovtad ul span.ok_ovtadurl a, .ok_l_mid clearfix .ok_ovtadtex, .ok_l_mid clearfix .ok_ovtadurl a {
  line-height: 1.3;
  font-size: 14px;
}
.ok_ovtadtex {
  letter-spacing: 0.05em;
}
.ok_schspns ul .link {
  color: #333;
}
#ok_AreaSponsorSite ul {
  margin: 10px 10px 0 0;
}
#ok_AreaSponsorSite ul li .AreaSponsorSiteListL {
  width: 280px;
  margin: 0 20px 10px 0;
}
#ok_AreaSponsorSite ul li .AreaSponsorSiteListR {
  width: 280px;
  margin-bottom: 10px;
}
a.AreaSponsorSitehlt {
  background-color: #FFF;
  display: block;
  text-decoration: none;
}
a.AreaSponsorSitehlt:hover, a.AreaSponsorSitehlt:active {
  background-color: #FFE6BF;
  text-decoration: none;
  display: block;
}
#ok_AreaSponsorSite ul li .AreaSponsorSiteTtl {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  background: url(../images/icon/ico_radio_check.gif?e6wP9VkiWF) left top no-repeat;
  padding-left: 20px;
}
#ok_AreaSponsorSite ul li .AreaSponsorSiteTtl span {
  color: #bf0000;
}
#ok_AreaSponsorSite ul li .AreaSponsorSiteTex, #ok_AreaSponsorSite ul li .AreaSponsorSiteTex a:link, #ok_AreaSponsorSite ul li .AreaSponsorSiteTex a:visited {
  color: #222;
  margin-bottom: 2px;
  padding-left: 20px;
  height: 32px;
}
*html #ok_AreaSponsorSite ul li .AreaSponsorSiteTex, #ok_AreaSponsorSite ul li .AreaSponsorSiteTex a:link, #ok_AreaSponsorSite ul li .AreaSponsorSiteTex a:visited {
  height: 36px;
}
#ok_AreaSponsorSite ul li .AreaSponsorSiteTexurl {
  color: green;
  padding-left: 20px;
}
/*--AD用--*/
.gads_top {
  margin: 5px 0 0 0;
}
.gads_top ul li {
  padding: 0 0 10px 0;
}
.gads_top .ok_ovtadtex, .gads_top .ok_ovtadurl a {
  font-size: 14px;
  line-height: 1.3;
}
/*TagNavi*/
.ok_KeysearchCol {
  background: url(../images/contents/tagnavi_bg.jpg?e6wP9VkiWF) left top no-repeat;
}
h4.ok_TagNaviTtl {
  font-size: 14px;
  font-weight: bold;
  line-height: 2.4;
  padding: 5px 0 0 10px;
  width: 90px;
}
.ok_TagNavi_tab {
  padding-top: 5px;
}
.ok_TagNavi-list {
  margin: 15px 0;
}
.ok_TagNavi-listT {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat -624px -287px;
  height: 10px;
  display: block;
  overflow: hidden;
}
.ok_TagNavi-listC {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  padding: 0 10px;
  font-size: 14px;
}
.ok_TagNavi-listC .ok_TagNavi-listCL {
  width: 100px;
  float: left;
  margin-right: 5px;
}
.ok_TagNavi-listC ul.ok_TagNavi-listCR {
  width: 332px;
  float: right;
}
.ok_TagNavi-listC ul.ok_TagNavi-listCR li {
  display: inline;
  padding-right: 10px;
}
.ok_TagNavi-listC ul.ok_TagNavi-listCR li span {
  white-space: nowrap;
}
.ok_TagNavi-listC .ok_TagNavi-listCRB {
  width: 332px;
  font-size: 12px;
  text-align: right;
  float: right;
  display: block;
}
.ok_TagNavi-listB {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat -624px -298px;
  height: 10px;
  display: block;
  overflow: hidden;
}
.tab_tagnavi, .tab_tagnavi a:hover, .tab_tagnavi a {
  width: 94px;
  height: 35px;
  display: block;
  overflow: hidden;
}
.tab_tagnavi a {
  background: url(../images/common/sprites_btn.png?e6wP9VkiWF) no-repeat -379px -712px;
}
.tab_tagnavi, .tab_tagnavi a:hover {
  background: url(../images/common/sprites_btn.png?e6wP9VkiWF) no-repeat -379px -675px;
}
ul.ok_TagNavi-tablist {
  padding: 10px;
}
ul.ok_TagNavi-tablist li {
  display: inline;
  padding-right: 10px;
  font-size: 14px;
}
ul.ok_TagNavi-tablist li span {
  white-space: nowrap;
}
/*advertisement*/
.ok_prTtl {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat -625px -744px;
  height: 24px;
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0 0 12px;
}
.ok_reqBnr {
  padding: 10px;
  width: 300px;
}
.ok_prList {
  margin: 10px 0 0 5px;
  font-size: 14px;
  width: 290px;
}
.ok_prList li {
  margin-bottom: 16px;
  background: url(../images/icon/ico_adarrow.gif?e6wP9VkiWF) left 3px no-repeat;
  padding-left: 11px;
}
.ok_prList li.last {
  margin-bottom: 0;
}
.ok_prBtm {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat scroll -900px -352px;
  height: 10px;
}
/*twitter*/
.ok_tweeter_colInner {
  font-size: 14px;
  line-height: 1.2;
}
.ok_twitter-ttl {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat -625px -715px;
  width: 620px;
  height: 24px;
}
.ok_twitter-ttl2 {
  height: 35px;
}
.ok_twitter-ttl .title {
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0 0 12px
}
.ok_twitter-ttl, .btn_tweet {
  padding: 0;
}
.ok_tweet {
  padding: 10px;
}
.ok_tweet:hover {
  background: #f7f7f7;
}
.ok_tweet-left {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.ok_tweet-right {
  width: 540px;
}
.ok_tweet_uptime, .ok_tweet_uptime a {
  color: #999;
  font-size: 12px;
}
.ok_tweet_more {
  padding: 10px 10px 0;
  font-size: 12px;
}
.ok_tweeter_colInner .bor_color_b {
  border-bottom: 1px solid #d2fcfb;
}
.ok_Guide-ttl {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat -625px -802px;
  width: 620px;
  height: 24px;
}
.ok_Guide-ttl .title {
  font-size: 14px;
  font-weight: bold;
  padding: 2px 0 0 12px
}
/***************************************************右カラム****************************************************/
.ok_r_top01 {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat 0px -700px;
}
.ok_r_mid01 {
  padding: 0 7px;
  position: relative;
  background: #ebebeb;
}
.ok_r_btm01 {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat 0px -713px;
}
.ok_r_top01, .ok_r_btm01 {
  height: 7px;
}
.ok_r_mid02 {
  background: #f7f3e8;
  position: relative;
}
.ok_r_top {
  display: none
}
.ok_r_mid {
  padding: 0 10px;
  position: relative;
}
.okw_sidenavi .ok_r_mid {
  background: #f7f3e8;
  padding: 10px;
  border: none
}
.okw_sidenavi .ok_r_mid.bor_l.bor_r.clearfix.bg_clr_white {
  padding: 0
}
.okw_sidenavi .bor_l.bor_r.bg_clr_cate.clearfix .ok_r_mid {
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  background: #d9caa5;
  color: #000
}
.ok_r_btm {
  display: none
}
.ok_r_mid .r_linkBox {
  margin: 10px 0 0 30px
}
.ok_area_r-inner h3 {
  font-size: 14px;
  line-height: 1
}
/*右カラム_ログインBOX*/
.ok_area_r_login .ok_area_r_login_r {
  margin-left: 70px;
}
.ok_area_r_loginUsr {
  padding-bottom: 5px;
}
.ok_area_r_usrID {
  width: 15em;
}
.ok_area_r_logout {
  width: 5.6em;
}
.ok_area_r_point {
  margin-bottom: 5px;
}
ul.ok_area_r_point li {
  padding-left: 15px;
  background: url(../images/icon/ico_loginarrow.gif?e6wP9VkiWF) 0 7px no-repeat;
}
ul.ok_area_r_point li:hover {
  background: #f0f5ff url(../images/icon/ico_loginarrow.gif?e6wP9VkiWF) 0 -24px no-repeat;
}
.ok_area_r_pointTtl {
  width: 120px;
  display: inline-block;
}
.ok_area_r_pointNo {
  font-size: 14px;
}
.ok_area_r_mypgLink li {
  float: left;
  width: 125px;
}
.ok_area_r_mypgLink li a {
  display: block;
  padding-left: 15px;
  background: url(../images/icon/ico_loginarrow.gif?e6wP9VkiWF) 0 5px no-repeat;
}
.ok_area_r_mypgLink li a:hover, .ok_area_r_mypgLink li a:active {
  background: url(../images/icon/ico_loginarrow.gif?e6wP9VkiWF) 0 -68px no-repeat;
}
/*右カラム　お知らせ*/
.update_new_col {
  background: #FFFFCC;
  padding: 5px;
  margin: 5px 0 0;
}
/*右カラム_関連QA*/
.ok_r_top_qa {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat -310px -194px;
}
.ok_r_btm_qa {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat -310px -209px;
}
/*右カラム_カテゴリー*/
#category {
  background: #f7f3e8;
  display: inline-block;
  padding-bottom: 15px
}
#category li {
  width: 300px;
  float: left;
/float:none;
  font-size: 14px;
  font-weight: bold
}
#category li span.off {
  margin: 0 10px 0 0;
}
span.ok_r_catelist {
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  top: 7px;
  right: 5px
}
span.ok_r_catelist a {
  display: inline
}
*html span.ok_r_catelist {
  right: 50px;
}
/*大カテ*/
* html #category li.active-Original, * html #category li.originalCate {
  padding: 3px 0;
}
#category li.originalCate a, #category li.active-Original a {
  padding-left: 18px;
  margin: 3px 0 0;
}
#category li.active-Original a span.ico_categoryOrigi-cate, #category li.originalCate a span.ico_categoryOrigi-cate {
  margin: 3px 5px 0 0;
}
#category li.ok_cate_link a, #category li.active {
  line-height: 2;
}
#category li.active {
  background: #ebe3cd
}
#category li a {
  padding-left: 10px
}
#category li.ss_active a {
  padding-left: 0
}
#category li.ok_cate_link a:link, #category li.ok_cate_link a:visited {
  display: block
}
#category li.ok_cate_link a:hover {
  display: block;
  text-decoration: underline
}
#category li.ok_cate_link a:active {
  display: block;
  background: #ebe3cd
}
#category li.s_cate.active {
  display: block;
  padding-top: 3px;
  background: #ebe3cd;
  font-weight: bold
}
#category .ico_ovr_mrg {
  margin-top: 2px;
}
/*中カテ*/
#category li.s_cate {
  font-size: 12px;
  font-weight: normal
}
#category li.s_cate a span {
  margin-top: 3px;
}
#category li.s_cate a:link, #category li.s_cate a:visited {
  display: block;
  line-height: 1.8;
}
#category li.s_cate a:hover, #category li.s_cate a:active {
  display: block
}
#category li.s_active {
  display: block;
  line-height: 2;
}
#category li.s_active a.cat_name {
  width: 185px;
}
#category li.s_active a {
  display: block;
}
.ico_category_list_mar {
  margin-top: 0px;
}
/*小カテ*/
#category li.ss_cate {
  clear: both;
  font-size: 12px;
  font-weight: normal
}
#category li.ss_cate a {
  line-height: 1.8;
}
#category li.ss_cate a span { /*float:left; */
  padding-top: 3px;
}
#category li.ss_cate a img {
  overflow: hidden;
  vertical-align: middle;
  margin: 6px 3px;
}
#category li.ss_cate a:link, #category li.ss_cate a:visited {
  display: block;
  padding: 0 10px 0 62px;
  width: 226px
}
*html #category li.ss_cate a:link, #category li.ss_cate a:visited {
  padding: 0 10px 0 65px;
  width: 223px;
}/*IE6hack*/
#category li.ss_cate a:hover, #category li.ss_cate a:active {
  display: block;
  padding: 0 10px 0 62px;
  width: 226px
}
*html #category li.ss_cate a:hover, #category li.ss_cate a:active {
  padding: 0 10px 0 65px;
  width: 223px;
}/*IE6hack*/
#category li.ss_active {
  font-size: 12px;
  font-weight: bold;
  padding: 0 10px 0 62px;
  width: 226px;
  background: #ebe3cd;
  line-height: 2
}
#category li.ss_active .off {
  margin: 0;
}
*html #category li.ss_active {
  padding: 0 10px 0 65px;
  width: 223px;
}/*IE6hack*/
/*右カラム_困り度から探す*/
#level li {
  width: 298px;
  float: left;
/float:none;
}
#level li span.off {
  margin: 0 10px 0 0;
}
* html #level li.active-Original, * html #level li.originalCate {
  padding: 3px 0;
}
#level li .ico_q_level_01_xs, #level li .ico_q_level_02_xs, #level li .ico_q_level_03_xs {
  margin: 3px 3px 0 32px;
}
* html #level li .ico_q_level_01_xs, * html #level li .ico_q_level_02_xs, * html #level li .ico_q_level_03_xs {
  margin: 3px 3px 0 17px;
}
#level li.ok_cate_link a, #level li.active {
  line-height: 25px;
}
#level li.ok_cate_link a:link, #level li.ok_cate_link a:visited {
  display: block;
  border-top: 1px solid #F1FCF2;
  border-bottom: 1px solid #F1FCF2;
}
#level li.ok_cate_link a:hover, #level li.ok_cate_link a:active {
  display: block;
  background: #D0F7D5;
  border-top: 1px solid #D0F7D5;
  border-bottom: 1px solid #D0F7D5;
}
#level li.active {
  display: block;
  background: #FFF;
  border-top: 1px solid #2DA83A;
  border-bottom: 1px solid #2DA83A;
  padding-top: 3px;
}
/*右カラム_状態から探す*/
#state li {
  width: 298px;
  float: left;
/float:none;
}
#state li span.off {
  margin: 0 10px 0 0;
}
* html #level li.active-Original, * html #state li.originalCate {
  padding: 3px 0;
}
#state li .icon_answer_accept_small, #state li .icon_answer_close_small {
  margin: 3px 5px 0 32px;
}
* html #state li .icon_answer_accept_small, * html #state li .icon_answer_close_small {
  margin: 3px 5px 0 17px;
}
#state li.ok_cate_link a, #state li.active {
  line-height: 25px;
}
#state li.ok_cate_link a:link, #state li.ok_cate_link a:visited {
  display: block;
  border-top: 1px solid #F1FCF2;
  border-bottom: 1px solid #F1FCF2;
}
#state li.ok_cate_link a:hover, #state li.ok_cate_link a:active {
  display: block;
  background: #D0F7D5;
  border-top: 1px solid #D0F7D5;
  border-bottom: 1px solid #D0F7D5;
}
#state li.active {
  display: block;
  background: #FFF;
  border-top: 1px solid #2DA83A;
  border-bottom: 1px solid #2DA83A;
  padding-top: 3px;
}
/*右カラム_探す+アイコン余白調整*/
.search_cat li.s_cate .ico_category_list, .search_cat li.s_active .ico_category_list {
  margin: 5px 0 6px 50px;
}
* html .search_cat li.s_cate .ico_category_list, * html .search_cat li.s_active .ico_category_list {
  margin-left: 31px;
}
.search_cat #category li.ss_cate a:link, .search_cat #category li.ss_cate a:hover, .search_cat #category li.ss_active {
  padding: 0 10px 0 74px;
  width: 214px;
}
/*右カラム_マイページ系*/
.ok_r_top_register {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat 0px -224px;
}
.r_connect_av_list {
  padding: 10px 0 0 0;
  text-align: right;
}
.ok_r_btm_register {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat 0px -239px;
}
ul.connect_av {
  margin-top: 10px;
}
ul.connect_av li.r_mgn, ul.connect_av li.no_mgn {
  width: 40px;
  height: 40px;
  border: 1px solid #CCC;
  float: left;
}
ul.connect_av li.r_mgn {
  margin: 0 5px 0 0;
}
/*右カラム_特集*/
.r_pickup {
  border-bottom: 2px solid #CCC;
  padding-top: 2px;
}
.ok_r_pickup {
  margin: 5px 0;
}
.ok_r_pickup .ok_r_pickip_box {
  background: url(../images/common/bg_picnew_s.jpg?e6wP9VkiWF) left bottom repeat-x;
  padding: 5px;
}
.ok_r_pickup .ok_r_pickip_box .picthum {
  height: 50px;
  margin-right: 5px;
  width: 50px;
}
.ok_r_pickup .ok_r_pickip_box .picTex {
  margin-top: 8px;
}
.ok_r_OKpickup {
  background: url(../images/common/bg_pickup.gif?e6wP9VkiWF) left top repeat-x;
  margin-top: 2px;
}
.ok_r_OKpickup .ok_r_OKpickip_box {
  background: url(../images/common/bg_picnew_s.jpg?e6wP9VkiWF) left bottom repeat-x;
  margin: 5px;
  padding: 5px;
}
.ok_r_OKpickup .ok_r_OKpickip_box .OKpicthum {
  height: 50px;
  margin-right: 5px;
  width: 50px;
}
/*右カラム_モバイル*/
.okw_sidenavi .ok_r_mid.bor_l.bor_r.clearfix.bg_clr_white p.font_siz_14.fo_wei_b {
  padding: 5px;
  background: #d9caa5
}
.ok_r_mob {
  margin-top: 10px;
}
.ok_r_mob_l {
  width: 78px;
  margin: 0 10px 10px 10px
}
.ok_r_mob_r {
  width: 180px
}
.ok_r_mob_r p a {
  display: inline
}
/* overture */
.ok_hotspotTtl {
  color: #999;
  text-align: right;
  border-bottom: 1px solid #999;
}
.ok_hotspot {
  text-align: left;
  margin-top: 10px;
}
.ok_hotspot span {
  margin: 0 3px;
  line-height: 1.8;
  white-space: nowrap;
  font-size: 14px;
}
.ok_hotspot span a:hover {
  background: #FFE6BF;
}
/*Rightcolumn_Information*/
ul.rinfo_list {
  margin-top: 5px;
}
ul.rinfo_list li {
  background: url(../images/icon/ico_rinfo.gif?e6wP9VkiWF) 8px 7px no-repeat;
  padding-left: 17px;
  margin: 0;
}
.ok_info_ttl {
  display: inline;
}
.ok_info_list {
  position: absolute;
  right: 10px;
  top: 0;
}
.rinfo_list dt {
}
.rinfo_list dd {
  background: url(../images/icon/ico_rinfo.gif?e6wP9VkiWF) 2px 7px no-repeat;
  padding-left: 12px;
}
/*右カラム質問一覧*/
.ok_r_qestList_ttlBox {
  background: url(../images/common/sprites.png?e6wP9VkiWF) no-repeat -930px -194px;
  height: 29px;
}
.ok_r_qestList_ttl {
  padding: 5px 0 3px 28px
}
.ok_r_view_qList li {
  padding: 10px 0
}
.ok_r_req_qList li {
  padding: 10px 0 10px 15px
}
.mrg_r_quest {
  margin: 5px 0 0 5px;
}
/*右カラムおすすめリンク*/
.r_pickupList {
  margin: 5px 0;
}
.r_pickupList li {
  background: url(../images/icon/ico_rinfo.gif?e6wP9VkiWF) no-repeat 7px center;
  padding: 3px 0 3px 17px;
}
/*右カラムお気に入り*/
.ok_mypage_favoritebar_r {
  background: #dacaa5;
  padding: 5px;
  font-size: 11px
}
.funuser {
  white-space: nowrap;
}
.ok_mypage_fan_no_l, .ok_mypage_fan_no_r {
  width: 130px
}
.okw_sidenavi .ok_r_mid.bor_l.bor_r.bg_clr_white.clearfix p.ok_mypage_fan_no_l.flo_l {
  padding: 10px 0 10px 10px
}
.okw_sidenavi .ok_r_mid.bor_l.bor_r.bg_clr_white.clearfix p.ok_mypage_fan_no_r.flo_r {
  padding: 10px 10px 10px 0
}
ul.rdisc_list {
  padding: 10px 10px 0 10px
}
ul.rdisc_list li {
  padding-bottom: 10px;
  border-bottom: #99865c 1px dotted
}
ul.rdisc_list.font_siz_14.clearfix li {
  border: none
}
ul.rdisc_list li.no_tablet {
  background: none;
  padding-left: 0;
  color: #665329
}
.qa_txt_r {
  width: 225px;
  font-size: 14px;
  font-weight: bold
}
ul.rdisc_list li .ico_cate_list {
  font-size: 11px
}
ul.rdisc_list li .ico_cate_list a {
  display: inline
}
/*右カラムマイページ*/
.datail_nonqa {
  padding: 7px;
  margin: 12px 0 4px;
}
/*右カラムこのカテゴリの質問＆回答受付中*/
.ok_r_mid .r_question {
  background: #dacaa5;
  padding: 5px;
  font-size: 14px;
  width: 290px
}
.okw_sidenavi .ok_r_mid.bor_l.bor_r.clearfix.bg_clr_white p.font_siz_14.fo_wei_b.ttl {
  margin: 15px 0 0 10px;
  padding: 0;
  background: none
}
.okw_sidenavi .ok_r_mid.bor_l.bor_r.clearfix.bg_clr_white p.flo_r {
  padding: 0 10px 10px 0
}
.ok_r_req_qList {
  margin: 0 10px
}
.ok_r_req_qList li.ico_q {
  margin-left: 4px;
  padding-left: 23px;
  font-weight: bold
}
.ok_r_view_qList {
  font-weight: bold;
  margin: 0 10px
}
.ok_r_view_qList .bor_dot_b, .ok_r_req_qList .bor_dot_b {
  border-bottom: #99865c 1px dotted
}
.ok_r_view_qList li a, .ok_r_req_qList li a {
  display: block
}
.okw_sidenavi p.flo_r a {
  display: inline
}
/*右カラム おすすめリンク*/
.okw_sidenavi .pickup .ttl, .okw_rotation_ads {
}
.okw_sidenavi .side_list2 {
  margin-top: 5px;
  display: inline-block
}
.okw_sidenavi .okw_bgr .side_list.okw_rotation_ads li img {
  float: left;
  width: 50px;
  height: 50px
}
.okw_sidenavi .side_list.okw_rotation_ads li p.list_text a {
  display: block;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 3px
}
.okw_sidenavi .side_list.okw_rotation_ads p {
  margin-left: 10px;
  float: left;
  width: 210px;
  line-height: 1
}
.okw_sidenavi .side_list.okw_rotation_ads p span {
  font-size: 12px
}
.okw_sidenavi .side_list.okw_rotation_ads p span.data_area {
  font-weight: bold
}
/*2013/08/27 お知らせ設定画面*/
.mypage_info_txt {
}
.mypage_info_txt span {
  float: left;
  display: block;
  width: 490px;
}
.mypage_info_txt span.mypage_link_info_question {
  float: right;
  display: block;
  width: 90px
}
.mypage_box_form_info {
  margin: 10px 0;
  border-top: 1px dotted #ccc
}
.box_maypage_info {
  border-bottom: 1px dotted #ccc;
  margin: 25px 0 0 0
}
.box_maypage_info p {
  float: left;
  font-size: 13px;
  width: 170px;
  padding: 0 20px 0 10px;
  line-height: 1.7;
  margin-top: -2px;
  padding-bottom: 25px;
}
.box_maypage_info ul {
  padding-bottom: 10px;
  float: left;
}
.box_maypage_info ul li {
  margin-bottom: 15px;
}
.box_maypage_info ul li span {
  margin-left: 18px;
  display: block;
}
/*SIDE*/
.okw_sidenavi {
  padding: 0;
  color: #000;
  font-size: 12px;
  width: 300px;
  float: right
}
.okw_sidenavi .okw_bg {
  margin-bottom: 15px
}
.okw_sidenavi .okw_bgr {
  background: #f7f3e8;
  line-height: 1.4;
  position: relative
}
.okw_sidenavi .ttl_hd {
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  background: #d9caa5;
  color: #000
}
.okw_sidenavi .okw_nsr_bgr {
  padding: 0 10px 10px 10px
}
.okw_sidenavi .okw_nsr_bgr.ftr_bnr {
  padding: 10px
}
.okw_sidenavi .side_list li.okw_clearfix {
  border-bottom: 1px dotted #99865c;
  padding: 10px 0;
  font-weight: bold;
  font-size: 12px
}
.okw_sidenavi .side_list li.okw_clearfix.none {
  border-bottom: none;
  padding: 10px 0 0 0
}
.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?e6wP9VkiWF) no-repeat -561px -88px;
  _background: url(../images/common/okw_sprite.gif?e6wP9VkiWF) 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?e6wP9VkiWF) no-repeat -561px -88px;
  _background: url(../images/common/okw_sprite.gif?e6wP9VkiWF) 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 .okw_attlink {
  font-size: 11px;
  position: absolute;
  top: 7px;
  right: 5px;
}
/*RIGHTCOLUMN login*/
.okw_signup {
  margin: 15px;
  font-size: 14px;
  clear: both;
  display: inline-block
}
.okw_signup li {
  float: left
}
.okw_signup li a {
  margin-right: 20px
}
/*RIGHTCOLUMN AD*/
.okw_sidenavi .ad_area {
  max-width: 300px;
  _width: 298px;
  overflow: hidden;
  margin: 0px auto 15px
}
.okw_sidenavi.ok_tip_step + .ad_area {
  margin-top: -15px;
}
/*CATEGORY LIST BOTTOM AD*/
.main_pr {
  width: 620px;
  clear: both;
  margin-top: 20px
}
.main_pr .ad_area {
  display: block;
  width: 300px;
  float: left
}
/*ILU SEARCH RESULT */
.okw_sidenavi .search_side {
  background-color: #f7f3e8;
  margin-top: 20px;
  padding-bottom: 18px
}
.okw_sidenavi .search_side_tit {
  font-size: 14px;
  font-weight: bold;
  background-color: #d9caa5;
  color: #000;
  padding: 5px;
  display: inline-block;
  width: 290px;
  line-height: 1
}
.okw_sidenavi .search_side_subtit {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  padding: 18px 0 0 18px
}
.okw_sidenavi .search_side_keyword {
  padding: 10px 11px 0 11px
}
.okw_sidenavi .search_side_keyword li {
  padding-top: 13px;
  word-wrap: break-word;
  margin: 5px 0 0 0;
  padding: 0;
}
.okw_sidenavi .search_side_keyword li a:link {
  color: #333;
  overflow: hidden;
  display: block;
  padding: 3px 7px 1px;
}
.okw_sidenavi .search_side_keyword li a:visited {
  color: #333;
}
.okw_sidenavi .search_side_keyword li a:hover {
  text-decoration: none
}
.okw_sidenavi .search_side_keyword li a:link strong {
  margin: 0 5px 0 0;
  color: #0066cc
}
.okw_sidenavi .search_side_keyword li a:visited strong {
  color: #0066cc
}
.okw_sidenavi .search_side_keyword li a:hover strong {
  text-decoration: underline;
  color: #0080ff
}
.okw_sidenavi .search_side_sort {
  margin: 1px 0 0 0;
  padding: 0 18px;
  line-height: 1.6
}
.okw_sidenavi .search_side_sort li {
  padding-top: 4px;
  word-wrap: break-word;
  clear: both;
  display: inline-block;
  width: 264px
}
.okw_sidenavi .search_side_sort li a {
  float: left
}
.okw_sidenavi .search_side_sort li a:hover {
  text-decoration: none
}
.okw_sidenavi .search_side_sort li a:hover span {
  text-decoration: underline
}
.okw_sidenavi .search_side_sort li a .disc, .okw_sidenavi .search_side_sort li a:hover .disc {
  color: #333;
  text-decoration: none;
  float: left;
}
.okw_sidenavi .search_side_sort .ico_q_level_01_xs, .okw_sidenavi .search_side_sort .ico_q_level_02_xs, .okw_sidenavi .search_side_sort .ico_q_level_03_xs {
  display: inline-block;
  margin: 0 0 0 4px;
  float: none
}
.okw_sidenavi .search_side_sort .icon_answer_accept_small, .okw_sidenavi .search_side_sort .icon_answer_close_small, .okw_sidenavi .search_side_sort .icon_chat_close_small, .okw_sidenavi .search_side_sort .icon_answer_solution_small {
  display: inline-block;
  margin: 0 0 0 4px
}
.okw_sidenavi .search_side_sort .cancel {
  position: absolute;
  right: 5px
}
.okw_sidenavi .search_side_sort .active {
  background: #ebe3cd;
  margin: 3px 0 0 -18px;
  padding: 2px 0 2px 18px;
  width: 264px;
  position: relative;
  border-bottom: #676767 1px solid
}
.okw_sidenavi .search_side_sort .active a {
  width: 230px
}
.okw_sidenavi .search_side_sort .active .cancel a, .okw_sidenavi .search_side_sort .active.child .cancel a {
  width: auto
}
.okw_sidenavi .search_side_sort .active .cancel a:hover, .okw_sidenavi .search_side_sort .active.child .cancel a:hover {
  text-decoration: underline
}
.okw_sidenavi .search_side_sort .child {
  margin-left: 1em;
  width: 229px
}
.okw_sidenavi .search_side_sort .active.child {
  margin: 3px 0 0 -18px;
  padding: 2px 0 2px 30px;
  width: 252px
}
.okw_sidenavi .search_side_sort .active.child a {
  width: 205px
}
.okw_sidenavi .search_side_sort .child_2 {
  margin-left: 2em;
  width: 224px
}
.okw_sidenavi .search_side_sort .active.child_2 {
  margin: 3px 0 0 -18px;
  padding: 2px 0 2px 42px;
  width: 240px
}
.relative .bottom_sch {
  width: 570px;
  padding: 9px 15px;
}
/*pan*/
.okw_inner ul.bread {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  font-size: 11px;
  width: 610px;
  float: left;
}
.okw_inner ul.bread li {
  float: left;
  height: 25px;
  margin-right: 3px;
  margin-bottom: 3px;
  white-space: nowrap;
  position: relative;
  z-index: 50;
}
.okw_inner ul.bread li:nth-last-of-type(2), .okw_inner ul.bread li:nth-last-of-type(1) {
  z-index: 40;
}
.okw_inner ul.bread li .inner {
  float: left;
  height: 24px;
}
.okw_inner ul.bread li a, .okw_inner ul.bread li span {
  display: block;
  float: left;
  line-height: 25px;
}
.okw_inner ul.bread li a.pull {
  margin-left: 2px;
  margin-top: 2px;
  display: block;
  background: url(../images/common/sprite_leaf_2.gif?e6wP9VkiWF) no-repeat -279px 0;
  overflow: hidden;
  width: 19px;
  height: 20px;
  line-height: 100px;
}
.okw_inner ul.bread li a:hover.pull {
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
}
.okw_inner ul.bread li .arrow {
  background: url(../images/common/sprite_leaf_2.gif?e6wP9VkiWF) no-repeat -253px -6px;
  float: left;
  width: 8px;
  height: 12px;
  margin: 6px 0 0 5px;
  overflow: hidden;
  line-height: 100px;
}
.okw_inner ul.pullcategory {
  position: absolute;
  top: 23px;
  margin: 0 auto;
  padding: 0 5px;
  list-style: none;
  border: 1px solid #CCC;
  zoom: 1;
  left: -5px;
  background: #FFF;
  overflow: hidden;
  width: 170px;
}
.okw_inner ul.pullcategory li {
  float: none;
  display: block;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #CCC;
  width: 170px;
  margin-bottom: -1px;
}
.okw_inner ul.pullcategory li a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.okw_inner ul.pullcategory li a, .okw_qttlarea ul.pullcategory li .current {
  float: none;
  display: block;
  margin: 0;
  padding: 0;
}
.okw_inner ul.pullcategory li .current {
  font-weight: bold;
}
/* myapage_adviser */
.ok_mypageprof_adviser {
  margin: 8px 0 10px 0
}
.ok_mypageInner_top .ok_mypageprof_adviser {
  margin: 0 0 10px 0;
  font-size: 14px
}
.ok_mypageprof_adviser .ok_mypageprof_jobcategory {
  font-size: 14px
}
.ok_mypageprof_adviser .ok_mypageprof_jobcategory .label {
  font-size: 14px;
  color: #000;
  background: none;
  font-weight: bold;
  padding: 0
}
.myapage_adviser {
  clear: both;
  text-align: center;
  color: #000
}
.myapage_adviser .prarea {
  display: block;
  font-size: 18px;
  font-weight: bold;
  border: #ccc 1px dotted;
  padding: 10px
}
.myapage_adviser span {
  margin: 5px 0 0 0;
  display: block
}
.myapage_adviser .prarea span {
  font-size: 12px;
  font-weight: normal;
  display: inline
}
.btn_adviser a:link, .btn_adviser a:visited {
  display: inline-block;
  padding: 0 32px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  background: #6a6a6a;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 3px 3px 3px 0 rgba(255,255,255,0.4) inset, -3px -3px 3px 0 rgba(0,0,0,0.2) inset;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  text-align: center;
  vertical-align: bottom
}
.btn_adviser a:hover {
  background: #7d7d7d;
  text-decoration: none
}
.btn_adviser a:active {
  margin-top: 2px;
  height: 38px;
  background: #7d7d7d;
  box-shadow: none;
  text-decoration: none;
  line-height: 38px
}
/* mypage_index*/
.mypage_title {
  clear: both;
  font-size: 24px;
  font-weight: bold;
  color: #000
}
.mypage_subhead {
  clear: both;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 1.2;
  margin: 32px 0 4px 0;
  position: relative
}
.mypage_subhead span {
  font-size: 12px;
  font-weight: normal;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0
}
.mypage_index_morelink a {
  display: block;
  font-size: 14px;
  text-align: center;
  height: 44px;
  line-height: 44px;
  border-top: #99865c 1px dotted
}
.mypage_index {
  clear: both
}
.mypage_index ul {
  margin: 8px 0 0 0;
  border-bottom: #ccc 1px solid
}
.mypage_index ul li {
  border-top: #ccc 1px solid
}
.mypage_index ul li a {
  display: block;
  color: #999;
  padding: 12px 0
}
.mypage_index ul li a:hover {
  text-decoration: none
}
.mypage_index ul li a span {
  font-size: 16px;
  font-weight: bold;
  color: #0066cc;
  padding-right: 16px
}
.mypage_index ul li a:visited span {
  color: #832dab
}
.mypage_index ul li a:hover span {
  color: #209dd6;
  text-decoration: underline
}
.myp_ant_txt .icon_heart {
  background: url(../images/common/sprite_gnavi.gif?e6wP9VkiWF) no-repeat -91px -91px;
  padding-left: 16px;
  line-height: 1.1;
  margin-left: 4px;
}
/* join mypage ローディングボタン */
@-webkit-keyframes load3 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes load3 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.theme_list .btn_favorite_t.btn_favorite_t_off.r_btn_loading a:before {
  content: none;
}
.theme_list .btn_favorite_t.btn_favorite_t_off.r_btn_loading a i {
  display: inline-block;
  box-sizing: border-box;
  font-size: 12px;
  margin: 0px 0;
  text-indent: -9999em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #06c;
  background: -moz-linear-gradient(left, #06c 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #06c 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #06c 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #06c 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #06c 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.theme_list .btn_favorite_t.btn_favorite_t_off.r_btn_loading a i:before {
  width: 50%;
  height: 50%;
  background: #06c;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.theme_list .btn_favorite_t.btn_favorite_t_off.r_btn_loading a i:after {
  background: #fff;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.theme_list .btn_favorite_t.btn_favorite_t_off.r_btn_loading a span {
  padding-left: 8px;
}
.theme_list .btn_favorite_t a:hover {
  background: none;
  cursor: default;
}
/* modal */
.modal_overlay {
  background: #000;
  opacity: .7;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  z-index: 100;
}
.modal_window {
  background: #fff;
  box-sizing: border-box;
  margin-left: -200px;
  padding: 30px;
  position: absolute;
  text-align: center;
  top: 40px;
  left: 50%;
  width: 400px;
  height: 320px;
  z-index: 1000;
  word-break: break-all;
}
.modal_window .modal_close {
  position: absolute;
  top: 10px;
  right: 10px
}
.modal_window .modal_close a {
  background: url(../images/common/sprite_leaf_2.gif?e6wP9VkiWF) no-repeat -177px 0;
  display: block;
  overflow: hidden;
  line-height: 200px;
  width: 23px;
  height: 23px;
}
.modal_window .modal_title {
  font-size: 20px
}
.modal_window .modal_text {
  font-size: 15px;
  margin: 30px 0 0 0
}
.modal_window .btn_login a, .modal_window .btn_login a:visited {
  background: #444;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  text-align: center;
  width: 260px;
  height: 48px;
  line-height: 48px;
  margin: 10px 0 0 0
}
.modal_window .btn_login a:hover {
  background: #555;
  text-decoration: none
}
.modal_window .btn_continue a, .modal_window .btn_continue a:visited {
  background: #e69e3a;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  text-align: center;
  width: 260px;
  height: 48px;
  line-height: 48px;
  margin: 16px 0 0 0
}
.modal_window .btn_continue a:hover {
  background: #ffaf40;
  text-decoration: none
}
.modal_window .text-left {
  text-align: left;
}
.modal_cancel {
  text-align: right;
}
.modal_cancel a {
  display: inline-block;
  margin: 32px 32px 16px;
}
.modal_cancel a.cancel_off {
  color: #999;
}
/* --- order history start ---- */
.tbl_striped {
  width: 100%;
}
.tbl_striped tr > * {
  padding: 8px;
}
.tbl_striped thead tr {
  background: #d9caa5;
}
.tbl_striped thead tr th, .tbl_striped thead tr td {
  text-align: center;
  font-weight: normal;
}
.tbl_striped tbody tr:nth-child(even) {
  background: #f5f5f5;
}
.tbl_striped .txt_left {
  text-align: left;
}
.tbl_order_histoty tbody a {
  color: #06c;
}
.tbl_order_histoty tbody td:first-of-type, .tbl_order_histoty tbody td:nth-child(2) {
  width: 6em;
  text-align: center;
}
.tbl_exchange_histoty tbody td:first-of-type {
  width: 7.4em;
  text-align: center;
}
.tbl_exchange_histoty tbody td:nth-child(3) {
  width: 8.4em;
  text-align: center;
}
.tbl_exchange_histoty tbody td:last-child {
  width: 6em;
  text-align: center;
}
.tbl_order_histoty tbody a {
  color: #06c;
  line-height: 1.4;
  width: 28em;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.tbl_order_histoty tbody a span, .tbl_order_histoty tbody a b {
  color: #000;
}
.tbl_order_histoty span {
  display: inline-block;
  width: 5.2em;
}
/* --- //order history end ---- */
.cl-red {
  color: #ff0000;
}
/* --- profile edit start 見送りになったので、とりあえず置いておく
.re_form_edit input[type=radio] {
  display: none;
}
.re_form_edit input[type=radio] + label {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 1.4;
  padding: 14px 8px 14px 38px;
  margin-right: 12px;
  position: relative;
  width: 100%;
}
.re_form_edit input[type=radio] + label::before {
  background: #FFF;
  border: 2px solid #ddd;
  border-radius: 30px;
  content: "";
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 18px;
  height: 18px;
}
.re_form_edit input[type=radio]:checked + label::after {
  background: #06c;
  border-radius: 8px;
  content: "";
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  left: 15px;
  width: 8px;
  height: 8px;
}
.re_form_edit input[type="text"].error,
.re_form_edit input[type="mailadress"].error,
.re_form_edit input[type="password"].error,
.re_form_edit textarea.error {
  background: #fff2f2;
  border: #f00 1px solid
}

.re_form_edit input[type="text"],
.re_form_edit input[type="mailadress"],
.re_form_edit input[type="password"], textarea {
  background: #fff;
  border: #ccc 1px solid;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  font-size: 15px;
  padding: 10px;
  width: 100%;
}

.re_form_edit {
  margin-top: 30px;
}
.av_lg {
  width: 100px;
  height: 100px;
}
.av_rd {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.note_box {
  text-align: center;
}
.profile_required {
  clear: both;
  overflow: hidden;
}
.re_form_edit * {
  box-sizing: border-box;
}
.re_form_edit .av_edit {
  width: 120px;
  text-align: center;
  float: left;
}
.re_form_edit .av_edit span{
  display:block;
  margin-top:16px;
}
.re_form_edit .frm_dt_sex input[type=radio] + label{
  width: 7em;
  margin-left: -10px;
  padding-top:0;
  padding-bottom:0;
}
.btn_register_01,
.re_form_edit .profile_outline {
  float: right;
  width: 460px;
}
.btn_register_01 {
  clear: both;
  margin-top: 30px;
}
.re_form_edit .frm_box:first-child {
  border: none;
}
.re_form_edit .frm_box {
  padding-top: 24px;
}
.re_form_edit .sm_ttl {
  font-size: 13px;
  font-weight: bold;
  margin-right: 16px;
  width: 160px;
}
.re_form_edit .sm_ttl small {
  font-size: 11px;
  font-weight: normal;
}
.re_form_edit .sm_ttl + div {
  font-size: 16px;
  width: 320px;
}
.re_form_edit select {
  font-size: 16px;
}
.re_form_edit select + small {
  display: inline-block;
  font-size: 11px;
  padding: 0 8px;
  vertical-align: -20%
}
.re_form_edit .frm_dt_selfinfo .sm_ttl + div {
  width: 100%;
  float: none;
  font-size: 13px;
}
.profile_required textarea {
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  height: 15em;
  padding: 16px;
  width: 100%;
  margin-top: 4px;
}
.profile_option {
  clear: both;
  overflow: hidden;
}
.profile_option >div >div {
  background: #f1f1f1;
}
.profile_option .frm_box >div {
  padding: 0 16px 16px;
}
.profile_option >label {
  border: 1px dashed #ccc;
  border-radius: 4px;
  display: block;
  font-size: 14px;
  float: right;
  padding: 32px 48px;
  margin: 16px 0;
  position: relative;
  text-align: center;
  width: 460px;
}
.profile_option >label:before, .profile_option >label:after {
  display: block;
  color: #999;
  position: absolute;
  width: 100%;
  left: 0;
}
*
.frm_box input {
  padding: 8px;
  width: 100%;
  font-size: 14px;
}
*
.profile_option >label:before {
  content: "詳細を開く";
  bottom: 10px;
  text-align: center;
}
.profile_option >label:after {
  content: "+";
  top: 10px;
}
.profile_option_check {
  display: none;
}
.frm_dt_speciality_select_child {
  padding:0 16px 16px;
}
.profile_option > div {
  display: none;
  transition: all 0.3s ease-in 0s;
}
.profile_option > .profile_option_check:checked + div + label:before {
  content: "詳細を閉じる";
}
.profile_option > .profile_option_check:checked + div + label:after {
  content: "−";
}
.profile_option > .profile_option_check:checked + div {
  display: block;
}
.profile_option label.frm_label {
  display: block;
  font-weight: bold;
  width: 100%;
}
.frm_box {
  display: flex;
  flex-flow: row nowrap;
  border-top: 1px solid #ddd;
  padding-bottom: 8px;
}
.frm_box.frm_dt_selfinfo {
  flex-direction: column;
}
* 下部のボタンが並ぶ部分 *
.frm_btn_2row {
  border:none;
  text-align: center;
}
.frm_btn_2row >div:first-child a {
  margin-right: 16px;
}
.frm_box .frm_item {
  align-items: flex-end;
  display: flex;
}
.frm_box .frm_item0 {
  flex-grow: 0;
  flex-basis: 30%;
}
.frm_box .frm_item1 {
  flex-grow: 1;
}
.frm_box .frm_item2 {
  flex-grow: 2;
}
.frm_box .frm_item_privacy {
  flex-grow: 0;
  flex-basis: 90px;
}
.re_form_edit .btn_register_01 {
  background-image: none;
  text-align: center;
  height: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}
.re_form_edit .btn_register_01 a {
  background: #999;
  background-image: none;
  border-radius: 4px;
  display: inline-block;
  line-height: 1;
  padding: 16px 56px;
  margin-top: 16px;
  width: auto;
  height: auto;
}
.frm_onoff_switch {
  position: relative;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.frm_switch {
  display: none;
}
.frm_switch_label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid #ccc;
}
.frm_switch_inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.frm_switch_inner:before, .frm_switch_inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-weight: bold;
  box-sizing: border-box;
}
.frm_switch_inner:before {
  content: "公開";
  padding-left: 10px;
  background-color: #0066cc;
  color: #FFFFFF;
}
.frm_switch_inner:after {
  content: "非公開";
  padding-right: 10px;
  background-color: #fff;
  color: #999999;
  text-align: right;
}
.frm_switch_switch {
  display: block;
  width: 20px;
  margin: 6px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 56px;
  border: 1px solid #ccc;
  border-radius: 50%;
  transition: all 0.3s ease-in 0s;
}
.frm_switch:checked + .frm_switch_label .frm_switch_inner {
  margin-left: 0;
}
.frm_switch:checked + .frm_switch_label .frm_switch_switch {
  right: 0px;
}
.frm_switch:checked:disabled + .frm_switch_label, .frm_switch:checked:disabled + .frm_switch_label .frm_switch_inner {
  cursor: default;
}
.frm_switch:checked:disabled + .frm_switch_label .frm_switch_inner:before {
  background-color: #999;
  color: #FFFFFF;
}
.deactivate_txt {
  border-top: 1px solid #ddd;
  padding-top: 16px;
  margin-top: 30px;
  clear: both;
}
.btn_2row{
  clear: both;
  overflow: hidden
}
input.frm_re_btn,
a.frm_re_btn,
a.frm_re_btn:visited {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #666;
  border: none;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  line-height: 56px;
  margin: 16px 0 0 0;
  height: 56px;
  padding: 0 24px;
  width: 100%;
  text-align: center;
  text-decoration: none;
}
.frm_re_btn strong, a.frm_re_btn strong, .frm_re_btn:visited strong {
  color: #fff;
}
.frm_re_btn.frm_return, a.frm_re_btn.frm_return, .frm_re_btn.frm_return:visited {
  background: #b3b3b3;
}
.note_box{
  text-align: right;
  margin-top: 16px;
}
 //profile edit end --- */

/* thanks score 20180622 start ---------------------- */
.rcmd_tab_list.thanks_ok_tip {
  padding: 16px;
  position: relative;
  padding-top: 170px;
}
.rcmd_tab_list.thanks_ok_tip:before {
  background: url(../images/common/bg_mizuhiki.png?e6wP9VkiWF) center 0 no-repeat;
  background-size: auto 100%;
  content: "";
  opacity: 0.3;
  position: absolute;
  width: 100%;
  height: 120px;
  top: 50px;
  left: 0;
}
.okw_recommend_area .rcmd_tab_list .list li a + .q_date {
  margin-top: -16px;
}
.okw_recommend_area .rcmd_tab_list .list li .msg_input_body {
  color: #333;
}
.okw_recommend_area .rcmd_tab_list .list li .msg_input_box .msg_input_body {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  font-size: 13px;
}
.msg_input_box .msg_input_body.self_introduction {
  white-space: normal;
  height: 4em;
  padding: 0 0;
}
.msg_input_box .msg_input_body br {
  display: none;
}
.msg_input_box .msg_input_body.self_introduction br {
  display: block;
}
.msg_input_box input {
  display: none;
}
.okw_recommend_area .rcmd_tab_list .list li .msg_input_box label {
  border: 1px solid #0066cc;
  border-radius: 11px;
  color: #0066cc;
  display: block;
  font-size: 12px;
  line-height: 1;
  margin: 4px auto;
  padding: 4px 0;
  text-align: center;
  width: 13em;
}
.okw_recommend_area .rcmd_tab_list .list li a .msg_input_box label:hover {
  opacity: 0.8;
}
.okw_recommend_area .rcmd_tab_list .list li .msg_input_box input:checked + .msg_input_body {
  text-overflow: inherit;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.okw_recommend_area .rcmd_tab_list .list li .msg_input_box input:checked + .msg_input_body.self_introduction {
  text-overflow: inherit;
  white-space: normal;
  height: auto
}
.okw_recommend_area .rcmd_tab_list .list li .msg_input_box input:checked + .msg_input_body br {
  display: block;
}
.okw_recommend_area .rcmd_tab_list .list li .msg_input_box input:checked + .msg_input_body + label {
  display: none;
}
.okw_recommend_area .rcmd_tab_list .list li .us_sc_img {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.okw_recommend_area .rcmd_tab_list .list li.ok_tip_exchange {
  color: #000;
  font-size: 10px;
  margin-top: 2px;
  margin-left: -6px;
}
.okw_recommend_area .rcmd_tab_list .list li .ok_tip_exchange em {
  font-weight: bold;
  font-size: 14px;
  font-style: normal;
  margin-right: 3px;
}
.re_side_ok_tip {
  margin-top: 13px;
}
.re_side_ok_tip > div {
  padding: 8px;
}
.re_list_block.re_side.re_side_ok_tip ul {
  padding: 8px 0 0;
}
.re_list_block.re_side.re_side_ok_tip ul div {
  padding: 8px 0;
  color: #999;
}
.re_side_ok_tip li {
  text-align: right;
  clear: both;
  border-bottom: 1px solid #d9caa5;
}
.re_side_ok_tip li:last-of-type {
  border: none;
}
.re_side_ok_tip li div, .re_side_ok_tip li a {
  display: block;
  padding: 8px 0;
  position: relative;
}
.re_side_ok_tip li i, .re_side_ok_tip li b {
  float: left;
  font-size: 13px;
}
.re_side_ok_tip li i {
  font-size: 18px;
  margin-right: 8px;
}
.re_side_ok_tip div.step_count {
  box-sizing: border-box;
  border: 2px dotted #f50a00;
  border-radius: 50%;
  background: #f50a00;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 16px;
  padding: 5px 0 0 0;
  text-align: center;
  position: absolute;
  top: -13px;
  right: 8px;
  height: 48px;
  width: 48px;
}
.re_side_ok_tip em {
  font-style: normal;
  font-weight: bold;
  margin-right: 4px;
  font-size: 14px;
}
.re_side_ok_tip div.step_count em {
  font-size: 21px;
  margin: 0;
}
.ok_tip_step {
  box-sizing: border-box;
  font-size: 13px;
  position: relative;
}
.ok_tip_step li {
  position: relative;
}
.ok_tip_step li i {
  background: #0066cc;
  color: #fff;
  box-sizing: border-box;
  font-size: 17px;
  font-weight: bold;
  margin-right: 8px;
  width: 24px;
  text-align: center;
  vertical-align: top;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 0;
}
.ok_tip_step em {
  font-style: normal;
  font-weight: bold;
}
.ok_tip_step li em {
  font-size: 18px;
  margin-right: 3px;
}
.ok_tip_step li b {
  float: left;
  padding-left: 32px;
}
.ok_tip_step .tip_step_txt {
  padding: 16px 0;
}
.ok_tip_step p strong {
  font-size: 14px;
}
.ok_tip_step .step_sc {
  margin: 8px 0 0;
}
.ok_tip_step .step_sc li {
  text-align: right;
}
.ok_tip_step .step_sc li.tip_step_txt {
  text-align: left;
}
.ok_tip_step .step_sc li div i {
  background: #ddd;
  border: none;
  color: #fff;
}
.ok_tip_step .step_sc div, .ok_tip_step .step_sc a {
  display: block;
  height: 34px;
  line-height: 34px;
}
.re_list.step_sc a:visited, .re_list.step_sc a:link, .re_list.step_sc li a:visited, .re_list.step_sc li a:link {
  color: #0066cc;
}
.ok_tip_step li a:hover span, .ok_tip_step li a:hover em, .ok_tip_step li a:hover b, .ok_tip_step .step_sc a:hover {
  color: #209dd6;
  text-decoration: underline;
}
.ok_tip_step .step_sc div {
  color: #666;
}
.ok_tip_step .step_sc div li em {
  font-weight: normal;
}
.ok_tip_step .step_count {
  box-sizing: border-box;
  font-size: 11px;
  font-weight: bold;
  float: right;
  color: #f50a00;
  display: inline-block;
  letter-spacing: 1px;
  line-height: 7px;
  text-align: center;
}
.ok_tip_step .step_count em {
  font-size: 24px;
  font-style: normal;
}
.okw_personal_area.info_wrap {
  border: 4px solid #ddd;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
  box-sizing: border-box;
  width: 610px;
  padding: 32px;
  margin-bottom: 16px;
}
/* //thanks score 20180622 end ---------------------- */
/* Avatar modal start ---------------------- */
.modal.guide_module, .modal.avt_module {
  background: rgba(0,0,0, 0.7);
  overflow: hidden;
  text-align: center;
  position: fixed;
  top:0;
  left: 0;
  width:100%;
  height: 100%;
  z-index: 40;
}
.modal.guide_module {
  cursor: default;
  z-index: 10020;
  padding-top: 16px;
}
.modal.guide_module * {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.modal.guide_module:before, .modal.avt_module:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.modal.guide_module .modal_contents, .modal.avt_module .modal_contents {
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  border-radius: 24px;
  width:560px;
  background: #f0f0f0;
}
.modal.guide_module .modal_contents {
  padding: 0 0 24px;
  width: 736px;
  z-index: 10030;
}
.modal.avt_module .modal_body {
  padding: 16px;
}
.modal.guide_module .modal_body {
  padding: 0 24px 24px;
}
.modal.guide_module .modal_body.sc_body {
  /* height: 400px;s */
  max-height: 400px;
  overflow-y: auto;
}
.modal.guide_module .modal_body.sc_body.no_footer {
  /* height: 470px; */
  max-height: 470px;
  padding: 0 24px 0;
}
.modal.guide_module .mdl_close, .modal.avt_module .mdl_close {
  background: #f0f0f0;
  border-radius: 50%;
  color: #666;
  font-size: 16px;
  font-weight: bold;
  line-height: 27px;
  padding: 8px;
  position: absolute;
  top: -16px;
  right: -16px;
}
.modal.guide_module .mdl_close {
  z-index: 10040;
}
.modal.avt_module .modal_header {
  border-radius: 24px 24px 0 0;
  padding:24px 24px 0;
  text-align: center;
}
.modal.guide_module .modal_header {
  border-radius: 24px 24px 0 0;
  padding: 24px 24px;
  text-align: center;
}
.modal.guide_module .modal_header h3, .modal.avt_module .modal_header h3 {
  font-size: 28px;
  color: #666;
  line-height: 32px;
}
.modal.guide_module .modal_header h3 {
  font-weight: bold;
  margin: 0 0;
}
.modal.guide_module .modal_title {
  font-size: 20px;
  color: #666;
  border-bottom: #ccc solid 1px;
  padding-bottom: 8px;
}
.modal.guide_module .modal_title .ok_schresult_l {
  font-size: 14px;
  margin-left: 16px;
}
.modal.guide_module .modal_title_2nd {
  font-size: 13px;
  font-weight: bold;
  color: #666;
  line-height: 16px;
  display: inline-block;
}
.modal.guide_module .modal_title_3rd {
  background: #f9f9f9;
  border-top: 1px solid #eee;
  font-size: 13px;
  font-weight: bold;
  color: #666;
  line-height: 1;
  padding: 8px 16px;
  margin-left: -16px;
  margin-right: -16px;
}
.modal.guide_module .ok_schresult_l {
  display: inline-block;
  float: right;
}
.modal.avt_module .modal_body img {
  max-width: 100%;
}
.modal.guide_module .modal_footer, .modal.avt_module .modal_footer {
  border-radius: 0 0 24px 24px;
  padding:24px ;
  background: #e3e3e3;
  margin-bottom: -24px;
}
.text_center {
  text-align: center;
}
.modal.guide_module .re_btn_cancel, .modal.guide_module a.re_btn_cancel, .modal.avt_module .re_btn_cancel, .modal.avt_module a.re_btn_cancel {
  height: 40px;
  line-height: 40px;
  margin-left: 24px;
}
/* cropper */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cropper-container img {
  /*Avoid margin top issue (Occur only when margin-top <= -height)*/
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box, .cropper-canvas {
  /*overflow: hidden;*/
  overflow-x: hidden;
  overflow-y: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: .3;
}
.cropper-view-box {
  border-radius: 50%;
  display: block;
  height: 100%;
  outline-color: rgba(255, 255, 255, 0.75);
  outline: 1px solid rgba(255, 255, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: .5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.33333%;
  left: 0;
  top: 33.33333%;
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.33333%;
  top: 0;
  width: 33.33333%;
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: .75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center:before, .cropper-center:after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}
.cropper-center:before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center:after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face, .cropper-line, .cropper-point {
  display: block;
  height: 100%;
  opacity: .1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  border-radius: 50%;
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: .75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
.cropper-point.point-se {
  height: 15px;
  width: 15px;
}
}

@media (min-width: 992px) {
.cropper-point.point-se {
  height: 10px;
  width: 10px;
}
}

@media (min-width: 1200px) {
.cropper-point.point-se {
  height: 5px;
  opacity: .75;
  width: 5px;
}
}
.cropper-point.point-se:before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background: #fff;
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.trim_zoom_box {
  box-sizing: border-box;
  padding: 24px 32px 8px;
  overflow: hidden;
  position: relative;
  width: 320px;
  margin: 0 auto;
}
.trim_zoom_box .zoom_icon_box i {
  color: #666;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}
.trim_zoom_box .zoom_icon_box i:last-of-type {
  left: auto;
  right: 0;
}
/* rangeslider */
.zoom_slider {
  width: 100%;
}
.rangeslider, .rangeslider__fill {
  display: block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.rangeslider {
  background: #ddd;
  position: relative;
}
.rangeslider--horizontal {
  height: 4px;
  width: 100%;
}
/*
.rangeslider--vertical {
  width: 16px;
  min-height: 150px;
  max-height: 100%;
  height: 16px;
}
.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
*/
.rangeslider__fill {
  background: #b8b8b8;
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}
.rangeslider__handle {
  background: #999;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  background-size: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background: #ccc;
}
.rangeslider--horizontal .rangeslider__handle {
  top: -6px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
  left: -6px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}
/* //Avatar modal end ---------------------- */
/* c18830 */
.re_profile_tab .okw_recommend_area .rcmd_tab_list {
  border-top: none;
}
.okw_recommend_area .rcmd_tab_list.li_guide .list li{
  position: relative;
}
.okw_recommend_area .rcmd_tab_list.li_guide .list li .button_remark {
  background: #6a6a6a;
  border-radius: 5px;
  box-shadow: 1px 1px 4px 0px rgba(255,255,255,0.75) inset,-1px -1px 4px 0px rgba(0,0,0,0.75) inset;
  font-size: 11px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  position: absolute;
  top:16px;
  right: 0;
  width: 70px;
  height: 24px;
  z-index: 1;
}
.okw_recommend_area .rcmd_tab_list.li_guide .list li .button_remark a {
  padding:0;
  color: white;
  display: block;
}
.okw_recommend_area .rcmd_tab_list.li_guide .list li .button_remark a:hover {
  text-decoration: none;
}
.okw_recommend_area .rcmd_tab_list.li_guide .list li .button_remark a:hover {
  text-decoration: none
}
.okw_recommend_area .rcmd_tab_list.li_guide .list li .button_remarks a:active {
  padding-top: 2px
}
.okw_recommend_area .rcmd_tab_list.li_guide .list li .button_remark + a img{
  margin-top:34px;
}
.okw_recommend_area .rcmd_tab_list.li_guide .list li .button_remark + a .li_ttl{
  padding-right:80px;
}
