@charset "utf-8";

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


/* ===============================================
  Top
=============================================== */
#content .primary .article {
	border-bottom: 4px solid #000;
}

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

/* ---- topic ---- */
#content .primary .topic {
	border-bottom: 2px solid #000 ;
	padding: 10px 0;
}

#content .primary .topic .title {
	font-size: 24px;
}

#content .primary .topic .column-layout {
	margin: 10px 0 0;
}

#content .primary .topic .column-layout .img-side {
	float: left;
	margin-right: 10px;
	width: 290px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
}

#content .primary .topic .column-layout .text {
	margin-left: 300px;
	font-size: 14px;
}

#content .primary .topic .column-layout.no-image .text {
	margin: 0 0 20px;
}

#content .primary .topic .writer {
	display: block;
	margin: 0 0 10px;
	font-family: verdana,arial,helvetica,sans-serif;
}

/* ---- main ---- */
#content .primary .main {
	float: right;
	width: 420px;
	margin: 12px 0 10px;
}

#content .primary .main .article-box .title {
	font-size: 19px;
	line-height: 1.1;
}

#content .primary .main .article-box li {
	border-top: 1px solid #000;
	padding: 10px 0;
}

#content .primary .main .article-box li:first-child {
	border: 0;
	padding-top: 0;
}

#content .primary .main .article-box li p {
	margin: 10px 0 0;
	font-size: 14px;
}

#content .primary .column-layout:after {
	content: "";
	display: block;
	clear: both;
}

#content .primary .main .article-box li .column-layout > a > img {
	float: right;
	margin: 5px 0 5px 10px;
}

/* ---- sub ---- */
#content .primary .sub {
	float: left;
	width: 170px;
	margin: 12px 10px 10px 0;
	border-right: 1px solid #ccc;
	padding-right: 10px;
	font-family: verdana,arial,helvetica,sans-serif;
}

#content .primary .sub .feature-box {
	margin: 0 0 15px;
	padding: 0 0 10px;
}

#content .primary .sub .feature-box .title  {
	position: relative;
	margin: 0 0 5px;
	border-left: 5px solid #003979;
	padding: 3px 5px;
	font-size: 13px;
}

#content .primary .sub .feature-box .title > a {
	color: #003979;
}

#content .primary .sub .feature-box > p {
	padding: 0 5px 10px;
	font-size: 12px;
}

#content .primary .sub .feature-box > a > img {
	margin: 0 5px;
}

#content .primary .sub .feature-box.photos .frame {
	position: relative;
	margin: 0 5px;
	width: 160px;
	height: 171px;
	overflow: hidden;
	background: #888;
}

#content .primary .sub .feature-box.photos .frame a {
	font-size: 10px;
	color: #fff;
}

#content .primary .sub .feature-box.photos .frame ul {
	width: 480px;
}

#content .primary .sub .feature-box.photos .frame li {
	float: left;
	display: block;
	width: 160px;
	height: 171px;
}

#content .primary .sub .feature-box.photos a p {
	display: table-cell;
	width: 160px;
	height: 30px;
	padding: 5px 28px 10px;
	vertical-align: middle;
}

#content .primary .sub .feature-box.photos .btn-prev,
#content .primary .sub .feature-box.photos .btn-next {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 25px;
	height: 50px;
	background: #888;
	cursor: pointer;
}

#content .primary .sub .feature-box.photos .btn-next {
	left: auto;
	right: 0;
}

#content .primary .sub .feature-box.photos .btn-prev span,
#content .primary .sub .feature-box.photos .btn-next span {
	display: inline-block;
	margin: 18px 5px;
	width: 14px;
	height: 0;
	padding: 14px 0 0;
	background: url(../images/icon_sprite.png) no-repeat -167px -2px;
	overflow: hidden;
}

#content .primary .sub .feature-box.photos .btn-next span {
	background-position: -181px -2px;
}

/* ---- Breaking News 2014.10 added ---- */
#breaking-news {
	display: table;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 13px;
	width: 100%;
	margin: 20px 0 5px 0;
}

#breaking-news h2 {
	font-weight: bold;
	position: relative;
	margin: 0 0 5px;
	border-left: 5px solid #003979;
	color:#003979;
	padding: 3px 5px;
	white-space: nowrap;
	width: 6em;
}

#breaking-news h2 ,
#breaking-news p  {
	display: table-cell;
	vertical-align: middle;
}
#breaking-news p {
	background-color: #fff;
	padding: 0 10px;
}

/* ---- Highlight 2014.10 added ---- */
#highlight {
	font-family: verdana,arial,helvetica,sans-serif !important;font-size: 13px;
	margin:10px 0 16px 0;
	position: relative;
}

#highlight .has-pulldown {display: table;}

#highlight .has-pulldown h2 ,
#highlight .has-pulldown p  {
	display: table-cell;
	vertical-align: middle;
	/* padding: 5px 4px 4px 12px; */
}

#highlight .has-pulldown h2 {
	background-color: #707c7b;
	color:#fff;
	width: 80px;
	padding: 5px 4px 4px 12px;
}

#highlight .has-pulldown p {
	/* border-top: 1px solid #ddd; */
    /* background: #fff; */
	border: 1px solid #707c7b;
    text-align: left;
    cursor: pointer;
    width: 540px;
}

#highlight .has-pulldown p > a{
	display: block;
	padding: 5px 4px 4px 12px;
}

#highlight .has-pulldown p > a span {
	display: inline-block;
	position: relative;
	max-width: 98%;
}

#highlight .has-pulldown p > a span:after {
	background: url(../images/icon_sprite.png) no-repeat -176px -19px;
    content: '';
    width: 5px;
    height: 3px;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -1px;
}

#highlight .has-pulldown p:hover{background-color: #799db3;}
#highlight .has-pulldown p:hover >a {color: #fff;}

#highlight .has-pulldown p:hover > a span:after {
	background: url(../images/icon_sprite.png) no-repeat -176px -16px;
}

#highlight ul {
	background-color: #fff;
	border: 1px #707c7b solid;
	border-top: none;
	position: absolute;
	top: 100%;
	left: 95px;
	z-index: 100;
	width: 525px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
	display: none;
}

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

#highlight ul img,#highlight ul p{
	display: table-cell;
	vertical-align: middle;
}
#highlight ul p{padding-right: 5px;}
#highlight ul li {border-bottom: 1px #ccc solid;}
#highlight li a {
	display:table;
	padding:5px 5px 5px 10px;
	width: 100%;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
#highlight li a:hover {background: #94b1c2;color:#fff;}
#highlight ul img {width:80px; float: right;}

#highlight .more {
	margin: 0 5px;
	line-height: 1.0;
	text-align: right;
	font-family: verdana,arial,helvetica,sans-serif;
	border-bottom: none;
    float: right;
}


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

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

#highlight li.more a:hover{
	color: #005ead;
	background-color: transparent;
}

/* ---- feature-box new design 2014/08 ---- */

/* A (blue pattern1) */
#content .primary .sub .feature-box.feature-typeA {
	background-color:#cad4d7;
	padding:5px !important;
}
#content .primary .sub .feature-box.feature-typeA img {margin: 0;}

/* B (yellow) */
#content .primary .sub .feature-box.feature-typeB-yl {
	background-color: #FFC800;
	border-radius: 3px;	/* CSS3 */
	-webkit-border-radius: 3px;	/* for Safari,Chrome */
	-moz-border-radius: 3px;	/* for Firefox */
}
#content .primary .sub .feature-box.feature-typeB-yl .title {
	line-height:1.5em;
	padding-left:10px !important;
	background-color: #E8B600;
	border-bottom: 1px solid #ffce1a;
	border-left:none !important;
	-webkit-border-top-left-radius: 3px;	/* CSS3 */
	-webkit-border-top-left-radius: 3px;	/* for Safari,Chrome */
	-webkit-border-top-left-radius: 3px;	/* for Firefox */
	-webkit-border-top-right-radius: 3px;	/* CSS3 */
	-webkit-border-top-right-radius: 3px;	/* for Safari,Chrome */
	-webkit-border-top-right-radius: 3px;	/* for Firefox */
}
#content .primary .sub .feature-box.feature-typeB-yl  > p {margin:0 3%;}

/* if Title=Yellow */
#content .primary .sub .feature-box.feature-typeB-yl.title-yl .title > a {color:#000 !important;}
#content .primary .sub .feature-box.feature-typeB-yl.title-yl .title > a:hover {color:#005ead !important;}
#content .primary .sub .feature-box.feature-typeB-yl.title-yl p > a:hover {color:#005ead !important;}

/* C (blue pattern2) */
#content .primary .sub .feature-box.feature-typeC {
	background-color: #b2c3d6;
	border-radius: 3px;	/* CSS3 */
	-webkit-border-radius: 3px;	/* for Safari,Chrome */
	-moz-border-radius: 3px;	/* for Firefox */
}
#content .primary .sub .feature-box.feature-typeC .title {
	line-height:1.5em;
	padding-left:10px !important;
	background-color: #7f9cbc;
	border-bottom: 1px #ccd7e4 solid;
	border-left:none !important;
	-webkit-border-top-left-radius: 3px;	/* CSS3 */
	-webkit-border-top-left-radius: 3px;	/* for Safari,Chrome */
	-webkit-border-top-left-radius: 3px;	/* for Firefox */
	-webkit-border-top-right-radius: 3px;	/* CSS3 */
	-webkit-border-top-right-radius: 3px;	/* for Safari,Chrome */
	-webkit-border-top-right-radius: 3px;	/* for Firefox */
}
#content .primary .sub .feature-box.feature-typeC  > p {margin:0 3%;}

/* D (Magazine) */
#content .primary .sub .feature-box.feature-typeD {
	background-color: #003979;
	padding:5px !important;
}
#content .primary .sub .feature-box.feature-typeD .title {border-left: 5px solid #cad4d7;}
#content .primary .sub .feature-box.feature-typeD img {margin: 0;}
#content .primary .sub .feature-box.feature-typeD .title > a {color:#cad4d7 !important;}
#content .primary .sub .feature-box.feature-typeD .title > a:hover {color:#888 !important;}
#content .primary .sub .feature-box.feature-typeD p > a {color: #AAA !important;}
#content .primary .sub .feature-box.feature-typeD p > a:hover {color: #cad4d7 !important;}


/* ---- category-list ---- */
#content .primary .article.toppage {
	border-bottom-width: 2px;
}

#content .primary .category-list {
	margin: 0 0 20px;
	font-family: verdana,arial,helvetica,sans-serif;
}

.category-list.a300-list{border-top: 2px solid #000;}

#content .primary .category-list:after {
	content: "";
	display: block;
	clear: both;
}

#content .primary .category-list td {
	vertical-align: top;
}

#content .primary .category-list .category {
	margin: 0 10px 10px 0;
	width: 300px;
}

#content .primary .category-list .category .title {
	position: relative;
	padding: 5px 0;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
}

#content .primary .category-list .category .title:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: url(../images/icon_sprite.png) no-repeat left top;
}

#content .primary .category-list .category li {
	margin: 10px 0 0 ;
	font-size: 13px;
	line-height: 1.2;
}

#content .primary .category-list .category li a {
	color: #003979;
}


/* ===============================================
  Subscription
=============================================== */
/* ---- subscription-select ---- */
#content .primary .subscription-select {
	margin: 30px 0 35px;
	font-family: verdana,arial,helvetica,sans-serif;
}

#content .primary .subscription-select .title {
	position: relative;
	margin: 10px 0 20px;
	border-bottom: 3px solid #000;
	padding: 0 70px 10px 0;
	font-weight: bold;
	font-size: 18px;
}

/* tab */
#content .primary .subscription-select .tab li{
    border-bottom: 35px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    border-radius: 15px 15px 0 0 / 20px 20px 0 0;
    position: relative;
	z-index: 1;
}

#content .primary .subscription-select .tab li:hover{border-bottom: 35px solid #999;}
#content .primary .subscription-select .tab li:hover a{color: #fff}

#content .primary .subscription-select .tab li.tab-on {
	border-bottom-color: #666;
	 z-index: 2;
}

#content .primary .subscription-select .tab .tab-on a {
    color: #fff;
}
#content .primary .subscription-select .tab li a {
    padding: 0 10px;
}

/* plan-content */
#content .primary .plan-content {
	position: relative;
	padding: 15px 20px;
	background: #666;
}

#content .primary .plan-content .column-layout {
	margin: 0 0 15px;
	min-height: 220px;
}

#content .primary .plan-content .column-layout img {
	position: absolute;
	top: 35px;
	left: 20px;
}

#content .primary .plan-content .column-layout ul {
	margin-left: 270px;
	width: 320px;
}

#content .primary .plan-content .column-layout ul li {
	margin-left: 1em;
	padding: 15px 0 0;
	text-indent: -1em;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
}

#content .primary .plan-content .column-layout p.description {
	width: 300px;
	margin: 15px 0 15px 284px;
	color: #fff;
	font-size:11px;
}

#content .primary .plan-content .purchase-box table {
	margin: 0 -5px;
	border-collapse: separate;
	border-spacing: 5px;
	width: 590px;
}

#content .primary .plan-content .purchase-box table td {
	/* width: 260px; */
	height: 60px;
	padding-left: 10px;
	vertical-align: middle;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	/* box-sizing: border-box; */
	line-height: 1em;
}

#content .primary .plan-content .purchase-box table td:first-child {
	width: 320px;
	background: #fff;
	font-family: georgia, "times new roman", times, serif;
	font-size: 19px;
}

#content .primary .plan-content .purchase-box table td:first-child span.line-through {
	text-decoration: line-through;
}

#content .primary .plan-content .purchase-box table td:first-child span.custom-price {
	padding-left: 10px;
	color: #cb0000;
}

#content .primary .plan-content .purchase-box table td label {
	display: block;
	margin: 7px 5px;
}

#content .primary .plan-content .purchase-box table td > div,
#content .primary .plan-content .purchase-box table td.price-boxWB{
	position: relative;
	/* padding: 8px 10px; */
	background: #fff;
	font-size: 14px;
	padding: 12px 10px;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: content-box;
}

#content .primary .plan-content .purchase-box input {
	margin-right: 8px;
}

#content .primary .plan-content .purchase-box table td.check {
	background: #ddd;
}

#content .primary .plan-content .purchase-box table td > div:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	border: solid transparent;
	height: 0;
	width: 0;
	border-right-color: #fff;
	border-width: 3px;
	margin-top: -3px;
}

#content .primary .plan-content .purchase-box .big-price-down {
	color: #cb0000;
	font-size:12px;
}
#content .primary .plan-content .purchase-box .price-down {
	color: #2f4468;
	font-size:12px;
}
#content .primary .plan-content .purchase-box .list-price {
	color: #666;
	font-size:12px !important;
}

#content .primary .plan-content p a {
	font-size: 11px;
	color: #fff;
}

/* ---- form-box ---- */
#content .primary .input-form table,
#content .primary .check-form table {
	text-align: left;
	font-size: 13px;
}

#content .primary .input-form dt {
	margin: 0 0 5px;
	font-size: 14px;
}

.check-form .form-box tr {
	border-top: 1px solid #ccc;
}

.check-form .form-box tr:first-child {
	border: 0;
}

#content .primary .form-box {
	margin-bottom: 30px;
	font-family: verdana,arial,helvetica,sans-serif;
}

#content .primary .form-box .title {
	position: relative;
	margin-bottom: 15px;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

#content .primary .form-box .title.text {
	border-bottom: 0 none;
	padding-bottom: 0;
}

#content .primary .form-box .attention {
	text-align: right;
	font-size: 13px;
}

#content .primary .form-box .attention > span {
	position: relative;
	display: inline-block;
	padding-left: 10px;
}

