﻿@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------
product
------------------------------------------------------ */

/* ----------- menu ----------- */
div#menu dt.m01 a{background:url(../product/images/menu_01.gif);}
div#menu dt.m01 a:hover{background:url(../product/images/menu_01.gif) 0 -39px no-repeat;}

div#menu dt.m02 a{background:url(../product/images/menu_02.gif);}
div#menu dt.m02 a:hover{background:url(../product/images/menu_02.gif) 0 -39px no-repeat;}

div#menu dt.m03 a{background:url(../product/images/menu_03.gif);}
div#menu dt.m03 a:hover{background:url(../product/images/menu_03.gif) 0 -39px no-repeat;}

div#menu dt.m04 a{background:url(../product/images/menu_04.gif);}
div#menu dt.m04 a:hover{background:url(../product/images/menu_04.gif) 0 -39px no-repeat;}

div#menu dt.m05 a{background:url(../product/images/menu_05.gif);}
div#menu dt.m05 a:hover{background:url(../product/images/menu_05.gif) 0 -39px no-repeat;}

div#menu dt.m06 a{background:url(../product/images/menu_06.gif);}
div#menu dt.m06 a:hover{background:url(../product/images/menu_06.gif) 0 -39px no-repeat;}

div#menu dt.m07 a{background:url(../product/images/menu_07.gif);}
div#menu dt.m07 a:hover{background:url(../product/images/menu_07.gif) 0 -39px no-repeat;}

/* ----------- menu onの場合 ----------- */
div#menu dt.on a{
	background-position: 0 -39px;
	display:block;
}


/* ----------- index ----------- */
div.index h4{
	margin:20px 0 24px 10px;
	padding:0;
	display:block;
}

div.index h5{
	margin:0 0 9px 0;
	padding:0;
}

div.index p{
	margin:0 0 20px 0;
	padding:0;
	width:662px;
}

div.index dl{
	margin:0 0 18px 19px;
	padding:0;
	display:block;
	float:left;
	width:92px;
}


div.index dl.icon{
	margin:0;
	padding:0;
}

div.index dt{
	margin:0 0 5px 0;
	padding:0;
	display:block;
	line-height:100%;
	width:92px;
	height:92px;
}

div.index dt span{
	border:1px solid #999;
	display:block;
	width:90px;
	height:90px;
}

div.index dt a{
	border:1px solid #999;
	display:block;
}

div.index dt a:hover{
	border:1px solid #ff6000;
	display:block;
}

div.index dd{
	margin:0 0 0 0;
	padding:0;
	display:block;
	line-height:120%;
	font-size:70%;
}

span.lead_img img {
    margin:6px 0 12px 0;
	display:block;
}





div.index div.plant dl{
	margin:0 0 18px 19px;
	padding:0;
	display:block;
	float:left;
	width:75px;
}


div.index div.plant dl.icon{
	margin:0;
	padding:0;
}

div.index div.plant dt{
	margin:0 0 5px 0;
	padding:0;
	display:block;
	line-height:100%;
	width:75px;
	height:75px;
}

div.index div.plant dt span{
	border:1px solid #999;
	display:block;
	width:73px;
	height:73px;
}

#contents  table.kata01 { width:592px; font-size:90%; margin:7px 0 5px 0;}
#contents  table.kata01 th { width:30px; }
#contents  table.kata01 tr.t_img td { vertical-align:bottom; border-bottom:solid 1px #fff;}
#contents  table.kata01 td.r_bd { border-right:solid 1px #fff;}
#contents  table.kata01 tr.t_ml { font-weight:bold;}





.ls{
	letter-spacing:-0.1em;
}

div.index div.line_01 dl{
	margin-bottom:5px;
}

div.index div.line_01{
	margin:0 0 15px 8px;
}

div.index div.line_02{
	margin:0 0 15px 8px;
}

div.index div.line_03{
	margin:0 0 20px 8px;
}

div.index ul.banner{
	margin:0 0 20px 8px;
	padding:0;
	display:block;
	width:661px;
}

div.index ul.banner li{
	margin:0 15px 0 0;
	display:block;
	float:left;
	width:311px;
}


