@charset "utf-8";

/*===============================================================
		Marine-net　PageContent-CSS			2018/04/17
=================================================================*/

/*---------------------------------------------------------------
	トップページ
-----------------------------------------------------------------*/
/*----------------------------------------------
	左カラム（メインコンテンツ）領域
------------------------------------------------*/
#content_left {
	width: 643px;
	height: 100%;
	margin: 0;
	padding: 0;
	float: left;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 14px;
}

#content_left h1,
#content_left h2,
#content_left h3,
#content_left h4,
#content_left h5,
#content_left h6{
	margin: 0;
}

#content_left p {
	margin: 0;
	font-weight: normal;
}

#content_left #maincontent {
	width: 100%;
	height: 100%;
}

/* Today's News */
#content_left #newswrap {
	width: 100%;
	padding-bottom: 20px;
	background-color: #fff;
}

#content_left #newswrap .news_title {
	display: table;
	width: 100%;
	height: 60px;
	background-image: -webkit-linear-gradient(#00a0c6 0%, #33b3d1 100%);
	background-image: linear-gradient(#00a0c6 0%, #33b3d1 100%);
}

#content_left #newswrap .news_title h4 {
	display: table-cell;
	padding-top: 4px;
	padding-left: 20px;
	vertical-align: middle;
	text-align: left;
	font-size: 23px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

#content_left #newswrap .news_title h4 span {
	font-size: 15px;
	font-weight: normal;
}

#content_left #newswrap .news_title h5 {
	display: table-cell;
	padding-top: 4px;
	padding-right: 20px;
	vertical-align: middle;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

#content_left #newswrap .news_article {
	display: table;
	padding: 15px 20px 0 20px;
}

#content_left #newswrap .news_article .txtwrap {
	display: table-cell;
	vertical-align: top;
}

#content_left #newswrap .news_article .picwrap {
	display: table-cell;
	vertical-align: top;
	padding-left: 20px;
}

#content_left #newswrap .news_article .picwrap img {
	max-width: 200px;
}

#content_left #newswrap .news_article h4 {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.6;
}

#content_left #newswrap .news_article h5 {
	margin: 8px 0 0 0;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.7;
}

#content_left #newswrap h6 {
	margin: 10px 0 0 0;
	padding-right: 20px;
	font-size: 1.4em;
	text-align: right;
}

/* スライダー領域 */
#content_left #slider_area {
	width: 100%;
	margin-top: 12px;
	background-color:#FFF;
	padding-top:12px;
	padding-bottom:12px;
}

#content_left #slider_area #mm_top_slider {
	width: 100%;
}

#content_left #slider_area .sp-arrow {
	position: absolute;
	display: block;
	width: 7px;
	height: 30px;
	cursor: pointer;
}

#content_left #slider_area .sp-vertical .sp-previous-arrow {
	top: 0;
}

#content_left #slider_area .sp-vertical .sp-next-arrow {
	bottom: 0;
}

#content_left #slider_area #loading {
	text-align: center;
	margin: 100px auto;
}

#content_left #slider_area #loading img {
	text-align: center;
	z-index: 7000;
}

#content_left #slider_area #mm_top_slider {
	visibility: hidden;
}

@media print {
	#content_left #slider_area #mm_top_slider {
		display: none;
	}
}

#content_left #slider_area .sp-buttons {
	padding-top: 5px;
	padding-left: 80px;
}

#content_left #slider_area .sp-button {
	width: 8px;
	height: 8px;
	background-color: #ccc;
	border: none;
	margin: 4px 4px 1px;
}

#content_left #slider_area .sp-selected-button {
	background-color: #00a0c6;
	border: none;
}

/* （メイン）バナー領域 */
#content_left #maincontent .main_banner_area {
	width: 100%;
	text-align: center;
	font-size: 0;
}

#content_left #maincontent .main_banner_area img {
	max-width: 300px;
	padding: 12px 6px 0;
}

/* カテゴリ別記事リスト */
#content_left #category_articles {
	margin-top: 12px;
}

#content_left #category_articles ul {
	list-style: none;
	padding: 0;
}

#content_left .category_list {
	margin-top: 1px;
	padding: 10px 0;
	background-color: #fff;
}

#content_left .category_list h5 {
	font-size: 20px;
}

#content_left .category_list h5.category {
	padding: 2px 15px 0 30px;
	background: url(../img/common/icon_bar.png) no-repeat left 47%;
	font-size: 23px;
	font-weight: bold;
	color: #265593;
}

#content_left .category_list .category span {
	vertical-align: middle;
	margin-left: 10px;
	font-size: 70%;
	color: #666666;
}

#content_left .category_list ul {
	margin: 5px 0 0 20px;
}

#content_left .category_list li {
	list-style: none;
	padding: 0 20px 3px 20px;
	background: url(../img/common/arrw_i_sky.png) no-repeat left 0.35em;
	font-size: 1em;
	/* font-weight: bold; */
}

#content_left .category_list li a {
	/* display: block; */
}