#content .primary .form-box .attention > span:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -2px;
	width: 5px;
	height: 5px;
	background: url(../images/icon_sprite.png) no-repeat -176px -22px;
}

#content .primary .form-box .attention img {
	margin-right: 4px;
	vertical-align: top;
}

#content .primary .form-box table {
	width: 100%;
}

.form-box a {
	color: #005ead;
}

/* Table common */
#content .primary .form-box th,
#content .primary .form-box td {
	padding: 5px 0;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

#content .primary .form-box th {
	width: 160px;
	padding: 8px 0;
}

#content .primary .input-form .form-box td {
	padding-left: 15px;
}

/* Table others  */
#content .primary .form-box .supple {
	padding-left: 20px;
	font-size: 10px;
	color: #666;
}

#content .primary .form-box .pass-table th {
	padding-bottom: 0;
	font-size: 14px;
}

#content .primary .form-box .pass-table td {
	width: 240px;
	padding-left: 0;
	padding-bottom: 15px;
}

#content .primary .form-box .pass-table td + td {
	width: auto;
	padding-left: 12px;
}

#content .primary .form-box td.required,
#content .primary .form-box td.error {
	background: url(../images/icon_sprite.png) no-repeat left -55px;
}

#content .primary .form-box .pass-table td.required,
#content .primary .form-box .pass-table td.error {
	background: none;
}

#content .primary .form-box .clear {
	background: url(../images/icon_sprite.png) no-repeat -288px -5px;
}

#content .primary .form-box .read .clear {
	background: url(../images/icon_sprite.png) no-repeat -288px -8px;
}

#content .primary .form-box .read .required,
#content .primary .form-box .read .error {
	background-position: left -57px;
}

#content .primary .form-box div.clear {
	background-position: -288px -12px;
}

#content .primary .form-box div.required {
	background-position: left -61px;
}

#content .primary .form-box .error input[type=text],
#content .primary .form-box .error input[type=password],
#content .primary .form-box .error textarea,
#content .secondary .error input[type=text],
#content .secondary .error input[type=password] {
	color: #CE3030;
	background: #fcdede;
}

#content .primary .form-box .error select {
	color: #CE3030;
	background-color: #fcdede;
	border-color: #f0bdbc #fcdede #fcdede;
}

#content .primary .form-box .error input[type=text],
#content .primary .form-box .error input[type=password],
#content .primary .form-box .error textarea,
#content .secondary .error input[type=text],
#content .secondary .error input[type=password] {
	border-color: #f0bdbc;
}

#content .primary .form-box p.error,
#content .secondary p.error {
	display: none;
	font-size: 13px;
	color: #CE3030;
}

#content .primary .form-box .error p.error,
#content .secondary .error p.error {
        display: block;
}

#content .primary .form-box .inner-table {
	padding-top: 10px;
}

#content .primary .form-box .inner-table tr.disable th {
	color: #777;
}

#content .primary .form-box .indent label {
	display: block;
	margin: 0 0 15px;
}

#content .primary .form-box .indent label:after {
	content: "";
	display: none;
	clear: both;
}

#content .primary .form-box .indent label input[type="checkbox"] {
	float: left;
	display: block;
	margin: 3px 0 0;
}

#content .primary .form-box .indent .indent-text {
	display: block;
	margin-left: 20px;
}

#content .primary .form-box .indent .indent-text.mark {
	margin: 0;
	padding: 0 0 15px 20px;
	background: url(../images/icon_sprite.png) no-repeat -276px -41px;
}

#content .primary .form-box .three-column td {
	width: 256px;
}

#content .primary .form-box .three-column td + td {
	width: auto;
}

#content .primary .form-box .indent .indent-text-account {
	display: block;
	padding: 0 0 15px 0px;
	margin-left: 20px;
}

#content .primary .form-box .indent .indent-text-account.mark {
	margin: 0;
	padding: 0 0 15px 20px;
	background: url(../images/icon_sprite.png) no-repeat -276px -41px;
}


.price-box {
	margin: 30px 0;
}

#content .primary .form-box .two-column {
	margin-top: 20px;
}

#content .primary .form-box .two-column th,
#content .primary .form-box .two-column td {
	padding: 12px 10px 5px;
}

#content .primary .form-box .two-column th {
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
	padding-left: 0;
}

#content .primary .form-box .two-column td {
	font-family: georgia, "times new roman", times, serif;
	font-weight: bold;
	font-size: 22px;
	color: #cb0000;
}

#content .primary .form-box .supple-link {
	display: inline-block;
	margin-left: 30px;
}

#content .primary .form-box input.width-s {
	width: 90px;
}

#content .primary .form-box  select.width-s {
	width: 90px;
}

#content .primary .form-box input[type="text"],
#content .primary .form-box input[type="password"] {
	width: 240px;
}

#content .primary .form-box select {
	width: 256px;
}

#content .primary .form-box input.width-l,
#content .primary .form-box select.width-l {
	width: 430px;
}


#content .primary .form-box td .tool-tip {
	position: relative;
}

#content .primary .form-box td .tool-tip > div {
	display: none;
	position: absolute;
	top: -6px;
	left: 110px;
	width: 430px;
	border: 2px solid #000;
	padding: 5px 10px;
	background: #fff;
	z-index: 10;
}

#content .primary .form-box td .tool-tip > div:after {
	content: "";
	position: absolute;
	top: 8px;
	left: -6px;
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #000;
}

#content .primary .form-box td .tool-tip > a:hover + div {
	display: block;
}

#content .primary .form-box td .tool-tip > div > .card-capture {
	display: inline-block;
	margin: 15px 0;
	width: 210px;
	text-align: center;
}

#content .primary .form-box td .tool-tip > div > .card-capture div {
	margin: 10px 0 0;
	text-align: left;
}

#content .primary .form-box .read td {
	padding-top: 8px;
	padding-bottom: 8px;
}

/* Bottun for input form */
#content .btn-form {
	margin: 30px 0 50px;
	text-align: left;
}

#content .btn-form .general-btn + .general-btn.back-btn {
	margin-left: 15px;
}

#content .select-btn {
	margin: 30px 0 50px;
	text-align: left;
	margin-left: 160px;
}

#content .select-btn.cancelling {
	margin-left: 0;
}

#content .select-btn a,
#content .select-btn button {
	margin: 0 15px;
}

#content .select-btn a.general-btn+a.general-btn.back-btn {
	margin: 0;
}

#content .form-box.cancel-box {
	margin-top: 90px;
}

#content .form-box.cancel-box .title {
	margin-bottom: 20px;
	border-width: 3px;
	font-size: 18px;
}

/* ---- Subscribe-campaign  ---- */
.subscribeCbox{
	margin-bottom: 20px;
	position: relative;
}

.subscribeCbox .campaign {
	position: absolute;
}

.campaign .title {
	z-index: 1 !important;
	padding: 0 !important;
	display: inline-block;
	border-bottom:0 !important;
	top:-25px;
	font-size: 16px!important;
	background: #425f89;
	background: -webkit-gradient(linear, left top, left bottom, from(#425f89), to(#2f4468));
	background: -webkit-linear-gradient(top, #425f89, #2f4468);
	background: -moz-linear-gradient(top, #425f89, #2f4468);
	background: -ms-linear-gradient(top, #425f89, #2f4468);
	background: -o-linear-gradient(top, #425f89, #2f4468);
	background-image: -ms-linear-gradient(top, #425f89 0%, #2f4468 100%);
	-webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
	-moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
	box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
	font-family: georgia, "times new roman", times, serif;
}

.campaign .title:before,
.campaign .title:after {
	content: '';
	position: absolute;
	display: block;
	bottom: -0.6em;
	border: 1.2em solid #fc0;
	z-index: -1 !important;
}

.campaign .title:before {
	left: -1.4em;
	border-right-width: 0.8em;
	border-left-color: transparent;
	-webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
	-moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
	box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
}

.campaign .title:after {
	right: -1.4em;
	border-left-width: 0.8em;
	border-right-color: transparent;
	-webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
	-moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
	box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
}

.campaign .campaign-title:before,
.campaign .campaign-title:after {
	border-color: #7D7700 transparent transparent transparent;
	position: absolute;
	display: block;
	border-style: solid;
	bottom: -0.6em;
	content: '';
}

.campaign .campaign-title:before {
	left: 0;
	border-width: 0.6em 0 0 0.6em;
}

.campaign .campaign-title:after {
	right: 0;
	border-width: 0.6em 0.6em 0 0;
}

.campaign .title h2,
.campaign .title h3 {
	font-size: 18px!important;
	color: #000;
	text-shadow: #fff100 0 1px 0;
	margin:0px;
	padding: 10px 8px;
	background: #fff100;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff100), to(#ffcc00));
	background: -webkit-linear-gradient(top, #fff100, #ffcc00);
	background: -moz-linear-gradient(top, #fff100, #ffcc00);
	background: -ms-linear-gradient(top, #fff100, #ffcc00);
	background: -o-linear-gradient(top, #fff100, #ffcc00);
	background-image: -ms-linear-gradient(top, #fff100 0%, #ffcc00 100%);
	-webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
	-moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
	box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
}

/* .campaign .title + p {
	position: relative;
	margin-top: -45px;
} */

.subscribeCbox div.campaign-title-box{
	font-size: 14px;
	border: 2px solid #ccc;
	background-color: #fff;
	padding: 10px;
	width:556px;
	position: relative;
	margin-top: -45px;
}

.subscribeCbox div.campaign-title-box p,.purchase-box p{margin-bottom: 0.5em;}
.subscribeCbox div.campaign-title-box .fsL04,.purchase-box .fsL04 { font-size: 200%;}
.subscribeCbox div.campaign-title-box .fsL03,.purchase-box .fsL03 { font-size: 150%;}
.subscribeCbox div.campaign-title-box .fsL02,.purchase-box .fsL02 { font-size: 130%;}
.subscribeCbox div.campaign-title-box .fsL01,.purchase-box .fsL01 { font-size: 110%;}
.subscribeCbox div.campaign-title-box .fcR,.purchase-box .fcR {color: #cb0000;}
.subscribeCbox div.campaign-title-box .fcB,.purchase-box .fcB {color: #005ead;}
.subscribeCbox div.campaign-title-box .fwB,.purchase-box .fwB { font-weight: bold;}
.subscribeCbox div.campaign-title-box .fsI,.purchase-box .fsI { font-style: italic;}
.subscribeCbox div.campaign-title-box .tdT,.purchase-box .tdT { text-decoration: line-through;}
.subscribeCbox div.campaign-title-box .tdU,.purchase-box .tdU { text-decoration: underline;}
.subscribeCbox div.campaign-title-box .taC,.purchase-box .taC{text-align: center;}
.subscribeCbox div.campaign-title-box .taL,.purchase-box .taL{text-align:left;}
.subscribeCbox div.campaign-title-box .taR,.purchase-box .taR{text-align: right;}

.subscribeCbox strong{
	font-weight: bold;
	color: #cb0000;
}

.errorInfoBox{
	font-size: 14px;
	background-color: #fff;
	border: 3px solid #cb0000;
	color: #cb0000;
	padding: 10px;
	margin: 10px 0 20px 0;
}

.pc_remove{display: none;}

/* ===============================================
  Your Account
=============================================== */
#content .primary .form-box.first {
	margin-top: 30px;
}

#content .primary .check-form .form-box th {
	width: 170px;
}

#content .primary .chart {
	width: 100%;
	text-align: center;
}

#content .primary .chart tr {
	border: 0;
}

#content .primary .chart th,
#content .primary .chart td {
	border: 1px solid #000;
	padding: 8px 0;
	background: #ccc;
	text-align: center;
}
#content .primary .chart th {
	font-weight: bold;
}

#content .primary .chart td {
	background: #fff;
}

#content .primary .chart td.font-bold,
#content .primary .font-bold {
	font-weight: bold;
}

#content .check-form table.chart+p {
	margin: 5px 2px;
	font-size: 12px;
}

#content .change {
	margin: 8px 5px;
	line-height: 1.0;
	text-align: right;
}

#content .change > a {
	position: relative;
	padding-left: 8px;
	font-size: 16px;
	color: #005ead;
}

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

#content .primary .title .edit {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -9px;
}

#content .primary .title .edit a {
	font-weight: normal;
	font-size: 16px;
	color: #005ead;
}

#content .primary .check-form .title.text+p {
	font-size: 12px;

}


/* ===============================================
  Log in
=============================================== */
#content .primary .message {
	margin: 0 0 20px;
}

#content .primary .login-form {
	padding: 40px 0 5px;
	background: #fff;
}

#content .primary .login-form .message {
	padding: 0 20px 20px;
}

#content .primary .login-form .form-box input[type="text"],
#content .primary .login-form .form-box input[type="password"] {
	width: 284px;
	border: 0;
	border-top: 1px solid #ddd;
	padding: 5px 8px 6px;
	background: #eee;
	line-height: 1.0;
}

#content .primary .login-form .form-box .error input[type="text"],
#content .primary .login-form .form-box .error input[type="password"],
#content .primary .login-form .form-box .error textarea {
	color: #CE3030;
	background: #fcdede;
}

#content .primary .login-form dl {
	margin-left: 40px;
	width: 300px;
}

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

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

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

#content .primary .login-form dl + div {
	margin-left: 40px;
	font-size: 14px;
}
#content .primary .login-form .select-btn {
	margin-left: 25px;
}

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

/* ===============================================
  Temporary members
=============================================== */
#content .important-message {
	margin: 30px 0 0;
	border: 1px solid #00377b;
	background: #fff;
	text-align: center;
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 14px;
}

#content .important-message span {
	position: relative;
	display: inline-block;
	padding: 10px 35px;
}

#content .important-message span:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -13px;
	width: 25px;
	height: 25px;
	background: url(../images/icon_sprite.png) no-repeat -22px -2px;
}


/* ===============================================
  Cancelling
=============================================== */

#content .primary .subscription-select .title.nowrap {
	padding-right: 0;
}

#content .primary .form-box textarea {
	width: 430px;
	height: 150px;
}

#js_form-cancelling div.js_required {
	padding-left: 15px;
}

#js_form-cancelling div.js_required.required,
#js_form-cancelling div.js_required.error {
	background: url(../images/icon_sprite.png) no-repeat left -62px;
}

/* ===============================================
  Utility popup
=============================================== */
body.popup {
	min-width: 520px;
	background: #eee;
}

#popup-display {
	margin: 0 auto;
	padding: 40px;
	width: 520px;
	background: #eee;
	font-family: verdana,arial,helvetica,sans-serif;
}

#popup-display .logo {
	margin: 0 0 35px;
	text-align: center;
}

#popup-display .title {
	margin-bottom: 15px;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

#popup-display .article-box .article-title-top h4 {
	margin: 0 0 12px;
	padding: 0 8px;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	background-color: #666;
}

#popup-display .article-box .article-title h4 {
	margin: 0 0 12px;
	padding: 0 8px;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	background-color: #ccc;
}

#popup-display .article-box .article-detail h5 {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 12px;
}

#popup-display .article-box .article-detail h5:before {
	content: '';
	display: inline-block;
	margin-right: 5px;
	width: 10px;
	height: 10px;
	background: #ccc;
}

#popup-display .article-box .article-detail p {
	margin: 0 0 10px;
	line-height: 1.5;
	font-size: 13px;
}

#popup-display .close-btn {
	margin: 30px 0;
	text-align: center;
}

/* ===============================================
  Article List
=============================================== */
#content .primary .article.list-area {
	border-bottom: none;
}

/* article title */
#content .glance {
	margin: 10px 0 15px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 16px;
}

/* feature */
#content .primary .feature.list {
	border-bottom: 2px solid #000 ;
	padding: 5px 0 20px;
}

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

#content .primary .feature .img-side {
	float: left;
}

#content .primary .feature.another-case .img-side {
	float:right;
}

