/* Copyright (c) 2007 OPEN INTERFACE COMMUNICATIONS, INC. All Rights Reserved. */

/* begin clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* end clearfix */

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	list-style-type: none;
}

/* ボディ */

body {
	margin:0 0 0 0;
	background-color:#EBFFCE;
	font-family:"MS UI Gothic",Osaka;
	border-top:10px solid #009933;
	border-bottom:10px solid #009933;
	}

/* 背景 */

div#all {
	width: 740px;
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #ffffff;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #2E6C00;
	border-left-color: #2E6C00;
	padding-bottom: 60px;
 }

/* ヘッダー */
/* ロゴ */
div#all #headder {
	width: 100%;
	background-color: #ffffff;
	padding-top: 10px;
	padding-left: 10px;
}

div#all #headder #logo {
	float:left;
	background-image:url(img/headder/logo.gif);
	background-repeat:no-repeat;
	width:454px;
	height:92px;
	margin-right:40px;
	margin-bottom:5px;
	display:block;
}

div#all #headder #logo p a {
	text-indent:-9999;
	display:block;
	width:454px;
	height:92px;
	text-decoration:none;
}

div#all #headder #shopping {
	float:left;
	background-image:url(img/headder/shopping.gif);
	background-repeat:no-repeat;
	width:211px;
	height:85px;
	margin-top:10px;
}

div#all #headder #shopping p a {
	text-indent:-9999;
	display:block;
	width:211px;
	height:85px;
}

/* ヘッダーボックス */
div#all #headder_menu {
	width: 100%;
	background-color: #ffffff;
	padding:5px 0 0 4px;
}

/* ヘッダー　ホーム */
div#all #headder_menu #menu_home {
	float:left;
	width:122px;
	height:27px;
}

div#all #headder_menu #menu_home a {
	background-image:url(img/headder/headder_home.gif);
	background-repeat:no-repeat;
	width:122px;
	height:27px;
	display:block;
}

div#all #headder_menu #menu_home a:hover {
	background-image:url(img/headder/headder_home_on.gif);
	background-repeat:no-repeat;
	width:122px;
	height:27px;
	display:block;
}

div#all #headder_menu #menu_home p {
	text-indent:-9999;
	display:block;
	width:122px;
	height:27px;
}

/* ヘッダー　竹の不思議な力 */
div#all #headder_menu #menu_column {
	float:left;
	width:122px;
	height:27px;
}

div#all #headder_menu #menu_column a {
	background-image:url(img/headder/headder_column.gif);
	background-repeat:no-repeat;
	width:122px;
	height:27px;
	display:block;
}

div#all #headder_menu #menu_column a:hover {
	background-image:url(img/headder/headder_column_on.gif);
	background-repeat:no-repeat;
	width:122px;
	height:27px;
	display:block;
}

div#all #headder_menu #menu_column p {
	text-indent:-9999;
	display:block;
	width:122px;
	height:27px;
}

/* ヘッダー　竹チップ枕 */
div#all #headder_menu #menu_makura {
	float:left;
	width:122px;
	height:27px;
}

div#all #headder_menu #menu_makura a {
	background-image:url(img/headder/headder_makura.gif);
	background-repeat:no-repeat;
	width:122px;
	height:27px;
	display:block;
}

div#all #headder_menu #menu_makura a:hover {
	background-image:url(img/headder/headder_makura_on.gif);
	background-repeat:no-repeat;
	width:122px;
	height:27px;
	display:block;
}

div#all #headder_menu #menu_makura p {
	text-indent:-9999;
	display:block;
	width:122px;
	height:27px;
}

/* ヘッダー　竹炭 */
div#all #headder_menu #menu_sumi {
	float:left;
	width:122px;
	height:27px;
}

div#all #headder_menu #menu_sumi a {
	background-image:url(img/headder/headder_sumi.gif);
	background-repeat:no-repeat;
	width:122px;
	height:27px;
	display:block;
}

div#all #headder_menu #menu_sumi a:hover {
	background-image:url(img/headder/headder_sumi_on.gif);
	background-repeat:no-repeat;
	width:122px;
	height:27px;
	display:block;
}

div#all #headder_menu #menu_sumi p {
	text-indent:-9999;
	display:block;
	width:122px;
	height:27px;
}

/* ヘッダー　竹編針 */
div#all #headder_menu #menu_hari {
	float:left;
	width:122px;
	height:27px;
}

