@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------*/

div#maincontent .item { border: 1px solid #C8C8C8; width: 455px; padding: 14px 14px 14px 129px; min-height: 100px; height: auto !important; height: 100px; position: relative; margin-bottom: 15px; }
div#maincontent .item .eyecatch { width: 100px; height: 100px; position: absolute; top: 15px; left: 15px; z-index: 100; }
div#maincontent .item .new { width: 39px; height: 39px; position: absolute; top: 15px; left: 15px; z-index: 110 }
div#maincontent .item .date { background: #414141; display: inline-block; vertical-align: bottom; *display: inline;
*zoom: 1;
margin: 0; padding: 6px 12px; font-size: 79%; font-family: Verdana, Geneva, sans-serif }
div#maincontent .item h3 { padding: 0; margin: 0; font-size: 135%; line-height: normal; font-weight: bold; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 6px 0; }
div#maincontent .item .bodytext { padding: 0; margin: 0; font-size: 79%; line-height: 160%; }
/*----------------------------------------------------*/

div#maincontent.energy .item .date { background: #2B838C }
div#maincontent.series .item .date { background: #F5784C }
div#maincontent.quiz .item .date { background: #398665 }
div#maincontent.scope .item .date { background: #8B5569 }
div#maincontent.contribution .item .date { background: #4F678B }
div#maincontent.cover .item .date { background: #2E7A9A }
div#maincontent.ec .item .date { background: #80A746 }
div#maincontent.safety .item .date { background: #2D68BD }
/*----------------------------------------------------*/

div#maincontent.energy a { color: #36AFBA; }
div#maincontent.energy .bodytext a { color: #414141; text-decoration:none; }
div#maincontent.energy .bodytext a:hover { border-bottom:#36AFBA 1px solid; }

div#maincontent.series a { color: #F58F6A; }
div#maincontent.series .bodytext a { color: #414141; text-decoration:none; }
div#maincontent.series .bodytext a:hover { border-bottom:#F58F6A 1px solid; }

div#maincontent.quiz a { color: #54B48A; }
div#maincontent.quiz .bodytext a { color: #414141; text-decoration:none; }
div#maincontent.quiz .bodytext a:hover { border-bottom:#54B48A 1px solid; }

div#maincontent.scope a { color: #BA869A; }
div#maincontent.scope .bodytext a { color: #414141; text-decoration:none; }
div#maincontent.scope .bodytext a:hover { border-bottom:#BA869A 1px solid; }

div#maincontent.contribution a { color: #6889BB; }
div#maincontent.contribution .bodytext a { color: #414141; text-decoration:none; }
div#maincontent.contribution .bodytext a:hover { border-bottom:#6889BB 1px solid; }

div#maincontent.cover a { color: #3AA3CF; }
div#maincontent.cover .bodytext a { color: #414141; text-decoration:none; }
div#maincontent.cover .bodytext a:hover { border-bottom:#3AA3CF 1px solid; }

div#maincontent.ec a { color: #80A746; }
div#maincontent.ec .bodytext a { color: #414141; text-decoration:none; }
div#maincontent.ec .bodytext a:hover { border-bottom:#80A746 1px solid; }

div#maincontent.safety a { color: #2D68BD; }
div#maincontent.safety .bodytext a { color: #414141; text-decoration:none; }
div#maincontent.safety .bodytext a:hover { border-bottom:#2D68BD 1px solid; }

div#maincontent.energy .item .date a { color: #FFFFFF; text-decoration:none; }
div#maincontent.series .item .date a { color: #FFFFFF; text-decoration:none; }
div#maincontent.quiz .item .date a { color: #FFFFFF; text-decoration:none; }
div#maincontent.scope .item .date a { color: #FFFFFF; text-decoration:none; }
div#maincontent.contribution .item .date a { color: #FFFFFF; text-decoration:none; }
div#maincontent.cover .item .date a { color: #FFFFFF; text-decoration:none; }
div#maincontent.ec .item .date a { color: #FFFFFF; text-decoration:none; }
div#maincontent.safety .item .date a { color: #FFFFFF; text-decoration:none; }

/*----------------------------------------------------*/

div#maincontent .item .date { color: #FFFFFF; }
div#maincontent .item .bodytext { color: #414141; }
/*Tabs----------------------------------------------------*/

