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

/* link color - default */
div#ewContentsBody a:link {
 color: #00F;
 text-decoration: none;
}
div#ewContentsBody a:visited {
 color: #00F;
 text-decoration: none;
 }
div#ewContentsBody a:hover {
 color: #00F;
 background:#f0f0ff;
 text-decoration: underline;
}

/* link color - pのリンクは黒 */
div#ewContentsBody p a:link {
 color: #000000;
 text-decoration: none;
}
div#ewContentsBody p a:visited {
 color: #333333;
 text-decoration: none;
 }
div#ewContentsBody p a:hover {
 color: #0000ff;
 text-decoration: underline;
}
/* link color - pのリンクを青にする例外 */
div#ewContentsBody p.link a:link {
 color: #000000;
 text-decoration: none;
}
div#ewContentsBody p.link a:visited {
 color: #333333;
 text-decoration: none;
 }
div#ewContentsBody p.link a:hover {
 color: #0000ff;
 background:#f0f0ff;
 text-decoration: underline;
}
div.surveyThisWeek div.goMemberOpinions div.beMember a:link {
 color: #000000;
 text-decoration: none;
}
div.surveyThisWeek div.goMemberOpinions div.beMember a:visited {
 color: #333333;
 text-decoration: none;
 }
div.surveyThisWeek div.goMemberOpinions div.beMember a:hover {
 color: #0000ff;
 background:#f0f0ff;
 text-decoration: underline;
}


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

/* ジャンル名画像：上下にエンジ色ライン */
div#ewContentsBody h1 {
 border:1px #6c0c0c solid;
 border-width:1px 0 1px 0;
 padding-top:6px;
 padding-bottom:2px;
 }

/* ドキュメントタイトル：画像グレイ文字 */
div#ewContentsBody h2, h3, h4 { 

} 
div#ewContentsBody h3 {  
} 
div#ewContentsBody h4 {  
} 

/* === 強調　 === */
em {
color:#8d0000;
font-style:normal;
font-weight:bold;
}

img.icon {
 margin-right: 4px;
}

/* ジャンルトップ 　基本レイアウト　342×6×218　*/ 
/*================================================*//*================================================*//*================================================*//*===============================
 /* 関連情報　*/
 /* ==================================== */
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 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 padding:0 4px 4px 4px;
 margin:0;
}
div#ewContentsBody div.contextInfo p {
margin-top: 8px;
margin-right: 10px;
padding: 0;
}
 
/* 線付の表　*/
/* ==================================== */
div#ewContentsBody table.general { 
 clear: both;
 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;
 text-align: left;
 font:normal normal bold 83%/183% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
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 83%/183% 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;
}

 
 /* 左側セル　サーベイ　*/ 
/* ========================================================================================*/
/* ========================================================================================*/

 /* 左側コラム */
div.areaLeft {
 color:#000;
 background-color:#f2f4dc;
 width:342px;
 margin-bottom:6px;
 border-top:2px #c16131 solid;
 padding-bottom:12px;
 }
  /* 右側コラム */
div.areaRight {
 color:#000;
 background-color:#f2f4dc;
 width:218px;
 margin-bottom:6px;
 padding:6px;
 }
div.areaRight p.link {
 font:normal normal normal 86%/100% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin: 12px 4px;
}

/* search box */
 /* ========================================================================================*/

div.searchBox {
 border-top: 1px #CCC solid;
 border-bottom: 1px #CCC solid;
 background:#ecede2;
 padding:8px 4px;
 margin-bottom:8px;
}

div.searchBox h2 {
 font-size:100%;
 margin-bottom:0.5em;
}

div.searchBox p {
 font:normal normal normal 95%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
form.seachArea {
 margin: 0;
 padding:0;
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

 /* 001 今週のサーベイ */
 /* ========================================================================================*/
div.surveyThisWeek {
 padding:4px;
 margin-bottom:12px;
}

div.surveyThisWeek h2 {
 margin-bottom: 0.2em;
 }
div.surveyThisWeek p.leadCopy {
 font-size:80%;
 line-height:100%;
 margin-bottom: 0.5em;
}
div.surveyThisWeek h3 {
 font:normal normal bold 120%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:0.2em;
 }

/* キャスター顔写真＋名前 */
div.surveyThisWeek div#casterInfo {
 float:left;
 width:92px;
 margin-bottom:12px;
}
div.surveyThisWeek div#casterInfo img.faceImg {
 margin-bottom:2px;
 border:1px #bfc3a1 solid;
}
div.surveyThisWeek div#casterInfo div.casterName {
 clear:borh;
 background-color:#bfc3a1;
 width:92px;
 height:92px;
 padding:3px;
 padding-top:8px;
 vertical-align:top;
 }