div#all #headder_menu #menu_hari a {
	background-image:url(img/headder/headder_hari.gif);
	background-repeat:no-repeat;
	width:122px;
	height:27px;
	display:block;
}

div#all #headder_menu #menu_hari a:hover {
	background-image:url(img/headder/headder_hari_on.gif);
	background-repeat:no-repeat;
	width:122px;
	height:27px;
	display:block;
}

div#all #headder_menu #menu_hari p {
	text-indent:-9999;
	display:block;
	width:122px;
	height:27px;
}

/* ヘッダー　竹壁 */
div#all #headder_menu #menu_kabe {
	float:left;
	width:122px;
	height:27px;
}

div#all #headder_menu #menu_kabe a {
	background-image:url(img/headder/headder_kabe.gif);
	background-repeat:no-repeat;
	width:122px;
	height:27px;
	display:block;
}

div#all #headder_menu #menu_kabe a:hover {
	background-image:url(img/headder/headder_kabe_on.gif);
	background-repeat:no-repeat;
	width:122px;
	height:27px;
	display:block;
}

div#all #headder_menu #menu_kabe p {
	text-indent:-9999;
	display:block;
	width:122px;
	height:27px;
}

/* ヘッダーライン */
div#all #headder_line {
	background-image:url(img/headder/headder_line.gif);
	background-repeat:repeat-x;
	width:100%;
	height:11px;
	display:block;
}

/* コンテンツ */
div#all #contents {
	width:100%;
	background-color:#FFFFFF;
	padding:5px 0 0 0;
}

div#all #contents #left {
	float:left;
	width:500px;
	height:auto;
	padding-bottom:10px;
}

div#all #contents #side_menu {
	float:left;
	width:220px;
	height:auto;
}

/* 左サイド　コンテンツ */
div#all #contents #left #column {
	background-image:url(img/index/column_img.jpg);
	background-repeat:no-repeat;
	width:444px;
	height:324px;
	margin-bottom:10px;
}

div#all #contents #left #column .column_go a {
	background-image:url(img/index/column_go_out.gif);
	background-repeat:no-repeat;
	width:150px;
	height:23px;
	margin-left:240px;
	margin-top:260px;
	display:block;
}

div#all #contents #left #column .column_go a:hover {
	background-image:url(img/index/column_go_on.gif);
	background-repeat:no-repeat;
	width:150px;
	height:23px;
	margin-left:240px;
	margin-top:260px;
	display:block;
}

div#all #contents #left #column .column_go p {
	text-indent:-9999;
}



div#all #contents #left #column p {
	text-indent:-9999;
}

/* 右サイド　竹チップ枕 */
div#all #contents #side_menu #makura a {
	background-image:url(img/menu/menu_makura_out.gif);
	background-repeat:no-repeat;
	width:210px;
	height:80px;
	margin:0 0 0 0;
	display:block;
}

div#all #contents #side_menu #makura a:hover {
	background-image:url(img/menu/menu_makura_on.gif);
	background-repeat:no-repeat;
	width:210px;
	height:80px;
	margin:0 0 0 0;
	display:block;
}

div#all #contents #side_menu #makura p {
	text-indent:-9999;
	display:block;
	width:210px;
	height:80px;
}

div#all #contents #side_menu #makura_shohin {
	background-image:url(img/menu/menu_makura_on.gif);
	background-repeat:no-repeat;
	width:210px;
	height:80px;
	margin:0 0 0 0;
	display:block;
}

div#all #contents #side_menu #makura_shohin p {
	text-indent:-9999;
}


/* 右サイド　竹炭 */
div#all #contents #side_menu #sumi a {
	background-image:url(img/menu/menu_sumi_out.gif);
	background-repeat:no-repeat;
	width:210px;
	height:80px;
	margin:0 0 0 0;
	display:block;
}

div#all #contents #side_menu #sumi a:hover {
	background-image:url(img/menu/menu_sumi_on.gif);
	background-repeat:no-repeat;
	width:210px;
	height:80px;
	margin:0 0 0 0;
	display:block;
}

div#all #contents #side_menu #sumi p {
	text-indent:-9999;
	display:block;
	width:210px;
	height:80px;
}

div#all #contents #side_menu #sumi_shohin {
	background-image:url(img/menu/menu_sumi_on.gif);
	background-repeat:no-repeat;
	width:210px;
	height:80px;
	margin:0 0 0 0;
	display:block;
}

