@charset "utf-8";

/*--- html, body ---*/

html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0;
}

html {
	width: 100%;
	padding: 0;
    font: 100.1% 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
}

body {
	width: 96%;
	padding: 0 2%;
	background-color: #fff;
	color: #000;
	font: 100.1% 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	font-size: 80%;
    line-height: 1.4;
	text-align: center;
}
* html body {
	font-size: 12px;
}

a img {
  border: none;
}

/*-- 初期値のスタイル --*/
.ondes {
	color: #999;
	font-size:12px;
}

/*--- layout ---*/

div#layout {
	display: block;
	position: relative;
	min-width: 800px;
	max-width: 1000px;
	width: auto;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}


* html div#layout {
	width: 800px;
}

/*--- header ---*/

div#header {
	display: block;
	width: 986px;
	height: 148px;
	margin: 0;
	padding: 0 7px;
	background: #fff;
}
* html div#header {
	width: 780px;
}

#logo {
    display: block;
    height: 95px;
    left: 7px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 195px;
}

#slogan {
    color: #707070;
    display: block;
    font-size: 85%;
    left: 210px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 25px;
    width: 390px;
}

#slogan img {
    margin: 0 0 0 5px;
    vertical-align: top;
}

#search_section {
    background-image: url("../img/lupe.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 26px;
    left: 15px;
    margin: 0;
    padding: 0 0 0 30px;
    position: absolute;
    top: 100px;
    vertical-align: top;
    width: 220px;
}


#header_banner {
    display: block;
    height: 90px;
    position: absolute;
    left: 262px;
    text-align: right;
    top: 48px;
    width: 730px;
}

div#header h1 {
	float: left;
	width: 230px;
	height: 95px;
	margin: 0;
	padding: 0;
}
div#header h1 img {
	border: 0;
}

div#header div#header_navi {
	min-width: 550px;
	max-width: 750px;
	width: auto;
	margin: 0 0 0 235px;
	padding: 0;
	height:110px;
}
* html div#header_navi {
	width: 550px;
}

div#header div#header_navi div.hn_cols {
	height: 29px;
	margin: 0 0 2px;
	padding: 0;
}

div#header_navi div#copy {
	float: left;
	width: 315px;
	height: 20px;
	margin: 0 0 3px;
	padding: 5px 0 0;
}

/************************************************/
/*Updatel data*/

div#header_navi div#search_section {
	float: right;
	margin: 0;
	padding: 3px 0;
	position: relative; 
}
div#search_section input#search {
}
div#search_section input#search_btn {
}
div#search_section input{
	margin: 0;
	padding: 0;
	height: 15px;
}
div#search_section input#search_kiji,
div#search_section input#search_kininaru {
	vertical-align:middle;
}

/************************************************/

/************************************************
Original data

div#header_navi div#search_section {
	float: right;
	width: 200px;
	margin: 0;
	padding: 3px 0 0;
}

div#search_section input#search {
	width: 145px;
	height: 17px;
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
}
div#search_section input#search_btn {
	width: 33px;
	height: 19px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 19px;
}
************************************************/

div#header_navi ul#header_menu {
	list-style: none none outside;
	height: 36px;
	margin: 0 0 2px;
	padding: 0;
}

div#header_navi ul#header_menu li {
	float: left;
	display: list-item;
	position: relative;
	width: 85px;
	height: 36px;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: center;
}
div#header_navi ul#header_menu li span {
	visibility: hidden;
	font-size: 1px;
	letter-spacing: -1px;
}

div#header_navi ul#header_menu li a {
	display: block;
	width: 85px;
	height: 36px;
	text-decoration: none;
	background-position: left top;
	background-repeat: no-repeat;
}

ul#header_menu li a:link.politics,
ul#header_menu li a:visited.politics,
ul#header_menu li a:active.politics {
	background-image: url(../img/menu_politics.png);
}

ul#header_menu li a:hover.politics,
ul#header_menu li.now a.politics {
	background-image: url(../img/menu_politics_on.png);
}

ul#header_menu li a:link.gourmet,
ul#header_menu li a:visited.gourmet,
ul#header_menu li a:active.gourmet {
	background-image: url(../img/menu_gourmet.png);
}

ul#header_menu li a:hover.gourmet,
ul#header_menu li.now a.gourmet {
	background-image: url(../img/menu_gourmet_on.png);
}

ul#header_menu li a:link.culture,
ul#header_menu li a:visited.culture,
ul#header_menu li a:active.culture {
	background-image: url(../img/menu_culture.png);
}

ul#header_menu li a:hover.culture,
ul#header_menu li.now a.culture {
	background-image: url(../img/menu_culture_on.png);
}

ul#header_menu li a:link.education,
ul#header_menu li a:visited.education,
ul#header_menu li a:active.education {
	background-image: url(../img/menu_education.png);
}

ul#header_menu li a:hover.education,
ul#header_menu li.now a.education {
	background-image: url(../img/menu_education_on.png);
}

ul#header_menu li a:link.life,
ul#header_menu li a:visited.life,
ul#header_menu li a:active.life {
	background-image: url(../img/menu_life.png);
}

ul#header_menu li a:hover.life,
ul#header_menu li.now a.life {
	background-image: url(../img/menu_life_on.png);
}

ul#header_menu li a:link.interview,
ul#header_menu li a:visited.interview,
ul#header_menu li a:active.interview {
	background-image: url(../img/menu_interview.png);
}

ul#header_menu li a:hover.interview,
ul#header_menu li.now a.interview {
	background-image: url(../img/menu_interview_on.png);
}

div#header_navi div#welcome {
	margin: 0 140px 0 0;
	padding: 0;
	font-size: 10px;
	line-height: 19px;
	text-align: right;
}
* html div#header_navi div#welcome {
	font-size: 9px;
}
div#header_navi div#welcome_logout {
	margin: 0 76px 0 0;
	padding: 0;
	font-size: 10px;
	line-height: 19px;
	text-align: right;
}
* html div#header_navi div#welcome_logout {
	font-size: 9px;
}


div#header_navi div#login {
	float: right;
	width: 134px;
	height: 19x;
	background-image: url(../img/common/header/login.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: center;
}
div#header_navi div#login a {
	display: block;
	height: 19px;
	text-decoration: none;
}

div#header_navi div#login a span {
	visibility: hidden;
	font-size: 1px;
	letter-spacing: -1px;
}

div#header_navi div#logout {
	float: right;
	width: 67px;
	height: 19x;
	background-image: url(../img/common/header/logout.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: center;
}
div#header_navi div#logout a {
	display: block;
	height: 19px;
	text-decoration: none;
}

div#header_navi div#logout a span {
	visibility: hidden;
	font-size: 1px;
	letter-spacing: -1px;
}



/*--- contents ---*/

div#contents {
	clear: both;
	display: block;
	position: relative;
	/* min-width: 750px; */
	/* max-width: 920px; */
	width:920px;
	height: auto;
	margin: 0;
	padding: 15px 40px 30px;
	background-color: #fff;
}
* html div#contents {
	width: 760px;
	padding: 5px 20px 30px;
}

div#contents div#news {
	display: block;
	position: relative;	
	margin: 0;
	padding: 0 0 0 50px;
	font-size: 12px;
	line-height: 20px;
	background: url(images/marker_header_news-trans.png) no-repeat left center;
}

div#contents div#news img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

div#contents div#news a {
	color: #0063c0;
	text-decoration: none;
}
div#contents div#news a:hover {
	text-decoration: underline;
}

div#contents div#r_column {
	float: right;
	display: block;
	position: relative;
	width: 249px;
	height: auto;
	margin: 0 0 0 5px;
	padding: 0;	
}
body#question_list div#contents div#r_column {
	padding: 8px 0 0;
}

div#contents div#l_column {
	display: block;
	position: relative;
	height: auto;
	padding: 0;
    /* 2017-08-23 関連記事対応のため変更*/
    /*margin: 0 265px 0 0;*/
    width: 650px;
    margin: 0;
    float: left;
}
* html div#contents div#l_column {
	margin: 0 255px 0 0;
}

.container {
	display: block;
	position: relative;
	margin: 0 4px;
	empty-cells: show;
}


/* r_column */

/* Question 横浜のココがキニナル */

div#kininaru {
	display: block;
	position: relative;
	width: 249px;
	height: auto;
	margin: 0 0 15px;
	padding: 0 0 4px;
	background-color: #333;
}

div#kininaru h2 {
	display: block;
	position: relative;
	height: 35px;
	margin: 0;
	padding: 0;
}
* html div#kininaru h2 span {
	display: none;
}

div#kininaru div.container {
	width: 241px;
	padding: 0;
	background-color: #fff;
}
* html div#kininaru div.container {
	margin-top: -1px;
}

div#kininaru div#contribution {
	width: 219px;
	margin: 0 5px 10px;
	padding: 6px;
	background-color: #fdfad9;
	font-size: 0.7em;
}
* html div#kininaru div#contribution {
	font-size: 10px;
	line-height: 15px;
}

div#kininaru div#contribution textarea {
	width: 210px;
	height: 60px;
	margin: 5px 0;
	padding: 2px;
	color: #333;
	font-size: 10px;
	line-height: 15px;
}
div#kininaru div#contribution input.contribution_btn {
	margin: 5px 0 0 56px;
}

div#kininaru div#kininaru_list {
	width: 241px;
	margin: 0;
	padding: 0 0 10px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 0.7em;
}
* html div#kininaru div#kininaru_list {
	padding: 35px 0 10px;
	font-size: 10px;
	line-height: 12px;
}

div#kininaru div#kininaru_list div.q {
	height: auto;
	margin: 10px 0 0;
	padding: 0 0 5px;
	border-bottom: 1px solid #98acc0;
}
div#kininaru div#kininaru_list .q_icon {
	float: left;
	width: 40px;
	margin: 0 0 0 5px;
}
div#kininaru div#kininaru_list .q_icon img{
    max-width:35px; 
    max-height:35px;
}
div#kininaru div#kininaru_list .q_txt {
	margin: 0 0 0 50px;
	padding: 0 10px 0 0;
	word-wrap: break-word;
}
div#kininaru div#kininaru_list .q_name {
	margin: 0 0 0 50px;
	padding: 0 10px 0 0;
	color: #666;
}

div#kininaru div#kininaru_footer {
	width: 241px;
	height: 26px;
	margin: 0;
	padding: 0 0 5px;
}
div#kininaru div#kininaru_footer a {
	display: block;
	width: 182px;
	height: 21px;
	margin: 0 0 0 29px;
	padding: 0;
	background-image: url(../img/common/kininaru/more_btn.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-decoration: none;
}
div#kininaru div#kininaru_footer a span {
	visibility: hidden;
	font-size: 1px;
	line-height: 21px;
	letter-spacing: -1px;
}

/* デカ盛り */

div#side_banner_a {
	display: block;
	position: relative;
	margin: 0 0 15px;
	padding: 0;
}
div#side_banner_a img {
	border: 0;
}

div#side_banner_b {
	display: block;
	position: relative;
	margin: 0 0 15px;
	padding: 0;
}
div#side_banner_b img {
	border: 0;
}
/* 情報求む！ */

div#wanted {
	display: block;
	position: relative;
	width: 249px;
	height: auto;
	margin: 0 0 15px;
	padding: 0 0 3px;
	background-image: url(../img/common/wanted/wanted_bg.png);
}

div#wanted h2 {
	display: block;
	position: relative;
	height: 35px;
	margin: 0;
	padding: 0;
}

div#wanted ul {
	list-style: square none outside;
	display: block;
	position: relative;
	margin: 0 3px;
	padding: 4px 4px 4px 24px;
	background-color: #e9f5f9;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
