@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2010 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 120%;
}
	
h1 {} /* Header内で設定 */
h2 {}
h3 {
	background: url(../images/sttl_1.gif) 0 0 no-repeat #007f00;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	padding: 14px 0 9px 40px;
	margin: 0 0 15px;
}
*html h3 { width: 660px; }
h4 {
	background: url(../images/sttl_2.gif) 0 0 no-repeat;
	font-size: 140%;
	font-weight: bold;
	padding: 16px 0 9px 40px;
	margin: 0 0 15px;
	border-bottom: solid 2px #9dd22c;
}
*html h4 { width: 660px; }

a { color: #060; }
a:hover,
a:active { color: #393; text-decoration: none; }
a:visited {}
a:focus{outline:none;}

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

table {
}

th,
td {
}
th {
}
td {
}

p { margin: 0 0 1em; }

.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }

.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {
	clear: both;
	padding-bottom: 20px;
}
ul.totop li {
	float: right;
	list-style: none;
}
ul.totop li a {
	display: block;
	width: 100px;
	height: 20px;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	outline: none;
}
ul.totop li a:hover { background-position: bottom; }

hr { display: none; }
img { vertical-align: top; }

/*---- clear ----*/
.clear{
clear:both;
height:0px;
font-size:0px;
line-height:0;
margin:0;
padding:0;
}


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
	background: url(../images/body_bg.jpg) 0 0 repeat-x;
	color: #262626;
	text-align: center;
	padding: 0;
	margin: 0;
}
body.top {
	background: url(../images/body_top_bg.jpg) 0 0 repeat-x;
}
#wrapper {
	width: 920px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
}
#main {
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	position: relative;
	width: 920px;
	height: 93px;
	margin: 0 0 15px;
}
h1 { position: absolute; top: 3px; left: 0; width: 450px; height: 87px; text-indent: -9999px; }
h1 a { display: block; background: url(../images/h1.jpg) 0 0 no-repeat; width: 450px; height: 87px; }
#header p.logo{ margin: 3px 0 0 0;}
#header ul { position: absolute; top: 66px; left: 454px; }
#header ul li { float: left; background-position: 0 0; background-repeat: no-repeat; height: 27px; text-indent: -9999px; margin-right: 5px; }
#header ul li.hNav-1 { background-image: url(../images/header_nav_1.gif); width: 60px; }
#header ul li.hNav-2 { background-image: url(../images/header_nav_2.gif); width: 80px; }
#header ul li.hNav-3 { background-image: url(../images/header_nav_3.gif); width: 90px; }
#header ul li a { display: block; background-position: 0 0; background-repeat: no-repeat; height: 27px; }
#header ul li.hNav-1 a { background-image: url(../images/header_nav_1.gif); width: 60px; }
#header ul li.hNav-2 a { background-image: url(../images/header_nav_2.gif); width: 80px; }
#header ul li.hNav-3 a { background-image: url(../images/header_nav_3.gif); width: 90px; }
#header ul li.hNav-1 a:hover { background-image: url(../images/header_nav_1_o.gif); width: 60px; }
#header ul li.hNav-2 a:hover { background-image: url(../images/header_nav_2_o.gif); width: 80px; }
#header ul li.hNav-3 a:hover { background-image: url(../images/header_nav_3_o.gif); width: 90px; }
#header p.tel { position: absolute; top: 3px; right: 0; background: url(../images/header_tel.jpg) 0 0 no-repeat; width: 206px; height: 85px; text-indent: -9999px; }
#header p.tel a { display: block; background: url(../images/header_tel.jpg) 0 0 no-repeat; width: 206px; height: 85px; }
#header p.tel a:hover { display: block; background: url(../images/header_tel_o.jpg) 0 0 no-repeat; width: 206px; height: 85px; }
#header p.official { position: absolute; top: 16px; left: 244px; width: 195px; height: 61px; text-indent: -9999px; }
#header p.official a { display: block; width: 195px; height: 61px; }

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#mainImg {
	margin: 0 0 12px;
}
#mainImg h2 { margin: 0; }

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	background: url(../images/footer_bg.jpg) 0 50% repeat-x;
	width: 100%;
	height: 103px;
}
#footerInner {
	position: relative;
	background: url(../images/footer_inner_bg.jpg) 0 0 no-repeat;
	width: 920px;
	height: 103px;
	margin: 0 auto;
}

address { position: absolute; top: 64px; left: 285px; }
#footer p { position: absolute; top: 0; right: 60px; background: url(../images/footer_pagetop.jpg) 0 0 no-repeat; width: 89px; height: 64px; text-indent: -9999px; }
#footer p a { display: block; background: url(../images/footer_pagetop.jpg) 0 0 no-repeat; width: 89px; height: 64px; }


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: right;
	width: 235px;
	padding: 0 0 20px;
}