#content .primary .feature .img-side,
#content .primary .feature.another-case .img-side,
#content .primary .feature .img-side > img {
	max-width: 320px;
}

#content .primary .feature.list .img-side,
#content .primary .feature.list .img-side > img {
	max-width: 280px;
}
#content p.img-caption {
	margin:3px 0 0;
	line-height: 1.2;
	font-size: 11px;
}

#content .object-center p.img-caption{
	margin: 0 auto;
}

#content .img-credit {
	margin-left: 5px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
}

/* feature articles */

#content .primary .feature .feature-article {
	float: right;
	width: 280px;
	padding-left: 20px;
}
#content .primary .feature.another-case .feature-article {
	float: left;
	padding: 0 20px 0 0;
}

#content .primary .feature.list .feature-article {
	width: 320px;
}

#content .primary .feature.no-image .feature-article {
	float: none;
	width: 100%;
	padding: 0;
}

#content .primary .feature .feature-article .date-area {
	margin: 0 0 5px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 13px;
}

#content .primary .feature .feature-article .sub-title {
	margin: 0;
}

#content .primary .feature .feature-article .title {
	margin: 0 0 15px;
	font-size: 24px;
}

#content .primary .detail-area .feature-article .title {
	margin: 4px 0 13px;
	font-weight: normal;
	font-size: 30px;
}

#content .primary .feature .feature-article p {
	/* font-size: 14px; */
	font-size: 13px;
}

/* other-list */
#content .primary .other-list {
	margin:15px 0 0;
}

#content .primary .other-list ul li,
#content .primary .article-list .other-list ul li {
	padding: 4px 0;
	padding-left: 1em;
	text-indent: -1em;
	border-top: none;
	line-height: 1.3;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #003979;
}

#content .primary .other-list ul li a{
	color: #003979;
}

#content .primary .other-list ul li > span {
	padding-right: 5px;
}

/* article-list */
#content .primary .article-list {
	margin: 12px 0 10px;
}
#content .primary .article-list .article-box .title {
	font-size: 19px;
	line-height: 1.1;
}

#content .primary .article-list .article-box li {
	border-top: 1px solid #000;
	padding: 10px 0 15px;
}

#content .primary .article-list .article-box .thumbnail-text:after {
	content: "";
	display: block;
	clear: both;
}

#content .primary .article-list .article-box li:first-child {
	border: 0;
	padding-top: 0;
}

#content .primary .article-list .article-box li p {
	margin: 10px 0 0;
	font-size: 14px;
}

#content .primary .article-list .article-box li img {
	float: right;
	padding: 0 0 10px 10px;
}

/* sub-area */
#content .primary .article.list-area .two-column:after {
	content: "";
	display: block;
	clear: both;
}

#content .primary .article.list-area .two-column > .article-list {
	float: left;
	width: 360px;
}

#content .primary .sub-area {
	float: right;
	width: 230px;
	margin: 12px 0 10px 10px;
	border-left: 1px solid #ccc;
	padding-left: 15px;
	font-family: verdana,arial,helvetica,sans-serif;
}

#content .primary .sub-area .sub-box {
	position: relative;
	margin: 0 0 20px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px;
}

#content .primary .sub-area .sub-box .title {
	margin: 8px 0 5px;
	border-left: 5px solid #003979;
	padding: 0 5px;
	font-size: 15px;
}

#content .primary .sub-area .sub-box .title:first-child {
	margin-top: 0;
}

#content .primary .sub-area .sub-box .title a {
	color:#003979;
}

#content .primary .sub-area .sub-box h4 {
	padding: 0 5px 5px;
	font-size: 15px;
}

#content .primary .sub-area .sub-box img {
	float: right;
	padding: 5px;
}

#content .primary .sub-area .feature-box .title > a {
	color: #003979;
}

#content .primary .sub-area .sub-box p {
	margin-left: 5px;
	font-size: 12px;
}

/* parallel */
#content .primary .parallel~.parallel {
	padding-top: 10px;
	border-top: solid 1px #000000;
}

#content .primary .article-list .article-box .parallel > ul:after {
	content: "";
	display: block;
	clear: both;
}

#content .primary .article-list .article-box .parallel > ul > li {
	float: left;
	padding-top: 0;
	width: 295px;
	border-top: none;
}

#content .primary .article-list .article-box .parallel li:first-child {
	margin: 0 30px 0 0;
}

#content .primary .article-list .article-box .parallel .other-list li:first-child {
	margin-right: 0;
}

/* feature-text */
#content .primary .feature .feature-text .title {
	margin: 0 0 15px 0;
	font-size: 28px;
}

#content .primary .feature .feature-text p {
font-size: 13px;
padding-bottom: 30px;
}

#content .primary .text-list {
	margin-top: 20px;
}

#content .primary .article-list .text-list ul li {
	border-top: none;
}

/* list-line */
#content .primary .article-list .list-line {
	margin: 30px 0 0;
}

#content .primary .article-list .list-line ul li{
	border-top: none;
	font-size: 13px;
	font-weight: bold;
}

/* pagination */
#content .pagination {
	position: relative;
	margin: 20px 0 0;
	border-top: 2px solid #000;
	padding: 15px 60px;
	text-align: center;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
}
#content .pagination.no-border {
	border-top: 0 none;
}

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

#content .pagination ul.page-number li {
	display: inline-block;
	margin: 0 3px;
	text-align: center;
	font-weight: bold;
}

#content .pagination li a {
	display: block;
	background: #ddd;
	border: 1px solid #fff;
	padding: 3px 7px;
}

#content .pagination .first-page a {
	position: absolute;
	top: 15px;
	left: 0;
	display: block;
	border: 1px solid #fff;
	padding: 3px 7px;
	background: #ddd;
}

#content .pagination .last-page a {
	position: absolute;
	top: 15px;
	right: 0;
	display: block;
	border: 1px solid #fff;
	padding: 3px 7px;
	background: #ddd;
}

#content .pagination .back > a {
	position: absolute;
	top: 15px;
	left: 0;
	border: 1px solid #fff;
	background: #ddd;
	padding: 3px 7px;
	font-weight: bold;
}

#content .pagination a:hover {
	padding: 3px 7px;
	background: #666;
	font-weight: normal;
	color: #fff;
}

#content .pagination .page-number a:hover {
	font-weight: bold;
}

#content .pagination li a.prev:hover,
#content .pagination li a.next:hover {
	font-weight: normal;
}

#content .pagination li a.prev,
#content .pagination li a.next,
#content .pagination .first-page a,
#content .pagination .last-page a {
	font-weight: normal;
}

#content .pagination li.current {
	background: #000;
	border: 1px solid #000;
	padding: 2px 7px;
	color: #fff;
	font-weight: bold;

}

/* ===============================================
  Article details
=============================================== */

#content .primary .detail-area {
	border-bottom: none;
}

#content .primary .detail-area .icon-area {
	float: none;
}

#content .primary .detail {
	width: 580px;
}

#content .primary .detail.no-image {
	width: 100%;
}

/* detail-head */
#content .primary .detail .feature-article {
	margin-bottom: 20px;
}

#content .primary .detail .feature-article .date-area {
	margin: 0 0 5px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 13px;
}

#content .primary .detail .feature-article .sub-title {
	margin: 0;
}

#content .primary .detail-area .detail .feature-article .title {
	margin: 4px 0 13px;
	font-weight: normal;
	font-size: 30px;
}

#content .primary .detail .feature-article p {
	font-size: 13px;
}

/* detail-icon */
#content .icon-area {
	float: right;
	width: 100%;
	padding-bottom: 10px;
	text-align: right;
	margin-top: 4px;
}

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

#content .icon-area > ul > li {
	display: inline-block;
}

#content .icon-area > ul > li img {
	vertical-align: bottom;
}

#content .icon-area > ul > li.print {
	position: relative;
	padding-left: 8px;
	font-family: verdana,arial,helvetica,sans-serif;
}
#content .icon-area > ul > li.print a {
	padding-left: 10px;
	color: #003979;
}

#content .icon-area > ul > li.print:before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 14px;
	height: 12px;
	background: url(../images/icon_sprite.png) no-repeat -195px -2px;
}

#content .icon-area > ul > li.print:after {
	content:"|";
	margin-right: 5px;
	padding-left: 5px;
	color: #ccc;
}

#content .icon-area > ul > li.print.no-icon:after {
	content:"";
	visibility: hidden;
	margin: 0;
	padding: 0;
}

/* detail-section */
#content .detail .detail-section {
	margin: 20px 0;
}

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

#content .detail .detail-section.small-photo img {
	float: right;
	padding: 6px 0 10px 10px;
}

#content .detail .detail-section.large-photo img {
	float: left;
	padding: 6px 10px 10px 0;
}

#content .detail .article-copy {
	margin: 0 0 20px;
	padding: 20px 0 0;
	clear: both;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
}

/* ---- wysiwyg_area  ---- */
.wysiwyg_area .text-left {
	text-align: left;
}
.wysiwyg_area .text-center {
	text-align: center;
}
.wysiwyg_area .text-right {
	text-align: right;
}
.wysiwyg_area ul {
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 22px;
}
.wysiwyg_area ul li,
.wysiwyg_area ol li {
	padding: 3px 0;
}
.wysiwyg_area ul li:before {
	content: "";
	margin-right: 12px;
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #000;
	vertical-align: middle;
}

.wysiwyg_area p {
	margin-top: 1em;
	margin-bottom: 1em;
}
.wysiwyg_area table:not([class="layout_table"]) th,
.wysiwyg_area table:not([class="layout_table"]) td {
	padding: 5px 8px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 14px;
}

.wysiwyg_area table:not([class="layout_table"]) th p,
.wysiwyg_area table:not([class="layout_table"]) td p {
	margin: 0;
}

.wysiwyg_area table.layout_table th,
.wysiwyg_area table.layout_table td {
	padding: 5px 8px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 14px;
}

.wysiwyg_area table.layout_table th p,
.wysiwyg_area table.layout_table td p {
	margin: 0;
}

.wysiwyg_area table:not([class="layout_table"]) th {
	background: #ccc;
}
.wysiwyg_area table:not([class="layout_table"]) tr.bg_pattern_b {
	background: #b3d5ea;
}
.wysiwyg_area table:not([class="layout_table"]) tr.bg_pattern_g {
	background: #ddd;
}
.wysiwyg_area table:not([class="layout_table"]) tr.bg_pattern_o {
	background: #eeeddb;
}
.wysiwyg_area a {
	color: #005ead;
}
.wysiwyg_area a:hover {
	color: #000;
}
.wysiwyg_area .object-right {
	float: right;
	margin: 6px 0 6px 10px;
}
.wysiwyg_area .object-left {
	float: left;
	margin: 6px 10px 6px 0;
}

 .wysiwyg_area .object-center {
	text-align: center;
}

 .wysiwyg_area .object-center .date-area,
.wysiwyg_area .object-center .img-caption{
	text-align: left;
}

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

/* ---- image zoom modal ---- */
.modal-zoom {
	font-size: 13px;
	display: none;
	left: 50%;
	top: 50%;
	position: absolute;
	z-index: 40;
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	background-color: #f9f9f9 !important;
	color: #444;
	text-shadow: none;
	outline: none;
	vertical-align: top;
	padding: 15px !important;
}

.modal-zoom img{
	width:580px;
	height:auto;
}

.image-side{
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.date-area.img-caption,.date-area.img-caption:hover{color: #000}
.date-area.img-caption{
	background: url("../images/icon_zoom.png") no-repeat right top;
	padding-bottom: 25px;
	padding-right: 25px;
}

.js_close.fb{
	font-family: verdana, arial, helvetica, sans-serif;
	display: block;
	text-align: right;
	height: 36px;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	line-height: 36px;
	color: #999;
	z-index: 8060;
	background: url('../images/btn_close.png') right center no-repeat;
	margin-top: -10px;
	margin-bottom:4px;
	padding: 0 36px 0 0;
}

a.js_close:hover.fb{color: #999;}

#modal-screen_zoom {
	display: none;
	position: fixed;
	z-index: 30;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

/* ---- company balloon ---- */
.mwMoTrg{
	display: inline-block;
}

.cmp-smy-balloon{
	display: none;
	position: absolute;
	padding-top: 16px;
	z-index: 40;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	background-color: #b2cacb;
	min-width: 400px;
	padding: 1px;
}

.cmp-smy-balloon-inr{
	background-color: #fff;
	padding: 10px;
}

.cmp-smy-balloon h3.mwmo-title{
	padding: 5px 5px 0;
	font-size: 18px;
}

.cmp-smy-balloon-inr .sub-title-a300 {
	margin-left: 10px;
	margin-top:4px;
}

.cmp-smy-balloon-inr p.a300ctry {
	padding: 0 5px 5px;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
}

.cmp-smy-balloon table{
	min-width: 400px;
}

.cmp-smy-balloon th{
	font-weight: normal;
	text-align: left;
	background-color: #fff !important;
	padding: 5px;
}

.cmp-smy-balloon td{
	background-color: #fff !important;
	padding: 5px;
}

.cmp-smy-balloon .more {
	margin:10px 5px 0 5px !important;
}

/* ---- related list ---- */
.related-list {
    margin: 10px 0;
}

.related-list,
.related-company {font-family: verdana,arial,helvetica,sans-serif;}

.related-list .related-header,
.related-company .related-header {
	font-size: 18px;
	font-weight: normal;
	padding: 20px 0px 4px;
}

.related-list .related-header {
    border-top: 1px solid #999;
}

.related-company .company-list li {
	padding-top: 4px;
}

#content .primary .related-list ul li,
#content .primary .article-list .related-list ul li {
	padding: 4px 0;
	padding-left: 0.8em;
	text-indent: -0.8em;
	border-top: none;
	line-height: 1.3;
	font-size: 14px;
	color: #003979;
}

#content .primary .related-list ul li a{
	color: #003979;
}

/* ---- related company ---- */
.related-company {
    margin: 10px 0;
}
.related-company .company-list {
	font-size:14px;
	margin: 0 0 6px;
}

.related-company .company-list,
.related-company .company-list a {
    color: #777;
}

.related-company .company-list a:hover {
    color:#005ead
}

/* mgzNextArticleBox */
.mgzNextArticleBox{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	border:1px solid #ccc;
	padding:10px;
	margin-top:20px;
	*zoom: 1;
}

.mgzNextArticleBox:before,
.mgzNextArticleBox:after {
	content: " ";
	display: table;
}
.mgzNextArticleBox:after {
	clear: both;
}

.mgzNextArticleBox .img,.mgzNextArticleBox .txt,.mgzNextArticleBox .txt_noimg,.mgzNextArticleArea{
	display:inline-block;
	vertical-align:middle;
}

.mgzNextArticleBox .img{
	margin-right:10px;
	width:80px;
}

.mgzNextArticleBox .txt{
	width:465px;
}

.mgzNextArticleBox .txt_noimg{
	width:555px;
}

.mgzNextArticleBox .bld{font-weight:bold;}

.mgzNextArticleBox .txt ul,.mgzNextArticleBox .txt_noimg ul{margin-left:20px;}
.mgzNextArticleBox .txt li,.mgzNextArticleBox .txt_noimg li{list-style:square !important;}

.mgzNextArticleArea{
	width:14px;
	background-color:#444;
	cursor:pointer;
	padding:5px 10px;
}

.mgzNextArticleArea span{
	display: inline-block;
	text-indent:-9999px;
	background:url(../images/icon_sprite.png) no-repeat -18px -28px;
	overflow: hidden;
	width:14px;
	height:26px;
}

.mgzNextArticleBox .txt dt,.mgzNextArticleBox .txt_noimg dt{font-weight:bold; margin-bottom: 5px;}

/* follow-nar */
#content .primary .follow-nar dt,
#content .primary .follow-nar dd {
	font-size: 11px;
	text-align: left;
}