* html div#wanted ul {
	margin-top: -1px;
}
div#wanted ul li {
	display: list-item;
	position: relative;
	margin: 0 0 5px;
	padding: 0;
	/*color: #;*/
	font-size: 0.7em;
}
* html div#wanted ul li {
	font-size: 10px;
}

div#wanted ul li a:link,
div#wanted ul li a:visited,
div#wanted ul li a:active {
	color: #0063C0;
}
div#wanted ul li a:hover {
	color: #ff1b15;
}
div#wanted ul li a span {
	color: #ff1b15;
}

/* あなたはどう思う？ */


/* アクセスランキング */

div#ranking h2 {
	display: block;
	position: relative;
	height: 21px;
	margin: 0;
	padding: 0;
}

div#ranking dl {
	display: block;
	position: relative;
	padding: 5px;
	margin: 0 1px;
	background-color: #fff;
}
* html div#ranking dl {
	margin-top: -1px;
}

div#ranking dl dt {
	float: left;
	display: display;
	width: 45px;
	height: 13px;
	background-position: left middle;
	background-repeat: no-repeat;
	padding: 0;
	text-align: right;
	line-height: 13px;
	vertical-align: middle;	
}
div#ranking dl dt span {
	visibility: hidden;
	font-size: 1px;
	letter-spacing: -1px;
}

div#ranking dl dt.rank1 {
	background-image: url(../img/common/access_ranking/rank_1st.png);
}
div#ranking dl dt.rank2 {
	background-image: url(../img/common/access_ranking/rank_2nd.png);
}
div#ranking dl dt.rank3 {
	background-image: url(../img/common/access_ranking/rank_3rd.png);
}
div#ranking dl dt.rank4 {
	background-image: url(../img/common/access_ranking/rank_4th.png);
}
div#ranking dl dt.rank5 {
	background-image: url(../img/common/access_ranking/rank_5th.png);
}
div#ranking dl dt.rank6 {
	background-image: url(../img/common/access_ranking/rank_6th.png);
}
div#ranking dl dt.rank7 {
	background-image: url(../img/common/access_ranking/rank_7th.png);
}
div#ranking dl dt.rank8 {
	background-image: url(../img/common/access_ranking/rank_8th.png);
}
div#ranking dl dt.rank9 {
	background-image: url(../img/common/access_ranking/rank_9th.png);
}
div#ranking dl dt.rank10 {
	background-image: url(../img/common/access_ranking/rank_10th.png);
}


/* twitter */

div#twitter {
	display: block;
	position: relative;	
	padding: 0;
}


/* l_column */

/* 左メインコンテンツ共有 */

div#l_column img {
	max-width: 600px;
}

/* 全ジャンル */
div#l_column div.answer,
div#l_column div.osusume {
	display: block;
	position: relative;
	min-width: 460px;
	max-width: 660px;
	width: auto;
	height: auto;
	margin: 10px 0 10px;
	padding: 0 0 4px;
	background-color: #333;
	background-image: url(../img/a_head_right_b.png);
	background-position: right top;
	background-repeat: no-repeat;
}

div#l_column div.answer h2,
div#l_column div.osusume h2 {
	display: block;
	position: relative;
	width: auto;
/*	height: 35px; */
	font-size: 0px;
	margin: 0;
	padding: 0 0 0 4px;
	background-image: url(../img/a_head_left_b.png);
	background-position: left top;
	background-repeat: no-repeat;
}

/* 解説 */

div#l_column div.explain {
	display: block;
	position: relative;
	min-width: 460px;
	max-width: 660px;
	width: auto;
	height: auto;
	margin: 0 0 20px;
	padding: 4px 0;
	background-color: #333;
	font-size: 0.8em;
}

* html div#l_column div.answer,
* html div#l_column div.osusume,
* html div#l_column div.explain {
	width: 500px;
	font-size: 12px;
}

/* 政治経済 */

body#category01 div#l_column div.answer {
	background-image: url(../img/a_head_right_p.png);
	background-color: #2b9f9e;
}

body#category01 div#l_column div.answer h2 {
	background-image: url(../img/a_head_left_p.png);
}

body#category01 div#l_column div.explain {
	background-color: #2b9f9e;
}


/* グルメ */

body#category02 div#l_column div.answer {
	background-image: url(../img/a_head_right_g.png);
	background-color: #dc690e;
}

body#category02 div#l_column div.answer h2 {
	background-image: url(../img/a_head_left_g.png);
}

body#category02 div#l_column div.explain {
	background-color: #dc690e;
}

/* 娯楽・文化 */

body#category03 div#l_column div.answer {
	background-image: url(../img/a_head_right_c.png);
	background-color: #cf3567;
}

body#category03 div#l_column div.answer h2 {
	background-image: url(../img/a_head_left_c.png);
}

body#category03 div#l_column div.explain {
	background-color: #cf3567;
}

/* 教育・育児 */

body#category04 div#l_column div.answer {
	background-image: url(../img/a_head_right_e.png);
	background-color: #79a228;
}

body#category04 div#l_column div.answer h2 {
	background-image: url(../img/a_head_left_e.png);
}

body#category04 div#l_column div.explain {
	background-color: #79a228;
}

/* 生活・健康 */

body#category05 div#l_column div.answer {
	background-image: url(../img/a_head_right_l.png);
	background-color: #8c57c3;
}

body#category05 div#l_column div.answer h2 {
	background-image: url(../img/a_head_left_l.png);
}

body#category05 div#l_column div.explain {
	background-color: #8c57c3;
}

/* インタビュー */

body#category06 div#l_column div.answer {
	background-image: url(../img/a_head_right_i.png);
	background-color: #3a83f2;
}

body#category06 div#l_column div.answer h2 {
	background-image: url(../img/a_head_left_i.png);
}

body#category06 div#l_column div.explain {
	background-color: #3a83f2;
}



/* container ul */

div#l_column ul.container {
	list-style: none none outside;
	width: auto;
	height: auto;
	padding: 5px 10px;
	background-color: #fff;
}

div#l_column ul.container li {
	display: list-item;
	position: relative;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #98acc0;
}

/* container div */

div#l_column div.container {
	width: auto;
	height: auto;
	padding: 5px ;
	background-color: #fff;
}


/* Answer みんなのキニナルを調べてみた */

div#l_column div.kininaru ul li {
	min-height: 70px;
	padding: 10px 10px 5px;
}
* html div#l_column div.kininaru ul li {
	height: 70px;
}

div#l_column div.kininaru ul li.a_top {
	min-height: 145px;
}
* html div#l_column div.kininaru ul li.a_top {
	height: 145px;
}

div#l_column div.kininaru ul li.a_navi {
	min-height: 23px;
}
* html div#l_column div.kininaru ul li.a_navi {
	height: 23px;
}

div#l_column div.kininaru ul li div.a_center {
	text-align: center;
	margin-bottom:5px;
}

div#l_column div.kininaru ul li div.a_left {
	float: left;
	display: block;
	position: relative;
	width: 55px;
	height: auto;
	margin: 0;
	padding: 0;
}

div#l_column div.kininaru ul li div.a_left p {
	margin: 0 0 5px;
	padding: 0;
}
div#l_column div.kininaru ul li div.a_left p.a_img img {
	width: 52px;
}
div#l_column div.kininaru ul li.a_top div.a_left p.a_img img {
	width: 140px;
}

div#l_column div.kininaru ul li div.a_right {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 60px;
	padding: 0;
}
div#l_column div.kininaru ul li.a_top div.a_right {
	margin: 0 0 0 155px;
}

div#l_column div.kininaru ul li.a_top div.a_right p {
	margin: 0 0 3px;
	padding: 0;
}

div#l_column div.kininaru div.a_right h3 {
	margin: 0 0 3px;
	padding: 0;
	color: #0063C0;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
}
* html div#l_column div.kininaru div.a_right h3 {
	font-size: 20px;
}

div#l_column div.kininaru li.a_top div.a_right h3 {
	/*font-size: 1.8em;*/
	font-size: 1.5em;
	line-height: 1.2em;
}
* html div#l_column div.kininaru li.a_top div.a_right h3 {
	font-size: 24px;
}

div#l_column div.kininaru div.a_right p.a_new {
	color: #f00;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 0.8em;
}
* html div#l_column div.kininaru div.a_right p.a_new {
	font-size: 11px;
	line-height: 11px;
}

div#l_column div.kininaru div.a_right p.a_new span {
	padding: 2px;
	background-color: #ff0;
}

div#l_column div.kininaru div.a_right p.a_date {
	margin: 0;
	text-align: right;
}

div.kininaru ul.container li a:link,
div.kininaru ul.container li a:visited,
div.kininaru ul.container li a:active {
	color: #0063C0;
	text-decoration: none;
}
div.kininaru ul.container li a:hover {
	color: #ff1b15;
	text-decoration: none;
}


/* 調査結果設定 */

div#headline p.top_img {
	float: left;
	display: block;
	position: relative;
	margin: 0 15px 15px 0;
	padding: 0;
	background-color: #fff;	
}
div#headline p.top_img img {
	width: 75px;
	height: 75px;
}

div#headline h3.h3_kininaru {
	display: block;
	position: relative;
	width: auto;
	height: 24px;
	margin: 0 0 20px 90px;
	padding: 0 90px 0 0;
	background-image: url(../img/category_kininaru_bg.png);
	text-align: center;
}

div#headline p.question {
	display: block;
	position: relative;
	margin: 0 0 10px 90px;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
}

div#headline div.result {
	clear: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 10px;
	background-color: #f6f6f6;
	border: 1px solid #969696;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
}

div#headline div.result h3 {
	display: block;
	position: absolute;
	top: -14px;
	left: 0;
	width: 100%;
	height: 21px;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#headline div.result p {
	display: block;
	position: relative;
	margin: 0;
	padding: 15px 10px 5px;
}
body#category01 div#headline div.result p {
	color: #2b9f9e;
}
body#category02 div#headline div.result p {
	color: #dc690e;
}
body#category03 div#headline div.result p {
	color: #cf3567;
}
body#category04 div#headline div.result p {
	color: #79a228;
}
body#category05 div#headline div.result p {
	color: #8c57c3;
}
body#category06 div#headline div.result p {
	color: #3a83f2;
}


/* 解説記事設定 */

div.explain p.writer {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0 10px;
	font-size: 1em;
	text-align: right;
}
* html div.explain p.writer {
	font-size: 10px;
}


div.explain h4 {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0 10px;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5em;
}

div.explain p {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0 10px 0 10px;
	font-size: 1.1em;
	line-height: 1.5em;
}

div.explain p.img {
	margin: 0 20px 20px 0;
	padding: 0;
	color: #0063C0;
	text-align: center;
}
div.explain div.img_float {
	margin: 20px;
	text-align: center;
}
div.explain div.img_float p {
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	position: relative;
}

div.explain .a_navi {
	display: block;
	position: relative;
	margin: 10px 0;
	padding: 0;
}