div#all #contents #side_menu #sumi_shohin p {
	text-indent:-9999;
}


/* 右サイド　竹編針 */
div#all #contents #side_menu #hari a {
	background-image:url(img/menu/menu_hari_out.gif);
	background-repeat:no-repeat;
	width:210px;
	height:80px;
	margin:0 0 0 0;
	display:block;
}

div#all #contents #side_menu #hari a:hover {
	background-image:url(img/menu/menu_hari_on.gif);
	background-repeat:no-repeat;
	width:210px;
	height:80px;
	margin:0 0 0 0;
	display:block;
}

div#all #contents #side_menu #hari p {
	text-indent:-9999;
	display:block;
	width:210px;
	height:80px;
}

div#all #contents #side_menu #hari_shohin {
	background-image:url(img/menu/menu_hari_on.gif);
	background-repeat:no-repeat;
	width:210px;
	height:80px;
	margin:0 0 0 0;
	display:block;
}

div#all #contents #side_menu #hari_shohin p {
	text-indent:-9999;
}

/* 右サイド　竹壁 */
div#all #contents #side_menu #kabe a {
	background-image:url(img/menu/menu_kabe_out.gif);
	background-repeat:no-repeat;
	width:210px;
	height:80px;
	margin:0 0 0 0;
	display:block;
}

div#all #contents #side_menu #kabe a:hover {
	background-image:url(img/menu/menu_kabe_on.gif);
	background-repeat:no-repeat;
	width:210px;
	height:80px;
	margin:0 0 0 0;
	display:block;
}

div#all #contents #side_menu #kabe p {
	text-indent:-9999;
	display:block;
	width:210px;
	height:80px;
}

div#all #contents #side_menu #kabe_shohin {
	background-image:url(img/menu/menu_kabe_on.gif);
	background-repeat:no-repeat;
	width:210px;
	height:80px;
	margin:0 0 0 0;
	display:block;
}

div#all #contents #side_menu #kabe_shohin p {
	text-indent:-9999;
}

/* 右サイド　問い合わせ */
div#all #contents #side_menu #inquiry {
	background-image:url(img/index/inquiry.gif);
	background-repeat:no-repeat;
	width:208px;
	height:96px;
	margin:10px 0 0 0;
}

div#all #contents #side_menu #inquiry p {
	text-indent:-9999;
}

div#all #contents #side_menu #inquiry1 {
	background-image:url(img/index/inquiry1.gif);
	background-repeat:repeat-y;
	width:208px;
	height:auto;
}

div#all #contents #side_menu #inquiry1 p {
	font-size:14px;
	font-family:"MS UI Gothic",Osaka;
	line-height:120%;
	margin-left:10px;
}

div#all #contents #side_menu #inquiry2 {
	background-image:url(img/index/inquiry2.gif);
	background-repeat:no-repeat;
	width:208px;
	height:12px;
}

div#all #contents #side_menu #inquiry2 p {
	text-indent:-9999;
}

/* 右サイド　コラムバナー */
div#all #contents #side_menu #column_ban {
	background-image:url(img/common/column_banner.jpg);
	background-repeat:no-repeat;
	width:210px;
	height:117px;
	margin:10px 0 0 0;
}

div#all #contents #side_menu #column_ban p a {
	text-indent:-9999;
	display:block;
	width:210px;
	height:117px;
}

/* フッター */
div#all #footer {
	width:100%;
	background-color:#FFFFFF;
	margin:20px 0 0 0;
}

div#all #footer h3 {
	font-size:14px;
	font-family:"MS UI Gothic",Osaka;
	line-height:120%;
	padding-bottom:5px;
	border-bottom-width: 740px;
	border-bottom: 1px solid #999999;
}

div#all #footer h5 {
	float:right;
	font-size:11px;
	font-family:"MS UI Gothic",Osaka;
	padding-bottom:5px;
}

div#all #footer #copyright {
	background-image:url(img/footer/copyright.gif);
	background-repeat:no-repeat;
	width:320px;
	height:15px;
	padding-top:5px;
}

div#all #footer #copyright p {
	text-indent:-9999;
}

/* 更新情報 */

.previous_txt {
	font-size:12px;
	font-family:"MS UI Gothic",Osaka;
	padding: 5px 10px 5px 10px;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	border-bottom-color:#999999;
}