/* ----------- 下層 ----------- */
dl.read{
	display:block;
	margin-top:0;
	padding:0;
}

dl.read dt{
	display:block;
	margin:0 20px 0 12px;
	padding:0 0 0 0px;
	float:left;
	width:396px;
	font-weight:bold;
	font-size:110%;
	line-height:140%;
}

*html dl.read dt{
	margin:0 20px 0 6px;
	width:394px;
}

dl.read dt img{
	display:block;
	margin:0 0 15px 0;
	padding:0;
}

dl.read dd{
	display:block;
	margin:0;
	padding:0;
	float:;
}

dl.read_space{
	display:block;
	margin-top:80px;
	padding:0;
}

dl.read_space dt{
	display:block;
	margin:0 20px 0 12px;
	padding:0;
	float:left;
	width:396px;
}

*html dl.read_space dt{
	width:384px;
}


dl.read_space dt img{
	display:block;
	margin:0 0 15px 0;
	padding:0;
}

dl.read_space dd{
	display:block;
	margin:0;
	padding:0;
	float:;
}

div.feature{
	margin:15px 0 0 12px;
	padding:1px 20px 10px 21px;
	display:block;
	width:600px;
	font-size:90%;
	float:none !important;
	background:url(../images/bg_list_box_03_long.gif) 0 0 no-repeat;
}

*html div.feature{
	width:642px;
}


div.feature div{
	margin:0;
	padding:0;
	float:left;
	width:370px;
}

div.feature span{
	margin:20px 0 0 0;
	padding:0;
	display:block;
	float:left;
}


span.feature{
	margin:0 0 35px 12px;
	padding:0 0 0 0;
	display:block;
	line-height:0%;
	width:636px;
	height:5px;
	float:none !important;
	background:url(../images/bg_list_box_03_bt.gif) 0 0 no-repeat;
}

div.feature h4{
	margin:20px 0 5px 0;
	padding:0;
}

div.feature h4.mt_2p {
    margin:55px 0 0 0;
	border-top:dotted 1px #999;
	width:345px;
	padding:10px 0 10px 0;
}
div.feature h4.mt_2p_2 {
    margin:85px 0 0 0;
	border-top:dotted 1px #999;
	width:345px;
	padding:10px 0 10px 0;
}
* html div.feature h4.mt_2p { margin:61px 0 0 0;}
*+html div.feature h4.mt_2p { margin:50px 0 0 0;}
*+html div.feature h4.mt_2p_2 { margin:78px 0 0 0;}



h4.mb_20{
	margin-bottom:20px;
}

div.feature ul{
	margin:14px 0 20px 0;
	padding:0;
	display:block;
	float:none;
	width:340px;
	line-height:130%;
}
div.feature ul.mb0{	margin-bottom:0 !important;}

div.feature li{
	display:block;
	margin:0 0 6px 15px;
	padding:0 0 0 10px;
	background:url(../images/icon_dot_02.gif) 0 0.5em no-repeat;
	float:none;
	width:325px;
	font-size:100%;
}
div.feature div.w100 { width:550px;}
div.feature div.w100 ul { width:100%;}
div.feature div.w100 ul li { width:100%;}
div.feature div.w100 span { margin:5px 0 0 0; padding:0; width:100%;}

div.feature p{
	display:block;
	margin:0 0 0 15px;
	padding:0;
	width:325px;
	font-size:100%;
}

div.feature ul.wide{
	width:580px;
}

div.feature ul.wide li{
	width:580px;
}

div.feature li.in{
	display:block;
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	background:none;
	float:none;
	width:325px;
	font-size:90%;
}


div.drink_04{
	width:590px !important;
	margin-bottom:10px !important;
	padding-bottom:0 !important;

}

div.feature p.wid_01 {
	width:400px;
}

div.boli{
	border-top:1px solid #b7b7b7 !important;
	margin-top:10px !important;
}

div.boli h6.kakko_st{
	margin-top:5px;
}





div.drink_04 ul{
	float:none !important;
	display:block;
	border:none;
	margin:0;
	padding:0;
	width:580px;

}

div.drink_04 li{
	border:none;
	width:570px;
}

