@charset "utf-8";
/* -----初期化---------------------------------------------------------------------- */
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}

ul,li {
	list-style:none;
}

img {
	margin:0px;
	padding:0px;
	border:0px;
}

/* -----基本設定---------------------------------------------------------------------- */
body{
	text-align:center;
	font-size:12px;
	color:#666666;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height:170%;
	height:100%;
	background-color: #FFFFFF;
}

a,
a:link,
a:visited {
	color:#666666;
	text-decoration:underline;
}

a:hover,
a:active {
	color:#666666;
	text-decoration:underline;
}
.clear {/* float解除のhack box */
	clear:both;
}
/* -----各コンテナの設定---------------------------------------------------------------------- */

#wrapper {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
	position:relative;
	width: 840px;
	background-image: url(../shared/bg_img.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: center;
}
#main {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: 100%;
}
#contents {
	width: 770px;
	padding: 15px;
}
#left {
	width: 220px;
	float: left;
	margin-bottom: 10px;
}
#right {
	width: 535px;
	float: right;
}
/* -----ヘッダー部分---------------------------------------------------------------------- */
#header {
	padding-bottom:0px;
	width: 800px;
	height: 165px;
	position: relative;
	margin-bottom: 10px;
}
#header h1 {
	height: 20px;
	width: 800px;
	font-size: 10px;
	background-color: #0C0CB5;
	font-weight: normal;
	color: #FFFFFF;
	text-indent: 15px;
	margin-bottom: 15px;
}


#header-logo {
	height: 130px;
	width: 102px;
	float: left;
	padding-left: 15px;
}
#header-center {
	height: 130px;
	width: 300px;
	float: left;
	padding-left: 36px;
}
#header-center img {
	padding-bottom: 5px;
}
#header-center h3 {
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	width: 300px;
}
#header-tel {
	height: 130px;
	width: 301px;
	float: right;
	padding-right: 15px;
}
.header-tel-img {
	margin: 0px;
	padding: 0px;	
}

/* -----グローバルナビ---------------------------------------------------------------------- */
.menu h1 {display:block;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	color:#ffffff;
	background-color:#3399ff;
	width:109px;
	line-height:28px;}

.menu a	{display:block;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	color:#ffffff;
	background-color:#3399ff;
	width:109px;
	line-height:28px;}

.menu a:hover {background-color:#0066cc;
	width:109px;}

.submenu {visibility:hidden;
	position:absolute;
	top:auto;
	left:0;}

.submenu a {border-top:#ffffff 1px solid ;
	background-color:#3399ff;}

#menu1	{position:absolute;
	top:170px;
	left:35px;}

#menu2	{position:absolute;
	top:170px;
	left:145px;}

#menu3	{position:absolute;
	top:170px;
	left:255px;}

#menu4	{position:absolute;
	top:170px;
	left:365px;}

#menu5	{position:absolute;
	top:170px;
	left:475px;}

#menu6	{position:absolute;
	top:170px;
	left:585px;}

#menu7	{position:absolute;
	top:170px;
	left:695px;}


#gnavi {
	width:770px;
	height: 35px;
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-bottom: 10px;
}

#gnavi a {display:block;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	color:#ffffff;
	background-color:#66cc33;
	width:96px;
	line-height:28px}

.gnavi a:hover {background-color:#009900}

.gnavisub {visibility:hidden;
	position:absolute;
	top:auto;
	left:0}

.gnavisub a {border-top:solid 1px#ffffff;
	background-color:#33cc66}

#gnavmenu1	{position:absolute;
	top:0;
	left:0}

#gnavmenu2	{position:absolute;
	top:0;
	left:96px}

#gnavmenu3	{position:absolute;
	top:0;
	left:192px}

#gnavmenu4	{position:absolute;
	top:0;
	left:0}

#gnavmenu5	{position:absolute;
	top:0;
	left:288px}

#gnavmenu6	{position:absolute;
	top:0;
	left:384px}

#gnavmenu7	{position:absolute;
	top:0;
	left:480}

#gnavmenu8	{position:absolute;
	top:0;
	left:576px}

/* -----プログラムボタン---------------------------------------------------------------------- */
#prg-btn {
	width:770px;
	height: 200px;
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-bottom: 10px;
}

#prg-btn ul {
	height: 100px;
	width: auto;
}

