@charset "UTF-8";
/*  HTML Reset  */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
/*  /HTML Reset  */

/* ======================================
       HTML.BODY
 ======================================== */
html, body {
	height: 100%;
}
body {
	font: 14px/141% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color: #333;
}

/* ======================================
        Header
 ======================================== */
#header {
	/*  ヘッダーの高さを変更した場合は調整が必要。 */
	height: 70px;
}
#header-title-menu, #title-menu {
	background-color: #fff;
}
#header-title-menu {
	/*  ヘッダーの高さを変更した場合は調整が必要。 */
	height: 150px;
	position: fixed;
	width: 100%;
	z-index: 10000;
}

/* ======================================
        Title(News)
 ======================================== */
#title-menu > h1 {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.0;
	color: #fff;
	height: 26px;
	box-sizing: border-box;
	padding: 5px 16px;
	background: #808080;
}

/* ======================================
        Category Menu 
 ======================================== */
#title-menu > nav {
	text-align: center;
	height: 54px;
	box-sizing: border-box;
	padding-top: 12px;
	position: relative;
}
#title-menu > nav li {
	display: inline-block;
}
#title-menu > nav > div:last-child {
	position: absolute;
	right: 15px;
	top: 8px;
}

/* ======================================
        Title Menu Position Fixed  
 ======================================== */
.fix-titlebar .fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

.fix-titlebar #header-title-menu {
	position:static;
	z-index:auto;
}

/* ======================================
        ***** width 
 ======================================== */
#header,  #title-menu > h1,  #title-menu > nav,  .news-list,  .news-market,  .page-top,  footer {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

/*    Header Footer Wide   */
.wide-header-footer #header, .wide-header-footer #title-menu > h1, .wide-header-footer footer{ width:auto;}
.wide-header-footer footer + small { text-align:center; }

/* ======================================
        ROUND BUTTON
 ======================================== */
.btn-round {
	margin: 0 1px;
	font-size: 14px;
	font-weight:bold;
	display: inline-block;
	padding: .6em 2px .5em 3px;
	min-width: 157px;
	background-repeat: repeat-x;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration: none;
	line-height: 1.0;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	box-sizing: border-box;
	height: 32px;
	border-bottom-color: rgb(60, 60, 60);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: rgb(200, 200, 200);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(60, 60, 60);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgb(200, 200, 200);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-style: solid;
	border-top-width: 1px;
	background-color: rgb(125,125,125);
}

/* ======================================
          News List
 ======================================== */
 /*     Anchor name       */
 .article-aname {
	display: block;
	width: 1px;
	height: 0px;
	position: absolute;
	/*  ヘッダーの高さを変更した場合は調整が必要。（ヘッダー全体固定時に有効な指定） */
	top: -150px;  
}

#header-title-menu + div#content {
	/*  ヘッダーの高さを変更した場合は調整が必要。（ヘッダー全体固定時に有効な指定） */
	padding-top:150px;
}

.fix-titlebar #header-title-menu + .news-list {
	padding-top:0;
}

.fix-titlebar .article-aname {
	/*  ヘッダーの高さを変更した場合は調整が必要。（タイトルバーのみの固定時に有効な指定） */
	 top: -80px; 
}

 /*      HeadLine H2       */
 
