@charset "utf-8";

/*--------------------------------------
  Last Update 2015-5-12

  1-1.Q&Aエリア
  1-2.このQ&Aを見た人はこんなQ&Aも見ています
  1-2-1.関連するQ&A
  1-2-2.回遊枠全般フォント調整
  1-3.ビジネスアンサー
  1-4.おしトピitem
  1-5.回答・お礼投稿
  1-6.ウィンドウ右下検索ボックス

---------------------------------------*/
body { background-color:#fff!important;}
.contentsInner { margin:0 10px;}


/*bread crumb*/
#crumb {text-align:left; margin:0 4px; padding:5px 8px 3px;  min-height:15px; _height:15px;}
#crumb a {text-decoration:none;}
#crumb a:hover {text-decoration:underline;}

ul#crumb li {display:inline; padding:0 0.5em 0 0; font-size:90%;}
#q-and-a { margin:0 0 20px 0; padding:0; height:1%;}


/*--------------------------------------
	2.質問デザイン
---------------------------------------*/
/*---質問エリア---*/
#q_area { margin:0 0 30px 0; padding:0; height:1%;position:relative;}

/*見出し部分*/
.q-head { margin:30px 0 0 0; padding:0 0 4px 44px; background:url(../../images/common/q.png) 10px 4px no-repeat; position: relative;}
.q-head h2 { float:left; position: relative; margin:0; padding:0; font-size:1.3em!important; line-height:1.8em!important; color:#444; font-weight:bold;}


/*SNS部分*/
.share {position: absolute; right: 0; top: 0; z-index: 10; margin-left:100px;}
.share ul { margin:0; padding:0; list-style:none;}
.share ul li {
	margin-left:8px;
	float:left;
}
.share ul li.plusone * {*display:inline!important;}
ul.share li a,
ul.share li img,
ul.share li span,
ul.share li strong,
ul.share li em {
  vertical-align: middle;
  overflow: hidden;
}


/*質問部分*/
.q_article_wrap {border:1px solid #CCC!important; position: relative; margin:0 0 0 0; padding:0;}
.q_article { margin:0; padding:0 0 0 0; border:2px solid #fff!important; position: relative; background:url(../../images/common/q_article_bk.png) 0 0 repeat-x;}
.q_article_info { margin:0; padding:0;   position: relative; height:1%; min-height:79px;}
.q_article_info h1 {position:relative; margin:0 0 20px 0; padding:5px 0 0 0; font-size:2.3em!important; line-height:1.3em!important; color:#444;word-break:break-all;	word-wrap:break-word;font-weight:bold!important;}
.q_article_info .feelingIcon { position:relative; top: 0; right: 0; float:right; display: inline-block; margin-left: 10px; margin-top: -10px;}
.q_article_info .q-title_item {margin-top: -10px;}

/*気になるボタン*/
.q_in_useful {
	margin-top:-4px;
}
.q_in_useful form {margin:0; padding:0;}
.q_in_useful ul { margin:0 6px 0 0 ; padding:0; list-style:none;}
.q_in_useful ul li { margin:0 0 0 0; padding:0 2px 0 0; display:inline; vertical-align:middle!important; font-size:0.9em;}
.q_in_useful ul li.number { font-weight:bold; color:#996600; font-size:120%;margin:2px 1px 0 0 !important;}
.q_in_useful ul li.order {margin-top:4px!important;}

.q_in_useful ul li.bookmark {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	height:30px;
	margin-right:1px !important;
	}

.q_in_useful ul li.bookmark a {
	display:block;
	border:1px solid #00A3D9;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	padding:4px 6px 6px;
	margin:-2px 10px 10px 0;
	line-height:1;
	color:#00A3D9!important;
	font-size:15px;
	background-color:#fff;
	}

.q_in_useful ul li.bookmark a i { font-size:1.1em!important; display:inline-block; *display: inline; *zoom: 1; margin-right:4px; color:#00A3D9;}
.q_in_useful ul li.bookmark a span { font-size:85%; color:#00A3D9;}
.q_in_useful ul li.bookmark a:hover,
.q_in_useful ul li.bookmark a:active{text-decoration:none!important; background-color:#00A3D9;}
.q_in_useful ul li.bookmark a:hover span,
.q_in_useful ul li.bookmark a:active span{color:#fff;}
.q_in_useful ul li.bookmark a:hover i,
.q_in_useful ul li.bookmark a:active i{color:#fff;}
.q_in_useful ul li.bookmark a:visited {color:#00A3D9;}

.q_in_useful ul li.after a { color:#ccc!important; background-color:#f6f6f6; border:1px solid #ccc!important;}
.q_in_useful ul li.after a i { color:#ccc!important;}
.q_in_useful ul li.after a span { color:#ccc!important;}
.q_in_useful ul li.after a:hover,
.q_in_useful ul li.after a:active{text-decoration:none!important; background-color:#f6f6f6;}
.q_in_useful ul li.after a:visited {color:#ccc;}

/*質問タグアイテム*/
.q-tag_item { margin-bottom: 18px; margin-top: -10px;}
.q-tag_item .fa-tag{ float: left; margin-right: 5px; line-height: 24px; color: #888; font-size: 1.25em;}
.q-tag_item ul { overflow: hidden;}
.q-tag_item li { float: left;}
.q-tag_item li a { display: block; height: 10px; margin: 0 5px 5px 0; padding: 5px; border: 1px #ddd solid; line-height: 1; text-align: center; font-size: 13px; color: #666 !important;}
.q-tag_item li a:hover {color: #666 !important; background: #ddd; text-decoration: none !important;}

/*質問アイテム*/
.q-title_item { margin:0; padding:0;position:relative; overflow:hidden;}
.q-title_item ul {margin:0; padding:0 0 4px 0; list-style:none;}
.q-title_item ul li { float:left; height: 2em; margin-right: 10px !important; vertical-align:middle; font-size:0.95em; color:#666666;}
.q-title_item ul li a i { font-size: 1.1em!important; display: inline-block; margin-left: 4px; color: #00A3D9;}
.q-title_item ul li.feelings {color:#666; font-size:0.9em; vertical-align:middle; font-weight:bold;}
.q-title_item ul li.pink{ color:#F8007B;}
.q-title_item ul li.feelings img {vertical-align:middle; margin-right:6px;}
.a-btn-s { position:absolute; top:-2px; right:0;}
.a-btn-s i { display:block; width:94px; height:30px; background:url(../../images/common/a-btn-s.png) 0 0 no-repeat;}
.a-btn-s i:hover {background:url(../../images/common/a-btn-s.png) 0 -33px no-repeat;}


/*質問文*/
.q_article p.q_text { padding:20px 1px 0 1px!important; margin:0 0 20px 0!important; line-height:1.4em; font-size:1.1em;word-break:break-all;word-wrap:break-word;}
p.related-url {
  padding-left: 20px!important;
  background:url(../../images/common/icon_link.png) 0 2px no-repeat;
}
.multimedia { margin:10px 0;}
.multimedia_movie { margin:10px 0;}
.multimedia_delete { margin:40px 0; text-align:center; color:#999;}

p.complain { text-align:right; color:#999; margin:0; padding:0 2px 10px 17px!important; font-size:1em;}
p.complain a {color: #999999 !important;}

/*質問フッター*/
#incontents p.induce_answer {
    text-align: center;
    margin-bottom: 10px;
}
.q_footer { margin:0; padding:16px 17px 16px; position:relative; text-align: center !important; border-top:1px #ddd solid; color:#666666;}
.q_footer .designation { text-align:center; vertical-align:middle; color:#FC8D00; margin:0 auto 16px; line-height:1.2!important; width:280px;}
.q_footer .designation p { float:left; text-align:left;width:212px;}
.q_footer .designation img { vertical-align:middle; float:left; margin-right:8px;}
.q_footer .designation span { font-size:12px; color:#999;}





.q_footer .a_btn { width:250px; text-align:center; margin:0 auto; text-align:center;}
.q_footer .a_btn a {
	display:block;
	background-color:#ff7f00;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 2px 2px 0 #d6d6d6;
	line-height:49px;
}

.q_footer .a_btn a i.w-circle { color:#fff; font-size:1.5em; line-height:32px;}
.q_footer .a_btn a i.a { color:#ff7f00; font-style:normal;  font-size:18px; line-height:30px; }
.q_footer .a_btn a span.a-text { color:#fff;display:inline-block; *display: inline; *zoom: 1; margin-left:2px; font-size:125%; line-height:44px;}
.q_footer .a_btn a:hover,
.q_footer .a_btn a:active {background-color:#cd6a00; text-decoration:none!important;}
.q_footer .a_btn a:visited { color:#fff;}
.text_display {position: absolute; right: 17px; top: 17px; z-index:10; height:20px; font-size:0.95em;}

/*補足コメント*/
.remark_comment { margin:20px 0 10px 0; padding:0;}
.remark_comment h3 { margin:0; padding:0; border:none;}
.remark_wrap {background: url(../../images/common/dot.png) repeat-x scroll left top transparent; padding:0;}
.remark_wrap ul { margin:0; padding:0; list-style:none;}
.remark_wrap ul li {background: url(../../images/common/dot.png) repeat-x scroll left bottom transparent; margin:0; padding:16px 0 16px 0!important;}
.remark_wrap ul li p { margin:0; padding:0 0 10px 0!important; word-wrap: break-word;}
.remark_wrap ul li div.remark_item { margin:0 0 20px 0; padding:0; position:relative;}
.remark_wrap ul li div.remark_item .remark_day {position:absolute;right:0;bottom:-25px;font-size:0.85em; color:#666666;}
.remark_wrap ul li div.remark_item .remark_info {font-size:0.85em; color:#749501;float:left;}
.remark_wrap ul li div.remark_item .remark_info b {color:#fe3a84; font-weight:bold; padding-right:4px;}
.remark_complain_btn {
    float:right;
}

.remark_wrap ul li p.feelingIcon {position: relative; top:0; right:0; float:right; margin:0 0 0 20px!important;}
.remark_wrap ul li p.feelingTxt{overflow:auto; padding:0 0 10px;}
.tn_wrap_ver02{margin: 14px 14px 0 80px;}
.tn_wrap_ver02 .a-thanks{background: url(../../images/common/dot.png) repeat-x scroll center top transparent; padding: 25px 0 25px 2px;}
.tn_wrap_ver02 span.thanks {float:none;}
.tn_wrap_ver02 p.feelingIcon {position: relative; top:0; right:0; float:right; margin: -35px 0 0 20px!important;}
.tn_wrap_ver02 p.a_text {margin: 20px 0 0 80px !important; overflow:hidden;}

.remark_wrap ul li p.feelingIcon {position: relative; top:0; right:0; float:right; margin:0 0 0 20px!important;}
.remark_wrap ul li p.feelingTxt{overflow:auto; padding:0 0 10px;}
.tn_wrap_ver02{margin: 14px 14px 0 80px;}
.tn_wrap_ver02 .a-thanks{background: url(../../images/common/dot.png) repeat-x scroll center top transparent; padding: 25px 0 25px 2px;}
.tn_wrap_ver02 span.thanks {float:none;}
.tn_wrap_ver02 p.feelingIcon {position: relative; top:0; right:0; float:right; margin: -35px 0 0 20px!important;}
.tn_wrap_ver02 p.a_text {margin: 20px 0 0 80px !important; overflow:hidden;}

/*質問者のみ補足コメントつける*/
.q_only_remark_item { margin:0; padding:0 0 10px 0; position:relative; height:30px;}
.q_only_remark_item ul { margin:0 70px 0 0; padding:0 0 0 0; list-style:none;}
.q_only_remark_item ul li { margin:4px 6px 8px 0; padding:0 6px 0 4px;  float:left; font-size:0.9em; border-right:1px solid #ddd; line-height:0.95em;}
.q_only_remark_item ul li.only { background-color:#eee; color:#666666; border-right:none!important; padding:4px 4px; margin:0 6px 0 0;}
.q_only_remark_item ul li.last { border-right:none!important;}
.remark_complain {position: absolute; right: 0; top: 0; z-index:10; padding-top:0; text-align:right;}
.remark_complain a { color: #999999 !important;}





/*--------------------------------------
	3.回答デザイン
---------------------------------------*/

/*---回答エリア---*/
#a_area {margin:0 0 40px 0; padding:0; height:1%;position:relative;}

/*見出し部分*/
.a-head { margin:10px 0 0 0; padding:0 0 2px 44px; background:url(../../images/common/a.png) 10px 4px no-repeat; position: relative;}
.a-head p { float:left; position: relative; margin:0; padding:0; font-size:1.3em!important; line-height:1.8em!important; color:#444; font-weight:bold;}
.a-head p span.count { font-size:0.8em; font-weight:normal;}


/*表示切替部分*/
.short {position: absolute; right: 0; top: 4px; z-index: 10;}
.short ul { margin:0; padding:0; list-style:none;}
.short ul li { margin:0 0 0 4px; padding:0 10px; display:inline; border-right:1px solid #ddd; font-size:0.95em;}
.short ul li.last { border-right: none!important;}
.short ul li.on { color:#333333; font-weight:bold;}


/*回答部分*/
.a_article_wrap {border-top:1px solid #CCC!important; position: relative; margin:0 0 0 0; padding:0;}
.a_article { margin:0; padding:0 0 10px 0; border-top:2px solid #fff; background: url(../../images/common/a_article_bk.png) 0 0 repeat-x!important; position: relative;min-height:140px; height:auto !important; height:140px;}
.a_article_info {margin:0; padding:0; position: relative; height:1%; min-height:79px;}
.a_article_info p { position:relative; margin:0 0px 6px 0; padding:0; font-size:1.2em!important; color:#444; vertical-align:middle; font-weight:bold!important;}
.a_article_info h1 { margin-right: 0;}
.a_article_info .feelingIcon { position:relative; top: 0; right: 0; float:right; display: inline-block; margin-left: 10px;}


/*ベストアンサー*/
.bestanswer {background: url(../../images/common/bestanswer.png) no-repeat scroll 0 0 transparent; margin-left:14px;}
.goodanswer {background: url(../../images/common/goodanswer.png) no-repeat scroll 0 0 transparent; margin-left:14px;}
.bestanswer,
.goodanswer {
    color: #CF0000;
    display: inline-block;
    padding: 5px 0 6px 25px;
}

/*参考になったボタン*/
.a_in_helpful {}
.a_in_helpful ul { margin:0 !important;padding:0 !important; list-style:none;}
.a_in_helpful ul li { margin:0;padding:0; display:inline; vertical-align:middle; font-size:0.9em;border-right:none !important;}
.a_in_helpful ul li.number { font-weight:bold; color:#996600; font-size:120%; vertical-align:2px!important;}
.a_in_helpful ul li.order { vertical-align:2px!important;}

.a_in_helpful ul li.good {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	position:relative;
	width:120px;
	height:30px;
	}

.a_in_helpful ul li.good a {
	display:block;
	border:1px solid #FF7F00;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	padding:4px 6px 6px;
	margin-bottom:10px;
	margin-right:10px;
	position:absolute;
	line-height:1;
	top:-2px;
	right:0;
	color:#FF7F00;
	font-size:15px;
	font-weight:bold;
	background-color:#FFFFFF;
	}

.a_in_helpful ul li.good a i { font-size:1.1em!important; display:inline-block; *display: inline; *zoom: 1; margin-right:4px; color:#FF7F00;}
.a_in_helpful ul li.good a span { font-size:85%; color:#FF7F00;}
.a_in_helpful ul li.good a:hover,
.a_in_helpful ul li.good a:active{text-decoration:none!important; background-color:#FF7F00;}
.a_in_helpful ul li.good a:hover span,
.a_in_helpful ul li.good a:active span{color:#fff!important;}
.a_in_helpful ul li.good a:hover i,
.a_in_helpful ul li.good a:active i{color:#fff!important;}
.a_in_helpful ul li.good a:visited {color:#FF7F00;}

.a_in_helpful ul li.after a { color:#ccc!important; background-color:#f6f6f6; border:1px solid #ccc!important;}
.a_in_helpful ul li.after a i { color:#ccc!important;}
.a_in_helpful ul li.after a span { color:#ccc!important;}
.a_in_helpful ul li.after a:hover,
.a_in_helpful ul li.after a:active{text-decoration:none!important; background-color:#f6f6f6;}
.a_in_helpful ul li.after a:hover span,
.a_in_helpful ul li.after a:active span{color:#ccc!important;}
.a_in_helpful ul li.after a:hover i,
.a_in_helpful ul li.after a:active i{color:#ccc!important;}
.a_in_helpful ul li.after a:visited {color:#ccc;}



/*回答アイテム*/
.a-title_item { margin:0; padding:0;}
.a-title_item ul {margin:0; padding:0 0 8px 0; list-style:none;}
.a-title_item ul li { display: inline; margin-right: 10px !important; vertical-align:middle; font-size:0.95em; color:#666666;}
.a-title_item ul li.feelings {color:#666; font-size:0.9em; vertical-align:middle; font-weight:bold;}
.a-title_item ul li.pink{ color:#F8007B;}
.a-title_item ul li.feelings img {vertical-align:middle; margin-right:6px;}
.a-title_item ul li a i {font-size: 1.1em!important; display: inline-block; margin-left: 4px; color: #ff7f00;}

/*回答文*/
.a_article div.a_text { padding:0 0 10px 0!important; margin:0; line-height:1.4em; font-size:1.1em; word-wrap: break-word;}

/*お礼と補足*/
.remark_complain2 {
	position:relative !important;
	margin:5px 0 !important;
}

.a-note,
.a-thanks {
	position:relative;
    background: url(../../images/common/dot.png) repeat-x scroll center bottom transparent;
    padding: 14px 10px 14px 2px;
	font-size: 13px !important;
	margin: 0 !important;
}
.announce_remark {
	background: url(../../images/common/dot.png) repeat-x scroll center bottom transparent;
	padding-bottom:10px;
}


span.thanks {background: url(../../images/common/icon_thanks.png) no-repeat scroll 2px 2px transparent;font-weight:bold;}
div.note {background: url(../../images/common/icon_note.png) no-repeat scroll 2px 0 transparent;font-weight:bold;}


.a-note p, .a-thanks p, .a-note div.multimedia, .a-thanks div.multimedia {
    font-size: 0.9em !important;
    margin-left: 13em !important;
	word-wrap: break-word;
	line-height:1.4;
}

div.note,
span.thanks {
    float: left;
    font-size: 0.9em !important;
    margin: 0 0 0 10px !important;
    padding: 0 0 0 20px !important;
    width: 10em;
}

.a-thanks span.thanks_day,
.a-note span.hosoku_day {font-size:0.85em; color:#666666; text-align:right!important; display:block; margin-top:10px;}


/*補足告知*/
.announce_remark { margin:10px 0; text-align:right;}


#mycategory_qa_aside a, #myanswer_qa_aside a {font-size:15px !important;}

/*質問者のみアクションエリア*/
.q_only_item { margin:0; padding:0px 30px 10px 77px; position:relative; height:30px;}
.q_only_item ul { margin:0 70px 0 0; padding:14px 0 0 0; list-style:none;}
.q_only_item ul li { margin:4px 6px 8px 0; padding:0 6px 0 4px;  float:left; font-size:0.9em; border-right:1px solid #ddd; line-height:0.95em;}
.q_only_item ul li.only { background-color:#eee; color:#666666; border-right:none!important; padding:4px 4px; margin:0 6px 0 0;}
.q_only_item ul li.last { border-right:none!important;}
.q_only_item ul li:first-child {border-right:none !important;}
.a_complain {position: absolute; right: 17px; top: 8px; z-index:10; padding-top:6px; text-align:right;}
.a_complain a { color: #999999 !important;}




/*質問者回答締め切り*/
.q_only_close { margin:0; padding:0; text-align:center!important;}
.q_only_close ul { margin:0 auto; padding:6px 0 0 0; list-style:none; text-align:center;}
.q_only_close ul li { margin:4px 6px 8px 0; padding:0 6px 0 4px; display:inline; font-size:0.9em; line-height:0.95em; text-align:center;}
.q_only_close ul li.only { background-color:#eee; color:#666666; padding:4px 4px; margin:0 6px 0 0;}

.q_only_close ul li a                {text-decoration:none!important;color:#3366CC!important;}
.q_only_close ul li a:link:hover     {text-decoration:underline!important; }
.q_only_close ul li a:link:active    {text-decoration:none; color:#3366CC!important;}
.q_only_close ul li a:visited        {text-decoration:none!important; }
.q_only_close ul li a:visited:hover  {text-decoration:underline; }
.q_only_close ul li a:visited:active {text-decoration:none;}


/*回答ボタン*/
.a-btn-area { text-align:center; padding:10px 0;}
.a-btn-area .a_btn { width:250px; text-align:center; margin:0 auto; text-align:center;}
.a-btn-area .a_btn a {
	display:block;
	background-color:#ff7f00;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 2px 2px 0 #d6d6d6;
	line-height:49px;
	}
.a-btn-area .a_btn a i.w-circle { color:#fff; font-size:1.5em; line-height:32px;}
.a-btn-area .a_btn a i.a { color:#ff7f00; font-style:normal;  font-size:18px; line-height:30px; }
.a-btn-area .a_btn a span.a-text { color:#fff;display:inline-block; *display: inline; *zoom: 1; margin-left:2px; font-size:125%; line-height:44px;}
.a-btn-area .a_btn a:hover,
.a-btn-area .a_btn a:active {background-color:#cd6a00; text-decoration:none!important;}
.a-btn-area .a_btn a:hover i.a {color:#cd6a00;}
.a-btn-area .a_btn a:visited { color:#fff;}
.a-btn-area .a_btn_gray a {
	background-color:#ccc !important;
	cursor:default !important;
}
.a-btn-area .a_btn_gray a i.a {
	color:#ccc !important;
}
.buttonArea {
	margin-bottom:15px;
}


/*--------------------------------------
	4.質問・回答共通デザイン
---------------------------------------*/
.user_area { margin:14px; padding:0; width:40px; position:absolute; top:0; left:0;}
.user_area span.user_img { display:block; border:1px solid #ccc; height:40px; width:40px;}

.user_text_area {margin:14px 14px 0 80px; padding:0;}



/*Q&Aページング*/
#qa_bottompage {clear:both; margin:-10px 0 0 0; padding:0 0 0 0!important; border:none; height:3.6em!important;}
#paging {margin:0; padding:8px 0 4px 0; width:100%!important; font-size:1.1em; text-align:center; color:#333!important; clear:both; height:2em!important;}
#paging span { margin:0 2px;}
#paging span.cur {font-size:1.1em; text-decoration:none; font-weight:bold; padding:4px 4px!important; border:none!important; background:#FFFFFF!important; color:#333333!important;}

#paging span.blk {font-size:1.1em;　text-decoration:none; background:#F3F8FC!important;}

#paging span.blk a                {text-decoration:none!important; border:1px solid #BEE5F4!important; padding:4px 6px!important; background:#F3F8FC!important; color:#3366CC!important;}
#paging span.blk a:link:hover     {text-decoration:underline; border:1px solid #4AA5D6!important; padding:4px 6px!important; background:#F3F8FC!important;}
#paging span.blk a:link:active    {text-decoration:none; border:1px solid #4AA5D6!important; padding:4px 6px!important; background:#F3F8FC!important; color:#3366CC!important;}
#paging span.blk a:visited        {text-decoration:none!important; border:1px solid #BEE5F4!important; padding:4px 6px!important; background:#F3F8FC!important;}
#paging span.blk a:visited:hover  {text-decoration:underline; border:1px solid #4AA5D6!important; padding:4px 6px!important; background:#F3F8FC!important;}
#paging span.blk a:visited:active {text-decoration:none; border:1px solid #4AA5D6!important; padding:4px 6px!important; background:#F3F8FC!important;}

#paging span a.page_link_next                {text-decoration:none!important;color:#3366CC!important;}
#paging span a.page_link_next:link:hover     {text-decoration:underline!important; }
#paging span a.page_link_next:link:active    {text-decoration:none; color:#3366CC!important;}
#paging span a.page_link_next:visited        {text-decoration:none!important; }
#paging span a.page_link_next:visited:hover  {text-decoration:underline;}
#paging span a.page_link_next:visited:active {text-decoration:none;}


/*Q&A関連エリア*/
#connection_area { margin:40px 0 0 0; padding:0; height:1%;}


.google_ad {position:relative;width:100%;padding-top:20px;}
.google_ad h2.g_ad a.ad_attribution {position:absolute;text-align:left;top:0px;left:10px;zoom:1;}

/*-- google ads for qa-page --*/
.google_ad ul li span.ad_text {font-size:14px;}
.google_ad ul li span.ad_title a {color:#03C!important;text-decoration:underline!important;}
.google_ad ul li span.ad_title a:hover {color:#f00!important;}


/* 3行表示 ABテスト */
.google_ad ul li div.ad_title a{ color:#0033cc!important; font-weight:bold!important; text-decoration:underline!important; padding-left:10px; font-size:16px;}
.google_ad ul li div.ad_title a:hover {color:#f00!important;}
.google_ad ul li div.ad_url { margin-top:-2px!important; color:#008000; padding-left:20px; font-size:14px;}
.google_ad ul li div.ad_text { margin-top:2px!important; color:#000000; display:block; font-size:14px; padding-left:20px;}

.google_ad ul li div.ad_url a                { color:#999!important; text-decoration:none!important;}
.google_ad ul li div.ad_url a:link:hover     { color:#999!important; text-decoration:underline!important;}
.google_ad ul li div.ad_url a:link:active    { color:#999!important; text-decoration:underline!important;}
.google_ad ul li div.ad_url a:visited        { color:#999!important; text-decoration:none!important;}
.google_ad ul li div.ad_url a:visited:hover  { color:#999!important; text-decoration:underline!important;}
.google_ad ul li div.ad_url a:visited:active { color:#999!important; text-decoration:underline!important;}

.google_ad ul li div.ad_text a                { color:#000000!important; text-decoration:none!important; font-size:12px;}
.google_ad ul li div.ad_text a:link:hover     { color:#000000!important; text-decoration:underline!important; font-size:12px;}
.google_ad ul li div.ad_text a:link:active    { color:#000000!important; text-decoration:underline!important; font-size:12px;}
.google_ad ul li div.ad_text a:visited        { color:#000000!important; text-decoration:none!important; font-size:12px;}
.google_ad ul li div.ad_text a:visited:hover  { color:#000000!important; text-decoration:underline!important; font-size:12px;}
.google_ad ul li div.ad_text a:visited:active { color:#000000!important; text-decoration:underline!important; font-size:12px;}


/*--------------------------------------------
	1-2.このQ&Aを見た人はこんなQ&Aも見ています
---------------------------------------------*/

div.recommend_yellow div.c_title_area {margin:0; padding:5px 0 5px 14px; background: url(/images/qa/yellow.gif) 0 top repeat-x; border-bottom:1px solid #F0E6A2;}
div.recommend_yellow div.c_title_area h2 { font-size:1.1em;font-weight:bold; margin:0!important; padding:0!important;}

div.recommend_yellow ul.connection { margin:0; padding:0; list-style:none;}
div.recommend_yellow ul.connection li { margin:0 0 6px 0; padding:0 0 0 16px; background:url(../../images/common/midashi_y.gif) 0 1px no-repeat;}

div.recommend_yellow ul.connection li span {color: #777; font-size: 85%; font-weight: normal;}
div.recommend_yellow ul.connection li span a{color:#777!important; text-decoration:none!important; width:100%!important; display:block!important;}
div.recommend_yellow ul.connection li span a:hover {color:#777!important; text-decoration: underline!important; }

.connection ul.ra_ranking1-3 { margin:0; padding:10px 0 6px 0; list-style:none; border-bottom: 1px dotted #ccc;}
.connection ul.ra_ranking1-3 li { margin:0; padding:0 0 6px 35px; vertical-align:middle; font-size:0.95em; padding-top:4px;}
.connection ul.ra_ranking1-3 li:hover {background-color:#FFFFCC!important;}
.connection ul.ra_ranking1-3 li.crown01 {background:url(../../images/common/crown01.png) no-repeat 0 0;}
.connection ul.ra_ranking1-3 li.crown02 {background:url(../../images/common/crown02.png) no-repeat 0 0;}
.connection ul.ra_ranking1-3 li.crown03 {background:url(../../images/common/crown03.png) no-repeat 0 0;}

.connection ul.ra_ranking1-3 li.crown01 a:hover {background-color: #FFFFCC; background-repeat: repeat-x;}
.connection ul.ra_ranking1-3 li.crown02 a:hover {background-color: #FFFFCC; background-repeat: repeat-x;}
.connection ul.ra_ranking1-3 li.crown03 a:hover {background-color: #FFFFCC; background-repeat: repeat-x;}

.connection ul.ra_ranking4-20 { margin:0; padding:10px 0 0 8px; list-style:none;}
.connection ul.ra_ranking4-20 li { margin:0; padding:5px 0 6px 0; font-size:0.95em;}
.connection ul.ra_ranking4-20 li:hover {background-color:#FFFFCC!important;}
.connection ul.ra_ranking4-20 li a:hover {background-color: #FFFFCC; background-repeat: repeat-x;}

.connection ul.ra_ranking4-20 li span { color:#666; font-weight:bold;padding: 0;width: 16px;text-align: center;margin-right: 12px;font-size:110%;}

.pagetop {margin-top:40px;}



/*--------------------------------------------
        1-2-1.回遊枠全般フォント調整
---------------------------------------------*/
/* このQAを見ている人は */
.recommend_yellow .con_wrap_01 a {
font-size: 15px;
}
/* 関連するQA (外部JS) */
.con_qa2 .con_wrap_01 a {
font-size: 15px;
}
/* 注目の記事 */
.topics_article .con_wrap_01 a {
font-size: 16px;
}
.topics_article .con_wrap_01 a h3 {
font-size: 16px;
}
.articlePhotoList li {
	padding: 8px 8px 9px; background: url(../../images/common/dot.png) repeat-x scroll center bottom transparent; overflow: hidden; clear: both;
}
.articlePhotoList .articlePhotoList_title {
	 padding:0; background: none; border-bottom:none;
}
.articlePhotoList .articlePhotoList_text {
	font-size: 0.9em; line-height: 1.4;
}
.articlePhotoList .articlePhotoList_articleTop .articlePhotoList_title {
	margin: 5px 0 8px 145px; font-size:1.2em;
}
.articlePhotoList .articlePhotoList_articleTop .articlePhotoList_text {
	font-size: 0.9em; margin: 0 0 0 145px; padding: 0 !important;
}
.articlePhotoList .articlePhotoList_articleNormal .img_area{
	width: 91px; height: 63px;
}
.articlePhotoList .articlePhotoList_articleNormal .articlePhotoList_title {
	margin: 3px 0 6px 106px !important; font-size:1.1em;
}
.articlePhotoList .articlePhotoList_articleNormal .articlePhotoList_text {
	margin: 0 0 0 106px;
}



/* 右ナビ このQAを見た人がよく見るQA */
.navi_recommend_list a {
font-size: 15px;
}
/* 右ナビ このカテゴリの人気QAランキング */
#qa_ranking_daily a,
#qa_ranking_monthly a {
font-size: 15px;
}
/* 回答募集！ or 回答してみて！マイカテゴリQA or あなたにおすすめ！ */
#mycategory_qa a,
#myanswer_qa a {
font-size: 15px;
}
/* 右ナビ 回答募集！ or 回答してみて！マイカテゴリQA or あなたにおすすめ！ */
#mycategory_qa_aside a,
#myanswer_qa_aside a {
font-size: 15px;
}


/*--------------------------------------------
	1-3.ビジネスアンサー
---------------------------------------------*/

/* 2012.01版ビジネスアンサー用 */
.ba {
    background-image: url(//adcdn.goo.ne.jp/images/banner/20110106/ba_bg_green.gif);
    background-repeat: repeat-x;
    border: 1px solid #DDD;
    font-size: 14px;
    margin: 0 0 1em 0;
    padding: 12px 20px;
    line-height: 1.4em;
}
.ba-title {
    font-size: 16px;
}
.ba-image {
    float: right;
    margin: 0 0 10px 80px;
    position: relative;
}
.ba-image img {
    border-width: 0;
    margin-top:10px;
}
.ba-foot {
    clear: both;
}
.ba-text {
    margin-top: 15px;
    margin-bottom: 20px;
    line-height:1.6em;
    font-size:105%;
}
.ba-subtext a {
    padding-left: 1em;
}
.ba-pr {
    float: right;
    clear: both;
    margin:3px 0;
    padding: 0;
    position: relative;
}

/* IE9互換モード表示崩れ */
*[id^="xlisting-ad-"] { zoom: 1; }


.xlisting {
    background-color:#F9F9F9;
    border: 1px solid #DDD;
    font-size: 14px;
    margin: 0 0 1em 0;
    padding: 12px 20px;
    line-height: 1.4em;
}

.xlisting-title {
    font-size: 16px;
}

.xlisting-image {
    float: right;
    margin: 0 0 10px 10px;
    position: relative;
}

.xlisting-image img {
    border-width: 0;
}

.xlisting-foot {
    clear: both;
}

.xlisting-text {
    margin-top: 20px;
    margin-bottom: 20px;
}

.xlisting-subtext a {
    padding-left: 1em;
}

.xlisting-pr {
    float: right;
    clear: both;
    margin:0 0 6px;
    padding: 0;
    position: relative;
    color:#999;
    font-size:0.9em;
}


/*-------------------------------------------
   1-4.おしトピitem
--------------------------------------------*/

/*QA詳細などの2カラム系*/
.oshitopi-2 { margin:0 0 20px;}
.oshitopi-2 .title-oshitopi {position:relative; border-bottom:1px solid #eee; }
.oshitopi-2 .title-oshitopi h2 { font-weight:normal;line-height:38px; margin:0!important; font-size:90%;}
.oshitopi-2 .title-oshitopi h2 i { display:inline-block; margin-right:16px; vertical-align: middle;}
.oshitopi-2 .title-oshitopi p.about-oshitopi { position:absolute; top:10px; right:6px; display:block; margin-right:20px; font-size:90%;}
.oshitopi-2 ul.order-list {list-style:none;}
.oshitopi-2 ul.order-list li { border-bottom:1px solid #eee;}
.oshitopi-2 ul.order-list li a {display: block; text-decoration: none; overflow: hidden; padding: 12px 0;}
.oshitopi-2 ul.order-list li a:hover {background-color:#f8f8f8; text-decoration:none!important; color:#333333;}
.oshitopi-2 ul.order-list li p.order-img{ float: left; width: 80px;}
.oshitopi-2 ul.order-list li .order-list-body {margin-left:60px; margin-right:10px;}
.order-list-body h3.list-title {font-size: 16px; margin-bottom: 10px; margin-left:30px; color:#3366CC!important; padding-left:0!important;}
.order-list-body .list-comment {font-size: 85%; margin-bottom:10px!important; margin-left:30px!important; color:#666!important;}
.order-list-body .list-footer {margin-left:30px;}
.order-list-body .list-footer .point { display:inline-block; *display: inline; *zoom: 1; margin-right:16px;}
.order-list-body .list-footer .point span {
        display:inline-block;
        *display:inline;
        *zoom: 1;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        margin-right: 5px;
        padding: 0 6px;
        color: #fff;
        font-size: 85%;
        }
.order-list-body .list-footer .point span.point200 {
        background-color: #FF0000!important;
        }
.order-list-body .list-footer .point span.point50 {
        background-color: #999!important;
        }
.order-list-body .list-footer .point span.point100 {
        background-color: #FF9900!important;
        }
.order-list-body .list-footer .deadline { display:inline-block; *display: inline; *zoom: 1; margin-right:16px;}
.order-list-body .list-footer .deadline span.dead-title {
        display:inline-block;
        *display:inline;
        *zoom: 1;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        padding: 0 5px;
        border: 1px solid #f36;
        color: #f36!important;
        font-size: 85%;
        margin-right:2px;
        line-height:1.1;
        }
.order-list-body .list-footer .deadline span.date { font-size:85%; color:#ccc!important;}
.order-list-body .list-footer .deadline span.answerNumber { font-size:85%; color:#999!important;margin-left: 10px;}

.oshitopi-2 .btn {padding: 16px 10px 10px;}
.oshitopi-2 .btn a {
        display:block;
        border:1px solid #f36;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        text-align:center;
        width:170px;
        margin:0 auto;
        padding:10px;
        box-shadow: 2px 2px 0 #eee;
        -moz-box-shadow: 2px 2px 0 #eee;
        -webkit-box-shadow: 2px 2px 0 #eee;
        -o-box-shadow: 2px 2px 0 #eee;
        -ms-box-shadow: 2px 2px 0 #eee;
        color:#FFF!important;
        background-color:#f36;
        }
.oshitopi-2 .btn a:hover { background-color:#e70263; text-decoration:none!important;}




.noAnswerBtn {
	line-height:30px;
}


.ichiran {
	text-align:right !important;
}




.numbers {
	font-weight:bold !important;
	color:#666;
	margin:-3px 4px 0 -5px !important;
	font-size:18px !important;
}
.goodIcon {
	margin-top:-12px;
}


.unit {
	vertical-align:2px !important;
	margin:0px -5px 0 -10px !important;
	font-size:14px !important;
}
.feelingIcon {
	position:absolute;
	top:-15px;
	right:-15px;
	z-index:10;
}
.grayBtn a {
	color:#fff !important;
	text-decoration:none !important;
	background-color:#ccc;
	display:block;
	cursor:default;
	width:270px;
	margin:0 auto;
	line-height:44px;
}
i.q {
	color:#ccc;
	font-style:normal !important;
	font-size:20px;
}
span.q-text {
	font-size: 16px !important;
	margin-left:5px !important;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #fff !important;
}

/*-------------------------------------------
   1-5.回答・お礼投稿
--------------------------------------------*/

/*リクエスト*/
.q_footer.ver02 {
	padding: 0 80px;
	border-top: none;
	text-align: left !important;
}
.q_footer.ver02 .text_display {
	position: relative !important;
	left: 0;
	top: 0;
	margin-bottom: 15px;
}
.q_footer.ver02 .designation {
	margin-bottom: 25px;
	text-align: center;
}
/*回答・お礼投稿 ブロック*/
.formArea {
	margin: 0 30px 30px 0;
	padding: 0;
	position:relative;
	clear:both;
}
.formArea.thanks, 
.formAreaComplete.thanks {
	margin-top:40px;
}
.formArea .user_area {
	margin-top:0;
	background-color: #fff;
}
.formArea .user_area span.user_img {
	display:block;
	border:1px solid #ccc;
	height:40px;
	width:40px;
}
.formArea .formBlock {
	float: right;
	width: 100%;
}
.formArea .formBlock .formBox {
	margin-left: 80px;
	border: 1px #aaa solid;
	border-radius: 5px;
}
.formArea .attachArea{
	position:relative;
}
/*入力*/
.formArea form {
	padding: 8px 10px;
}
.formArea form textarea {
	width: 100%;
	border: none;
	overflow: hidden;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:1.1em;
	line-height:1.4em;
	word-break: break-all;
	word-wrap: break-word;
	resize: none;
	outline: none;
}
.formArea .open textarea{
	height: 130px;
}
.formArea .close textarea{
	height: 30px;
}
.formArea.thanks .close textarea{
	width: 100%;
	height: 25px;
}
.formArea.thanks .close .form_default .rt{
	float:right;
	width:100%;
	margin: 0 0 0 -30px;
}
.formArea.thanks .close .form_default .inrt{
	margin: 0 0 0 30px;
}
.formArea.thanks .close .form_default .lb{
	float:left;
	width:30px;
}
.formArea.thanks .close .fa-stack {
	float: left;
	width: 30px;
	height: 30px;
	line-height: 1.5em;
}
.formArea.thanks .close i.fa-heart {
	color:#ff3b99;
}

/*ボタン・Comfirmエリア*/
.formArea .attach_btn {
	background: #f6f6f6;
	border: 1px #fff solid;
	border-top: 1px #ddd solid;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	position:relative;
}
.formArea .btnList, 
.formArea .btnList li {
	float: left;
}
.formArea .btnList li form {
  padding: 0;
}
.formArea .btnList li input {
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 31;
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: pointer;
}
.formArea .btnList li span {
	display: block;
	margin-right: 1px;
	width: 50px;
	height: 50px;
	position:relative;
	z-index:21;
}
.formArea .btnList li span:hover, 
.formArea .btnList li span.on {
	background: #e9e9e9;
	cursor: pointer;
}
.formArea .btnList li i {
	position: relative;
    color: #FF7F00;
}
.formArea.thanks .btnList li i {
    color: #ff3b99;
}
.formArea .btnList .b_picture i {
	top: 15px;
	left: 14px;
    font-size: 20px;
}
.formArea .btnList .b_feeling i,
.formArea .btnList .b_feeling_single i {
	top: 13px;
	left: 14px;
    font-size: 24px;
}
.formArea .btnList .balloon {
	position: absolute;
	top: -32px;
	display: inline-block;
	padding: 0 5px;
	width: auto;
	min-height: 30px;
	background: #444;
	color: #e9e9e9;
	line-height: 30px;
	text-align: left;
	font-size: 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	z-index: 22;
}
.formArea .btnList .balloon.off {
	display: none;
}
.formArea .btnList .b_picture .balloon, 
.formArea .btnList .b_feeling_single .balloon {
	left: -2px;
}
.formArea .btnList .b_feeling .balloon {
	left: 51px;
}
.formArea .btnList .balloon:after {
	content: "";
	position: absolute;
	bottom: -5px; left: 19px;
	display: block;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #444 transparent transparent transparent;
}
/*確認ボタン*/
.formArea .btnConfirm {
	float:right;
}
.formArea .txtmore {
	float: left;
	margin-top: 15px;
	font-size: 14px;
	color: #a0a0a0;
}
.formArea .a-btn-area {
	float: right;
	padding: 0 !important;
	margin: 8px 7px 6px 10px;
	text-align: left !important;
}
.formArea .a-btn-area .a_btn {
	width: auto !important;
	min-width:160px;
	text-align: left !important;
}
.formArea .a-btn-area .a_btn a {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-shadow: none;
	line-height: 34px;
	padding-left: 5px;
	}
.formArea .a-btn-area .a_btn a .fa-stack {height: 34px;}
.formArea .a-btn-area .a_btn a i.w-circle {font-size: 22px;}
.formArea .a-btn-area .a_btn a i.a {font-size: 14px; line-height: 32px;}
.formArea .a-btn-area .a_btn a span.a-text {font-size: 110%; line-height: 34px; margin-left: -5px; margin-right:5px;}
.formArea .a-btn-area .a_btn a:hover,
.formArea .a-btn-area .a_btn a:active {background-color: #cd6a00; text-decoration: none!important;}
.formArea .a-btn-area .a_btn a:visited {color: #fff;}

.formArea .a-btn-area .a_btn.pink a {background-color:#ff3b99; padding-left: 13px;}
.formArea .a-btn-area .a_btn.pink a:hover,
.formArea .a-btn-area .a_btn.pink a:active {background-color: #ff0079;}
.formArea .a-btn-area .a_btn.pink a i.fa-heart {color:#fff;}
.formArea .a-btn-area .a_btn.pink .fa-stack {line-height:1.8em;}
.formArea .a-btn-area .a_btn.pink a span.a-text {margin-left:-13px;}

.formArea .a-btn-area .a_btn.errorBtn a {background-color: #d6d6d6;}
.formArea .a-btn-area .a_btn.errorBtn a:hover,
.formArea .a-btn-area .a_btn.errorBtn a:active {background-color: #d6d6d6;}

.formArea .a-btn-area.errorBtn .a_btn a , 
.formArea .a-btn-area.errorBtn .a_btn a:hover,
.formArea .a-btn-area.errorBtn .a_btn a:active {background-color: #ccc;}
.formArea .a-btn-area.errorBtn .a_btn a i.a {color:#ccc;}
.formArea .a-btn-area.errorBtn .a_btn a i.fa-heart {color:#fff;}

/*画像・スタンプ挿入*/
.formArea .attach_btnUp {
	padding: 25px;
	border-top: 1px #ddd solid;
	background: #f6f6f6;
}
.formArea .btnUpList li {
	float: left;
	width: 104px;
	height: 104px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background: url(../../images/v2/pc/qa/bg_waku.png) left top no-repeat;
}
.formArea .btnUpList li.s_picture {
	margin-right: 22px;
}
.formArea .btnUpList li .image {
	width: 100px;
	height: 100px;
}
.formArea .btnUpList li.on .image {
	position: relative;
	border: 2px #fff solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 1px 1px #ddd;
	text-align: center;
	background: #fff;
}
.formArea .btnUpList li.s_picture.off div.image {
	background: url(../../images/v2/pc/qa/bg_picture.png) center center no-repeat;
}
.formArea .btnUpList li.s_feeling.off div.image {
	background: url(../../images/v2/pc/qa/bg_feeling.png) center center no-repeat;
}
.formArea .btnUpList li.s_picture div.loading {
	padding:33px;
}
.formArea .btnUpList li.on span {
	position: absolute;
	top: 0;
	left: 0;
	width: 93px;
	height: 97px;
	padding: 3px 7px 0 0;
	font-size: 20px;
	color: #fff;
	text-align: right;
	background-color: #fff;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.formArea .btnUpList li.on span:hover {
	display:block;
	background-color: #444;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.formArea .btnUpList li.on .fa-times:hover {
	cursor:pointer;
}

.formArea .btnUpList li img {
	vertical-align: top;
}
.formArea .btnUpList .s_feeling img {
	padding-top: 7px;
}
/*スタンプ選択*/
.formArea .attach_btnDown {
	width:100%;
	position: absolute;
	z-index: 20;
	margin:-6px -1px 0;
	background: #f6f6f6;
	border: 1px #aaa solid;
	border-top:  none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	*position: relative;
}
.formArea .attach_btnDown .btnDownInner {
	margin-top: 5px;
	padding: 25px 10px 10px 25px;
	border-top: 1px #ddd solid;
	
}
.formArea .tabContents {
	overflow: auto;
	width: auto;
	height: 350px;
 }
.formArea .tabContents .feelingListTitle {
	font-size: 13px;
	color: #333;
	text-align: center;
	margin-bottom: 15px;
}
.formArea .tabContents .feelingList li {
	float: left;
	padding: 5px;
}
.formArea .tabContents .feelingList li a {
	font-size: 16px;
	color: #333;
	padding: 10px 15px;
	line-height: 30px;
	display: block;
}
.formArea .tabContents .feelingList li a:hover {
	background-color: #b2b2b2;
}
.formArea .tabContents .feelingList li a img {
	margin-right: 5px;
	vertical-align: text-top;
}
.formArea .tabContents .feelingList li.selected a {
	background-color: #b2b2b2 !important;
}

/*回答・お礼投稿 確認*/
.formArea .user_text_area {
	margin: 22px 22px 30px 45px;
	padding: 0;
}
.formArea .user_text_area h3 {
	font-size: 20px !important;
	font-weight:normal !important;
}
.formArea .user_text_area i {
	display:inline-block;
	width:25px;
	margin-left:-25px;
    color: #ff7f00 !important;
    font-size: 20px;
	font-style: normal !important;
}
.formArea.thanks .user_text_area h3 {
	margin-bottom:0;
}
.formArea.thanks .user_text_area i {
    color: #ff3b99 !important;
}
.formArea .feelingIcon {
	position: absolute;
	top: -15px;
	right: -15px;
}


.formArea .user_text_area .a_article_info {
	padding-bottom: 26px;
	min-height:1%;
}
.formArea .user_text_area .multimedia {
	margin-top:15px;
}
.formArea .user_text_area .multimedia img {
	vertical-align:top;
}
.formArea.thanks .user_text_area .a_text {
	margin-right:100px;
}
.a_text h2 {
	display:inline;
	font-size:inherit;
	line-height: 1.7;
}
.q_article .formArea .user_text_area p.a_text {
	font-size:1.1em;
	line-height:1.4em;
	word-break: break-all;
	word-wrap: break-word;
}
.formArea .first {
	margin:-15px 0 -12px;
	text-align:center;
	font-size: 13px;
}
.formArea .first .firstLink {
	margin: 5px auto;
}
.formArea .first .firstLink li {
	display: inline;
    margin-right: 15px;
}
.formArea .btnConfirm.ct {
	float:none;
	width:398px;
	text-align:center;
	margin:0 auto;
}
.formArea.thanks .btnConfirm.ct {
	width:358px;
}
.formArea .btnConfirm ul .a-btn-area {
	float: left;
}
.formArea .btnConfirm ul .a_btn {
	min-width:210px !important;
}
.formArea .btnConfirm ul .a_btn.gray, 
.formArea .btnConfirm ul .a_btn.pink {
	min-width:150px !important;
}
.formArea .btnConfirm ul .a_btn a {
	padding-left:0;
}
.formArea .btnConfirm ul .a_btn a span.block {
	display:block;
	text-align:center;
}
.formArea .btnConfirm ul .a_btn a .fa-stack {
	margin-left:-0.5em;
}
.formArea .btnConfirm ul .a_btn.gray a {
	background-color:#fff;
	border: 1px #999 solid;
}
.formArea .btnConfirm ul .a_btn.gray a span.a-text {
	margin-left:0;
	color: #999;
}
.formArea .btnConfirm ul .a_btn.gray a:hover,
.formArea .btnConfirm ul .a_btn.gray a:active {
    background-color:#eee;
}
.formArea .btnConfirm ul .a_btn.gray a:visited {
    color:#999;
}
.formArea .btnConfirm ul .a_btn.pink a {padding-left: 0;}
.formArea .btnConfirm ul .a_btn.pink a span.a-text {margin-left: 0;}

/*回答・お礼投稿 エラー画面*/
.formArea .errorText {
	font-size: 14px;
	color: #ff0000;
}
.formArea .errorText i {
	margin-right: 2px;
}
.formArea .errorRt {
	float: left;
	line-height: 50px;
	font-size: 14px;
	color: #a0a0a0;
}
.formArea .errorLt {
	float: left;
	margin-left: 85px;
}
.formArea .errorLt .errorText {
	margin-top: 6px;
}

/*回答・お礼投稿 完了画面*/
.formAreaComplete {
	position:relative;
	clear:both;
}
.formAreaComplete .answerComplete {
	height:40px;
	margin:0 -2px -1px;
	background:#Ff7f00;
	text-align:center;
	color:#fff;
	line-height:42px;
	z-index:20;
	position:relative;
}
.formAreaComplete .answerComplete.pink {
	margin:20px 0 0;
	background:#ff3b99;
}
.formAreaComplete .answerComplete i.w-circle {
    color: #fff;
	font-size: 26px;
    line-height: 32px;
}
.formAreaComplete .answerComplete.pink .fa-stack {
    line-height: 32px;
}
.formAreaComplete .answerComplete i.q {
    color: #ff7f00 !important;
    font-size: 16px;
    font-style: normal;
    line-height: 32px;
}
.formAreaComplete .answerComplete .text {
	font-size: 16px;
    line-height: 34px;
}
.formAreaComplete .feelingIcon {
	position: absolute;
    top: -15px;
	right: -15px;
}
.formAreaComplete .complete{
	margin-bottom:20px;
}
.formAreaComplete .a_article_info {
	height:72px;
	padding:0;
}
.formAreaComplete .a_article_info .a-title_item {
	padding-top:12px;
}
.formAreaComplete .complete .a-thanks{
	position:relative;
    padding: 30px 20px 20px 4px;
}
.formAreaComplete .complete .a-thanks span.thanks {
    float: none;
}
.formAreaComplete .complete .a-thanks p.feelingIcon{
	position:relative;
	top:0;
	right:0;
	float: right;
	margin:-34px -20px 0 20px !important;
}
.formAreaComplete .complete .a-thanks p.a_text{
    margin:20px 0 0 80px !important;
	overflow: hidden;
	min-height: 2em;
}
.otherBox {
	margin-bottom:40px;
	padding:24px 15px 40px;
	border-radius: 5px;
	background:#f6f6f6;
	font-size: 15px;
}
.otherBox .otherBoxInner .otherBox_mainText .txt {
	display:inline-block;
	margin-left: 5px;
	font-size: 16px;
	color: #444;
}
.otherBox .otherBoxInner .otherBox_mainText {
	margin-bottom: 5px;
}
.otherBox .otherBoxInner i.w-circle {
    color: #ff7f00;
    line-height: 26px;
}
.otherBox .otherBoxInner i.q {
    color: #fff !important;
    font-size: 18px;
    font-style: normal;
    line-height: 26px;
}
.otherBox .otherBoxInner .otherBoxList {
	padding-left: 20px;
}
.otherBox .otherBoxInner .otherBoxList li {
	background: url(../../images/v2/pc/top/gray_circle02.png) no-repeat left 6px;
	padding-left: 15px;
	margin-left:35px;
	margin-bottom: 5px;
}
.otherBox .otherBoxInner .otherBoxList li a {
	color: #395998;
	line-height: 140%;
}
.otherBox .otherBoxInner .otherBoxList li a:hover {
	text-decoration: underline;
}
.otherBox .otherBoxInner .otherBoxList li, .otherBox .otherBoxInner .otherBoxList li a {
  word-break: break-all;
  word-wrap: break-word;
 }

/*ログインポップアップ*/
.modalContent {
	width:auto;
	height:auto;
	padding-bottom:30px;
}
.modalContent .btnNormal {
	margin-top:45px;
}
.modalContent .btnNormal li {
	float:left;
}
.modalContent .btnNormal li a {
	width: 180px;
	box-shadow: 2px 2px rgba(0,0,0,0.1);
	border-radius: 5px;
	padding: 9px 0;
	display: block;
	font-size: 16px;
	color: #333 !important;
	text-decoration: none !important;
}
.modalContent .btnNormal li.btnGray a {
	background-color: #f6f6f6;
	border:1px #ccc solid;
	margin-right: 18px;
}
.modalContent .btnNormal li.btnOrange a {
	background-color: #ffd24d;
	border:1px #ffd24d solid;
}
.modalContent .btnNormal li.btnGray a:hover {
	background-color: #eee;
 }
.modalContent .btnNormal li.btnOrange a:hover {
	background-color: #ffc84d;
}
.modalContent .fa-times {
	position: absolute;
	top:10px;
	right: 15px;
	font-size: 22px;
	color: #aaa;
	text-align: right;
	font-style:normal !important;
	cursor:pointer;
}



/*専門家*/
.a_article_wrap_for_specialist {
	border-top: 1px solid #333 !important;
}
.specialist {
	margin-left: 80px;
	margin-bottom: 20px;
	border-radius:5px;
	border: 2px solid #efefef;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.specialist a:hover {
	text-decoration:none !important;
}
.job {
	margin-right: 25px !important;
}
.specialist_content {
	background-color: #f8f8f8;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding: 20px;
}
.specialist_title {
	border-left: 10px solid #ff0000;
	padding-left: 15px !important;
	margin-bottom: 1px !important;
	height: 24px;
	line-height: 26px;
}
.specialist_name {
	border-left: 10px solid #666;
	padding-left:12px !important;
	height: 36px;
	line-height:36px;
	margin-bottom: 20px !important;
	float:left;
	margin-right: 30px;
}
.specialist_name a {
	font-size: 20px;
	font-weight:bold;
	color: #333 !important;
}
.specialist_name a:hover {
	text-decoration: underline !important;
}

.specialist_text {
	line-height: 1.5;
	word-break: break-all;
	word-wrap: break-word;
}




.specialist_info {
	padding: 17px 25px;	
}
.specialist_info_left, .specialist_info_center {
	float: left;
	margin-right: 40px;
}
.specialist_info_name {
	font-size: 13px;
	font-weight:bold;
	padding: 3px 2px;
	background-color: #eee;
	margin-bottom: 8px !important;	
	width: 108px;
	text-align:center;
}
.specialist_info_number {
	font-size: 20px;
	font-weight:bold;	
}
.specialist_info_center {
	width: 202px;
	margin-bottom: 10px;
}
.specialist_info_center p a {
	display:block;
	border-radius:8px;
	border: 1px solid #686868;
	box-shadow: 3px 3px 0 #d1d1d1;	
	text-align: center;
	font-size: 15px;
	color: #ff0000 !important;
	line-height: 44px;
}
.specialist_info_center p a:hover {
	background-color: #efefef;
}
.specialist_info_center p a i {
	font-size: 18px;
	margin-right: 8px;
	vertical-align: -1px;	
}
.specialist_info_right {
	width: 212px;
	float: right;
	margin-bottom: 10px;
}
.specialist_info_right p a {
	line-height: 44px;
	box-shadow: 3px 3px 0 #d1d1d1;	
	font-size: 15px;
	text-align: left;
	border-radius: 8px;
	border:1px solid #ff4952;
	background-color: #ff4952 !important;
}
.specialist_info_right p a:hover {
	background-color: #b33638 !important;
	border:1px solid #b33638;
}
.specialist_info_right p a .fa-desktop {
	margin-right: 6px;
	font-size: 18px;
	vertical-align:-1px;
	padding-left: 22px;
}
.specialist_info_right p a .fa-angle-right {
	margin-left:30px;
	font-size: 23px;
	vertical-align: -3px;
}
.position_center {
    float: none;
    margin: 0 auto!important;
}
.specialist_info_text {
	clear: both;
	font-size: 11px;
	color: #666;
	padding-top: 3px;
}









.specialist_more {
	text-align: right;
	margin-top: 10px;
}
.specialist_more a {
	color: #3b5998 !important;
}
.specialist_more a i {
	margin-left: 5px;
}
.specialist_more a:hover {
	text-decoration: underline !important;
}
.askSpecialist_btn {
	width: 200px;
	margin: 25px auto 0;
}
.askSpecialist_text {
	line-height: 1.4;
	padding-top: 15px;
	text-align: center;
}
.askSpecialist_btn a {
	line-height: 44px;
}
.specialistIcon {
	position: absolute;
	top: 66px;
	left: -10px;
	font-size: 15px;
	color: #fff;
	line-height: 36px;
	width: 70px;
	text-align: center;
	background-color: #ff4952;
}
.specialistIcon:before {
	content:"";
	position: absolute;
	top: -7px;
	left: -33px;
	width: 34px;
	height: 1px;
	border-right: 10px solid #b22d00;
	border-top: 6px solid transparent;
}
.specialistIcon:after {
	content: "";
	position: absolute;
	top: 0;
	left: 65px;
	border-right: 5px solid #fff;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;	
}

/*専門家用tag*/
.specialist_job {
	font-size: 13px !important;
	line-height: 20px;
	border-radius: 4px;
	color: #666;
	float: left;
	position: relative;
	margin-top: 6px;
}
/*幅が狭い時のボタン位置修正*/
@media screen and (min-width: 0px) and (max-width: 1111px) {
	.specialist_info_left {
		float: none;
		margin-bottom: 10px;
	}
	.specialist_info_center{
		margin: 0 0 10px 0;	
	}
	.specialist_info_right {
		margin-bottom: 10px;
	}
}






/*専門家紹介枠*/
.specialistList {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	position: relative;
	background-color: #f8f8f8;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding: 25px 15px 15px;
	margin-bottom:15px;
}
.specialistList_upperContent {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin-bottom: 40px;
}
.specialistList_text {
	width: 80%;
	display: table-cell;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.4;
	vertical-align: top;
	padding: 0 15px 0 60px !important;
}
.specialistList_text span {
	color: #ff0000;
}
.specialistList_boxWrapper {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin-top: 5px;
}
.specialistList_boxWrapper div.specialistList_box:first-child {
	padding-left: 0 !important;
}
.specialistList_box {
	width: 25%;
	display: table-cell;
	padding-left: 10px;
}
.specialistList_box a {
	display: block;
	color: #333 !important;
}
.specialistList_box a:hover {
	text-decoration: none !important;
}
.specialistList_box_inner {
	background-color: #fff;
	position: relative;
	padding: 20px 0;
}
.specialistList_box_inner p {
	text-align: center;
	line-height: 1.3;
}
.specialistList_box_img img {
	border-radius: 400px;
}
.specialistList_box_job {
	margin-top: 8px;
	font-size: 13px;
}
.specialistList_box_name {
	margin-top: 4px;
	font-size: 18px;
	font-weight: bold;
}
.specialistList_box_cate {
	margin-top: 8px;
	font-size: 11px;
}
.specialistList_box_icon {
	position: absolute;
	top:-17px;
	left:10px;
	font-size: 31px;
}
.specialistList_btn {
	width: 275px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3;
}
.specialistList_btn a {
	color: #3b5998 !important;
	font-size: 18px;
}
.specialistList_btn a i {
	margin-left: 5px;
}
.specialistList_btn a:hover {
	text-decoration: underline !important;
}
.specialistList_icon {
	left: -10px !important;
}
.specialistList_icon:after {
	border-right: 5px solid #f8f8f8;
	
}
.specialistList_icon:before {
	content:"";
	position: absolute;
	top: -7px;
	left: -33px;
	width: 34px;
	height: 1px;
	border-right: 10px solid #b22d00;
	border-top: 6px solid transparent;
}
.specialistIconForspecialistList {
	top: 25px !important;
}

/*画鋲色*/
.specialistList_box_icon01 {
	color: #0054b4;
}
.specialistList_box_icon02 {
	color: #ff0000;
}
.specialistList_box_icon03 {
	color: #ff9900;
}
.specialistList_box_icon04 {
	color: #ff3399;
}
.specialistList_box_icon05 {
	color: #03f3fe;
}
.specialistList_box_icon06 {
	color: #8080ff;
}
.specialistList_box_icon07 {
	color: #23c4f2;
}
.specialistList_box_icon08 {
	color: #ffcc00;
}
.specialistList_box_icon09 {
	color: #1ab1b1;
}


/*専門家回答数ランキング*/
.proRankingArea {
	border: 1px solid #e1e0e0;
	width: 100%;
}
.proRankingArea_title {
	position: relative;
	line-height: 68px;
	padding: 0 0 0 93px;
	border-bottom: 1px solid #e1e0e0;
}
.proRankingArea_title h2 {
	font-weight: bold;
	font-size: 16px;
}
.proRankingArea_warning {
	font-size: 13px;
	position: absolute;
	top: -1px;
	left: 278px;
}
.proRankingArea .specialistIcon {
	left: 15px !important;
	top: 15px !important;
	line-height: 36px;
}
.proRankingArea .specialistIcon:before {
	border:none;
}
.proRankingArea .specialistIcon:after {
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
}
.proRankingArea ul li {
	border-bottom: 1px dashed #e1e0e0;
}
.proRankingArea ul li a {
	display: block;
}
.proRankingArea .proRankingArea_list_wrapper {
	display: block;
	text-decoration: none !important;
	padding: 5px 15px;
}
.proRankingArea .proRankingArea_list_wrapper:hover {
	background-color: #f6f6f6;
	text-decoration: none;
}
.proRankingArea .proRankingArea_list_wrapper:hover p.proRankingArea_list_arrow {
	text-decoration: underline !important;
}
.proRankingArea .proRankingArea_list {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.proRankingArea_list_number {
	width: 50px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-right: 12px;
}
.proRankingArea_list_number p {
	border-radius: 50%;
	background-color: #d9d8d8;
	color: #333333;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	text-align: center;
}
.proRankingArea_list_numberOther {
	padding: 0 0 0 13px;
	font-weight: bold;
}
.proRankingArea_list_img {
	width: 50px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 0;
}
.proRankingArea_list_img img {
	border-radius: 50%;
	vertical-align: bottom;
}
.proRankingArea_list_main {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.proRankingArea_list_main h3 {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	padding-bottom: 6px;
	line-height: 1.3;
	word-break: break-all;
	word-wrap: break-word;
}
.proRankingArea_list_main p {
	font-size: 12px;
	color: #333;
	line-height: 1.3;
	word-break: break-all;
	word-wrap: break-word;
}
.proRankingArea_list_main p span {
	border-radius: 2px;
	color: #fff;
		background-color: #000;
		padding: 2px 4px 0;
	margin-right: 4px;
}
.proRankingArea_list_arrow {
	display: table-cell;
	vertical-align: middle;
	padding-left: 14px !important;
	width: 174px !important;
	font-size: 12px !important;
	color: #ff4952 !important;
	font-weight: bold;
}
.proRankingArea_list_arrow i {
	font-size: 16px;
	margin-left: 4px;
	vertical-align: -1px;
}
.proRankingArea_btn p {
	text-align: center;
}
.proRankingArea_btn p a{
	display: block;
	background-color: #f6f6f6;
	line-height: 44px;
	color: #ff4952 !important;
	font-weight: bold;
	font-size: 16px;
}
.proRankingArea_btn p a i {
	margin-left: 4px !important;
	font-size: 23px !important;
	vertical-align: -2px;
}
.proRankingArea_wrap .buttons {
	width: 180px;
	position: absolute;
	top: 12px;
	right: 15px;
}
.proRankingArea_wrap {
	margin-bottom: 20px;
}
.proRankingArea_wrap .buttons a {
	line-height: 42px;
}
.proRankingArea_wrap .buttons a .fa-stack-2x {
	font-size: 1.8em;
	padding-top: 1px;
}
.proRankingArea_wrap .buttons a .fa-stack {
	margin-right: -4px;
}
.proRankingArea_wrap .buttons a i.q {
	font-size: 18px;
}
.proRankingArea_wrap .buttons a .q-text {
	
}

/*幅が狭いタイトル位置修正*/
@media screen and (min-width: 0px) and (max-width: 1111px) {
	.proRankingArea_title {
		padding: 0 0px 13px 93px;
	}
	.proRankingArea_title h2 {
		line-height: 53px;
		font-size: 16px;
	}
	.proRankingArea_warning {
		top: 11px !important;
		left: 92px !important;
		font-size: 11px;
	}
	.proRankingArea2_box_cate,
	.proRankingArea2_box_company {
		font-size: 12px !important;
	}
	.proRankingArea2_box_sub {
		font-size: 11px !important;
	}
}



/*専門家回答数ランキングver2*/
.proRankingArea2 .proRankingArea_btn p a {
	background-color: #fff !important;
}
.proRankingArea2_list {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 2px 0;
	background-color: #fff;
	padding-top: 2px;
}
.proRankingArea2_list li {
	width: 25%;
	display: table-cell;
	vertical-align: top;
	background-color: #f6f6f6;
	border-bottom: none !important;
	position: relative;
}
.proRankingArea2_list li a {
	display: block;
	text-decoration: none;
	color: #333;
	padding: 5px 0 24px;
}
.proRankingArea2_list li a:hover {
	text-decoration: none !important;
}
.proRankingArea2_list li:hover {
	
	background-color: #e9e9e9;
}
.proRankingArea2_list li .proRankingArea2_box_link {
	font-size: 14px !important;
}
.proRankingArea2_list li .proRankingArea2_box_link i {
	font-size: 18px !important;
	vertical-align: -1px;
}
.proRankingArea2_list li:hover p.proRankingArea2_box_link {
	text-decoration: underline !important;
}
.proRankingArea2_list li:hover p.proRankingArea2_box_cate {
	text-decoration: none !important;
}
.proRankingArea2_box {
	position: relative;
}
.proRankingArea2_box p{
	text-align: center;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
}
.proRankingArea2_box_cate {
	font-size: 13px;
}
.proRankingArea2_box_cate img {
	position: relative;
	top: 7px;
	margin-right: 3px;
}
.proRankingArea2_box_cate4 img {
	position: relative;
	top: 10px;
	margin-right: 3px;
}
.proRankingArea2_box_img {
	padding-top: 6px;
}
.proRankingArea2_box_img4 {
	padding-top: 9px;
}
.proRankingArea2_box_img img{
	border-radius: 50%;
	border: 6px solid #fff;
}
.proRankingArea2_box_company {
	font-size: 13px;
	font-weight: bold;
	padding: 4px 0;
}
.proRankingArea2_box_sub {
	font-size: 12px;
	padding-bottom: 18px;
}
.proRankingArea2_box_sub span {
	border-radius: 2px;
		padding: 1px 4px 0;
	margin-right: 2px;
	background: #333;
	color: #fff;
}
.proRankingArea2_box_link_wrap {
	position: absolute;
	bottom: 0;
	left: 0;
}
.proRankingArea2_box_link {
	font-size: 12px !important;
	color: #ff4952 !important;
	font-weight: bold;
}
.proRankingArea2_box_link i {
	font-size: 16px;
	margin-left: 4px;
	vertical-align: -1px;
}
.proRankingArea2_box_cate4 p {
	float: left;
}
.proRankingArea2_box_cate4_number {
	font-weight: bold;
	background-color: #d9d8d8;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
}

/*-------------------------------------------
   1-6.ウィンドウ右下検索ボックス
--------------------------------------------*/
.windowSearchBox {
	position: fixed; 
	bottom: 0;
	right: 0;
	z-index: 100;
}
.windowSearchBoxInner {
	display: block;
	width: 100% !important;
	margin:0 auto;
}
.windowSearchBoxContent {
	position: relative;
	float: right;
	width: 280px;
	padding: 13px 22px 24px 20px; 
}
.windowSearchBoxContent2 {
	padding: 30px 24px !important;
}
.windowSearchBoxContent2 .buttonsBlue a {
	line-height: 44px;
	box-shadow: 0 5px 0 #003366;
}
.windowSearchBoxContent2 .closeBtn {
	display: none;
}
.windowSearchBoxContent2 .text {
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 8px;
}
.windowSearchBoxContent2:hover .closeBtn {
	display: block;
}
.windowSearchBoxContent2 .qjiro {
	position: absolute;
	bottom: -8px;
	right: -8px;
}
.windowSearchBoxContent2 .qjiro img {
	width: 100px;
}
.windowSearchBox_title {
    display: table;
    height: 36px;
    margin: 0 0 10px -3px;
    color: #666;
    font-weight: bold;
    line-height: 1.3;
}
.windowSearchBox_title .text {
    display: table-cell;
    vertical-align: middle;
}
.windowSearchBox_title .fa-stack {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 5px;
    width: 44px;
    height: 44px;
    margin-top: -3px;
    line-height: 44px;
    vertical-align: middle;
}
.windowSearchBox_title .fa-circle,
.windowSearchBox_title .fa-search {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.windowSearchBox_title .fa-circle {
	font-size: 44px;
	color: #00Dada;
}
.windowSearchBox_title .fa-search {
	font-size: 21px;
	line-height: inherit;
	color: #fff;
}
.windowSearchBox_input {
	width: 202px;
	height: 44px;
	padding: 10px 15px;
	border: 3px solid #666666;
	border-radius: 4px; 
	box-sizing: border-box;
	background: #fff; 
    color: #333;
	font-size: 16px;
    font-weight: normal;
	line-height: 1.2;
}
.windowSearchBox_input::-webkit-input-placeholder {
    color: #333;
	font-size: 16px;
    font-weight: normal;
}
.windowSearchBox_input:-ms-input-placeholder {
    color: #333;
	font-size: 16px;
    font-weight: normal;
}
.windowSearchBox_input::-moz-placeholder {
    color: #333;
	font-size: 16px;
    font-weight: normal;
	opacity: 1;
}
.windowSearchBox_submitBox {
	float: right;
	width: 70px;
	height: 44px;
	background: #585858;
	border: none;
	border-radius: 5px; 
}
.windowSearchBox_submit {
	width: 70px;
	height: 39px;
	padding: 0;
	background: #777; /* Old browsers */
	background: -ms-linear-gradient(top,  #8a8a8a 0%,#777 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8a8a8a 0%,#777 100%); /* W3C */
	border: none;
	border-radius: 5px; 
	color: #fff;
	font-size: 16px;
	cursor: pointer;		
}
.windowSearchBox_submit:hover {
	background: #666; /* Old browsers */
	background: -ms-linear-gradient(top,  #797979 0%,#666 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #797979 0%,#666 100%); /* W3C */
}
.keywords {
	margin: 5px -10px 0 4px;
}
.keywords li {
	float: left;
	margin: 12px 24px 0 0;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	word-break: break-all;
    word-wrap: break-word;
}
.keywords li a {
	color: #06d;
	text-decoration: underline;
}
.keywords li a:hover {
	color: #CD494A;
}
.closeBtn {
	position: absolute;
	display: inline;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

/*背景・黒（透明）バージョン*/
.type03 .windowSearchBox_title {
	color: #fff;
}
.type03 .windowSearchBoxContent {
	background: url(../../images/v2/pc/qa/bg_window_search_box03.png) left top repeat;
	box-shadow: rgba(0, 0, 0, 0.2) -2px -2px 4px;
}
.type03 .windowSearchBox_input {
	border: 3px solid #066BDA;
}
.type03 .windowSearchBox_submitBox {
	background: #003366;
}
.type03 .windowSearchBox_submit {
	background: #0A6DDA; /* Old browsers */
	background: -ms-linear-gradient(top,  #3888E1 0%,#0A6DDA 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3888E1 0%,#0A6DDA 100%); /* W3C */
}
.type03 .windowSearchBox_submit:hover {
	background: #095cc9;
	background: -ms-linear-gradient(top,  #2777d0 0%,#095cc9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2777d0 0%,#095cc9 100%); /* W3C */
}
.type03 .keywords li a {
	color: #fff;
}
.type03 .keywords li a:hover {
	color: #00DDDD;
}
.type03 .closeBtn {
	top: 0;
	right: 0;
	background: url(../../images/v2/pc/qa/btn_close_white.png) left top no-repeat;
}

/*ステータス*/
.statusArea {
	margin-bottom: 14px;
}
.status {
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-right: 10px;
}
.status_right {
	float: left;

}
.status-accepting {
	color: #c83e3e;
}
.status-closed {
	color: #666666;
}
.status-solved {
	color: #2d67be;
}
.q_in_useful ul li.number {
	vertical-align: 1px !important;
}
.q_in_useful ul li.order {
	vertical-align: 2px !important;
}

/*おしトピ回遊枠用*/
.softQuestion {
	font-size: 16px;
}
.softQuestion li.underline {
	border-bottom: 1px solid #eee;
}
.softQuestion li .underlineInner {
	padding: 15px 30px;
	position: relative;
}
.timeWrapper {
	float: right;
	margin-top: 10px;
}
.timeWrapper li {
	float: left;
	font-size: 12px;
}
.timeWrapper li.time {
	margin-right: 15px;
	color: #ccc;
}
.timeWrapper li.answer a {
	color: #999 !important;
	font-size: 12px !important;
}

.oshitopiBtn {
	width: 182px;
	margin: 15px auto 0;
}
.oshitopiBtn a {
	display: block;
	background-color: #ff3366;
	color: #fff !important;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	box-shadow: 2px 2px 0 #c8c8c8;
	border-radius: 5px;
}
.oshitopiBtn a:hover {
	text-decoration: none !important;
	background-color: #e70263;
}



.windowSearchBox_forQ {
	background-color: rgba(0,0,0,0.7);
	display: block;
	padding: 20px;
	position: relative;
}
.windowSearchBox_forQ:hover {
	
}
.theAdultLink {
	text-align: right !important;
}
.theAdultLink a {
	line-height: 40px !important;
	padding: 0 10px 0 0 !important;
	color: #999 !important;
	font-size: 13px !important;
}
.recommend_yellow .theAdultLink {
	margin: 0 0 -18px 0 !important;
}




/*回答するボタン*/
.toTheAnswerArea {
	width: 180px;
	margin: 0 auto;
	padding-bottom: 65px;
}
.toTheAnswerArea a {
	padding: 8px 0 6px 0 !important;
}
.toTheAnswerArea a .w-circle {
	font-size: 25px !important;
}
.toTheAnswerArea a .q {
	font-size: 20px !important;
	line-height: 26px !important;
}
.toTheAnswerArea a .q-text {
	margin-left: 4px !important;
}
/*あなたの知識や経験を教えてボタン*/
.toTheAnswerArea_b {
	width: 300px !important;
}

/*テキストエリア用の黄色い背景*/
.yBackground {
	background-color: #fefaee;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}