﻿@charset "UTF-8";

/* コンテンツエリア */
#cont {
	width: 800px;
}
#cont #topicpath {
	padding: 10px 10px 15px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 10px;
}
#cont .title {
	background-image: url(../images/line.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 18px;
	color: #003366;
	font-weight: bold;
	margin-left: 10px;
	padding: 1px 0px;
	height: 25px;
}
#cont ul {
	list-style: none;
	margin: 10px 0px;
	padding: 0px;
}
#cont ul li {
	background-image: url(../images/list-top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	line-height:1.3;
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 0px 26px;
}
#cont ol {
	margin: 10px 0px 10px 30px;
	padding: 0px;
}
#cont ol li {
	line-height:1.3;
	padding: 2px 0px;
}
#cont ul.list-dot {
	list-style: none;
	margin: 10px 0px;
	padding: 0px;
}
#cont ul.list-dot li {
	background-image: none;
	list-style: disc;
	line-height:1.3;
	margin: 0px 0px 5px 15px;
	padding: 0px 0px 0px 0px;
}
#cont .pd_2 {
	padding-top: 2px;
}

#cont p {
	margin: 10px;
	line-height: 1.4;
}
#cont .center {
	margin: 0;
	text-align: center;
}
#cont .image {
	padding-right: 10px;
}
#cont .image-right {
	padding-left: 10px;
	float: right;
}
#cont .image-left {
	padding-right: 10px;
	float: left;
}
#cont .attention {
	background-image: url(../images/ico-attention.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 10px;
	padding: 1px 0px;
}
#cont .attention p {
	color: #C00;
	font-size: 10px;
	margin-left: 40px;
}
#cont .attention_nomark p {
	font-size: 10px;
	margin: 2px 0px;
}
#cont .attention_nomarkred p {
	font-size: 10px;
	color: #C00;	
	margin: 2px 0px;
}
#cont .attention_nomarkred p {
	font-size: 10px;
	color: #C00;
	margin: 2px 0px;
}
#cont .attention_nomarkred_big p {
	font-size: 14px;
	color: #C00;	
	margin: 2px 0px;
}
#cont p.noattention_nomarkred_big p {
	font-size: 14px;
	color: #19448e;	
	margin: 2px 0px;
}
#cont p.bold {
	font-weight: bold;
}
#cont .orange {
	color: #F90;
	font-weight: bold;
	line-height: 1.4;
}
#cont .red {
	color: #C00;
	line-height: 1.4;
}
#cont p.pagetop {
	text-align: right;
	font-size: 10px;
}
#cont p.right {
	text-align: right;
}
#cont .small {
	font-size: 10px;
	line-height: 1.3;
}

/* 商品ボックス */

#cont .itembox {
	width: 130px;
	float: left;
}
#cont .itembox p {
	font-size: 10px;
}
#cont .itembox img {
	padding: 2px;
	border: #CCC solid 1px;
}
#cont .clearbox {
	clear: both;
	height: 0px;
}
#cont p.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/* 商品個別ページ */

#cont #item {
	border-left: #003a64 10px solid;
	margin: 10px 0px 15px 0px;
}
#cont #item h3 {
	font-size: 16px;
	font-weight: bold;
	color: #003a64;
	border: none;
	background-color: #FFF;
	padding: 5px 5px 0px 5px;
}
#cont #item p {
	font-size: 12px;
	font-weight: normal;
	color: #003a64;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 6px;
}
#cont img.itemimg {
	padding: 2px;
	border: #CCC 1px solid;
}
#cont #item-a {
	width: 210px;
	float: left;
}
#cont #item-b {
	width: 300px;
	float: left;
}
#cont #item-b p {
	margin: 0px 0px 0px 20px;
	text-align: right;
}
#cont #item-b ul {
	list-style: none;
}
#cont #item-b ul li {
	border-bottom: #666 dashed 1px;
	background-image: none;
	padding: 5px 5px 10px 5px;
	margin: 0px 0px 0px 20px;
}
#cont #item-c {
	padding: 20px 0px;
	clear: both;
}
#cont #item-c h4 {
	font-size: 14px;
	font-weight: bold;
	color: #003860;
	background-color: #ccd8e0;
	padding: 8px;
}
#cont #item-c ul {
	list-style: none;
}
#cont #item-c ul li {
	background-image: url(../images/list-item.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 5px 0px 5px 7px;
}