#prg-btn li {
	float:left;
	height: 100px;
	padding-right: 0px;
}

#prg-btn li a {
	overflow:auto;
	height: 100px;
	text-decoration:none;
	text-indent: -9999px;
	display: block;
}

#prg-btn LI#prg-basic A {
	width : 385px;
	height: 100px;
	padding-right: 0px;
	background-image: url(../img/basic_button_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#prg-btn LI#prg-basic A:hover, #prg-btn LI#prg-basic A:active {
	width : 385px;
	padding-right: px;
	background-image: url(../img/basic_button_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#prg-btn LI#prg-herbalist A {
	width : 385px;
	height: 100px;
	padding-right: 0px;
	background-image: url(../img/herbalist_button_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#prg-btn LI#prg-herbalist A:hover, #prg-btn LI#prg-herbalist A:active {
	width : 385px;
	padding-right: 0px;
	background-image: url(../img/herbalist_button_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#prg-btn LI#prg-jiden A {
	width : 385px;
	height: 100px;
	padding-right: 0px;
	background-image: url(../img/jiden_button_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#prg-btn LI#prg-jiden A:hover, #prg-btn LI#prg-jiden A:active {
	width : 385px;
	padding-right: 0px;
	background-image: url(../img/jiden_button_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#prg-btn LI#prg-herb A {
	width : 385px;
	height: 100px;
	padding-right: 0px;
	background-image: url(../img/herb_button_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#prg-btn LI#prg-herb A:hover, #prg-btn LI#prg-herb A:active {
	width : 385px;
	padding-right: 0px;
	background-image: url(../img/herb_button_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#prg-btn LI#prg-tsushima A {
	width : 385px;
	height: 100px;
	padding-right: 0px;
	background-image: url(../img/tsushima_button_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#prg-btn LI#prg-tsushima A:hover, #prg-btn LI#prg-tsushima A:active {
	width : 385px;
	padding-right: 0px;
	background-image: url(../img/tsushima_button_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* -----メイン画像---------------------------------------------------------------------------------- */
#main_img {
	width: 770px;
	height: 280px;
	padding-right: 15px;
	padding-left: 15px;
	background-image: url(../img/main_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#main_img h3 {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	left: 55px;
	top: 105px;	
}

/* サブナビ----------------------------------------------- */

#snavi {
	width:220px;
}

#snavi li {
	width:220px;
}

#snavi li a {
	display: block;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
	width:132px;
	height:110px;
}
#sn-01 {
	width:220px;
	height : 60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#sn-02 {
	width:220px;
	height : 60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#sn-03 {
	width:220px;
	height : 60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#sn-04 {
	width:220px;
	height : 60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#sn-05 {
	width:220px;
	height : 60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#sn-06 {
	width:220px;
	height : 60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#sn-10 {
	width:220px;
	height : 60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#sn-11 {
	width:220px;
	height : 60px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#snavi li#sn-01 a {
	background-image:url(../shared/bt_basic_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-01 a:hover, #snavi li#sn-01 a:active {
	background-position:left top;
	background-image: url(../shared/bt_basic_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
#snavi li#sn-02 a {
	background-image:url(../shared/bt_basic02_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-02 a:hover, #snavi li#sn-02 a:active {
	background-position:left top;
	background-image: url(../shared/bt_basic02_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
#snavi li#sn-03 a {
	background-image:url(../shared/bt_basic03_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-03 a:hover, #snavi li#sn-03 a:active {
	background-position:left top;
	background-image: url(../shared/bt_basic03_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
#snavi li#sn-04 a {
	background-image:url(../shared/bt_basic04_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-04 a:hover, #snavi li#sn-04 a:active {
	background-position:left top;
	background-image: url(../shared/bt_basic04_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
#snavi li#sn-05 a {
	background-image:url(../shared/bt_basic05_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-05 a:hover, #snavi li#sn-05 a:active {
	background-position:left top;
	background-image: url(../shared/bt_basic05_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
#snavi li#sn-06 a {
	background-image:url(../shared/bt_unc_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-06 a:hover, #snavi li#sn-06 a:active {
	background-position:left top;
	background-image: url(../shared/bt_unc_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
#snavi li#sn-10 a {
	background-image:url(../shared/bt_darian_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-10 a:hover, #snavi li#sn-10 a:active {
	background-position:left top;
	background-image: url(../shared/bt_darian_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
#snavi li#sn-11 a {
	background-image:url(../shared/bt_woni_off.gif);
	background-position:left top;
	width:220px;
	height:60px;
	background-repeat: no-repeat;
}
#snavi li#sn-11 a:hover, #snavi li#sn-11 a:active {
	background-position:left top;
	background-image: url(../shared/bt_woni_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:60px;
}
/* 最新情報エリア---------------------------------------- */
#news-area {
	width:220px;
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#news {
	width:219px;
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FF7B60;
	border-bottom-color: #FF7B60;
	border-left-color: #FF7B60;
}

/* バナーの設定----------------------------------------------- */
#bana01 a {
	display: block;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
	background-image:url(../shared/bt_blog_off.gif);
	background-position:left top;
	width:220px;
	height:80px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#bana01 a:hover, #bana01 a:active {
	background-position:left top;
	background-image: url(../shared/bt_blog_on.gif);
	background-repeat: no-repeat;
	width:220px;
	height:80px;
	margin-bottom: 10px;
}
#bana02 {
	width:220px;
	height:120px;
	margin-bottom: 10px;
}
#bana02 img {
	margin: 0px;
	padding: 0px;	
}
/* 会社情報エリアの設定----------------------------------------------- */
#info-area-top {
	width:220px;
	height:10px;
	background-image: url(../shared/img_info01_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0px;
	padding:0px;
}
#info-area-top img {
	width:220px;
	height:10px;
	margin:0px;
	padding:0px;
	border:0px;
	display:block;
}
#info-area-bottom {
	margin:0px;
	padding:0px;
}
#info-area-bottom img {
	margin:0px;
	padding:0px;
	border:0px;
	display:block;
}
#info-area {
	width:220px;
	height:auto;
	background-image: url(../shared/img_info01_middle.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#info-area p {
	padding-left: 20px;
	padding-top: 5px;
	font-size: 11px;
	line-height: 150%;
}
/* ---右エリア内のテキスト設定------------------------------------------- */
.txt-box01 {
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
}
.txt-box01 .img {
	padding-left: 10px;
	float: right;
	width: auto;
	padding-bottom: 10px;
}
.subtitle {
	background-image: url(../shared/bg_subtitle.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 490px;
	padding-bottom: 10px;
}
.subtitle h5 {
	font-size: 14px;
	color: #0C0CB5;
	text-indent: 10px;
	line-height: 190%;
}
.txt-box02 {
	width: 470px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.txt-box02 ul {
	width: 240px;
	float: left;
}
.txt-box02 ul li {
	padding-bottom: 5px;	
}
.txt-box03 {
	width: 470px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.txt-box03 ul li {
	padding-bottom: 5px;	
}
.indent15 {
	padding-left: 15px;
}
.indent30 {
	padding-left: 30px;
}
.map-area {
	padding-top: 5px;
	float: right;
	width: 220px;
}
.map-area p {
	padding-top: 5px;
	float: right;
	width: 220px;
	font-size: 10px;
}
.map-area .map-img {
	width: 220px;
}
/* ---ページトップへのボタン----------------------------- */
.pagetop {
	width:85px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 450px;
}

.pagetop a {
	background-image:url(../shared/bt_pagetop_off.gif);
	background-position:left top;
	width:85px;
	display: block;
	height: 19px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
	background-repeat: no-repeat;
}

.pagetop a:hover, .pagetop a:active {
	background-image:url(../shared/bt_pagetop_on.gif);
	background-position:left top;
	width:85px;
	display: block;
	height: 19px;
	overflow:hidden;
}

/* ---フッター部分------------------------------------------------------------------------ */
#footer {
	background-color: #0C0CB5;
	text-align: center;
	letter-spacing: 0.1em;
	width: 800px;
	color: #FFFFFF;
	padding-top: 10px;
}
#copy {
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer a {
	overflow:auto;
	height: auto;
	width: auto;
	text-decoration:none;
	color: #FFFFFF;
}
#footer a:hover, a:active {
	overflow:auto;
	height: auto;
	width: auto;
	text-decoration:underline;
	color: #FFFFFF;
}

.white {
	color:#FFFFFF;
	text-decoration: underline;
}
.orange {
	color:#FF7B60;
}