/* 過去アンケート一覧 */
body#enquete_list div#l_column div.question_list li.enquete_h3 {
	border: 0;
}
body#enquete_list div#l_column div.question_list {
	background-image: url(../img/a_head_right_b.png);
}
body#enquete_list div#l_column div.question_list h2 {
	height: 35px;
	background-image: url(../img/a_head_left_b.png);
}
body#enquete_list div#l_column div.question_list li {
	min-height: 115px;
}
* html body#enquete_list div#l_column div.question_list li {
	height: 115px;
}
body#enquete_list div#l_column div.question_list li.a_navi {
	min-height: 23px;
	height: 23px;
}
body#enquete_list div#l_column div.question_list li.a_navi a {
	text-decoration: none;
}
body#enquete_list div#l_column div.question_list li.enquete_h3 {
	min-height: 1.6em;
	height: 1.6em;
	padding: 10px 10px 20px;
}
body#enquete_list div#l_column div.question_list li.enquete_h3 h3 {
	display: block;
	position: relative;
	height: 1.6em;
	margin: 0;
	padding: 0 0 0 5px;
	border-bottom: 2px solid #5cab0e;
	color: #5cab0e;
	font-size: 1.3em;
	line-height: 1.6em;
}
body#enquete_list div#l_column div.question_list2 ul.container li {
	line-height: 2.0em;
}
/*
div#l_column div.enqueteList ul.container p {
	margin: 0 10 10px;
}

div#l_column div.enqueteList ul.container li {
	min-height: 50px;
	padding: 10px 10px 10px;
}*/
/* キニナル一覧 */

div#l_column div.q_kininaru div#contribution {
	width: auto;
	margin: 0;
	padding: 10px;
	background-color: #fdfad9;
}

div#l_column div.q_kininaru div#contribution p {
	margin: 0 0 10px;
}

div#l_column div.q_kininaru div#contribution textarea {
	width: 95%;
	height: 60px;
	margin: 0;
	padding: 2px;
	color: #333;
	font-size: 10px;
	line-height: 15px;
}

* html div#l_column div.q_kininaru div#contribution textarea {
	width: 450px;
}

div#l_column div.q_kininaru div#contribution p.sansho {
	float: left;
	width: 150px;
}
div#l_column div.q_kininaru div#contribution p.toukou {
	margin: 0 0 0 160px;
	text-align: right;
}


div#l_column div.question_list {
	display: block;
	position: relative;
	min-width: 460px;
	max-width: 660px;
	width: auto;
	height: auto;
	margin: 0 0 20px;
	padding: 0 0 4px;
	background-color: #333;
	background-image: url(../img/a_head_right_q.png);
	background-position: right top;
	background-repeat: no-repeat;
	font-size: 0.8em;
	line-height: 1.2em;
}
* html div#l_column div.question_list {
	width: 500px;
	font-size: 12px;
	line-height: 18px;
}

div#l_column div.question_list ul.container li {
	min-height: 80px;
	padding: 10px 10px 5px;
}
* html div#l_column div.question_list ul.container li {
	height: 80px;
}

div#l_column div.question_list ul.container li.a_navi {
	min-height: 23px;
}
* html div#l_column div.question_list ul.container li.a_navi {
	height: 23px;
}


div#l_column div.question_list h2 {
	display: block;
	position: relative;
	width: auto;
	height: 29px;
	margin: 0;
	padding: 0 0 0 4px;
	background-image: url(../img/a_head_left_q.png);
	background-position: left top;
	background-repeat: no-repeat;
}


div#l_column div.question_list h2 div.a_question {
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

div#l_column div.question_list h2 div.investigate_navi {
	display: block;
	position: relative;
	height: 16px;
	margin: 0 0 0 200px;
	padding: 3px 7px 0 0;
	text-align: right;
}
* html div#l_column div.question_list h2 div.investigate_navi {
	padding: 6px 7px 0 0;
}

div#l_column div.question_list h2 div.investigate_navi p {
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	position: relative;
	height: 16px;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 8px;
	font-weight: normal;
	line-height: 16px;
	text-align: center;
}

div.investigate_navi p a {
	display: block;
	height: 16px;
	text-decoration: none;
	background-position: center center;
	background-repeat: no-repeat;
}

div.investigate_navi p a.in_all {
	width: 69px;
	background-image: url(../img/q_btn_all.png);
}
div.investigate_navi p a.in_all:hover,
div.investigate_navi p.now a.in_all {
	background-image: url(../img/q_btn_all_on.png);
}

div.investigate_navi p a.in_investigate {
	width: 70px;
	background-image: url(../img/q_btn_investigate.png);
}
div.investigate_navi p a.in_investigate:hover,
div.investigate_navi p.now a.in_investigate {
	background-image: url(../img/q_btn_investigate_on.png);
}

div.investigate_navi p a.in_investigated {
	width: 78px;
	background-image: url(../img/q_btn_investigated.png);
}
div.investigate_navi p a.in_investigated:hover,
div.investigate_navi p.now a.in_investigated {
	background-image: url(../img/q_btn_investigated_on.png);
}

div.investigate_navi p a span {
	visibility: hidden;
}


div.question_list div.kininaru_frame {
	float: right;
	display: block;
	position: relative;
	width: 99px;
	height: auto;
	margin: 0;
	padding: 10px 5px;
	background-color: #fffeee;
	border: 1px solid #fac36e;
}

div.question_list div.kininaru_frame p {
	display: block;
	position: relative;
	margin: 0 0 5px;
	padding: 0;
	text-align: center;
}

div.question_list div.kininaru_frame p.kininaru_point {
	color: #fe5a00;
	font-size: 1.8em;
	line-height: 0.9em;
}

div.question_list div.kininaru_frame img {
	vertical-align: bottom;
}


div.question_list div.q_main {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 120px 0 0;
	padding: 0;
}

div.question_list div.q_main div.q_main_left {
	float: left;
	display: block;
	position: relative;
	width:85px;
	height:auto;
	margin: 0;
	padding: 0;
}
div.question_list div.q_main div.q_main_left img {
    max-width:70px;
    max-height:70px;
	margin: 0;
	padding: 0;
	border: 0px solid #999;
}
div.question_list div.q_main div.q_main_right {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 90px;
}
div.question_list div.q_main div.q_main_right p {
	display: block;
	position: relative;
	margin: 0 0 5px;
	padding: 0;
}

div.question_list div.q_main div.q_main_right p.q_investigate a {
	color: #ff1b15;
	text-decoration: underline;
}
div.question_list div.q_main div.q_main_right p.q_investigate a:hover {
	color: #0063c0;
}

div.question_list div.q_main div.q_main_right p.q_txt {
	word-wrap: break-word;
}

div.question_list div.q_main div.q_main_right p.q_txt img {
	margin: 0 5px 5px 0;
	border: 0;
}

div.question_list div.q_main div.q_main_right p.q_txt a.thickbox img {
	margin-top: 30px;
	max-width: 370px !important;
}

div.question_list div.q_main div.q_main_right p.q_note {
	margin: 0;
	text-align: right;
}

div.question_list div.q_main div.q_main_right p.q_note span {
	margin: 0 0 0 10px;
}
div.question_list div.q_main div.q_main_right p.q_note a.nickname_link {
	text-decoration: none;
}

div.question_list div.q_main div.q_main_right p.q_note a.date_link {
	text-decoration: none;
	color: #666;
}
div.question_list div.q_main div.q_main_right p.q_note span.name {
	color: #390;
}
div.question_list div.q_main div.q_main_right p.q_note span.date {
	color: #666;
}


/* マイページ */

body#mypage div#l_column div.question_list {
	background-image: url(../img/a_head_right_b.png);
}

body#mypage div#l_column div.question_list h2 {
	height: 35px;
	background-image: url(../img/a_head_left_b.png);
}

body#mypage div#l_column div.question_list li {
	overflow: hidden;
	zoom: 1;
}
* html body#mypage div#l_column div.question_list li {
	height: 115px;
}

body#mypage div#l_column div.question_list li.a_navi {
	min-height: 23px;
	height: 23px;
}
body#mypage div#l_column div.question_list li.a_navi a {
	text-decoration: none;
}

body#mypage div#l_column div.question_list li#profile {
	text-align: center;
}
body#mypage div#l_column div.question_list li#profile a {
	color: #0063c0;
	text-decoration: underline;
}
body#mypage div#l_column div.question_list li#profile a:hover {
	color: #ff1b15;
}

body#mypage div#l_column div.question_list li#profile div {
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	position: relative;
	vertical-align: middle;
}

body#mypage div#l_column div.question_list li#profile div.profile_left {
	margin: 0 10px 0 0;
}

body#mypage div#l_column div.question_list li#profile div.profile_left p {
	margin: 0 0 5px;
	text-align: center;
}
body#mypage div#l_column div.question_list li#profile div.profile_left p img {
	border: 0;
}

body#mypage div#l_column div.question_list li#profile div.profile_right p {
	text-align: left;
}

.member_menu {
	font-size: 1em !important;
}

body#mypage div#l_column div.question_list li#profile div.profile_right p.m_name {
	margin: 0 0 10px;
	font-size: 1.3em;
	font-weight:700;
}
body#mypage div#l_column div.question_list li#profile div.profile_right p.m_link {
	margin: 0 0 5px;
}

body#mypage div#l_column div.question_list li#profile,
body#mypage div#l_column div.question_list li#mypage_enquete,
body#mypage div#l_column div.question_list li.mypage_h3 {
	border: 0;
}

body#mypage div#l_column div.question_list li#mypage_enquete div {
	width: auto;
	margin: 0;
	padding: 10px 20px;
	background-color: #fdfad9;
}

body#mypage div#l_column div.question_list li#mypage_enquete div p {
	margin: 0 0 5px;
}
body#mypage div#l_column div.question_list li#mypage_enquete div p.shinchaku {
	color: #ff1b15;
	font-weight: bold;
}
body#mypage div#l_column div.question_list li#mypage_enquete div p a {
	color: #0063c0;
	text-decoration: underline;
}
body#mypage div#l_column div.question_list li#mypage_enquete div p a:hover {
	color: #ff1b15;
}

body#mypage div#l_column div.question_list li.mypage_h3 {
	min-height: 1.6em;
	height: 1.6em;
	padding: 10px 0px 20px;
}

body#mypage div#l_column div.question_list li.mypage_h3 h3 {
	display: block;
	position: relative;
	height: 1.6em;
	margin: 0;
	padding: 0 0 0 5px;
	border-bottom: 2px solid #5cab0e;
	color: #5cab0e;
	font-size: 1.3em;
	line-height: 1.6em;
}

body#mypage div.question_list div.kininaru_frame {
	float: right;
	display: block;
	position: relative;
	width: 99px;
	height: auto;
	margin: 0;
	padding: 10px 5px;
	background-color: #fffeee;
	border: 1px solid #fac36e;
}

body#mypage div.question_list div.kininaru_frame p {
	display: block;
	position: relative;
	margin: 0 0 5px;
	padding: 30px 0;
	text-align: center;
}

body#mypage div.question_list div.kininaru_frame p.kininaru_point {
	color: #fe5a00;
	font-size: 1.8em;
	line-height: 0.9em;
}

body#mypage div.question_list div.kininaru_frame img {
	vertical-align: bottom;
}

body#mypage div.question_list div.q_main p.q_investigate {
	margin: 0 0 5px;
}

body#mypage div.question_list div.q_main p.q_investigate a {
	color: #ff1b15;
	text-decoration: underline;
}
body#mypage div.question_list div.q_main p.q_investigate a:hover {
	color: #0063c0;
}


body#mypage div.question_list div.q_main p.q_txt {
	word-wrap: break-word;
}

body#mypage div.question_list div.q_main p.q_txt img {
	margin: 0 5px 5px 0;
	border: 0;
}

body#mypage div.question_list div.q_main p.q_note {
	margin: 0;
	text-align: right;
}

body#mypage div.question_list div.q_main p.q_note span {
	margin: 0 0 0 10px;
}
body#mypage div.question_list div.q_main p.q_note span.name {
	color: #390;
}
body#mypage div.question_list div.q_main p.q_note span.date {
	color: #666;
}


body#mypage div.profile_settings div.container {
	padding: 5px 20px;
}

body#mypage div.profile_settings div.container p {
	margin: 0 0 10px;
	line-height: 1.2em;
}

