@charset "utf-8";
/*------------------------------------------------------------
	上部コルクボード
------------------------------------------------------------*/

.imgBox .envelope {
    top: -132px!important;
}

#conts {
}

/*
.shadowBox {
	float: left;
	width: 665px;
	text-align: left;
}

.shadowBox .shadow {
	display: block;
	position: relative;
	z-index: 100;
}

.shadowBg {
	width: 867px;
	background: url(../../img/posts/thanks/shadow_bg.png) repeat-y 665px top;
	position: relative;
	z-index: 130;
	margin: 0 auto;
}

.shadowBg .corkBoard {
	width: 665px;
	margin-bottom: 0;
	background:url(../../img/posts/thanks/cork_bg04.jpg) no-repeat left bottom;
	float: left;
    position: relative;
    z-index: 100;
}

.shadowBg .corkBoard .corkInner {
	padding: 17px 0 55px;
	background:url(../../img/posts/thanks/cork_bg05.jpg) no-repeat left top;
}

.shadowBg .corkBoard .paystub {
    margin: 0 auto;
}

.shadowBg .corkBoard .name,
.shadowBg .corkBoard .baseData {
	margin-left: 53px!important;
}

.shadowBg .corkBoard .name {
	margin: 10px 0 0;
}

.shadowBg .corkBoard .name span {
	color: #F60;
	font-size: 1.5em;
	font-weight: bold;
}

.shadowBg .corkBoard .baseData {
	margin-bottom: 10px!important;
	font-size: 1.2em;
}

.shadowBg .corkBoard .comment {
	background: url(../../img/posts/thanks_comment_bg02.png) no-repeat center bottom;
    margin: 0 auto;
    width: 560px;
}

.shadowBg .corkBoard .comment .inner {
	min-height: 80px;
	background: url(../../img/posts/thanks/thanks_comment_bg01.png) no-repeat left top!important;
}

.shadowBg .corkBoard .comment .inner p {
	padding-right: 150px;
}

.shadowBg .corkBoard .partComment .inner p {
	min-height: 146px;
	height: auto!important;
	height: 146px;
}
*/

/* サイド */

/*

.shadowBg .aboutSite {
	width: 202px;
	float: right;
	padding-bottom: 30px;
	background: url(../../img/posts/detail/bg_search.png) no-repeat bottom right;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.shadowBg .aboutSite {
		padding-bottom: 20px!important;
	}
}
.shadowBg .aboutSite h4 {
	margin: 2px 0 10px;
}

.shadowBg .aboutSite .search {
	padding-left: 15px;
}

.shadowBg .aboutSite .search h5 {
	margin-bottom: 2px;
}

.shadowBg .aboutSite .search dl {
	margin-bottom: 15px;
	width: 170px;
}

.shadowBg .aboutSite .search dl dt {
	height: 20px;
}

.shadowBg .aboutSite .search dl dd {
	margin-bottom: 10px;
	padding: 11px 10px;
	background: #FFF;
}

.shadowBg .aboutSite .search dl dd.lastChild {
	margin-bottom: 0px;
}

.shadowBg .aboutSite .search dl dd select {
	width: 150px;
}

.shadowBg .aboutSite .search button {
	margin-left: -4px;
	padding: 0;
	border: 0 none;
	width: 172px;
	height: 36px;
}

*/

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/

#conts .corkBoard {
	margin-bottom: 25px;
	padding: 0 8px 15px;
	background: url(../../img/common/bg_cork.png) repeat;
}

#conts .corkBoard .paystub {
	position: relative;
	z-index: 10;
}

#conts .corkBoard .corkInner {
	margin: -30px 5px 0 10px;
	_margin: -30px 5px 0 10px;
	padding: 28px 28px 13px;
	background: url(../../img/k1-5/bg_databox_n01.png) no-repeat bottom;

	position: relative;
	z-index: 0;
	zoom: 1;
}

#conts .corkBoard .corkInner .name {
}

#conts .corkBoard .corkInner .name span {
    color: #FF6600;
    font-size: 1.5em;
    font-weight: bold;
}

#conts .corkBoard .corkInner .baseData {
	font-size: 1.2em;
	margin-bottom: 10px;
}

#conts .corkBoard .corkInner .btnBox {
	padding-top: 115px;
	bottom: 17px;
	right: 18px;
}

#conts .corkBoard .corkInner .btnBox a {
	display: none;
}

#conts .corkBoard .corkInner .comment {
	width: 419px;
}

/* あなたの条件 */

#conts .rankBox .title {
	margin-bottom: 20px;
}

#conts .rankBox .baseData {
	margin-bottom: 20px!important;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	color: #630;
	font-size: 1.2em;
	text-align: center;
}