.top #navi dl { width: 235px; }
.top #navi dl dt { width: 235px; }
.top #navi dl dd { background-position: 0 0; background-repeat: no-repeat; width: 235px; height: 106px; text-indent: -9999px; margin: 0 0 14px; }
.top #navi dl dd.nav1 { background-image: url(../images/top_s_nav_1.jpg); }
.top #navi dl dd.nav2 { background-image: url(../images/top_s_nav_2.jpg); }
.top #navi dl dd.nav3 { background-image: url(../images/top_s_nav_3.jpg); }
.top #navi dl dd.nav4 { background-image: url(../images/top_s_nav_4.jpg); }
.top #navi dl dd.nav5 { background-image: url(../images/top_s_nav_5.jpg); }
.top #navi dl dd.nav6 { background-image: url(../images/top_s_nav_6.jpg); height: 85px; }
.top #navi dl dd.nav7 { background-image: url(../images/top_s_nav_7.jpg); height: 85px; }
.top #navi dl dd a { display: block; background-position: 0 0; background-repeat: no-repeat; width: 235px; height: 106px; }
.top #navi dl dd.nav1 a { background-image: url(../images/top_s_nav_1.jpg); }
.top #navi dl dd.nav2 a { background-image: url(../images/top_s_nav_2.jpg); }
.top #navi dl dd.nav3 a { background-image: url(../images/top_s_nav_3.jpg); }
.top #navi dl dd.nav4 a { background-image: url(../images/top_s_nav_4.jpg); }
.top #navi dl dd.nav5 a { background-image: url(../images/top_s_nav_5.jpg); }
.top #navi dl dd.nav6 a { background-image: url(../images/top_s_nav_6.jpg); height: 85px; }
.top #navi dl dd.nav7 a { background-image: url(../images/top_s_nav_7.jpg); height: 85px; }
.top #navi dl dd.nav1 a:hover { background-image: url(../images/top_s_nav_1_o.jpg); }
.top #navi dl dd.nav2 a:hover { background-image: url(../images/top_s_nav_2_o.jpg); }
.top #navi dl dd.nav3 a:hover { background-image: url(../images/top_s_nav_3_o.jpg); }
.top #navi dl dd.nav4 a:hover { background-image: url(../images/top_s_nav_4_o.jpg); }
.top #navi dl dd.nav5 a:hover { background-image: url(../images/top_s_nav_5_o.jpg); }
.top #navi dl dd.nav6 a:hover { background-image: url(../images/top_s_nav_6_o.jpg); height: 85px; }
.top #navi dl dd.nav7 a:hover { background-image: url(../images/top_s_nav_7_o.jpg); height: 85px; }

#navi ul { width: 235px; }
#navi ul.sNavBn li { background-position: 0 0; background-repeat: no-repeat; width: 235px; height: 62px; text-indent: -9999px; margin: 0 0 8px; }
#navi ul.sNavBn li.bn1 { background-image: url(../images/s_nav_bn_1.jpg); }
#navi ul.sNavBn li.bn2 { background-image: url(../images/s_nav_bn_2.jpg); }
#navi ul.sNavBn li a { display: block; background-position: 0 0; background-repeat: no-repeat; width: 235px; height: 62px; margin: 0 0 8px; }
#navi ul.sNavBn li.bn1 a { background-image: url(../images/s_nav_bn_1.jpg); }
#navi ul.sNavBn li.bn2 a { background-image: url(../images/s_nav_bn_2.jpg); }
#navi ul.sNavBn li.bn1 a:hover { background-image: url(../images/s_nav_bn_1_o.jpg); }
#navi ul.sNavBn li.bn2 a:hover { background-image: url(../images/s_nav_bn_2_o.jpg); }

/* under */
.sNavBox { background: url(../images/s_nav_box_bg.gif) 0 0 repeat-y; width: 235px; }
.sNavBoxInner { background: url(../images/s_nav_box_top.gif) 0 0 no-repeat; width: 235px; }
.sNavBoxInner div { background: url(../images/s_nav_box_btm.gif) 0 100% no-repeat; width: 235px; padding-bottom: 4px; }

