@charset "shift_jis";

/*---------------------------
デフォルトスタイル
---------------------------*/
body {
	font-size:80%;
}
#container img {
	margin: 0;
	padding: 0;
	border: 0;
}

#container ul {
	list-style-type: none;
}

/*---------------------------
メイン
---------------------------*/
#container {
	float: left;
	width: 570px;
}

#main-contents {
	float: right;
	width: 570px;
}

/*---------------------------
タイトル
---------------------------*/
#title-banner {
	margin: 0 0 5px 0;
	padding: 0;
}

/*---------------------------
 ページ内リンク
---------------------------*/
#page-link {
	margin : 0;
	padding: 0;
}
#page-link .box-l {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	width: 285px;
}
#page-link .box-r {
	margin: 0 0 10px 0;
	padding: 0;
	float: right;
	width: 285px;
}

/*---------------------------
サブメニュー
---------------------------*/
#submenu {
	width: 570px;
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
}

.subm-banner {
	float: left;
	margin: 0 5px 25px 0;
	padding: 0;
}
#container .subm-banner a:link img,
#container .subm-banner a:visited img {
	border: 1px solid #9A9A9A;
}
#container .subm-banner a:hover img,
#container .subm-banner a:active img {
	border: 1px solid #FF0000;
}

.subm-taiou {
	float: left;
	margin: 0 0 25px 3px;
	padding: 0;
}

/*---------------------------
コンテンツ
---------------------------*/

#multi-area h2,
#exclusive-area h2 {
	height: 28px;
	margin: 0 0 10px 0;
	padding: 3px 0 0 10px;
	background: url(img/title_bk.gif) right top no-repeat;
	clear: both;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 25px;
}
#main-contents h2 span {
	font-size: 0.8em;
	margin: 0 0 0 8px;
}


.type-box {
	padding: 0 0 25px 0;
}

.type-box h2 {
	padding: 0 0 10px 0;
}

.item-box {
	margin: 0 0 30px 0;
	background: url(img/dot_line_v.gif) center top repeat-y;
}

.item-box .item-l {
	float: left;
	width: 270px;
}

.item-box .item-r {
	float: right;
	width: 270px;
}

.item-box .title {
	padding: 0 0 10px 0;
	font-weight: bold;
}
.item-box .title span {
	color: #2352A4;
	font-size: 1.5em;
}

.item-box .photo {
	float: left;
	margin: 0 0 15px 0;
	width: 150px;
}

.item-box .ft {
	float: left;
	margin: 0 0 15px 0;
	width: 120px;
}

.item-list {
	clear: both;
	margin: 0 0 15px 0;
}

.item-list .hyo {
	margin: 0 0 3px 0;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	width: 100%;
}

.item-list .hyo th {
	background-color: #F6F6F6;
	font-weight: normal;
}

.item-list .hyo th,
.item-list .hyo td {
	border: 1px solid #CCCCCC;
	padding: 2px 3px 2px 3px;
	text-align: center;
}

.item-list .hyo td.number {
	width: 110px;
}

.item-list .hyo td.number a {
	font-weight: bold;
}

.item-list .atn {
	font-size: 0.9em;
}

.item-list .hyo .itm-price a {
	float: right;
	color: #F20000;
	font-weight: bold;
}

.item-list .hyo .itm-price {
	font-weight: bold;
}

.item-list .hyo .itm-price span.tax {
	font-weight: normal;
}

.qr-block {
	border: 1px solid #CCCCCC;
}

.qr-block dt {
}

.qr-block dd.qr-code {
	float: left;
	margin: 0;
	padding: 10px 0;
	width: 120px;
	text-align: center;
}

.qr-block dd.qr-text {
	float: left;
	margin: 20px 0 10px 0;
	width: 140px;
	font-size: 0.9em;
	line-height: 1.3em;
}


/*- マルチタイプ
----------------------------------*/
#multi-area {
	padding: 0 0 25px 0;
}


/*- 専用タイプ
----------------------------------*/
#exclusive-area {
	padding: 0 0 25px 0;
}


/*- メーカー対応表
----------------------------------*/
.maker-area .hyo {
	margin: 0 0 20px 0;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	width: 100%;
}

.maker-area .hyo th,
.maker-area .hyo td {
	border: 1px solid #CCCCCC;
	padding: 5px 2px 4px 6px;
	text-align: center;
}

.maker-area .hyo th {
	background-color: #E6E6E6;
	font-weight: normal;
}
.maker-area .hyo th.col-maker {
	width: 20%;
}
.maker-area .hyo th.col-output {
	width: 10%;
}
.maker-area .hyo th.col-75w {
	width: 35%;
}
.maker-area .hyo th.col-65w {
	width: 35%;
}

.maker-area .hyo th img {
	vertical-align: middle;
}

.maker-area .hyo th .type {
	margin: 0;
	padding: 0;
	color: #2352A4;
	font-weight: bold;
}

.maker-area .hyo td.maker {
	padding: 4px;
	background-color: #EFEFEF;
	text-align: center;
}
.maker-area .hyo td.output {
	padding: 4px;
	text-align: center;
}
.maker-area .hyo a {
	font-weight: bold;
}

.maker-area .hyo .itm-row {
	clear: both;
	padding: 0 0 5px 0;
}
.maker-area .hyo .itm-name {
	float: left;
	text-align: left;
}
.maker-area .hyo .itm-name img {
	vertical-align: bottom;
}

.maker-area .hyo .itm-price a {
	float: right;
	color: #F20000;
	font-weight: bold;
}

.maker-area .hyo .itm-price {
	font-weight: bold;
}

.maker-area .hyo .itm-price span.tax {
	font-weight: normal;
}

.maker-area .atn {
	margin: 0 0 2px 0;
	padding: 0;
}

.maker-area .ttl {
	color: #333333;
	font-weight: bold;
	margin: 3px 0;
	clear: both;
}


/* --------------------------
TAP-B26リンク
---------------------------*/
.itemlink {
	margin: 0;
	padding: 0;
}

.itemlink .itm-name {
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.itemlink .itm-price a {
	color: #F20000;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.itemlink .itm-price {
	font-weight: bold;
}

.itemlink .itm-price span.tax {
	font-weight: normal;
}

/*---------------------------
2つあると便利
---------------------------*/
.info-box {
	margin : 0 0 20px 0;
}

.info-box h2 {
	margin: 0;
	paddint: 0;
	clear: both;
}
.info-box h2 img {
	vertical-align: bottom;
}

.info-box .inner-box {
	border: 1px solid #CCCCCC;
	padding: 10px 10px;
	line-height: 1.3;
}

.info-box .photo {
	float: right;
	width: 227px;
	text-align: center;
}

.info-box .text {
	float: left;
	width: 300px;
}

/*---------------------------
戻るボタン
---------------------------*/
.return {
	margin: 0 0 5px 0;
	text-align: right;
	line-height: 1.3;
}

/*---------------------------
フロート解除
---------------------------*/
/* for modern brouser */
.clfx:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	max-height: 0;
	visibility: hidden;
}
/* ie7,macIE5 */
.clfx {
	display: inline-block;
}
/* winIE6 below, exclude macIE5 \*/
* html .clfx {
	height: 1%;
}
.clfx {
	display: block;
}
/**/