@charset "utf-8";

/* ------------------------------------------------------------
Copyright (C) 2010 en-japan inc.
------------------------------------------------------------ */


/* ------------ リニューアル時の表示調整 ------------ */
body { background: none; text-align: left; font-size: inherit; }
table { border-spacing: 20px; }
.reportReason { line-height: 1.6; }
.md_header .headerArea .changeLink .now .long { line-height: 24px; }



/* ------------ Layout ------------ */
div#reportLayout { margin: 20px; padding: 0; font-size: 0.75em; }


/* ------------ CornerTitle ------------ */
div.cornerTitle { margin: 0 0 15px 0; padding: 0; }




/* ------------ Index | NewTheme ------------ */
div.newTheme { margin: 20px; padding: 0; }
div.newTheme table { width: 870px; }
div.newTheme table th { vertical-align: bottom; }
div.newTheme table td { padding: 0 0 0 20px; vertical-align: bottom; }


/* ------------ Index | Backnumber ------------ */
div.backnumberList { margin: 0 20px; padding: 0; }
div.backnumberList div.title { margin: 0; padding: 13px 20px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/index_backnunmer_bg.gif) no-repeat 50% 50%; }
div.backnumberList div.title table { width: 830px; margin: 0; font-size: 1em; }
div.backnumberList div.title table th { padding: 0; text-align: left; }
div.backnumberList div.title table td { padding: 0; text-align: right; vertical-align: middle; }
div.backnumberList div.title table td em { margin: 0 3px; color: #f53; }
div.backnumberList div.title table td span { margin: 0 2px; color: #ccc; font-size: 0.85em; }
div.backnumberList div.title table td a { margin: 0 4px; }
div.backnumberList div.title table td a.before { margin: 0 0 0 10px; padding-left: 13px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/index_backnumber_linkArrow_pre.gif) no-repeat left 50%; }
div.backnumberList div.title table td a.next { margin: 0 0 0 10px; padding-right: 13px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/index_backnumber_linkArrow.gif) no-repeat right 50%; }
div.backnumberList div.title table td span.pagenum { margin: 0 0 0 10px; font-size: 1em; }