.previous_txt2 {
	font-size:12px;
	font-family:"MS UI Gothic",Osaka;
	padding: 5px 10px 5px 10px;
}

#previous_table {
	padding:2px;
	border:1px solid #999999;
	margin:5px 0 0 0;
	}



/* 共通項目 */
/* フォントサイズ */

.px16
	{ font-size:16px; font-family:"MS UI Gothic",Osaka; font-weight:bold; line-height:140%; }
.px14
	{ font-size:14px; font-family:"MS UI Gothic",Osaka; font-weight:bold; line-height:140%; }
.px12
	{ font-size:12px; font-family:"MS UI Gothic",Osaka; line-height:130%; }
.px11
	{ font-size:11px; font-family:"MS UI Gothic",Osaka; line-height:120%; }

/* フォントカラー */
.red
	{ color:#FF0000; font-size:12px; line-height:130%; }

.orange
	{ color:#FF9900; font-size:14px; line-height:140%; font-weight:bold; }

.white
	{ color:#FFFFFF; font-size:14px; line-height:140%; font-weight:bold; }

.green
	{ color:#009933; font-size:16px; line-height:140%; font-weight:bold; }
	
.yellow_bg
	{ background-color:#FFeeCC; color:#ff0000; font-size:12px; line-height:140%; padding:5px; }

/* リンク */

a
	{ color:#009933; text-decoration:none; outline:none; }

a:hover
	{ color:#ff9900; text-decoration:underline; outline:none; }


/* 画像のボーダー */

img {
	border:0px;
	vertical-align: bottom;
}

/* テーブルバリエーション */

#table0 { 
	padding:8px;
	margin:5px 0 10px 0;
}

#table0 .td1 {
	padding:8px;
	border:1px solid #ff6600;
	background-color:#FFFFCC;
	font-size:12px;
	font-family:"MS UI Gothic",Osaka;
	line-height:130%;
}

#table1
	{ padding:5px; }

#table2 {
	padding:3px;
	margin:10px 0 0 0;
}

#table3 {
	padding:10px;
	border:1px solid #999999;
	margin:10px 0 0 0;
}

#table4 {
	padding:10px;
	border:1px solid #ff6600;
	margin:10px 0 0 0;
}

#table5 {
	padding:10px;
	border:1px solid #009933;
	background-color:#FFFFCC;
	margin:10px 0 0 0;
}


/* 商品タイトル（共通） */
div#all #contents #left #title_top {
	background-image:url(img/common/title_top.gif);
	background-repeat:no-repeat;
	width:446px;
	height:20px;
	margin:0 0 0 0;
}

div#all #contents #left #title_auto {
	background-image:url(img/common/title_auto.gif);
	background-repeat:repeat-y;
	width:446px;
	height:auto;
}

div#all #contents #left #title_auto p {
	font-size:14px;
	font-family:"MS UI Gothic",Osaka;
	line-height:130%;
	font-weight:bold;
	color:#FFFFFF;
}

/* 商品キャプション（共通） */
div#all #contents #left .caption {
	background-image:url(img/common/caption_back1.gif);
	background-repeat:no-repeat;
	width:328px;
	height:26px;
}

div#all #contents #left .caption p {
	font-size:14px;
	font-family:"MS UI Gothic",Osaka;
	font-weight:bold;
	padding:3px 0 20px 5px;
	color:#009933;
}

div#all #contents #left .caption_l {
	background-image:url(img/common/caption_back_l.gif);
	background-repeat:no-repeat;
	width:446px;
	height:52px;
}

div#all #contents #left .caption_l p {
	font-size:14px;
	font-family:"MS UI Gothic",Osaka;
	font-weight:bold;
	padding:5px 0px 7px 5px;
	color:#009933;
}

/* 商品ページ　竹チップ枕 */
div#all #contents #left #title_makura {
	background-image:url(img/makura/title_makura.gif);
	background-repeat:no-repeat;
	width:446px;
	height:140px;
	margin-bottom:5px;
}

div#all #contents #left #title_makura p {
	text-indent:-9999;
}

div#all #contents #left #shop_makura {
	border-top: 1px solid #999999;
	margin:20px 0 0 0;
	padding-top:10px;
}

div#all #contents #left #shop_makura a {
	background-image:url(img/makura/shop_makura_out.gif);
	background-repeat:no-repeat;
	width:252px;
	height:80px;
	display:block;
}