#conts .rankBox .baseData {
	border: 1px dashed #F60;
	padding: 22px 0 15px;
}

#conts .rankBox p.conditionTitle {
	padding: 0 15px;
	background: #FFF;
	display: inline-block;
	position: relative;
	top: 13px;
	font-size: 1.3em;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}

#conts .rankBox p.conditionTitle span {
	color: #F60;
	font-weight: bold;
}

#conts .rankBox .baseData img {
	margin-right: 5px;
}

#conts .rankBox .baseData span {
	margin: 0 5px;
	width: 120px;
	background: #F66;
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

#conts .rankBox .count {
	margin-bottom: 50px;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	color: #630;
	font-size: 1.7em;
	text-align: center;
}

#conts .rankBox .count span {
	color: #630;
	font-weight: bold;
}

#conts .rankBox .count #numbers {
	color: #F66;
	font-size: 1.2em;
}

#conts .rankBox .borderBox {
	margin-bottom: 20px;
	padding: 25px;
	border: 3px solid #F5D5B0;
	position: relative;
}

#conts .rankBox .link {
	text-align: right;
}

#conts .rankBox .link a {
	padding-left: 14px;
	background: url(../../img/common/icon/icon01.png) no-repeat left 2px;
}

#conts .rankBox .borderBox .arrow {
	position: absolute;
	top: -30px;
}

#conts .rankBox .borderBox .titleText {
	margin-bottom: 5px;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	color: #630;
	font-size: 1.4em;
	text-align: center;
}

#conts .rankBox .borderBox .titleText span {
	color: #F60;
	font-weight: bold;
}

#conts .rankBox .borderBox .comparisonBox {
	margin-bottom: 30px;
	background: url(../../img/posts/thanks/thanks_conts_comparison_bg02.jpg) no-repeat left bottom;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}

#conts .rankBox .borderBox .comparisonBox .comparisonInner {
	padding: 15px;
	background: url(../../img/posts/thanks/thanks_conts_comparison_bg01.jpg) no-repeat left top;
}

#conts  .rankBox .borderBox .comparisonBox .comparisonInner .you {
	margin-right: 10px;
	width: 278px;
	float: left;
}

#conts .rankBox .borderBox .comparisonBox .comparisonInner .average {
	width: 270px;
	float: left;
}

#conts .rankBox .borderBox .comparisonBox .comparisonInner dd {
	padding-right: 20px;
	color: #630;
	font-size: 1.8em;
	font-weight: bold;
	text-align: right;
}

#conts .rankBox .borderBox .comparisonBox .comparisonInner dd span {
	font-size: 1.3em;
}

#conts .rankBox .borderBox .comparisonBox .comparisonInner .you span {
	color: #F60;
}

#conts .rankBox .borderBox .comparisonBox .comparisonInner .average span {
	color: #669206;
}

#conts .rankBox .borderBox .dataBoxSmall {
	background: url(../../img/posts/thanks/databox_bg02s.jpg) no-repeat left bottom;
	zoom: 1;
}

#conts .rankBox .borderBox .dot {
	margin: 5px 0;
}

#conts .dataBoxSmall span,
#conts .dataBoxSmall p {
	color: #630;
}

#conts .dataBoxSmall .inner {
	padding: 25px;
	background: url(../../img/posts/thanks/databox_bg01s.jpg) no-repeat left top;
	position: relative;
	zoom: 1;
}

#conts .dataBoxSmall .date {
	float: right;
}

#conts .dataBoxSmall .base {
	margin-bottom: 10px;
	font-size: 1.2em;
}

#conts .dataBoxSmall .base span.name {
	color: #F60;
	font-size: 1.1em;
	font-weight: bold;
}

#conts .dataBoxSmall .dataConts {
	background: url(../../img/posts/thanks/dataconts_bg02s.png) no-repeat left bottom;
	width: 393px;
}

#conts .dataBoxSmall .dataConts .inner02 {
	background: url(../../img/posts/thanks/dataconts_bg01s.png) no-repeat left top;
	padding: 12px 24px 12px 17px;
}

#conts .dataBoxSmall .dataConts table {
	width: 50%;
	height: 85px!important;
	border-top: 1px solid #FF667D;
	border-bottom: 1px solid #FF667D;
	border-collapse: collapse;
}

#conts .dataBoxSmall .dataConts table th {
	background: url(../../img/k1-5/table_th_bg.jpg) repeat;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

#conts .dataBoxSmall .dataConts table th.last {
	border-bottom: none;
}

#conts .dataBoxSmall .dataConts table td {
	border-bottom: 1px solid #FF667D;
	border-right: 1px solid #FF667D;
}

