/* === サーベイ用 === */

/* === topic path　パンくずリスト　 === */

div#ewContentsBody p.topicPath {
 margin:4px 0 4px 10px;
 padding-top:2px;
 font:normal normal normal 10px/14px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }

/* === 汎用的に使うアクションボタンの位置　 === */
/*　右揃え  */

div.actionButtonR {
 text-align:right;
 padding: 4px 4px 4px 0;
}
div.actionButtonC {
 text-align:center;
 padding: 4px;
 margin:4px;
}

/* === 汎用的に使うPタグのクラス　 === */

div#ewContentsBody p { 
 margin-top: 0; 
 line-height: 1.4;
} 

/* 色文字強調 */
div#ewContentsBody p.notice {
 color:#641000;
  font:normal normal bold 12px/18px;
}


/* ジャンル名画像：上下にエンジ色ライン */

div#ewContentsBody h1 {
 border:1px #6c0c0c solid;
 border-width:1px 0 1px 0;
 padding-top:6px;
 padding-bottom:2px;
 }
 

/* === ページのトップへ戻る　 === */
div#ewContentsBody div.gotoTop {
 clear:both;
 border-top:1px #cfcfcf solid;
 margin-top:32px;
 margin-bottom:0;
 padding-top:3px;
 padding-bottom:0;
 text-align:right;
 }
em {
color:#8d0000;
font-style:normal;
font-weight:bold;
}
div#ewContentsBody img.action {
 margin-top:4px;
 margin-bottom:4px;
 }
 
  /*  banner */
/*================================================*/

div.bannerArea {
padding:2px;
margin-bottom:6px;
text-align:center;
 }

 
 

/* イラク攻撃のときのキャスターなしのときのエリア対応　*/
div#cSummaryArea table.CommentSummary div.paragraph01a {
 padding:2px 2px 2px 6px;
 width:568px;
 font:normal normal normal 12px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin: 4px 4px 4px 4px;
}

/*リスト */

div#ewContentsBody ul {
 font:normal normal bold 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 margin-top:8px;
 margin-bottom:12px;
 color:#333333;
 }
div#ewContentsBody ol {
 font:normal normal bold 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", "ＭＳ ゴシック", sans-serif; 
 margin:8px 0 12px 16px;
 color:#333333;
 }
div#ewContentsBody li {
 margin: 0 0 4px 16px;
 padding: 0 0 0 0;
 }

/* 線付の表　*/
div#ewContentsBody table.general {  
 border: 1px #999999 solid ;
 border-collapse: collapse;
 empty-cells: show;
 table-layout: fixed;
 margin-bottom:6px;
 }
div#ewContentsBody table.general tr th {
 background-color: #eeeeee;
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 text-align: left;
}
div#ewContentsBody table.general td, div#ewContentsBody table.general th {
 border: 1px #999999 solid ;
 border-width: 0 1px 1px 0;
 padding: 2px;
 font:normal normal normal 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div#ewContentsBody table.general td.title {
background-color: #eeeeee;
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}


/* new survey desgin */

div#surveyContents {
padding-left:8px;
margin-top:8px;
}

div#surveyContents table.surveyInfo {

}

div#surveyContents div.surveyNavi {
margin-right:2px;
text-align: right;
float:auto;
}
div.surveyTerm {
float:left;
font-size: 90%;
}
img.dayToday {
 background:#f2f4db;
 padding-top:4px;
 margin-bottom:8px;
 text-align:center;
}
div#surveyContents table.surveyInfo h2 { 
 margin: 0;
 padding:0;
 background: #b25b2a;
}
div#surveyContents table.surveyInfo h3 { 
 margin: 0 0 12px 0;
 padding-top: 4px;
 border-top: 1px #e9e8e7 solid;
 font:normal normal normal 120%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div.svyInstruction {
 clear:both;
 background-color:#eeeeee;
 color:#000000;
 padding:3px;
 margin-bottom:16px;
 font-size:86%;
 line-height: 133%;
 }
 div.svyInstruction h4 {
 font-size:100%;
 }
 
p.todaysPoint {
 margin-bottom:16px;
}

img.currentGraph {
 margin-right: 6px;
}
span.goGraph {
 font-size:90%;
}
div.noteImg {
 margin-left:74px;
 margin-bottom:16px;
 font-size: 10px;
}

div.noteImg img {
 margin:0 3px 0 8px;
}


div#casterCommentSummary {
 background-color:#f2f4dc;
 width:570px;
 margin-top:8px;
}

div#casterCommentSummary_2 {
 background-color:#efded4;
 width:570px;
 margin-top:8px;
}

