@import url(/shared/styles/common.css);

/* 色文字強調 */
div#ewContentsBody p.notice {
 color:#641000;
}

td.ewContentBlock {
 font-size: 100%;
 line-height:133%
}

div#ewContentsBody p.lead { 
 color:#666666;
 font:normal normal normal 90%/120% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
} 

div#ewContentsBody p.captionWhite { 
color:#ffffff;
font-size: 10px;
line-height: 12px;
font-style: normal; 
font-weight: normal;
} 

/* ジャンル名画像：上下にエンジ色ライン */
div#ewContentsBody h1 {
 padding:0 0 0 9px;
 margin: 0 0 4px 0;
 background-color:#b58d3c;
 border: 1px #8a5f06 solid;
 }
 
 /* ドキュメントタイトル：画像グレイ文字 */
div#ewContentsBody h2 {  
 margin-bottom: 0.5em; 
} 
div#ewContentsBody h2.common {
 padding-top:8px;
 padding-bottom:0.2em;
 }
 
div#ewContentsBody h3 {  
 font:normal normal bold 113%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin:0 0 0.4em 0;
} 

div#ewContentsBody h4 {  
 font-size:100%;
 margin:0;
} 

em {
color:#8d0000;
font-style:normal;
font-weight:bold;
}

div#ewContentsBody img.action {
 margin-top:4px;
 margin-bottom:4px;
 }

/* === 第2階層以下　table width 570px === */
/*================================================*//*================================================*//*================================================*//*================================================*/
/* column  私の視点・キャリアインタビュー他　キャスター用コラム用レイアウト　*/ 
/*================================================*/

div#ewContentsBody div.columnArea {
 color:#000000;
 background-color:#ffffff;
 width:570px;
 padding-top:4px;
 padding-bottom:8px;
 }
div#ewContentsBody div.columnArea p {
font-size:100%;
line-height:133%;
margin-bottom:0.5em;
 }

div#ewContentsBody div.columnArea h3#lavel {
 margin-bottom:4px;
 }

div#ewContentsBody div.columnArea h3 {
 font-size:100%;
 font-weight:bold;
 padding-top:2px;
 }


/* === レイアウト342×6×218用左側342px コラム用 === */
/* width342 - column */

div#ewContentsBody div.leadArea {
 color:#000000;
 padding:4px;
 width:342px;
 margin-bottom:6px;
 font-size:12px;
 }

/* === レイアウト342×6×218用左側342px コラム用枠あり最新のコラム === */

div#ewContentsBody div.columnRecent {
 color:#000000;
 background-color:#ffffff;
 padding:4px;
 border:1px #959a6f solid;
 width:342px;
 margin-bottom:6px;
 }
div#ewContentsBody div.columnRecent h3#label {
 margin: 0;
 font-size:100%;
}
div#ewContentsBody div.columnRecent h3 {
 margin: 0;
 font-size:100%;
}


/* === レイアウト342×6×218用左側342px コラム用枠ありこれまでのコラムインデックス === */

div#ewContentsBody div.columnPast {
 padding:4px;
 border:1px #c8c9aa solid;
 width:342px;
 margin-bottom:1em;
 }
 div#ewContentsBody div.columnPast td {
 
 }

/* === これまでのコラムインデックスの表組ラベル === */


div#ewContentsBody div.columnPast td {
vertical-align:top;
 }
div#ewContentsBody div.columnPast th {
 display:none;
 }
div#ewContentsBody div.columnPast td {
 padding:3px;
 font-size:12px;
 line-height:14px;
}

/* === 読むボタン === */

div#ewContentsBody div.goNext {
 text-align:right;
 padding:4px 4px 0 4px;
 }


/* === レイアウト342×6×218用右側218px === */

/* width218 - authorArea */

div#ewContentsBody div.authorArea {
 background-color:#f2f3e9;
 color:#000000;
 padding:4px;
 width:218px;
 }
div#ewContentsBody div.authorArea p {
 font-size:84%;
 line-height:120%;
 margin-bottom:6px;
 }