#conts .dataBoxSmall .dataConts table th,
#conts .dataBoxSmall .dataConts table td {
	padding: 6px 4px;
	text-align: left;
	vertical-align: middle;
}

#conts .dataBoxSmall .dataConts .left {
	float: left;
}

#conts .dataBoxSmall .dataConts .right {
	float: right;
}

#conts .dataBoxSmall .dataConts .right td {
	text-align: right;
	font-size: 1.4em;
}

#conts .dataBoxSmall .dataConts .right td span {
	color: #F60;
	font-size: 1.1em;
	font-weight: bold;
}


#conts .dataBoxSmall .dataConts .comment {
	width: 330px;
	height: auto!important;
	height: 31px;
	min-height: 31px;
	padding: 20px 10px 0px;
	margin: 0;
	background: none!important;
	clear: both;
}

	html*#conts .dataBoxSmall .dataConts .comment {
		padding-top: 10px;
	}

#conts .dataBoxSmall .rankMin01 {
	margin-right: 8px;
	padding: 7px 0 0 45px;
	background: url(../../img/ranking/rank_no01.png) no-repeat;
	float: left;
	color: #B78C00;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 2em;
	font-weight: bold;

	line-height: 1;
}

#conts .dataBoxSmall .rankMin01 span {
	color: #B78C00;
	font-size: 1.6em;
}

#conts .dataBoxSmall .rankMin02 {
	margin-right: 8px;
	padding: 7px 0 0 45px;
	background: url(../../img/ranking/rank_no02.png) no-repeat;
	float: left;
	color: #707B88;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 2em;
	font-weight: bold;

	line-height: 1;
}

#conts .dataBoxSmall .rankMin02 span {
	color: #707B88;
	font-size:1.6em;
}

#conts .dataBoxSmall .rankMin03 {
	margin-right: 8px;
	padding: 7px 0 0 45px;
	background: url(../../img/ranking/rank_no03.png) no-repeat;
	float: left;
	color: #804631;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 2em;
	font-weight: bold;

	line-height: 1;
}

#conts .dataBoxSmall .rankMin03 span {
	color: #804631;
	font-size: 1.6em;
}

#conts .dataBoxSmall .btnBox {
	bottom: 22px;
}


#conts .rankingBox {
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	line-height: 1.2;
}

#conts .rankingBox .inner {
	padding: 15px 25px;
}
	
#conts .rankingBox p {
	font-size: 1.4em;
	padding-top: 10px;
}

#conts .rankingBox p span {
	color: #F60;
	font-weight: bold;
}

#conts .rankingBox .imgR {
	display: block;
	float: right;
	margin-left: 15px;
}

#conts span.small {
	font-size: 0.8em;
}

#conts .rankingBox .minRank01,  #conts .rankingBox .minRank02,  #conts .rankingBox .minRank03,  #conts .rankingBox .minRank {
	padding: 4px 0 0 40px;
	float: right;
	font-size: 1.8em;
	font-weight: bold;
}

#conts .rankingBox .minRank01 {
	background: url(../../img/posts/thanks/rank_no01s.png) no-repeat;
	color: #B78C00;
}

#conts .rankingBox .minRank02 {
	background: url(../../img/posts/thanks/rank_no02s.png) no-repeat;
	color: #707B88;
}

#conts .rankingBox .minRank03 {
	background: url(../../img/posts/thanks/rank_no03s.png) no-repeat;
	color: #804631;
}

#conts .rankingBox .minRank {
	padding: 10px 0 0;
	color: #804631;
}

#conts .rankingBox .minRank01 span,  #conts .rankingBox .minRank02 span,  #conts .rankingBox .minRank03 span,  #conts .rankingBox .minRank span {
	font-size: 1.6em;
	line-height: 1;
}

#conts .rankingBox .minRank01 span {
	color: #B78C00;
}

#conts .rankingBox .minRank02 span {
	color: #707B88;
}

#conts .rankingBox .minRank03 span {
	color: #804631;
}

#conts .rankingBox .minRank span {
	color: #F60;
	font-size: 1.3em;
}

#conts span.comColor {
	color: #630!important;
	font-weight: normal!important;
}


/* その他の給料ランキング 1位 */

#conts .otherBox .title {
	margin-bottom: 15px !important;
	padding: 12px 0 0 40px;
	background: url(../../img/posts/thanks/thank_conts_other_icon.png) no-repeat;
	color: #630;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 1.4em;
	font-weight: bold;
}

#conts .otherBox .title span {
	color: #F60;
}