div#maincontent .tabs { padding: 0; margin: 0; list-style: none; text-align: center; }
div#maincontent .tabs li { padding: 0; margin: 0; display: inline-block; vertical-align: bottom; *display: inline;
*zoom: 1;
text-align: center; width: 120px; background: #CBCBCB url(../../image/qside/bg_tab_off.gif) no-repeat top center; height: 33px; }
div#maincontent .tabs li a { display: block; padding-top: 10px; color: #FFFFFF; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
div#maincontent .tabs li.ka { background: #E84E51 url(../../image/qside/bg_tab.gif) no-repeat top center; }
div#maincontent .tabs li.ka a { text-shadow: -1px -1px 0 #5B2C32; }
div#maincontent .tabs li.sui { background: #2099C6 url(../../image/qside/bg_tab_hydro.gif) no-repeat top center; }
div#maincontent .tabs li.sui a { text-shadow: -1px -1px 0 #29446D; }
div#maincontent .tabs li.fu { background: #36C288 url(../../image/qside/bg_tab.gif) no-repeat top center; }
div#maincontent .tabs li.fu a { text-shadow: -1px -1px 0 #36602D; }
div#maincontent .tabs li.chi { background: #C59645 url(../../image/qside/bg_tab_geo.gif) no-repeat top center; }
div#maincontent .tabs li.chi a { text-shadow: -1px -1px 0 #42280D; }
div#maincontent .tabs li.tai { background: #FF9F41 url(../../image/qside/bg_tab.gif) no-repeat top center; }
div#maincontent .tabs li.tai a { text-shadow: -1px -1px 0 #D8770E; }
div#maincontent .border.ka { width: 600px; background: #E84E51 url(../../image/qside/bg_tab_border.gif) no-repeat bottom center; padding: 0; margin: 0; margin-bottom: 10px; height: 11px; }
div#maincontent .border.sui { width: 600px; background: #2099C6 url(../../image/qside/bg_tab_border_hydro.gif) no-repeat bottom center; padding: 0; margin: 0; margin-bottom: 10px; height: 11px; }
div#maincontent .border.fu { width: 600px; background: #36C288 url(../../image/qside/bg_tab_border.gif) no-repeat bottom center; padding: 0; margin: 0; margin-bottom: 10px; height: 11px; }
div#maincontent .border.chi { width: 600px; background: #C59645 url(../../image/qside/bg_tab_border_geo.gif) no-repeat bottom center; padding: 0; margin: 0; margin-bottom: 10px; height: 11px; }
div#maincontent .border.tai { width: 600px; background: #FF9F41 url(../../image/qside/bg_tab_border.gif) no-repeat bottom center; padding: 0; margin: 0; margin-bottom: 10px; height: 11px; }
/*Quiz----------------------------------------------------*/

div#maincontent.quiz .item.quiz { padding-left:14px; width:570px}
div#maincontent.quiz .item.quiz h3{ color:#54B48A;}
div#maincontent.quiz .item.quiz .picture{ margin:15px 0;}
div#maincontent.quiz .item.quiz .btns{ margin-bottom:0; text-align:right;}
div#maincontent.quiz p.question img { vertical-align: -14px; margin-right: 10px; }
div#maincontent.quiz p.other { text-align: right; }
div#maincontent.quiz .answer { border: 1px solid #C8C8C8; width: 570px; padding: 14px; position: relative; margin-bottom: 15px; }

/*EC----------------------------------------------------*/

div#maincontent.ec .item.ec { padding-left: 14px; width: 570px }
div#maincontent.ec .item.ec h3 { color: #80A746; }
div#maincontent.ec .item.ec .picture { margin: 15px 0; }
div#maincontent.ec .item.ec .btns { margin-bottom: 0; text-align: right; }
div#maincontent.ec p.question img { vertical-align: -14px; margin-right: 10px; }
div#maincontent.ec p.other { text-align: right; }
div#maincontent.ec .answer { border: 1px solid #C8C8C8; width: 570px; padding: 14px; position: relative; margin-bottom: 15px; }

div#maincontent.ec .item.ec .quiz3_h_1{ margin-top:-15px;}
div#maincontent.ec .item.ec .grid_quiz3_a{ width:570px;}
div#maincontent.ec .item.ec .quiz3_ph_1{ width:241px; float:right; margin-left:12px; margin-bottom:12px;}
div#maincontent.ec .item.ec .p_quiz_3{ line-height:180%;}
div#maincontent.ec .item.ec .quiz3_gr_2{ text-align:center;}

div#maincontent.ec .item.ec .grid { width:570px; margin-bottom:20px;}
div#maincontent.ec .item.ec .grid .photo {  width:229px; }
div#maincontent.ec .item.ec .grid .photo.fl{float:left;}
div#maincontent.ec .item.ec .grid .photo.fr{float:right;}
div#maincontent.ec .item.ec .center { text-align:center;}

div#maincontent.ec .item.ec .grid .text{ width:337px;}
div#maincontent.ec .item.ec .grid .text.fl { float:left}
div#maincontent.ec .item.ec .grid .text.fr { float:right}

div#maincontent.ec .item.ec .grid .text p { margin:0 0 1em;}


div#maincontent.ec .item.top {  border:none; padding:0 0 0 14px; width:586px;}
div#maincontent.ec .item.top h3{ background:#80A746; color:#FFFFFF; padding:6px; margin:0 0 20px 0;}
div#maincontent.ec .item.top .grid_a{ width:586px; margin-bottom:20px;}
div#maincontent.ec .item.top .grid_a .unit_1_2 { width:283px; float:left;}
div#maincontent.ec .item.top .grid_a .unit_2_2 { width:283px; float:right;}
div#maincontent.ec .item.top .grid_a .unit_2_2 p { margin:0 0 1em 0;}
div#maincontent.ec .item.top .btn{ background:#80A746; color:#FFFFFF;display: inline-block;vertical-align: middle; *display: inline;*zoom: 1;border-radius: 4px;-webkit-border-radius: 4px;margin:10px 0;}
div#maincontent.ec .item.top .btn a{ color: #FFFFFF;  padding:8px 16px; display:block; }
div#maincontent.ec .item.top .grid_a .unit_2_2 li{ white-space:nowrap; font-size:12px;}