body#mypage div.profile_settings p.notice {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em;
}

body#mypage div.profile_settings p.input_txt input {
	width: 60%;
}

body#mypage div.profile_settings p.submit {
	text-align: center;
}

body#mypage div.profile_settings p.submit input {
	margin: 0 5px 0 0;
}

body#mypage div.profile_settings p span.g {
	color: #5cab0e;
}
body#mypage div.profile_settings p span.b {
	font-weight: bold;
}


/* ライター紹介 */

div#l_column div.writer_list ul li {
	min-height: 100px;
	padding: 10px 10px 5px;
}
* html div#l_column div.writer_list ul li {
	height: 100px;
}

div#l_column div.writer_list ul li div.w_left {
	float: left;
	display: block;
	position: relative;
	width: 90px;
	height: auto;
	margin: 0;
	padding: 0;
}

div#l_column div.writer_list ul li div.w_left img {
	width: 90px;
	height: 90px;
	border: 0;
}


div#l_column div.writer_list ul li div.w_right {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 0 100px;
	padding: 0;
}

div#l_column div.writer_list ul li div.w_right p {
	display: block;
	position: relative;
	margin: 0 0 5px;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.4em;
}
* html div#l_column div.writer_list ul li div.w_right p {
	font-size: 11px;
	line-height: 16px;
}

div#l_column div.writer_list ul li div.w_right p.w_txt {
	text-align: right;
}

div#l_column div.writer_list ul li div.w_right p a {
	color: #0063c0;
	text-decoration: none;
}
div#l_column div.writer_list ul li div.w_right p a:hover {
	color: #ff1b15;
	text-decoration: underline;
}

div#l_column div.writer_list ul.container li.a_navi {
	min-height: 23px;
}
* html div#l_column div.writer_list ul.container li.a_navi {
	height: 23px;
}


/* ログイン */

div#l_column div.login_page h3 {
	display: block;
	position: relative;
	height: 19px;
	margin: 0 0 10px;
	padding: 0;
	font-size: 1.2em;
	line-height: 1em;
}

div#l_column div.login_page table {
	display: table;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

div#l_column div.login_page table td {
	display: table-cell;
	width: 50%;
	padding: 0 10px;
	vertical-align: top;
}

div#l_column div.login_page table td.login_cell {
	border-right: 1px solid #999;
}

div#l_column div.login_page p {
	display: block;
	position: relative;
	margin: 0 0 15px;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.3em;
}

div#l_column div.login_page p span.g {
	color: #5cab0e;
}
div#l_column div.login_page p span.b {
	font-weight: bold;
}

div#l_column div.login_page table td p.alert {
	padding: 10px;
	border: 1px solid #f00;
	background-color: #fff1f1;
	color: #f00;
}

div#l_column div.login_page p.input_txt input {
	width: 80%;
}

div#l_column div.login_page p.submit {
	margin: 20px 0;
	text-align:center;
}
div#l_column div.login_page p.submit_left {
	margin: 20px 0;
	text-align:left;
}
div#l_column div.login_page p.submit_right {
	margin: 20px 20px 20px 0;
	text-align:right;
}

div#l_column div.login_page a {
	color: #0063c0;
	text-decoration: underline;
}
div#l_column div.login_page a:hover {
	color: #ff1b15;
}

div#l_column div.login_page .fpc p {
	margin: 0 10px 10px;
	line-height: 1.5em;
}
div#l_column div.login_page .fpc input {
	margin: 0 5px 0 0;
}
div#l_column div.login_page .fpc p.confirm_address {
	padding: 0 0 0 10px;
}
div#l_column div.login_page .fpc p.confirm_address input {
	width: 60%;
}

div#l_column div.login_page div#contribution {
	margin: 0 0 10px;
}

div#l_column div.login_page div#contribution p.sansho {
	margin: 0;
	float: none;
}

div#l_column div.login_page p.naiyou_kakunin {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
}

div#l_column div.login_page p.naiyou_kakunin,
div#l_column div.login_page p.naiyou_txt,
div#l_column div.login_page p.sansho_img {
	margin: 0 0 15px;
	padding: 0 10px;
}
div#l_column div.login_page p.naiyou_txt{
	word-wrap: break-word;
}
div#l_column div.login_page p.sansho_img img {
	max-width: 440px;
}


/* はまれぽ.comについて */

div#l_column div.about h3 {
	display: block;
	position: relative;
	height: 30px;
	margin: 0 0 20px 5px;
	padding: 0;
	line-height: 30px;
	color: #0063c0;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.8em;
}

div#l_column div.about h4 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
}

div#l_column div.about h4,
div#l_column div.about p {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0 5px;
}


/* Q&A */

div#l_column div.qanda dl {
	display: block;
	position: relative;
	margin: 0 0 50px;
	padding: 0;
}

div#l_column div.qanda dl dt {
	display: block;
	position: relative;
	margin: 30px 0 10px;
	padding: 0 0 0 5px;
	font-weight: bold;
}
div#l_column div.qanda dl dt.qa_top {
	margin: 0 0 10px;
}

div#l_column div.qanda dl dd {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 15px;
}

div#l_column div.qanda a {
	color: #0063c0;
	text-decoration: underline;
}

div#l_column div.qanda a:hover {
	color: #ff1b15;
}

div#l_column div.qanda p {
	display: block;
	position: relative;
	margin: 0 0 20px;
	padding: 0 5px;
}


/* 運営会社概要 */

div#l_column div.company table {
	display: table;
	position: relative;
	width: 98%;
	height: auto;
	border: 1px solid #333;
	border-collapse: collapse;
	border-spacing: 1px;
	empty-cells: show;
	margin:10px 5px 20px;
}

div#l_column div.company table th,
div#l_column div.company table td {
	height: auto;
	border: 1px solid #333;
	font-size: 0.9em;
	line-height: 1.5em;
}

div#l_column div.company table th {
	width: 150px;
	padding: 5px;
	background-color: #eee;
	font-weight: normal;
	text-align: center;
}
div#l_column div.company table td {
	padding: 5px 5px 5px 10px;
	text-align: left;
}

div#l_column div.company table td a {
	color: #0063c0;
	text-decoration: underline;
}
div#l_column div.company table td a:hover {
	color: #ff1b15;
}


/* サイト規約 */

div#l_column div.regulation dl {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 5px;
}

div#l_column div.regulation dl dt,
div#l_column div.regulation dl dd {
	font-size: 0.9em;
	line-height: 1.8em;
}

div#l_column div.regulation dl dt {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0;
	font-weight: bold;
}

div#l_column div.regulation dl dd {
	display: block;
	position: relative;
	margin: 0 0 20px;
	padding: 0;
}

div#l_column div.regulation dl dd p {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0;
}

div#l_column div.regulation dl dd ol {
	list-style: decimal none outiside;
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 20px;
}
div#l_column div.regulation dl dd ol li {
	display: list-item;
	position: relative;
	margin: 0 0 10px;
	padding: 0;
}


/* プライバシーポリシー */

div#l_column div.pp dl {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 5px;
}

div#l_column div.pp dl dt,
div#l_column div.pp dl dd {
	font-size: 0.9em;
	line-height: 1.8em;
}

div#l_column div.pp dl dt {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0;
	color: #f90;
	font-weight: bold;
}

div#l_column div.pp dl dd {
	display: block;
	position: relative;
	margin: 0 0 20px;
	padding: 0;
}

div#l_column div.pp dl dd h3 {
	font-size: 1em;
	font-weight: bold;
}

div#l_column div.pp dl dd h3,
div#l_column div.pp dl dd p {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0;
}

div#l_column div.pp dl dd ol {
	list-style: decimal none outiside;
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 20px;
}
div#l_column div.pp dl dd ol li {
	display: list-item;
	position: relative;
	margin: 0 0 10px;
	padding: 0;
}

/* お問い合わせ */

div#l_column div.inquire p.alert {
	padding: 10px;
	border: 1px solid #f00;
	background-color: #fff1f1;
	color: #f00;
}
* html div#l_column div.inquire p.alert {
	height: 10px;
}

div#l_column div.inquire p {
	display: block;
	position: relative;
	margin: 0 0 20px;
	padding: 0 0 0 5px;
	font-size: 0.9em;
	line-height: 1.5em;
}

div#l_column div.inquire p span {
	color: #5cab0e;
}

div#l_column div.inquire p input {
	vertical-align: middle;
}

div#l_column div.inquire p.i_name input,
div#l_column div.inquire p.i_mail input
 {
	height: 1.2em;
}

div#l_column div.inquire p.i_name input {
	width: 150px;
}
div#l_column div.inquire p.i_mail input {
	width: 400px;
}
div#l_column div.inquire p.i_txt textarea {
	width: 95%;
}


div#l_column div.inquire p.i_confirm {
	font-weight: bold;
}
div#l_column div.inquire p.i_confirm span {
	font-weight: normal;
}


/* はまれぽニュース詳細画面 */

div#l_column div.a_hama h3 {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0 5px;
}

/* 2011.07.14 ITA 三橋追加////////*/
div#l_column div.a_hama p.a_hama_txt {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0 5px;
}
/* 2011.07.14 ITA 三橋追加////////*/
div#l_column div.a_hama p.a_hama_date{
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0 5px;
}

div#l_column div.a_hama {
	word-wrap: break-word;
}

div#l_column div.a_hama h3 {
	color: #0063c0;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.8em;
}

div#l_column div.a_hama p.a_hama_txt img {
	float: left;
	margin: 0 10px 10px;
}
div#l_column div.a_hama p.a_hama_txt br.end {
	clear: left;
}


/* answer共通ナビゲーションボタン */

div#l_column .a_navi {
	min-height: 23px;
	height: 23px;
	text-align: center;
}
div#l_column .a_navi p {
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	position: relative;
	margin: 0 2px;
	padding: 0;
	font-size: 12px;
	line-height: 21px;
	text-align: center;
	vertical-align: top;
}

div#l_column .a_navi p.number {
	height: 21px;
	border: 1px solid #999;
}
div#l_column .a_navi p.now {
	height: 21px;
	border: 1px solid #ccc;
	background-color: #ccc;
}

div#l_column .a_navi p a {
	display: block;
	min-width: 21px;
	color: #c06;
	text-decoration: none;
}
div#l_column .a_navi p.now a {
	color: #333;
}

div#l_column .a_navi p.an_top,
div#l_column .a_navi p.an_previous,
div#l_column .a_navi p.an_next,
div#l_column .a_navi p.an_last {
	height: 23px;
	background-position: center top;
	background-repeat: no-repeat;
}

div#l_column .a_navi p.an_top {
	width: 59px;
	background-image: url(../img/common/paging/to_top.png);
}
div#l_column .a_navi p.an_previous {
	width: 47px;
	background-image: url(../img/common/paging/to_previous.png);
}
div#l_column .a_navi p.an_next {
	width: 47px;
	background-image: url(../img/common/paging/to_next.png);
}
div#l_column .a_navi p.an_last {
	width: 59px;
	background-image: url(../img/common/paging/to_last.png);
}

div#l_column .a_navi p span {
	visibility: hidden;
}


div#l_column .question_list .a_navi p.number a {
	color: #c0ac00;
}

div#l_column .question_list .a_navi p.an_top {
	background-image: url(../img/common/paging/to_top_q.png);
}
div#l_column .question_list .a_navi p.an_previous {
	background-image: url(../img/common/paging/to_previous_q.png);
}
div#l_column .question_list .a_navi p.an_next {
	background-image: url(../img/common/paging/to_next_q.png);
}
div#l_column .question_list .a_navi p.an_last {
	background-image: url(../img/common/paging/to_last_q.png);
}


