@charset "UTF-8";
*{
margin:0;
padding:0;
}

body{
font-size:13px;
line-height:1.2;
}

img{
	border:0;
}

.img_over a:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}



/* 縦帯
body{ 
     background-image:url(images/tateobi.jpg); 
     background-repeat:repeat-y; 
     background-position:right;
}
 */



/* ＝＝＝＝＝　PC-SP 切り替え　＝＝＝＝＝ */
#spLinkBlockInPc a{
display:block;
font-size:1.2em;
font-weight:bold;
padding:20px 30px;
background-color:#DCF0F7;
text-align:center;
}

#spLinkBlockInPc{
display:none;
}

/* ＝＝＝＝＝　枠組み　＝＝＝＝＝ */
#BOX{
width:950px;
margin:0 auto;
}

#header{
background-color:#fff;
padding-top:6px;
}

#main{
width:100%;
margin:20px 0;
}

#side{
width:200px;
float:left;
text-align:center;
}

#contents{
width:730px;
float:right;
text-align:center;
}

#footer{
text-align:center;
}

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

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}


/* ＝＝＝＝＝＝＝＝　共通ＣＳＳ　＝＝＝＝＝＝＝＝ */

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.float_l{float:left;}
.float_r{float:right}

/* 文字サイズ */
.small{font-size:0.8em;}
.big{font-size:1.2em;}
.s24p{font-size:24px;}
.s40p{font-size:40px;}
.bold{font-weight:bold;}
/* 文字の色 */
.red{color:#cc0000;}
.red2{color:#e83435;}
.green{color:#016b62;}
.orange{color:#ff6600;}
.gray{color:#393939;}
.blue{color:#003399;}

/* 強調 */
.em{font-weight:bold; font-size:1.1em; color:#e83435;}
.em2{font-weight:bold; color:#e83435;}
.em3{font-weight:bold; color:#cc0000;}

.wrap{width:100%; margin-bottom:20px;}

/* テキスト */
.text01{
margin:10px;                                                                                          
}

/* 線 */
.d2_border{border-bottom:2px dotted #aaa;}

/* 動画 */
.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* テーブル */
table{margin:10px 0;}
table, th, td {
	border-collapse:collapse;
	padding:4px 10px 4px 5px;
	}

.table3{border:1px solid #aaa;}
.table3 th{background-color:#DEEFF7;}
.table3 th,
.table3 td{
border:1px solid #aaa;
padding:8px 20px 6px 20px;
}

/* テーブル コンテンツ内　灰色枠線 */
.table4 th{background-color: #efefef; font-weight: normal;}
.table4 th,
.table4 td{
border:1px solid #aaa;
padding:4px 8px;
text-align: center;
}


	
/* 通常のリストスタイル */
.normal_list{margin:12px 10px 10px 20px;}
.normal_list li{margin:6px;}

/* 文字付きリストスタイル */
.list_01{
margin:12px 10px 10px 24px;
text-align:left;
}
.list_01 li{
border-bottom:#000000 1px dotted;
padding:12px;
}

/* ＝＝＝＝＝　ヘッダー　＝＝＝＝＝ */

.head_left{
	float:left;
	width:240;
	}
.head_right{
	float:right;
	width:700px;
	text-align:right;
	}


/* ヘッダートップナビ */
.head_right ul li{
display:inline;
text-align:right;
list-style-type:none;
}


}

/* ＝＝＝＝＝　サイドメニュー　＝＝＝＝＝ */
#side p{
margin-bottom:10px;

}
/* お問い合わせ */
.side_mail {
border:1px solid #fa0;
}

/* ページ内リンク */
.side_title01{
margin:0;
padding:0;
}

#accordion{
padding:0 5px;
margin-bottom:30px;
margin-top:0;
}


.page_link_title{
cursor: pointer;
text-align:left;
background-color:#ddd;
padding:8px 6px;
background-image:url("images/arrow3_b.gif");
background-position:96% center;
background-repeat:no-repeat;
}

.page_link_title:hover{
background-color:#feba82;
}

.page_link{
margin:0 0 20px 0;
text-align:left;
}

.page_link li{
list-style-type:none;
font-size:0.9em;
padding:6px;
padding-left:10px;
border-bottom:1px dotted #aaa;
}

.page_link li:hover{
background-image:url("images/arrow4_r.gif");
background-position:2px center;
background-repeat:no-repeat;

}

/* ＝＝＝＝＝　コンテンツ　＝＝＝＝＝ */
#contents p{
margin-bottom:12px;
line-height:1.4;
}
#contents .con_left{
margin:10px;
text-align:left;
}
.pagetop{text-align:right;}

.pagetop a{
	padding:2px 6px 2px 22px;
	background-image:url(images/arrow3_t.gif);
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#222;
	}

/* ＝＝＝＝＝　フッター　＝＝＝＝＝ */

.foot_logo{
	padding-top:12px;
	margin-top:30px;
	border-top:1px dotted #aaa;
	}

address{
	font-style:normal;
	margin:8px;
	}

/* お届けについて */
.foot_wrap{
border:1px solid #555;
text-align:left;
padding:6px 0;
margin:10px 0;
}

.foot_guide{
width:300px;
margin-left:12px;
float:left;
}

.foot_guide dt{
color:#fff;
	background-color:#046b62;
	padding:4px;
	font-weight:bold;
	text-align:center;
}
.foot_guide dd{
	padding:8px 4px 16px 4px;
	}

.foot_guide dd ul {
	margin-left:12px;
	}

/* 共通フッター（商品ページ以外） */	
.foot_box_wrap{
	width:100%;
	border-top:1px dotted #aaa;
	}

.foot_box{
	width:260px;
	float:left;
	text-align:left;
	margin:8px;
	padding:16px 0;
	height:140px;
	}

.foot_box_r{
	padding:16px 0;
	float:right;
	width:360px;
	text-align:left;
	}
	

/* ＝＝＝＝＝　グローバルナビ　＝＝＝＝＝ */

.navi_line{
	border-top:2px solid #016b62;
	border-bottom:3px solid #dea50b;
	margin:4px 0 20px 0;
	padding:1px 0;
}

ul#g_navi li{
    float:left;
    height:40px;
    background:url("images/back_title_green2.jpg");
list-style-type:none;
border-right: solid #ddd 1px;
}
ul#g_navi li a{
    display:block;
    height:100%;
    line-height:40px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
padding:0 20px;
text-align:left;
}
ul#g_navi li a:hover{
    background:url("images/back_title_green.jpg");
}

/* ナビ サブ */
ul#g_navi li ul.g_navi_sub{
    position:absolute;
	width:250px;
    text-align: left;

}

ul#g_navi li ul.g_navi_sub li a{
background: #666;
border: none;
font-weight:normal;
width:240px;
padding:0 0 0 10px;
}

ul#g_navi li ul.g_navi_sub li a:hover{
background-color:#777;
}

ul#g_navi{
    zoom:1;
 background:url("images/back_title_green2.jpg");
}
ul#g_navi:after {
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}