#content .primary .link-box {
	font-family: verdana,arial,helvetica,sans-serif;
}

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

.follow-nar > dl{
	width: 620px;
	display: table;
	margin: 10px 0;
	border-collapse: separate;
	/*border-spacing: 10px 0;*/
}

.follow-nar dt,.follow-nar dd{
	display: table-cell;
	vertical-align: top;
}

.follow-nar dd{
	color: #fff;
	padding: 10px;
	width: 40%;
}

#content .primary .follow-nar dt {
	background-color:#ddd;
	padding: 7px 5px 0 7px;
}

#content .primary .follow-nar dt.Twitter {
	border-left: 7px solid #eee;
}

#content .primary .follow-nar dt.Twitter {
	border-left: 7px solid #eee;
}

#content .primary .follow-nar dd.Twitter {background-color: #00aced;}
#content .primary .follow-nar dd.Facebook{background-color: #355999;}

/* ===============================================
  Print
=============================================== */

body.print {
	background: #fff;
}

#content .print-area {
	position: relative;
	margin-top: 30px;
	width: 970px;
	background: #fff;
	border-bottom: 1px solid #000;
}

#content .print-area > .icon-area {
	position: absolute;
	top: 15px;
	right: 0;
}

/* print-area icon-area */
#content .print-area .icon-area > ul > li.print:after {
	content:"";
	visibility: hidden;
}

#content .print-area .print-title{
	margin: 30px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}

#content .print-area .title{
	margin: 4px 0 13px;
	font-weight: normal;
	font-size: 30px;
}

#content .print-area .print-title p {
	font-size: 14px;
}

#content .print-area .date-area{
	margin: 0 0 5px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 13px;
}

#content .print-area .sub-title{
	margin: 0;
}

#content .print-area .object-right {
	float: right;
	margin-left: 10px;
}

#content .print-area .object-left {
	float: left;
	margin-right: 10px;
}

#content .print-area .article-box.detail {
	padding: 0 0 20px;
}

#content .print-area .article-box.detail:after {
	content: "";
	display: block;
	clear: both;
}

#content .copyright {
	margin: 10px auto 0;
	width: 970px;
	text-align: right;
	font-size: 10px;
}

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

/* ===============================================
  Photo gallery top
=============================================== */

/* gallery-top */
#content .primary .gallery-top {
	margin: 0 0 20px;
	width: 600px;
	border-bottom: none;
}

#content .primary .gallery-top .title {
	padding-bottom: 10px;
	font-size: 28px;
}

#content .primary .gallery-top .caption {
	padding: 0 0 10px;
}

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

#content .view-large > a {
	font-size: 14px;
}

#content .input-form .view-large > a,
#content .subscription-select + .view-large > a {
	font-weight: normal;
	color: #005EAD;
}

/* thumb-area */
#content .primary .gallery-top .thumb-area {
	margin: 20px 0;
}

#content .primary .gallery-top .thumb-area ul {
	padding: 20px 0 0;
	border-top: 1px solid #bbb;
}

#content .primary .gallery-top .thumb-area ul:after {
	content: 	" ";
	display: block;
	clear: both;
}

#content .primary .gallery-top .thumb-area ul li {
	float: left;
	display: inline-block;
	padding-left: 30px;
	width: 180px;
}

#content .primary .gallery-top .thumb-area ul li:first-child {
	padding-left: 0;
}

#content .primary .gallery-top .thumb-area  h3 {
	margin-bottom: 10px;
	font-size: 15px;
}

#content .primary .gallery-top .thumb-area p {
	margin-bottom: 10px;
	line-height: 1.2;
	font-size: 13px;
}

/* ===============================================
  Photo galleries
=============================================== */

#content .gallery {
	margin-top:20px;
}

/* gallery-area */
#content .gallery .gallery-area {
	position: relative;
	margin: 20px 0 0;
	background: #888;
	color:#fff;
}

#content .gallery .gallery-area .title {
	padding: 20px 0 15px 75px;
	font-size: 19px;
}

#content .gallery .category-title {
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}

#content .gallery .gallery-area .slide-area {
	position: relative;
	min-height: 442px;
	overflow: hidden;
	background: url(../images/bg_load.gif) no-repeat center 200px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#content .gallery .gallery-area .slide-area .gallery-prev,
#content .gallery .gallery-area .slide-area .gallery-next {
	position: absolute;
	z-index: 5;
	top: 75px;
	left: 0;
	display: block;
	width: 50px;
	height: 300px;
	background: #444;
	cursor: pointer;
}

#content .gallery .gallery-area .slide-area .gallery-prev span,
#content .gallery .gallery-area .slide-area .gallery-next span {
	display: inline-block;
	margin: 137px 18px;
	width: 14px;
	height: 0;
	padding: 26px 0 0;
	background: url(../images/icon_sprite.png) no-repeat left -28px;
	overflow: hidden;
}

#content .gallery .gallery-area .slide-area .gallery-next {
	left: auto;
	right: 0;
}

#content .gallery .gallery-area .slide-area .gallery-next span {
	background: url(../images/icon_sprite.png) no-repeat -18px -28px;
}

#content .gallery .gallery-area .slide-area .gallery-control {
	position: absolute;
	z-index: 5;
	top: -1px;
	left: 185px;
	right: 185px;
	display: block;
	padding: 452px 0 0;
	width: 602px;
	height: 0;
	overflow: hidden;
	cursor: pointer;
	background-image: url(../images/bg_gallery-control.gif);
}
#content .gallery .gallery-area .slide-area .gallery-control:hover {
	background: url(../images/btn_gallery_play.png) no-repeat 260px 186px;
}
#content .gallery .play .gallery-area .slide-area .gallery-control:hover {
	background: url(../images/btn_gallery_stop.png) no-repeat 260px 186px;
}

#content .gallery .single .gallery-area .slide-area .gallery-control,
#content .gallery .single .gallery-area .slide-area .gallery-prev,
#content .gallery .single .gallery-area .slide-area .gallery-next {
	display: none;
}

#content .gallery .gallery-area .slide-area .scene {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	display: none;
	min-height: 581px;
}
#content .gallery .gallery-area .slide-area .scene.current {
	position: relative;
	z-index: 2;
	left: 0;
	right: 0;
	display: block;
}

#content .gallery .gallery-area .slide-area .scene .img-area {
	position: relative;
	display: table-cell;
	width:970px;
	height: 450px;
	vertical-align: middle;
	left: 0;
	right: 0;
	text-align: center;
}

#content .gallery .gallery-area .slide-area .scene img {
	max-width:600px;
	vertical-align: top;
}

#content .gallery .gallery-area .photo-detail {
	margin: 15px auto 0;
	padding-bottom: 25px;
	width: 820px;
	font-size: 13px;
	-webkit-user-select: auto;
	-moz-user-select: text;
	-ms-user-select: auto;
	user-select: auto;
}

#content .gallery .gallery-area .photo-detail .photo-number {
	padding-bottom: 15px;
	font-weight: bold;
	font-family: verdana,arial,helvetica,sans-serif;
}

table.tblCap{
	margin:0 auto 10px auto;
	border-collapse: collapse;
	border-spacing: 0;
}

table.tblCap th{
	font-weight:normal;
	line-height:0.8em;
}

table.tblCap td{
	text-align:right;
	line-height: 1.2;
	font-size: 11px;
	font-family: georgia, "times new roman", times, serif !important;
	 padding-top:5px;
}

/* thumb-area */
#content .gallery .article-box.thumb-area {
	position: relative;
	margin: 0 0 40px;
	padding: 4px 0;
	background: #444;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#content .gallery .article-box.thumb-area .frame {
	position: relative;
	margin: 0 auto;
	width: 850px;
	height: 36px;
	overflow: hidden;
}
#content .gallery .fewer .article-box.thumb-area .frame {
	width: 970px;
}

#content .gallery .article-box.thumb-area ul {
	display: table;
	height: 36px;
	overflow: hidden;
	margin: 0 auto;
}

#content .gallery .article-box.thumb-area ul li {
	display: table-cell;
	padding: 0 2px;
	width: 40px;
	text-align: center;
	vertical-align: middle;
}

#content .gallery .article-box.thumb-area ul li img {
	vertical-align: top;
	cursor: pointer;
	width: 40px;
	max-height: 30px;
	border: 3px solid transparent;
}
#content .gallery .single .article-box.thumb-area ul li img {
	cursor: default;
}

#content .gallery .single .article-box.thumb-area ul li img,
#content .gallery .article-box.thumb-area ul li.current img {
	border-color: #fff;
}

#content .gallery .article-box.thumb-area .thumb-prev,
#content .gallery .article-box.thumb-area .thumb-next {
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -12px;
	width: 24px;
	height: 0;
	padding: 24px 0 0;
	background: url(../images/icon_sprite.png) no-repeat -71px -2px;
	cursor: pointer;
	overflow: hidden;
}

#content .gallery .article-box.thumb-area .thumb-next {
	left: auto;
	right: 20px;
	background: url(../images/icon_sprite.png) no-repeat -95px -2px;
}

#content .gallery .article-box .category-title {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 16px;
}

/* related */
#content .gallery .article-box.related {
	margin: 20px 0;
	font-family: verdana,arial,helvetica,sans-serif;
}

#content .gallery .article-box.related table {
	margin: 10px 0;
}

#content .gallery .article-box.related table td {
	width: 50%;
	padding: 5px 80px 5px 0;
	vertical-align: top;
	line-height: 1.3;
	font-size: 13px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* feature-slide */
#content .gallery .feature-slide {
	padding: 10px 0;
}

#content .gallery .feature-slide ul {
	margin: 15px 0;
}

#content .gallery .feature-slide ul:after {
	content: " ";
	display: block;
	clear: both;
}

#content .gallery .feature-slide ul li {
	float: left;
	margin: 0 20px 10px 0 ;
	width: 300px;
}

#content .gallery .feature-slide ul li:after {
	content: " ";
	display: block;
	clear: both;
}

#content .gallery .feature-slide .feature-img {
	float: left;
	width: 160px;
	margin-right: 10px;
	margin-bottom:10px;
}

#content .gallery .feature-slide .feature-img > a,
#content .gallery .feature-slide .feature-img img {
	display: block;
}

#content .gallery .feature-slide .feature-img > .more {
	margin: 8px 0 0;
}

#content .gallery .article-box.feature-slide ul li .feature-text {
	display: inline;
	float: none;
	width: 130px;
}

#content .gallery .feature-slide ul li h3 {
	margin-bottom: 10px;
}

#content .gallery .feature-slide ul li p {
	line-height: 1.3;
	font-size: 13px;
}

/* ===============================================
  Magazine
=============================================== */

#content .primary .magazine {
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content .primary .article-box.magazine-area {
	padding-bottom: 20px;
}

/* magazine-list */
#content .primary .magazine .magazine-list {
	padding: 10px 0;
	text-align: center;
}

#content .primary .magazine .magazine-list~.magazine-list {
	padding: 25px 0 10px;
}

#content .primary .magazine .magazine-list ul {
	padding: 0 4px;
}

#content .primary .magazine .magazine-list ul:after {
	content: " ";
	display: block;
	clear: both;
}

#content .primary .magazine .magazine-list ul li {
	float: left;
	display: inline-block;
	width: 180px;
	margin-right: 36px;
}

#content .primary .magazine .magazine-list ul li.last {
	margin-right: 0;
}

#content .primary .magazine .magazine-list img{
	border: 1px solid #bbb;
}

#content .primary .magazine .magazine-head .magazine-link {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

#content .primary .magazine .magazine-head .magazine-link span {
	padding: 0 3px;
}

/* interest */
.interest {
	margin: 60px 0 0;
}

.interest table td {
	padding: 10px;
	width: 184px;
	border: 1px dotted #000;
	border-right: none;
	vertical-align: top;
}

.interest table td:after {
	content: "";
	display:block;
	clear: none;
}

.interest table td:first-child {
	border-left: none;
}

.interest table td img {
	border: 1px solid #bbb;
	float: left;
	margin: 0 10px 8px 0;
	vertical-align: bottom;
}

.interest table td .balloon-icon img {
	border: none !important;
}

.interest table td a + a {
	display: block;
	margin-left: 90px;
	line-height: 1.4;
	font-weight: bold;
	font-size: 12px;
}

/* balloon */
.balloon {
	position: relative;
	font-family: verdana,arial,helvetica,sans-serif;
}

.balloon-icon {
	position: absolute;
	top: -45px;
	left: -14px;
}

/* ===============================================
  Magazine list
=============================================== */

/* magazine-head */
#content .primary .magazine-area .magazine-head {
	padding: 10px 0 20px;
}

#content .primary .magazine-area .magazine-head:after {
	content: " ";
	display: block;
	clear: both;
}

/* image-side */
#content .primary .magazine-area .magazine-head .image-side {
	float: left;
	margin-right: 20px;
	width: 240px;
}

#content .primary .magazine-area .magazine-head .image-side img {
	vertical-align: bottom;
	border: 1px solid #bbb;
}

#content .primary .magazine-area .magazine-head .image-side .date-area {
	padding: 8px 0;
	font-family: verdana,arial,helvetica,sans-serif;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

/* article-side */
#content .primary .magazine-area .magazine-head .article-side {
	float: right;
	width: 360px;
}

#content .primary .magazine-area .magazine-head .article-side .head-title {
	padding: 3px 5px;
	background: #ccc;
	font-size: 14px;
}

#content .primary .magazine-area .magazine-head .article-side ul li {
	padding: 15px 0;
	border-top: 1px solid #000;
	font-family: georgia, "times new roman", times, serif;
	font-size: 22px;

	font-weight: bold;
	line-height: 1;
}

#content .primary .magazine-area .magazine-head .article-side ul li a {
	display: block;
	font-size: 16px;
}

#content .primary .magazine-area .magazine-head .article-side ul li:first-child {
	border-top: none;
}

/* category-area */

#content .primary .magazine-area .category-area {
	border-top: 1px solid #bbb;
}

#content .primary .magazine-area .category-area:after {
	content: " ";
	display: block;
	clear: both;
}

#content .primary .magazine-area .category-area .category-odd {
	float: left;
	width: 300px;
}

#content .primary .magazine-area .category-area .category-even {
	float: right;
	width: 300px;
}

#content .primary .magazine-area .category-area div > ul {
	margin: 20px 0;
}

#content .primary .magazine-area .category-area div > ul > li {
	float: left;
	display: inline-block;
	margin: 0 20px 20px 0;
}

#content .primary .magazine-area .category-area .category-title {
	padding: 3px 5px;
	width: 290px;
	background: #ccc;
	font-size: 13px;
}

#content .primary .magazine-area .category-area p {
	margin: 0 0 10px;
	padding: 0 10px 0 0;
	padding-left: 1em;
	text-indent: -0.7em;
	line-height: 1.2;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}

#content .primary .magazine-area .category-area .category-title + p {
	margin-top: 10px;
}
#content .primary .magazine-area .category-area p {
	font-size: 15px;
}
#content .primary .magazine-area .category-area p .sub-title-s {
	font-weight: normal;
}

/* past-issue */

.interest table tr td .balloon:after {
	content: " ";
	display: block;
	clear: both;
}

.interest table tr td .balloon .image-side {
	float: left;
	width: 90px;
	font-size: 11px;
}

.interest table tr td .balloon .text-side a {
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* pst-link */
.interest .past-link.more {
	padding-top: 5px;
	text-align: right;
}

/* ===============================================
  Search result
=============================================== */

/* result */
#content .primary .result {
	margin: 20px 0;
	border-bottom: none;
}

#content .primary .result h1 {
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: 2px solid #000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 18px;
}

#content .primary .result p {
	font-size: 12px;
}