div.surveyThisWeek div#casterInfo div.casterName p.name {
 font-size:100%;
 font-weight:bold;
}
div.surveyThisWeek div#casterInfo div.casterName p {
 font-size:80%;
 line-height:133%;
 margin-bottom:4px;
}

/* サーベイ情報 */
div.surveyThisWeek div#surveyThisWeekInfo {
 margin-left: 100px;
}

/*  投票・投稿エリア */
div.surveyThisWeek div#surveyThisWeekInfo div.voteWrite {
 background: #f2f4dc url(/shared/images/genre_dotline001.gif) top left repeat-x;
 padding:6px;
}
div.surveyThisWeek div#surveyThisWeekInfo img.voteYes {
 margin-left:2px;
 margin-right: 4px;
}
div.surveyThisWeek div#surveyThisWeekInfo img.voteNo {
 margin-right: 4px;
}

/*  このテーマの背景 */
div.surveyThisWeek div#surveyThisWeekInfo div.surveyBackground {
 background: #f2f4dc url(/shared/images/genre_dotline001.gif) top left repeat-x;
 padding:6px;
 }
div.surveyThisWeek div#surveyThisWeekInfo div.casterComment p {
 font:normal normal normal 100%/183% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }
div.surveyThisWeek div#surveyThisWeekInfo div.surveyBackground p {
 margin-bottom: 5px
 }

/* このテーマの背景・メンバーの意見を読む */
div.surveyThisWeek div.goMemberOpinions p {
 margin-left: 4px;
 margin-bottom: 2px;
 padding: 2px;
}

/*  ゲスト向け　メンバーになる・リーダーになる */
div.surveyThisWeek div.goMemberOpinions div.beMember {
 margin: 6px 0;
 background:#FFF; 
 border: 1px #5d6d46 solid;
 padding:4px;
 color: #5d6d46;
 font:normal normal normal 80%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

/* 002 ピックアップ */
/* ========================================================================================*/
 div.pickupContents {
 clear:both;
 border-top: 2px #9ba811 solid;
 margin-bottom:12px;
 padding:4px;
 }
div.pickupContents h2 {
 margin-bottom: 0.5em;
}
div.pickupContents h3 {
 font:normal normal bold 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div.pickupContents 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:6px;
}
div.pickupContents div.pickupInfo {
clear:both;
margin-bottom:6px;
}
div.pickupContents div#pickupImg {
 float:left;
 width:92px;
 margin-bottom:2px;
 border:1px #bfc3a1 solid;
}
div.pickupContents div#pickupLink {
 margin-left: 100px;
}
div.pickupContents div#pickupLink h4 {
 font:normal normal bold 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:6px;
}
div.pickupContents div#pickupLink p {
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

/* 003 From リポートデータベース */
/* ========================================================================================*/
 div.pickupReport {
 clear:both;
 border-top: 2px #29727f solid;
 margin-bottom:12px;
 padding-top:8px;
 }
div.pickupReport h2 {
 margin-left:6px;
 margin-bottom: 0.5em;
}
div.pickupReport h3 {
 font:normal normal bold 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

div.pickupReport div.pickupInfo {
clear:both;
margin-bottom:6px;
}
div.pickupReport div.pickupInfo h4 {
background:#e8e1be;
margin:0;
 font:normal normal bold 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 padding: 1px 2px;
}
div.pickupReport div.pickupInfo p {
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 padding: 1px 4px;
}


/* 004 TOPICS */
/* ========================================================================================*/
div.topicsRecently {
 border-top: 1px #4c4c4c solid;
 border-bottom: 1px #4c4c4c solid;
 background: #FFF;
 margin-bottom:12px;
 padding:4px;
 }
div.topicsRecently h2 {
 margin-top: 0.5em;
 margin-bottom: 0.5em;
}
div.topicsRecently h3 {
 font:normal normal bold 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:6px;
}
div.topicsRecently ul {
 padding-left:0.2em;
 list-style-image: url("/shared/images/ew_ic003o.gif");
}
div.topicsRecently ul li {
 margin-bottom:0.2em;
 font:normal normal normal 86%/100% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

/* 005 My Point of View */
/* ========================================================================================*/
div.PointView {
 color:#000;
 background: #FFF;
 margin-bottom:12px;
 border-top: solid 1px #20616f;
 border-bottom: solid 1px #20616f;
 padding-bottom:12px;
 }
div.PointView h2 {
 text-align:center;
 margin-top:0;
 margin-bottom:8px;
 padding-top:4px;  
}
div.PointView div.pickupInfo {
 clear:both;
 margin-bottom:4px;
}
div.PointView div.pickupInfo div#left {
 margin-left:6px;
}
div.PointView div.pickupInfo div#right {
 float:right;
 margin-right:4px;
}
div.PointView div.pickupInfo h3 {
 background:#f3eded;
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:6px;
 padding: 1px 4px;
 }