.h2-title {
	padding: 0 0 0 5px;
	text-align: left;
	margin-bottom: 10px;
	background-color: #808080;
}
.h2-title b {
	display: block;
	padding: 9px 8px 4px 12px;
	box-sizing: border-box;
	height: 32px;
	font-weight: bold;
	line-height: 1.0;
	border-top: 1px solid #ededed;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bfbfbf;
	border-right: 1px solid #c0c0c0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
 
 /*      News List       */
.news-list {
	position: relative;
}
.news-list ul, .news-list ul li {
	list-style: none;
	font-weight: bold; 
}
.news-list ul li {
	margin: 2px 0;
}
.news-list ul li div {
	float: left;
	display: block;
	margin: 0 0 0 17px;
	padding: 5px 0;
}
.news-list ul li div span:first-child {
	margin: 0 14px 0 0;
}
.news-list ul li a {
	display:inline-block;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 800px;
	padding: 5px 10px 5px 22px;
	box-sizing: border-box;
	margin-left: 22px;/*142px;*/
}

.news-list ul li a:hover { color:#e00;}
.news-list ul li a:active { color:#00e;}

.news-list ul li a::before {
	content: "";
	display: block;
	height: 18px;
	width: 18px;
	position: absolute;
	top: 5px;
	left: 0px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.news-list ul li.type-accodian a::before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3M2VkMzUzZi1iNDI3LTRjYjgtYTkyYi03MzA5MmVmNzhlZjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM5NEJGNzQ5QTBDMTFFNUFDRTE4MEUxQzdFMjNBNzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM5NEJGNzM5QTBDMTFFNUFDRTE4MEUxQzdFMjNBNzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjYjM2ZmE3Ni04Y2MzLTQ3NGUtYWRkYy0zZTlhZjU3MmRiOTgiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiNTFlZjljMi1lMjc1LTExNzgtYTNlYi04YjcyYmQ2MjE5MmMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5SnmDkAAAAKUlEQVR42mL8//8/AxqACTAiCzIxEAmor5AFyU243Eq6iYyD3NcAAQYAuUYHFEFmJ38AAAAASUVORK5CYII=") #000 no-repeat 4px 4px;
}

.news-list ul li.visi a::before {
	
	content:"";
	display: block;
	font-size: 18px;
	height: 18px;
	width: 18px;
	background: #000;
	position: absolute;
	top: 5px;
	left: 0px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.news-list ul li.type-accodian.visi a::before {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAIAAADuA9qHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3M2VkMzUzZi1iNDI3LTRjYjgtYTkyYi03MzA5MmVmNzhlZjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM5NEJGNzA5QTBDMTFFNUFDRTE4MEUxQzdFMjNBNzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM5NEJGNkY5QTBDMTFFNUFDRTE4MEUxQzdFMjNBNzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ZjE3YTk1NC1jNGVlLTQ0ZDQtOTVmYS02OTk1YTAwNjVkZTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzNlZDM1M2YtYjQyNy00Y2I4LWE5MmItNzMwOTJlZjc4ZWY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+49yj9QAAABVJREFUeNpi/P//PwNuwMSAFwAEGAC0BgMBDqOprwAAAABJRU5ErkJggg==") #000 no-repeat 4px 8px;
}

.news-list ul li p {
	white-space: normal;
	display: none;
	margin-left: 142px;
	width: 800px;
	box-sizing: border-box;
	padding: 0px 0 13px 0;
	font-weight: normal;
	line-height: 1.5;
	word-break: break-all;
}

.news-list ul li p.news-zero {
	display: block;
	margin-left: 30px;
}

.news-list > :last-child {
	text-align: right;
	margin-right: 12px;
}
.news-list > :last-child a {
	color: #333;
	text-decoration: none; 
	position: relative;
}
.news-list > :last-child a:hover {
	text-decoration: underline;
}
.news-list > :last-child a::before {
	content: " ";
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	top: 3px;
	left: -15px;
	border: solid;
	border-color: transparent transparent transparent #333;
	border-width: 5px 0px 5px 10px;
}

/* ======================================
          Market Button Area
 ======================================== */
.news-market {
	padding-top: 12px;
	display: none;
}
.news-market > nav {
	text-align: center;
	padding-bottom: 24px;
}
.news-market > nav li {
	display: inline-block;
}

.btn-square {
	margin: 0 1px;
	font-size: 14px;
	font-weight:bold;
	line-height: 1.0;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	padding: .6em 2px .5em 3px;
	min-width: 157px;
	height: 32px;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
	background: #888;
	border-color: #555;
}

.box-error{ text-align:center;}
.box-error .box-error-icon {  margin-top:42px;}
.box-error p.error-massage{ margin-top:-20px; margin-bottom:100px; }

/* ======================================
         Page Top
 ======================================== */
 #pagetop{ height:0;}
 
.page-top {
	text-align: right;
	margin-bottom: 8px;
}
.page-top a {
	color: #333;
	text-decoration: none;
	position: relative;
	line-height:1.0;
}
.page-top a:hover {
	text-decoration: underline;
}
.page-top a::before {
	content: " ";
	display: block;
	line-height:1.0;
	height: 0;
	width: 0;
	position: absolute;
	left: -12px;
	margin-top:5px;
	border: solid;
	border-color: transparent transparent #333 transparent;
	border-width: 0px 5px 10px 5px;
}

/* ======================================
         Footer
 ======================================== */
footer {
	border-top: 1px solid #aaa;
	padding: 12px 0;
	
}
footer aside {
	display: block;
	width: 980px;
	margin: 0 auto;
}
small {
	padding-top: 7px;
	border-top: 2px solid #888;
	font-size: 12px;
	margin: 0px auto 24px;
	display: block;
	width: 980px;
}
small sub {
	font-size: 19px;
	position: relative;
	top: 3px;
	margin-left: 2px;
}
small a { 
	color: #3f3f3f;
	text-decoration: none;
}
small a:hover {
	color: #222;
	text-decoration: underline;
}

/* ======================================
         etc
 ======================================== */
body::after {
	content: "";
	display: block;
	height: 45%;
	width: 100%;
}

/* ======================================
        Breaking news
 ======================================== */
#title-menu > h1 {
	position:relative;
}
#market-list{ font-size:13px; text-decoration:none; font-weight:normal; color:#fff; position:absolute; right:15px; line-height:1.41;}
#market-list:hover{ text-decoration:underline; }