div#casterCommentSummary div.casterIntroduce {
 padding:8px 0;
 text-align:center;
}

div#casterCommentSummary_2 div.casterIntroduce {
 padding:8px 0;
 text-align:center;
}

div#casterCommentSummary img.faceImg {
 border:1px #BFC3A1 solid;
 margin:3px;
 }
 
 div#casterCommentSummary_2 img.faceImg {
 border:1px #BFC3A1 solid;
 margin:3px;
 }

div#casterCommentSummary div.casterInfo {
 margin-bottom:14px;
 padding:6px 2px 0 0; 
 }
 div#casterCommentSummary_2 div.casterInfo {
 margin-bottom:14px;
 padding:6px 2px 0 0; 
 }
div#casterCommentSummary div.casterInfo span.name {
 font:normal normal bold 90%/123% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-right:4px;
 }
 div#casterCommentSummary_2 div.casterInfo span.name {
 font:normal normal bold 90%/123% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-right:4px;
 }
div#casterCommentSummary div.casterInfo span.title {
 font:normal normal normal 90%/123% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 } 
 div#casterCommentSummary_2 div.casterInfo span.title {
 font:normal normal normal 90%/123% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 } 
div#casterCommentSummary div.paragraph01 {
 padding:0 2px 4px 0;
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div#casterCommentSummary_2 div.paragraph01 {
 padding:0 2px 4px 0;
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

div#casterCommentSummary div.paragraph01 p {
 margin-bottom:5px;
}
div#casterCommentSummary_2 div.paragraph01 p {
 margin-bottom:5px;
}

/* メンバーからのコメント　*/
div#ewContentsBody div.message {
 clear:both;
 margin-top:8px;
 width:570px;
 }

div#ewContentsBody div.message h3 {
 margin-bottom:0.5em;
 }
 
 div#ewContentsBody div.mmYes {
   margin:0;
 } 
 div#ewContentsBody div.mmYes dl {
  padding:2px 0 2px 4px;
  margin:0;
  background-color:#c1ceae;
 } 
 
div#ewContentsBody div.mmNo {
   margin-top:18px;
 } 
 div#ewContentsBody div.mmNo dl {
  padding:2px 0 2px 4px;
  margin:0;
  background-color:#e1bf87;
 } 
 
 div#ewContentsBody div.mmOther {
   margin-top:18px;
 } 
 div#ewContentsBody div.mmOther dl {
  padding:2px 0 2px 4px;
  margin:0;
  background-color:#d6d3d6;
 } 

 div#ewContentsBody div.mmYes div.mOpinion {
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-top:8px;
 border-bottom:2px #79a539 solid;
 padding-left:8px;
 }
 div#ewContentsBody div.mmNo div.mOpinion {
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-top:8px;
 border-bottom:2px #b47c21 solid;
 padding-left:8px;
 }
  div#ewContentsBody div.mmOther div.mOpinion {
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-top:8px;
 border-bottom:2px #9d9d9d solid;
 padding-left:8px;
 }

div#ewContentsBody div.mOpinion h4 {
 font:normal normal bold 120%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-top:0;
 margin-bottom: 0.5em;
 }
 
div#ewContentsBody div.mOpinion div.senderInfo {
 color: #666666;
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-top:0;
 margin-bottom:0;
 }

div#ewContentsBody div.mOpinion p {
 margin-bottom: 5px;
 }

/* キャスターコメント　*/
div#casterFullText {
 clear:both; 
 border-top:1px #cfcfcf solid;
 background-color:#f2f4dc;
 padding:6px;
 margin-top:6px;
 width: 570px;
}
div#casterFullText_2 {
 clear:both; 
 border-top:1px #b8292f solid;
 background-color:#efded4;
 padding:6px;
 margin-top:6px;
 width: 570px;
}
div#casterFullText div.casterInfo {
 width:92px;
 margin-left:4px;
}
div#casterFullText_2 div.casterInfo {
 width:92px;
 margin-left:4px;
}
div#casterFullText div.cComment {
 padding:4px;
 margin-left:4px;
}
div#casterFullText_2 div.cComment {
 padding:4px;
 margin-left:4px;
}

div#casterFullText div.cComment h4 {
 font:normal normal bold 120%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-top:8px;
 margin-bottom:0.5em;
}
div#casterFullText_2 div.cComment h4 {
 font:normal normal bold 120%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-top:8px;
 margin-bottom:0.5em;
}
div#casterFullText div.cComment h5 {
 font:normal normal bold 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-top:4px;
 margin-bottom:0.3em;
 color: #666600;
}
div#casterFullText_2 div.cComment h5 {
 font:normal normal bold 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-top:4px;
 margin-bottom:0.3em;
 color: #666600;
}