/* ご注文 */

ul#g_navi .navi_order{
 background:url("images/back_title_orange.gif");
font-size:1.1em;
}

ul#g_navi .navi_order a:hover{
 background:url("images/back_title_orange2.gif");
}

/* hack */

ul.g_navi_sub{
    display:none;
}
* html ul#g_navi li{
    display:inline;
    zoom:1;
}
*+html ul#g_navi li{
    display:inline;
    zoom:1;
}
* html ul.g_navi_sub{
    zoom:1;
    position:relative;
}
*+html ul.g_navi_sub{
    zoom:1;
    position:relative;
}

/* ＝＝＝＝＝　サイドナビ　＝＝＝＝＝ */
#s_navi{margin-bottom:10px;
text-align:left;
}

#s_navi li{
list-style-type:none;
border-top:1px solid #f2f2f2;
border-left:1px solid #f2f2f2;
border-bottom:1px solid #888;
border-right:1px solid #888;
background-color:#eee;
}

#s_navi .s_navi_t{
font-weight:bold;
border-top:1px solid #08b9c4;
border-left:1px solid #08b9c4;
border-bottom:1px solid #0c6860;
background-image:url("images/back_title_green.jpg");
}

#s_navi li a{
text-decoration:none;
color:#444;
padding-left:28px;
background-image:url("images/arrow1_r.gif");
background-repeat:no-repeat;
background-position:18px center;
line-height:2.0em;
display:block;
}