#content .primary .result .result-number {
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#content .highlight {
	padding: 0 1px;
	background: #cad4d7;
}

/* search-box */
#content .primary .result .search-box {
	margin-bottom: 20px;
}

#content .primary .result .search-box:after {
	display: block;
	content: "";
	clear: both;
}

#content .primary .result .search-box input {
	float: left;
	display: block;
	margin-right: 8px;
	width: 520px;
	height: 29px;
	padding: 2px 5px ;
	background: #ddd;
	border: none;
	border-top: 1px solid #ccc;
}

#content .primary .result .search-box a {
	position: relative;
	float: left;
	display: inline-block;
	width: 53px;
	height: 22px;
	border: 1px solid #777;
	padding: 5px 0 5px 25px;
	background: #777;
	color: #fff;
	vertical-align: middle;
}

#content .primary .result .search-box a:before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 24px;
	height: 24px;
	background: url(../images/icon_sprite.png) no-repeat -47px -2px;
}

#content .primary .result .search-box a img {
	vertical-align: middle;
}

/* result-main */
#content .primary .result .result-main {
	float: right;
	margin: 12px 0 10px;
	padding: 0 0 30px 10px;
	width: 490px;
	border-left: 1px solid #ccc;
}

#content .primary .result .result-main ul {
	padding-left: 10px;
}

#content .primary .result .result-main ul li {
	margin: 0 0 20px;
}

#content .primary .result .result-main ul li~li {
	border-top: 1px solid #bbb;
	padding-top: 20px;
}

#content .primary .result .result-main .title {
	margin-bottom: 5px;
	font-size: 18px;
}

#content .primary .result .result-main img {
	float: right;
	padding: 5px 0 5px 15px;
}

#content .primary .result .result-main .date-area {
	margin: 5px 0 10px;
	color: #888;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}

/* result-sub */
#content .primary .result .result-sub {
	float: left;
	width: 109px;
	margin: 12px 10px 10px 0;
	font-family: verdana,arial,helvetica,sans-serif;
}

#content .primary .result .result-sub .result-box,
#content .primary .result .result-sub .category-box {
	margin-bottom: 30px;
}

#content .primary .result .result-sub h2 {
	margin: 0 10px 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
}

#content .primary .result .result-sub h3 {
	font-size: 12px;
	padding-bottom: 8px;
}

#content .primary .result .result-sub ul {
	margin-left: 10px;
	font-size: 11px;
	word-wrap: break-word;
}

#content .primary .result .result-sub ul li {
	padding: 3px 0;
}

#content .primary .result .result-sub ul li.current {
	font-weight: bold;
	color: #666;
}

#content .primary .result .result-sub ul li a {
	line-height: 1.1;
	color: #005ead;
}

#content .see-more > a,
#content .see-fewer > a {
	position: relative;
	margin-left: 10px;
	padding-left: 8px;
	font-size: 12px;
	color: #005ead;
}

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

#content .see-more > a:before{
	background-position: -195px -16px;
}
#content .see-fewer > a:before {
	background-position: -195px -19px;
}

/* ===============================================
  Inquiry
=============================================== */

#content .primary .contact {
	margin: 30px 0 35px;
	font-family: verdana,arial,helvetica,sans-serif;
}

#content .primary .contact .title {
	position: relative;
	margin: 10px 0 20px;
	border-bottom: 3px solid #000;
	padding: 0 70px 10px 0;
	font-weight: bold;
	font-size: 18px;
}

#content .primary .reference .title {
	margin: 0;
	border: 0;
}

#content .primary .form-inquiry {
	border: 1px solid #c2cad5;
	padding: 15px 20px;
}

#content .primary .form-inquiry input[type="text"] {
	width: 375px;
}

#content .primary .form-inquiry select {
	width: 391px;
}

#content .primary .form-inquiry textarea {
	width: 386px;
}

#content .primary .form-inquiry .select-btn {
	margin-bottom: 20px;
	font-family: verdana,arial,helvetica,sans-serif;
}

#content .primary .input-form .more.view > a {
	font-size: 14px;
}

/* ===============================================
  Announcements
=============================================== */

#content .primary .announce {
	margin: 30px 0 35px;
}

#content .primary .announce > .title {
	position: relative;
	margin: 10px 0 30px;
	border-bottom: 3px solid #000;
	padding: 0 70px 10px 0;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 18px;
}

#content .primary .announce .announce-list ul li {
	padding-bottom: 15px;
}

#content .primary .announce .announce-list ul li~li {
	padding-top: 20px;
	border-top: 1px solid #bbb;
}

#content .primary .announce .announce-list .title {
	margin-bottom: 15px;
	font-size: 18px;
	font-family: verdana,arial,helvetica,sans-serif;
}

#content .primary .announce.link-blue .announce-list .title a {
	color: #005EAD;
}

#content .primary .announce .announce-list .date-area {
	margin: 0 10px 0 0;
	color: #888;
}

#content .primary .announce .announce-list p {
	font-size: 14px;
}

#content .primary .announce .announce-list img {
	float: left;
	padding: 5px 15px 5px 0;
}

/* ===============================================
  A300 2014/08 add
=============================================== */
/* sub-text */
.a300ctry {color: #777;}
.a300ctry a {color: #777;}
.a300ctry a:hover {color: #005ead;}

/* company attribute-title */
.titleG{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 16px;
	margin: 0 0 10px;
	border-left: 5px solid #999;
	padding: 0 5px;

}
.titleG.strong{
	font-size: 18px;
	margin: 20px 0;
	border-left: 5px solid #003979;
}

.titleG.strong02{
	border-left: 5px solid #003979;
}

/* switch link */
.tab-trg li{cursor: pointer;color: #005ead !important;}
.tab-trg li:hover:hover{color: #888;}
.tab-trg .select,.tab-trg .select:hover{color: #888 !important; cursor: text;}
.tab-trg-f li{cursor: pointer;}
.tab-trg-f li:hover{color: #000;}
.tab-trg-f .select{color: #000; cursor: text;}
.tab-tget-f{clear: both;}
.tab-tget .hide,.tab-tget-f .hide{display: none;}

/* switch link */
ul.base-list-a300{
	float: right;
	margin-bottom: 10px;
}
ul.base-list-a300 li {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #005ead;
	display: inline-block;
	padding-left: 2px;
	font-size: 14px;
}
ul.base-list-a300 li:first-child {padding-left: 0;}
ul.base-list-a300 li:before {
	content: "|";
	display: inline-block;
	width: 1px;
	padding-right: 10px;
	color: #aaa;
}
ul.base-list-a300 li:first-child:before {
	content: "";
	display: none;
	padding: 0;
}
ul.base-list-a300 li a {color: #005ead}
ul.base-list-a300 li a:hover {color: #888;}
ul.base-list-a300.date li{font-size: 11px !important;}
ul.base-list-a300.list-link li{color: #000;}
ul.base-list-a300.list-link li a{color: #005ead;}
ul.base-list-a300.list-link li a:hover{color: #000;}

/* see-more for A300 */
#content .secondary .see-more > a,#content .secondary .see-fewer > a,
#a300C .see-more > a,#a300C .see-fewer > a{color: #000;}

#content .secondary .see-more > a:hover, #content .secondary .see-fewer > a:hover,
#a300C .see-more > a:hover, #a300C .see-fewer > a:hover {color: #005ead;}

#content .secondary .see-more > a:before, #content .secondary .see-fewer > a:before,
#a300C .see-more > a:before, #a300C .see-fewer > a:before {width: 8px !important;}

/*--------------------------------------------
	A300-Top
---------------------------------------------*/

#a300T .glance {
	font-size: 18px;
	/* margin-bottom:8px; */
}

#a300T h2{
	font-size: 14px;
	font-family: verdana,arial,helvetica,sans-serif;
	margin: 0 10px 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
}

#a300T .feature .feature-article .title {
	border-bottom: none !important;
	font-family: georgia, "times new roman", times, serif !important;
    margin: 0 0 15px;
    font-size: 24px;
}

#a300T h1.glance img{
	vertical-align: bottom;
	margin: 0 17px 0 0;
	width: 140px;
}

#a300T h1.glance .img-title{
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	display: inline-block;
	position: relative;
	margin-left: 19px;
	margin-bottom: 2px;
}

#a300T h1.glance .img-title:before{
	content: '';
	background-color: #B3B4B4;
	height: 30px;
	width: 1px;
	display: block;
	position: absolute;
	top: -6px;
	top: -7px\9;
	left: -16px;
	left: -16px\9;
}

#a300T h1.glance .more{
	display: inline-block;
    float: right;
    margin-top: 10px;
}

/* IE11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#a300T h1.glance .img-title:before:not(:target) {
	    top: -4px;
		left: -14px;
  }
}

/* Search by company name */
#a300Src .search-part {
	display: inline-block;
	line-height: 1.0;
	vertical-align: bottom;
	margin-bottom: 30px;
}

#a300Src .search-part input,#a300Src .search-part img {vertical-align: top;}

#a300Src .search-part input {
	margin: 0;
	width: 120px;
	border: 0;
	border-top: 1px solid #ddd;
	padding: 2px 8px 1px;
	line-height: 1.0;
	font-family: verdana,arial,helvetica,sans-serif;
}

:root #a300Src .search-part input {padding: 4px 8px 1px;}

#a300Src .search-part 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;
}

/* List of ASEAN 100 */
#a300List ul {
	margin-bottom: 10px;
	margin-left: 8px;
}

#a300List ul li {
	cursor: pointer;
	color: #005ead;
	padding: 3px 0;
	position: relative;
    font-size:14px;
}

#a300List ul li.disable {
	cursor: text;
	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .50; /* Safari 1.x */
	-moz-opacity: .50; /* FF lt 1.5, Netscape */
}

#a300List ul li.disable:hover {
	color: #005ead;
}

#a300List ul li.india40 {
	/* border-top: 1px solid #bbb;
	margin: 10px 10px 20px -10px;
	padding-top: 10px;
	padding-left:10px; */
	margin-bottom: 20px;
}

#a300List ul li:hover {color: #000;}

#a300List table.company_table {
	display: none;
	position: absolute;
	left: 0;
	top: 24px;
	z-index: 15;
	font-size: 12px;
}

#a300List table#india {
	left: 10px;
	top: 30px;
}

#a300List table.company_table td {
	border: 1px solid #ccc;
	background: #fff;
}

#a300List table.company_table a {
	display: block;
	width: 178px;
	padding: 6px 8px;
	vertical-align: middle;
}

#a300List table.company_table td:hover {background: #94b1c2;}

#a300List table.company_table td:hover a {color: #fff;}

/* A300 article list */
#content .primary .article.no-border {border-bottom: none;}
#a300T .primary .article .article-box {margin-bottom: 30px;}

#a300T .other-listA300{margin: 15px 0 0 10px;}

#a300T .other-listA300 p {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px !important;
	color: #003979;
	margin: 0 !important;
	text-indent: -10px;
	margin-left: 10px;
}
#a300T .other-listA300 a {color: #003979;}

#a300T .other-listA300 a:hover {color: #000;}

#content .secondary .link-box .title.notice.a300title{
	background-color: transparent;
	padding: 0;
	margin-bottom: 5px;
}

#content .more.more-a300{
	margin: 0 0 10px 0;
}

/*--------------------------------------------
	A300-Company
---------------------------------------------*/

#content .primary .feature.list.no-border {border-bottom: none;}
#a300C {
    padding-top: 5px;
}

#a300C h1 {
	font-size: 24px;
}

.column-layout.feature.list {padding-bottom: 5px !important;}

#a300C .a300ctry {
	font-family: arial,helvetica,sans-serif;
	margin-top:4px;
}
#a300C .notes {
	font-size:12px !important;
	color: #888;
	font-family: verdana,arial,helvetica,sans-serif;
	margin: 5px 0 10px;
}
#a300C .date-area{
	font-size: 12px !important;
	color: #888;
	font-family: Arial, Helvetica, sans-serif !important;
	margin: 5px 0 10px;
}
#content .primary .feature .feature-article .tbla300C th.date-area {text-align: right;}
#a300C .copyrightFS{
	font-size: 10px !important;
	color: #888;
	font-family: verdana,arial,helvetica,sans-serif;
	margin: 5px 0 10px;
}

table.tbla300C{
	font-size: 12px;
	width: 100%;
}
table.tbla300C th,table.tbla300C td{padding: 2px;}

table.tbla300C th{
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
table.tbla300C td{
	text-align: right;
	vertical-align: top;
}

table.tbla300C .w40{width: 40%;}
table.tbla300C.tdL td{text-align: left;}

/* company-main-top */
#a300CL,#a300CR{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
}

#a300CL{
	float: left;
	width: 360px;
}

#a300CR{
	float: right;
	width: 230px;
	margin-left: 30px;
}

#a300CR .chart img{border: 2px solid #C4C4C3;}

/* company-main-bottom */

#a300C2clm{font-size: 12px;}

#a300C2clm .article-list {
	border-top: 1px solid #666;
	padding: 0 12px 0 0;
	margin: 0 0 10px 0 !important;
}

#a300C2clm .article-list .article-box li {border-top: 1px solid #ccc !important;}

#a300C2clm .article-list .article-box li:first-child {border: 0 !important;}

#a300C2clm .sub-area {
	margin: 20px 0 10px 0 !important;
	padding: 0px 0 0 14px !important;
}

#a300C2clm .sub-box{
	margin: 10px 0 !important;
	padding:5px 0 10px 0 !important;
	border-bottom: 0 !important;
}

#a300C2clm .sub-box.sub-inr{
	padding:5px 0 5px 0 !important;
	margin: 0 !important;
    border-bottom: 0 !important;
}
#a300C2clm .sub-box.sub-inr-last{
	padding:5px 0 10px 0 !important;
	margin: 0 0 10px 0 !important;
}

#content .secondary .link-box .point-list,
#a300C2clm .point-list{
	text-indent: -1em;
	margin-left: 1em;
}

#content .secondary .link-box .point-list li {
	border: 0;
	padding: 0;
}
#content .secondary .link-box .point-list li,#a300C2clm .point-list li{margin: 0.5em 0}

#content .secondary .link-box .point-list li:before,
#a300C2clm .point-list li:before {
    width: 4px !important;
    height: 4px !important;
    background:#666 !important;
}

#a300C2clm .sub-box.last{border: none !important; margin-bottom: 30px !important;}
#a300C2clm .tbla300C td.plus {color: #009900;}
#a300C2clm .tbla300C td.minus {color: #e00000;}

/* Business summary */
#a300BS {
	clear: left;
	/* width: 360px; */
	width: 100%;
}

#content .primary .feature .feature-article p.text_overflow-bs {
	font-size: 12px;
	margin-bottom: 10px;
}

.text_overflow-bs-wrapper{text-align: right;}
.text_overflow-bs-m,
.text_overflow-bs-f {
	position: relative;
	clear: left;
	text-align: right;
	color: #000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	/* font-size: 12px !important; */
	color: #000 !important;
	margin:5px;
}

.text_overflow-bs-f {
	display: block;
	float: right;
	/* width: 100px; */
	margin: 15px 5px 10px;
}

.text_overflow-bs-m:hover,.text_overflow-bs-f:hover{color: #005ead;}

.text_overflow-bs-m:before,
.text_overflow-bs-f:before {
	content: "";
	display: block;
	position: absolute;
	width: 8px !important;
	height: 3px !important;
	top: 7px !important;
	right:80px;
}
.text_overflow-bs-m:before {background: url(../images/icon_sprite.png)  -195px -16px no-repeat !important;}
.text_overflow-bs-f:before {background: url(../images/icon_sprite.png)  -195px -19px no-repeat !important;}

.morecontent{display: inline;}
.morecontent span {display: none}

.not_available {
    font-size: 12px;
    color: #888;
    margin-left:5px;
}

.not_found {
    color: #888;
    font-family: verdana,arial,helvetica,sans-serif;
}

#co-textbox-lg1,#co-textbox-lg2{-webkit-text-size-adjust: 100%;}

/*--------------------------------------------
	A300-Historical data
---------------------------------------------*/

#a300HR .base-list-a300.tab-trg-f{float: left; margin-bottom: 0;}
#a300HR .tab-tget-f{clear: none;}

#a300HR .market-data {
	border-bottom: 3px solid #bababa;
	text-align: right;
	margin: 10px 0;
	width: 100%;
	font-family: arial,verdana,helvetica,sans-serif;
}

