@charset "utf-8";

/*------------------------------------------------
 * ver  2014/08/15
------------------------------------------------ */

/* ===============================================
  css reset
=============================================== */
html,
body,
div,
p,
span,
form,
table,
tr,
th,
td,
select,
input,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
dl,
dt,
dd,
a {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul {
	list-style: none;
}

img {
	border: 0;
	outline: 0;
}

/* ===============================================
  Basic styles
=============================================== */
body {
	min-width: 970px;
	background: #eee;
	font-family: georgia, "times new roman", times, serif;
	line-height: 1.4;
	color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.1;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	color: #005ead;
}

/* ===============================================
  Basic layout
=============================================== */
#header {
	min-width: 970px;
	padding: 15px 0 0;
	font-family: verdana,arial,helvetica,sans-serif;
}

#header .header-banner {
	margin: 0 auto 12px;
	width: 970px;
}

#header div.header-banner > div {
	vertical-align:top;
}

#header .header-content {
	margin: 0 auto;
	width: 970px;
}

#header .navigation {
	background: #ccc;
	font-family: arial,verdana,helvetica,sans-serif;
}

#header .header-banner .display_none{
	display: none;
}

#content {
	margin: 10px auto 0;
	width: 970px;
	padding: 0 0 100px;
}

#content:after {
	content: "";
	display: block;
	clear: both;
}

#content .primary {
	float: left;
	width: 620px;
}

#content .secondary {
	float: left;
	width: 350px;
	padding: 8px 0 6px;
}

#content .static {
	margin: 0 auto;
	width: 870px;
}

#footer {
	border-top: 2px solid #000;
	min-width: 970px;
	padding: 10px 0 20px;
	font-family: verdana,arial,helvetica,sans-serif;
}

/* ===============================================
  Common parts
=============================================== */
/* ---- Header ---- */
#header .header-banner > div,
#header .header-banner > a {
	display: inline-block;
}

#header .header-content {
	position: relative;
	padding: 10px 0;
	font-size: 12px;
}

#header.regist {
	border-bottom: 2px solid #000;
}

#header.regist .header-content {
	min-height: 51px;
}

#header .header-content .logo {
	position: absolute;
	top: 50%;
	margin-top: -25px;
}

/* header-tool */
#header .header-tool.member > ul,
#header .header-tool.member > div {
	text-align: right;
}

#header .header-tool > .base-list {
	margin: 0 0 10px;
	text-align: right;
}
#header .header-tool > div {
	text-align: right;
}

#header .header-tool > div > div {
	display: inline-block;
	line-height: 1.0;
	vertical-align: bottom;
}

#header .header-tool > div input + a {
	display: inline-block;
	width: 24px;
	height: 0;
	padding: 24px 0 0;
	background: url(../images/icon_sprite.png) no-repeat -47px -2px;
	overflow: hidden;
}

#header .header-tool > div .change-region {
	position: relative;
	display: inline-block;
	width: 180px;
	height: 15px;
	border-top: 1px solid #ddd;
	padding: 5px 8px 4px;
	background: #fff;
	text-align: left;
	cursor: pointer;
	z-index: 12;
}

#header .header-tool > div .change-region:after {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	right: 0;
	width: 22px;
	height: 26px;
	background:url(../images/icon_sprite.png) no-repeat left -2px;
}

#header .header-tool > div .change-region table {
	display: none;
	position: absolute;
	left: 0;
	top: 24px;
	z-index: 15;
}

#header .header-tool > div .change-region:hover table{display: block;}

#header .header-tool > div .change-region td {
	border: 1px solid #ccc;
	background: #fff;
}

#header .header-tool > div .change-region td a {
	display: block;
	width: 178px;
	padding: 6px 8px;
	vertical-align: middle;
}

#header .header-tool > div .change-region td:hover {
	background: #94b1c2;
}

#header .header-tool > div .change-region td:hover a {
	color: #fff;
}

#header .header-tool > div input {
	margin: 0 0 0 10px;
	width: 120px;
	border: 0;
	border-top: 1px solid #ddd;
	padding: 4px 8px 5px;
	line-height: 1.0;
	font-family: verdana,arial,helvetica,sans-serif;
}

#header .header-tool > div input,
#header .header-tool > div img {
	vertical-align: top;
}

/* navigation */
#header .navigation .inner {
	position: relative;
	margin: 0 auto;
	width: 970px;
	font-size: 14px;
	z-index: 11;
}
#header .navigation .inner > ul:after {
	content: "";
	display: block;
	clear: both;
}

#header .navigation .inner > ul > li {
	position: relative;
	float: left;
	z-index: 0;
	font-size: 89%;
}

#header .navigation .inner > ul > li:first-child:before,
#header .navigation .inner > ul > li:after {
	content: "|";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	width: 1px;
	font-size: 14px;
}

#header .navigation .inner > ul > li:first-child:before{
	left: 0;
}

#header .navigation .inner > ul > li:after {
	right: 0;
}

#header .navigation.active .inner > ul > li:hover {
	left: -1px;
	right: -1px;
	background: #799db3;
	z-index: 10;
}