#s_navi .s_navi_t a{
padding-left:14px;
background-image:url("images/arrow2_b.gif");
background-position:96% center;
line-height:2.4em;
color:#fff;
}

#s_navi li:hover{
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

/* ご注文 */
#s_navi .navi_order{

padding:2px 0;
font-size:1.1em;
}

/* ＝＝＝＝＝　トップページ　＝＝＝＝＝ */

h1{
	font-size:13px;
	margin-bottom:4px;
	color:#333;
}

h2{
	margin:0 0 16px 0;
}

h3{
	text-align:left;
	font-size:16px;
	padding:0 10px;
	color:#222;
	border-left:10px solid #016b62;
	line-height:2.2em;
	background-image:url(images/back_h3.gif);
}

.h3_wrap{
	margin:14px 0;
	padding:1px 2px;
	border:1px solid #aaa;
	}

h4{
	text-align:left;
	font-size:15px;
	line-height:1.5em;
	color:#016b62;
	border-bottom:1px dotted #016b62;
	margin:30px 0 10px 0;
}

/* トップページ　商品説明 */
.table1 th,
.table1 td{
border:1px solid #666;
padding:6px;
width:220px;
}

.table1{
margin:10px auto;
table-layout: fixed;
}

/* トップページ　主な製品一覧 */
.table2{
margin:10px auto;
line-height: 1.2em;
font-size:12px;
text-align:center;
margin-bottom:20px;
}

.table2 th,
.table2 td{
border:1px solid #666;
padding:6px;
}

.table2 img{ margin-right:6px;}


/* トップページ　お客様の声 */
.voice{
margin:10px auto;
border: 1px solid #aaa;
width: 600px;
padding: 5px;
text-align:left;
font-size:12px;
margin-top:4px;
}

.voice dt{
background-color:#016b62;
color:#fff;
padding:4px;
font-weight:bold;
}

.voice dd{
margin:5px 6px 16px 6px;

}

/* トップページ　仮設住宅無料送付 */
.kasetu{
border: 1px solid rgb(255, 85, 0);
width: 600px;
padding: 5px 0pt;
margin:0 auto 30px auto;
}

.kasetu2{
width:600px;
border: 1px solid #888;
text-align:left;
padding:4px;
}

.kasetu2 dt{
border-left:10px solid #ff5500;
border-bottom:1px solid #ff5500;
line-height:2em;
font-weight:bold;
padding-left:10px;
}


/* トップページ　仮設住宅 */
.kasetu2{
margin:30px 0;
}

.kasetu2 dd{
margin:10px;
}


/* トップページ　携帯サイト */
.keitai td{
width:200px;
text-align:center;
}



/* ＝＝＝＝＝　商品ページ　＝＝＝＝＝ */


/* ▼商品詳細・解説 */