#a300HR .market-data tr:nth-child(odd) td {background: #ddd;}

#a300HR .market-data th {
	font-family: verdana,arial,helvetica,sans-serif;
	border-top: 3px solid #bababa;
	border-bottom: 3px solid #bababa;
}

#a300HR .market-data td:first-child{
	text-align: left;
	font-family: verdana,arial,helvetica,sans-serif;
}

#a300HR .market-data th,
#a300HR .market-data td {
	padding: 5px 5px;
	font-size: 12px;
}

#a300HR .market-data .market-data-dc{width: 15%;}

#a300HR .market-data td.plus {color: #009900;}

#a300HR .market-data td.minus {color: #e00000;}

#a300HR .market-data + div {
	margin: 0 0 5px;
	font-size: 12px;
}


/*--------------------------------------------
	A300-Company Search
---------------------------------------------*/

/* result-main 2 */
.result .result-main2 {
	float: right;
	margin: 12px 0 10px;
	padding: 0 0 30px 19px;
	width: 420px;
	border-left: 1px solid #ccc;
}

.result .result-main2 ul li~li {
	border-top: 1px solid #bbb;
	padding-top: 10px;
}

.result .result-main2 .company-list li {
	overflow: hidden;
	*zoom: 1;
	padding: 15px 0;
}

.company-list li:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
.company-list h2 {margin-top:2px;}
.company-list .company-list-field {
	font-family: verdana,arial,helvetica,sans-serif;
	margin-top: 5px;
}
.company-list .company-list-field p {float: left;}

.company-list .field-country {
	width: 74px;
    padding-right: 7px;
	border-right: 1px #777 solid;
	margin-right: 7px;
}

.result .result-main2 .company-list .field-ticker {
    width: 137px;
	margin-right:7px;
}

.result .result-main2 .company-list .field-category {
    width: 187px;
}

/* result-sub 2 */
.result .result-sub2 {
	float: left;
	width: 170px;
	margin: 12px 10px 10px 0;
	font-family: verdana,arial,helvetica,sans-serif;
}

.result .result-sub2 .result-box,.result .result-sub2 .category-box {margin-bottom: 30px;}

.result .result-sub2 h2 {
	margin: 0 0 10px 0;
	width: 160px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
}

.result .result-sub2 h3 {
	font-size: 14px;
	padding-bottom: 8px;
}

.result .result-sub2 ul {
	margin-left: 10px;
	font-size: 14px;
	word-wrap: break-word;
}

.result .result-sub2 ul li {padding: 3px 0;}

.result .result-sub2 ul li.current {
	font-weight: bold;
	color: #666;
}

.result .result-sub2 ul li a {
	line-height: 1.1;
	color: #005ead;
}

/*--------------------------------------------
	A300-Company error
---------------------------------------------*/

.er-03 h1 {
padding-bottom: 10px !important;
border-bottom: 3px solid #000 !important;
font-size: 18px !important;
}

.er-03 .article-box .article-error p{
	font-family: verdana,arial,helvetica,sans-serif;
	margin-top: 16px;
	font-size: 14px !important;
	line-height: 1.5;
}

.er-03 .article-box .article-error .continue {margin-top: 30px}
.er-03 .article-box .article-error a {color: #005EAD;}
.er-03 .article-box .article-error a:hover {color: #000;}

.er-03 .article-box .article-error .continue > a {
	position: relative;
	padding-left: 8px;
}

.er-03 .article-box .article-error .continue > a:after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 4px;
	height: 7px;
	background: url(../images/icon_sprite.png) no-repeat -191px -16px;
}

/* ===============================================
	  Latest headlines
=============================================== */

#Lheadlines h2,.lhMTB10{
	margin: 10px 0;
	font-family: arial,verdana,helvetica,sans-serif;
}

#Lheadlines h2.title{font-size: 24px;}
#Lheadlines .glance{margin-bottom: 8px;}

.lhMTB10 li a {color: #005ead !important;}
.lhMTB10 li a:hover {color: #000 !important;}

.lhlList {
	font-size: 16px;
	padding-top: 10px;
	margin-top: 10px;
}

.lhlList dt{
	font-size: 14px;
	clear: left;
	float: left;
	width: 5em;
	margin-bottom: 0.5em;
	text-align: justify;
	text-justify: newspaper;
	-ms-text-justify: newspaper;
	font-family: arial,verdana,helvetica,sans-serif;
	margin-top: 0.2em;
}
.lhlList dd{margin:0 0 0.5em 5em;}

.lhlList dd h3.title{
	display: inline;
	font-weight: normal;
}

#Lheadlines .notes {
	margin: 0 0 20px;
	color: #888;
	font-size: 10px !important;
	font-family: verdana,arial,helvetica,sans-serif;
}

/* ===============================================
  Mobile site link
=============================================== */
#ms-link{
	font-family: verdana,arial,helvetica,sans-serif;
	text-align: right;
	width: 970px;
	margin: 0 auto;
}
#ms-link ul{
	margin: -39px 150px 0 0;
}
#ms-link li{
	display: inline-block;
	font-size: 12px;
}

#ms-link li:first-child:before {
	content: "";
	display: none;
	padding: 0;
}
#ms-link li:after {
	content: "|";
	display: inline-block;
	width: 1px;
	padding-left: 10px;
	color: #aaa;
}

/* ===============================================
  paywall (added 06/02)
=============================================== */

.paywall {
	font-family: verdana,arial,helvetica,sans-serif;
	border: 1px #999 solid;
	text-align: center;
	/* cursor: pointer; */
	position: relative;
	margin-top: 24px;
	display: none;
	clear: both;
	background-color: #fff;
}

.paywall:before {
	content: ' ';
	position: absolute;
	width: 101%;
	height:200px;
	left: -2px;
	top: -201px;
	z-index: 10;
	/* IE9 SVG, needs conditional override of 'filter' to 'none'*/
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(238,238,238,1) 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(238,238,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eeeeee',GradientType=0 );/* IE6-8 */
}

.paywall .paywall_inr {
	margin-bottom: 15px;
}
/*
.paywall .paywall_inr .clearfix {
	padding-bottom: 0;
}*/

.paywall .paywall_inr p,
.paywall .paywall_inr ul li {
	font-size: 13px;
	text-align: left;
}

.paywall .paywall_inr p{
	margin-bottom: 0;
}

.paywall .paywall_inr ul {
	margin: 0;
	padding-left: 0;
}

.paywall .paywall_inr ul li {
	text-indent: -1.5em;
	margin-left: 1.5em;
}

.paywall .title {
	font-size: 1.1em;
	line-height: 30px;
	text-align: center;
	position: relative;
	/*width: 80%;*/
	padding: 6px 10px 6px 10px;
	margin: 15px 10px 0 -20px;
	color: #fff;
	/* text-shadow: 0px 1px 1px #bbb; */
	/* background-color: #999; */
	background-color: #154577;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
}

.paywall .title a{
	color: #fff;
	text-decoration: underline;
}

.paywall .title a:hover{
	color: #ccc;
}

.paywall .title:before,
.paywall .title:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
}

.paywall .title:after {
	left: 0px;
	top: 100%;
	border-width: 5px 10px;
	border-style: solid;
	/* border-color: #666 #666 transparent transparent; */
	border-color: #0C2845 #0C2845 transparent transparent;
}
/*
.paywall-ro img.paywall-ro-img,
a:hover img.paywall-ro-bg{
	display: block;

}
.paywall-ro img.paywall-ro-bg,
a:hover img.paywall-ro-img{
	display: none;
}
*/
.paywall .paywall_inr > div {
	margin: 10px 30px 0;
}

#content .paywall .paywall_inr .more {
	text-align: left;
	float: left;
	margin-top: 12px;
}

#content .paywall .paywall_inr .more > a {
	color: #000;
}

#content .paywall .paywall_inr .more > a:hover {
	color: #005ead;
}

.paywall .paywall_inr .logo{
	text-align: right;
	float: right;
	margin-top: 0;
	padding: 0;
}

.paywall .paywall_inr .txt_l{
	width: 345px;
	float: left;
	margin: 0 0 5px;
	padding-bottom: 0;
}

.paywall .paywall_inr .img_r{
	float: right;
	margin-bottom: 0;
	margin-top: 10px;
	padding-bottom: 0;
}

#content .paywall .paywall_inr .select-btn {
	clear: both;
	margin: 20px auto;
	padding: 0;
	text-align: center;
}

#content .paywall .paywall_inr .select-btn.clearfix {
	padding-left: 125px;
}

#content .paywall .paywall_inr .select-btn p {
	float: left;
	margin: 0;
	padding: 0;
}

#content .paywall .paywall_inr .select-btn p.btn01 {
	float: none;
	text-align: center;
}

#content .paywall .paywall_inr .select-btn a {
	margin-left: 0;
}

.paywall .fsL04 { font-size: 200%;}
.paywall .fsL03 { font-size: 150%;}

.paywall .fsL02 { font-size: 130%;}
.paywall .fsL01 { font-size: 110%;}

.paywall .fcR {color: #cb0000;}
.paywall .fcB {color: #005ead;}
.paywall .fwB { font-weight: bold;}


/* ===============================================
  rightColumn-Market (added 15/11/12)
=============================================== */
#content .secondary .link-box ul.about-nk-index li{
	position: relative;
	padding: 5px 10px 5px 20px;
}
#content .secondary .link-box ul.about-nk-index li:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 10px;
    width: 4px;
    height: 7px;
    background: url(../images/icon_sprite.png) no-repeat -191px -16px;
}

/* ===============================================
  mgzNextArticleBox (added 15/11/17)
=============================================== */

.mgzNextArticleBoxWrap{
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    display: table;
    border-collapse: separate;
    border-spacing: 10px 0;
	margin: 20px 0;
    width: 620px;
	position: relative;
}
.mgzNextArticleBoxWrap :hover{color: #005ead;}

.mgzNextArticleBoxWrap h4{
	margin-bottom: 5px;
}

.mgzNextArticleBoxWrap a{
	display: block;
	/* width: 104%; */
	width: 310px;
	height: 100%;
	position: absolute;
	overflow: hidden;
	text-indent: 1000%;
	white-space: nowrap;
	z-index: 4;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.mgzNextArticleBoxWrap .mnabL a{left: -20px;}
.mgzNextArticleBoxWrap .mnabR a{right: -20px;}

.mgzNextArticleBoxWrap .mnabL,
.mgzNextArticleBoxWrap .mnabR,
.mgzNextArticleBoxWrap:before,
.mgzNextArticleBoxWrap:after{
	width: 50%;
	height: 100%;
	border: 1px solid #ccc;
	position: relative;
	vertical-align: top;
	box-sizing: border-box;
	display: table-cell;
	padding: 10px;
}

/* .mgzNextArticleBoxWrap .mnabL{padding: 10px 10px 10px 20px;}
.mgzNextArticleBoxWrap .mnabR{padding: 10px 20px 10px 10px;} */

.mgzNextArticleBoxWrap > div.mnabL:last-child{float: left;padding: 10px 10px 10px 20px;}
.mgzNextArticleBoxWrap > div.mnabR:first-child{float: right;padding: 10px 20px 10px 10px;}
.mgzNextArticleBoxWrap > div.mnabL:last-child a{left: -10px;}
.mgzNextArticleBoxWrap > div.mnabR:first-child a{right: -10px}

.mgzNextArticleBoxWrap .mnabL .mnabImg,.mgzNextArticleBoxWrap .mnabR div + div.mnabTxt{float: left;}
.mgzNextArticleBoxWrap .mnabL div + div.mnabTxt,.mgzNextArticleBoxWrap .mnabR .mnabImg{float: right;}
.mgzNextArticleBoxWrap .mnabR .mnabImg{text-align: right;}

.mgzNextArticleBoxWrap .mnabImg{width: 30%}
.mgzNextArticleBoxWrap  div + div.mnabTxt{width: 65%}

/* .mgzNextArticleBoxWrap .mnabL:before,
.mgzNextArticleBoxWrap .mnabR:after{ */
.mgzNextArticleBoxWrap:before,
.mgzNextArticleBoxWrap:after{
	content: '';
	position: absolute;
    overflow: hidden;
	display: block;
	background-color: #444;
	width: 20px;
	height: 100%;
	top: 0;
}
/* .mgzNextArticleBoxWrap .mnabL:before{left: -10px;background:#444 url(../images/btn_galleryslide_left.png) no-repeat center center;}
.mgzNextArticleBoxWrap .mnabR:after{right: -10px;background:#444 url(../images/btn_galleryslide_right.png) no-repeat center center;} */

.mgzNextArticleBoxWrap:before{left: 0;background:#444 url(../images/btn_galleryslide_left.png) no-repeat center center;z-index: 3;}
.mgzNextArticleBoxWrap:after{right: 0;background:#444 url(../images/btn_galleryslide_right.png) no-repeat center center;z-index: 3;}

.mgzNextArticleBoxWrap + div.more{margin-bottom: 10px !important;}

.mgzNextArticleBoxWrap.mgzNABWLO:before{content: none;}
.mgzNextArticleBoxWrap.mgzNABWRO:after{content: none;}



/* ===============================================
  Right column PHOTO(added 15/11/20)
=============================================== */
#content .secondary .link-box.photos .title{
	border-bottom: 3px solid #bbb !important;
	margin-bottom: 3px !important;
}
#content .secondary .photos .frame {
	min-height: 224px;
	height: auto;
	padding-bottom: 10px;
}
#content .secondary .photos .frame ul {
    width: 99999px;
}

#content .secondary .photos .frame ul li {
    height: auto;
}

#content .secondary .photos .frame a p {
	height: auto;
	overflow: visible;
	white-space: normal;
	text-overflow: clip;
    line-height: 1.4em;
	padding: 10px;
}

#content .secondary .photos .frame .btn-prev, #content .secondary .photos .frame .btn-next{background-color: transparent;}

#content .secondary .photos .photos-frame-wrapper{
	display:block;
	width:240px;
	height:160px;
	overflow:hidden;
	/* position:relative; */
	z-index:1;
	margin: 20px auto 0;
}

#content .secondary .photos .frame img{
	/* float:left;
	    position:absolute; */
	margin-top: 0;
}

/* ===============================================
  Subscription-2016
=============================================== */

#content.registWraper .primary,
#content.registWraper .secondary{
	font-family: verdana;
	float: none;
	width: 100%;
}

#content.registWraper .primary input,#content.registWraper .primary select,
#content.registWraper .primary textarea{font-family: verdana;}

#content.registWraper #tabArea{
	background-color: #003979;
	padding: 10px;
	margin-bottom: 30px;
}

#content.registWraper .primary .subscription-select{margin-bottom: 0;}

#content.registWraper .primary .subscription-select .tab li{
	background-color: #fff;
	border: none;
	border-bottom: none;
	height: auto;
	display: inline-block;
	text-align: center;
	line-height: 1em;
	border-radius: 0;
	position: static;
	letter-spacing: 0;
}

#content.registWraper #tabArea .Corporate{
	float: right;
	margin-right: 5px;
}

#content.registWraper #tabArea .Corporate a.general-btn,
#content.registWraper a.general-btn.btnColG01{
		color: #000;
	    background: url(../images/btn_bg_ss.png) no-repeat;
}