div#ewContentsBody div.authorArea  img.faceImg {
 border:1px #BFC3A1 solid;
 margin-bottom:6px;
 }

div#ewContentsBody div.authorArea div.authorName {
 padding:2px;
 padding-top:2px;
 }
div#ewContentsBody div.authorArea div.authorName p {
 font-size:12px;
 line-height:133%;
 margin-bottom:1em;
 }
div#ewContentsBody div.authorArea div.authorProfile {
 padding:2px;
}
div#ewContentsBody div.authorArea div.authorProfile p {
 font-size:84%;
 line-height:133%;
 margin-bottom:0;
}
div#ewContentsBody div.authorArea div.authorInfo h3 {
 margin:0.2em 0 0 0 ;
}
div#ewContentsBody div.authorArea div.authorInfo {
 padding:2px;
}
div#ewContentsBody div.authorArea div.authorInfo ul {
 margin: 0 0 4px 16px;
}
div#ewContentsBody div.authorArea div.authorInfo ul li {
 margin: 0 0 0 0;
 padding-left: 0;
 font-size:80%;
}


/* width218 */

div#ewContentsBody div.noticeArea {
 color:#000000;
 background-color:#cbe474;
 padding:4px;
 padding-bottom:4px;
 border:1px #0aad05 solid;
 width:202px;
 margin: 0px 4px 10px 8px;
 }
 
div#ewContentsBody div.noticeArea h3 {
margin-left:2px;
margin-bottom:0;
 }
 
div#ewContentsBody div.noticeArea h4 {
 font-size:84%;
 line-height:120%;
font-weight:bold;
padding:0;
margin-top:0;
 }
 
div#ewContentsBody div.noticeArea p {
 font-size:84%;
 line-height:120%;
margin-bottom:6px;
 }


/*  コラムボディ */
div#ewContentsBody div.columnBody {
 padding: 8px;
 border-bottom: 1px #CCC solid;
 margin-bottom:1em;
}
div#ewContentsBody div.columnBody h3 {
 font-size:113%;
 margin-bottom:0.53em;
}
div#ewContentsBody div.columnBody p {
font-size:100%;
line-height:133%;
margin-bottom:1em;
}


 /* コラム署名部分　*/
div#ewContentsBody div.columnBody div.authorDefinitionArea {
 text-align: right;
 font-weight:bold;
 font-size:100%;
 padding:4px;
 margin: 1em 0;
 border-bottom: 1px #CCC solid;
}

/* ジャンルトップ 　基本レイアウト　342×6×218　*/ 
/*================================================*//*================================================*//*================================================*//*================================================*/


/* 新インタフェイス適用後サーベイ　*/

div.genreTopSurveyBlock {
 color:#000000;
 background-color:#f2f4dc;
 width:342px;
 margin-bottom:6px;
 border-bottom: 4px #c16131 solid;
 }
div.genreTopSurveyBlock h2 {
	background-color: #c16131;
	padding: 4px 0 2px 4px;
  margin:0;
 }
div.genreTopSurveyBlock div.surveyInfoArea {
 padding:4px;
}
div.genreTopSurveyBlock div.surveyInfoArea h3 {
 margin-top:0 0 6px 0;
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }
div.genreTopSurveyBlock div.surveyInfoArea p {
 font:normal normal normal 12px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }

div.genreTopSurveyBlock table.casterInfo {
 padding:0 4px 4px 0;
 margin-left:4px;
 }
 div.genreTopSurveyBlock img {
 margin-bottom:2px;
 }
div.voteWrite {
 font:normal normal normal 10px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 color:#bc542e;
 line-height:24px;
 border-top:2px #bfc3a1 dotted;
 border-bottom:2px #bfc3a1 dotted;
 padding: 6px 4px 6px 4px;
 margin: 4px 0 4px 0;
}

div.genreTopSurveyBlock div.casterComment {
  margin-top:8px;
 }
  
 div.genreTopSurveyBlock div.casterComment p {
 font:normal normal normal 12px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }
div.genreTopSurveyBlock p.sig {
 font:normal normal bold 12px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 text-align:right;
 margin:5px 2px 16px 0;
 }
 
div.genreTopSurveyBlock div.casterName {
 background-color:#bfc3a1;
 height:90px;
 padding:2px;
 padding-top:8px;
 }
div.genreTopSurveyBlock div.casterName p {
 font:normal normal bold 12px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:6px;
 }
 
div.genreTopSurveyBlock div.surveyInfoBox {
 padding:4px;
 margin-bottom:10px;
 }
div.genreTopSurveyBlock div.surveyInfoBox h3 {
 margin-bottom:3px;
 margin-top:3px;
 }
div.genreTopSurveyBlock div.surveyInfoBox p {
 margin-left:10px;
 margin-right:10px;
 font:normal normal normal 10px/14px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }
div.genreTopSurveyBlock div.surveyInfoBox h4 {
 font:normal normal bold 12px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 color:#bc542e;
 }
div.genreTopSurveyBlock div.surveyInfoBox h5 {
 margin:0 10px 4px 10px;
 font:normal normal normal 12px/14px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }
div.genreTopSurveyBlock div.surveyInfoBox h6 {
 margin:0 10px 2px 10px;
 font:normal normal normal 10px/14px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }
div.genreTopSurveyBlock div.surveyInfoBox table {
 margin:0 10px 8px 10px;
 font:normal normal normal 12px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }


/* 旧サーベイ　*/
div.genreTopSurvey {
 color:#000000;
 background-color:#f2f4dc;
 padding:4px;
 border:1px #b6b478 solid;
 width:342px;
 margin-bottom:6px;
 }

div.genreTopSurvey h2 {
 margin-top:0;
 margin-bottom:2px;
 padding:0;
 }
div.genreTopSurvey h3 {
 margin-top:4px;
 margin-bottom:2px;
 font:normal normal normal 14px/16px ;
 }
 
div.genreTopSurvey table.casterInfo {
 margin-left:4px;
 }
 div.genreTopSurvey img {
 margin-top:4px;
 }

div#ewContentsBody div.voteWrite {
 font:normal normal normal 10px ;
 color:#bc542e;
 line-height:14px;
 border-top:2px #bfc3a1 dotted;
 border-bottom:2px #bfc3a1 dotted;
 padding:4px 2px 4px 0;
}
div#ewContentsBody div.genreTopSurvey div.gosurvey {
 margin-top:4px;
 margin-right:4px;
 text-align:right;
 }
 div.genreTopSurvey div.casterComment {
  margin-top:8px;
 }
  
 div.genreTopSurvey div.casterComment p {
 font:normal normal normal 12px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }
div#ewContentsBody div.genreTopSurvey p.sig {
 text-align:right;
 margin:5px 2px 16px 0;
 }
 
div#ewContentsBody div.casterName {
 background-color:#BFC3A1;
 height:90px;
 padding:2px;
 padding-top:8px;
 }
div#ewContentsBody div.casterName p {
 font:normal normal normal 10px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:6px;
 }
div#ewContentsBody div.casterName p.name {
 font:normal normal normal 12px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:2px;
 }
div#ewContentsBody div.casterName p.title {
 font:normal normal normal 10px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:4px;
 }
 
 div#ewContentsBody div.surveyInfoBox {
 margin-bottom:10px;
 }
div#ewContentsBody div.surveyInfoBox h3 {
 margin-bottom:3px;
 margin-top:3px;
 }
div#ewContentsBody div.surveyInfoBox p {
 margin-left:10px;
 margin-right:10px;
 font-size:10px;
 line-height:14px;
 }
div#ewContentsBody div.surveyInfoBox h4 {
 font:normal normal normal 12px/14px ;
 color:#bc542e;
 }
div#ewContentsBody div.surveyInfoBox h5 {
 margin:0 10px 4px 10px;
 font-size:12px;
 line-height:14px;
 }
 div#ewContentsBody div.surveyInfoBox h6 {
 margin:0 10px 2px 10px;
 font-size:10px;
 line-height:14px;
 }