div.backnumberList div.list { margin: 0 20px; padding: 8px 0 13px 0; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/index_backnunmer_list_line.gif) no-repeat left bottom; }
div.backnumberList div.list table { width: 830px; margin: 0; font-size: 1em; }
div.backnumberList div.list table th { padding: 0 0 0 10px; border-right: 1px solid #ccc; text-align: left; vertical-align: middle; }
div.backnumberList div.list table td { padding: 0; text-align: center; vertical-align: middle; }
div.backnumberList div.list table td.date { width: 300px; border-right: 1px solid #ccc; }
div.backnumberList div.list table td.answer { width: 70px; border-right: 1px solid #ccc; }
div.backnumberList div.list table td.button { width: 130px; }

div.backnumberList div.pageLink { margin: 10px 20px 0 0; padding: 0; text-align: right; }
div.backnumberList div.pageLink em { margin: 0 3px; color: #f53; }
div.backnumberList div.pageLink span { color: #ccc; font-size: 0.85em; }
div.backnumberList div.pageLink a { margin: 0 4px; }
div.backnumberList div.pageLink a.before { margin: 0 0 0 10px; padding-left: 13px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/index_backnumber_linkArrow_pre.gif) no-repeat left 50%; }
div.backnumberList div.pageLink a.next { margin: 0 0 0 10px; padding-right: 13px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/index_backnumber_linkArrow.gif) no-repeat right 50%;  }
div.backnumberList div.pageLink span.pagenum { margin: 0 0 0 10px; font-size: 1em; }

/* ------------ Desc | ReportTheme ------------ */
div.reportTheme { margin: 0 0 40px 0; text-align: center; }
div.reportLead { margin: 0 107px; padding: 0 40px; line-height: 1.5em; }
div.reportLead a { color:#06f; }

/* ------------ Desc | Q ------------ */

div.reportQ { margin: 40px 107px 0 107px; padding: 0; }
div.reportQ.sub { margin: 40px 127px 0 127px; padding: 0; }
div.reportGraph { margin: 20px 107px 0 107px; text-align: center; }
div.marginTop { margin-top: 35px; }
div.reportComment { margin: 20px 157px 0 157px; padding: 0 0 18px 0; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/desc_comment_dot.gif) repeat-x left bottom; }
div.reportComment div.title { margin: 0; padding: 0; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/desc_comment_dot.gif) repeat-x left 50%; }
div.reportComment div.comment { margin: 0; padding: 0 10px; }
div.reportComment div.comment p { margin: 8px 0 0 0; padding: 0; text-indent: -1em; margin-left: 1em; }
div.reportComment div.comment p span { margin: 0 3px 0 0; color: #0cf; }
div.reportComment div.comment p span.name { margin: 0; }

div.reportReason { margin: 20px 125px 0 125px; padding: 0 0 0 0; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/desc_dotline_reason.gif) repeat-y left top; }
div.reportReason div.title { margin: 0; padding: 0 0 0 21px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/desc_dotline_reason_top.gif) no-repeat left top; }
div.reportReason div.title img { border-right: 10px solid #fff; border-left: 5px solid #fff;}
div.reportReason div.titleNew { background: url(../../imageFile/hataraku/old_user_edit_enquetereport/desc_dotline_reason_top.gif) no-repeat left top; }
div.reportReason div.titleNew span.label { display: inline-block; background: #fff; margin-left: 28px; padding: 0 10px; }
div.reportReason div.titleNew span.label .title { display: inline-block; background: #2ad3ff; color: #fff; border-radius: 30px; padding:2px 16px; font-weight: bold; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; box-shadow: inset 0px 0px 2px #fff; border: solid 1px #2ad3ff; font-size:13px; }
div.reportReason div.titleNew span.label .hosoku { font-weight: bold; margin-left: 10px; color: #444; }

div.reportReason div.base { margin: 0; padding: 0 3px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/desc_dotline_reason_btm.gif) no-repeat left bottom; }
div.reportReason div.base table { width: 654px; font-size: 1em; border-collapse: separate; }
div.reportReason div.base table td { width: 50%; padding: 0 0 20px 0; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/desc_comment_dot.gif) repeat-x left bottom; line-height: 1.5em; vertical-align: top; }
div.reportReason div.base table tr.last td { padding: 0; background: none; }
div.reportReason div.base table td span { color: #0cf; }
div.reportReasonRed div.base table td span { color: #e66; }
div.reportReasonBlue div.base table td span { color: #57f; }

div.reportReason div.base table.like td p { margin: 0; padding: 0 0 0 22px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/comment_mark_heart.gif) no-repeat left top; }
div.reportReason div.base table.dislike td p { margin: 0; padding: 0 0 0 22px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/comment_mark_cry.gif) no-repeat left 3px; }

div.reportReason div.base table.idea td p { margin: 0; padding: 0 0 0 21px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/comment_mark_pencil.gif) no-repeat left top; }
div.reportReason div.base table.idea tr.line td p { margin: 0; padding: 0 0 0 21px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/comment_mark_pencil_light.gif) no-repeat left top; }
div.reportReason div.base table.message td p { margin: 0; padding: 0 0 0 21px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/comment_mark_smile.gif) no-repeat left top; }
div.reportReason div.base table.message tr.line td p { margin: 0; padding: 0 0 0 21px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/comment_mark_smile_light.gif) no-repeat left top; }

div.reportReason div.base table.fail td p { margin: 0; padding: 0 0 0 24px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/comment_mark_sweat.gif) no-repeat left 3px; }
div.reportReason div.base table.good td p { margin: 0; padding: 0 0 0 24px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/comment_mark_good.gif) no-repeat left 3px; }
div.reportReason div.base table.bad td p { margin: 0; padding: 0 0 0 24px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/comment_mark_bad.gif) no-repeat left 3px; }
div.reportReason div.base table.comment td p { margin: 0; padding: 0 0 0 17px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/comment_mark.gif) no-repeat left 3px; }

div.reportReason div.baseLine1 table td { width: 100%; padding: 0 20px 20px 20px; }
div.reportReason div.baseLine1 table tr.last td { width: 100%; padding: 0 20px 20px 20px; }

div.reportReason div.base table td p.message { padding: 10px; background:#E6F8FF; border-radius: 5px;}
div.reportReason div.base table td p.message span {background: #0CF; color: #fff; padding: 1px 3px ; border-radius: 3px; margin-right: 5px;}
div.reportReason div.base table td p.message em { color: #0cf;}
div.reportReason div.base table td p.result { margin-top: -1px; padding-top: 20px; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/desc_1405_q3_icon.gif) no-repeat center top; }
div.reportReason div.base table td p.result span.icon {background: #0CF; color: #fff; padding: 1px 3px ; border-radius: 3px; margin-right: 5px;}
div.reportReason div.base table td p.result em { color: #0cf;}
/* ------------ Desc | Button ------------ */

div.reportBackButton { margin: 40px 0 0 0; padding: 0; text-align: right; }

div.enqueteButton { margin: 60px 0 0 0; padding: 30px 0 0 0; background: url(../../imageFile/hataraku/old_user_edit_enquetereport/desc_bar_button.gif) no-repeat left top; text-align: center; }
div.enqueteButton a { margin: 0 3px; }