/* 新着トピックス */
/*
#content_left #topics {
	width: 100%;
	margin-top: 12px;
	background-color: #fff;
}

#content_left #topics .topics_title {
	width: 100%;
	background-image: -webkit-linear-gradient(#114488 0%, #40699f 100%);
	background-image: linear-gradient(#114488 0%, #40699f 100%);
}

#content_left #topics .topics_title span {
	display: block;
	line-height: 36px;
	padding: 4px 10px 0 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
}

#content_left #topics ul.topics_list {
	display: block;
	width: 100%;
	margin: 0;
	padding: 15px 0 15px 20px;
}

#content_left #topics ul.topics_list li {
	display: table;
	width: 595px;
	border: 0;
	padding: 4px 0 2px 15px;
	background: url(../img/common/arrw_i_sky.png) no-repeat left 8px;
}

#content_left #topics ul.topics_list li .tp_date {
	display: table-cell;
	vertical-align: top;
	width: 85px;
	padding-top: 3px;
	line-height: 14px;
	font-size: 13px;
}

#content_left #topics ul.topics_list li .tp_category {
	display: table-cell;
	width: 90px;
	vertical-align: top;
	text-align: center;
}

#content_left #topics ul.topics_list li .tp_category span {
	display: block;
	margin-top: 2px;
	width: 80px;
	padding-top: 2px;
	line-height: 14px;
	font-size: 10.5px;
	color: #fff;
	text-align: center;
	background-color: #00a0c6;
}

#content_left #topics ul.topics_list li .tp_update {
	display: table-cell;
	width: 46px;
	vertical-align: top;
	text-align: center;
}

#content_left #topics ul.topics_list li .tp_update span {
	display: block;
	margin-top: 2px;
	width: 36px;
	padding-top: 2px;
	line-height: 12px;
	font-size: 10.5px;
	color: #c60095;
	text-align: center;
	border: 1px solid #c60095;
	border-radius: 1em; 
}

#content_left #topics ul.topics_list li .tp_headline {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	font-size: 1em;
	line-height: 1.5;
	font-weight: bold;
}

#content_left #topics ul.topics_list li .tp_headline a {
	display: block;
}
*/

/* 新着トピックス */
#content_right #topics {
	width: 100%;
	margin-top: 12px;
	background-color: #fff;
}

#content_right #topics .topics_title {
	width: 100%;
	background-image: -webkit-linear-gradient(#114488 0%, #40699f 100%);
	background-image: linear-gradient(#114488 0%, #40699f 100%);
}

#content_right #topics .topics_title span {
	display: block;
	line-height: 36px;
	padding: 4px 10px 0 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
}

#content_right #topics ul.topics_list {
	display: block;
	width: 100%;
	margin: 0;
	padding: 15px 0 15px 20px;
}

#content_right #topics ul.topics_list li {
	display: table;
	width: 595px;
	border: 0;
	padding: 4px 0 2px 15px;
	background: url(../img/common/arrw_i_sky.png) no-repeat left 8px;
}

#content_right #topics ul.topics_list li .tp_date {
	display: table-cell;
	vertical-align: top;
	width: 85px;
	padding-top: 3px;
	line-height: 14px;
	font-size: 13px;
}

#content_right #topics ul.topics_list li .tp_category {
	display: table-cell;
	width: 90px;
	vertical-align: top;
/*	text-align: center;	*/
}

#content_right #topics ul.topics_list li .tp_category span {
	display: block;
	white-space: nowrap;
	margin-top: 2px;
	width: 100px;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	line-height: 14px;
	font-size: 10.5px;
	color: #fff;
	text-align: center;
	background-color: #00a0c6;
}

#content_right #topics ul.topics_list li .tp_update {
	display: table-cell;
	width: 46px;
	vertical-align: top;
	text-align: center;
}

#content_right #topics ul.topics_list li .tp_update span {
	display: block;
	margin-top: 4px;
	width: 36px;
	padding-top: 2px;
	line-height: 12px;
	font-size: 10.5px;
	color: #c60095;
	text-align: center;
	border: 1px solid #c60095;
	border-radius: 1em; 
}

#content_right #topics ul.topics_list li .tp_headline {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	font-size: 1em;
	line-height: 1.5;
	font-weight: bold;
}

#content_right #topics ul.topics_list li .tp_headline a {
	display: block;
	margin-top: 2px;
	margin-bottom: 4px;
}

/* トップページのタイルバナー */
#content_left #toppage_tile {
	margin-top: 12px;
}

#content_left #toppage_tile ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content_left #toppage_tile ul li {
	width: 319px;
	height: 150px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}

#content_left #toppage_tile ul li img {
	max-width: 319px;
	max-height: 150px;
}

#content_left #toppage_tile ul li:nth-child(even) {
	margin-right: 0px;
}


/*----------------------------------------------
	右カラム領域（サイドコンテンツ）
------------------------------------------------*/
#content_right {
	width: 320px;
	height: 100%;
	margin: 0;
	padding: 0;
	float: right;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 14px;
}

#content_right h1,
#content_right h2,
#content_right h3,
#content_right h4,
#content_right h5,
#content_right h6 {
	margin: 0;
	font-weight: normal;
}

#content_right p {
	margin: 0;
	font-weight: normal;
}