div#ewContentsBody div.surveyInfoBox table {
 margin:0 10px 8px 10px;
 font-size:12px;
 line-height:14px;
 }
 
 
div#ewContentsBody div.surveyInfoBox p.wbiList {
 margin-bottom:5px;
 }
div#ewContentsBody div.svrWeekBoxCaster {
 background-color:#D5D7BF;
 padding-left:8px;
 padding-right:2px;
 margin-bottom:10px;
 padding-bottom:5px;
 }
div#ewContentsBody div.svrWeekBoxCaster h3 {
 margin-bottom:3px;
 margin-top:3px;
 }
div#ewContentsBody div.svrWeekBoxCaster p {
 margin-left:10px;
 margin-right:10px;
 line-height:12px;
 }

 /* 右側　*/
/*================================================*/

/* width218 - My point of View */

div#ewContentsBody div.columnInfo {
 background-color:#f2f3e9;
 color:#000000;
 width:218px;
 margin-bottom:4px;
 border-bottom: solid 1px #a2a58f ;
 }
div#ewContentsBody div.columnInfo h2 {
 margin-top:0;
 margin-bottom:6px;  
}

div#ewContentsBody div.columnInfo div.pointView  {
 margin-top:8px;
 margin-bottom:4px;
 padding:4px;
 }
 div#ewContentsBody div.columnInfo div.pointView h3 {
 font:normal normal bold 12px/16px ;
 margin-bottom:6px;
 color:#bc542e;
 }
div#ewContentsBody div.columnInfo div.pointView p {
 font:normal normal normal 10px/14px ;
 }
 div#ewContentsBody div.columnInfo div.pointView p.read {
 /* text-align:right; */
 margin:0;
 padding:0;
 }
div#ewContentsBody div.columnInfo div.pointView img.faceImg {
 border:1px #cccccc solid;
 padding:0;
 margin-right:2px; 
 margin-bottom:2px;
 }


/* width218 - way of thinking */

div#ewContentsBody div.opinionArea {
 color:#000000;
 padding:0;
 /* width:218px; */
 padding-bottom:4px;
 border-bottom: solid 2px #a2a58f ;
 margin-bottom: 6px;
 }
div#ewContentsBody div.opinionArea h2 {
  margin-bottom:6px;  
  }
div#ewContentsBody div.opinionArea h3 {
  margin-bottom:4px;  
  }
 div#ewContentsBody div.opinionArea p {
 font:normal normal normal 12px/16px ;
  }
  
div#ewContentsBody div.pastSurvey {
 border:2px #bfc3a1 solid;
 border-width:2px 0 2px 0;
 padding-top:2px;
 padding-bottom:2px;
 margin-bottom:4px;
}
div#ewContentsBody div.pastSurvey p {
 font:normal normal normal 10px/12px ;
 margin-bottom:0;
}
div#ewContentsBody div.pastSurvey h4 {
 font:normal normal normal 12px/14px ;
 margin-top: 2px;
 margin-bottom: 2px;
 padding:0;
}

div#ewContentsBody div.opinionArea div.divideOpinion {
text-align:center;

}

/* width218 - english */
/* ============================================ */


div#ewContentsBody div.engTodaysWord {
padding:4px;
margin-bottom:12px;
}

div#ewContentsBody div.engTodaysWord div.casterName {
 background-color:#BFC3A1;
 height:120px;
 padding:2px;
 padding-top:8px;
 }
div#ewContentsBody div.engTodaysWord div.casterName p {
 font-size:10px;
 line-height:12px;
 margin-bottom:6px;
 }
 
div#ewContentsBody div.engTodaysWord h4 {
 margin-bottom:2px ;

}
div#ewContentsBody div.engTodaysWord p {
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

div#ewContentsBody div.engPerspective {
padding:2px;
}
div#ewContentsBody div.engPerspective h3 {
 border-top: dotted 2px #006699 ;
 padding-top:2px;
}

div#ewContentsBody div.engPerspective 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:8px;
}