/* 編集部のオススメ */

div#l_column div.osusume table {
	display: table;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
div#l_column div.osusume table td {
	display: table-cell;
	width: 50%;
	padding: 0 5px 0 0;
	vertical-align: top;
}
div#l_column div.osusume table td p {
	display: block;
	position: relative;
	margin: 0 0 5px;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.3em;

}
div#l_column div.osusume li.a_top td p {
	font-size: 1.2em;
	line-height: 1.4em;
}
div#l_column div.osusume li.a_top td p img {
	float: left;
	width: 50px;
	margin: 0 10px 0 0;
}

div#l_column div.osusume li.osusume_list td p {
	padding: 0 0 0 10px;
	background-image: url(../img/a_arrow.png);
	background-position: left 5px;
	background-repeat: no-repeat;
}

div#l_column div.osusume li td a {
	color: #0063C0;
	text-decoration: underline;
}
div#l_column div.osusume li td a:hover {
	color: #ff1b15;
}
div#l_column div.osusume li.a_top td a {
	text-decoration: none;
}


/* 感想募集 */

div#kansou01 {
	display: block;
	position: relative;
	min-width: 460px;
	max-width: 660px;
	width: auto;
	height: 56px;
	margin: 0 0 20px;
	padding: 0;
	background-image: url(../img/story/kansou01.png);
	background-position: center top;
	background-repeat: no-repeat;
	border: 1px solid #e2d290;
}
div#kansou01 p {
	width: 400px;
	height: 23px;
	margin: 16px auto 0;
	padding: 0 0 0 30px;
	line-height: 23px;
	text-align: right;
}
div#kansou01 p img {
	border: 0;
}


div#kansou02 {
	display: block;
	position: relative;
	min-width: 460px;
	max-width: 660px;
	width: auto;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	border: 1px solid #e2d290;
}
div#kansou02 p.onegai {
	display: block;
	position: relative;
	width: auto;
	height: 57px;
	margin: 0;
	padding: 0;
	background-image: url(../img/story/kansou02.png);
	background-position: center top;
	background-repeat: no-repeat;
}

* html div#kansou01,
* html div#kansou02 {
	width: 498px;
}

div#kansou02 div {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px;
}

div#kansou02 div p {
	display: block;
	position: relative;
	margin: 0 0 15px;
	padding: 0;
	font-size: 0.9em;
	line-height: 1em;
}

div#kansou02 div input.nickname {
	width: 150px;
	height: 0.9em;
	margin: 0 30px 0 0;
}

div#kansou02 div select.generation {
	margin: 0 30px 0 0;
}

div#kansou02 div textarea.kanso_txt {
	width: 95%;
}


/* はまれぽニュース */

div#hamarepo_news {
	display: block;
	position: relative;
	margin: 0 0 30px;
	padding: 0;
/*	font-size: 0.8em; */
}
* html div#hamarepo_news {
	width: 500px;
	font-size: 12px;
}

div#hamarepo_news h2 {
	display: block;
	position: relative;
	width: auto;
	height: 20px;
	margin: 0 0 2px;
	padding: 0 0 0 4px;
	border-bottom: 3px solid #111;
	line-height: 20px;
}

/* 2011.05.17 ITA 三橋追加////////*/
div#hamarepo_news ul.tab {
	display: block;
	position: relative;
	width: auto;
	height: 20px;
	margin: 0 0 2px;
	padding: 0 0 0 4px;
	border-bottom: 3px solid #111;
	line-height: 20px;
}
/* 2011.05.17 ITA 三橋追加////////*/
div#hamarepo_news ul.tab li {
	width:79px;
	height:20px;
	float:left;
	list-style:none;
	margin-right:5px;
}
/* 2011.05.17 ITA 三橋追加////////*/
div#hamarepo_news div.news {
	padding: 10px;
	border: 1px solid #787878;

}
/* 2011.05.17 ITA 三橋修正////////*/
div#hamarepo_news div.news dl {
	display: block;
	position: relative;
	margin: 0;
}
/* 2011.05.17 ITA 三橋修正////////*/
div#hamarepo_news div.news dl dt {
	display: inline;
	float: left;
}

div#hamarepo_news dl dd {
	display: block;
	position: relative;
	margin: 0 0 5px 90px;
	padding: 0;
}

div#hamarepo_news dl dd a:link,
div#hamarepo_news dl dd a:visited,
div#hamarepo_news dl dd a:active {
	color: #0063c0;
	text-decoration: underline;
}
div#hamarepo_news dl dd a:hover {
	color: #ff1b15;
	text-decoration: underline;
}

/* はまれぽニュースバックナンバー */
/* 2011.05.12 ITA 三橋追加////////*/

div#hamarepo_newsbk {
	display: block;
	position: relative;
	margin: 0 0 30px;
	padding: 0;
/*	font-size: 0.8em; */
}
* html div#hamarepo_newsbk {
	width: 500px;
	font-size: 12px;
}

div#hamarepo_newsbk h2 {
	display: block;
	position: relative;
	width: auto;
	margin: 0 0 2px;
	padding: 0 0 0 4px;
	line-height: 20px;
}

div#hamarepo_newsbk dl {
	display: block;
	position: relative;
	margin: 0;
	padding:5px 10px 10px 10px;
	background:#ffffff;
	border-left:solid 4px #333333;
	border-right:solid 4px #333333;
}

div#hamarepo_newsbk dl dt {
	display: inline;
	float: left;
}

div#hamarepo_newsbk dl dd {
	display: block;
	position: relative;
	margin: 0 0 5px 90px;
	padding: 0;
}

div#hamarepo_newsbk dl dd a:link,
div#hamarepo_newsbk dl dd a:visited,
div#hamarepo_newsbk dl dd a:active {
	color: #0063c0;
	text-decoration: underline;
}
div#hamarepo_newsbk dl dd a:hover {
	color: #ff1b15;
	text-decoration: underline;
}

/* ---------- SBM2 ---------- */
div#sbmContents {
	position:relative;
	height:20px;
	margin-bottom:10px;
	padding:0px 0 6px;
	border-bottom:1px solid #ccc;
}

div#sbmContents p {
	float:left;
	height:18px;
	vertical-align:middle;
	margin-right:0px;
	border:none;
}

div#sbmContents p img, div#sbmContents p a {
	margin-right:2px;
}

div#sbmContents p#tw_button {
	margin-right:0px;
	margin-left:-10px;
}

div#sbmContents p#mc_button {
	margin-top:0px;
	margin-right:-25px;
}

div#sbmContents p#gb_button {
	margin-top:1px;
	margin-right:-20px;
}

div#sbmContents p#hb_button {
	margin-top:0px;
	border:none;
}

div#sbmContents p#fb-root {
	margin-right:0;
}

/*--- banner_top ---*/

div#banner_top{
	text-align: center;
	margin:7px 0 7px;
}


/*--- footer ---*/

div#footer {
	clear: both;
	display: block;
	position: relative;
	height: 70px;
}

div#footer div#footer_navi {
	list-style: none none outside;
	display: block;
	position: relative;
	margin: 5px 0 10px;
	padding: 0;
	text-align: center;
}
div#footer div#footer_navi p {
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	height: 13px;
	margin: 0;
	padding: 0 8px;
	background-position: center top;
	background-repeat: no-repeat;
	line-height: 13px;
	text-align: center;
}
div#footer div#footer_navi p span {
	visibility: hidden;
	font-size: 1px;
	letter-spacing: -1px;
}

div#footer_navi p.top {
	width: 25px;
	background-image: url(../img/common/footer/fn_top.png);
	border-right: 1px solid #7a7979;
}
div#footer_navi p.about {
	width: 102px;
	background-image: url(../img/common/footer/fn_about.png);
	border-right: 1px solid #7a7979;
}
div#footer_navi p.sitemap {
	width: 82px;
	background-image: url(../img/common/footer/footer_navi_sitemap.png);
	border-right: 1px solid #7a7979;
}
div#footer_navi p.writer {
	width: 72px;
	background-image: url(../img/common/footer/fn_writer.png);
	border-right: 1px solid #7a7979;
}
div#footer_navi p.qa {
	width: 31px;
	background-image: url(../img/common/footer/fn_qa.png);
	border-right: 1px solid #7a7979;
}
div#footer_navi p.company {
	width: 73px;
	background-image: url(../img/common/footer/fn_company.png);
	border-right: 1px solid #7a7979;
}
div#footer_navi p.regulation {
	width: 61px;
	background-image: url(../img/common/footer/fn_regulation.png);
	border-right: 1px solid #7a7979;
}
div#footer_navi p.privacy {
	width: 120px;
	background-image: url(../img/common/footer/fn_privacy.png);
	border-right: 1px solid #7a7979;
}
div#footer_navi p.inquire {
	width: 73px;
	background-image: url(../img/common/footer/fn_inquire.png);
}

div#footer p#copyright {
	display: block;
	position: relative;
	font-size: 0.8em;
	text-align: center;
}

div#footer div#footer_navi p a {
	display: block;
	height: 13px;
	text-decoration: none;
}


/*--- general elements ---*/

/* 画像置換 */

span.alt {
	visibility: hidden;
	display: none;
	font-size: 1px;
	line-height: 1px;
	letter-spacing: -1px;
}


/* clearfix */

/*IE7以外のモダンブラウザ向け*/

.clf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*IE7およびMacIE5向け*/

.clf {
	display: inline-block;
}

/*IE6以前向け*/

/*Hides from IE-mac\*/

* html .clf {
	height: 1%;
}
.clf {
	display: block;
}

/*End hide from IE-mac*/

/* フロート解除 */

.clear {
	clear: both;
}


/* 行揃え */

.center {
	text-align: center
}

.right {
	text-align: right;
}


/* 文字色 */

.blue {
	color: #0063c0;
}

.red {
	color: #ff1b15;
}

.green {
	color: #5cab0e;
}

.orange {
	color: #f90;
}


/* 文字装飾 */

.bold {
	font-weight: bold;
}

.under {
	text-decoration: underline;
}


/* 2011.01.28追加 */
/* グラフ */

    .graph { 
        position: relative; /* IE is dumb */
        width: 300px; 
        border: 1px solid #B1D632; 
        padding: 2px; 
    }
    .graph .bar { 
        display: block;
        position: relative;
        background: #B1D632; 
        text-align: center; 
        color: #333; 
        height: 1.5em; 
        line-height: 1.5em;            
    }
    .graph .bar span { position: absolute; left: 1em; }
    
    
/* 2011.01.28追加 */
    
div.question_list2 div.q_main {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	margin: 0 120px 0 0;
	padding: 0;
}

div.question_list2 p.q_txt {
	font-weight: bold;
}

div.question_list2 p.q_investigate {
	font-weight: normal;
}
div.question_list2 p.q_investigate span {
	font-weight: bold;
	color:#5cab0e;
}

/* 2011.02.02追加 */

body#mypage div#l_column div.question_list li.enquete_h3 {
	border: 0;
}

body#mypage div#l_column div.question_list li.enquete_h3 {
	min-height: 1.6em;
	height: 1.6em;
	padding: 10px 10px 20px;
}

body#mypage div#l_column div.question_list li.enquete_h3 h3 {
	display: block;
	position: relative;
	height: 1.6em;
	margin: 0;
	padding: 0 0 0 5px;
	border-bottom: 2px solid #529517;
	color: #529517;
	font-size: 1.3em;
	line-height: 1.6em;
}

/* アンケート */

div#l_column div.enquete p.alert {
	padding: 10px;
	border: 1px solid #f00;
	background-color: #fff1f1;
	color: #f00;
}
* html div#l_column div.enquete p.alert {
	height: 10px;
}