div.drink_04 span{
	display:block;
	float:none;
	margin:0 0 10px 25px;
	padding:0;
}

.bn {
	border:none !important;
}



/* -----------  ----------- */
div.flash{
	padding:0 0 30px 12px !important;
}


.p_box_1 {
	padding-top:10px;
	padding-right:8px;
	padding-left:12px;
	float:left;
	text-align:left;
}

.p_box_1_top {
	padding-right:8px;
	padding-left:12px;
	float:left;
	text-align:left;
}

.p_box_11 {
	padding-top:10px;
	padding-left:50px;
	float:left;
	text-align:left;
}

.p_box_111 {
	padding-top:10px;
	padding-left:12px;
	float:left;
	text-align:left;
}

.p_box_2 {
	padding-top:10px;
	padding-right:60px;
	margin-bottom:50px;
	float:right;
}

.p_box_22 {
	padding-left:12px;
	float:left;
	text-align:left;
	margin-bottom:14px;
}

.p_box_22 {
	padding-left:12px;
	float:left;
	text-align:left;
	margin-bottom:14px;
}

.p_box_222 {
	padding-left:12px;
	float:left;
	text-align:left;
	margin-bottom:14px;
}

.box_plant_2 {
    display:block;
	border:solid 1px #000;
	width:622px;
}

.box_plant_2 p {
    display:block;
	padding:50px 0 0 0 ;
}
.box_plant_22 p {
    display:block;
	padding:10px 0 0 0 ;
}

.box_plant_23 p {
    display:block;
	padding:80px 0 0 0px ;
}

.box_plant_24 {
    margin-top:22px;
}

.box_plant_24 p {
    display:block;
	padding:100px 0 0 0 ;
}

.box_plant_25 {
    margin-top:54px;
}

.box_plant_25 p {
    display:block;
	padding:10px 0 0 0 ;
}

.box_plant_3 {
	margin-top:26px;
}

.box_plant_3 p {
	margin-bottom:0px;
	font-size:14px;
	font-weight:bold;
}
.box_plant_33 {
	margin-top:26px;
}

table.cent td{
	text-align:center;
}

table td.txt_left {
	text-align:left;
	padding-left:20px;
}

table.plant_numbering {
	margin:20px 0 10px 0px;
	padding:0;
	text-align:center;
	border-left:1px solid #dadada;
	border-top:1px dotted #dadada;
	width:575px;
	font-size:80%;
	line-height:160%;
}

table.plant_numbering tr {
	margin:0;
	padding:0;
}

table.plant_numbering tr.table_space {
	margin:0;
	padding:0;
	text-align:center;
}

table.plant_numbering tr.table_space2 td {
	margin:0;
	padding:0;
	background:#e4e5d9;
}
table.plant_numbering tr.table_space2 td.wid_34 { width:220px !important;}
table.plant_numbering tr.table_space2 td.wid_34_2 { width:210px !important;}

table.plant_numbering tr.table_space3 {
	margin:0;
	padding:0;
	background:#e4e5d9;
	height:26px;
}

table.plant_numbering tr.table_space3 td {
	margin:0;
	padding:0;
	text-align:center;
	background:#e4e5d9;
	height:26px;
}

table.plant_numbering th {
	margin:0;
	padding:5px 5px 5px 5px;
	border-bottom:1px dotted #dadada;	background:#f5f6eb;
	width:18px;
}

table.plant_numbering td {
	margin:0;
	padding:5px 0px 0px 0px;
	border-right:1px solid #dadada;
	border-bottom:1px dotted #dadada;
}

table.plant_numbering td.bd_r_none {
	border-right:none;
}

table.plant_numbering td.bd_none {
	margin:0;
	border-right:1px solid #dadada;
	border-bottom:none;
	line-height:130%;
}

table.plant_numbering td.lines {
	line-height:110%;
}

table.plant_numbering td.font_sm {
    font-size:90%;
}

table.plant_numbering td.color {
	background:#f5f6eb;
	width:120px;
}

table.plant_numbering td.numL {
	text-align:left;
}

table.ml_12 {
	margin:10px 0 10px 12px;
	width:636px;
}