#header .navigation.active .inner > ul > li:first-child:hover:before{
	content: "";
}

#header .navigation.active .inner > ul > li:hover:after {
	content: "";
}

#header .navigation .inner > ul > li > a {
	display: block;
	padding: 6px 13px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	cursor: default;
}

#header .navigation .inner > ul > li > a:hover {
	color: #000;
}

#header .navigation.active .inner > ul > li > a {
	cursor: pointer;
}

#header .navigation .inner > ul > li.list-open > a {
	padding-right: 20px;
}

#header .navigation .inner > ul > li.list-open > a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -2px;
	width: 5px;
	height: 3px;
	background: url(../images/icon_sprite.png) no-repeat -176px -19px;
}

#header .navigation.active .inner > ul > li.list-open:hover > a:after {
	background: url(../images/icon_sprite.png) no-repeat -176px -16px;
}

#header .navigation.active .inner > ul > li:hover > a {
	color: #fff;
}

#header .navigation .list-menu {
	position: absolute;
	top: 28px;
	left: 0;
	display: none;
	border: 1px solid #ccc;
	border-top: 2px solid #eee;
	background: #fff;
	z-index: 10;
}

#header .navigation.active .list-open:hover .list-menu {
	display: block;
}

#header .navigation .list-menu li > a {
	display: block;
	min-width: 200px;
	border-top: 1px solid #ccc;
	padding: 8px 10px;
}

#header .navigation .list-menu li > a:hover {
	background: #94b1c2 none;
	color: #fff;
}

#header .navigation .list-menu li:first-child > a {
	border: 0;
}

#header .navigation .list-menu dt,
#header .navigation .list-menu .title-link {
	display: block;
	padding: 2px 8px;
	background: #666;
	color: #fff;
}

#header .navigation .list-menu .title-link:hover {
	background: #94b1c2 none;
}

/* ---- Right Column ---- */
#content .secondary {
	line-height: 1.2;
}

/* linkbox-common style */
#content .secondary > div {
	margin: 0 0 20px 20px;
	font-family: verdana,arial,helvetica,sans-serif;
}

#content .secondary .link-box {
	position: relative;
	padding: 0 0 5px;
}

#content .secondary .link-box .title {
	border-bottom: 3px solid #bbb;
	padding: 0 0 5px;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
}

#content .secondary .link-box .title.notice {
	border: 0;
	padding: 5px 0;
	background-color: #707c7b;
	color: #f8bd2e;
	font-family: helvetica neue, arial,sans-serif;
	font-weight: bold;
}

#content .secondary .link-box .title.notice a {
	color: #f8bd2e;
}

#content .secondary .link-box .title img {
	vertical-align: -2px;
}

#content .secondary .link-box li {
	border-top: 1px solid #bbb;
	padding: 5px 10px;
	font-size: 13px;
}

#content .secondary .link-box li li {border: 0;}

#content .secondary .link-box li:first-child {
	border: 0;
}

#content .secondary .link-box .column-layout > a > img {
	position: absolute;
	top: 10px;
	left: 10px;
}

#content .secondary .link-box .photo-detail li,
#content .secondary .link-box .text-list li {
	position: relative;
}

#content .secondary .link-box .photo-detail li:before,
#content .secondary .link-box .text-list li:before {
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 4px;
	height: 7px;
	background: url(../images/icon_sprite.png) no-repeat -191px -16px;
}

#content .secondary > .banner {
	margin: 0 auto 10px;
	width: 300px;
	padding-left: 20px
}

#content .secondary > .rectangle {
	margin: 0 auto 25px;
	width: 300px;
	padding-left: 20px
}

#content .secondary > .banner img {
	vertical-align: bottom;
}

/* linkbox-patturn1 daily-list */
#content .secondary .link-box .daily-list .date {
	margin: 0 0 5px;
}

#content .secondary .link-box .daily-list div + div {
	margin-left: 12px;
}

#content .secondary .link-box .daily-list div + div > a {
	color: #003979;
}

/* linkbox-patturn2 photo-list */
#content .secondary .link-box .photo-list li {
	min-height: 62px;
}

#content .secondary .link-box .photo-list li.no-image {
	min-height: inherit;
}

#content .secondary .link-box .photo-list li:after {
	content: "";
	display: block;
	clear:both;
}

#content .secondary .link-box .photo-list li img {
	float: left;
	margin: 0 10px
}

#content .secondary .link-box .photo-list li p {
	margin: 5px 10px;
}

#content .secondary .link-box .photo-list.another-case li img {
	float: right;
	margin: 0 10px;
}

/* linkbox-patturn3 photo-detail */
#content .secondary .link-box .column-layout {
	position: relative;
}

#content .secondary .link-box .photo-detail {
	margin-left: 100px;
}

#content .secondary .link-box .no-image .photo-detail {
	margin-left: 10px;
}

/* linkbox-patturn4 text-list */
#content .secondary .link-box .text-list li {
	margin-left: 10px;
	border: 0;
}

/* linkbox-patturn5 latest-issues */
#content .secondary .link-box.latest-issues {
	background: #cad4d7;
}