div#all #contents #left #shop_makura a:hover {
	background-image:url(img/makura/shop_makura_on.gif);
	background-repeat:no-repeat;
	width:252px;
	height:80px;
	display:block;
}

div#all #contents #left #shop_makura p {
	text-indent:-9999;
	display:block;
	width:210px;
	height:80px;
}

/* 商品ページ　竹炭 */
div#all #contents #left #title_sumi {
	background-image:url(img/sumi/title_sumi.gif);
	background-repeat:no-repeat;
	width:446px;
	height:140px;
	margin-bottom:5px;
}

div#all #contents #left #title_sumi p {
	text-indent:-9999;
}

div#all #contents #left #shop_sumi {
	border-top: 1px solid #999999;
	margin:20px 0 0 0;
	padding-top:10px;
}

div#all #contents #left #shop_sumi a {
	background-image:url(img/sumi/shop_sumi_out.gif);
	background-repeat:no-repeat;
	width:252px;
	height:80px;
	display:block;
}

div#all #contents #left #shop_sumi a:hover {
	background-image:url(img/sumi/shop_sumi_on.gif);
	background-repeat:no-repeat;
	width:252px;
	height:80px;
	display:block;
}

div#all #contents #left #shop_sumi p {
	text-indent:-9999;
	display:block;
	width:210px;
	height:80px;
}

/* 商品ページ　竹編針 */
div#all #contents #left #title_hari {
	background-image:url(img/hari/title_hari.gif);
	background-repeat:no-repeat;
	width:446px;
	height:140px;
	margin-bottom:5px;
}

div#all #contents #left #title_hari p {
	text-indent:-9999;
}

div#all #contents #left #shop_hari {
	border-top: 1px solid #999999;
	margin:20px 0 0 0;
	padding-top:10px;
}

div#all #contents #left #shop_hari a {
	background-image:url(img/hari/shop_hari_out.gif);
	background-repeat:no-repeat;
	width:252px;
	height:80px;
	display:block;
}

div#all #contents #left #shop_hari a:hover {
	background-image:url(img/hari/shop_hari_on.gif);
	background-repeat:no-repeat;
	width:252px;
	height:80px;
	display:block;
}

div#all #contents #left #shop_hari p {
	text-indent:-9999;
	display:block;
	width:210px;
	height:80px;
}

/* 商品ページ　竹壁 */
div#all #contents #left #title_kabe {
	background-image:url(img/kabe/title_kabe.gif);
	background-repeat:no-repeat;
	width:446px;
	height:140px;
	margin-bottom:5px;
}

div#all #contents #left #title_kabe p {
	text-indent:-9999;
}

div#all #contents #left #shop_kabe {
	border-top: 1px solid #999999;
	margin:20px 0 0 0;
	padding-top:10px;
}

/* ショッピング関連ページバナー */
div#all #contents #left #shop_ban {
	border-top: 1px solid #999999;
	margin:20px 0 0 0;
	padding-top:10px;
}

div#all #contents #left #shop_ban a {
	background-image:url(img/shopping/shopping_out.gif);
	background-repeat:no-repeat;
	width:252px;
	height:80px;
	display:block;
}

div#all #contents #left #shop_ban a:hover {
	background-image:url(img/shopping/shopping_on.gif);
	background-repeat:no-repeat;
	width:252px;
	height:80px;
	display:block;
}

div#all #contents #left #shop_ban p {
	text-indent:-9999;
	display:block;
	width:210px;
	height:80px;
}

/* ショッピングページ */
/* テーブル　竹チップ枕 */
#shop_table_makura {
	padding:5px;
	background-color:#009933;
	margin:20px 0 15px 0;
}

/* テーブル　竹炭 */
#shop_table_sumi {
	padding:5px;
	background-color:#009933;
	margin:20px 0 15px 0;
}

/* テーブル　竹編針 */
#shop_table_hari {
	padding:5px;
	background-color:#009933;
	margin:20px 0 15px 0;
}

/* テーブル　竹壁 */
#shop_table_kabe {
	padding:5px;
	background-color:#009933;
	margin:20px 0 15px 0;
}

/* テーブル　フォーム */
#shop_table_form {
	padding:5px;
	background-color:#ff6600;
	margin:20px 0 15px 0;
}

/* テーブル　td指定 */
.shop_td1 {
	padding:5px;
	background-color:#FFFFCC;
	font-size:12px;
	line-height:130%;
}