@charset "EUC-JP";

/*------------------------------------------------
読込み用CSS
------------------------------------------------*/
@import "default.css"; /* 初期設定用 */
@import "common.css"; /* 共通設定用 */


/*------------------------------------------------
コンテンツ
------------------------------------------------*/
h1 { margin: 0 0 10px 0; }

h2 {
border-bottom: 1px solid #ccc;
color: #039;
font-size: 14px;
}

h3 { font-size: 13px; 
color: #690;
}

.info clfx{
margin-right: 0;
}

.right{ text-align: right; }

#newstopi{
float: left;
width: 380px;
height: 120px;
margin: 10px 0;
text-align: left;
}
#newstopi ul{
height: 130px;
list-style: none;
margin: 8px 5px;
font-size: 12px;
line-height: 1.5;
overflow: auto;
}
#newstopi span{
margin: 0 5px 0 0;
color: #b22222;
}

.lead {
	border-top: 6px solid #A6D400;
	margin: 0 0 15px 0;
	background-color: #F4F4F4;
}

.lead .image {
	padding: 12px 4px 12px 10px;
}

.lead .text {
	padding: 12px 0px 12px 8px;
	font-size: 0.8em;
	line-height: 1.3;
}

.lead .maintenance {
	padding: 12px 10px 12px 10px;
}

.lead .maintenance a img,
.lead .maintenance a:visited img {
	border: 1px solid #CCCCCC;
}

.lead .maintenance a:hover img,
.lead .maintenance a:active img {
	border: 1px solid #FF0000;
}

.product-area {
	margin: 0 auto 8px auto;
	width: 770px;
}

/*
.product-area-end {
	margin: 0 auto 24px auto;
	width: 770px;
}*/

.product-area .waku-top img {
	vertical-align: baseline;
}

.product-area .waku-bottom img {
	vertical-align: baseline;
}

.product-area .product-box {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 0px 12px 0px 8px;
	width: 358px;
}

.sekou table td{
padding: 7px;
font-size: 12px;
}
 
.product-box table {
	width: 100%;
}

.product-box table td.title {
	padding: 0 0 5px 0;
	text-align: left;
}

.product-box table td.image {
}

.product-box table td.text {
	padding: 0 0 5px 0;
	/*width: 200px;*/
	font-size: 0.8em;
	line-height: 1.3;
}

.product-box a img.detail,
.product-box a:visited img.detail {
	border: 1px solid #999999;
	text-align: right;
}

.product-box a:hover img.detail,
.product-box a:active img.detail {
	border: 1px solid #FF0000;
}

.product-support {
	margin: 0 auto 0 auto;
	width: 100%;
}

.product-support .product-area {
	width: 380px;
}

.product-support .support-area .text {
	background-color: #EEFCB8;
	text-align: center;
	font-size: 0.8em;
}

.clear { clear: both; }

#box-r {
float: right;
width: 380px;
margin: 10px 0;
text-align: left;
}
.best-s{
text-align: center;
font-size: 12px;
color: #666;
}
.best-s img{
margin: 8px auto;
}
.tm8{ margin-top: 8px; }
/*------------------------------------------------
プリントの設定
------------------------------------------------*/
@media print {
	.product-support {
		page-break-before: always;
	}
}