div#casterFullText div.cComment p {
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:0.5em;
 margin-right:6px;
}
div#casterFullText_2 div.cComment p {
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:0.5em;
 margin-right:6px;
}

div#casterFullText div.cComment dl {
 margin-bottom: 1em;
}
div#casterFullText_2 div.cComment dl {
 margin-bottom: 1em;
}
div#casterFullText div.cComment dl dt {
 clear:left;
 margin-top: 0;
 margin-bottom: 0.2em;
 font-size: 100%;
 line-height: 163%;
 font-weight:bold;
 font-family: Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div#casterFullText_2 div.cComment dl dt {
 clear:left;
 margin-top: 0;
 margin-bottom: 0.2em;
 font-size: 100%;
 line-height: 163%;
 font-weight:bold;
 font-family: Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div#casterFullText div.cComment dl dd {
 color: #333;
 font-size: 100%;
 line-height: 163%;
 font-family: Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom: 0.5em;
}
div#casterFullText_2 div.cComment dl dd {
 color: #333;
 font-size: 100%;
 line-height: 163%;
 font-family: Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom: 0.5em;
}




div#casterFullText div.casterInfo img.faceImg {
 border:1px #BFC3A1 solid;
 text-align:center;
 margin:3px;
 }
 div#casterFullText_2 div.casterInfo img.faceImg {
 border:1px #BFC3A1 solid;
 text-align:center;
 margin:3px;
 }

div#casterFullText div.casterInfo div.casterName {
 margin-left:4px;
}
div#casterFullText_2 div.casterInfo div.casterName {
 margin-left:4px;
}
div#casterFullText div.casterInfo div.casterName p.title {
 color: #333333;
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div#casterFullText_2 div.casterInfo div.casterName p.title {
 color: #333333;
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div#casterFullText div.casterInfo div.casterName p.name {
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div#casterFullText_2 div.casterInfo div.casterName p.name {
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
/*  関連リンク */

div.contextLink {
 margin-top:10px;
 margin-bottom: 10px;
 padding-bottom: 10px;
 clear: both;
}
div.contextLink .heading {
 margin-bottom: 1em;
 color: #006633;
 font-size: 100%;
}
div.contextLink dl {
 margin-bottom: 1em;
}
div.contextLink dl dd {
 padding-left: 24px;
 color: #666666;
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div.contextLink dl dt {
 padding-left: 24px;
 margin-top: 0;
 background:  url(/shared/images/svy_contextLink_mark.gif) no-repeat;
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}




 
/* 現在のサーベイ*/ 
div.currentSurvey {
 margin: 18px 0 12px 0 ;
 border-top:2px #bfc3a1 dotted;
 padding-top:6px;
 font:normal normal normal 10px/123% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div.currentSurvey h3 {
 margin-bottom: 4px ;
}
div.currentSurvey table td {
 padding:2px;
 font:normal normal normal 80%/123% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
td.casterName {
 font:normal normal normal 80%/123% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

/*==== サーベイ結果推移　ポップアップ ====*/
div.svyProcess {
 background-color:#fff;
 color:#000000;
 margin:24px 18px 12px 18px;
}

div.svyProcess p.svyProcessData {
 font:normal normal normal 10px/14px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin: 0;
 padding:0;
}
div.svyProcess div.rGraph h1 {
 margin: 0 0 8px 0;
 border:1px #6c0c0c solid;
 border-width:1px 0 1px 0;
 padding: 4px 0 4px 0;
}
div.svyProcess div.rGraph h2 {
magin-top:0;
 margin-bottom:8px;
 font-size: 12px;
 line-height: 133%;
 border-bottom: 1px #eee solid;
 padding-bottom: 4px;
}
div.svyProcess div.rGraph h3 {
 margin-bottom:8px;
}
table.resultGraph td {
padding:2px;
}
table.resultGraph caption {
text-align:right;
padding:2px;
}
div.currentTime {
 margin-top:4px;
 margin-bottom: 4px;
 padding-left:46px;
 font:normal normal normal 10px/14px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 border-bottom: 1px #eee solid;
 padding-bottom: 4px;
 }
div.close {
 text-align:center;
 margin-top:6px;
}

img.label {
 margin-right:8px;
}
img.icon {
 margin-right: 4px;
}
img.voteYes {
 margin-left: 4px;
 margin-right: 2px;
}
img.voteNo {
 margin-right: 16px;
}