#content .secondary .link-box.latest-issues:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 25px;
	background: url(../images/icon_sprite.png) no-repeat -254px -2px;
}

#content .secondary .link-box.latest-issues .title {
	margin: 0 18px 3px;
	border-bottom: 2px solid #003979;
	padding: 2px 0 1px;
	text-align: left;
	line-height: 25px;
}

#content .secondary .link-box.latest-issues .column-layout > a > img {
	position: absolute;
	top: 8px;
	left: 18px;
}

#content .secondary .link-box .latest-list {
	margin: 0 18px 0 178px;
	min-height: 208px;
	padding: 8px 0 0;
	font-size: 12px;
}

#content .secondary .link-box .latest-list li {
	border-color: #000;
	padding: 8px 0;
}

#content .secondary .link-box .latest-list li:first-child {
	padding-top: 0;
}

/* linkbox-patturn6 snsicon-list */
#content .secondary .follow-nikkei {
	margin-bottom: 25px;
	background-color: #ddd;
}

#content .secondary .follow-nikkei .title {
	font-size: 14px;
	border-bottom: 0 none;
	padding: 5px 0;
}

#content .secondary .link-box .snsicon-list {
	text-align: center;
}

#content .secondary .link-box .snsicon-list li {
	display: inline-block;
	border: 0;
	padding: 5px;
}

#content .secondary .link-box .snsicon-list li a {
	display: block;
	padding: 30px 0 0;
	width: 30px;
	height: 0;
	overflow: hidden;
	background: url(../images/icon_sns_L.png) no-repeat;
}
#content .secondary .link-box .snsicon-list li.Facebook a {
	background-position: 0 0;
	coursor:pointer;
}
#content .secondary .link-box .snsicon-list li.Twitter a {
	background-position: -30px 0;
}
#content .secondary .link-box .snsicon-list li.LinkedIn a {
	background-position: -60px 0;
}
#content .secondary .link-box .snsicon-list li.Google a {
	background-position: -90px 0;
}
#content .secondary .link-box .snsicon-list li.RSS a {
	background-position: -120px 0;
}

/* linkbox-patturn7 ranking-list */
#content .secondary .link-box .ranking-list {
	font-size: 13px;
}

#content .secondary .link-box .ranking-list li {
	padding-left: 30px;
}

#content .secondary .link-box .ranking-list li.number1,
#content .secondary .link-box .ranking-list li.number2,
#content .secondary .link-box .ranking-list li.number3,
#content .secondary .link-box .ranking-list li.number4,
#content .secondary .link-box .ranking-list li.number5 {
	position: relative;
}

#content .secondary .link-box .ranking-list li.number1:before,
#content .secondary .link-box .ranking-list li.number2:before,
#content .secondary .link-box .ranking-list li.number3:before,
#content .secondary .link-box .ranking-list li.number4:before,
#content .secondary .link-box .ranking-list li.number5:before {
	content: "";
	display: block;
	position:absolute;
	top: 7px;
	left: 5px;
	height: 11px;
	background: url(../images/icon_sprite.png) no-repeat;
}

#content .secondary .link-box .ranking-list li.number1:before{
	width: 8px;
	background-position: -209px -2px;
}
#content .secondary .link-box .ranking-list li.number2:before {
	width: 8px;
	background-position: -217px -2px;
}

#content .secondary .link-box .ranking-list li.number3:before {
	width: 9px;
	background-position: -225px -2px;
}

#content .secondary .link-box .ranking-list li.number4:before {
	width: 10px;
	background-position: -234px -2px;
}

#content .secondary .link-box .ranking-list li.number5:before {
	width: 9px;
	background-position: -244px -2px;
}

/* linkbox-patturn8 market-data */
#content .secondary .link-box .market-data {
	margin: 10px 0;
	width: 100%;
	font-family: arial,verdana,helvetica,sans-serif;
}

#content .secondary .link-box .market-data tr.odd {
	background: #ddd;
}

#content .secondary .link-box .market-data th {
	width: 90px;
	padding: 2px 10px 2px;
	text-align: left;
	font-weight: normal;
	font-size: 14px;
}

#content .secondary .link-box .market-data td {
	padding: 2px 10px 2px 0;
	text-align: right;
	font-size: 12px;
}

#content .secondary .link-box .market-data td + td {
	width: 65px;
}

#content .secondary .link-box .market-data td.plus {
	color: #009900;
}

#content .secondary .link-box .market-data td.minus {
	color: #e00000;
}

#content .secondary .link-box .market-data + div {
	margin: 0 0 5px;
	font-size: 12px;
}

/* linkbox-patturn9 ir-list */
#content .secondary .link-box .ir-list li {
	border: 0;
	padding: 4px 10px;
}

#content .secondary .link-box .ir-list li:first-child {
	padding-top: 6px;
}

#content .secondary .link-box .ir-list dl {
	font-size: 11px;
	margin-left: -3px;
}
#content .secondary .link-box .ir-list dd {
	margin-left: 14px;
}

#content .secondary .link-box .ir-list dd > a {
	color: #003979;
}