#content_right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 広告バナー */
#content_right .side_banner_area {
	background-color:#FFF;
	padding-top:5px;
	margin-bottom:5px;
}

#content_right .side_banner_area .ad_bnr {
    text-align: center;
}

#content_right .side_banner_area .ad_bnr > a {
    display: inline-block;
    margin-bottom: 5px;
}

/* 記事セクション */
#content_right .article_section {
	width: 100%;
	background-color: #fff;
}

#content_right .section_title {
	display: table;
	width: 100%;
	height: 32px;
	background-image: -webkit-linear-gradient(#666666 0%, #848484 100%);
	background-image: linear-gradient(#666666 0%, #848484 100%);
}

#content_right .section_title h2 {
	display: table-cell;
	padding: 4px 10px 0 10px;
	vertical-align: middle;
	text-align: left;
	font-size: 15.5px;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	white-space: nowrap;
}

#content_right .section_title h3 {
	display: table-cell;
	padding: 4px 10px 1px 0;
	vertical-align: middle;
	text-align: right;
	font-size: 10.5px;
	font-weight: normal;
	line-height: 1.3;
	color: #fff;
}

#content_right .section_title h3 .btn {
	min-width: 60px;
	line-height: 20px;
	padding-top: 2px;
	font-size: 11px;
	margin-bottom: 2px;
	font-weight: normal;
	border-radius: 13px;
}

#content_right .section_title h3 .btn.skyblue:hover {
	opacity: 1;
	background-image: -webkit-linear-gradient(#4ac1dd 0%, #00b2dd 100%);
	background-image: linear-gradient(#4ac1dd 0%, #00b2dd 100%);
}

#content_right .section_title h3 .btn.gray:hover {
	opacity: 1;
	background-image: -webkit-linear-gradient(#929292 0%, #7a7a7a 100%);
	background-image: linear-gradient(#929292 0%, #7a7a7a 100%);
}

/* 図表記事 */
#content_right .chart_article {
	padding: 10px 0;
}

#content_right .chart_article h4 {
	padding: 0 15px 10px;
}

#content_right .chart_article h5 {
	text-align: center;
	overflow:hidden;
}

#content_right .chart_article h5 img {
	max-width: 320px;
}

#content_right .chart_article h6 {
	margin-top: 5px;
	padding-right: 15px;
	text-align: right;
	font-size: 1em;
	font-weight: bold;
}

/* ニュース記事 */
#content_right .news_article {
	padding: 12px 15px 10px 15px;
}

#content_right .news_article h4 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5;
}

#content_right .news_article h5 {
	margin: 10px 0 12px;
	font-size: 1em;
	line-height: 1.6;
}

#content_right .news_article h6 {
	text-align: right;
	font-size: 1em;
	font-weight: bold;
}

/* サイドバー内スライダー */
#content_right #side_slider_area {
	display: block;
	width: 100%;
	overflow: hidden;
}

#content_right #side_slider_area .sp-horizontal .sp-previous-arrow {
	width: 0;
	height: 0;
	left: 0px;
	right: auto;
}

#content_right #side_slider_area .sp-horizontal .sp-next-arrow {
	width: 0;
	height: 0;
	right: 0px;
	left: auto;
	margin-top: 30px;
}

#content_right #side_slider_area .sp-next-arrow:before {
	content:' ' !important;
	display: block;
	background: url(../img/common/slide_cntrl_arw.png) no-repeat left top;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

#content_right #side_slider_area .sp-previous-arrow:before {
	content:' ' !important;
	display: block;
	background: url(../img/common/slide_cntrl_arw.png) no-repeat left top;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

#content_right #side_slider_area .sp-buttons {
	padding-top: 4px;
	padding-bottom: 6px;
}

#content_right #side_slider_area .sp-button {
	width: 5px;
	height: 5px;
	background-color: #ccc;
	border: none;
}

#content_right #side_slider_area .sp-selected-button {
	background-color: #00a0c6;
	border: none;
}

/* 為替・株価表 */
#content_right #kawasewrap {
	width: 100%;
}

#content_right #kawasewrap table.kawasetable {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

#content_right #kawasewrap table.kawasetable tr {
	border-bottom: 1px solid #edf4f7;
}

#content_right #kawasewrap table.kawasetable th {
	height: 30px;
	padding-left: 10px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	background-color: #fff;
}

#content_right #kawasewrap table.kawasetable td {
	width: 30%;
	padding-right: 10px;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	background-color: #fff;
}

/* アクセスランキング */
#content_right #rankingwrap {
	width: 320px;
	height: auto;
	background-color: #fff;
}

#content_right #rankingwrap #tab {
	width: 100%;
}

#content_right #rankingwrap #tab li {
	width: 106px;
	cursor: pointer;
	border-right: 1px solid #eeeeee;
	line-height: 28px;
	padding-top: 2px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: #cccccc;
	float: left;
}

#content_right #rankingwrap #tab li:last-child {
	border-right: none;
}

#content_right #rankingwrap #tab li.select {
	color: #fff;
 	background: #00a0c6;
}

#content_right #rankingwrap .disnon {
	display: none;
}