#item_desc_format {
  width: 600px; /*全体幅*/
  overflow: hidden;
  font-size: 12px; /*見出し以外の文字サイズ*/
  line-height: 1.2;
  text-align:left;
  margin:20px auto;
}
#item_desc_format h3.midashi {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 14px; /*見出しの文字サイズ*/
  color: #333; /*見出しの文字色*/
  padding-left:20px;
}
.item_desc_summary {
  margin: 0 0 20px 0;
  padding: 0;
}
.item_desc_summary p {
  margin: 0;
  padding: 0;
}
.item_desc_specB {
  margin: 0 0 20px 0;
  padding: 0;
}
.item_desc_specB div {
  border: 1px solid #ccc; /*詳細の枠の色*/
  margin: 0;
  padding: 0;
  border-top: none;
}
.item_desc_specB div dl {
  border-top: 1px solid #ccc; /*詳細の枠の色*/
  margin:0;
  padding: 0;
  overflow: hidden;
  zoom: 1;
  background: #ddd; /*項目名の背景色*/
}
.item_desc_specB div dl dt {
  margin: 0;
  padding: 5px 0 0 5px;
  width: 100px; /*項目名の幅*/
  float: left;
}
.item_desc_specB div dl dd {
  margin: 0;
  padding: 5px;
  width: 480px; /*項目内容の幅*/
  float: right;
  background: #fff; /*項目内容の背景色*/
}



/* 商品一覧 ３カラム 買い物カゴ */
.t_order{
text-align:center;
border:0;
width:100%;
}

.t_order td{
line-height:1.2em;
max-width:300px;
width:33%;
padding:20px 16px 40px 16px;
vertical-align:top;
border-bottom:2px dotted #aaaaaa;
}

.t_order .order_submit{
width:50%;
height:30px;
vertical-align:middle;
margin-left:8px;
}

.item_name{font-size:1.1em; font-weight:bold;}/*商品名*/
.price{color:#cc0000; font-size:1.2em;}/*価格*/


/* 商品一覧　買い物カゴ */
.order_t{
margin:10px auto;
}

.order_t,
.order_t th,
.order_t td{
    border: 1px #bbb solid;
	padding:5px;
	text-align:center;
	line-height:1.2em;
}

.order_t2 td{
	border:0;
	text-align:right;
	width:240px;
}

.back_em{
background-color:#FFFABC;
}

/* 買い物フォーム　下 */
.form_wrap{
width:600px;
margin:10px auto 30px auto;
}
.f_left{
width:250px;
float:left;
}
.f_right{
width:250px;
float:right;
text-align:right;
}

/* カビ用Ｑ＆Ａ */
.t_qa{
	font-size:13px;
	text-align:left;
	color:#393939;
	line-height:1.4em;
}

.batirusu{
background-color:#e3e3c7;
padding:5px;
}


/* カビ用使い方 */
.kabi_use{
margin: 30px 0;
padding:1px;
border:1px solid #016B62;
text-align:left;
}
.kabi_use table{margin:0;}
.kabi_use table th{
padding:4px;
background-color:#016B62;
color:#fff;
font-size:1.1em;
}

.kabi_use table td{
	padding:10px;
	}

/* カビ用 声 */

.atuikoe{
text-align:left;
width:540px;
margin:0 auto;
}

.atuikoe td{text-align:left;}

.kabi_koe{
width:520px;
text-align:left;
font-size:0.8em;
}

.kabi_koe dt{
line-height:2.4em;
padding-left:50px;
background-color:#fff0c6;
background-image: url("review_star.gif");
background-position:left center;
background-repeat:no-repeat;
}

.kabi_koe dd{
margin:20px;
}

.koe_big{
font-size:1.2em;
font-weight:bold;
color:#ff5500;
}


/* グリストラップ コスト */
.guri_cost th{
	width:60px;
	font-weight:normal;
	line-height:2em;
	border:1px solid #aaa;
    background-color: #efefef;
}

.guri_cost td{
	border:1px solid #aaa;
	width:122px;
	padding:12px 8px;
	}


/* 原液　ＴＯＰ */
/* ol, list 説明 */
.genneki_about{margin:10px;}
.genneki_about li{
margin-left:30px;
line-height:1.5em;
margin-bottom:12px;
}


/* ＝＝＝＝＝　バイオミックスとは　＝＝＝＝＝ */

.b_test td,
.b_test th{
	padding:0;	
}

/* グリストラップでの使い方 */

.guri_table{
	margin:12px auto;
	}

.guri_table td{
	width:170px;
	padding:5px;
	border:1px solid #555;
}