div#ewContentsBody div.engPerspective img.bookCover {
padding:0 4px 2px 4px;
float:right;
}

div#ewContentsBody div.engChance {
 background-color:#ffffff;
 color:#000000;
 width:218px;
 margin-bottom:4px;
 border: solid 1px #b97459 ;
 }
div#ewContentsBody div.engChanceColumn {
 padding:4px;
  font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }
div#ewContentsBody div.engChanceColumn h4 {
 color:#b45631;
 margin-bottom:4px;
 }
 
 
 div#ewContentsBody div.engUnivPR {
 background-color:#d2dd8e;
 color:#000000;
 width:218px;
 margin-bottom:4px;
 border: solid 1px #338800 ; 
 padding:4px;
 }
div#ewContentsBody div.engUnivPR p {
  margin-bottom:4px;
 }
 
div#ewContentsBody div.engMail {
 color:#000000;
 width:218px;
 margin-bottom:4px;
 border: solid 1px #b97459 ; 
 padding:4px;
 }
 
 div#ewContentsBody div.engMaila {
 width:218px;
 margin-bottom:4px;
 border: solid 1px #0091C7 ; 
 }
  div#ewContentsBody div.engMail p {
 font:normal normal normal 10px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
  margin-bottom:4px;
 }

 /* 第2階層以下コンテンツ　旧スタイルからの移行　*/
/*================================================*//*================================================*//*================================================*//*================================================*/

 /* ページネーション　*/
div.pgnavi {
text-align:right;
border-bottom: 1px #666666 dotted;
padding:4px 0 0 0;
margin:0;
}
div.pgnavi img {
 margin-top:4px;
}
div.pgnavi p {
font:normal normal normal 12px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
margin-bottom:4px;
}
div.idxnavi {
padding:4px;
font:normal normal normal 12px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

 /* 関連情報　*/
div#ewContentsBody div.contextInfo {
 color:#000000;
 background-color:#dce6c1;
 border:1px #58963f solid;
 width:570px;
 padding:4px;
 margin: 12px 4px 12px 4px;
}
div#ewContentsBody div.contextInfo h4 {
 color:#58963f;
 font:normal normal bold 12px/16px;
 padding:0 4px 4px 4px;
 margin:0;
}
div#ewContentsBody div.contextInfo p {
margin-top: 8px;
margin-right: 10px;
padding: 0;
}

 /* コラムにおける囲みリード　*/
div#ewContentsBody div.lead {
 color:#000000;
 background-color:#eeeeee;
 width:570px;
 padding:8px;
 margin: 12px 0 12px 0;
}
div#ewContentsBody div.lead p {
 color:#000000; font-size:100%;
 line-height:133%; 
}

/* 更新日時右寄せ　*/
 div#ewContentsBody div.update {
 color:#bb4f20; font-size:100%;
 line-height:133%; 
padding:0;
 margin-bottom:4px;
 text-align:right;
}

/* 線付の表　*/
div#ewContentsBody table.general {  
 border: 1px #999999 solid ;
 border-collapse: collapse;
 empty-cells: show;
 table-layout: fixed;
 margin-bottom:6px;
 width:570px;
 }
div#ewContentsBody table.general tr th {
 background-color: #eeeeee;
 font:normal normal bold 12px/16px; 
 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/16px; 
}
div#ewContentsBody table.general td.title {
background-color: #eeeeee;
font:normal normal bold 12px/16px; 
}

/* debari san page　*/
div#ewContentsBody div.m331 {
 background-color:#F2F4DC;
 color:#000000;
 width:218px;
 margin-bottom:4px;
 padding:4px;
 border: solid 1px #B6B478 ;
 }
 
 /* PR new */
  div#ewContentsBody div.engUnivPR2 {
 background-color:#F2F4DC;
 color:#000000;
 width:218px;
 margin-bottom:4px;
 border: solid 1px #B6B478 ; 
 padding:4px;
 }
div#ewContentsBody div.engUnivPR2 p {
  margin-bottom:4px;
 }

img.banner {
 border:1px #444444 solid;
 }