#content_right #rankingwrap .tab_content ul {
	display: block;
	padding: 10px 0 10px 0;
	width: 320px;
	height: auto;
	list-style:none;
}

#content_right #rankingwrap .tab_content li {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0 15px 6px 30px;
	background-image: url(../img/common/arrw_i_sky.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1em;
	font-weight: bold;
}
#content_right #rankingwrap .tab_content li.icon01 {
	background-image: url(../img/common/r01.png);
}
#content_right #rankingwrap .tab_content li.icon02 {
	background-image: url(../img/common/r02.png);
}
#content_right #rankingwrap .tab_content li.icon03 {
	background-image: url(../img/common/r03.png);
}
#content_right #rankingwrap .tab_content li.icon04 {
	background-image: url(../img/common/r04.png);
}
#content_right #rankingwrap .tab_content li.icon05 {
	background-image: url(../img/common/r05.png);
}
#content_right #rankingwrap .tab_content li.icon06{
	background-image:url(../img/common/r06.png);
}
#content_right #rankingwrap .tab_content li.icon07 {
	background-image: url(../img/common/r07.png);
}
#content_right #rankingwrap .tab_content li.icon08{
	background-image:url(../img/common/r08.png);
}
#content_right #rankingwrap .tab_content li.icon09 {
	background-image: url(../img/common/r09.png);
}
#content_right #rankingwrap .tab_content li.icon10 {
	background-image: url(../img/common/r10.png);
}
#content_right #rankingwrap .tab_content li a {
	display: block;
}

/* 記事リスト */
#content_right .article_list {
	padding: 12px 0;
}

#content_right .article_list_top li {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0 15px 6px 20px;
	background: url(../img/common/arrw_i_sky.png) no-repeat 2px 0.35em;
	font-size: 1em;
}
#content_right .article_list_top li img{
	padding: 0px 0px 5px 0px;
}



#content_right .article_list li {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0 15px 6px 20px;
	background: url(../img/common/arrw_i_sky.png) no-repeat 2px 0.35em;
	font-size: 1em;
	font-weight: bold;
}

#content_right .article_list li a {
	display: block;
}

#content_right .article_list h6 {
	text-align: right;
	margin: 0 15px;
	font-size: 1em;
	font-weight: bold;
}

/* nikkei */
.article_list_nikkei {
	padding: 12px 0;
}

.article_list_nikkei li {
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0 15px 6px 20px;
	background: url(../img/common/arrw_i_sky.png) no-repeat 2px 0.35em;
	font-size: 1em;
	font-weight: bold;
}


.article_list_nikkei h6 {
	text-align: right;
	margin: 0 15px;
	font-size: 1em;
	font-weight: bold;
}

/*---------------------------------------------------------------
	下層ページコンテンツ領域
-----------------------------------------------------------------*/
#content_under {
	display: block;
	width: 100%;
	background-color: #fff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 14px;
}

#content_under h1,
#content_under h2,
#content_under h3,
#content_under h4,
#content_under h5,
#content_under h6,
#content_under p {
	margin: 0;
	padding: 0;
}

/* ページタイトル */
#content_under #page_title {
	display: table;
	width: 100%;
	height: 60px;
	background-image: -webkit-linear-gradient(#00a0c6 0%, #33b3d1 100%);
	background-image: linear-gradient(#00a0c6 0%, #33b3d1 100%);
}

#content_under #page_title h1 {
	display: table-cell;
	padding-top: 4px;
	padding-left: 25px;
	vertical-align: middle;
	text-align: left;
	font-size: 25px;
	letter-spacing: 2px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

#content_under #page_title h1 span {
	font-size: 15px;
	font-weight: normal;
}

/* ページタイトル内ボタン */
#content_under #page_title .select_btn {
	display: table-cell;
	padding-top: 4px;
	padding-right: 10px;
	vertical-align: bottom;
	text-align: right;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	font-size: 0;
}

#content_under #page_title .select_btn h4,
#content_under #page_title .select_btn h5 {
	display: inline-block;
	width: 240px;
	padding-top: 2px;
	line-height: 48px;
	text-align: center;
	vertical-align: bottom;
	font-size: 14px;
	font-weight: bold;
	background-image: -webkit-linear-gradient(#265593 0%, #5176a8 100%);
	background-image: linear-gradient(#265593 0%, #5176a8 100%);
}

#content_under #page_title .select_btn h4:hover,
#content_under #page_title .select_btn h5:hover {
	background-image: -webkit-linear-gradient(#2a5ea3 0%, #5984bd 100%);
	background-image: linear-gradient(#2a5ea3 0%, #5984bd 100%);
}

#content_under #page_title .select_btn h4.current {
	color: #114488;
	background-image: none;
	background: url(../img/common/arrw_down.png) no-repeat center bottom;
	background-color: #fff;
}

#content_under #page_title .select_btn h5.current {
	color: #8b7758;
	background-image: none;
	background: url(../img/common/arrw_down_brwn.png) no-repeat center bottom;
	background-color: #fff;
}

#content_under #page_title .select_btn h4.current:hover,
#content_under #page_title .select_btn h5.current:hover {
	opacity: 1;
}