div#l_column div.enquete p {
	display: block;
	position: relative;
	margin: 0 0 20px;
	padding: 0 0 0 5px;
	font-size: 0.9em;
	line-height: 1.5em;
}

div#l_column div.enquete p span {
	color: #3d8100;
}

div#l_column div.enquete p input {
	vertical-align: middle;
}

div#l_column div.enquete p.i_name input,
div#l_column div.enquete p.i_mail input
 {
	height: 1.2em;
}

div#l_column div.enquete p.i_name input {
	width: 150px;
}
div#l_column div.enquete p.i_mail input {
	width: 400px;
}
div#l_column div.enquete p.i_txt textarea {
	width: 95%;
}


div#l_column div.enquete p.i_confirm {
	font-weight: bold;
}
div#l_column div.enquete p.i_confirm span {
	font-weight: normal;
}

/* 2011.02.21変更 */

div#kininaru div#contribution textarea {
	width: 210px;
	height: 60px;
	margin: 5px 0;
	padding: 2px;
	color: #cccccc;
	font-size: 10px;
	line-height: 15px;
}

.clear{
	background: url(../img/common/button/bt_clear.png) no-repeat ;
	background-position: center left; 
}

.clear a:link,
.clear a:visited{
	color:#888888;
	margin-left:12px;
}
.clear a:hover{
	text-decoration: none;
}

/*検索結果*/
h4.result {
	font-size:18px;
	font-weight:bold;
	border-bottom:#98acc0 solid 1px;
	margin:0;
	padding:10px 10px 20px 10px; 

}

/************************************************/
/*Updatel data*/
/*この記事どうだった？*/


div#enquete_content{
	border:#cccccc solid 1px;
	background:#fdfad9;
	padding:15px 10px 20px 10px;
	margin-top:30px;
}
div#enquete_content h4 {
	font-weight:bold;
	background:url(../img/story/icon_arrow.gif) no-repeat left top;
	padding-left:28px;
	font-size:14px;
	text-align:left;
}
div#enquete_content table {
	vertical-align:middle;
	margin:0 auto;
	padding-left:20px;
}

div#enquete_content table td {
	font-size:18px;
	font-weight:bold;
}
div#enquete_content table td.good {
	color:#ff3300;
	padding-right:20px;
	padding-left:5px;
}
div#enquete_content table td.bad {
	color:#336699;
	padding-left:5px;
}
div#contribution h4 {
	font-weight:bold;
	background:url(../img/story/icon_coment.gif) no-repeat left top;
	padding-left:35px;
	margin-bottom:0;
	height:25px;
	line-height:2em;
	font-size:14px;
}
div#contribution h4 span {
	font-weight:normal;
}

/*感想をお聞かせください*/
div.coments {
	border:#cccccc solid 3px;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
	word-wrap: break-word;
}
div.coments dl {
	padding:0;
	margin:0;
}
div.coments dl dt {
	background:#dedede;
	font-weight:bold;
	padding:10px;	
}
div.coments dl dt span {
	font-weight:normal;
	float:right;
}
div.coments dd {
	padding:15px;
	margin:0;
	line-height:18px;
}
div.coments table {
	vertical-align:middle;
	margin:0 auto;
}
div.coments table td {
	font-size:16px;
	font-weight:bold;
}
div.coments table td.good {
	color:#ff3300;
	padding-right:20px;
	padding-left:5px;
}
div.coments table td.bad {
	color:#336699;
	padding-left:5px;
}
div.all_coments {
	text-align:center;
	padding:10px;
}
div.all_coments a {
	background:url(../img/bt_plus.gif) no-repeat left top;
	padding:0 20px;
	font-weight:bold;
}
div.coments p.q_note {
	margin: 0;
	text-align: right;
	padding-top:10px;
}

div.coments p.q_note span {
	margin: 0 0 0 10px;
}
div.coments p.q_note span.name {
	color: #390;
}
div.coments p.q_note span.date {
	color: #666;
}
/*検索結果*/
h4.result {
	font-size:18px;
	font-weight:bold;
	border-bottom:#98acc0 solid 1px;
	margin:0;
	padding:10px 10px 20px 10px; 
	line-height: 1.2em;

}

/* アンケート追加スタイル　2011.05.31三橋 */
div.enquete_result p {
	margin-bottom:10px !important ;
}

/* アクセス障害 */
/* 2011.09.20 ITA 三橋追加////////*/

div#annai{
	border:solid 4px #333333;
	margin-top:10px;
	margin-bottom:10px;
}
div#annai dl{
	font-size:12px;
	line-height:16px;
	padding:0 10px;
}
div#annai dt{
	font-weight:bold;
	color:#FF0000;
	padding-bottom:4px;
}
div#annai dd{
	padding:0;
	margin:0;
}

/* 
	Cusco Sky table styles
	written by Braulio Soncco http://www.buayacorp.com
*/

table.cusco_sky,.cusco_sky th,.cusco_sky td {
	border: 2px solid #AAA;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555;
}

.cusco_sky caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

.cusco_sky td, th {
	padding: 5px;
}

.cusco_sky thead th {
	text-align: center;
	background: #FFFBB2;
	color: #333;
	font-size: 100% !important;
}

.cusco_sky tbody th {
	font-weight: bold;
}

.cusco_sky tbody tr { background: #FCFDFE; }

.cusco_sky tbody tr.odd { background: #F7F9FC; }

.cusco_sky tbody tr.deleted_item {
	background: #AAA;
}

table.cusco_sky  a:link {
	color: #F3181E;
	text-decoration: none;
}

table.cusco_sky  a:visited {
	color: #F3181E;
	text-decoration: none;
}

table.cusco_sky  a:hover {
	color: #F3181E;
	text-decoration: underline !important;
}

.cusco_sky tfoot th, tfoot td {
	font-size: 85%;
}

div#l_column ul.container li.mypage_h4 {
	color: #E55E04;
	border-bottom: 2px solid #E55E04 !important;
	height: 1.2em !important;
	min-height: 1.2em !important;
	margin-bottom: 10px;
}

div#l_column ul.container li.ranking_info {
	border: 2px solid #E55E04 !important;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
}

/* yoshimura add start */
/*  キニナルページとキニナル検索ページの並び替え用UI関連 */
#kininaru_sort_rapper{
	float: right; font-size: 9px; text-align: center; margin-left: 7px; margin-top: 4px;
}

body div#l_column div.question_list h2 div.investigate_navi{
	float: left; margin-left: 120px;
	padding-top: 6px;
}

div.investigate_navi a#kininaru_sort-button{
	height: 15px;
}

.ui-selectmenu-menu , .ui-selectmenu-open{
	font-size:8px;
}

span.ui-selectmenu-status{
	padding-top: 1px; 
	padding-bottom: 1px;
	font-weight: 900;
}

div.ui-selectmenu-menu ul#kininaru_sort-menu li a{
	font-size:10px;
}

#kininaru_mode_switch{
	float: left;
}

div.investigate_navi p a#kininaru_sort-button span{
	visibility: visible;
}

/* yoshimura add end */


/* yoshimura add start */
/*  キニナル検索ページの並び替え用UI関連 - キニナル検索用 */
.kininaru_search_ui a.ui-widget{
	font-size:1.4em;
	width:120px;
	/* border-radius: 4px 4px 4px 4px; */
}
select#kininaru_sort{
	width:130px
}
/* yoshimura add end */

/* yoshimura add start */
/*  カップ機能(投票機能)用 仮CSS を追加 */

#contents h1#cup_title{
	width: auto;
}

#return_top{
	clear: both;
}

#sub_title{
	font-family: serif;
	font-color:brown;
}
/*不具合か？　コメントアウトする
$race{
	clear: both;
}
*/
div#race div#aRace{
	float: left; 
	margin-right: 3px; 
	border-radius: 5px; 
	border: 5px solid brown; 
	padding: 2px;width: 280px;
} 

#message4user{
	border: 3px solid orange;
}

#all_vote_user_count{
	border: 3px solid red; clear: both;
}

#aRace li{
	border: 2px solid graytext; 
	border-radius: 6px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-top: 2px;
}

#bet_number{
	clear: both; border: 8px solid orange; border-radius: 5px;font-size:30px
}

#lets_vote{
	clear:both;
}

#lets_vote div{
	float:left;
	width:400px;
	background-color:brown;
	color:white;
	margin:10px;
	padding:10px;
	font-size:25px;
	height:50px;
}

div#vote_now {
	background-color:orange;
	font-size:40px;
}

/* yoshimura add end */


/* yoshimura add start */
/* ジャンル別ランキング */
div#ranking dl.clf {
	overflow-y: scroll;
}

div#genre_select{
	background-color: #313131;
	color: white;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,arial,verdana,sans-serif;
	font-size: 18px;
	font-weight: 900;
	padding-bottom: 4px;
	padding-left: 10px;
	text-shadow: 0 0 5px black;
	
	padding-top: 4px;
}

#rank_genre_select{
	margin-left: 6px;
	/* border: 1px solid black; */
}

div#ranking dl dt.rank11 {
	background-image: url(../img/common/access_ranking/rank_11th.png);
}
div#ranking dl dt.rank12 {
	background-image: url(../img/common/access_ranking/rank_12th.png);
}
div#ranking dl dt.rank13 {
	background-image: url(../img/common/access_ranking/rank_13th.png);
}
div#ranking dl dt.rank14 {
	background-image: url(../img/common/access_ranking/rank_14th.png);
}
div#ranking dl dt.rank15 {
	background-image: url(../img/common/access_ranking/rank_15th.png);
}
div#ranking dl dt.rank16 {
	background-image: url(../img/common/access_ranking/rank_16th.png);
}
div#ranking dl dt.rank17 {
	background-image: url(../img/common/access_ranking/rank_17th.png);
}
div#ranking dl dt.rank18 {
	background-image: url(../img/common/access_ranking/rank_18th.png);
}
div#ranking dl dt.rank19 {
	background-image: url(../img/common/access_ranking/rank_19th.png);
}
div#ranking dl dt.rank20 {
	background-image: url(../img/common/access_ranking/rank_20th.png);
}


div#ranking dl dt.rank21 {
	background-image: url(../img/common/access_ranking/rank_21th.png);
}
div#ranking dl dt.rank22 {
	background-image: url(../img/common/access_ranking/rank_22th.png);
}
div#ranking dl dt.rank23 {
	background-image: url(../img/common/access_ranking/rank_23th.png);
}
div#ranking dl dt.rank24 {
	background-image: url(../img/common/access_ranking/rank_24th.png);
}
div#ranking dl dt.rank25 {
	background-image: url(../img/common/access_ranking/rank_25th.png);
}
div#ranking dl dt.rank26 {
	background-image: url(../img/common/access_ranking/rank_26th.png);
}
div#ranking dl dt.rank27 {
	background-image: url(../img/common/access_ranking/rank_27th.png);
}
div#ranking dl dt.rank28 {
	background-image: url(../img/common/access_ranking/rank_28th.png);
}
div#ranking dl dt.rank29 {
	background-image: url(../img/common/access_ranking/rank_29th.png);
}
div#ranking dl dt.rank30 {
	background-image: url(../img/common/access_ranking/rank_30th.png);
}

/* yoshimura add end */


/* yoshimura add start */
/*  ジャンル別ランキング用UI関連  */
#rank_genre_select{
	width:96px;
}

div#ranking div#genre_select #rank_genre_select-button{
	background: none repeat scroll 0 0 transparent;
	color: white;
	height: 15px;
	/* width: 83px; */
}

