@charset "utf-8";

/*=================================================
■表示領域共通
=================================================*/

/*-------------------------------------------------
■マージンとパディングの初期化
-------------------------------------------------*/
* { margin: 0; padding: 0; }

/*-------------------------------------------------
■リンク色
-------------------------------------------------*/
a:link		{ text-decoration: underline; color: #0033cc; }
a:visited	{ text-decoration: underline; color: #0033cc; }
a:hover		{ text-decoration: underline; color: #0033cc; }
a:active	{ text-decoration: underline; color: #6699cc; }

/*-------------------------------------------------
■htmlとbodyの設定
-------------------------------------------------*/
body {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: "Meiryo", "MS Gothic", "Helvetica", monospace;
	font-size: 100%;
	line-height: 1.5;
	letter-spacing: 0.1em;
	overflow: auto;
	/* フッタ最下段表示用 */
	margin-bottom: 32px;
}
html {
	/* フッタ最下段表示用 */
	min-height: 100%;
	position: relative;
}

/*-------------------------------------------------
■タグ初期化
-------------------------------------------------*/

/*箇条書きリストの装飾消し*/
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
li { margin: 4px 0px; }

h1 {}

h2 { width: auto; margin: 8px; color: #336699; }

h3,
h4 { padding: 4px; }

p { text-align: left; line-height: 200%; }

/*-------------------------------------------------
■水平線
-------------------------------------------------*/
hr {
	height: 2px;
	border: none;
	border-top: dotted 1px #999999;
}
hr.dashed { border: 1px dotted #cccccc; }

/*=================================================
■汎用クラス
=================================================*/

/*-------------------------------------------------
■パディング・マージン・配置
-------------------------------------------------*/
.p8 { padding: 8px 8px 8px 8px; }
.mb4 { margin-bottom: 4px; }
.mb8 { margin-bottom: 8px; }
.mt8 { margin-top: 8px; }
.mtb8 { margin: 8px 0px; }
.mlr8 { margin: 0px 8px; }

.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }

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

/*-------------------------------------------------
■フォント
-------------------------------------------------*/
.text {
	font-size: 80%;
	text-align: left;
	line-height: 125%;
}
/* カラー */
.colorffffff { color: #ffffff; }	/* 白 */
.colorff0000 { color: #ff0000; }	/* 赤 */
.colordd0000 { color: #dd0000; }	/* 紅 */
.colorffd700 { color: #ffd700; }	/* 黄 */
.color336633 { color: #336633; }	/* 緑 */

/* サイズ */
.font80 { font-size: 80%; }
.font90 { font-size: 90%; }
.font100 { font-size: 100%; }
.font110 { font-size: 110%; }

/* 文字インデント */
.indent1 { padding-left: 1em; text-indent: -1em;}
.indent2 { padding-left: 2em; text-indent: -2em;}
.indent4 { padding-left: 4em;}
.indent5 { padding-left: 5.5em; text-indent: -5.5em;}

.width270 { width: 270px; }
.width260 { width: 260px; }
.width128 { width: 128px; }
.width96 { width: 96px; }
.width_97 { width: 97%; }

/* アンダーライン */
.uline { text-decoration: underline; }
/*-------------------------------------------------
■フォームオブジェクトのスタイル指定
-------------------------------------------------*/

input, select {
	height: 32px;
	margin: 8px;
	padding: 0px 8px;
	font-size: 100%;
	text-align: left;
}
textarea {
	width: 97%;
	padding: 4px;
	font-size: 100%;
	text-align: left;
}

input[type="radio"],
input[type="checkbox"] { height: auto; margin-right: 4px; }

/* 標準ボタン */
input[type="submit"],
input[type="button"],
input[type="reset"] { min-width: 60px; text-align: center; }

/* 進行ボタン */
input.bigbtn { width: 160px; text-align: center; }

/*検索ボックス*/
input.search { width: 160px; }

/* 数量選択、サイズ入力 */
.num { width: 74px; text-align: right; }

/* オプション選択 */
select.opt { width: 150px; }
select.opt2 { width: 260px; }
input.opt2 { width: 242px; }

/*-------------------------------------------------
汎用ボックス
-------------------------------------------------*/
div.column {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
div.column:after {
	content: " ";
	clear: both;
	display: block;
}
div.lef { float: left; text-align: left; }
div.rig { text-align: right; }
div.rig:after {
	content: "";
	clear: both;
	display: block;
}
/*-------------------------------------------------
ヘッダ
-------------------------------------------------*/
div.header {
	width: 100%;
	height: 32px;
	margin: 0 auto;
	background: #4e9abe url("/bg.jpg");
	color: #ffffff;
	text-align: center;
	font-size: 100%;
}
div.header:after {
	content: " ";
	clear: both;
	display: block;
}
/*-------------------------------------------------
フッタ
-------------------------------------------------*/
div.footer {
	bottom: 0px;
	width: 100%;
	height: 32px;
	background: #ffffff url("/bg.jpg");
	color: #ffffff;
	text-align: center;
	font-size: 80%;
	display: flex;
	align-items: center;
	justify-content: center;
	/* フッタ最下段表示用*/
	position: absolute;
}
/*-------------------------------------------------
■ヘッダ表示用
-------------------------------------------------*/
div.header_left {
	padding: 8px;
	line-height: 100%;
}
div.header_right {
	padding: 8px;
}
/*-------------------------------------------------
■トップメニュー
-------------------------------------------------*/
div.topmenu {
	width: auto;
	margin: 0 auto;
	margin-left: 8px;
	margin-right: 8px;
	text-align: center;
	background: #ffffff;
}
div.topmenu ul {
	width: 100%;
	margin: 0px auto;
}
div.topmenu ul li {
	line-height: 200%;
	vertical-align: middle;
	overflow: hidden;
}
/*li全体のリンク化*/
div.topmenu ul li a {
	text-decoration: underline;
	display: block;
}
div.topmenu ul li:hover {
	background: #f5f6f7;
	text-decoration: underline;
}
/*-------------------------------------------------
■サイドメニュー
-------------------------------------------------*/
div.sidemenu {
	text-align: center;
	position: relative;
	z-index: 2;
}
div.sidemenu ul {
	margin: 0 auto;
	list-style: none;
}
div.sidemenu ul li {
	margin: 0px 0px 4px 0px;
	line-height: 250%;
	text-align: left;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	border: 1px solid #000000;
	background: #ffffff url("/index_menu.jpg") no-repeat;
}
div.sidemenu ul li:first-child {
	text-align: center;
	border: 0px solid #000000;
	background: #ffffff;
}
div.sidemenu ul li:last-child {
	text-align: center;
	border: 0px solid #000000;
	background: #ffffff;
}
div.sidemenu ul li a {
	margin: 0px 0px 0px 91px;
	padding: 0px 0px 0px 12px;
	text-decoration: none;
	display: block;
}
div.sidemenu ul li a:hover {
	background: #f5f6f7;
	text-decoration: underline;
}
/*メニュー背景*/
div.sidemenu ul li:nth-child(2) {
	background: #ffffff url("/sidemenu_menbou.jpg") no-repeat;
}
div.sidemenu ul li:nth-child(3) {
	background: #ffffff url("/sidemenu_komaita.jpg") no-repeat;
}
div.sidemenu ul li:nth-child(4) {
	background: #ffffff url("/sidemenu_manaita.jpg") no-repeat;
}
div.sidemenu ul li:nth-child(5) {
	background: #ffffff url("/sidemenu_noshiita.jpg") no-repeat;
}
div.sidemenu ul li:nth-child(6) {
	background: #ffffff url("/sidemenu_namabune.jpg") no-repeat;
}
div.sidemenu ul li:nth-child(7) {
	background: #ffffff url("/sidemenu_konebachi.jpg") no-repeat;
}
div.sidemenu ul li:nth-child(8) {
	background: #ffffff url("/sidemenu_sonota.jpg") no-repeat;
}
div.sidemenu ul li:nth-child(9) {
	background: #ffffff url("/sidemenu_all.jpg") no-repeat;
}

/*-------------------------------------------------
■コンテンツ
-------------------------------------------------*/
div.maincolumn { position: relative; }
div.product { width: auto; text-align: center; }

ul.index {
	margin: 0 auto;
	text-align: left;
}
ul.index li.title {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 8px 0px;
	text-align: left;
}
ul.index li.title h3 {
	padding: 4px;
	color: #ffffff;
	background: #ffffff url("/bg2.jpg");
}
/*サムネイルの表示設定*/
ul.index li.thumnail {
	line-height: 150%;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	background: #ffffff;
}
/* ホバー時の効果 商品オンマウス*/
ul.index li.thumnail:hover {
	background: #f5f6f7;
	color: #000000;
	text-decoration: underline;
}
ul.index li.thumnail:hover dl dt {
	opacity: 0.5;
}
/* アクティブ時の効果*/
ul.index li.thumnail:active {
	background: #f5f6f7;
	color: #6699cc;
	text-decoration: underline;
}
/*リンクをli全域に*/
ul.index li.thumnail a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}
/*画像、商品名と価格の書式*/
ul.index li.thumnail dl {
	font-size: 90%;
	line-height: 120%;
}
/* 商品名の領域 */
ul.index li.thumnail dl dd.cn {
	height: 51px;
	padding: 0px;
	color: #000000;
}
/* 品番表示領域 */
ul.index li.thumnail dl dd.co {
	height: 16px;
	padding: 0px;
	float: left;
	color: #000000;
}
/* 価格表示領域 */
ul.index li.thumnail dl dd.pl {
	height: 16px;
	padding: 0px;
	color: #cc0000;
}

/*-------------------------------------------------
■販売ページ
-------------------------------------------------*/

/*パンくずリスト*/
ol.bc {
	text-align: left;
	margin: 0;
	padding: 0px 4px 8px;
	background-color: #ffffff;
	list-style-type: none;
}
ol.bc li.first {
	padding-left: 0px;
}
ol.bc li {
	padding-left: 8px;
	display: inline;
}
ol.bc li a {
	padding-right: 21px;
	background: url(/bc.gif) no-repeat right;
}

/*商品名タイトル*/
div.product_title {
	width: auto;
	padding: 8px;
	background: #4e9abe url("/bg.jpg");
	color: #ffffff;
	text-align: left;
}

/*商品説明*/
div.summary {
	width: auto;
	margin: 0px auto;
	text-align: center;
}

/* 図鑑リンク枠 */
div.woodguide {
	width: auto;
	margin: 8px;
	padding: 8px;
	font-size: 90%;
	line-height: 140%;
	text-align: center;
	background: #efedea;
	border: 1px solid #999999;
	display: inline-block;
	white-space: nowrap;
}
/*注文入力枠 */
div.orderbox {
	width: auto;
	margin: 0 auto;
	padding: 8px;
	background-color: #fdfffd;
	border: dotted 2px #7ca0c0;
	text-align: left;
}
/* 商品名 */
div.orderhead {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 3px;
	background-color: #81c2a4;
	font-size: 100%;
	color: #ffffff;
}
/* 商品内容 */
div.ordercolumn {
	padding: 4px;
	margin: 4px;
}
/*商品種類表*/
table.list_p {
	width: 100%;
	border-collapse: collapse;
	font-size: 90%;
}
table.list_p tr th,
table.list_p tr td {
	min-width: 32px;
	margin: 4px;
	padding: 4px 4px;
	text-align: center;
	border: 1px solid #999999;
}
table.list_p tr td p {
	margin: 4px;
}
table.list_p tr th { background-color: #e5e6e7; }
table.list_p tr td.subcap { background-color: #f5f6f7; }
/*-------------------------------------------------
■樹種テーブル
-------------------------------------------------*/
.cuttable {
	width: auto;
	padding: 4px;
	text-align: center;
	border: ridge 1px #000000;
	letter-spacing: 0em;
}
.cuttd,
.cuttd_d {
	width: 108px;
	height: 108px;
	margin: 4px;
	padding: 0px;
	display: inline-block;
	text-align: center;
}
.cuttd a {
	width: 100%;
	height: 100%;
	display: block;
}
.cuttd img {
	width: 80px;
	height: 80px;
}
/*-------------------------------------------------
■general purpose
-------------------------------------------------*/
div.gp {
	max-width: 700px;
	margin: 8px auto;
	padding: 8px;
}
ul.gp { line-height: 150%; }
ul.gp li { margin: 8px auto; }
div.gpp {
	width: auto;
	text-align: center;
	display: inline-block;
	white-space: nowrap;
}
/*-------------------------------------------------
■表
-------------------------------------------------*/
dl.law {
	height: auto;
	width: auto;
	margin: 4px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}
dl.law dt,
dl.law dd {
	margin: 0 auto;
	padding: 4px;
	text-align: left;
}
dl.law dt {
	font-weight: bold;
	width: 90px;
}
dl.law dd {
	word-wrap: break-word;
	border-bottom: 1px solid #999999;
}
/*送料表*/
table.shipping {
	display: inline-block;
	border: 1px solid #999999;
	border-collapse: collapse;
	table-layout: fixed;
}
table.shipping tr th,
table.shipping tr td {
	border: 1px solid #999999;
	padding: 4px;
}
table.shipping tr th {
	text-align: center;
	background: #e5e6e7;
}
table.shipping tr td {
	text-align: right;
}
table.shipping tr td.tal {
	text-align: left;
}

/*-------------------------------------------------
■営業カレンダーiframe
-------------------------------------------------*/
iframe.sche {
	width: 100%;
	height: 220px;
	margin: 0;
	padding: 0;
	border: none;
	overflow: hidden;
}
/*スクロールバー表示防止*/
iframe.sche::-webkit-scrollbar {
	display: none;
}
/*-------------------------------------------------
■注文フォーム
-------------------------------------------------*/
/* 進行マップ */
/* 進行パネル */
table.panel {
	width: auto;
	margin: 16px auto;
	border: none;
	text-align: center;
}
table.panel th {
	width: 80px;
	padding: 1px;
	background: #f2ab00;
	color: #fff;
	white-space: nowrap;
	border: none;
}
td.panel-off {
	width: 80px;
	padding: 1px;
	background: #a8a8a8;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	border: none;
}
td.panel-arrow {
	width: 20px;
	color: #a8a8a8;
	text-align: center;
	white-space: nowrap;
	border: none;
}
/* メニュー直下のメッセージ */
div.cart_read {
	margin: 20px auto;
	padding: 6px;
	background: #ebe5e1;
	color: #333333;
	text-align: center;
	line-height: 140%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
/* カートの中身、情報入力欄の見出し */
div.cart_head {
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 4px 4px 4px 4px;
	border: solid 1px #b2b2b2;
	text-align: left;
	background: #ebe5e1;
}
/* カートの中身、情報入力 */
div.cart {
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 4px 4px 4px 4px;
	border: solid 1px #b2b2b2;
	text-align: left;
	background: #fafafa;
}
/* カートの合計表示 */
div.cart_total {
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 4px 4px 4px 4px;
	text-align: left;
	border: solid 1px #b2b2b2;
	background: #e0e0e0;
}
/* 商品点数・合計金額等の表示 */
div.cart:last-child {
	background: #f0f0f0;
}
/* カート汎用テーブル*/
table.cart {
	margin: 0 auto;
	border: none;
	border-collapse: collapse;
	table-layout: fixed;
}
table.cart tr, table.cart th, table.cart td {
	padding: 4px;
	border: none;
	overflow: auto;
}
table.cart th {
	background: #ebe5e1;
}
/*確認画面の罫線*/
.bb1 {
	border-bottom: solid 1px #b2b2b2 !important;
}
/* 買い物籠の罫線 */
hr.bo_d {
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #999999;
}


/* 入力時の注意事項 */
.cart_mes {
	font-size: 80%;
	line-height: 140%;
	border: solid 1px #f29090;
	margin: 4px;
	padding: 4px;
}
/* 余白 */
table.cart_form input[type="text"], table.cart_form textarea, .find-box input[type="text"], .cart-box input[type="text"] {
	padding: 5px 3px;
	border: 1px solid #a2a2a2;
}
td.w-key {
	width: 130px;
	padding: 6px 0 6px 10px !important;
}
/* 入力必須 */
div.req {
	background-image: url("/mart/cmn/red.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
}
/* 入力任意 */
div.opt {
	background-image: url("/mart/cmn/gra.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
}

input.ime-on {
	ime-mode: active;
}
input.ime-off {
	ime-mode: inactive;
}
/* 赤文字 */
.red {
	color: #dd0000;
}
table.btn-tbl {
	margin: 0px auto;
}
.eiji {
	font-family:Verdana,Helvetica,Arial !important;
	font-size:90%;
}
input.inp-mem {
	width: 150px;
	ime-mode: inactive;
}
table.tbl-join td {
	background: #fff;
	color: #444;
}
/* 入力画面メッセージ */
div.cart-msg {
	padding: 6px;
	background: #EBE5E1;
	color: #000;
	width: 600px;
	margin: 20px auto;
	line-height: 140% !important;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

div.login-note {
	text-align: left;
	margin: 1em auto 0.5em auto;
	width: 23em;
}
table.enter {
	margin: 80px auto;
	width: 400px;
	border: 1px solid #004080;
	border-collapse: collapse;
}
table.enter th {
	border: 1px solid #004080;
	padding: 1em;
	background: #004080;
	color: #fff;
	text-align: left;
}
table.enter td {
	border: 1px solid #004080;
	padding: 1em;
	background: #fff;
	font-family: verdana,helvetica,arial;
}
input.len {
	width: 220px;
	margin-bottom: 1em;
}
div.btn input {
	font-family: verdana,helvetica,arial;
	width: 100px;
	height: 32px;
}
/* ページ繰越ボタン */
span.pg-on,span.pg-off {
	display:-moz-inline-box;
	-moz-box-align: center;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 200%;
	font-size: 12px;
	width: 23px;
	height: 23px;
	margin: 2px;
	padding: 2px;
	border: 1px solid #3366cc;	/* #6b868b */
	font-family: Verdana,Helvetica,Arial;
}
span.pg-on,span.pg-on a {
	color: #f0f0f0;
	background: #3366cc;
}
span.pg-on a {
	display: block;
}
span.pg-off,span.pg-off a {
	color: #3366cc !important;
	background: #fff;
}
span.pg-off a {
	display: block;
}
div.pgbtn {
	margin: 0.6em 0;
}
div.err-addr {
	color: #dd0000 !important;
}

/* datepickerサイズ */
div.ui-datepicker {
	font-size: 95%;
}
/* アイコン */
img.icon {
	vertical-align: middle;
	border: none;
}

/*-------------------------------------------------
■ページトップへのジャンプID
-------------------------------------------------*/
#retop {
	right: 10px;
	bottom: 32px;
	position: fixed;
	z-index: 3;
	font-size: 150%;
}
#retop a {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: #666666;
	background: rgba(66,66,66,0.6);
	text-decoration: none;
	color: #fff;
	text-align: center;
	line-height: 40px;
	display: block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
#retop a:hover {
	text-decoration: none;
	background: rgba(99,99,99,0.6);
}
/*
box-shadow: rgba(113,135,164,.65098) 3px 3px 6px 3px;
 -webkit-box-shadow: rgba(113,135,164,.65098) 3px 3px 6px 3px;
 -moz-box-shadow: rgba(113,135,164,.65098) 3px 3px 6px 3px;
*/

/*=================================================
▼表示領域が672px以下の場合に適用するスタイル
=================================================*/

@media all and (max-width: 672px) {

	.flr { float: none;}
	.fll { float: none;}

	img { max-width: 300px; height: auto; }

/*-------------------------------------------------
▼表示・非表示の切り替え
-------------------------------------------------*/
	br.maa { display: none; }
	.pview { display: none; }
	dl.law {  }
	dl.law dt {
		width: auto;
		background: url("/bg3.jpg") repeat;
	}
	dl.law dd {  }
	.width500 { width: auto; }

/*-------------------------------------------------
▼買い物カゴの表示
-------------------------------------------------*/
	.cart,
	.cart_head,
	.cart_read,
	.cart_total { width: 290px; }
	div.lef2 {
		text-align: left;
	}

/*-------------------------------------------------
▼ヘッダ表示用
-------------------------------------------------*/
	div.header_left {
		text-align: center;
	}
	div.header_right {
		text-align: center;
		line-height: 100%;
	}

/*-------------------------------------------------
▼トップメニュー表示用
-------------------------------------------------*/
	div.topmenu ul {
		display: block;
	}
	div.topmenu ul li {
		margin: 0px;
		padding: 0px;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	div.topmenu ul li:last-child {
		border-bottom: 1px solid #000000;
	}	
	div.topmenu ul li a {
		margin: 0px;
		padding: 0px;
	}
/*-------------------------------------------------
▼サイドメニュー表示用
-------------------------------------------------*/
	div.sidemenu {
		width: auto;
		margin: 8px;
	}
	div.sidemenu ul li {
		width: 100%;
	}
/*-------------------------------------------------
▼コンテンツ(サイドメニューあり)
-------------------------------------------------*/
	/*外ボックス*/
	div.maincolumn {
		width: auto;
		margin: 8px 10px 8px 8px;
	}
	ul.index { width: 100%; }
	/*サムネイル表示*/
	ul.index li.thumnail {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 8px 0px 8px 0px;
		border-bottom: 1px solid #999999;
	}
	ul.index li.thumnail:nth-child(3) {
		border-top: 1px solid #999999;
	}
	/*サムネイル画像サイズ上限 */
	ul.index li.thumnail img {
		max-width: 80px;
		max-height: 70px;
	}
	/*画像、商品名と価格の書式*/
	ul.index li.thumnail dl {
		min-height: 70px;
	}
	/* 商品画像*/
	ul.index li.thumnail dl dt {
		float: left;
	}
	/* フロート解除 */
	ul.index li.thumnail dl dt:after {
		content: " ";
		clear: both;
		display: block;
	}
	/* 商品名の領域 */
	ul.index li.thumnail dl dd.cn {
		margin: 0px 0px 0px 84px;
	}
	/* 品番表示領域 */
	ul.index li.thumnail dl dd.co {
		position: absolute;
		left: 80px;
		margin: 3px 0px 0px 4px;
		text-align: left;
		float: left;
	}
	/* 価格表示領域 */
	ul.index li.thumnail dl dd.pl {
		margin: 3px 0px 0px 4px;
		text-align: right;
		float: right;
	}

/*-------------------------------------------------
▼コンテンツ(サイドメニューあり)
▼販売ページ用
-------------------------------------------------*/
	div.summary {
		margin: 8px 0px;
	}
	div.orderbox {
		margin: 8px auto;
	}
/*-------------------------------------------------
▼樹種テーブル
-------------------------------------------------*/
	.cuttable { margin: 8px auto; }
	.cuttd_d { display: none; }
}
/*=================================================
###################################################
=================================================*/

/*=================================================
▲表示領域が673px以上の場合に適用するスタイル
=================================================*/
@media all and (min-width: 673px) {

	.flr { float: right; }
	.fll { float: left; }
	img { max-width: 100%; height: auto; }

/* -------------------------------------------------
▲表示・非表示の切り替え
------------------------------------------------- */

	br.maa {  }
	.mview { display: none; }
	dl.law { background: url("/bg3.jpg") repeat-y left top; }
	dl.law dt {
		clear: left;
		float: left;
	}
	dl.law dd { padding-left: 104px; }
	dl.law:after {
		content: " ";
		clear: both;
		display: block;
	}
	.width500 { width: 500px; }

/*-------------------------------------------------
▲買い物カゴの表示
-------------------------------------------------*/
	.cart,
	.cart_head,
	.cart_read,
	.cart_total { width: 490px; }
	div.lef2 {
		text-align: left;
		float: left;
	}

/*-------------------------------------------------
▲ヘッダ表示用
-------------------------------------------------*/
	div.header_left {
		text-align: left;
		float: left;
	}
	div.header_right {
		text-align: right;
		line-height: 125%;
		float: right;
	}
/*-------------------------------------------------
▲トップメニュー
-------------------------------------------------*/
	div.topmenu ul {
		display: table;
		position: relative;
		border-collapse: collapse;
	}
	div.topmenu ul li {
		border: 1px solid #000000;
		display: table-cell;
	}
	div.topmenu ul li a {
		margin: -1em;
		padding: 1em;
	}
/*-------------------------------------------------
▲サイドメニュー表示用
-------------------------------------------------*/
	div.sidemenu {
		width: 284px;	/*300*/
		margin: 8px 8px 36px 8px;
		float: left;
	}
	div.sidemenu ul li {
		width: 284px;
	}

/*-------------------------------------------------
▲コンテンツ(サイドメニューありのとき)
-------------------------------------------------*/
	div.maincolumn {
		width: 100%;
		margin: 4px 4px 36px -308px;
		float: right;
	}
	div.maincolumn:after {
		content: " ";
		clear: both;
		display: block;
	}
	div.product { margin: 4px 4px 4px 312px; }
	
	/*サムネイルの表示設定*/
	ul.index li.thumnail {
		width: 196px;
		height: 160px;
		margin: 4px 0px 4px 0px;
		padding: 8px;
		vertical-align: top;
		overflow: hidden;
		border: 1px solid #999999;
		border-radius: 8px;
		position: relative;
	}
	/*リンクをli全域に*/
	ul.index li.thumnail a {
		top: 0;
		left: 0;
		position: absolute;
	}
	/*サムネイル画像サイズの上限 */
	ul.index li.thumnail img {
		max-height: 90px;
		max-width: 196px;
	}
	/*サムネイル中に表示する画像、商品名と価格の書式*/
	ul.index li.thumnail dl {
		width: 196px;
		height: 160px;
		margin: 8px;
		padding: 0px;
	}
	/* 商品画像 */
	ul.index li.thumnail dl dt {
		height: 90px;
		width: 196px;
		margin-bottom: 3px;
		padding: 0px;
		text-align: center;
	}
	/* 商品名の領域 */
	ul.index li.thumnail dl dd.cn {
		margin: 0px;
		text-decoration: none;
	}
	/* 品番表示領域 */
	ul.index li.thumnail dl dd.co {
		margin: 0px;
	}
	/* 価格表示領域 */
	ul.index li.thumnail dl dd.pl {
		margin: 0px;
	}
/*-------------------------------------------------
▲販売ページ用
-------------------------------------------------*/
	div.summary { margin: 8px 10%; }
	div.orderbox { margin: 8px 10%; }

/*-------------------------------------------------
▲樹種テーブル
-------------------------------------------------*/
	.cuttable { margin: 0px 10%; }
}

/*=================================================
###################################################
=================================================*/

/*=================================================
▲▲表示領域が750px以上の場合に適用するスタイル
=================================================*/
@media all and (min-width: 750px) {
/* -------------------------------------------------
▲▲表示・非表示の切り替え
------------------------------------------------- */
	br.maa { display: none; }
	.mview { display: none; }
/* -------------------------------------------------
▲▲コンテンツの表示幅を1200pxまでにする
冗長になるのを防ぐ。
ヘッダに<div>、フッタに</div>を記載して
コンテンツ全域に影響させる。
------------------------------------------------- */
	div.body { max-width: 1200px;
		 margin: 0 auto;
	}

}