/* pbp */
#cont h4.pbp_h4 {
	border-left: #009ae4 7px solid;
	margin: 10px 0px 15px 0px;
	padding: 3px 8px;
	color: #009ae4;
}
/* フォーム・画像高さ揃え */
#cont .formbox  {
	text-align: center;
	margin: 20px 0px 10px 0px;
}
#cont .formbox input {
	vertical-align: middle;
}
#cont .formbox img {
	vertical-align: middle;
}
#cont select {
	margin: 10px;
	font-size: 12px;
	vertical-align: middle;
}
/* 見出し */
#cont h3 {
	border: #0069bd solid 1px;
	background-color: #d5e6f6;
	padding: 5px;
	margin: 10px 0px;
	color: #003860;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	clear: both;
}
#cont h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	clear: both;
}
#cont h5 {
	font-size: 12px;
	font-weight: bold;
	color:#666;
	line-height: 1.4;
	padding: 3px 10px;
	border-bottom: #666 dotted 1px;
	clear: both;
}
#cont h6 {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	color:#666;
	padding: 3px 10px;
	margin: 0px 10px;
	border: #ffddb1 dashed 1px;
	background-color: #fff1df;
	clear: both;
}
/* 表組 */

#cont table {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px;
}
#cont table th {
	background-color: #d9e2e8;
	line-height: 1.3;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: normal;
	padding: 6px;
}
#cont table td {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: normal;
	line-height: 1.3;
	padding: 6px;
}
#cont table	.comment {
	font-size: 10px;
	color: #C30;
	line-height: 1.3;
}

#cont table	.chkhit {
	color: #C30;
	line-height: 1.3;
}
#cont table.noline {
	border-top: none;
	border-right: none;
	border-left: none;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px;
}

#cont table.noline th {
	background-color: #d9e2e8;
	line-height: 1.3;
	border-left: none;
	border-bottom: none;
	font-weight: normal;
	padding: 6px;
}
#cont table.noline td {
	border-left: none;
	border-bottom: none;
	font-weight: normal;
	line-height: 1.3;
	padding: 6px;
}
#cont table.noline td.close {
	border-left: none;
	border-bottom: none;
	font-weight: normal;
	line-height: 1.3;
	padding: 1px;
	margin:0px;
}

#cont table.noline_osaka {
	border-top: none;
	border-right: none;
	border-left: none;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 1px;
}

#cont table.noline_osaka th {
	background-color: #d9e2e8;
	line-height: 1.3;
	border-left: none;
	border-bottom: none;
	font-weight: normal;
	padding: 0px;
}
#cont table.noline_osaka td {
	border-left: none;
	border-bottom: none;
	vertical-align: middle;
	font-weight: normal;
	line-height: 110%;
	padding: 1px;
	margin:0px;
}
#cont table.noline_osaka p.titleline{
	padding:3px;
	margin:1px;
	line-height: 1.3;
}



#cont table.blueline {
	border-top: 1px solid #00F;
	border-right: 1px solid #00F;
	border-left: 1px solid #00F;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 2px;
}

#cont table.blueline th {
	background-color: #d9e2e8;
	line-height: 1.3;
	border-left: 1px solid #00F;
	border-bottom: 1px solid #00F;
	font-weight: normal;
	padding: 2px;
}
#cont table.blueline td {
	border-left: 1px solid #00F;
	border-bottom: 1px solid #00F;
	font-weight: normal;
	line-height: 1.3;
	padding: 2px;
}

#cont table.redline {
	border-top: 1px solid #F00;
	border-right: 1px solid #F00;
	border-left: 1px solid #F00;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px;
}

#cont table.redline th {
	background-color: #d9e2e8;
	line-height: 1.3;
	border-left: 1px solid #F00;
	border-bottom: 1px solid #F00;
	font-weight: normal;
	padding: 6px;
}
#cont table.redline td {
	border-left: 1px solid #F00;
	border-bottom: 1px solid #F00;
	font-weight: normal;
	line-height: 1.3;
	padding: 6px;
}

/* PBPアンケート画面コンテンツエリア */
#cont_pbp {
	width: 800px;
	text-align:center;
}
#cont_pbp .title {
	background-image: url(../images/line.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 18px;
	color: #003366;
	font-weight: bold;
	margin-left: 10px;
	padding: 1px 0px;
	height: 25px;
}
#cont_pbp p {
	margin: 10px;
	line-height: 1.4;
}
#cont_pbp .center {
	margin: 0;
	text-align: center;
}
#cont_pbp.attention_nomarkred p {
	font-size: 10px;
	color: #C00;	
	margin: 2px 0px;
}
#cont_pbp.attention_nomarkred p {
	font-size: 10px;
	color: #C00;	
	margin: 2px 0px;
}
#cont_pbp #item {
	border-left: #003a64 10px solid;
	margin: 10px 0px 15px 0px;
}
#cont_pbp p {
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 6px;
}
#cont_pbp img.itemimg {
	padding: 2px;
	border: #CCC 1px solid;
}
#cont_pbp .formbox  {
	text-align: center;
	margin: 20px 0px 10px 0px;
}
#cont_pbp input {
	vertical-align: middle;
	text-size:10px;
}
#cont_pbp table {
	border: 0px none #fff;
	border-spacing: 1px;
	margin: 10px;
	font-size:10px;
	text-align:left;
}
#cont_pbp table th {
	background-color: #d9e2e8;
	line-height: 1.3;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: normal;
	padding: 6px;
}
#cont_pbp table td {
	border: 0px none #fff;
	font-weight: normal;
	line-height: 1.3;
	padding: 1px;
}
#cont_pbp table.noline {
	border-top: none;
	border-right: none;
	border-left: none;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px;
}
#cont_pbp table.noline th {
	background-color: #d9e2e8;
	line-height: 1.3;
	border-left: none;
	border-bottom: none;
	font-weight: normal;
	padding: 6px;
}
#cont_pbp table.noline td {
	border-left: none;
	border-bottom: none;
	font-weight: normal;
	line-height: 1.3;
	padding: 6px;
	vertical-align: top;
}