table.mt_0 {
	margin-top:-10px;
}

table.life03 td{
	width:80px !important;
}

table.life03 td.color{
	width:115px !important;
}

table.life04 td{
	width:90px !important;
}

table.life04 td.color{
	width:60px !important;
}

table.life04_2 td{
	width:80px;
}

table.life04_2 td.color{
	width:100px !important;
}

.margin_space {
    padding-top:78px;
}

.box_plant_size1 {
    width:310px;
	float:left;
}

.box_plant_size1 p {
    width:286px;
	padding-left:2px;
	padding-top:4px;
}

.box_plant_size2 {
    width:310px;
	float:left;
	margin-left:10px;
}
.box_plant_size2 p {
    width:290px;
	padding-left:6px;
	padding-top:4px;
}

p em{
	font-style:normal;
	font-weight:bold;
}

.p_box_plant_size {
    padding-left:12px;
}

.box_plant_size_bace {
    margin-top:50px;
}

span.img{
	margin:0 0 50px 12px;
	padding:0px 0 0 0;
	display:block;
}

span.img_2	{
	display:block;
	padding-top:15px;
}

span.img_3	{
	display:block;
	padding-top:15px;
	padding-bottom:30px;
}

span.img_5 {
	display:block;
	padding-top:15px;
	padding-bottom:0px;
}

span.img_4{
	margin:-5px 0 25px 12px;
	padding:0px 0 0px 0;
	display:block;
}
span.img_minib{
	margin:-10px 0 15px 12px;
	padding:0px 0 0 0;
	display:block;
	width:186px;
	text-align:center;
}
span.img_minib em{
	font-size:12px;
	font-style:normal;
	padding-top:2px;
	display:block;
}
span.mt_20{
	margin-top:20px;
}

span.mt_20_ml_25 {
	margin-top:20px;
	margin-left:25px;
}

span.mt_10{
	margin-top:10px;
}

span.mt_n20{
	margin-top:-20px;
}

span.img_cent{
	margin:0 0 50px 0;
	padding:10px 0 0 0;
	display:block;
	text-align:center;
	width:636px;
}

span.img_cent_2{
	margin:0 0 50px 0;
	padding:0 0 0 0;
	display:block;
	text-align:center;
	width:636px;
}

span.ml10 { margin-left:10px;}

span.nbm{
	margin-bottom:5px	
}


div.s_box{
	width:675px;
	margin:0;
	padding:0;
}

p.mb10{
	padding-bottom:10px;
}

div.s_box div{
	display:block
	width:455px;
	margin:0;
	padding:0;
	float:left;
}

div.s_box div p{
	width:455px;
	float:none;
	display:block;
	margin:0 0 20px 12px;
	padding:0;

}
div.s_box span{
	display:block;
	margin:0 24px 30px 0;
	font-style:normal;
	float:right;
	text-align:center;
}


div.s_box_2{
	width:663px;
	margin:0;
	padding:0 0 0 12px;
}

div.s_box_2 div{
	display:block
	width:300px;
	margin:0;
	padding:0;
	float:left;
}

div.s_box_2 div p{
	width:300px;
	float:none;
	display:block;
	margin:0 0 20px 0;
	padding:0;

}

div.s_box_2 span{
	display:block;
	margin:0 25px 30px 0;
	font-style:normal;
	float:left;
	text-align:center;
}


div.box{
	float:left;
	margin:0 0 30px 12px;
	padding:0 0 0 0;
	width:308px;
}

h6{
	font-size:120%;
	font-weight:bold;
	display:block;
	margin:15px 0 10px 12px;
	padding:8px 0 8px 0;
	color:#424242;
	width:636px;
	border-bottom:3px double #d5d5d5;
	font-size:100% !important;
}

div.box h6{
	margin:10px 0 5px 0;
	padding:8px 0 8px 0;
	width:304px;
	border-top:none;
	font-size:100% !important;
}

h6.st{
	margin:15px 0 0 12px;
	padding:0;
	display:block;
	font-weight:bold;
	font-size:100%;
	color:#ff7f8b;
	border:none;
}