/* linkbox-patturn10 photos */
#content .secondary .link-box.photos .title {
	border: 0;
}

#content .secondary .photos .title {
	padding: 0 0 5px;
	text-align: center;
}
#content .secondary .photos .frame {
	position: relative;
	margin-bottom: 5px;
	width: 330px;
	height: 224px;
	overflow: hidden;
	background: #888;
}

#content .secondary .photos .frame ul {
	width: 990px;
	overflow: hidden;
}

#content .secondary .photos .frame ul li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 330px;
	height: 224px;
	overflow: 224px;
	text-align: center;
}

#content .secondary .photos .frame a {
	display: block;
	color: #fff;
	font-size: 12px;
}

#content .secondary .photos .frame a p {
	margin: 0 auto;
	width: 240px;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 20px;
}

#content .secondary .photos .frame img {
	margin: 20px auto 0;
	vertical-align: middle;
}

#content .secondary .photos .frame .btn-prev,
#content .secondary .photos .frame .btn-next {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 45px;
	height: 224px;
	background: #888;
	cursor: pointer;
}

#content .secondary .photos .frame .btn-next {
	left: auto;
	right: 0;
}

#content .secondary .photos .frame .btn-prev span,
#content .secondary .photos .frame .btn-next span {
	display: inline-block;
	margin: 100px 10px;
	width: 24px;
	height: 0;
	padding: 24px 0 0;
	background: url(../images/icon_sprite.png) no-repeat -119px -2px;
	overflow: hidden;
}
#content .secondary .photos .frame .btn-next span {
	left: auto;
	right: 0;
	background-position: -143px -2px;
}

/* linkbox-patturn11 company-list */
/*
#content .secondary .link-box .company-list li {
	border: 0;
	padding: 4px 10px;
	position: relative;
}

#content .secondary .link-box .company-list li:first-child {
	padding-top: 6px;
}

#content .secondary .link-box .company-list dl {
	font-size: 11px;
	margin-left: -3px;
}
#content .secondary .link-box .company-list dd {
	margin-left: 14px;
}

#content .secondary .link-box .company-list dd > a {
	color: #003979;
}
#content .secondary .link-box .company-list .strong {
	font-weight: bold;
}*/

/* linkbox-patturn12 videos */
#content .secondary .link-box ul.video-detail li {
	overflow:hidden;
	padding-bottom:0.5em;
	position:relative;
}

#content .secondary .link-box ul.video-detail img {
	display:block;
	float:left;
	margin-right:5px;
}

#content .secondary .link-box ul.video-detail p {
	display:block;
	margin-left:100px;
}

#content .secondary .link-box ul.video-detail p:before {
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: 100px;
	width: 4px;
	height: 7px;
	background: url(../images/icon_sprite.png) no-repeat -191px -16px;
}

/* linkbox-patturn13 snsicon */
#content .secondary table.follow-nar {
	border-collapse: separate;
	border-spacing: 0 10px;
	width: 100%;
	text-align: left;
}
#content .secondary .follow-nar th{
	text-align: left;
	padding: 0 5px 0 10px;
	background-color:#ddd;
}
#content .secondary .follow-nar td{
	font-size: 11px;
	color: #fff;
	padding: 10px;
}
#content .secondary .follow-nar td.Facebook{background-color:#355999; }
#content .secondary .follow-nar td.Twitter{background-color:#00aced; }

/* object-box */
#content .secondary .object-box img {
	vertical-align: bottom;
}

#content .secondary .object-box ul {
	padding: 10px 15px;
	background: #222;
}

#content .secondary .object-box ul li {
	display: inline-block;
	padding: 0 5px;
}

/* login-form */
#content .secondary .login-form {
	margin-top: 50px;
}
#content .secondary .login-form .title {
	padding: 15px 10px;
	background: #cad4d7;
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 13px;
}

#content .secondary .login-form .input-form {
	padding: 15px 15px 12px;
	background: #fff;
}

#content .secondary .login-form input[type="text"],
#content .secondary .login-form input[type="password"] {
	width: 284px;
	background: #eee;
}

#content .secondary .login-form dl dt {
	position: relative;
	margin: 0 0 5px;
	font-size: 14px;
}

#content .secondary .login-form dl dt span > a {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
	color: #005EAD;
}

#content .secondary .login-form dl dd {
	margin: 0 0 10px;
	font-size: 14px;
}

#content .secondary .login-form dl + div {
	text-align: center;
	font-size: 14px;
}

#content .login-form .input-form input[type="checkbox"] {
	margin-right: 10px;
	vertical-align: middle;
}

/* login-btn */
#content .secondary .login-btn {
	text-align: center;
}

#content .secondary .login-btn > a,
#content .secondary .login-btn > button {
	margin: 10px 0 0;
}

/* contact-us */
#content .secondary .common-btn {
	margin-top: 40px;
	text-align: right;
}
#content .secondary .common-btn > a {
	width: 220px;
}

 /* corporate-ubscription */
#content .secondary .comSubscriton {
        font-size: 100%;
        margin-top: 74px;
}
#content .secondary .comSubscriton h3.title {
        padding: 10px;
        background: #ccc;
        font-weight:normal;
        font-size: 16px;
}