/* #content.registWraper #tabArea .Corporate a.general-btn:hover,
#content.registWraper a.general-btn.btnColG01:hover{
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
} */

#content.registWraper #tabArea .Corporate a.general-btn:after,
#content.registWraper a.general-btn.btnColG01:after{
		background: url(../images/btn_bg_ss.png) no-repeat right 0;
}

#content.registWraper .primary .subscription-select .tab li{
	border-radius: 3px 3px 0 0;
	background-color:#D9D9D9;
}

#content.registWraper .primary .subscription-select .tab li.tab-on{
	background-color: #fff;
}

#content.registWraper .primary .subscription-select .tab li a{
	display: block;
	color: #003979;
	padding: 10px 20px;
}
#content.registWraper .primary .subscription-select .tab .tab-on a{
	color: #003979;
	font-weight: bold;
}

#content.registWraper .primary .plan-content{
	padding: 0;
	background-color: transparent;
}

#content.registWraper .primary .plan-content-box{
	color: #000;
	background-color: #fff;
	padding: 15px 20px;
}

#content.registWraper .primary .purchase-box{
	display: table;
	table-layout:fixed;
	border-collapse: separate;
	border-spacing: 5px;
	vertical-align: top;
	width: 100%;
	height: 100%;
}

#content.registWraper .primary .purchase-box>div{
	text-align: center;
	font-size: 12px;
	display: table-cell;
	border: 1px solid #ccc;
	padding: 0;
	box-sizing: border-box;
	width: 25%;
	height: 100%;
	position: relative;
}

#content.registWraper .primary .purchase-box>div.check{background-color: #F0F8FF;}
#content.registWraper .primary .purchase-box>div.coupon{background-color: #FAE5E5 !important;}


#content.registWraper .primary .purchase-box label{
	display: block;
	padding: 15px 10px 10px 10px;
	height: 100%;
	position: relative;
	z-index: 20;
}

#content.registWraper .primary .purchase-box label:hover{cursor: pointer;}

#content.registWraper .primary .plan-content .column-layout p.description{
	color: #000;
}

#content.registWraper .plan-content-wrap{
	text-align: center;
	display: table;
	vertical-align: middle;
	border-collapse: separate;
	border-spacing: 5px;
	margin: 0 auto 10px auto;
	width: 100%;
	table-layout: fixed;
}

#content.registWraper .jsDigitalPlan .plan-content-wrap{width: 80%}

#content.registWraper .plan-content-wrap >div{
	display: table-cell;
	box-sizing: border-box;
}

#content.registWraper .plan-content-wrap >div.pls{
	text-align: center;
	color: #666;
	font-size: 36px;
	font-weight: bold;
	vertical-align: middle;
	width: 3em;
	background-color: transparent;
}
#content.registWraper .plan-content-wrap >div.pls.hf{width: 1em}

#content.registWraper .plan-content-wrap >div h3{
	color: #003979;
	white-space: nowrap;
	margin-bottom: 10px;
}

#content.registWraper .plan-content-wrap >div p{
	float: left;
	width: 50%;
	text-align: left;
	font-size: 14px;
	box-sizing: border-box;
}
#content.registWraper .plan-content-wrap >div p.description{padding-left: 5px;}

#content.registWraper .plan-content-wrap >div img{max-width: 100%;}

#content.registWraper .primary .two-column{
	font-size: 20px;
	text-align: center;
	background-color: #eee;
	margin: 20px 5px;
	padding: 10px;
	color: #003979;
	font-weight: bold;
	}

#content.registWraper .primary .plan-content .point-list{
	color: #fff;
	font-size: 12px;
	margin: 10px 0;
}

#content.registWraper .primary .plan-content .point-list .arrow{
	margin-left: 10px;
}

#content.registWraper .primary .plan-content .point-list .arrow a{
	color: #fff;
	text-decoration: underline;
}

#content.registWraper .primary .plan-content .point-list .arrow a:hover{text-decoration: none;}

#content.registWraper .primary .plan-content .point-list li:before{
	background-color: #eee
}

.header-content.registWraper #about-NAR{
	font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 5px;
}
.header-content.registWraper #about-NAR a {
    position: relative;
    padding-left: 8px;
}

.header-content.registWraper #about-NAR 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;
}

.subscribeCbox div.campaign-title-box p,.purchase-box p{margin-bottom: 0.5em !important;}
.subscribeCbox div.campaign-title-box .fsL04,.purchase-box .fsL04 { font-size: 200% !important;}
.subscribeCbox div.campaign-title-box .fsL03,.purchase-box .fsL03 { font-size: 150% !important;}
.subscribeCbox div.campaign-title-box .fsL02,.purchase-box .fsL02 { font-size: 130% !important;}
.subscribeCbox div.campaign-title-box .fsL01,.purchase-box .fsL01 { font-size: 110% !important;}
.subscribeCbox div.campaign-title-box .fcR,.purchase-box .fcR {color: #cb0000 !important;}
.subscribeCbox div.campaign-title-box .fcB,.purchase-box .fcB {color: #005ead !important;}
.subscribeCbox div.campaign-title-box .fwB,.purchase-box .fwB { font-weight: bold !important;}
.subscribeCbox div.campaign-title-box .fsI,.purchase-box .fsI { font-style: italic !important;}
.subscribeCbox div.campaign-title-box .tdT,.purchase-box .tdT { text-decoration: line-through !important;}
.subscribeCbox div.campaign-title-box .tdU,.purchase-box .tdU { text-decoration: underline !important;}
.subscribeCbox div.campaign-title-box .taC,.purchase-box .taC{text-align: center !important;}
.subscribeCbox div.campaign-title-box .taL,.purchase-box .taL{text-align:left !important;}
.subscribeCbox div.campaign-title-box .taR,.purchase-box .taR{text-align: right !important;}

#content.registWraper .primary .form-box h2.title{
	border-bottom: none;
	background-color: #999;
	color: #fff;
	padding: 10px;
	margin: -10px -10px 10px -10px;
}
#content.registWraper .primary .form-box h2.title.trgClos{margin: -10px;}
#content.registWraper .primary .form-box h2.title.trgClos:after{
	content: "";
    clear: both;
    display: block;
}

#content.registWraper .form-box .trg-edit-plan-area{margin-bottom: 10px;}
#content.registWraper .form-box .trg-edit-plan-area:after {
  content: "";
  clear: both;
  display: block;
}

#content.registWraper .form-box .trg-edit-plan-area > p{
	float: left;
	width: 70%;
}

#content.registWraper .form-box .tget-edit-delivery js_switch-disable{margin-top: 20px}

#content.registWraper .form-box .trg-edit-delivery-area{
	margin-bottom: 10px;
	margin-top: 20px;
}
#content.registWraper .form-box .trg-edit-delivery-area:after {
  content: "";
  clear: both;
  display: block;
}

#content.registWraper .form-box .trg-edit-delivery-area > p{
        float: left;
        width: 70%;
}

#content.registWraper .form-box .title a.general-btn.btnColG01{
	background: url(../images/btn_bg_ss02.png) no-repeat;
	float: right;
    font-size: 11px;
    font-weight: normal;
    padding: 3px 20px 3px 15px;
	height: 20px;
	box-sizing: border-box;
	position: relative;
}

#content.registWraper .form-box .title a.general-btn.btnColG01:after {
    background: url(../images/btn_bg_ss02.png) no-repeat right 0;
}

#content.registWraper .form-box .title a span.edit-btn-text{
	font-weight: normal;
    font-size: 100%;
	color: #000;
    line-height: 1;
	margin-left: 0;
}

#content.registWraper .form-box .title a span.icon-edit,
.aco-trg-basic span.icon-edit{
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../images/icon-arrowB.png) 0 center no-repeat;
	position: absolute;
	top: 3px;
	right: 0;
}
#content.registWraper .form-box .title a.on span.icon-edit,
.aco-trg-basic.on span.icon-edit{
	background: url(../images/icon-arrowT.png) 0 center no-repeat;
}

#content.registWraper .primary .form-box{
	background-color: #fff;
	padding: 10px;
}

#content.registWraper .primary .form-box.cancel-box{background-color: transparent;}

/* form parts */
#content.registWraper .primary .form-box th{
	font-size: 14px;
	text-align: right;
	width: 200px;
	padding-right: 10px;
	/* padding-top: 13px; */
	padding-top: 11px;
}
#content.registWraper .primary .form-box th.email{padding-top: 35px !important;}
#content.registWraper .primary .form-box th.l2{padding-top: 5px;}
#content.registWraper .primary input, #content.registWraper .primary select, #content.registWraper .primary textarea{
	font-size: 14px;
	border: 1px solid #ddd;
}

#content.registWraper .errorInfoBox{
	margin: 10px 5px 0 5px;
}

#content.registWraper .input-form select{
	height: 35px;
	line-height: 35px;

}
#content.registWraper .input-form input[type="text"],
#content.registWraper .input-form input[type="password"]{
	/* padding: 10px 10px 6px; */
	padding: 6px 10px 8px 10px;
	min-height: 16px;
	line-height: 1.4em;
}

#content.registWraper .select-btn.btnSL a.general-btn,
#content.registWraper .btnAreaLC .btnSL a.general-btn,
#content.registWraper a.general-btn.btnSL{
    padding: 24px 20px;
    line-height: 1.2;
    background: url(../images/btn_bg_02.png) no-repeat;
    vertical-align: middle;
}

#content.registWraper .select-btn.btnSL a.general-btn:after,
#content.registWraper .btnAreaLC .btnSL a.general-btn:after,
#content.registWraper a.general-btn.btnSL:after{
    background: url(../images/btn_bg_02.png) no-repeat right 0;
}

#content.registWraper .form-box .select-btn.btnSL a.general-btn span,
#content.registWraper .btnAreaLC .btnSL a.general-btn span,
#content.registWraper a.general-btn.btnSL span{
	font-size: 16px;
	background: url(../images/icon_check_white.png) no-repeat left center;
	padding-left: 20px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

#content.registWraper #formMember_crmMemberInfo_email,#formCouponMember_crmMemberInfo_email{
	font-size: 24px !important;
	padding: 15px 10px !important;
	box-sizing: border-box;
}
#content.registWraper input::-webkit-input-placeholder,
#content.registWraper input:-ms-input-placeholder,
#content.registWraper input::-moz-placeholder,
#content.registWraper option:first-child{
	-moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
	color: #666;
}

#content.registWraper .primary .form-box select.width-s{width: 123px;}
#content.registWraper .primary .form-box .three-column select.width-s{width: 122px;}
#content.registWraper .primary .form-box input.width-l,
#content.registWraper .primary .form-box select.width-l {
    width: 530px;
}

#content.registWraper .primary .form-box .supple {
    padding-left: 0;
    font-size: 13px;
    color: #666;
	margin: 5px 0 10px 0;
}

#content.registWraper .primary .form-box .select-btn{
	background-color: #eee;
    text-align: center;
    margin: 10px -25px -10px -25px !important;
    padding-top: 20px;
}

#content.registWraper .primary .form-box .select-btn p{
	font-size: 16px;
	margin: 1em 0;
}

#content.registWraper .primary .form-box .select-btn p a{
	margin: 0 5px;
}

#content.registWraper .primary .form-box td.required, #content.registWraper .primary .form-box td.error {
    background: url(../images/icon_sprite3.png) no-repeat 0px -274px;
}

#content.registWraper .primary .form-box td.required.js_type_email, #content.registWraper .primary .form-box td.error.js_type_email {
    background: url(../images/icon_sprite3.png) no-repeat 0px -252px;
}

#content.registWraper .primary .form-box .clear{
	background: url(../images/icon_sprite3.png) no-repeat 0px 18px;
}
#content.registWraper .primary .form-box .clear.js_type_email{
	background: url(../images/icon_sprite3.png) no-repeat 0px 41px;
}

/* modal */
#modal.subscription dl dt{clear: both;}
#modal.subscription dl dd.mail{
    font-size: 24px;
    word-break: break-all;
    line-height: 1;
	margin-top: -4px;
}

/* campaign */
#content.registWraper .subscribeCbox{
	text-align: left;
	margin-bottom: -30px;
}
#content.registWraper .subscription-select .title{
	/* top: -20px; */
	margin: 10px 0;
}

#content.registWraper .purchase-box h2.campaign-title:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 20px !important;
	height: 20px !important;
	background: url(../images/icon_exclamation06.png) 0 0 no-repeat;
	background-size:contain;
	position: absolute;
	right: 5px;
	top: 2px;
}

/* Special Offer ribbon */
#content.registWraper .purchase-box h2.campaign-title {
	font-size: 1.1em;
	font-weight: normal !important;
	padding: 5px 30px 5px 5px;
    margin: -16px 5px 0px -5px;
	color: #fff;
	background-color: #154577;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
	position: absolute;
	top: 0;
	left: 0;
	width: 85%;
}

#content.registWraper .purchase-box h2.campaign-title:before,
#content.registWraper .purchase-box h2.campaign-title:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
}

#content.registWraper .purchase-box h2.campaign-title:after{
	left: 0px;
	top: 100%;
	border-width: 2px;
	border-style: solid;
	border-color: #0C2845 #0C2845 transparent transparent;
}

#content.registWraper .purchase-box h2.campaign-title span{
	display: inline-block;
	height: 1em;
	overflow: hidden;
}

#content .primary .form-box td .tool-tip > div{
	top: 120%;
    left: 0;
}

#content .primary .form-box td .tool-tip > div:after{
	top: -12px;
    left: 0px;
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
	border-right: 6px solid transparent;
    border-bottom: 6px solid #000;
}

/* ===============================================
  Change your subscription-2016
=============================================== */
#content.registWraper .message-point-list{
	font-size: 11px;
	color: #999;
	margin-bottom: 20px;
}
#content.registWraper .message-point-list li{
	text-indent: -1em;
	margin-left: 1em;
}

#content.registWraper .icon-triangle01{
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 15px;
	border-color: transparent transparent transparent #cccccc;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #cccccc;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#content.registWraper .change-plan-box{
	font-size: 14px;
	background-color: #fff;
	display: table;
    border-collapse: separate;
    border-spacing: 5px;
	margin: 10px 0 20px 0;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}
#content.registWraper .change-plan-box > div{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 4%;
}

#content.registWraper .change-plan-box > div.change-plan{
	text-align: left;
	width: 40%;
}

#content.registWraper .change-plan-box h3{
	border: 1px solid #999;
	border-bottom: none;
	background-color: #ddd;
	padding: 5px 10px;
}

#content.registWraper .change-plan-box .change-plan.next h3{
	color: #fff;
	background-color: #003979;
}

#content.registWraper .change-plan-box dl{
	border: 1px solid #999;
	padding: 10px;
	min-height: 4em;
}

#content.registWraper .change-plan-box dt{
	float: left;
	width: 4em;
	margin-right: 0.5em;
}

#content.registWraper .change-plan-box dd:after{
	content: '';
	display: block;
	height: 0;
	clear: both;
}

#content.registWraper .change-plan-box .change-plan.next dd{
	font-weight: bold;
}

#content.registWraper .change-plan-box .fcR{color: #cb0000 !important;}

#content.registWraper .change-plan-box dt:after{
	content: ':';
	float: right;
}

#content.registWraper .subscription-select > .btn-area{
	text-align: right;
    margin-right: 10px;
}

.tget-edit-plan{
	display: none;
	margin-top: 20px;
}

.tget-edit-plan-open{
	display: block;
}

.tget-edit-plan + .tget-edit-plan{
	border-top: 1px dashed #ccc;
	padding-top: 10px;
	margin-top: 10px;
}

#content.registWraper .primary .form-box{font-size: 13px;}