/* PBPメーリングリスト登録 */
#cont_ml {
	width: 800px;
	text-align:center;
	padding:0px;
}
#cont_ml p {
	margin: 10px;
	line-height: 1.4;
	font-size: 14px;
	font-weight: normal;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 6px;
}
#cont_ml .center {
	margin: 0;
	text-align: center;
	vertical-align: middle;
}
#cont_ml input.ml {
	vertical-align: middle;
	text-size:9px;
}
#cont_ml table {
	border: 0px none #fff;
	border-spacing: 0px;
	margin: 10px;
	font-size:10px;
	text-align:left;
}
#cont_ml table td {
	border: 0px none #fff;
	font-weight: normal;
	line-height: 1.3;
	padding: 0px;
}

#cont_ml table.input {
	border: 0px none #fff;
	border-spacing: 2px;
	margin: 10px;
	font-size:10px;
	padding:2px;
}
#cont_ml td.inputmenu {
	border: 0px none #fff;
	font-weight: normal;
	line-height: 1.3;
	text-align:center;
	vertical-align: middle;
	padding: 2px;
}
#cont_ml td.inputtd {
	border: 0px none #fff;
	font-weight: normal;
	line-height: 1.3;
	text-align:left;
	vertical-align: middle;
	padding: 2px;
}

#cont_ml table.noline {
	border-top: none;
	border-right: none;
	border-left: none;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px;
}
#cont_ml table.noline th {
	background-color: #d9e2e8;
	line-height: 1.3;
	border-left: none;
	border-bottom: none;
	font-weight: normal;
	padding: 6px;
}
#cont_ml table.noline td {
	border-left: none;
	border-bottom: none;
	font-weight: normal;
	line-height: 1.3;
	padding: 6px;
	vertical-align: top;
}
#cont_ml div {
	font-weight:bold;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}

/* 日経TEST 経済常識版 */
#cont table.test-res {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px;
	font-color:#333333;
}

#cont table.test-res th {
	width:100px;
	height:15px;
	background-color: #d9e2e8;
	line-height: 1.3;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: normal;
	padding: 6px;
	text-align:center;
}
#cont table.test-res td {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: normal;
	line-height: 1.3;
	padding: 6px;
	text-align:left;
}

#cont table.test {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px;
	font-color:#333333;
}
#cont table.test th {
	background-color: #99CCCC;
	line-height: 1.3;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: normal;
	padding: 6px;
	text-align:center;
	font-size:12px;
}
#cont table.test td.point {
	background-color: #CCFFFF;
	height:2;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: normal;
	line-height: 1.3;
	padding: 3px;
	text-align:center;
	font-size:12px;
}
#cont table.test td {
	height:2;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: normal;
	line-height: 1.3;
	padding: 6px;
	text-align:center;
	font-size:12px;
}
#cont table.test td.noline {
	height:2;
	border-bottom: 1px solid #999;
	border-left: 0px none #999;
	font-weight: normal;
	line-height: 1.3;
	padding: 6px;
	text-align:left;
	font-size:12px;
}

#cont table.test-perc {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px;
	font-color:#333333;
}

#cont table.test-perc th {
	width:200px;
	height:15px;
	background-color: #d9e2e8;
	line-height: 1.3;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: normal;
	padding: 6px;
	text-align:left;
	font-size:12px;
}
#cont table.test-perc td {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: normal;
	line-height: 1.3;
	padding: 6px;
	text-align:left;
	font-size:12px;
}




#cont table.noline_close {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: none;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	padding:1px;
}
#cont table.noline_close td {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: none;
	font-weight: normal;
	line-height: 1.3;
	margin: 0px;
	padding:1px;
}

/* サイバートラスト セキュアドシール表示用 */
#secured_seal {
	margin:0;
	padding:0;
}
#secured_seal table {
	border:none;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px;
}
#secured_seal td {
	border:none !important;
	padding:5px;
	text-align:left;
}