#content_under #page_title .select_btn h4 {
	border-top-left-radius: 10px;
}

#content_under #page_title .select_btn h5 {
	border-top-right-radius: 10px;
}

#content_under #page_title .select_btn h4 a,
#content_under #page_title .select_btn h5 a {
	display: block;
	color: #fff;
	text-decoration: none;
}

/* ページコンテンツ枠 */
#content_under .inner_wrap {
	margin: 0 auto;
	display: block;
	width: 940px;
	padding-bottom: 30px;
}

/* コンテンツ大見出し */
#content_under .content_head {
	display: table;
	width: 100%;
	margin-top: 20px;
}

#content_under .content_head .con_title {
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
	border-left: 3px solid #478ab2;
	font-size: 24px;
	color: #478ab2;
	font-weight: bold;
}

#content_under .content_head .con_title.brown {
	border-left: 3px solid #917d5e;
	color: #917d5e;
}

#content_under .content_head .con_title.azure {
	border-left: 3px solid #114488;
	color: #114488;
}

#content_under .content_head .con_title span {
	padding-left: 20px;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
}

#content_under .content_head .navi_btn {
	display: table-cell;
	width: 210px;
	vertical-align: middle;
	text-align: right;
}

#content_under .content_head .navi_btn h4 {
	display: inline-block;
	padding-top: 2px;
	line-height: 38px;
	text-align: right;
	padding-right: 12px;
	font-size: 12px;
}

#content_under .content_head .navi_btn h5 {
	display: inline-block;
	width: 200px;
	height: 40px;
	text-align: left;
	font-weight: bold;
	background-image: -webkit-linear-gradient(#478ab2 0%, #6ba1c1 100%);
	background-image: linear-gradient(#478ab2 0%, #6ba1c1 100%);
}

#content_under .content_head .navi_btn h5 a {
	display: block;
	color: #fff;
	text-decoration: none;
}

#content_under .content_head .navi_btn h5:hover {
	background-image: -webkit-linear-gradient(#4897c7 0%, #6aaacf 100%);
	background-image: linear-gradient(#4897c7 0%, #6aaacf 100%);
}

#content_under .content_head .navi_btn h5.brown {
	background-image: -webkit-linear-gradient(#a7977e 0%, #8b7758 100%);
	background-image: linear-gradient(#a7977e 0%, #8b7758 100%);
}

#content_under .content_head .navi_btn h5.brown:hover {
	background-image: -webkit-linear-gradient(#aa9b85 0%, #97866a 100%);
	background-image: linear-gradient(#aa9b85 0%, #97866a 100%);
}

/* アコーディオンメニュー */
#content_under .accordion {
	position: relative;
}

#content_under .accordion .trigger {
	text-align: center;
	background: url(../img/common/icon_menu.png) no-repeat 173px 13px;
}

#content_under .accordion .trigger span {
	display: block;
	padding-top: 2px;
	line-height: 38px;
	font-size: 14px;
	font-weight: bold;
}

#content_under .accordion .trigger.open {
	background: url(../img/common/icon_close.png) no-repeat 173px 13px;
}

#content_under .accordion .trigger.open span {
	font-size: 0;
}

#content_under .accordion .trigger.open span:before {
	padding-top: 2px;
	line-height: 38px;
	font-size: 14px;
	content: "閉じる";
}

/* 子メニュー（Weekly） */
#content_under .accordion .accordion_body {
	display: none;
	position: absolute;
	right: 0;
	top: 40px;
	width: 560px;
	padding: 18px 0 20px 15px;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	border-top: 2px solid #478ab2;
	background-color: #f5f5f5;
	box-shadow: 0px 5px 8px rgba(0,0,0,0.2);
	z-index: 4000;
}

#content_under .accordion .accordion_body .list_section {
	display: block;
	width: 180px;
	margin-left: 5px;
	float: left;
}

#content_under .accordion .accordion_body .list_section h6 {
	color: #478ab2;
	font-size: 14px;
	font-weight: bold;
}

#content_under .accordion .accordion_body .list_section ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#content_under .accordion .accordion_body .list_section li {
	margin-top: 8px;
	padding: 4px 0 2px 14px;
	background: url(../img/common/arrw_icon.png) no-repeat left 45%;
	text-align: left;
	font-size: 13.5px;
}

#content_under .accordion .accordion_body .list_section li a {
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: left;
}

#content_under .accordion .accordion_body .list_section li a:hover {
	color:#ff0099;
	text-decoration:underline;
	cursor: pointer;
}

/* 子メニュー（monthly） */
#content_under .accordion.brown .accordion_body {
	padding: 18px 0 5px 15px;
	border-top: 2px solid #917d5e;
}

#content_under .accordion.brown .accordion_body .list_section {
	display: block;
	width: 100%;
	margin-left: 8px;
	padding-bottom: 20px;
	float: none;
}

#content_under .accordion.brown .accordion_body .list_section h6 {
	color: #917d5e;
	font-weight: bold;
}

#content_under .accordion.brown .accordion_body .list_section ul {
	margin-left: 4px;
}