#content.registWraper .input-form .tget-edit-plan span.frm-val-txt{
	color: #999;
	margin-left: 5px;
}

.tget-edit-delivery{
        display: none;
        margin-top: 20px;
}

.tget-edit-delivery-open{
        display: block;
}

.tget-edit-delivery + .tget-edit-delivery{
        border-top: 1px dashed #ccc;
        padding-top: 10px;
        margin-top: 10px;
}

#content.registWraper .input-form .tget-edit-delivery span.frm-val-txt{
        color: #999;
        margin-left: 5px;
}
#content.registWraper .tget-edit-delivery a.general-btn.btnColG01{
        margin-bottom: -20px;
        float: right;
}


#content.registWraper .disNOEdit{display: none;}

#content.registWraper .tget-edit-plan a.general-btn.btnColG01{
	margin-bottom: -20px;
	float: right;
}

#content.registWraper .select-btn.btnAreaL{float: left;}

#content.registWraper .btnAreaLC{position: relative;}
#content.registWraper .btnAreaLCl {
	position: absolute;
	top: 35px;
	left: 0;
}
#content.registWraper .select-btn .btnAreaLCc {
	text-align: center;
}

#content.registWraper #modal.subscription dl dd.plice{color: #000}

/* ===============================================
  your subscription-2016
=============================================== */
#content.registWraper .change-plan-box.ys{
	margin-bottom: 10px;
	padding: 10px 0;
	border-spacing: 0;
}
#content.registWraper .change-plan-box > div.change-plan > div.btnBox{
	text-align: center;
	float: right;
	margin-top: -65px;
	margin-right: 10px;
}

#content.registWraper .change-plan-box > div.change-plan > div.btnBox.scr-btn-area{margin-top: -55px;}

#content.registWraper .change-plan-box dl.ys{padding: 10px 90px 10px 10px;}

#content.registWraper .change-plan-box > div.change-plan > div.btnBox a.general-btn{
	color: #fff;
	min-width: inherit !important;
	display: block;
	padding: 8px 10px;
}

#content.registWraper .form-box .title.ys:after{
    content:" ";
    display:block;
    clear:both;
}

#content.registWraper .form-box .title.ys >span{
	display: inline-block;
	margin-top: 2px;
}

#content.registWraper .form-box .title.ys a.general-btn.btnColG01{
	font-size: 14px;
	background: url(../images/btn_bg_ss.png) no-repeat;
	box-sizing: content-box;
	padding: 8px 20px;
	margin: -5px 0;
	height: auto;
}



#content.registWraper .form-box .title.ys a.general-btn.btnColG01:after{
background: url(../images/btn_bg_ss.png) no-repeat right 0;
}

#content.registWraper .primary .form-box .chart th{background-color: #ddd;}
#content.registWraper .primary .form-box .chart th,
#content.registWraper .primary .form-box .chart td{
	border: 1px solid #999;
	text-align: left;
	padding: 5px 10px;
}
#content.registWraper .primary .form-box .read{font-size: 14px;}
#content.registWraper .primary .form-box .read th{padding: 8px 20px 8px 0}
#content.registWraper .primary .check-form .form-box tr{border: none;}

.aco-trg-yourSubscription{
	text-align: right;
	margin: 10px 0;
}

#content.registWraper .primary .disNo{display: none;}

.aco-trg-yourSubscription .aco-trg-basic{
/*	font-size: 11px; */
	color: #000;
	font-weight: bold;
/*	padding-right: 20px; */
	position: relative;
}
.aco-trg-yourSubscription .aco-trg-basic span.icon-edit{top: 0px}

#content.registWraper .change-plan-box .change-plan.cancel dt,
#content.registWraper .change-plan-box .change-plan.cancel dd{
	font-weight: normal;
	color: #999;
}

/* #content.registWraper .change-plan-box > div.change-plan.cancel > div.btnBox a.general-btn{
	width: 7em;
	display: inline-block;
	background-image: none;
	background-color: #3C6798;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3C6798), color-stop(100%,#013A7A));
	background: -webkit-linear-gradient(top,  #3C6798 0%,#013A7A 100%);
	background: linear-gradient(to bottom,  #3C6798 0%,#013A7A 100%);
	padding: 8px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	height: auto;
} */

/* #content.registWraper .change-plan-box > div.change-plan.cancel > div.btnBox a.general-btn:hover{
	opacity: 0.8;
} */

/* #content.registWraper .change-plan-box > div.change-plan.cancel > div.btnBox a.general-btn:after{
	content: none;
} */
#content.registWraper .change-plan-box.cancel{
	margin: 0;
	padding: 0;
}

#content.registWraper .change-plan-box h3>span{
	font-size: 12px;
	font-weight: normal;
	margin-left: 5px;
}
#content.registWraper .change-plan-box h3 .lbl_cancel{
	color: #fff;
	background-color: #333;
	padding: 2px 10px;
	border-radius: 2px; 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}  

#content.registWraper .change-plan.cancel02 dl{
	color: #999;
}

/* ===============================================
  Your account-2016
=============================================== */

#content.registWraper.ya .subscription-select .title{
	top: 0;
	margin: 40px 0 10px 0;
}
#content.registWraper .primary .form-box .clear.js_type_email.sizeNm{
	background: url(../images/icon_sprite3.png) no-repeat 0px 18px;
}
#content.registWraper .sizeNm #formMember_crmMemberInfo_email{
	font-size: 100% !important;
        padding: 10px 10px 6px !important;
}

#content.registWraper .primary .form-box td.required.js_type_email.sizeNm,
#content.registWraper .primary .form-box td.error.js_type_email.sizeNm{
	background: url(../images/icon_sprite3.png) no-repeat 0px -274px;
}

/* ===============================================
  Terms of cancellation-2016
=============================================== */
#content.registWraper .primary .cancel-agree-box{
	margin: -30px 0 30px 0;
}

#content.registWraper .primary .cancel-agree-box div.js_valid{
	font-size: 16px;
}

#content.registWraper .primary .form-box div.js_valid.clear {
    background: url(../images/icon_sprite3.png) no-repeat 0px 6px;
}

/* ===============================================
  time stmp
=============================================== */
.time-stmp01{
	margin: 5px 0 10px !important;
	color: #888;
	font-size: 12px !important;
	font-family: Arial, Helvetica, sans-serif;
}
/* ===============================================
  Subscription-2016 02
=============================================== */
 
#content.registWraper #tabArea{margin-bottom: 20px;}
 
#content.registWraper .primary .two-column{
              background-color: #D9D9D9;
              margin: 0 0 20px 0;
}

/* ===============================================
Your subscription-2016
=============================================== */

#content.registWraper .change-plan-box > div.change-plan > div.btnBox .supple-link{margin:5px 0 0 0;}
#content.registWraper div.change-plan > div.btnBox .arrow a:before{top: 7px;}
.aco-trg-yourSubscription a.aco-trg-basic:before {
    background: url(../images/icon_sprite.png) -195px -16px no-repeat !important;
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 3px;
    top: 6px;
	left: -10px;
}
.aco-trg-yourSubscription a.aco-trg-basic.on:before {
	background: url(../images/icon_sprite.png) -195px -19px no-repeat !important;
}

#content .primary .form-box textarea.w100{
	width: 100%;
	box-sizing: border-box;
}
/* ===============================================
your coupon
=============================================== */
#content.registWraper .your-coupon-box .errorInfoBox{margin: 10px 0;}

.your-coupon-box .coupon-info{
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 10px;
	margin-top: 20px;
}
.your-coupon-box .coupon-info h3.title{
	color: #fff;
	border: none !important;
	font-size: 1.1em;
    /* font-weight: normal !important; */
    background-color: #154577;
    -webkit-box-shadow: 0px 2px 4px #888;
    -moz-box-shadow: 0px 2px 4px #888;
    box-shadow: 0px 2px 4px #888;
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
	padding: 10px !important;
    margin: -20px 0 10px -15px !important;
}
.your-coupon-box .coupon-info h3.title:after {
    content: ' ';
	left: 0px;
    top: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: #0C2845 #0C2845 transparent transparent;
	position: absolute;
    width: 0;
    height: 0;
}

.your-coupon-box .coupon-info .txt-box{
	float: left;
	width: 650px
}

.your-coupon-box .coupon-info .img-box{
	float: right;
	width: 250px;
}

.your-coupon-box .coupon-info p{margin-bottom: 0.5em !important;}
.your-coupon-box .coupon-info .fsL04 { font-size: 200% !important;}
.your-coupon-box .coupon-info .fsL03 { font-size: 150% !important;}
.your-coupon-box .coupon-info .fsL02 { font-size: 130% !important;}
.your-coupon-box .coupon-info .fsL01 { font-size: 110% !important;}
.your-coupon-box .coupon-info .fcR {color: #cb0000 !important;}
.your-coupon-box .coupon-info .fcB {color: #005ead !important;}
.your-coupon-box .coupon-info .fwB { font-weight: bold !important;}
.your-coupon-box .coupon-info .fsI { font-style: italic !important;}
.your-coupon-box .coupon-info .tdT { text-decoration: line-through !important;}
.your-coupon-box .coupon-info .tdU { text-decoration: underline !important;}
.your-coupon-box .coupon-info .taC{text-align: center !important;}
.your-coupon-box .coupon-info .taL{text-align:left !important;}
.your-coupon-box .coupon-info .taR{text-align: right !important;}
.your-coupon-box .coupon-info li{
	position: relative;
    padding-left: 15px;
}
.your-coupon-box .coupon-info ul li:before{
	content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #000;
    position: absolute;
    top: 0.5em;
    left: 0;
}

#content.registWraper.gbox .primary .form-box{
	font-size: 100%;
	background-color: transparent;
	padding: 0;
}

#content .primary .subscription-select .title.flr-link-wrapper{
	padding-right: 0;
}
h1.title a.flr-link{
	font-size: 12px;
	font-weight: normal;
	float: right;
	position: relative;
    padding-left: 8px;
	margin-top: 5px;

}

h1.title a.flr-link: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 */
/* #tabArea{position: relative;} */
#modal-coupon {
	display: none;
	/* position: fixed; */
	position: absolute;
	z-index: 20;
	/* top: 45px;
	right: 10px; */
	padding: 5px;
	font-family: verdana,arial,helvetica,sans-serif;
	background: transparent url(../images/bg_black60.png);
}
#modal-coupon.on{display: block;}

#modal-coupon:after {
	content: '';
	position: absolute;
	z-index: 0;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	background: #fff;
}
#modal-coupon>* {
	position: relative;
	z-index: 101;
}

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

/* modal-button */
#modal-coupon .login-btn > a,
#modal-coupon .login-btn > button {
	margin: 10px 0 0;
}

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

#modal-coupon .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;
}

/* test- in tab area */
#tabArea #modal-coupon .close-btn {
	top: 5px;
	right: 5px;
}


/* error */
#modal-coupon  form p.error {
	display: none;
	color: #CE3030;
	max-width: 250px;
}

#modal-coupon form  .error p.error {
	display: block;
}

.crm_member_name_cl{
	color: #000 !important;
	border: 1px solid #ddd !important;
	background-color: #fff !important;
}
.crm_member_name_error{
	color: #CE3030 !important;
    background: #fcdede !important;
	border-color: #f0bdbc !important;
}


#content.registWraper .form-box input[type="text"]:disabled,
#content.registWraper .form-box select:disabled,
#content.registWraper .form-box textarea:disabled{
	background-color: #f0f0f0;
}


/* ---- Header-login ---- */

#modal-coupon:after {
	z-index: 20;
}
#modal-coupon form {
	z-index: 21;
}

/* login-form */
#content .primary #modal-coupon .login-form {
	width: 290px;
	padding: 0;
}

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

#content.registWraper #modal-coupon .title{
	font-size: 14px;
	top: 0;
    margin: 0;
    padding: 0 0 0 10px !important;
}

#modal-coupon p.error{color: #CE3030;}

#content .primary #modal-coupon .login-form dl {
    margin-left: 0;
    width: auto;
}

#content .primary #modal-coupon .login-form dl + div {
    margin-left: 0;
}

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

#modal-coupon .login-form .error input[type="text"],
#modal-coupon .login-form .error input[type="password"] {
	background: #fcdede;
	border: 1px solid rgb(240, 189, 188);
}

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

#modal-coupon .login-form dl dt span > a {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-left: 8px;
	font-size: 12px;
	color: #005EAD;
}
#modal-coupon .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-coupon .login-form dl dd {
	margin: 0 0 10px !important;
	font-size: 14px;
}

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

#modal-coupon .login-btn {
	text-align: center;
}
/* email input */
/* SB01-02 base */
#content.registWraper .primary .form-box th.email{padding-top: 30px !important;}
#content.registWraper .primary .form-box td.required.js_type_email{background-position: 0 -257px;}

/* ===============================================
Mail Magazine
=============================================== */

/* secondary */
.link-box .mail-magazine-inner{
	font-size: 13px;
}
.link-box.mail-magazine h5.title{margin-bottom: 10px;}
.mail-magazine-inner{padding: 5px 10px;}
.link-box .mail-magazine-inner table{width: 100%;}
.link-box .mail-magazine-inner td{vertical-align: top;}
.link-box .mail-magazine-inner input{
	font-family: verdana;
	font-size: 14px !important;
    box-sizing: border-box;
	width: 220px;
	min-height: 16px;
	line-height: 1.4em;
	padding: 6px 10px;
	vertical-align: middle;
	border: 1px solid #ddd;
}
.link-box .mail-magazine-inner a.general-btn{
	float: right;
	font-size: 13px;
    min-width: 60px;
    padding: 8px;
	vertical-align: middle;
}
.link-box .mail-magazine-inner p.error{margin-top: 10px;}
.link-box .mail-magazine-inner p.comp-txt,
.link-box .mail-magazine-inner.clear-on input,
.link-box .mail-magazine-inner.clear-on a.general-btn{display: none;}
.link-box .mail-magazine-inner .ct_hidden{word-break: break-all;}
.link-box .mail-magazine-inner.clear-on p.comp-txt{
	color: #003979;
	display: block;
}

/* input of registration */
#NLMInput p.error{margin-top: 10px;}
#NLMInputTit p.comp-txt{
	color: #003979;
	font-size: 16px;
	display: none;
	margin-bottom: 10px;
}
#NLMInputTit.clear-on p.comp-txt{display: block;}

#NLMInput th,#NLMInput td {
	font-size: 14px;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
#content.registWraper #formMember_newsletter_email{
	font-size: 24px !important;
	padding: 15px 10px !important;
	box-sizing: border-box;
}

/* Completion of registration */
.registWraper.ya.gbox table.follow-nar {
	width: auto !important;
	text-align: left;
	margin: 10px 0;
}
.registWraper.ya.gbox .follow-nar th{
	text-align: left !important;
	padding: 10px !important;
	vertical-align: top !important;
	width: auto !important;
}
.registWraper.ya.gbox .follow-nar td{
	font-size: 11px;
	color: #fff;
	padding: 10px !important;
	vertical-align: middle !important;
}
.registWraper.ya.gbox .follow-nar td.Facebook{background-color:#355999; }
.registWraper.ya.gbox .follow-nar td.Twitter{background-color:#00aced; }

/* error */
.errorInfoBox.mail-mgz{
	font-weight: bold;
	margin: 10px 0 !important
}

/* Reception setting */
#content .primary .input-form .form-box table.NLTbl th,
#content .primary .input-form .form-box table.NLTbl td{
	font-size: 14px;;
	padding:10px;
}
#NLSetting .comp-txt{
	display: none;
	color: #003979;
	font-size: 16px;
	margin: 10px 0;
}
#NLSetting.clear-on .comp-txt{display: block;}

/* ===============================================
Market data
=============================================== */
#content .secondary .link-box .market-data th{
	font-size: 13px;
	width: 130px;
}