div.right{
	margin-left:20px;
}

div.box p{
	margin:0 0 10px 0;
	padding:0;
	width:290px;
}


div.box span.pic{
	margin:0 0 30px 0;
	width:auto;
}

div.box span.pic_left{
	margin:0 0 30px 0;
	width:auto;
	text-align:left;
}

h5.st{
	margin:10px 0 10px 12px;
}

dl.listy{
	margin:10px 0 10px 12px;
	padding:0;
	display:block;
	width:612px;
}

dl.listy dt{
	margin:0;
	padding:0 0 0 12px;
	display:block;
	font-weight:bold;
	background:url(../images/icon_dot_01.gif) 0 0.5em no-repeat;
}

dl.listy dd{
	margin:0;
	padding:0 0 10px 12px;
	display:block;
	font-size:90%;
}

table.mb_20{
	margin-bottom:35px;
}

div.box_ul_mgt ul {
    margin:20px 0 0 0;
}

div.box_ul_mgt02 p {
    margin:20px 0 0 0;
}

div.box_ul_mgt02 p {
    margin:20px 0 0 0;
}

div.box_ul_mgt02 ul {
    margin:20px 0 0 0;
}

div.box_ul_mgt02 ul.box_none {
    margin:0;
}

div.box_img_btm img {
	margin:6px 0 1px 16px;
}

h6.kakko_st{
	background:none;
	border-bottom:none;
	border-top:1px solid #b7b7b7;
	font-size:110% !important;
	margin:20px 0 0 0;
	padding-top:20px;
	padding-left:15px;
	width:340px;
}

span.food_box04 { display:block; text-align:center;}
span.food_box04_h { display:block; margin-bottom:5px;}
span.food_box04_h2 { display:block;}

table.drink08_l {
    float:left;
	width:440px;
}

span.drink08_r {
    float:right;
	width:152px;
	margin:0 40px 0 0;
}

.mt10 { margin-top:10px;}
.mt30 { margin-top:30px;}
.mb40 { margin-bottom:40px;}

p.center08 {
    text-align:center;
	width:260px !important;
}

tr.center08 {
    text-align:center;
	width:260px !important;
	font-size:12px;
	line-height:140%;
	vertical-align:top;
}

tr.center08 em {
    font-size:12px;
	font-style:normal;
	padding-bottom:8px;
	display:inline-block;
	font-weight:bold;
}
div.box_d08 { margin-bottom:40px;}
div.box_d08 table td.d08_l { width:10px;}
div.box_d08 table td.d08_r { width:55px;}

div.box span.pic img.ml20 { margin-left:38px;}

p.p_nowrap {
    white-space:nowrap;
	text-decoration:underline;
}

h4.mb35 { margin-bottom:35px;}

table.table_car01 { margin:0 0 0 14px;}
p.table_car01_p { margin-bottom:0;}

.box_car01_02_left {
    float:left;
	width:280px;
	margin-left:12px;
}
.box_car01_02_left p {
	width:280px;
	margin:0;
}
.box_car01_02_right {
    float:right;
	width:300px;
	margin-right:48px;
}
.box_car01_02_right p {
	width:280px;
	margin:0;
}
.box_car01_02_right span {
    margin-top:10px;
	display:block;
}
.box_car01_02_img {
    margin: 10px 0 35px 9px;
}
div.feature div.pic_car_01_1 { margin:22px 0 0 0;}
div.feature div.pic_car_01_2 { margin:0 0 20px 0;}

div.feature div.pic_car_01_txt {
    width:560px;
	padding:10px 0;
	margin:0 0 20px 15px;
	border:solid 1px #999;
	background:#eee;
}
div.feature div.pic_car_01_txt p { width:95%;}
div.feature div.pic_car_01_txt p em { text-decoration:underline; font-weight:normal;}
div.feature div.pic_car_01_txt p em.bold { font-weight:bold;}
em.p_c_bold { font-weight:bold; text-decoration:underline; }

div.feature div.pic_material_02_1 {
    margin:22px 0 12px 0;
	border-bottom:dotted 1px #ccc;
	padding-bottom:12px;
	width:587px;
}