#content_under .accordion.brown .accordion_body .list_section li {
	width: 160px;
	padding: 4px 8px 2px 14px;
	float: left;
}

/* 期間見出し */
#content_under .term {
	position: relative;
	width: 100%;
	margin-top: 20px;
	background-color: #eeeeee;
	border-radius: 10px 10px 0 0;
}

#content_under .term h5 {
	padding-top: 2px;
	text-align: center;
}

#content_under .term h5 span {
	display: inline-block;
	line-height: 38px;
	padding: 0 2px;
}

#content_under .term h5 .week {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	padding: 0 5px;
}

#content_under .term h5 img {
	display: inline-block;
	padding: 10px 12px 12px;
}

#content_under .term h5 select {
	display: inline-block;
	margin: 0 8px 0 8px;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 30px 3px 12px;
	border: 1px solid #cccccc;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url(../img/common/icon_tri_dwn.png) no-repeat;
	background-size: 12px, 100%;
}

#content_under .term h5 select.yer {
	width: 88px;
	background-position: 65px 50%;
}

#content_under .term h5 select.mon {
	width: 68px;
	background-position: 45px 50%;
}

#content_under .term h5 select::-ms-expand {
	display: none;	/*IE対応（IE10以降）*/
}

#content_under .term h6 {
	position: absolute;
	top: 3px;
	right: 15px;
	line-height: 38px;
}

#content_under .term h6 span {
	font-size: 13px;
}

/* 中見出し */
#content_under .sub_head {
	padding-top: 20px;
	padding-bottom: 7px;
	border-bottom: 3px solid #478ab2;
	font-size: 1.5em;
	font-weight: bold;
	color: #478ab2;
}

#content_under .sub_head.brown {
	border-bottom: 3px solid #917d5e;
	color: #917d5e;
}

/* セクション */
#content_under .section_wrap {
	margin-top: 25px;
}

#content_under .section_wrap .section_head {
	padding-bottom: 6px;
	border-bottom: 2px solid #dddddd;
}

#content_under .section_wrap .section_head span {
	font-size: 1.12em;
	font-weight: bold;
	padding-left: 12px;
	color: #478ab2;
	border-left: 3px solid #478ab2;
}

#content_under .section_wrap .section_head.azure span {
	color: #114488;
	border-left: 3px solid #114488;
}

#content_under .section_wrap .section_head span.sup {
	font-size: 88%;
	padding-left: 0;
	border-left: none;
}

#content_under .section_wrap .section_inner {
	padding: 20px 20px;
}

#content_under .section_wrap .section_inner p {
	padding-bottom: 10px;
}

#content_under .section_wrap .section_inner .caption {
	font-size: 1.15em;
	color: #265593;
	font-weight: bold;
}

#content_under .section_wrap .section_inner h6 {
	font-size: 1em;
	text-align: right;
}

/* 記事セクション */
#content_under .section_content {
	margin-top: 20px;
	width: 100%;
}

#content_under .section_content .sec_head {
	padding-bottom: 7px;
	border-bottom: 2px solid #917d5e;
	font-size: 1.45em;
	font-weight: bold;
	color: #917d5e;
}

#content_under .section_content .sec_inner {
	display: table;
	width: 900px;
	padding: 20px 20px 10px;
}

#content_under .section_content .sec_inner .chart_area {
	display: table-cell;
	vertical-align: top;
}

#content_under .section_content .sec_inner .chart_area img {
	padding: 2px 20px 5px 0;
}

#content_under .section_content .sec_inner .sentence_area {
	display: table-cell;
	vertical-align: top;
}

#content_under .section_content .sec_inner .sentence_area h5 {
	padding-bottom: 5px;
	font-size: 1.1em;
	font-weight: bold;
	color: #199eda;
	line-height: 1.2;
}

#content_under .section_content .sec_inner .sentence_area p {
	padding-bottom: 7px;
	line-height: 1.4;
}

#content_under .section_content .multicolumnbox {
	width: 100%;
	-moz-column-width: 18em;
	-webkit-column-width: 18em;
	column-width: 18em;
}

/*　マイページ／閲覧履歴
------------------------------------------*/
#content_under .section_wrap .section_inner .browsing {
	border: 3px solid #cccccc;
}

#content_under .section_wrap .section_inner .browsing .item {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
}

#content_under .section_wrap .section_inner .browsing .item p {
	padding: 0;
}

#content_under .section_wrap .section_inner .browsing .item .pname,
#content_under .section_wrap .section_inner .browsing .item .number {
	display: table-cell;
	height: 32px;
	vertical-align: middle;
	text-align: center;
	font-size: 1em;
	background-color: #dbf0f5;
}

#content_under .section_wrap .section_inner .browsing .item .pname {
	width: 690px;
	border-right: 1px solid #cccccc;
}

#content_under .section_wrap .section_inner .browsing ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content_under .section_wrap .section_inner .browsing li {
	display: table;
	width: 100%;
}

#content_under .section_wrap .section_inner .browsing li a {
	display: block;
}

#content_under .section_wrap .section_inner .browsing li p,
#content_under .section_wrap .section_inner .browsing li span {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 10px 0;
	line-height: 1.5;
}