div.PointView div.pickupInfo div#left h4 {
 font:normal normal bold 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:6px;
 padding: 1px 4px;
 }
div.PointView div.pickupInfo div#left p {
 font:normal normal normal 86%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }
div.PointView div.pickupInfo img.faceImg {
 border:1px #cccccc solid;
 padding:0;
 margin-bottom:6px;
 }
 
/* 006 最近のサーベイ*/
/* ========================================================================================*/
div.surveyRecently {
 color:#000;
 background:#f5f6e7;
 margin-bottom:12px;
 border-top: solid 3px #c16131;
 border-bottom: solid 1px #c16131 ;
 }
div.surveyRecently h2 {
 margin-left:4px;
 margin-bottom:8px;  
 padding-top:4px;
}
div.surveyRecently p.link {
 font:normal normal normal 86%/100% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin: 12px 4px;
}


div.surveyRecently div.pickupInfo {
 clear:both;
 margin-bottom:4px;
}
div.surveyRecently div.pickupInfo div#left {
 margin-left:4px;
}
div.surveyRecently div.pickupInfo div#right {
 float:right;
 margin-right:4px;
}
div.surveyRecently div.pickupInfo h3 {
 background:#e8e1be;
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:6px;
 padding: 1px 4px;
 }
 div.surveyRecently div.pickupInfo h3 span.title {
 font:normal normal normal 86%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }
 
div.surveyRecently div.pickupInfo div#left h4 {
 font:normal normal bold 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:6px;
 padding: 1px 4px;
 }
div.surveyRecently div.pickupInfo div#left p {
 font:normal normal normal 86%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }

div.surveyRecently div.pickupInfo div#right img.faceImg {
 border:1px #cccccc solid;
 padding:0;
 margin-bottom:6px;
 }

/* 007 おすすめリンク*/
/* ========================================================================================*/
div.linkRecommend {
 color:#000;
 margin-bottom:12px;
 background:#FFF;
 padding:4px 4px 8px 4px;
 }
 div.linkRecommend h2 {
 margin-bottom:8px;  
 padding-top:4px;
}

div.linkRecommend div.pickupInfo {
 clear:both;
 margin-bottom:4px;
}
div.linkRecommend div.pickupInfo div#left {
 margin-left:4px;
}
div.linkRecommend div.pickupInfo div#right {
 float:right;
 margin-right:4px;
}
div.linkRecommend div.pickupInfo h4 {
 font:normal normal bold 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-left:4px;
 margin-bottom:6px;
 }
div.linkRecommend div.pickupInfo div#left p {
 font:normal normal normal 90%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:6px;
 }
div.linkRecommend div.noticeArea {
 border-top:#a2947e;
 padding:4px;
 font:normal normal normal 86%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

/* 008 バナー*/
/* ========================================================================================*/
div.bannerArea {
text-align:center;
margin-bottom:6px;
}




/* キャスターのプロフィール・関連情報 */

div.genreTopSurveyBlock div.surveyInfoBox {
 padding:4px;
 margin-bottom:10px;
 }
div.genreTopSurveyBlock div.surveyInfoBox h3 {
 margin-bottom:3px;
 margin-top:3px;
 background-color: #d5d7bf;
 padding: 2px 0 0 0;
 }
div.genreTopSurveyBlock div.surveyInfoBox p {
 /* margin-left:10px;
 margin-right:8px; */
 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.surveyInfoBox h4 {
 font:normal normal bold 100%/133% 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 bold 100%/133% 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 bold 94%/123% 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;
 }


table.casterInfo p.name {
 font-size:94%;
 line-height:123%;
 font-weight: bold;
 margin-bottom:6px;
 }
table.casterInfo p.title {
 font-size:94%;
 line-height:123%;
 font-weight: bold;
 margin-bottom:6px;
 }
 
 
/*  キャスター情報　book information  */
div.bookCover {
 float: right;
 margin: 0 8px 18px 18px;
}


div.bookInfo {
float: auto; 
 clear: both;
}

div.bookInfo dl.data {
 font:normal normal normal 100%/133% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-left:4px;
}
div.bookInfo dl.data dt {
 font-size: 100%;
 font-weight: bold;
 margin: 0 0 1em;
}
div.bookInfo dl.data dd.bookcover {
 display:inline;
}

div.bookInfo dl.data dd {
 font:normal normal normal 94%/123% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif; 
}

div.bookInfo dl.data dd.buy {
 margin: 0.5em 0;
}


div.arffiriate {
 background: #EBF6D4;
 border: 1px #99DA18 solid;
 /* padding: 8px; */
}
div.arffiriate h3.affiriate {
 margin: 0 0 0.5em 0;
 background: #99DA18; 
 padding: 4px 0 4px 10px;
}
div.arffiriate p {
padding: 0 1em 1em 1em;
line-height: 133%;

}