#content .secondary .comSubscriton .input-form {
        font-size: 14px;
        padding: 15px 15px 12px;
        background: #e6e6e6;
}

#content .secondary .comSubscriton .input-form p{
        margin-bottom:1em;
}

/* ---- Footer ---- */
#footer .footer-content {
	position: relative;
	margin: 0 auto;
	width: 970px;
	min-height: 51px;
}

#footer .footer-content:after {
	content: "";
	display: block;
	clear: both;
}

#footer .footer-content > img {
	position: absolute;
	left: 0;
	bottom: 2px;
}

/* footer-link */
#footer .footer-content .footer-link {
	float: left;
	padding: 27px 0 0 255px;
}

#footer .footer-content .footer-link > ul {
	display: inline-block;
	padding-left: 15px;
}

#footer .footer-content .footer-link > ul > li {
	display: inline-block;
}

#footer .footer-content .footer-link ul.appstore-link li {
	margin-right: 5px;
}

#footer .footer-content .footer-link > ul > li {
	display: inline-block;
}

#footer .footer-content .footer-link > ul > li img {
	vertical-align: bottom;
}

ul.snsicon-list > li a {
	display: inline-block;
	padding: 26px 0 0;
	width: 26px;
	height: 0;
	overflow: hidden;
	background: url(../images/icon_sns_M.png) no-repeat;
	vertical-align: bottom;
}

ul.snsicon-list > li.print a {
	background: none;
	display: inherit;
	padding: inherit;
	width: auto;
	height: auto;
	overflow: inherit;
}
ul.snsicon-list > li.Facebook a {
	background-position: 0 0;
}
ul.snsicon-list > li.Twitter a {
	background-position: -26px 0;
}
ul.snsicon-list > li.Google a {
	background-position: -78px 0;
}
ul.snsicon-list > li.YouTube a {
	background-position: -130px 0;
	width: 34px;
}

ul.snsicon-list > li.LinkedIn a {
	background-position: -52px 0;
}

ul.snsicon-list > li.RSS a {
	background-position: -104px;
}

ul.snsicon-list > li.Mail a{
	background: url(../images/icon_mail.png) no-repeat !important;
}

/* footer-nav */
#footer .footer-nav {
	margin: 10px auto 15px;
	width: 970px;
	font-size: 12px;
}

/* footer-tool */
#footer .footer-tool {
	margin: 0 auto;
	width: 970px;
	border-top: 1px solid #bbb;
	padding: 10px 0 0;
}

#footer .footer-tool:after {
	content: "";
	display: block;
	clear: both;
}

#footer .footer-tool .copyright {
	float: left;
	line-height: 16px;
	font-size: 10px;
}

#footer .footer-tool .copyright img {
	vertical-align: text-bottom;
}

#footer .footer-tool .language {
	float: right;
	line-height: 1.0;
}

/* topic-path */
#content .topic-path {
	margin: 10px 0 0;
	padding: 0 0 5px;
	border-bottom: 1px solid #000000;
	color: #666;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
}

#content .topic-path li {
	display: inline-block;
}
#content .topic-path li:after {
	content: ">";
	padding: 0 10px;
	color: #000;
}

#content .topic-path li.last{
	white-space:nowrap;
}

#content .topic-path li.last:after {
	content:"";
}

/* ---- Modals ---- */
/* 50% Background */
#modal-screen {
	display: none;
	position: fixed;
	z-index: 30;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent url(../images/bg_black50.png);
}

/* Modal parts */
#modal,
#modal-login-balloon {
	display: none;
	position: fixed;
	z-index: 40;
	top: 50%;
	left: 50%;
	padding: 5px;
	font-family: verdana,arial,helvetica,sans-serif;
	background: transparent url(../images/bg_black60.png);
}
#modal:after,
#modal-login-balloon:after {
	content: '';
	position: absolute;
	z-index: 0;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	background: #fff;
}
#modal>*,
#modal-login-balloon>* {
	position: relative;
	z-index: 101;
}

/* modal-title */
#modal .title,
#modal-login-balloon .title {
	position: relative;
	z-index: 40;
	padding: 0 10px;
	color: #fff;
	background: #000;
	font-size: 14px;
	line-height: 30px;
}

/* modal-button */

#modal .login-btn {
	text-align: center;
}
#modal .login-btn > a,
#modal-login-balloon .login-btn > a,
#modal-login-balloon .login-btn > button {
	margin: 10px 0 0;
}

/* close-button */
#modal .close-btn,
#modal-login-balloon .close-btn {
	cursor: pointer;
	position: absolute;
	z-index: 112;
	top: 5px;
	right: 5px;
	display: block;
	padding: 30px 0 0 0;
	width: 38px;
	height: 0;
	overflow: hidden;
	color: #fff;
	background: #000;
}

#modal .close-btn:after,
#modal-login-balloon .close-btn:after {
	content: "";
	display: block;
	position: absolute;
	top: 11px;
	left: 15px;
	width: 8px;
	height: 8px;
	background:  url(../images/icon_sprite.png) no-repeat -167px -16px;
}