#content_under .section_wrap .section_inner .browsing li:last-child p,
#content_under .section_wrap .section_inner .browsing li:last-child span {
	padding: 10px 10px 10px;
}

#content_under .section_wrap .section_inner .browsing li p {
	width: 670px;
	border-right: 1px solid #cccccc;
	text-align: left;
}

#content_under .section_wrap .section_inner .browsing li span {
	text-align: right;
}

/*　ボタン配置領域1　*/
#content_under .btn_area1 {
	position: relative;
	text-align: center;
	font-size: 0;
	padding-bottom: 10px;
}

#content_under .btn_area1 .btn {
	margin: 0 3px;
}

#content_under .btn_area1 .set_r {
	position: absolute;
	top: 15px;
	right: 25px;
	font-size: 14px;
	text-align: right;
}

#content_under .btn_area1 .set_l {
	position: absolute;
	top: 15px;
	left: 25px;
	font-size: 14px;
	text-align: right;
}

#content_under .btn_area1 .set_l.nrrw {
	left: 45px;
}

/*　マイページ／メルマガ管理
------------------------------------------*/
/*　エラーメッセージ領域　*/
#content_under .error_msg {
	width: 100%;
	margin-top: 20px;
	padding: 15px 0 10px;
	background: #f4dcdc url("../img/common/icon_caution.png") no-repeat 15px center;
}

#content_under .error_msg p {
	margin: 0;
	padding: 0 20px 0 50px;
	color: #e90000;
	font-size: 13px;
	line-height: 1.7;
}

/*　契約情報入力欄　*/
#content_under ul.mm_manage {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 3px solid #cccccc;
}

#content_under ul.mm_manage .inp_area {
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	counter-increment: count;
	background: #fff;
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
}

#content_under ul.mm_manage .inp_area:before {
	content: counter(count);
	display: table-cell;
	width: 50px;
	vertical-align: middle;
	text-align: center;
	background-color: #dbf0f5;
}

#content_under ul.mm_manage table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

#content_under ul.mm_manage table th {
	width: 100px;
	vertical-align: middle;
	text-align: right;
	font-size: 0.98em;
	font-weight: normal;
}

#content_under ul.mm_manage table td {
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	padding-left: 20px;
}

#content_under ul.mm_manage table tr.madd th,
#content_under ul.mm_manage table tr.madd td {
	padding-top: 20px;
	padding-bottom: 10px;
}

#content_under ul.mm_manage table tr.lngg th,
#content_under ul.mm_manage table tr.lngg td {
	padding-top: 3px;
	padding-bottom: 3px;
}

#content_under ul.mm_manage table tr.unam th,
#content_under ul.mm_manage table tr.unam td {
	padding-top: 8px;
	padding-bottom: 8px;
}

#content_under ul.mm_manage table tr.hdel th,
#content_under ul.mm_manage table tr.hdel td {
	padding-top: 8px;
	padding-bottom: 25px;
}

#content_under ul.mm_manage input.mail_address {
	width: 454px;
	height: 38px;
	padding: 0 12px;
	border: 1px solid #cccccc;
}

#content_under ul.mm_manage input.user_name {
	width: 374px;
	height: 38px;
	padding: 0 12px;
	border: 1px solid #cccccc;
}

/*　マイページ／退会申請
------------------------------------------*/
#content_under .unsubscript {
	margin: 0 auto;
	width: 860px;
}

#content_under .unsubscript p {
	width: 100%;
	line-height: 1.7;
}

#content_under .unsubscript textarea {
	margin-top: 15px;
	margin-bottom: 20px;
	width: 834px;
	min-height: 180px;
	max-height: 800px;
	padding: 10px 12px;
	border: 1px solid #cccccc;
	font-size: 14px;
	line-height: 1.6;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	resize: vertical;
}

/*　Drewry船価情報／バックナンバー
------------------------------------------*/
#content_under #subcontents_wrapper {
	display: block;
	padding: 0;
	margin: 0 auto;
}

#content_under #subcontents_wrapper .contents_box.pd_top20 {
	padding-top: 30px;
}

#content_under #subcontents_wrapper .contents_box.pd_left60 {
	padding-left: 0;
}

#content_under #subcontents_wrapper .contents_box.pd_right60 {
	padding-right: 0;
}

#content_under #subcontents_wrapper .contents_box #content1 {
	display: block;
	width: auto;
}

#content_under #subcontents_wrapper .contents_box #content1 .syosai_box {
	margin: 0 auto;
}


/*-----------------------------------------------------
	ページ共用
-------------------------------------------------------*/
/*　table装飾1
------------------------*/
#content_under .tblstyle1 {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 3px 3px 3px 3px;
	border-style: solid;
	border-color: #cccccc;
	background: #fff;
}
#content_under .tblstyle1 th,
#content_under .tblstyle1 td {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #cccccc;
	color: #000;
	line-height: 1.4;
	vertical-align: middle;
}
#content_under .tblstyle1 th {
	padding: 8px 10px 6px;
	font-weight: normal;
	text-align: center;
	font-size: 1em;
	background: #dbf0f5;
	white-space: nowrap;
}
#content_under .tblstyle1 td {
	padding: 8px 10px 6px;
	font-weight: normal;
	text-align: center;
	font-size: 1em;
	background: #fff;
}

