@charset "utf-8";

/* ----- Common Area ----- */
body {
	background-color: #678fC2;
	color: #000000;
	font-family: "Meiryo", "Segoe UI", sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
a {
	color: #0000FF;
	text-decoration: underline;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
img {
	border: none;
}
form {
	margin: 0;
	padding: 0;
}
input,
select,
textarea {
	font-family: "Meiryo", "Segoe UI", sans-serif;
	font-size: 12px;
}
hr {
	border-top: solid 1px #CCCCCC;
	border-left: none;
	border-right: none;
	border-bottom: none;
	background-color: #CCCCCC;
	color: #CCCCCC;
	height: 1px;
}
ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

/* ----- Header Area ----- */
table.head {
}
td.head-text {
	background-color: #678fC2;
	color: #FFFFFF;
	font-size: 11px;
	padding: 5px 0px;
	text-align: right;
	white-space: nowrap;
}
td.head-text a {
	color: #FFFFFF;
	text-decoration: none;
}
td.head-text a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
td.head-bar-left {
	text-align: left;
	vertical-align: top;
	width: 6px;
}
td.head-bar-center {
	width: 100%;
	background-image: url(/img/head-c.gif);
	background-repeat: repeat-x;
}
td.head-bar-right {
	text-align: right;
	vertical-align: top;
	width: 6px;
}

/* ----- Logo Area ----- */
table.logo {
}
td.logo-left {
	background-color: #FFFFFF;
	border-left: 1px solid #3D6076;
	padding: 15px 10px 15px 15px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}
td.logo-right {
	background-color: #FFFFFF;
	border-right: 1px solid #3D6076;
	font-size: 11px;
	padding: 5px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}
td.logo-bottom {
	background-color: #3D6076;
	border-left: 1px solid #3D6076;
	border-right: 1px solid #3D6076;
}
td.logo-text {
	background-color: #C7DEFC;
	border-left: 1px solid #3D6076;
	border-right: 1px solid #3D6076;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}

/* ----- Contents Area ----- */
table.contents {
}
td.cont-tag {
	background-color: #10509E;
	border-left: 1px solid #3D6076;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 12px;
	text-align: left;
	vertical-align: middle;
}
td.cont-tagsub {
	background-color: #10509E;
	border-right: 1px solid #3D6076;
	color: #FFFFFF;
	font-size: 11px;
	padding: 5px 12px;
	text-align: right;
	vertical-align: middle;
}
td.cont-tag a,
td.cont-tagsub a {
	color: #FFFFFF;
	text-decoration: none;
}
td.cont-tag a:hover,
td.cont-tagsub a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
td.cont-left {
	background-color: #10509E;
	border-left: 1px solid #3D6076;
	width: 12px;
}
td.cont-right {
	background-color: #FFFFFF;
	border-right: 1px solid #3D6076;
	width: 100%;
}
td.cont-bottom {
	background-color: #10509E;
	border-left: 1px solid #3D6076;
	border-right: 1px solid #3D6076;
}
td.main-menu {
	background-color: #F2F2F2;
	border-right: 1px solid #8AAFE1;
	text-align: center;
	vertical-align: top;
}
td.main-contents {
	background-color: #FFFFFF;
	width: 100%;
	text-align: left;
	vertical-align: top;
}
td.search-h01 {
	background-color: #BBD3F2;
	text-align: left;
	vertical-align: top;
}
td.search-h02 {
	background-color: #BBD3F2;
	color: #0e4380;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 5px 5px;
	text-align: center;
	vertical-align: top;
}
td.search-h03 {
	background-color: #E4EFFE;
	color: #666666;
	font-size: 11px;
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
td.search-h03 a {
	color: #666666;
	text-decoration: none;
}
td.search-h03 a:hover {
	color: #666666;
	text-decoration: underline;
}
td.search-h04 {
	background-color: #E4EFFE;
	padding: 10px 2px 2px 5px;
	text-align: left;
	vertical-align: middle;
	width: 135px;
}
td.search-h05 {
	background-color: #E4EFFE;
	padding: 10px 2px 2px;
	text-align: left;
	vertical-align: middle;
	width: 35px;
}
td.search-h06 {
	background-color: #E4EFFE;
	padding: 2px 2px 2px 5px;
	text-align: left;
	vertical-align: middle;
}
.search-form-input {
	font-size: 11px;
	width: 140px;
}
.search-form-select {
	font-size: 11px;
	width: 165px;
}
table.menu {
}
td.menu-h01 {
	background-color: #BBD3F2;
	color: #0E4380;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	vertical-align: top;
}
td.menu-h01 a {
	color: #0E4380;
	text-decoration: none;
}
td.menu-h01 a:hover {
	color: #0E4380;
	text-decoration: underline;
}
td.menu-h02 {
	background-color: #D1EBFF;
	color: #0E4380;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
td.menu-h02 a {
	color: #0E4380;
	text-decoration: none;
}
td.menu-h02 a:hover {
	color: #0E4380;
	text-decoration: underline;
}
td.menu-h03 {
	background-color: #E4EFFE;
	color: #666666;
	font-size: 11px;
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
td.menu-h03 a {
	color: #666666;
	text-decoration: none;
}
td.menu-h03 a:hover {
	color: #666666;
	text-decoration: underline;
}
td.menu-h04 {
	background-color: #8AAFE1;
}
td.menu-h10 {
	background-color: #E3E3E3;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	vertical-align: top;
}
td.menu-h11 {
	color: #666666;
	font-size: 11px;
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
td.menu-h11 a {
	color: #666666;
	text-decoration: none;
}
td.menu-h11 a:hover {
	color: #666666;
	text-decoration: underline;
}
table.categ {
}
td.categ-h01 {
	background-color: #D1EBFF;
	border-bottom: 1px solid #8AAFE1;
	color: #0E4380;
	font-size: 11px;
	padding: 2px 10px;
	text-align: left;
	vertical-align: top;
}
td.categ-h02 {
	background-color: #E4EFFE;
	border-bottom: 1px solid #8AAFE1;
	color: #333333;
	font-size: 12px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	width: 25%;
}
td.categ-h02 li {
	color: #FF9900;
}
td.categ-h02 li a {
	color: #0560A6;
	text-decoration: none;
}
td.categ-h02 li a:hover {
	color: #0560A6;
	text-decoration: underline;
}
table.main-area {
}
td.main-base {
	background-color: #FFFFFF;
	color: #333333;
	font-size: 12px;
	padding: 12px;
	text-align: left;
	vertical-align: top;
}
table.list {
	border-bottom: 1px solid #8AAFE1;
	margin-bottom: 10px;
}
div.list-title {
	color: #333333;
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
}
div.list-title a {
	color: #333333;
	text-decoration: none;
}
div.list-title a:hover {
	color: #333333;
	text-decoration: underline;
}
div.list-detail {
	border: 1px solid #8AAFE1;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 5px;
}
div.list-image {
	text-align: center;
	vertical-align: middle;
}
td.list-h01 {
	background-color: #FFFFFF;
	padding: 0px 10px 10px 0px;
	text-align: left;
	vertical-align: middle;
	width: 80px;
}
table.price {
	background-color: #8AAFE1;
	margin-bottom: 10px;
}
td.price-h01 {
	background-color: #10509E;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
td.price-h02 {
	background-color: #FFFFFF;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	text-align: right;
	vertical-align: middle;
}
td.price-h03 {
	background-color: #FFFFFF;
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	text-align: right;
	vertical-align: middle;
}

/* ----- Detail Area ----- */
table.detail {
}
td.detail-h01 {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
	width: 100%;
}
td.detail-h01 a {
	color: #333333;
	text-decoration: none;
}
td.detail-h01 a:hover {
	color: #333333;
	text-decoration: underline;
}
td.detail-h02 {

}
td.detail-ads {
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
}
td.detail-image {
	padding: 0px 10px 0px 0px;
	text-align: left;
	vertical-align: top;
}
td.detail-text {
	text-align: left;
	vertical-align: top;
	width: 100%;
}
span.red {
	color: #FF0000;
}
div.detail-h10 {
	background-color: #E4EFFE;
	color: #0E4380;
	border: 1px solid #8AAFE1;
	font-size: 11px;
	margin-top: 10px;
	font-weight: bold;
	padding: 3px 10px;
}
div.detail-h11 {
	border-left: 1px solid #8AAFE1;
	border-right: 1px solid #8AAFE1;
	border-bottom: 1px solid #8AAFE1;
	padding: 10px;
}
div.detail-h12 {
	padding-bottom: 10px;
}
div.detail-h13 {
	border-top: 1px solid #8AAFE1;
	padding: 10px 0px;
}
div.detail-h14 {
}
div.detail-h12 a,
div.detail-h13 a,
div.detail-h14 a {
	color: #333333;
	text-decoration: none;
}
div.detail-h12 a:hover,
div.detail-h13 a:hover,
div.detail-h14 a:hover {
	color: #333333;
	text-decoration: underline;
}

/* ----- Rank Area ----- */
table.rank {
	margin-bottom: 10px;
}
td.rank-title {
	color: #FF9900;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}
td.rank-space {
	width: 10px;
}
td.rank-image {
	border: 1px solid #8AAFE1;
	height: 176px;
	width: 176px;
	text-align: center;
	vertical-align: middle;
}
td.rank-text {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding-top: 2px;
	vertical-align: top;
	word-break: break-all;
}
td.rank-text a {
	color: #333333;
	text-decoration: none;
}
td.rank-text a:hover {
	color: #333333;
	text-decoration: underline;
}
div.rank-categ {
	color: #0E4380;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/* ----- Pager Area ----- */
div.pager {
	background-color: #E4EFFE;
	border: 1px solid #8AAFE1;
	font-size: 11px;
	padding: 3px 10px;
	margin-bottom: 10px;
	text-align: right;
	vertical-align: middle;
}
a.pager-navi {
	color: #333333;
}
a.pager-num {
	color: #333333;
}
div.pager a {
	color: #333333;
	text-decoration: none;
}
div.pager a:hover {
	color: #333333;
	text-decoration: underline;
}
span.pager-void {
	color: #999999;
}
span.pager-now {
	color: #333333;
	font-weight: bold;
}

/* ----- Footer Area ----- */
table.foot {
}
td.foot-left {
	text-align: left;
	vertical-align: top;
	width: 6px;
}
td.foot-center {
	width: 100%;
	background-image: url(/img/foot-c.gif);
	background-repeat: repeat-x;
}
td.foot-right {
	text-align: right;
	vertical-align: top;
	width: 6px;
}
td.foot-text {
	background-color: #C7DEFC;
	border-left: 1px solid #3D6076;
	border-right: 1px solid #3D6076;
	color: #4372B0;
	padding: 8px 3px 3px;
	text-align: center;
	vertical-align: middle;
}
td.foot-text a {
	color: #4372B0;
	text-decoration: none;
}
td.foot-text a:hover {
	color: #4372B0;
	text-decoration: underline;
}
span.powered {
	color: #666666;
	font-size: 10px;
}
span.powered a {
	color: #666666;
	text-decoration: none;
}
span.powered a:hover {
	color: #666666;
	text-decoration: underline;
}