/* ---- Utility ---- */
#modal.util {
	margin: 0 0 0 -250px;
	width: 490px;
}

#modal.util p {
	margin: 30px 30px 20px;
	font-size: 13px;
}

#modal.util .login-btn {
	margin: 0 30px;
}

#modal.util .login-btn > a {
	margin: 0 auto 30px;
}

/* error */
#modal form input[type!=checkbox],
#modal-login-balloon form .input-form input[type!=checkbox] {
	background-color: #eee;
}

#modal form .error input[type!=checkbox],
#modal-login-balloon form .input-form .error input[type!=checkbox] {
	border-color: #f0bdbc;
	color: #CE3030;
	background-color: #fcdede;
}

#modal form p.error,
#modal-login-balloon  form p.error {
	display: none;
	color: #CE3030;
}
#modal form .error p.error,
#modal-login-balloon form  .error p.error {
	display: block;
}

/* ---- Header-login ---- */
#modal-login-balloon {
	display: none;
	position: absolute;
	z-index: 20;
}
#modal-login-balloon:after {
	z-index: 20;
}
#modal-login-balloon form {
	z-index: 21;
}

/* login-form */
#modal-login-balloon .login-form {
	width: 290px;
}

#modal-login-balloon .login-form .input-form {
	padding: 15px 15px 12px;
	background: #fff;
}

#modal-login-balloon .login-form input[type="text"],
#modal-login-balloon .login-form input[type="password"] {
	width: 244px;
	background: #eee;
}

#modal-login-balloon .login-form .error input[type="text"],
#modal-login-balloon .login-form .error input[type="password"] {
	background: #fcdede;
}

#modal-login-balloon .login-form dl dt {
	position: relative;
	margin: 0 0 5px;
	font-size: 14px;
}

#modal-login-balloon .login-form dl dt span > a {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-left: 8px;
	font-size: 12px;
	color: #005EAD;
}
#modal-login-balloon .arrow > a:before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 4px;
	height: 7px;
	background: url(../images/icon_sprite.png) no-repeat -191px -16px;
}

#modal-login-balloon .login-form dl dd {
	margin: 0 0 10px;
	font-size: 14px;
}

#modal-login-balloon .login-form dl + div {
	font-size: 14px;
	text-align: center;
}

#modal-login-balloon .input-form input[type="checkbox"] {
	margin-right: 10px;
	vertical-align: middle;
}

#modal-login-balloon .login-btn {
	text-align: center;
}

/* ---- Limit  ---- */
#modal.limit {
	margin: 0 0 0 -354px;
	width: 708px;
}

#modal.limit .thumbnail {
	float: left;
	margin: 30px;
}

#modal.limit > div {
	margin: 30px 30px 20px 408px;
	font-size: 13px;
}

#modal.limit > div h4 {
	margin: 0 0 5px;
}

#modal.limit > div ~ div {
	border-top: 1px solid #000;
	margin-top: 0;
	margin-bottom: 30px;
	padding-top: 20px;
}

#modal.limit .login-btn {
	text-align: left;
}

#modal.limit .login-btn > a {
	font-size: 13px;
	margin-top: 15px;
	margin-right: 0;
}

#modal.limit .modal-footer {
	font-size: 13px;
	line-height: 10px;
}
#modal.limit .modal-footer a {
	font-weight: bold;
	color: #005ead;
}

/* ---- Limit-soon  ---- */
#modal.limitSoon {
	top: auto;
	left: -5px;
	bottom: -5px;
	margin: 0;
	width: 460px;
}
#modal.limitSoon p {
	margin: 15px 30px 10px;
	font-size: 13px;
}
#modal.limitSoon .login-btn {
	text-align: center;
}
#modal.limitSoon .login-btn > a {
}

#modal.limitSoon .modal-footer {
	position: relative;
	padding: 0 30px;
	height: 30px;
	overflow: hidden;
	font-size: 13px;
	line-height: 10px;
	text-align: right;
}
#modal.limitSoon .modal-footer a {
	color: #005ead;
}

#modal.limitSoon .close-btn {
/*	background-color: #000; */
}

/* ---- to-subscribe  ---- */
#modal.registration {
	overflow: hidden;
}
#modal.registration > div {
	padding-top: 30px;
}
#modal.registration .login-btn {
	margin: 0 30px;
}
#modal.registration .general-btn+.general-btn {
	margin: 0 0 0 15px;
}
#modal.registration .close-btn {
	background-color: #000;
}

/* ---- Magazine-cover  ---- */
#modal.cover {
	margin: -322px 0 0 -180px;
	padding: 60px 30px 20px;
	font-size: 13px;
	text-align: center;
}
#modal.cover p {
	margin: 10px 0 0;
}
#modal.cover .login-btn > a {
	margin: 10px auto;
	width: 160px;
}

#modal.cover .close-btn {
	left: 5px;
	right: 5px;
	width: auto;
	background: #000;
}