div#ranking div#genre_select .ui-selectmenu-status{
	font-size: 0.6em;
	background-color: #444;
	/* width: 300px; */
	padding-top: 2px;
	text-shadow: 0 0 5px black;
}

div#ranking div#genre_select #rank_genre_select-button{
	/* width:600px; */
	margin-bottom: 2px;
	text-align: center;
	height: 20px;
	/* border: 1px solid #555555; */
}

div#ranking div#genre_select #genre_title{
	font-size: 14px;
	color: #FFF;
	margin-left: 22px;
	margin-right: 6px;
	letter-spacing: -0.08em;
}

div.ui-selectmenu-open ul#rank_genre_select-menu li a{
	/* font-size:1.2em; */
	 /* font-weight: 900; */
	 font-size: 13px;
	 padding-right: 11px;
	 padding: 1px 0;
}

div#ranking div#genre_select .ui-state-default .ui-icon{
	background-image: url("/lib/jquery/fnagel-jquery-ui/themes/dark-hive/images/ui-icons_ffffff_256x240.png");
}

html body div.ui-selectmenu-open ul#rank_genre_select-menu{
	z-index: 999;
}

/* yoshimura add end */

/*yamakawa add start*/

/*div.question_list span.ui-selectmenu-status{
	width: 113px;
	background-image: url(../img/q_btn_kininaru_01.png);
	padding-top: 1px; 
	padding-bottom: 1px;
	font-weight: 900;
}*/

div.investigate_navi span.ui-selectmenu-status{
	color:#555;
	padding-top: 0px; 
	padding-bottom: 2px;
	font-weight: bolder;
	font-size:12px;	/* 「みんなのキニナル」と「サイト内検索 - キニナル」の2ページで使っているのでpx指定 */
	line-height: 1.3em;
	/* text-shadow: 0 0 1px; */
}

div.investigate_navi a#kininaru_sort-button {
    border-radius: 3px 3px 3px 3px;
    height: 14px;
    
}

/*yamakawa add end*/





@charset "UTF-8";

/* Header CSS */

/* Header Settings ---------------------------------------------------------------*/

/* Logo ----------*/

#logo {
	display: block;
	position: absolute;
	left: 7px;
	top: 0;
	width: 195px;
	height: 95px;
	overflow: hidden;
}


/* Slogan ----------*/

#slogan {
	display: block;
	position: absolute;
	left: 210px;
	top: 25px;
	margin: 0;
	padding: 0;
	color: #707070;
	font-size: 85%;
	line-height: 18px;
}

#slogan img {
	margin: 0 0 0 5px;
	vertical-align: top;
}


/* News ----------*/

#header_news {
	display: block;
	position: relative;
	left: 540px;
	top: 55px;
	width: 400px;
	height: 45px;
	margin: 0;
	padding: 0 0 0 54px;
	color: #0063c0;
	font-size: 85%;
	line-height: 1.5;
	text-indent: -54px;
	word-break: break-all;
	overflow: hidden;
}

#header_news:before {
	content: url(../img/marker_header_news-trans.png);
	margin: 0 5px 0 0;
	vertical-align: text-top;
}

#header_news a {
	color: #0063c0;
	text-decoration: none;
	vertical-align: top;
}

#header_news a:hover {
	text-decoration: underline;
}


/* Weather ----------*/

#weather {
	display: block;
	position: absolute;
	right: 10px;
	top: 45px;
	width: 151px;
	height: 41px;
	margin: 0;
	padding: 2px;
	background-color: #ebebeb;
	text-align: left;
}

#weather dt {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	position: relative;
	width: 97px;
	height: 35px;
	margin: 0;
	padding: 6px 0 0;
	border-right: 1px dashed #bfbfbf;
	vertical-align: top;
}

#weather dt p {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.4;
	text-align: center;
}

#weather dt p#weather_date {
	font-size: 100%;
}

#weather dd {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	position: relative;
	width: 52px;
	height: 41px;
	margin: 0;
	padding: 0;
	border-left: 1px dashed #dadada;
	text-align: center;
}

#weather dd img {
	display: block;
	margin: 0;
	padding: 0;
}


/* Search ----------*/

#search_section {
	display: block;
	position: absolute;
	left: 15px;
	top: 100px;
	width: 220px;
	height: 26px;
	margin: 0;
	padding: 0 0 0 30px;
	background-image: url(images/lupe.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	vertical-align: top;
}

#search_section form {
	margin: 0;
	padding: 0;
}

#search_section #search {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 150px;
	height: 20px;
	margin: 0;
	padding: 2px 5px;
	border: 1px solid #999;
	line-height: 22px;
}

#site_search_switch {
	display: block;
	position: absolute;
	left: 30px;
	top: 25px;
	width: 320px;
	margin: 0;
	padding: 0;
}

#site_search_switch label {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	position: relative;
	height: 12px;
	margin: 5px 5px 0 0;
	padding: 0 0 0 15px;
	background-image: url(images/input_radio.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #666;
	font-size: 80%;
	_font-size: 70%;
	line-height: 12px;
	overflow: hidden;
	cursor: pointer;
}

#site_search_switch label.selected {
	background-position: left bottom;
}

#site_search_switch label input {
	display: none;
}

#search_section #search_btn {
	width: 44px;
	height: 26px;
	margin: 0 0 0 3px;
	padding: 0;
	vertical-align: top;
}


#top_page #site_search_switch {
	width: 305px;
}


/* Help ----------*/

#help {
	list-style: none none outside;
	display: block;
	position: absolute;
	left: 606px;
	top: 0;
	width: 387px;
	height: 32px;
	margin: 0;
	padding: 0;
}

#help li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	position: relative;
	height: 32px;
	margin: 0;
	padding: 0;
}

/* Global Navigation ----------*/

#global_navi {
	list-style: none none outside;
	text-align: left;
	overflow: hidden;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 10px;
	width: 1000px
}

#global_navi img {
	vertical-align: text-bottom;
}

#global_navi li {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	height: 27px;
	margin: 0 0 0 7px;
	padding: 0;
	vertical-align: top;
}

#global_navi li:first-child {
	margin: 0;
}

#navi_ichioshi {
	width: 821px;
	background-image: url(images/navigation_ichioshi_bg.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#navi_ichioshi dl {
	display: block;
	position: relative;
	width: 820px;
	height: 27px;
	margin: 0;
	padding: 0;
}

#navi_ichioshi dl dt,
#navi_ichioshi dl dd {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	position: relative;
	height: 27px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#navi_ichioshi dl dt {
	width: 122px;
}

#navi_ichioshi dl dd {
	width: 680px;
}

#navi_ichioshi_sub {
	list-style: none none outside;
	display: block;
	position: relative;
	width: auto;
	height: 25px;
	margin: 2px 0 0 0;
	padding: 0 0 0 5px;
	text-align: left;
}

#navi_ichioshi_sub li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	position: relative;
	margin: 0 0 0 2px;
	padding: 0;
}

#contents {
    padding: 1px 0 15px;
}

#kininaru_navi {
    background-image: url("images/kininaru_navi_bg.png");
    background-position: right top;
    background-repeat: repeat-x;
    display: block;
    height: 33px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: left;
    width: 1000px;
	border-top: 4px solid;
	font-size:0;

}
#kininaru_navi li {
    border-right: 1px solid #FFFFFF;
    display: inline-block;
    *display:inline;
    *zoom: 1;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
}

#top_page #contents {
}

/* RightColumn GrayBox ----------*/

#r_login,
#r_news,
#r_kininaru_q,
#r_enquete {
	display: block;
	position: relative;
	width: 241px;
	height: auto;
	margin: 10px 0 0;
	padding: 0 4px 4px;
	background-color: #313131;
	background-image: url(images/r_header_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
}

.right-banner-new{
	margin:10px 0 0 ;
	line-height: 0%;
}
.right-banner-old{
	line-height: 0%;
}
.right-banner-new img,.right-banner-old img{
	display:block;
}
/* RightColumn Login ----------*/

#r_login h2 {
	display: block;
	position: relative;
	width: auto;
	height: 29px;
	margin: 0;
	padding: 0;
}

#r_login div {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px 7px;
	background-color: #fff;
	color: #676767;
}

#r_login_greeting {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 90%;
}

#r_login_button {
	display: block;
	position: relative;
	margin: 7px 0 5px;
	padding: 0;
	text-align: center;
}

#r_login_text {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 85%;
	text-align: center;
}

#r_login_name {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

#r_login_name img {
	margin: 0 0 0 5px;
	vertical-align: text-bottom;
}

#r_login div div#r_login_data {
	min-height: 45px;
	margin: 10px 0 0;
	padding: 0;
}

#r_login_icon {
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

#r_login_icon img {
	max-width: 45px;
	max-height: 45px;
}

#r_login_level {
	display: block;
	position: relative;
	margin: 0 0 5px;
	padding: 0 0 0 55px;
	font-size: 80%;
}

#r_login_to_mypage {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 0 55px;
}

#r_login_name span,
#r_login_level span {
	color: #e67019;
	font-weight: bold;
}

#r_login_level span {
	margin: 0 3px;
}


/* RightColumn News ----------*/

#r_news h2 {
	display: block;
	position: relative;
	width: auto;
	height: 29px;
	margin: 0;
	padding: 0;
}

#r_news ul {
	list-style: none none outside;
	display: block;
	position: relative;
	margin: 0;
	padding: 7px 10px;
	background-color: #fff;
}

#r_news ul li {
	display: list-item;
	position: relative;
	margin: 0 0 7px;
	padding: 0 0 0 16px;
	font-size: 90%;
	text-indent: -16px;
}

#r_news ul li:before {
	content: url(images/r_news_marker.png);
	margin: 0 7px 0 0;
	vertical-align: top;
}

#r_news ul li a {
	color: #0063c0;
	text-decoration: none;
}

#r_news ul li a:hover {
	color: #f00;
}


/* RightColumn Kininaru ----------*/

#r_kininaru_q h2 {
	display: block;
	position: relative;
	height: 29px;
	margin: 0;
	padding: 0;
}

#r_kininaru_contribution {
	display: block;
	position: relative;
	width: 219px;
	margin: 0;
	padding: 15px 6px;
	background-color: #fdfad9;
	border: 5px solid #fff;
	border-top-width: 2px;
	font-size: 80%;
	line-height: 1.8;
}

#r_kininaru_contribution p {
	display: block;
	position: relative;
	margin: 0;
}

#r_kininaru_contribution #r_kininaru_to_contribution {
	display: block;
	position: relative;
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
}

#r_kininaru_contribution textarea {
	width: 210px;
	height: 60px;
	margin: 5px 0;
	padding: 2px;
	font-size: 85%;
	font-size: 90%\9;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif\9;
}

#r_kininaru_contribution .counter {
	text-align: right;
}

#r_kininaru_contribution .r_kininaru_upload {
	max-width: 210px;
	margin: 0;
	padding: 0;
}

#r_kininaru_contribution .contribution_btn {
	display: block;
	position: relative;
	width: 107px;
	height: 31px;
	margin: 5px auto 0;
}

#r_kininaru_q h3 {
	display: block;
	position: relative;
	height: 35px;
	margin: 0;
	padding: 0;
}

#r_kininaru_q_list {
	list-style: none none outside;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-size: 85%;
}

#r_kininaru_q_list li {
	display: list-item;
	position: relative;
	height: auto;
	margin: 0;
	padding: 10px 15px 10px 5px;
	border-bottom: 1px solid #98acc0;
}

#r_kininaru_q_list li p {
	display: block;
	position: relative;
}

#r_kininaru_q_list li .q_icon {
	float: left;
	width: 40px;
	margin: 0 0 0 5px;
	padding: 0;
}