#content_under .tblstyle1.mypg1 th {
	border-width: 0 0 0 0;
	text-align: left;
	width: 18%;
}
#content_under .tblstyle1.mypg1 td {
	border-width: 0 0 0 0;
	text-align: left;
	width: 30%;
}

/*　table装飾2
------------------------*/
#content_under .tblstyle2 {
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #333333;
	background: #fff;
}
#content_under .tblstyle2 th,
#content_under .tblstyle2 td {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #333333;
	line-height: 1.4;
	vertical-align: middle;
}
#content_under .tblstyle2 th {
	padding: 3px 5px 1px;
	width: 80px;
	font-weight: normal;
	text-align: center;
	font-size: 0.9em;
	color: #fff;
	background: #999999;
	white-space: nowrap;
}
#content_under .tblstyle2 td {
	padding: 3px 5px 1px;
	font-weight: normal;
	text-align: center;
	font-size: 0.9em;
	background: #fff;
}
#content_under .tblstyle2 .tbl_title {
	color: #fff;
	font-weight: bold;
	background: #332d99;
}
#content_under .tblstyle2 .type {
	color: #000;
	background: #cccccc;
}

/* ラジオボタン装飾
-------------------------------------*/
/*RadioとText*/
#content_under label.radio_text {
	cursor: pointer;
	position: relative;
	padding-left: 28px;
	margin-right: 20px;
	overflow: hidden;
	display: inline-block;
	margin-top: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#content_under label.radio_text:before {
	position: absolute;
	width: 18px;
	height: 18px;
	border: 1px solid #ccc;
	border-radius: 50%;
	left: 0px;
	top: 2px;
	content: '';
	z-index: 3;
}
#content_under label.radio_text:after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	left: 4px;
	top: 6px;
	background-color: #00a0c6;
	z-index: 1;
}
#content_under label.radio_text input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	left: -23px;
	top: 2px;
	margin: 0px;
	box-shadow: 20px -1px #fff;
}
#content_under label.radio_text input[type="radio"]:checked {
	box-shadow: none;
}
#content_under label.radio_text input[type="radio"]:focus {
	opacity: 0.2;
	box-shadow: 20px -1px #fff;
}


/*	マージン調整用
-----------------------------------*/
.top_margin12 { margin-top: 12px; }
.top_margin15 { margin-top: 15px; }



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

/* TOPページニュース用　　    */

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

#content_left h4.resource_title {
	margin: 1px 0 0 0;
	padding: 2px 15px 0 45px;
	background: #265593 url(../img/common/icon_bar_w.png) no-repeat left 47%;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}
#content_left .switch{
	float: right;
}
#content_left h4.resource_title .switch span{
	font-size: 20px;
	vertical-align: super;
}
#content_left h5.category .switch span{
	font-size: 18px;
	vertical-align: super;
}

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

/* TOPページ日経ニュース用　　    */

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

#content_left #category_articles_nikkei {
	margin-top: 12px;
}

#content_left #category_articles_nikkei ul {
	list-style: none;
	padding: 0;
}

#content_left h4.resource_title_nikkei {
	margin: 1px 0 0 0;
	padding: 2px 15px 0 45px;
	background: #265593 url(../img/common/icon_bar_w.png) no-repeat left 47%;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}
#content_left .switch{
	float: right;
}
#content_left h4.resource_title_nikkei .switch span{
	font-size: 20px;
	vertical-align: super;
}

#content_left .category_list_nikkei {
	margin-top: 1px;
	padding: 10px 0;
	background-color: #fff;
}

#content_left .category_list_nikkei h5 {
	font-size: 20px;
}

#content_left .category_list_nikkei h5.category_nikkei {
	padding: 2px 15px 0 30px;
	background: url(../img/common/icon_bar.png) no-repeat left 47%;
	font-size: 23px;
	font-weight: bold;
	color: #265593;
}

#content_left .category_list .category_nikkei span {
	vertical-align: middle;
	margin-left: 10px;
	font-size: 70%;
	color: #666666;
}

#content_left .category_list_nikkei ul {
	margin: 5px 0 0 20px;
}

#content_left .category_list_nikkei li {
	list-style: none;
	padding: 0 20px 3px 20px;
	background: url(../img/common/arrw_i_sky.png) no-repeat left 0.35em;
	font-size: 1em;
	/* font-weight: bold; */
}

#content_left .category_list_nikkei li a {
	/* display: block; */
}

#content_left .category_list h5.category_nikkei {
	padding: 2px 15px 0 30px;
	background: url(../img/common/icon_bar.png) no-repeat left 47%;
	font-size: 23px;
	font-weight: bold;
	color: #265593;
}

#content_left .category_list .category_nikkei span {
	vertical-align: middle;
	margin-left: 10px;
	font-size: 70%;
	color: #666666;
}


#content_left .nikkei_link {
	background-color: #fff;
	padding: 0 5px 10px 0;
}