#modal.cover .close-btn:after {
	content: "";
	display: block;
	position: absolute;
	top: 11px;
	left: 15px;
	width : 8px;
	height: 8px;
	background: url(../images/icon_sprite.png) no-repeat -167px -16px ;
}

/* ---- Subscribe-confirm  ---- */
#modal.subscription {
	margin: -129px 0 0 -250px;
	width: 490px;
}

#modal.subscription > div {
	padding: 30px;
}

#modal.subscription dl:after {
	content: "";
	display: block;
	clear: both;
}

#modal.subscription dl dt,
#modal.subscription dl dd {
	float: left;
	margin: 0 0 10px;
}

#modal.subscription dl dt {
	margin-right: 15px;
}

#modal.subscription dl dd {
	font-weight: bold;
}

#modal.subscription dl dd.plice {
	color: #cb0000;
}

#modal.subscription p {
	margin: 10px 0 20px;
	font-size: 12px;
}

#modal.subscription > div > div {
	text-align: center;
}

#modal.subscription > div > div a:first-child {
	margin-right: 10px;
}

/* ===============================================
  Common styles
=============================================== */
/* clearfix */
.clearfix {
  overflow: hidden;
  *zoom: 1;
}
.clearfix:after{
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

/* Link for header,footer */
ul.base-list li {
	display: inline-block;
	padding-left: 5px;
	font-size: 12px;
}

ul.base-list li:first-child {
	padding-left: 0;
}

ul.base-list li:before {
	content: "|";
	display: inline-block;
	width: 1px;
	padding-right: 10px;
	color: #aaa;
}

ul.base-list li:first-child:before {
	content: "";
	display: none;
	padding: 0;
}

ul.base-list li a {
	color: #000;
}

ul.base-list li a:hover {
	color: #005ead;
}

/* wappen,icon */
#content .sub-title {
	position: relative;
	display: inline-block;
	margin: 0 0 5px;
	min-width: 70px;
	padding: 4px 14px 3px 4px;
	background: #003979;
	vertical-align: top;
	line-height: 1.0;
	font-weight: bold;
	font-size: 12px;
	font-family: arial,verdana,helvetica,sans-serif;
	color: #fff;
}

#content .sub-title:after {
	content: "";
	position: absolute;
	top: 0;
	right: -9px;
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid #003979;
}

#content .sub-title-s {
	font-family: arial,verdana,helvetica,sans-serif;
	font-weight: bold;
}

.sub-title-a300{
	position: relative;
	display: inline-block;
    margin: 0 0 0 5px;
/*	min-width: 56px; */
	height:17px;
    padding: 0;
    background-color: #003979;
    vertical-align: bottom;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
    line-height: 17px;
	color: #fff;
    text-align: center;
/*    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
	z-index: 10;
}

.sub-title-a300:before {
	content: "";
	display: inline-block;
	position: absolute;
	top:0;
	left:-5px;
	width: 5px;
	height: 17px;
	background: url('../images/icon_sprite2.png') -16px 0 no-repeat;
	z-index: 50;
}

.sub-title-a300:after {
	content: "";
	display: inline-block;
	position: absolute;
	top:0;
	right:-5px;
	 width: 5px;
	height: 17px;
	background: url('../images/icon_sprite2.png') -21px 0 no-repeat;
	z-index: 50;
}

.article-box .title {
	font-weight: bold;
}

.article-box .title a {
	color: #000;
}

/* title link hover */
.article-box .title a:hover,
.article-box .thumb-area h3 a:hover,
#content .primary .sub-area .sub-box h4 a:hover,
#content .gallery .feature-slide ul li h3 a:hover {
	color: #005ead;
}

/* input-form */
.input-form input[type="text"],
.input-form input[type="password"] {
	border: 0;
	border-top: 1px solid #ddd;
	padding: 5px 8px 6px;
	line-height: 1.0;
}
.input-form .error input[type="text"],
.input-form .error input[type="password"] {
	border-color: #f0bdbc;
	color: #CE3030;
	background-color: #fcdede;
}

/* text-link */
.different-text-link:hover {
	color: #000;
}

/* more-link */
#content .more {
	margin: 0 5px;
	line-height: 1.0;
	text-align: right;
	font-family: verdana,arial,helvetica,sans-serif;
}

#content .more.view {
	text-align: left;
}

#content .more.space {
	margin: 5px;
}

#content .more > a {
	position: relative;
	padding-left: 8px;
	font-weight: bold;
	font-size: 12px;
}

#content .more > a:before,
#content .arrow a:before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 4px;
	height: 7px;
	background: url(../images/icon_sprite.png) no-repeat -191px -16px;
}

.secondary .a300cpn .company-list .arrow:before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 4px;
	height: 7px;
	background: url(../images/icon_sprite.png) no-repeat -191px -16px;
}

.secondary .a300cpn .company-list .arrow:first-child:before {
	top: 10px;
}

/* arrow-link */
#content .arrow a{
	position: relative;
	padding-left: 8px;
}

#header .list-menu a{
	padding-left: 8px;
}

/* checkbox */
#content .input-form input[type="checkbox"],
#content .check-form input[type="checkbox"] {
	margin-right: 5px;
}

