﻿/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	width: 100%;
	color: #333;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.7em;
	background: #FCFFF0;
	position: relative;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pc_off {display: none;}

.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */

h1 {
	position: fixed;
	top: 0;
	left: 5px;
	line-height: 25px;
	font-size: 11px;
	color: #fff;
	z-index: 150;
	width: 70%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
h2 {
	font-size: 30px;
	line-height: 40px;
	margin: 20px 20px;
}
/*20160218 masubuchi*/
.h2_icon {
	overflow:hidden;
	margin: 18px;
	}
.h2_icon img {
	width:150px;
	margin-right:13px;
	display: inline-block;
	vertical-align: middle;
	}
.h2_icon h2 {
	width:470px;
	margin:0;
	display: inline-block;
	vertical-align: middle;
	}

.h2_icon_top_kiji h2{
	width:95%;
}
/*20160218 masubuchi*/


.t_display_block {	display: none;}

/* ヘッダー header
---------------------------------------- */

.header_wrap {
	width: 100%;
	height: 70px;
	background: #fff;
	padding-top: 25px;
}
.h_inner {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
.h_logo {
	float: left;
	padding-top: 7px;
}
.h_logo a {
	display: block;
	float: left;
}
.h_logo a:hover img {
	opacity: 0.8;
}
.h_logo a img {
	width: 240px;
	height: auto;
}
.h_logo span {
	display: block;
	float: left;
}
.h_logo span img {
	width: 90px;
	height: auto;
}
.h_icons{
	float:right;
	width:320px;
	margin-top:10px;
	position: relative;
	height: 53px;
}
.h_icons ul {
	height: 48px;
	border: 1px solid #8DB001;
	border-radius: 5px;
	box-shadow: 0 3px 0 #8DB001;
}
.h_icons li {
	float: left;
}
.h_icons a {
	display: block;
	height: 48px;
	line-height: 48px;
	font-size: 12px;
	text-decoration: none;
	color: #333;
	text-align: center;
}
.h_icons a:hover {
	background: #e8efcc;
}
.h_icons li:nth-child(1) {
	width: 106px;
}
.h_icons li:nth-child(1) span {
	background: url(/img/common/h_icon_history.png) no-repeat 50% 4px;
}
.h_icons li:nth-child(2) span {
	background: url(/img/common/h_icon_favorite.png) no-repeat 50% 4px;
}
.h_icons li:nth-child(3) span {
	background: url(/img/common/h_icon_saving.png) no-repeat 50% 4px;
}
.h_icons li:nth-child(2),
.h_icons li:nth-child(3) {
	width: 105px;
	border-left: 1px solid #8DB001;
}
.h_icons span {
	display: block;
	font-weight: bold;
	padding-top: 10px;
}
.h_name {
	float: right;
	margin-right: 10px;
	padding-top: 20px;
}
.h_name span {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	line-height: 18px;
	display: block;
}
.h_name a {	color: #03C;}
.h_name a:hover {	color: #999;}
.h_nav_wrap {
	width: 100%;
	height: 45px;
	background: url(/img/common/h_line01.png) repeat-x 0 100%, #fff;
	border-top: 1px solid #ccc;
	margin-bottom: 10px;
}
.h_nav {
	width: 1105px;
	margin: 0 auto;
}
.h_nav {
}
.h_nav > ul {
	position: relative;
	z-index: 11;
}
.h_nav > ul > li {
	float: left;
}
.h_nav > ul > li:first-child {
	border-left: 1px solid #ccc;
}
.h_nav > ul > li:nth-child(3),
.h_nav > ul > li:nth-child(6),
.h_nav > ul > li:last-child {
	border-right: 1px solid #ccc;
}
.h_nav > ul li a {
	display: block;
	color: #333;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	line-height: 40px;
	padding: 0 29px;
}
.h_nav > ul li a:hover {
	background: #eee;
}

.h_nav li ul {
	list-style: none;
	position: absolute;
	padding: 0;
	border-radius: 0 0 3px 3px;
	border: 1px solid #ccc;
	border-collapse:collapse;
	background:#FFF;
}
.h_nav li ul li {
	overflow: hidden;
	width: 173px;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
.h_nav li ul li a{
	background: #fff;
	font-size: 12px;
	font-weight: normal;
	height: 39px;
	font-weight: bold;
}
.h_nav li:hover ul li{
	overflow: hidden;
	height:auto !important;
	border-top: 1px solid #ccc;
}
.h_nav li:hover ul li:last-child {
	border-bottom: 1px solid #ccc;
}

/*20190508　追記*/

.h_nav_mega{
	height:0px;
	overflow:hidden;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}

.h_nav li:hover .h_nav_mega{
	color:#333;
	width:1000px !important;
	height:300px !important;
	background:#FFF;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}

.h_nav li:hover .h_nav_mega .f_box{
	border:none;
}

.h_nav li:hover .h_nav_mega .f_link p{
	
}

.h_nav li:hover .h_nav_mega ul{
	width:auto;
	position:static;
	border:none;
}

.h_nav li:hover .h_nav_mega ul li{
	width:auto;
	border:none;
	font-weight:normal;
	text-align:left;
}

.h_nav li:hover .h_nav_mega .f_link_area li:first-child{
	width:80px;
	border:none;
	font-weight:bold;
}

.h_nav li:hover .h_nav_mega .f_link_area li:first-child a{
	font-weight:bold;
}

.h_nav li:hover .h_nav_mega ul li a{
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:20px;
	height:auto;
	border:none;
	font-weight:normal;
	text-align:left !important;
	text-decoration:underline;
}

.h_nav li:hover .h_nav_mega ul li a:hover{
	background:#FFF;
}

/**/

.h_fix_wrap {
	position:fixed;
	background: #006600;
	height: 25px;
	width: 100%;
	z-index: 10;
	top: 0;
}
.h_fix {
	position:absolute;
	top: 0;
	right: 3%;
	width: 330px;
	overflow: hidden;
}
.h_fix .h_fix_advertise {
	float:left;
}
.h_fix .h_fix_advertise a {
	color: #fff;
	font-size: 12px;
	display: block;
	padding-top: 2px;
}
.h_fix .h_fix_advertise a:hover {
	color: #FFFF8C;
}
.h_fix ul {
	overflow: hidden;
	float: right;
}
.h_fix li {
	float: left;
	width: 110px;
	height: 32px;
}
.h_fix ul li a {
	display: block;
	width: 108px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	border: 1px solid #fff;
	border-top: none;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
.h_fix_login,
.h_fix_mailset {
	background: #8DB001;
}
.h_fix_login:hover,
.h_fix_mailset:hover {
	background: #708c00;
}
.h_fix_regist {
	background: #EE7701;
}
.h_fix_regist:hover {
	background: #d66b00
;
}
.h_fix_logout {
}
.h_fix_logout a {
	border: none;
	width: 110px;
	font-size: 12px;
	line-height: 25px;
	height: 25px;
}
.h_fix_logout a:hover {
	color: #ccc;
}

/* メイン大枠 start-------------------*/
.main_wrap{
	width:1000px;
	margin:auto;
	content:"";
	clear:both;
	display:block;
	overflow:hidden;
	height:auto;
	padding-bottom:15px;
}
.pan_wrap{	
	width:1000px;
	margin:0 auto 10px;
	text-align:left;
	font-size:12px;
	line-height:15px;
	color:#300000;
	overflow: hidden;
}
.pan_wrap div {
	padding-right: 5px;
	float: left;
}
/* メイン大枠 end---------------------*/
/* メインコンテンツ start-------------*/
.contents_wrap{
	width:680px;
	float:right;
	font-size:15px;
	line-height:27px;
	color:#333;
	text-align:left;
}
.contents {
	margin:auto;
	content:"";
	display:block;
	overflow:hidden;
	border: 1px solid #CCCCCC;
	border-top: 3px solid #006600;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	padding-bottom:5px;
	background: #fff;
	margin-bottom: 15px;
}
.web_title {
	margin-bottom: 15px;
}

.web_title_top_kiji{
	margin:0 auto 15px;
	width:95%;
}
/* メインコンテンツ end---------------*/


/* サイドバー side
---------------------------------------- */

.side_wrap{/* style.cssにて同じ記述あり*/ 
	width:300px;
	float:left;
	font-size:13px;
	line-height:22px;
	color:#333333;
}
.side_wrap a{/* style.cssにて同じ記述あり*/ 
	color:#0000B2;
	text-decoration:none;
}
#side-fixed{width:300px;}

.side_ad {
	margin-bottom: 15px;
}
.side_box {
	background: #fff;
	border: 1px solid #ccc;
	border-top: 3px solid #006600;
	margin-bottom: 20px;
}
.side_box_tl {
	height: 36px;
	border-bottom: 1px dotted #ccc;
}
.side_box_tl span {
	display: block;
	line-height: 36px;
	font-weight: bold;
	padding: 0 10px;
}
.side_article {
}
.side_article li {
	position:relative;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding: 9px;
	min-height: 60px;
}
.side_article li:last-child {
	border-bottom: none;
}
.side_article li:hover {
	background: #eee;
}
.side_article a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background/*\**/: #fff\9;
	filter: alpha(opacity=0);
}
.side_article a span {
	position:absolute;
	font-size: 11.5px;
	line-height: 20px;
	top: 20px;
	left: 80px;
	width: 215px;
	height: 40px;
	color: #333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.side_article img {
	max-width: 60px;
	max-height: 60px;
}

.side_cate_article {
}
.side_cate_article li {
	position:relative;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding: 9px;
}
.side_cate_article li:last-child {
	border-bottom: none;
}
.side_cate_article li a {
	background: url(/img/side_yaji_icon1.jpg) no-repeat 0 4px;
	display: block;
	text-indent: 20px;
}
.side_cate_article li a span {
	font-size: 11.5px;
	line-height: 20px;
	color: #333;
	text-decoration: underline;
	overflow: hidden;
}

.side_list {
	overflow: hidden;
}
.side_list li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
.side_list li:nth-of-type(2n-1) {
	border-right: 1px solid #ccc;
}
.side_list li:nth-last-child(2),
.side_list li:last-of-type {
	border-bottom: none;
}
.side_list a {
	color: #333;
	padding: 10px 0 10px 20px;
	position: relative;
	display: block;
	vertical-align: middle;
	font-size: 12px;
}
.side_list a:hover {
	background: #eee;
}
.side_list a:before,
.side_list a:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content:"";
	vertical-align: middle;
}
.side_list a:before{
	left: 5px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #7a0;
	border-right: 2px solid #7a0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.side_keyword {
    margin-bottom: 20px;
    overflow: hidden;
}
.side_keyword_tl {
font-size: 14px;
    margin: auto auto 15px auto;
    font-weight: bold;
    padding: 0 0 0px 28px;
    border-bottom: 2px solid #006600;
    background: url(/img/common/side_keywords_icon.png) no-repeat 0 40%;
    line-height: 30px;
}


.side_keyword ul {


}
.side_keyword li {
    float: left;
    margin: auto 7px 7px auto;
}
.side_keyword li a{
    background: #DDD;
    text-align: center;
    padding: 2px 8px;
    display: block;
    color: #333;
    border-top: 1px solid #AAA;
    font-size: 12px;

}
.side_keyword li a:hover{
	background: #CCC;
	color:#333;
}


/* side_quick　クイック検索
---------------------------------------- */
.side_quick {
	width: 280px;
	padding: 9px;
	border: 1px solid #999;
	background: #fff;
	border-top: 3px solid #006600;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.side_quick i,
.side_member i {
	font-size: 15px;
	font-weight: bold;
	padding-right: 5px;
	position:relative;
}
.side_quick_tl {
	overflow: hidden;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.side_quick_tl h3 {
	font-size: 15px;
	line-height: 1.5rem;
	border-bottom: 1px dashed #999;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.side_quick_tl a {
	display: block;
	color: #006600;
	font-weight: bold;
	text-align: right;
}
.side_quick_tl a:hover {	color: #999;}

.side_quick_select {
	background: #E8EFE2;
	padding: 15px;
}
.side_quick_select ul {
	overflow: hidden;
}
.side_quick_select li {
	overflow: hidden;
	margin-bottom: 5px;
}
.side_quick_select span {
	display: block;
	float: left;
	margin-right: 5px;
	width: 70px;
	line-height: 30px;
}
.side_quick_select select {
	float: left;
	cursor: pointer;
	width: 175px;
	padding: 5px;
}
.side_quick_select select:hover {
	background: #FFEFDF;
}
.side_quick_btm {
	overflow: hidden;
	padding-top: 10px;
}

.side_quick_btmlink {
}
.side_quick_btmlink a {
	display: block;
	line-height: 22px;
	font-size: 12px;
	color: #006DD9;
	text-decoration: underline;
}
.side_quick_btmlink a:hover {	color: #999;}

.side_quick_submit {
	width: 200px;
	margin: 0 auto 15px;
}
.side_quick_submit input {
	display: block;
	cursor: pointer;
	width: 200px;
	height: 45px;
	line-height: 45px;
	background: #EE7701;
	color: #fff;
	border-radius: 3px;
	border: none;
	font-size: 15px;
	font-weight: bold;
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-appearance: none;
}
.side_quick_submit input:hover {
	background: #DF6800;
}
.side_quick_chara {
	position:absolute;
	bottom: 10px;
	right: 15px;
}
.side_quick_chara img {
	width: 40px;
}


/* side_bnr　サイドバーバナー
---------------------------------------- */
.side_bnr {
}
.side_bnr a,
.side_bnr a img {
	display: block;
}
.side_bnr a:hover img {
	visibility: hidden;
}
.side_bnr_sell {
	margin-bottom: 20px;
}
.side_bnr_sell a {
	background: url(/img/side/sell_bnr_on.jpg) no-repeat 0 0;
}

/* side_kiji_pickup　サイドバー記事ピックアップ
---------------------------------------- */
.side_kiji_pickup {
}
.side_kiji_pickup ul {
	overflow: hidden;
}
.side_kiji_pickup li {
	padding: 8px 5px;
	margin: 0 3px;
	border-bottom: 1px solid #ccc;
}

.side_kiji_pickup li:last-of-type {
	border-bottom: none;
}

.side_kiji_pickup li:last-of-type p{
	overflow:hidden;

    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 4;
}

.side_kiji_pickup a {
	display: block;
	position:relative;
	overflow: hidden;
	padding: 5px;
}
.side_kiji_pickup a:hover {
	background:#eee	!important;
}
.side_kiji_pickup a span {
	width: 115px;
	display: block;
	float: left;
}
.side_kiji_pickup a span img {
	display: block;
}
.side_kiji_pickup a p {
	line-height: 20px;
	font-size: 12px;
	float: right;
	width: 140px;
	color: #333;
	height:80px;
}
.side_kiji_pickup i {
	position:absolute;
	top: 8px;
	left: 103px;
	color: gold;
	font-size: 15px;
	text-shadow: 
        #333 1px 1px 0, #333 -1px -1px 0,/*右下、左上*/
        #333 -1px 1px 0, #333 1px -1px 0,/*右上、左下*/
        #333 0px 1px 0, #333  0-1px 0,/*右、左*/
        #333 -1px 0 0, #333 1px 0 0;/*上、下*/
}

.side_kiji_pickup_more{
	width:280px;
	margin:0 auto 10px;
}

.side_kiji_pickup_more a{
	background-color: #006600;
	color: #fff;
	height: 30px;
	border-radius: 3px;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	letter-spacing:1px;
}

.side_kiji_pickup_more a:hover {
	background-color: #005500 !important;
	color: #fff !important;
}

/* フッター footer
---------------------------------------- */
.footer_wrap {
	border-top: 5px solid #006600;
	padding-top: 20px;
	background: #EFFBE1;
}
.f_box {
	width: 960px;
	margin: 0 auto 20px;
	border: 1px solid #ccc;
	padding: 19px;
	overflow: hidden;
	background: #fff;
	position: relative;
}
.f_link {
	float: left;
	font-size: 11px;
	line-height: 20px;
	margin-right: 20px;
}
.f_link:last-of-type {
	margin-right: 0;
}
.f_link p {
	background: #eee;
	line-height: 30px;
	border-radius: 3px;
	padding: 0 10px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}
.f_link ul {
	padding: 0 10px;
}
.f_link a {	color: #333;	display: block;}
.f_link a:hover {	color: #999;}
.f_link_area {
	width: 360px;
}
.f_link_area ul {
	overflow: hidden;
}
.f_link_area li {
	float: left;
	margin-right: 7px;
}
.f_link_area li:first-child {
	font-weight: bold;
	width: 80px;
}
.f_link_kind,
.f_link_rimawari,
.f_link_toku,
.f_link_contents {
	width: 180px;
}
.f_link_seminar {
	width: 280px;
}
.f_link_study {
	width: 460px;
}
.f_link_seminar ul,
.f_link_study ul {
	float: left;
}
.footer_ssl {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 230px;
}

.footer_submenu{
	width:100%;
	background-color:#006600;
	color:#FFF;
	line-height:27px;
}
.footer_submenu_waku{
	width:1000px;
	margin:auto;
	content:"";
	clear:both;
	display:block;
	overflow:hidden;
	height:auto;
	background-color:#006600;
	color:#FFF;
	padding-bottom:10px;
}
.footer_submenu_title{
	color:#FFF;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	border-left:6px solid #FFF;
	text-indent:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.footer_submenu_waku ul{
	width: 915px;
	margin:0px;
}
.footer_submenu_waku li{
	font-size:12px;
	float:left;
	border-left:1px dotted #FFFFFF;
	padding-left:10px;
	padding-right:10px;
}
.footer_submenu_waku li:last-child{
	border-left:1px dotted #FFFFFF;
	border-right:1px dotted #FFFFFF;
	padding-left:10px;
	padding-right:10px;	
}
.footer_submenu_waku li a:link{
	display:block;
	color:#FFF;
}
.footer_submenu_waku li a:visited{
	color:#FFF;
}
.footer_copy {
	font-size:10px;
	height: 30px;
	line-height:30px;
	width: 100%;
	min-width: 1000px;
	background:rgba(3,59,3,1);
	color:#FFF;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
/* フッター end-----------------------*/
/* コンテンツ共通 start---------------*/
.contents_inbox{
	width:640px;
	margin-right:20px;
	margin-left:20px;
	margin-top:10px;
	border-top:1px solid #CCC;
	padding-bottom: 5%;
	clear: both;
}
.contents_inbox h3{
	background-color:#F1F6E0;
	line-height:30px;
	font-size:20px;
	font-weight:bold;
	clear:both;
	padding: 0.5em 0.7em;
	margin-top:10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.contents_inbox h4{
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	border-left:4px solid #006600;
	border-bottom:1px solid #CCCCCC;
	clear:both;
	margin-top:20px;
	padding-left: 0.6em;
	margin-bottom:10px;
	overflow: hidden;
}
.contents_inbox h5{
	background-image:url("/img/pochi2.png");
	background-repeat:no-repeat;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	color:#006600;
	margin-top:5px;
	padding-left: 1.6em;
	margin-bottom:5px;
	clear:both;
	overflow: hidden;
}
.contents_inbox ul{
	list-style-type:none;
	margin:10px 0 20px 0;
	clear:both;;
}
.contents_inbox li{
	background-image:url("/img/pochi.png");
	background-repeat:no-repeat;
	background-position:0px 5px;
	text-indent:1.4em;
	line-height:27px;
}
.sub_title2{
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	border-left:18px solid #85B200;
	clear:both;
	margin-top:20px;
	margin-bottom: 20px;
}
.contents_inbox img{
	width: 80%;
	margin-right:auto;
	margin-left:auto;
	display: block;
}
.contents_inbox img.right{
	width: 34%;
	float: right;
	display: block;
	margin: 0 2% 2% 2%;
}
.contents_inbox img.left{
	width: 34%;
	display: block;
	float: left;
	margin: 0 2% 2% 2%;
}

.contents_inbox img.hakase-left{
	width: 25%;
	float: left;
	margin: 0 2% 2% 2%;
}

.contents_inbox img.hakase-right{
	width: 25%;
	float: right;
	margin: 0 2% 2% 2%;
}
.point{
	width: 90%;
	background-image:url("/img/yubi.jpg");
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#FF0000;
	line-height:35px;
	clear:both;
	margin-top:20px;
	padding-left: 40px;
	margin-bottom:10px;
	overflow: hidden;
	margin-bottom:-5px;
}

.chui{
	width: 90%;
	background-image:url("/img/chui.jpg");
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#FF0000;
	line-height:35px;
	clear:both;
	margin-top:20px;
	padding-left: 40px;
	margin-bottom:10px;
	overflow: hidden;
	margin-bottom:-5px;
}

.contents_inbox p{
	line-height: 24px;
	font-size: 15px;
	padding :10px 0 15px 0;
	overflow: hidden;
}

.btn {
    display: inline-block;
    padding: 10px;
    border-radius: 5px; /*optional*/
    color: #aaa;
    font-size: .875em;
}

.waku100{
	width:100%;
	content:"";
	clear:both;
	display:block;
	overflow:hidden;
	height:auto;
	margin:0;
	padding:0;
}

.small1{
	font-size:12px;
	line-height:18px;
}

.small2{
	font-size:13px;
	line-height:18px;
}

.list_left{
	float:left;
	width:60%;
}

.list_right{
	float:right;
	width:60%;
}
/*キーワードタグ*/

.taguwaku1{
	width:96%;
	margin: 5px 2%;
	padding: 5px 0;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}
.taguwaku1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.taguwaku1 ul li {
	display: inline-block;
	margin: 0 0 0 15px;
	padding: 0;
}
.taguwaku1 ul li a {
	position: relative;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 0.6em;
	background-color: #99B23F;
	border-radius: 0 3px 3px 0;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
}
.taguwaku1 ul li a::before {
	position: absolute;
	top: 0;
	left: -10px;
	content: '';
	width: 0;
	height: 0;
	border-color: transparent #99B23F transparent transparent;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	-webkit-transition: .2s;
	transition: .2s;
}
.taguwaku1 ul li a::after {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -3px;
	background-color: #fff;
	border-radius: 100%;
}
.taguwaku1 ul li span {
	display: block;
	max-width: 100px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.taguwaku1 ul li a:hover {
	background-color: #555;
	color: #fff;
}
.taguwaku1 ul li a:hover::before {
	border-right-color: #555;
}
/*キーワードタグ　end*/

/*キーワードタグ2*/

.taguwaku2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.taguwaku2 ul li {
	display: inline-block;
	margin-bottom: 7px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #E7E7E7;
	background-color: #EEEEEE;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */ 
}
.taguwaku2 ul li a {
	position: relative;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	color: #0000B2;
	font-size: 13px;
	text-decoration: none;
}
.taguwaku2 ul li span {
	display: block;
	max-width: 100px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
/*キーワードタグ2　end*/
/*snsアイコン start*/
.sns_iconwaku{
	width:98%;
	margin-right:2%;
	overflow: hidden;
	margin-bottom:5px;
}

.sns_icon1{
	float:right;
}
.sns_icon1 img{vertical-align:top;}
.sns_icon2{
	float:right;
	margin-left:10px;
}
.sns_icon2 img{vertical-align:top;}

/* コンテンツボトム contents_bottom
---------------------------------------- */
.cb_box {
	background: #fff;
	border: 1px solid #ccc;
	border-top: 3px solid #006600;
	margin-bottom: 20px;
}
.cb_box_tl {
	height: 36px;
	border-bottom: 1px dotted #ccc;
}
.cb_box_tl span {
	display: block;
	line-height: 36px;
	font-weight: bold;
	padding: 0 10px;
}
.cb_article {
	overflow: hidden;
	padding: 9px;
}
.cb_article li {
	position:relative;
	overflow: hidden;
	padding: 9px;
	float: left;
	width: 200px;
	height: 265px;
	text-align: center;
}
.cb_article li:nth-child(1),
.cb_article li:nth-child(2),
.cb_article li:nth-child(3){
	border-bottom: 1px solid #ccc;
}
.cb_article li:nth-child(4),
.cb_article li:nth-child(5),
.cb_article li:nth-child(6){
}
.cb_article li:hover {
	background: #eee;
}
.cb_article a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background/*\**/: #fff\9;
	filter: alpha(opacity=0);
}
.cb_article a span {
	position:absolute;
	font-size: 11.5px;
	line-height: 20px;
	top: 215px;
	left: 10px;
	width: 200px;
	height: 60px;
	color: #333;
	text-decoration: underline;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-align: left;
}
.contents_bottom{
}

.contents_bottom h3, .c_bottom_title{
	font-size: 16px;
	margin-top: 30px;
	padding-bottom: 0;
	color:#006600;
	font-weight: bold;
}

.box {
	border: 1px solid #ddd;
	border-top: 3px solid #006600;
	padding: 14px;
	margin-bottom: 15px;
	width: 650px;
	overflow: hidden;
	background: #fff;
}



/* コンテンツ共通 end-------------------*/
/* ページャー start---------------------*/
.pagination {
	clear:both;
	position:relative;
	padding: 30px 0 30px 0;
	text-align:center;
	margin:
	width:90%;
	line-height:45px;
}
.pagination a:link{
	text-decoration:underline;
}
.pagination a:hover{
	color:orange;
}
.page {
    display: inline-block;
    padding: 3px 18px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
/* ページャー end---------------------*/

/* トップへ戻るスクロール start-------*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index: 100;
}
#page-top a {
	background:url(/img/pagetop.png);
	background-repeat:no-repeat;
    text-decoration: none;
    color: #fff;
    width: 85px;
    height: 85px;
    padding: 35px 15px 11px 15px;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
	background:url(/img/pagetop_on.png);
	background-repeat:no-repeat;
    text-decoration: none;
}
.sankaku {
border:10px solid transparent;
border-bottom-color:#FFF;
border-top-width:0;
top:20px;
content:"";
display:block;
left:47px;
position:absolute;
width:0;
}
/* トップへ戻るスクロール end-------*/
/*一覧ページページャー　start*/
.onayami_list_pager1{
	text-align:center;	
	width:640px;
	height:35px;
	margin-bottom:15px;
	margin-left:20px;
}
.onayami_list_pager1-1{
	float:right;
	width:80px;
	font-size:13px;
	background-color:#333;
	color:#FFF;
	font-size:13px;
	line-height:35px;
	text-align:center;
	margin-right:10px;
}
.onayami_list_pager1-1 a{
	display:block;
	color:#FFF;
}
.onayami_list_pager1-2{
	float:right;
}
.onayami_list_pager1-2 li{
	float:left;
	margin-right:10px;
	border:1px solid #CCC;
	color:#333;
	font-weight:bold;
	font-size:13px;
	line-height:20px;
	text-align:center;
	margin-right:10px;
}
.onayami_list_pager1-2 li a{
	float:left;
	display:block;
	color:#333;
	text-decoration:none;
	padding:6px;
}
.ifmypage{
	background-color:#EEE;
	padding:6px;
}
.onayami_list_pager1-3{
	float:right;
	width:80px;
	font-size:13px;
	background-color:#333;
	color:#FFF;
	font-size:13px;
	line-height:35px;
	text-align:center;
}
.onayami_list_pager1-3 a{
	display:block;
	color:#FFF;
}

.onayami_iconwaku{
	width:100%;
}

.onayami_icon1{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.onayami_icon1 img{vertical-align:top;}
.onayami_icon2{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.onayami_icon2 img{vertical-align:top;}

.onayamicontents_inbox{
	width:640px;
	margin-right:20px;
	margin-left:20px;
	margin-top:10px;
	border-top:1px solid #CCC;
	padding-top: 15px;
	padding-bottom: 20px;
	clear: both;
}
.search_weblist_text1 {
    width: 640px;
    height: 30px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #CCC;
}
.series_list_text1{
    margin-left: 20px;
	margin-bottom:-25px;
	
}
/*一覧ページページャー　end*/

/*関連記事 start*/
.box_kanren_wrap{
	width:650px;
	border:1px solid #CCC;
	background-color:#FFF;
	overflow:hidden;
	padding:15px;
}
.box_kanren_wrap h3{
	font-size:16px;
	line-height:25px;
	font-weight:bold;
    border-bottom: 2px solid #006600;
    margin-bottom: 5px;
	padding:0px;
}
.box_kanren ul{
	padding:0px;
}
.box_kanren li{
	border-bottom:1px solid #CCC;
	font-size:14px;
	line-height: 24px;
	position: relative;
	overflow: hidden;
	padding: 5px;
	min-height: 50px;
}
.box_kanren li:hover {
	background:#E2F5CD;
}
.box_kanren li a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background/*\**/: #fff\9;
	filter: alpha(opacity=0);
}
.box_kanren li a span {
	position: absolute;
	left: 90px;
	top: 5px;
	width: 555px;
	height: 45px;
	overflow: hidden;
	color: #333;
	font-weight: bold;
}
.box_kanren li > span{
	float: left;
	width: 70px;
}
.box_kanren li span img{
}
/*関連記事 end*/
/* 投資博士用 submenu */
.h_submenu_wrap {
	overflow: hidden;
	margin: 0 auto 10px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
.h_submenu {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 12px;
}
.h_submenu a {	color: #006DD9;}
.h_submenu a:hover {	color: #999;}
.h_ad {
	float: left;
	width: 580px;
	height: 23px;
}
.h_ad p {
}
.h_ad span {
	font-size: 11px;
	background: #dd0000;
	color: #fff;
	padding: 0 5px;
	margin-right: 5px;
}
.h_ad {
}
.h_submenu ul {
	float: right;
}
.h_submenu li {
	float: left;
	margin-left: 15px;
}
.h_submenu a {
}

/* 投資博士用 submenu
.h_submenu_wrap {
	overflow: hidden;
	width: 990px;
	margin: 10px auto;
	padding: 5px;
	background: url(/img/common/h_submenu_bg.gif) repeat;
}
.h_submenu_wrap ul {
	overflow: hidden;
}
.h_submenu_wrap li {
	float: left;
	height: 40px;
	width: 130px;
}
.h_submenu_wrap a {
	display: block;
	height: 40px;
	width: 130px;
	color: #333;
	text-decoration: none;
}
.h_submenu {
	float: left;
}
.h_submenu li {
	background: #fff;
	margin-right: 1px;
}
.h_submenu a {
	background: url(/img/common/h_submenu_arrow.jpg) no-repeat 5px 50%;
	line-height: 40px;
	font-size: 12px;
	font-weight: bold;
	text-indent: 12px;
	text-align: center;
}
.h_submenu li:hover {
	background: #99B23F;
}
.h_submenu li:hover a {
	background: url(/img/common/h_submenu_arrow_on.jpg) no-repeat 5px 50%;
	color: #fff;
}
.h_sub_ad {
	float: right;
}
.h_sub_ad li {
	margin-left: 5px;
}
.h_sub_ad img {
	width: 130px;
	height: 40px;
}
.h_sub_ad a:hover img {
	opacity: 0.8;
}
.h_sub_ad_pr {
	width: 45px!important;
}
.h_sub_ad li span {
	display: block;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
}
 */

/* wide formbnr */
.wide_formbnr_wrap {
	margin: 0 auto 20px;
	width: 1000px;
}
.wide_formbnr_wrap a {
	display: block;
	background: url(/img/common/formbnr_1000_on.png) no-repeat;
}
.wide_formbnr_wrap img {
}
.wide_formbnr_wrap a:hover img {
	visibility: hidden;
}
.btm_halfbnr {
	margin: 0 auto 20px;
	width: 1000px;
	overflow: hidden;
}
.btm_halfbnr p {
	float: left;
	width: 490px;
	height: 105px;
}
.btm_halfbnr a {
	display: block;
	width: 485px;
	height: 100px;
}
.btm_halfbnr a:hover {
	margin: 5px 0 0 5px;
}
.btm_halfbnr p:first-child {
	margin-right: 10px;
}

/* bottom_adbnr */
.bottom_adbnr_wrap {
	width: 1000px;
	margin: 0 auto 20px;
}
.bottom_adbnr_wrap ul {
	overflow: hidden;
}
.bottom_adbnr_wrap li {
	float: left;
	width: 200px;
	margin-left: 10px;
	text-align: right;
}
.bottom_adbnr_wrap a {	display: block;}
.bottom_adbnr_wrap a:hover {	opacity: 0.8;}
.b_adbnr_title {
	line-height: 53px;
	margin: 0!important;
	text-align: center!important;
	font-size: 12px;
	font-weight: bold;
	border: 1px dotted #999;
	height: 53px;
	width: 158px!important;
}
/* web backnumber */
.web_backnumber {
	margin: 0 15px 15px;
	border: 1px solid #E3D5AF;
	padding: 2px;
	clear: both;
}
.web_backnumber p {	background: #F7F3E8;}
.web_backnumber p:hover {	background: #E3D5AF;}
.web_backnumber a {
	background: url(/img/common/web_bn_icon.gif) no-repeat 15px 50%;
	display: block;
	padding: 5px 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.web_backnumber br {	display: none;}



/* ＣＭ広告　ＣとＤ */
.cb_cm_tl {
	border-bottom: 1px solid #333;
}
.cb_cm_tl span {
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
}
.cm-cd_wrap{
	width:660px;
	margin-left:20px;
}
.cm-cd{
}
.cm-cd ul{
}
.cm-cd li{
	display: inline-block;
	padding:5px auto;
}
.cm-cd_right{
	padding-right:30px;
}
.cm-cd p{
	font-size:12px;
}

/* ＣＭ広告④ */
.cm4_wrap{
	width:680px;
	margin-top:15px;
}
.cm4{
}
.cm4 ul{
}
.cm4 li{
	display: inline-block;
	padding:5px auto;
}
/* new_mark */
.new_mark {
	font-size: 11px;
	color: #ff0000;
}

/* common_bottom */
.while_link {
	margin: 0 14px;
	font-size: 13px;
}
.while_link li:before {
	content: "■";
	font-size: 10px;
	margin-right: 5px;
}
.while_link a {	color: #006DD9;}
.while_link a:hover {	color: #999;}


/* アプリへのリンク
-------------------------------------------------- */
.bnr-app {	margin-bottom: 20px;}
.bnr-app p a {
	display: block;
	border: 5px solid #333;
}
.bnr-app p a:hover {	border: 5px solid #85B200;}




/*募集用バナー枠*/
.boshu_banner_wrap{
	overflow:hidden;
	margin-bottom:15px;
}
.boshu_banner_wrap ul{
	margin:0px;
}
.boshu_banner_wrap li{
	float:left;
	margin-right:10px;
}
.boshu_banner_wrap li:last-child{
	margin-right:0px;
}

/*募集用バナー枠small*/
.boshu_banner_small_wrap{
	overflow:hidden;
	margin-bottom:15px;
}
.boshu_banner_small_wrap ul{
	margin:0px;
}
.boshu_banner_small_wrap li{
	float:left;
	margin-right:10px;
}
.boshu_banner_small_wrap li:last-child{
	margin-right:0px;
}

/* 20170123追加 記事隠し */

.s_company b {
	color: red;
}
.show_mask_txt {
    background: url(/study/img/parts_mask.jpg) no-repeat;
    width: 100%;
    height: 280px;
    text-align: center;
    display: table;
    background-size: 100%;
}
.show_mask_txt p {

    line-height: 280px;
    /* display: table-cell; */
}

.show_mask_txt p img {

    line-height: 280px;
    vertical-align: middle;
    width: 270px;
    height: 76px;
    float: none;
    margin: 0;
}
.show_mask_txt a {
    display: inline-block;
width: 100%;
}

.show_mask_txt a:hover {
	background-color: transparent; /* IE6対応 */
}
.show_mask_txt p:hover {
    background: url(/study/img/parts_mask_button_on.png) no-repeat;
    background-position: middle;
    background-position: center center;

}


.show_mask_txt p:hover img {
    visibility: hidden;
}
.s_mask_more {
    font-weight: bold;
    margin-bottom: 3px;
}
.s_mask_more a {
    text-decoration: none;
    color: #00f;

}
.s_mask_more a:hover {
    color: #999;
}

/* floating_btn (list shosai)
-------------------------------------------------- */
.floating_btn {
	position: fixed;
	top: 235px;
	width: 55px;
	left: 50%;
	z-index: 999;
	margin-left: 510px;
}
.floating_btn p {
	margin-bottom: 10px;
	width: 55px;
}
.floating_btn a {
	display:block;
	width: 55px;
}
.floating_btn a:hover img {
	visibility: hidden;
}
.floating_btn p:nth-child(1) {
	background: url(/img/common/floating_mail_on.png) no-repeat 100% 0;
}
.floating_btn p:nth-child(2) {
	background: url(/img/common/floating_change_on.png) no-repeat 100% 0;
}
/* floating_left (左のfloatingボタン)
-------------------------------------------------- */
.floating_left {
	position: fixed;
	top: 235px;
	width: 100px;
	right: 50%;
	z-index: 999;
	margin-right: 510px;
}
.floating_left p {
	margin-bottom: 10px;
	width: 100px;
	background: url(/fair/img/floating_on.png) no-repeat 100% 0;
}
.floating_left a {
	display:block;
	width: 100px;
}
.floating_left a:hover img {
	visibility: hidden;
}

/* sell_link_sellers (sell) 売却査定誘導
-------------------------------------------------- */

.link_sellers{
	margin:15px;}

.link_sellers a:hover{
	color:#ff9900;
}

/* fair_w_bnr (list shosai contents_bottom) フェアまで限定
-------------------------------------------------- */
.fair_m_bnr {
	margin: 0 0 15px 0;
	width: 680px;
}
.fair_m_bnr a {
	display: block;
	background: url(/img/common/fairbnr_680_on.jpg) no-repeat 0 0;
	width: 680px;
	height: 100px;
}
.fair_m_bnr a:hover img {
	visibility: hidden;
}
.fair_w_bnr {
	margin: 0 auto 15px;
	width: 1000px;
}
.fair_w_bnr a {
	display: block;
	background: url(/img/common/fairbnr_1000_on.jpg) no-repeat 0 0;
	width: 1000px;
	height: 100px;
}
.fair_w_bnr a:hover img {
	visibility: hidden;
}
.bnr-fair_side {	margin-bottom: 15px;}
.bnr-fair_side p a {
	display: block;
	background: url(/fair/img/bnr_300_on.jpg) no-repeat 0 0;
}
.bnr-fair_side a:hover img {
	visibility: hidden;
}

/* bottom_ad
-------------------------------------------------- */
.bottom_ad {
	text-align: center;
	overflow: hidden;
	margin-bottom: 40px;
}
.bottom_ad p {
	margin: 20px;
}
.bottom_ad .side_keyword {	display: none;}

.bottom_ad .side_ad {
	display: inline-block;
	margin: 0 20px;
}

/* fair_bnr
-------------------------------------------------- */

#fair_bnr {
	padding-bottom:20px;
}
#fair_bnr a:hover {
	opacity: 0.8;
}