#conts .conditionBox {
	padding: 10px 25px 0px;
	background: url(../../img/posts/thanks/thank_conts_condition_bg.png) no-repeat 14px top;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 1.2em;
}

#conts .borderBox .conditionBox {
	margin-top: 10px;
	padding-right: 35px;
	background: url(../../img/posts/thanks/thank_conts_condition_bgs.png) no-repeat 14px top;
}

#conts .condition {
	float: left;
}

#conts .condition span {
	margin: 0 5px;
	width: 120px;
	background: #F66;
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

#conts .condition span.text {
	margin-left: 0;
	margin-right: 0;
	width: auto;
	background: none;
	color: #630;
}

#conts .parameter {
	float: right;
	color: #630;
}

#conts .parameter span {
	font-weight: bold;
	color: #630;
}

#conts .parameter span.num {
	font-size: 1.4em;
	color: #F66;
}

#conts .parameter .rank01 {
	padding: 0px 0 0 30px;
	background: url(../../img/ranking/rank_01s.png) no-repeat;
	display: inline-block;
}

#conts .parameter .rank01 span {
	color: #B78C00!important;
}

#conts .parameter .rank01 .num {
	font-size: 1.8em;
	line-height: 1;
}

/*-----ユーザーコメント-----*/

#conts .userComment {
	margin: 30px 0 3px;
	padding: 20px 20px 0;
	border: 3px solid #E6DCD0;
	position: relative;
	z-index: 150;
}

	#postsComment #conts .userComment {
		margin-bottom: 60px;
		padding: 20px;
	}

#conts .userComment p {
	color: #630;
}

#conts .userComment .text {
	position: absolute;
	top: -33px;
	left: 10px;
}

#conts .userComment .title {
	margin-bottom: 15px;
	padding: 3px 0;
	border-top: 2px solid #F0F0F0;
	border-bottom: 1px dotted #DDD;
}

#conts .userComment .date {
	float: right;
}

#conts .userComment .name {
	padding-left: 23px;
	background: url(../../img/posts/detail/icon_comment.png) no-repeat left 1px;
	font-weight: bold;
}

#conts .userComment .name span {
	color: #85BF0C;
	padding-right: 5px;
}

#conts .userComment .userCom {
	margin-bottom: 25px;
}

#conts .commentLink {
	text-align: right;
	margin: 0 0 15px;
}
	
	#postsComment .commentLink {
		margin: 15px 0;
	}

#conts .commentLink li {
	display: inline;
	padding-left: 15px;
}

#conts .commentLink li a {
	padding-left: 14px;
	background: url(../../img/common/icon/icon01.png) no-repeat left 3px;
}

#conts .dataBox .rank01 {
	margin-right: 8px;
	padding: 7px 0 0 45px;
	background: url(../../img/ranking/rank_no01.png) no-repeat;
	float: left;
	color: #B78C00;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
}

#conts .dataBox .rank01 span {
	color: #B78C00;
	font-size: 1.6em;
}

#conts .nonComment {
	margin-top: 10px;
}

/*サンキューページ　テキスト化*/
.comparisonBox dt {
	padding-top: 5px;
	color: #630;
	font-size: 1.5em;
}

.comparisonBox dt span {
	font-weight: bold;
}

.comparisonBox .you dt {
	padding-left: 40px;
	background: url(../../img/posts/thanks/thank_conts_icon02.png) no-repeat;
}

.comparisonBox .average dt {
	padding-left: 27px;
	background: url(../../img/posts/thanks/thank_conts_icon03.png) no-repeat left 3px;
}

/*-----コメント投稿フォーム-----*/

#postsComment .comFormTitle {
	margin-bottom: 5px;
	padding-left: 37px;
	background: url(../../img/posts/icon_comment02.png) no-repeat;
	color: #630;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 1.6em;
	font-weight: bold;
}

#postsComment .comFormTitle span {
	color: #85BF0C;
}

#postsComment .dataBox .inner {
	padding: 30px 30px 20px;
}

#postsComment .formBox .bcollSpr {
	margin-bottom: 15px;
}

#postsComment .formBox .comment,
#postsComment .formBox .comment textarea {
	width: 100%!important;
}

#postsComment .formBox .comment th.must {
	vertical-align: top;
}

#postsComment .formBox .postComp {
	font-weight: bold;
	margin-bottom: 10px;
}

#postsComment .postComp {
	margin: 0 auto 20px;
	width: 860px;
}

/* コメント無し */

#postsDetail .noComment {
	padding: 16px 0 30px;
}

#postsComment .noComment {
	padding: 15px 0 10px;
}

/* アバター */

.shadowBg .btnBox {
	padding-top: 115px;
}

.shadowBg .btnBox a {
	display: none;
}