/* word-break */
#content .word-break {
	word-break: break-all;
}
/* select */
#content .input-form select {
	border: 1px solid #fff;
	border-top: 1px solid #ddd;
	padding: 0 0 0 8px;
	line-height: 1.0;
	height: 24px;
}

#content .input-form select[disabled!="disabled"] {
	background-color: #fff;
}

/* point-list */
.point-list li:before,
.point-list dt:before,
.point-list td a:before,
.daily-list .date:before,
.point-list-p p:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	vertical-align: middle;
	margin-left: 1px;
	margin-right: 5px;
	background: #000;
}

.point-list-p p:before {
	width: 7px;
	height: 7px;
}

.daily-list .date:before {
	margin-right: 6px;
}

.headline-list.point-list li:before {
	margin-right: 1px;
}

.other-list .point-list li:before {
	background: #003979;
}

/*
.related-list .point-list li:before {
	background: url("../images/icon_sprite2.png") no-repeat left top;
    width: 14px;
	height: 14px;
    margin-right: 10px;
}
*/
.subscription-select .point-list li:before {
	background: #fff;
}

.point-list td a {
	display: block;
	padding-left: 1.5em;
	text-indent: -1em;
}

/* button */
a.general-btn,
a.login-btn {
	position: relative;
	display: inline-block;
	padding: 8px 20px;
	min-width: 100px;
	height: 16px;
	font-size: 14px;
	text-decoration: none;
	line-height: 1.2;
	text-align: center;
	color: #fff;
	background: url(../images/btn_bg.png) no-repeat;
	vertical-align: middle;
}

/*
a.login-btn {
	background: url(../images/btn_bg.png) no-repeat 0 -64px;
}
*/
a.general-btn:after,
a.login-btn:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -4px;
	width: 4px;
	display: block;
	background: url(../images/btn_bg.png) no-repeat right 0;
	vertical-align: top;
}
/*
a.login-btn:after {
	background: url(../images/btn_bg.png) no-repeat right -64px;
}
*/

a.general-btn:hover,
a.login-btn:hover {
	background-position: left -32px;
}
/*
a.login-btn:hover {
	background-position: left -96px;
}
*/
a.general-btn:hover:after,
a.login-btn:hover:after {
	background-position: right -32px;
}
/*
a.login-btn:hover:after {
	background-position: right -96px;
}
*/

a.general-btn.back-btn {
	background-position: left -64px;
}
a.general-btn.back-btn:after {
	background-position: right -64px;
}
a.general-btn.back-btn:hover {
	background-position: left -96px;
}
a.general-btn.back-btn:hover:after {
	background-position: right -96px;
}

a.general-btn > span,
a.login-btn > span,
button.general-submit-btn > span {
	margin-left: 4px;
	font-size: 14px;
	text-decoration: none;
	line-height: 1.2;
	color: #fff;
}

a.general-btn.disable {
	cursor: default;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

a.general-btn.disable:hover {
	background-position: left top;
}

a.general-btn.disable:hover:after {
	background-position: right top;
}

button.general-submit-btn {
	position: relative;
	display: inline-block;
	border: none;
	padding: 0 20px;
	min-width: 140px;
	height: 32px;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: url(../images/btn_bg.png) no-repeat;
	vertical-align: middle;
	font-family: verdana,arial,helvetica,sans-serif;
	cursor:pointer;
	overflow: visible;
}

.ie8 button.general-submit-btn {
	min-width: 100px;
}

button.general-submit-btn:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -4px;
	width: 4px;
	height: 32px;
	display: block;
	background: url(../images/btn_bg.png) no-repeat right 0;
	vertical-align: top;
}

button.general-submit-btn:hover {
	background-position: left -32px;
}
button.general-submit-btn:hover:after {
	background-position: right -32px;
}

/* hover */
.black-hover a:hover {
	color: #000;
}

.blue-hover a:hover {
	color: #005ead;
}

#content .secondary .link-box .daily-list div + div > a:hover,
#content .primary .category-list .category li a:hover,
#content .primary .sub .feature-box .title > a:hover,
#content .secondary .link-box .ir-list dd > a:hover,
#content .primary .other-list ul li a:hover,
#content .primary .sub-area .sub-box .title a:hover,
#content .secondary .login-form dl dt span > a:hover,
#content .input-form .view-large > a:hover,
#content .subscription-select + .view-large > a:hover,
#content .primary .login-form dl dt span > a:hover,
#modal.limitSoon .modal-footer a:hover,
#content .change > a:hover,
#content .primary .title .edit a:hover,
#content .primary .form-box .supple-link:hover,
#content .primary .result .result-sub ul li a:hover,
#content .icon-area > ul > li.print a:hover,
#content .see-more > a:hover,
#content .see-fewer > a:hover {
	color: #000;
}

/* margin */
.mt5 {margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}

.mb5 {margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}

.text-indent1em{
	text-indent: -1em;
	margin-left: 1em;
}
.text-indent8px{
	text-indent: -8px;
	margin-left: 8px;
}
.taR{text-align: right;}
.taL{text-align: left !important;}
.bld {font-weight: bold;}