.sNavBox dl { background-position: 0 100%; background-repeat: no-repeat; width: 210px; padding-bottom: 10px; margin-left: 13px; margin-bottom: 10px; }
.sNavBox dl dt { background-position: 0 0; background-repeat: no-repeat; width: 210px; height: 50px; text-indent: -9999px; }
.sNavBox dl dd { background-position: 8px 100%; background-repeat: no-repeat; background-color: #fff; width: 208px; border-left: solid 1px; border-right: solid 1px; }
*html .sNavBox dl dd { width: 210px; }
.sNavBox dl dd span { display: block; }
.sNavBox dl dd a { display: block; background-position: 8px 50%; background-repeat: no-repeat; width: 170px; padding: 10px 10px 10px 28px; }
*html .sNavBox dl dd a { width: 208px; }

.sNavBox dl.sNav-ca-1 { background-image: url(../images/s_nav_ca_1_bg.gif); }
.sNavBox dl.sNav-ca-1 dt { background-image: url(../images/s_nav_ca_1.jpg); height: 55px; }
.sNavBox dl.sNav-ca-1 dd { background-image: url(../images/s_nav_line_1.gif); border-color: #88b526; }
.sNavBox dl.sNav-ca-1 dd a { background-image: url(../images/icon_a_1.gif); }
.under #navi .sNavBox dl.sNav-ca-1 dd a:hover { background-image: url(../images/icon_a_1_o.gif); color: #88b526; }

.sNavBox dl.sNav-ca-2 { background-image: url(../images/s_nav_ca_2_bg.gif); }
.sNavBox dl.sNav-ca-2 dt { background-image: url(../images/s_nav_ca_2.jpg); }
.sNavBox dl.sNav-ca-2 dd { background-image: url(../images/s_nav_line_2.gif); border-color: #f26c14; }
.sNavBox dl.sNav-ca-2 dd a { background-image: url(../images/icon_a_2.gif); }
.under #navi .sNavBox dl.sNav-ca-2 dd a:hover { background-image: url(../images/icon_a_2_o.gif); color: #f26c14; }

.sNavBox dl.sNav-ca-3 { background-image: url(../images/s_nav_ca_3_bg.gif); }
.sNavBox dl.sNav-ca-3 dt { background-image: url(../images/s_nav_ca_3.jpg); }
.sNavBox dl.sNav-ca-3 dd { background-image: url(../images/s_nav_line_3.gif); border-color: #1d8ece; }
.sNavBox dl.sNav-ca-3 dd a { background-image: url(../images/icon_a_3.gif); }
.under #navi .sNavBox dl.sNav-ca-3 dd a:hover { background-image: url(../images/icon_a_3_o.gif); color: #1d8ece; }

.sNavBox dl.sNav-ca-4 { background-image: url(../images/s_nav_ca_4_bg.gif); }
.sNavBox dl.sNav-ca-4 dt { background-image: url(../images/s_nav_ca_4.jpg); }
.sNavBox dl.sNav-ca-4 dd { background-image: url(../images/s_nav_line_4.gif); border-color: #f13426; }
.sNavBox dl.sNav-ca-4 dd a { background-image: url(../images/icon_a_4.gif); }
.under #navi .sNavBox dl.sNav-ca-4 dd a:hover { background-image: url(../images/icon_a_4_o.gif); color: #f13426; }

#navi ul.sNav-ca-5 { width: 210px; margin: 10px 0 10px 13px; }
#navi ul.sNav-ca-5 li { background: url(../images/s_nav_line_5.gif) 8px 100% no-repeat; width: 210px; }
#navi ul.sNav-ca-5 li a { display: block; background: url(../images/icon_a_5.gif) 8px 50% no-repeat; width: 170px; padding: 10px 10px 10px 28px;}
.under #navi ul.sNav-ca-5 li a:hover { background-image: url(../images/icon_a_5_o.gif); color: #F90; }

.under #navi a { color: #262626; text-decoration: none; }
.under #navi a:hover,
.under #navi a:active { text-decoration: underline; }

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

#content {
	float: left;
	width: 660px;
	padding: 2px 0 0;
}
.top #content { padding: 8px 0 0; }
#content  p.adtop01 a{
	display:block;
	background:url(../images/ad_top.jpg) no-repeat;
	height:69px;
	width:660px;
	text-align:left;
	text-indent:-9999px;
	}
#content  p.adtop01 a:hover{
	background:url(../images/ad_top_o.jpg) no-repeat;}

/* common */

p.bnInquiry { clear: both; background: url(../images/bn_inquiry.jpg) 0 0 no-repeat; width: 660px; height: 150px; text-indent: -9999px; margin: 20px 0; }
p.bnInquiry a { display: block; background: url(../images/bn_inquiry.jpg) 0 0 no-repeat; width: 660px; height: 150px; }
p.bnInquiry a:hover { background: url(../images/bn_inquiry_o.jpg) 0 0 no-repeat; width: 660px; height: 150px; }

/* index
------------------------------------------------------------------------*/

.top-content { background: url(../images/top_con_box_bg.gif) 0 0 repeat-y; width: 660px; font-size: 115%; margin: 0 0 10px; }
.top-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.top-content { display: inline-block; }
/* Hides from IE-mac \*/
* html .top-content { height: 1%; }
.top-content { display: block; }
/* End hide from IE-mac */
.top-content-inner { background: url(../images/top_con_box_btm.gif) 0 100% no-repeat; width: 660px; padding: 0 0 10px; }
.top-content h3 { background-position: 0 0; background-repeat: no-repeat; width: 660px; height: 35px; text-indent: -9999px; padding: 0; margin: 0 0 13px; }
.top-content-1 h3 { background-image: url(../images/top_h3_1.jpg); }
.top-content-2 h3 { background-image: url(../images/top_h3_2.jpg); }
.top-content-3 h3 { background-image: url(../images/top_h3_3.jpg); }

.top-content ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.top-content ul { display: inline-block; }
/* Hides from IE-mac \*/
* html .top-content ul { height: 1%; }
.top-content ul { display: block; }
/* End hide from IE-mac */

.top-content-1 ul { margin: 0 0 10px 10px; }
.top-content-1 ul li { float: left; background-position: 0 0; background-repeat: no-repeat; width: 208px; height: 80px; text-indent: -9999px; margin: 0 8px 0 0; }
.top-content-1 ul li.nav1 { background-image: url(../images/top_img_01.jpg); }
.top-content-1 ul li.nav2 { background-image: url(../images/top_img_02.jpg); }
.top-content-1 ul li.nav3 { background-image: url(../images/top_img_03.jpg); margin-right: 0; }
.top-content-1 ul li a { display: block; background-position: 0 0; background-repeat: no-repeat; width: 208px; height: 80px; }
.top-content-1 ul li.nav1 a { background-image: url(../images/top_img_01.jpg); }
.top-content-1 ul li.nav2 a { background-image: url(../images/top_img_02.jpg); }
.top-content-1 ul li.nav3 a { background-image: url(../images/top_img_03.jpg); }
.top-content-1 ul li.nav1 a:hover { background-image: url(../images/top_img_01_o.jpg); }
.top-content-1 ul li.nav2 a:hover { background-image: url(../images/top_img_02_o.jpg); }
.top-content-1 ul li.nav3 a:hover { background-image: url(../images/top_img_03_o.jpg); }
.top-content-1 div { margin: 0 3px 0 0; }
.top-content-1 h4 { background: url(../images/top_h4_1.jpg) 0 0 no-repeat; width: 651px; height: 57px; text-indent: -9999px; padding: 0; margin: 0 0 10px 6px; border: none; }
.top-content-1 p.photo { padding: 0 0 0 15px; }
.top-content-1 p.photo img { float: right; margin: -67px 0 0; }
.top-content-1 p.tsttl { color: #0C8C33; font-weight: bold; margin: 0 0 10px; }
.top-content-1 p { padding: 0 10px 0 15px; }

.top-content-2 ul { margin: 0 0 10px 10px; }
.top-content-2 ul li { float: left; background-position: 0 0; background-repeat: no-repeat; width: 208px; height: 150px; text-indent: -9999px; margin: 0 8px 0 0; }
.top-content-2 ul li.nav1 { background-image: url(../images/top_img_05.jpg); }
.top-content-2 ul li.nav2 { background-image: url(../images/top_img_06.jpg); }
.top-content-2 ul li.nav3 { background-image: url(../images/top_img_new01.jpg); margin-right: 0; }
.top-content-2 ul li.nav4 { background-image: url(../images/top_img_new02.jpg); margin-top:10px; }
.top-content-2 ul li.nav5 { background-image: url(../images/top_img_new03.jpg); margin-top:10px; }
.top-content-2 ul li.nav6 { background-image: url(../images/top_img_new04.jpg); margin-top:10px; margin-right: 0; }
.top-content-2 ul li a { display: block; background-position: 0 0; background-repeat: no-repeat; width: 208px; height: 150px; }
.top-content-2 ul li.nav1 a { background-image: url(../images/top_img_05.jpg); }
.top-content-2 ul li.nav2 a { background-image: url(../images/top_img_06.jpg); }
.top-content-2 ul li.nav3 a { background-image: url(../images/top_img_new01.jpg); }
.top-content-2 ul li.nav4 a { background-image: url(../images/top_img_new02.jpg); }
.top-content-2 ul li.nav5 a { background-image: url(../images/top_img_new03.jpg); }
.top-content-2 ul li.nav6 a { background-image: url(../images/top_img_new04.jpg); }
.top-content-2 ul li.nav1 a:hover { background-image: url(../images/top_img_05_o.jpg); }
.top-content-2 ul li.nav2 a:hover { background-image: url(../images/top_img_06_o.jpg); }
.top-content-2 ul li.nav3 a:hover { background-image: url(../images/top_img_new01_o.jpg); }
.top-content-2 ul li.nav4 a:hover { background-image: url(../images/top_img_new02_o.jpg); }
.top-content-2 ul li.nav5 a:hover { background-image: url(../images/top_img_new03_o.jpg); }
.top-content-2 ul li.nav6 a:hover { background-image: url(../images/top_img_new04_o.jpg); }

.top-content-3 {}
.top-content-3 ul { margin: 0 0 5px 10px; }
.top-content-3 ul li { float: left; background-position: 0 0; background-repeat: no-repeat; width: 208px; height: 80px; text-indent: -9999px; margin: 0 8px 8px 0; }
.top-content-3 ul li.nav01 { background-image: url(../images/top_img_08.jpg); }
.top-content-3 ul li.nav02 { background-image: url(../images/top_img_09.jpg); }
.top-content-3 ul li.nav03 { background-image: url(../images/top_img_10.jpg); }
.top-content-3 ul li.nav04 { background-image: url(../images/top_img_11.jpg); }
.top-content-3 ul li.nav05 { background-image: url(../images/top_img_12.jpg); }
.top-content-3 ul li.nav06 { background-image: url(../images/top_img_13.jpg); }
.top-content-3 ul li.nav07 { background-image: url(../images/top_img_14.jpg); }
.top-content-3 ul li.nav08 { background-image: url(../images/top_img_15.jpg); }
.top-content-3 ul li.nav09 { background-image: url(../images/top_img_16.jpg); }
.top-content-3 ul li.nav10 { background-image: url(../images/top_img_17.jpg); }
.top-content-3 ul li.nav11 { background-image: url(../images/top_img_18.jpg); }
.top-content-3 ul li.nav12 { background-image: url(../images/top_img_19.jpg); }
.top-content-3 ul li a { display: block; background-position: 0 0; background-repeat: no-repeat; width: 208px; height: 80px; }
.top-content-3 ul li.nav01 a { background-image: url(../images/top_img_08.jpg); }
.top-content-3 ul li.nav02 a { background-image: url(../images/top_img_09.jpg); }
.top-content-3 ul li.nav03 a { background-image: url(../images/top_img_10.jpg); }
.top-content-3 ul li.nav04 a { background-image: url(../images/top_img_11.jpg); }
.top-content-3 ul li.nav05 a { background-image: url(../images/top_img_12.jpg); }
.top-content-3 ul li.nav06 a { background-image: url(../images/top_img_13.jpg); }
.top-content-3 ul li.nav07 a { background-image: url(../images/top_img_14.jpg); }
.top-content-3 ul li.nav08 a { background-image: url(../images/top_img_15.jpg); }
.top-content-3 ul li.nav09 a { background-image: url(../images/top_img_16.jpg); }
.top-content-3 ul li.nav10 a { background-image: url(../images/top_img_17.jpg); }
.top-content-3 ul li.nav11 a { background-image: url(../images/top_img_18.jpg); }
.top-content-3 ul li.nav12 a { background-image: url(../images/top_img_19.jpg); }
.top-content-3 ul li.nav01 a:hover { background-image: url(../images/top_img_08_o.jpg); }
.top-content-3 ul li.nav02 a:hover { background-image: url(../images/top_img_09_o.jpg); }
.top-content-3 ul li.nav03 a:hover { background-image: url(../images/top_img_10_o.jpg); }
.top-content-3 ul li.nav04 a:hover { background-image: url(../images/top_img_11_o.jpg); }
.top-content-3 ul li.nav05 a:hover { background-image: url(../images/top_img_12_o.jpg); }
.top-content-3 ul li.nav06 a:hover { background-image: url(../images/top_img_13_o.jpg); }
.top-content-3 ul li.nav07 a:hover { background-image: url(../images/top_img_14_o.jpg); }
.top-content-3 ul li.nav08 a:hover { background-image: url(../images/top_img_15_o.jpg); }
.top-content-3 ul li.nav09 a:hover { background-image: url(../images/top_img_16_o.jpg); }
.top-content-3 ul li.nav10 a:hover { background-image: url(../images/top_img_17_o.jpg); }
.top-content-3 ul li.nav11 a:hover { background-image: url(../images/top_img_18_o.jpg); }
.top-content-3 ul li.nav12 a:hover { background-image: url(../images/top_img_19_o.jpg); }


/* under
------------------------------------------------------------------------*/

/* common */
p.topicPath { margin: 10px 0 7px 2px; }
p.pageTop { background: url(../images/pagetop.gif) 0 0 no-repeat; width: 90px; height: 30px; text-indent: -9999px; margin: 20px 0 20px 570px; }
p.pageTop a { display: block; background: url(../images/pagetop.gif) 0 0 no-repeat; width: 90px; height: 30px; }

.conBox {
	line-height: 1.5;
	margin: 0 10px 5px;
}
.conBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.conBox { display: inline-block; }
/* Hides from IE-mac \*/
* html .conBox { height: 1%; }
.conBox { display: block; }
/* End hide from IE-mac */

.conBox p { font-size: 140%; }

p.sttl { background: url(../images/sttl_3.gif) 0 100% no-repeat; font-size: 130%; font-weight: bold; padding: 2px 0 6px 22px; margin: 0 0 10px 10px; }
*html p.sttl { width: 640px; }
p.sttl2 { background: url(../images/icon_c_1.gif) 0 2px no-repeat; font-size: 130%; font-weight: bold; padding: 0 0 0 15px; margin: 0 0 5px 10px; }

.conBox p.imgL {
	float: left;
	padding: 0;
	margin: 0 10px 10px 0;
	border: solid 1px #9dd22c;
}

.conBox p.imgR {
	float: right;
	padding: 0;
	margin: 0 0 10px 15px;
	border: solid 1px #9dd22c;
}

.conBox ul { font-size: 140%; }
.conBox ul li { background: url(../images/icon_c_1.gif) 0 3px no-repeat; padding: 0 0 0 15px; margin-bottom: 8px; }

.conBox p.imgL img { border: solid 1px #FFF; }
.conBox p.imgR img { border: solid 1px #FFF; }
.probox{
	border:solid 1px #f0e68d;
	margin:0 0 20px 0;
	width:660px;
	padding:0;
	display:block;
	}
.probox h3{
	background:url(../images/tit_boxpro.jpg) no-repeat;
	height:48px;	
	text-indent:-9999px;
	width:657px;
	margin:0 0 15px 0;
	padding:0;
	}
.probox .idx_pro_items{
	display:block;
	width:500px;	
	margin:0 0 0 135px;
	padding:0;
	overflow:hidden;
	}
.probox .idx_pro_items h4.tit_pro{
	background:none;
	border:none;
	font-size:170%;
	font-weight:normal;
	padding:0; margin:0 0 20px;
	}
h4.tit_pro span{
	font-size:170%;
	font-weight:bold;
	}
.probox .idx_pro_items img{
	display:block;
	width:177px;
	height:177px;
	float:left;
	padding:0;
	margin:!important;
	margin:0 30px 30px 10px;
	}
.probox .idx_pro_items p.cl_prices{
	font-size:250%;
	float:left;
	color:#F00;
	font-weight:bold;
	}
.cl_prices a{
	margin:20px 0;
	display:block;
	text-indent:-9999px;
	height:30px;
	width:130px;
	background:url(../images/bnn_pro_01.jpg) no-repeat;
	}
.cl_prices a:hover{
	background:url(../images/bnn_pro_01_o.jpg) no-repeat;
	}

table {
	width: 640px;
	font-size: 140%;
	line-height: 1.5;
	margin: 0 0 20px 10px;
	border-top: solid 1px;
	border-left: solid 1px;
	border-color: #9dd22c;
	border-collapse: collapse;
}

table th ,
table td {
	text-align: left;
	vertical-align: top;
	padding: 10px 10px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-color: #9dd22c;
}

table th {
	background: #fff6da;
	vertical-align: middle;
}


.txtBox { background: #fff6da; font-size: 110%; padding-bottom: 0px; margin: 0 10px 20px; border: solid 1px #efd400 }
.txtBox dl { background: #fff; line-height: 1.5; padding: 10px; margin: 5px; }
.txtBox dl dt { color: #f60; font-weight: bold; margin: 0 0 5px; }
.txtBox dl dd dl { padding: 0; margin: 0; }
.txtBox dl dd dl dt { color: #262626; font-weight: normal; }
.txtBox dl dd dl dd {}
.txtBox dl dd {}

.itemBox { margin: 0 0 10px 10px; }
.itemBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.itemBox { display: inline-block; }
/* Hides from IE-mac \*/
* html .itemBox { height: 1%; }
.itemBox { display: block; }
/* End hide from IE-mac */
.itemBox div { float: left; width: 200px; margin: 0 20px 30px 0; }
.itemBox div.r { margin-right: 0; }
.itemBox p.pic { margin: 0 0 12px; }
.itemBox dl { font-size: 120%; margin: 0 0 10px; }
.itemBox dl dt { background: url(../images/icon_a_5.gif) 0 1px no-repeat; min-height: 1.5em; height: auto !important; height: 1.5em; padding: 0 0 10px 18px; margin: 0 0 12px; border-bottom: dashed 1px #999; }
.itemBox dl dt a { color: #0C8D33; }
.itemBox dl dd { font-weight: bold; }
.itemBox dl dt span { color: #c00; font-weight:bold; }
.itemBox dl dd span { color: #c00; font-size: 140%; }
.itemBox p.btn { background: url(../images/btn_detail.jpg) 0 0 no-repeat; width: 142px; height: 32px; text-indent: -9999px; margin: 0 0 0 27px; }
.itemBox p.btn a { display: block; background: url(../images/btn_detail.jpg) 0 0 no-repeat; width: 142px; height: 32px; }
.itemBox p.btn a:hover { background: url(../images/btn_detail_o.jpg) 0 0 no-repeat; width: 142px; height: 32px; }

p.bn { background-position: 0 0; background-repeat: no-repeat; width: 522px; height: 100px; text-indent: -9999px; margin: 0 0 30px 70px; }
p.bn a { display: block; background-position: 0 0; background-repeat: no-repeat; width: 522px; height: 100px; }
p.bn.step2 { background-image: url(../images/bn_step2.jpg); }
p.bn.step2 a { background-image: url(../images/bn_step2.jpg); }
p.bn.step2 a:hover { background-image: url(../images/bn_step2_o.jpg); }
p.bn.step3 { background-image: url(../images/bn_step3.jpg); }
p.bn.step3 a { background-image: url(../images/bn_step3.jpg); }
p.bn.step3 a:hover { background-image: url(../images/bn_step3_o.jpg); }
p.bn.step4 { background-image: url(../images/bn_step4.jpg); }
p.bn.step4 a { background-image: url(../images/bn_step4.jpg); }
p.bn.step4 a:hover { background-image: url(../images/bn_step4_o.jpg); }
p.bn.step5 { background-image: url(../images/bn_step5.jpg); }
p.bn.step5 a { background-image: url(../images/bn_step5.jpg); }
p.bn.step5 a:hover { background-image: url(../images/bn_step5_o.jpg); }
p.bn.step6 { background-image: url(../images/bn_step6.jpg); }
p.bn.step6 a { background-image: url(../images/bn_step6.jpg); }
p.bn.step6 a:hover { background-image: url(../images/bn_step6_o.jpg); }
p.bn.step7 { background-image: url(../images/bn_step7.jpg); }
p.bn.step7 a { background-image: url(../images/bn_step7.jpg); }
p.bn.step7 a:hover { background-image: url(../images/bn_step7_o.jpg); }

p.bnSoil { background: url(../images/bn_soil.jpg) 0 0 no-repeat; width: 520px; height: 90px; text-indent: -9999px; margin: 0 0 20px 71px; }
p.bnSoil a { display: block; background: url(../images/bn_soil.jpg) 0 0 no-repeat; width: 520px; height: 90px; }
p.bnSoil a:hover { display: block; background: url(../images/bn_soil_o.jpg) 0 0 no-repeat; width: 520px; height: 90px; }

.marB10 { margin-bottom: 10px; }


/*----- beginner -------------------------------------------------------*/
/* 01 index */

/* 02 preparation */
.preparation .itemBox dl dt { min-height: 3em; height: auto !important; height: 3em; }

/* 03 environment */

/* 04 point */

/* 05 soil */
.soilBox { background: url(../images/soil_img_02.jpg) 100% 100% no-repeat; padding: 20px 0 0 20px; margin: 0 0 30px; border-bottom: solid 2px #b0da56; }
.soilBox ul { width: 350px; font-size: 120%; }
.soilBox ul li { background: url(../images/icon_c_1.gif) 0 2px no-repeat; line-height: 1.5; padding: 0 0 0 15px; margin-bottom: 10px; }

p.bnPlanter { background: url(../images/bn_planter.jpg) 0 0 no-repeat; width: 522px; height: 154px; text-indent: -9999px; margin: 0 0 30px 70px; }
p.bnPlanter a { display: block; background: url(../images/bn_planter.jpg) 0 0 no-repeat; width: 522px; height: 154px; }
p.bnPlanter a:hover { display: block; background: url(../images/bn_planter_o.jpg) 0 0 no-repeat; width: 522px; height: 154px; }

/* 06 veranda */
.verandaBox { padding: 12px 12px 5px; border: solid 2px #f0e68c; }
.verandaBox div { float: left; width: 370px; }

/* 07 season */
.season table { margin-bottom: 30px; }
.season table th { width: 15%; text-align: center; }

/*----- goods ---------------------------------------------------------*/
/* 08 index */

/* 09 hyponica */

/* 10 standard */
.standard .itemBox dl dt { min-height: 3em; height: auto !important; height: 3em; }

/*----- hydroponics ---------------------------------------------------*/
/* 11 index */

/* 12 recommend */
.recommend table { margin-bottom: 30px; }
.recommend table th { width: 12%; text-align: center; }
.recommend table.tbl1 td { width: 33%; text-align: center; }

/* 13 contribution */
.contribution .conBox.line { padding-bottom: 20px; border-bottom: dashed 1px #ccc; }
.contribution .conBox div { float: left; width: 420px; }
.contribution .conBox div p.imgB { width: 222px; border: solid 1px #9dd22c; }
.contribution .conBox div p.imgB img { border: solid 1px #fff; }

/*----- about ---------------------------------------------------------*/
/* 14 index */
.about .conBox.blog p {}
.about .conBox.blog p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.about .conBox.blog p { display: inline-block; }
/* Hides from IE-mac \*/
* html .about .conBox.blog p { height: 1%; }
.about .conBox.blog p { display: block; }
/* End hide from IE-mac */
.about .conBox p img { float: left; width: 170px; margin: 0 10px 10px 0; }

/* 15 company */
.company table { margin-bottom: 30px; }
.company table th { width: 25%; }

/*----- 16 faq ---------------------------------------------------------*/

ul.qList { font-size: 130%; line-height: 1.5; padding: 0 0 20px 20px; margin: 0 10px 20px; border-bottom: dashed 1px #ccc; }
ul.qList li { background: url(../images/icon_a_5.gif) 0 3px no-repeat; padding: 0 0 0 20px; margin-bottom: 8px; }
.faqBox { margin: 0 10px 30px; }
.faqBox dl { line-height: 1.5; }
.faqBox dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.faqBox dl { display: inline-block; }
/* Hides from IE-mac \*/
* html .faqBox dl { height: 1%; }
.faqBox dl { display: block; }
/* End hide from IE-mac */
.faqBox dl dt { float: left; width: 40px; }
.faqBox dl dd { float: left; }
.faqBox dl.faq-Q { padding: 0 14px; margin: 0 0 8px; }
.faqBox dl.faq-Q dd { width: 570px; color: #f37421; font-size: 120%; font-weight: bold; padding: 4px 0 0; }
.faqBox dl.faq-A { padding: 12px; margin: 0 0 25px; border: solid 2px #f0e68c; }
*html .faqBox dl.faq-A { width: 640px; }
.faqBox dl.faq-A dd { width: 570px; font-size: 110%; padding: 5px 0 0; }

/*----- 17 experience --------------------------------------------------*/
.experience .conBox.line { padding-bottom: 10px; border-bottom: dashed 1px #ccc; }
.experience .conBox p.imgL { margin-right: 15px; }

/*----- 18 inquiry -----------------------------------------------------*/
.inquiry table { width: 650px; margin: 0 0 30px 10px; }
.inquiry table th { width: 30%; vertical-align: middle; }
.inquiry table th ,
.inquiry table td {}
.inquiry table textarea { width: 420px; }

.inquiry table input { max-width: 400px; }
.inquiry table input { width: 300px; }
.inquiry table ol input { width: auto; }

/*----- 19 sitemap -----------------------------------------------------*/
.sitemapBox { line-height: 1.5; margin: 20px 0 40px; }
.sitemapBox ul { font-size: 140%; margin: 0 0 20px 60px; }
.sitemapBox ul li { background: url(../images/icon_a_5.gif) 0 2px no-repeat; padding: 0 0 0 18px; margin-bottom: 7px; }
.sitemapBox dl { font-size: 140%; margin: 0 10px 20px 60px; }
.sitemapBox dl dt { color: #030; font-weight: bold; margin: 15px 0 5px; }
.sitemapBox dl dd { background: url(../images/icon_a_1.gif) 0 2px no-repeat; padding: 0 0 0 18px; margin: 0 0 7px 15px; }


.goods .goods_bnr a:hover img {
	filter:alpha(opacity=80);
	opacity:0.8;
}