#r_kininaru_q_list li .q_icon img {
	max-width: 35px; 
	max-height: 35px;
}

#r_kininaru_q_list li .q_txt {
	margin: 0 0 5px 50px;
	padding: 0;
	word-wrap: break-word;
}

#r_kininaru_q_list li .q_name {
	margin: 0 0 0 50px;
	padding: 0;
	color: #666;
}

#r_kininaru_q_list li .q_name img {
	margin: 0 0 0 5px;
	vertical-align: text-bottom;
}

#r_kininaru_q_more {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px;
	background-color: #fff;
	text-align: center;
}


/* Enquete ----------*/

#r_enquete {
	font-size: 85%;
}

#r_enquete h2 {
	display: block;
	position: relative;
	height: 31px;
	margin: 0;
	padding: 0;
}

#r_enquete div {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px 10px 5px;
	background-color: #fff;
}

#r_enquete div p {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0;
}

#r_enquete div p.r_enquete_choices {
	padding: 5px;
	background-color: #fdfad9;
}

#r_enquete a {
	color: #0063C0;
}

#r_enquete a:hover {
	color: #ff1b15;
}


/* Ranking ----------*/

#ranking {
	display: none;/*2018-02-19 ランキングを非表示にする*/
	position: relative;
	width: 249px;
	height: auto;
	margin: 15px 0 0;
	padding: 0 0 1px;
	background-color: #787878;
}

#ranking h2 {
	display: block;
	position: relative;
	height: 24px;
	margin: 0;
	padding: 0;
}

#ranking dl {
	display: block;
	position: relative;
	padding: 10px 5px;
	margin: 0 1px;
	background-color: #fff;
	overflow-y: scroll;
}

#ranking dl dt {
	float: left;
	display: block;
	width: 45px;
	height: 13px;
	padding: 0;
	text-align: right;
	line-height: 13px;
	vertical-align: top;	
}

#ranking dl dt span {
	visibility: hidden;
	font-size: 1px;
	letter-spacing: -1px;
}

#ranking dl dd {
	display: block;
	position: relative;
	margin: 0 0 10px 55px;
	padding: 0;
	font-size: 85%;
	line-height: 1.5;
}

#ranking dl dd a {
	color: #0063C0;
}

#ranking dl dd a:hover {
	color: #ff1b15;
}

#genre_select {
	display: block;
	position: relative;
	margin: 0;
	padding: 4px 0 4px 10px;
	background-color: #313131;
	color: #fff;
	font-size: 150%;
	font-weight: 900;
	text-shadow: 0 0 5px black;
}

#rank_genre_select {
	margin-left: 6px;
}


/* Ranking UI -----*/

#rank_genre_select {
	width: 96px;
}

#ranking #genre_select #rank_genre_select-button {
	height: 15px;
	background: none repeat scroll 0 0 transparent;
	color: #fff;
}

#ranking #genre_select .ui-selectmenu-status {
	background-color: #444;
	padding-top: 2px;
	font-size: 55%;
	text-shadow: 0 0 5px black;
}

#ranking #genre_select #rank_genre_select-button {
	height: 20px;
	margin-bottom: 2px;
	text-align: center;
}

#ranking #genre_select #genre_title {
	margin: 0 6px 0 22px;
	color: #fff;
	font-size: 75%;
	letter-spacing: -0.08em;
}

#rank_genre_select-menu li a {
	font-size: 150%;
	padding-right: 11px;
	padding: 1px 0;
	text-align: center;
}

#ranking #genre_select .ui-state-default .ui-icon {
	background-image: url(../lib/jquery/fnagel-jquery-ui/themes/dark-hive/images/ui-icons_ffffff_256x240.png);
}

html body div.ui-selectmenu-open ul#rank_genre_select-menu {
	z-index: 999;
}


/* Twitter ----------*/

#twitter {
	display: block;
	position: relative;
	margin: 15px 0 0;
	padding: 0;
	background: none;
}

#enquete {
	display: block;
	position: relative;
	width: 241px;
	height: auto;
	margin: 10px 0 0;
	padding: 0 4px 4px;
	background-color: #313131;
	background-image: url(images/r_header_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#r_kininaru_q_list .q {
	display: list-item;
	position: relative;
	height: auto;
	margin: 0;
	padding: 10px 15px 10px 5px;
	border-bottom: 1px solid #98acc0;
}

#r_kininaru_q_list .q p  {
	display: block;
	position: relative;
}

#r_kininaru_q_list .q .q_icon {
	float: left;
	width: 40px;
	margin: 0 0 0 5px;
	padding: 0;
}

#r_kininaru_q_list .q .q_icon img {
	max-width: 35px; 
	max-height: 35px;
}

#r_kininaru_q_list .q .q_txt {
	margin: 0 0 5px 50px;
	padding: 0;
	word-wrap: break-word;
}

#r_kininaru_q_list .q .q_name {
	margin: 0 0 0 50px;
	padding: 0;
	color: #666;
}

#r_kininaru_q_list .q .q_name img{
	margin: 0 0 0 5px;
	vertical-align: text-bottom;
}

#enquete {
	font-size: 85%;
}

#enquete h2 {
	display: block;
	position: relative;
	height: 31px;
	margin: 0;
	padding: 0;
}

#enquete div {
	display: block;
	position: relative;
	margin: 0;
	padding: 5px;
	background-color: #fff;
}

#enquete div p{
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 0;
}

#enquete div div p {
	padding: 5px;
	background-color: #fdfad9;
}

#enquete div div p input {
	margin-right: 0.5em;
	vertical-align: -10%;
}

#enquete a {
	color: #0063C0;
}

#enquete a:hover {
	color: #ff1b15;
}

.banner {
    display: block;
    list-style: none outside none;
    margin: 20px 0;
    padding: 0;
    position: relative;
}

.banner li:first-child {
    margin: 0;
}
.banner li {
    display: list-item;
    margin: 20px 0 0;
    padding: 0;
    position: relative;
    text-align: center;
}

#search_freeword {
	display: block;
	position: relative;
	width: 575px;
	height: auto;
	_height: 1px;/*IE6*/
	margin: 10px 0;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #605f5f;
	font-size: 110%;
	text-align: center;
}

#search_freeword span,
#search_freeword input {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	position: relative;
	margin: 0;
	vertical-align: middle;
}

#search_freeword #search_text {
	width: 350px;
	height: 20px;
	margin: 0 5px;
	padding: 2px 5px;
	border: 1px solid #999;
	line-height: 22px;
}

#search_freeword span:before {
	content: url(images/lupe_pink-trans.png);
	margin: 0 3px 0 0;
	vertical-align: text-bottom
}

div.question_list form {
font-size: 125%;
line-height: 130%;
}

.explain div.container,
.explain div.coments {
font-size: 125%;
}

.smb {
	list-style: none none outside;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	text-align: right;
}

.smb li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	position: relative;
	margin: 0 1px 0 0;
	padding: 0;
	vertical-align: top;
}

.smb li.twitter_button,
.smb li.facebook_button,
.smb li.evernote_button {
	margin: 0;
}

.new_report {
display: -moz-inline-box;
display: inline-block;
position: relative;
margin: 0 0 8px !important;
padding: 2px 4px !important;
background-color: #ece93a;
color: #fd032c;
font-size: 80%;
font-weight: bold;
line-height: 1;
}

em {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*2016-07-15 アプリでは非表示にするCSS */
.showapp {
	display: none;
}

/*フッターの追加*/
/*--- footer ---*/
 div#footer2017 {
	 clear: both;
	 display: block;
	 position: relative;
	 height: 70px;
 }

div#footer2017 div#footer_navi2017 {
	list-style: none none outside;
	display: block;
	position: relative;
	margin: 5px 0 10px;
	padding: 0;
	text-align: center;
	font-size: 13px;
}
div#footer2017 div#footer_navi2017 p {
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	height: 13px;
	margin: 0;
	padding: 0 8px;
	background-position: center top;
	background-repeat: no-repeat;
	line-height: 13px;
	text-align: center;
}
div#footer2017 div#footer_navi2017 p span {
	letter-spacing: -1px;
}

div#footer_navi2017 p.top {
	width: 25px;
	border-right: 1px solid #7a7979;
}
div#footer_navi2017 p.about {
	width: 102px;
	border-right: 1px solid #7a7979;
}
div#footer_navi2017 p.sitemap {
	width: 82px;
	border-right: 1px solid #7a7979;
}
div#footer_navi2017 p.writer {
	width: 72px;
	border-right: 1px solid #7a7979;
}
div#footer_navi2017 p.qa {
	width: 31px;
	border-right: 1px solid #7a7979;
}
div#footer_navi2017 p.company {
	width: 73px;
	border-right: 1px solid #7a7979;
}
div#footer_navi2017 p.regulation {
	width: 61px;
	border-right: 1px solid #7a7979;
}
div#footer_navi2017 p.privacy {
	width: 120px;
	border-right: 1px solid #7a7979;
}
div#footer_navi2017 p.inquire {
	width: 73px;
}

div#footer2017 p#copyright {
	display: block;
	position: relative;
	font-size: 0.8em;
	text-align: center;
}

div#footer2017 div#footer_navi2017 p a {
	display: block;
	height: 13px;
	text-decoration: none;
	color: #555;
}



/* 2017-08-23　PC版の関連記事 */

.related_story_clearfix:after {
    content: "";
    clear: both;
    display: block;
}

.r-article_wrap{
	text-align:left;
	padding:10px;
	margin-top: 10px;
}

.r-article_title{
    font-size:16px;
    font-weight:bold;
    background:#000;
    margin:0;
    padding:10px;
    color:#fff;
    margin-bottom:15px;
}

.r-article_wrap ul{
    list-style:none;
    margin:0;
    padding:0;

}

.r-article_wrap li{
    float:left;
    width:23.5%;
    margin-right:2%;
    margin-bottom:20px;

}

.r-article_wrap li:nth-of-type(4n){
    margin-right:0;
}

.r-article_wrap li a{
    color:#1470cc;
    text-decoration:none;
    transition: .3s;
}

.r-article_wrap li a:hover{
    opacity:0.7;
}

.r-article_img img{
    width:100%;
    vertical-align:bottom;
}

div.explain p.r-article_p {
    font-size: 14px;
    margin: 5px 0;
    line-height: 1.35 !important;
    padding: 0 0px 0 0px;
}

/* アイコン */
.genre_tag {
    font-size:10px;
    padding:2px 4px;
    color:#fff;
    background:#424242;
    line-height:2;
    margin-right:5px;
    text-shadow: none;
}
.g_id0{
    background-color: #fff;
}
.g_id1{
    background-color: #26A69A;
}
.g_id2{
    background-color: #FFA726;
}
.g_id3{
    background-color: #EC407A;
}
.g_id4{
    background-color: #66BB6A;
}
.g_id5{
    background-color: #AB47BC;
}
.g_id6{
    background-color: #42A5F5;
}

.article_date{
    font-size:10px;
    color:#666;
}

.r-article_p span img{
    width:65px;
    vertical-align: middle;
}

/* 厳選記事ページ装飾（プレビュー用） */
	.gensen{text-align: center;}
	.gensen-comment{margin: 20px 0;}
	.gensen li{border: 2px solid #FFD54F; margin-bottom: 40px;}
	.gensen .article-list_title{background: #FFD54F; padding: 15px; color: #444; font-weight: bold;}
	.gensen img {padding: 10px;}
	.gensen p {padding: 10px;}


.gensen a {
    color: #42A5F5;
    text-decoration: none;
}
.gensen ul {
    list-style: none;
	padding: 0;
}
.gensen img {
    max-width: 100%;
    height: auto !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}