@charset "Shift_JIS";

/*---------------------------------------------------------------------------*/
/* 全体の共通設定 */
body {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #575759;
	font-size: 1.5ex;
	text-align: center;
	font-family: "MS P明朝","MS P Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","sans-serif";
	background: #308A26;
}

/* 全体の行間設定 */
p,dt,dd {
	line-height: 1.5;
}

/* 全体のリンク設定 */
A			{ color: #6069C4; text-decoration: none; }
A:VISITED	{ color: #6B7AA7; }
A:ACTIVE	{ color: #C9A117; }
A:HOVER		{ color: #000099; text-decoration: underline; }

/*---------------------------------------------------------------------------*/
/* パンくずリスト設定 */
ol#topicpath {
	width: 100%;
	margin: 0 0 10px 0;
	padding-top: 5px;
	text-align: right;
}
ol#topicpath li {
	display: inline;
	list-style-type: none;
	font-size: 82%;
	line-height: 1.0;
}

ol#topicpath li a {
	padding: 0 10px 0 0;
	background-image: url("../images/lis2.gif");
	background-repeat: no-repeat;
	background-position: right center;
}
/*---------------------------------------------------------------------------*/
/* 全体の箱設定 */
#wrapper {
	width: 80em;
	max-width: 100%;
	min-width: 800px;
	margin: 0 auto;
	background: #FFFFFF url("../images/back-right.gif") repeat-y right;
	text-align: left;
	overflow: hidden;
}

/*---------------------------------------------------------------------------*/
/* トップの設定 */
#logo {
	height: 80px;
	padding: 0 18px;
	margin: 5px 21px 5px 5px;
	background: #7BA566 url("../images/top-bg.jpg") no-repeat right top;
}

#logo img {
	float:left;
}

#opnav {
	float: right;
	padding: 0;
	margin-top: 50px;
}

/*---------------------------------------------------------------------------*/
/* トップナビの設定 */
#topbr {
	margin: 0 auto;
	text-align: center;
}

ul#topnavi {
	margin-left: 13px;
}

ul#topnavi li {
	float: left;
	width: 155px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	border-left: 1px solid #CCCCCC;
	list-style-type: none;
	font-size: 120%;
	letter-spacing: 5px;
	font-weight: bold;
}

ul#topnavi li a{
	display: block;
	padding: 5px 0;
}

ul#topnavi li.topnavitop {
	width: 145px;
}

ul#topnavi li.topnaviend {
	width: 145px;
	border-right: 1px solid #CCCCCC;
}

ul#topnavi li a			{ color: #006666; text-decoration: none; }
ul#topnavi li a:visited	{ color: #006666; text-decoration: none; }
ul#topnavi li a:active	{ color: #FFFFFF; text-decoration: none; background: #009966; }
ul#topnavi li a:hover	{ color: #FFFFFF; text-decoration: none; background: #339933; }

/*---------------------------------------------------------------------------*/
/* 分割用の箱設定・セカンダリー*/
#secondary {
	float: left;
	width: 205px;
	height: 100%;
	margin-left: 5px;
}

#secondary .section {
	padding: 0 5px 15px 0;
	border-bottom: 1px solid #ECECEC;
}

.cent0 {
	text-align: left;
	padding: 3px;
	border-top: 1px solid #ECECEC;
}

.cent1 {
	text-align: left;
	padding: 10px 5px 10px 10px;
	border-top: 1px solid #ECECEC;
}

.cent2 {
	text-align: center;
	padding: 10px 5px 10px 10px;
	border-top: 1px solid #ECECEC;
}

.linkbox {
	width: 183px;
	padding: 2px;
	margin: 0 auto;
	font-size: 110%;
	letter-spacing: 2px;
	display: block;
	padding: 5px;
	font-weight: bold;
}

a.linkbox 			{ color: #5D7064; text-decoration: none; }
a:visited.linkbox 	{ color: #5D7064; text-decoration: none; }
a:active.linkbox 	{ color: #395543; text-decoration: none; background: #D9E8DF; }
a:hover.linkbox 	{ color: #395543; text-decoration: none; background: #D9E8DF; }

/*---------------------------------------------------------------------------*/
/* 分割用の箱設定・プライマリー */
#primary {
	float: right;
	width: 100%;
	height: 100%;
	margin-left: -210px;
	background: url("../images/center-bg.jpg") repeat-y 210px 0px;
}

#primary .section {
	margin-left: 210px;
	margin-right: 16px;
}

.pr-title {
	padding: 10px 0px 3px 20px;
	letter-spacing: 5px;
	font-size: large;
	font-weight: bold;
}

.pr-main {
	padding: 5px 5px 10px 30px;
	text-align: left;
	letter-spacing: 3px;
	line-height: 180%;
	border-bottom: 1px solid #ECECEC;
}

.pr-end {
	padding: 5px 5px 10px 30px;
	text-align: left;
	letter-spacing: 3px;
	line-height: 180%;
}

.imgcent {
	text-align: center;
	padding: 15px 10px 15px 0px;
}

/*---------------------------------------------------------------------------*/
/* ホーム・プライマリー */
#homtopbr {
	background: url("../images/pr-topbr-hom00.jpg") no-repeat right top;
	padding: 35px 10px 15px 10px;
}

ul.toplist {
	margin-left: 25px;
	margin-bottom: 10px;
	padding: 5px 0 10px 20px;
	border-bottom: 1px dashed #ECECEC;	
}

ul.toplist li {
	margin: 0;
	padding: 0 0 0 15px ;
	background: url("../images/lis0.gif") no-repeat 0px 5px;
	list-style: none;
}


/*---------------------------------------------------------------------------*/
/* 会社概要・プライマリー */
#coptopbr {
	background: url("../images/pr-topbr-cop00.jpg") no-repeat right top;
	padding: 35px 10px 15px 10px;
}

ul.corpobox {
	height: 100%;
}
ul.corpobox li {
	float: left;
	width: 310px;
}
ul.corpobox li img {
	float: left;
	padding: 5px 8px 5px 5px;
}
/*---------------------------------------------------------------------------*/
/* 製品一覧・プライマリー */
#protopbr {
	background: url("../images/pr-topbr-pro00.jpg") no-repeat right top;
	padding: 35px 10px 15px 10px;
}

ul#prolist_menu li {
	border-top: 1px solid #ECECEC;
}

ul.prolist1 {
	padding: 5px 0 10px 10px;	
}

ul.prolist1 li {
	margin: 0px 10px 5px 0px;
	padding: 5px 0 0 15px ;
	background: url("../images/lis6.gif") no-repeat 10px 20px;
	list-style: none;
	letter-spacing: 4px;
	font-size: 120%;
}

ul.prolist1 li p {
	font-size: 80%;
}

ul.prolist2 {
	padding: 5px 0px 0px 10px;	
}

ul.prolist2 li {
	margin: 5px 10px 5px 0px;
	padding: 0 0 0 15px ;
	background: url("../images/lis5.gif") no-repeat 0px 6px;
	list-style: none;
}

ul.prolist3 {
	padding: 5px 0px 0px 0px;	
}

ul.prolist3 li {
	margin: 15px 10px 10px 0px;
	padding: 0 0 0 15px ;
	background: url("../images/lis7.gif") no-repeat 0px 6px;
	list-style: none;
}

.proimg {
	clear: both;
	padding: 10px;
}

.proimg strong {
	padding: 5px 50px 5px 10px;
	margin: 0px;
	letter-spacing: 10px;
	background: url("../images/pro-t-bg1.jpg") repeat-x 0px 10px;
}

.proimg img {
	float: left;
	padding: 5px 20px 5px 0px;
}

.proimg p {
	padding-top: 5px;
}

.linkbox_pr {
	width: 480px;
	font-size: 110%;
	letter-spacing: 2px;
	display: block;
	padding: 10px;
	font-weight: bold;
}

a.linkbox_pr 			{ color: #006666; text-decoration: none; }
a:visited.linkbox_pr 	{ color: #006666; text-decoration: none; }
a:active.linkbox_pr 	{ color: #006666; text-decoration: none; background: #DFF3D3; }
a:hover.linkbox_pr 		{ color: #006666; text-decoration: none; background: #EEF9E8; }


.probox {
	padding: 5px 0px 10px 38px;
	text-align: left;
	letter-spacing: 3px;
	font-size: 110%;
}

.probox p img {
	padding: 0px 10px 5px 8px;
	vertical-align: bottom;
}

/* 製品一覧画像・みどり ---------------------- */
.prbox_in1 {
	height: 40px;
	margin-top: 5px;
	background: url("../images/sc1-3.gif") repeat-x;
}
p.proboxtitle {
	margin: -15px 0px 0px 30px;
	font-weight: bold;
}
/* 親テーブル */
table.prboxinline1 {
	width: 96%;
	margin-top: 10px;
	border-collapse: collapse;
}
/* 画像 */
td.prbox_in2 {
	width: 160px;
	padding: 5px 10px 30px 0px;
	text-align: right;
	vertical-align: bottom;
}
/* 仕様 */
td.prbox_in3 {
	height: 26px;
	vertical-align: top;
	background: url("../images/sc1-5.gif") repeat-x;
}
/* 仕様・右 */
td.prbox_in4 {
	width: 24px;
	height: 26px;
	vertical-align: top;
}
/* 本文・上 */
td.prbox_in5 {
	vertical-align: top;
	text-align: left;
	padding-top: 15px;
	padding-left: 30px;
	padding-bottom: 10px;
	line-height: 120%;
}
td.prbox_in5 img {
	padding: 5px 10px 5px 0px;
}
/* 左辺 */
.prbox_in6 {
	width: 24px;
	background: url("../images/sc1-6b.jpg") repeat-y top ;
}
/* ライン */
td.prbox_in7 {
	height: 5px;
	vertical-align: top;
	text-align: right;
	background: url("../images/sc1-l1.gif") repeat-x;
}
/* 本文・下 */
td.prbox_in8_1 {
	vertical-align: top;
	text-align: left;
	padding-top: 10px;
	padding-left: 30px;
	background: url("../images/sc1-7.jpg") no-repeat right bottom ;
}
td.prbox_in8_1 img {
	padding: 5px 10px 5px 0px;
}
/* 本文・下辺 */
td.prbox_in8_2 {
	vertical-align: bottom;
	background: url("../images/sc1-6b.jpg") repeat-y top ;
}
/* 下辺 */
.prbox_in9_1 {
	height: 28px;
	vertical-align: top;
	background: url("../images/sc1-9.jpg") repeat-x top ;
}
/* 下辺・右 */
.prbox_in9_2 {
	width: 91px;
	height: 28px;
	vertical-align: top;
	text-align: right;
	background: url("../images/sc1-9.jpg") repeat-x top ;
}
/* 下辺・右 */
.prbox_in9_3 {
	width: 24px;
	height: 28px;
	vertical-align: top;
}

/* 製品一覧画像・あお ---------------------- */
.prbox_ao1 {
	height: 40px;
	margin-top: 5px;
	background: url("../images/sc2-3.gif") repeat-x;
}
/* 仕様 */
td.prbox_ao3 {
	height: 26px;
	vertical-align: top;
	background: url("../images/sc2-5.gif") repeat-x;
}
/* 仕様・右 */
td.prbox_ao4 {
	width: 24px;
	height: 26px;
	vertical-align: top;
}
/* 左辺 */
.prbox_ao6 {
	width: 24px;
	background: url("../images/sc2-6b.jpg") repeat-y top ;
}
/* ライン */
td.prbox_ao7 {
	height: 5px;
	vertical-align: top;
	text-align: right;
	background: url("../images/sc2-l1.gif") repeat-x;
}
/* 本文・下 */
td.prbox_ao8_1 {
	vertical-align: top;
	text-align: left;
	padding-top: 10px;
	padding-left: 30px;
	background: url("../images/sc2-7.jpg") no-repeat right bottom ;
}
td.prbox_ao8_1 img {
	padding: 5px 10px 5px 0px;
}
/* 本文・下辺 */
td.prbox_ao8_2 {
	vertical-align: bottom;
	background: url("../images/sc2-6b.jpg") repeat-y top ;
}
/* 下辺 */
.prbox_ao9_1 {
	height: 28px;
	vertical-align: top;
	background: url("../images/sc2-9.jpg") repeat-x top ;
}
/* 下辺・右 */
.prbox_ao9_2 {
	width: 91px;
	height: 28px;
	vertical-align: top;
	text-align: right;
	background: url("../images/sc2-9.jpg") repeat-x top ;
}
/*---------------------------------------------------------------------------*/
/* 特徴・プライマリー */
#featopbr {
	background: url("../images/pr-topbr-fea00.jpg") no-repeat right top;
	padding: 35px 10px 15px 10px;
}

#featopbr div p img {
	float: left;
	padding: 5px 10px 5px 15px;
}

.fea-in {
	clear: both;
	border-top: 1px solid #ECECEC;
	padding: 10px 0px;
}


.fea-title {
	clear: both;
	padding: 10px;
	font-weight: bold;
	font-size: 120%;
}

/* 特徴（フィルター） */
ul.filtrbox {
	height: 100%;
	list-style-type: none;
}
ul.filtrbox li {
	padding: 5px 25px 10px 20px;
}
ul.filtrbox li img {
	float: left;
	padding: 5px 10px 5px 0px;
}

/*---------------------------------------------------------------------------*/
/* 製品資料・プライマリー */
#restopbr {
	background: url("../images/pr-topbr-res00.jpg") no-repeat right top;
	padding: 35px 10px 15px 10px;
}
/*---------------------------------------------------------------------------*/
/* ご使用場所・プライマリー */
#apptopbr {
	background: url("../images/pr-topbr-appl00.jpg") no-repeat right top;
	padding: 35px 10px 15px 10px;
}

ul.applist {
	margin-left: 25px;
	margin-bottom: 10px;
	padding: 5px 0 10px 20px;	
}

ul.applist li {
	margin: 10px 10px 10px 0px;
	padding: 0 0 0 15px ;
	background: url("../images/lis0.gif") no-repeat 0px 5px;
	list-style: none;
	border-bottom: 1px dashed #ECECEC;
}
/*---------------------------------------------------------------------------*/
/* メールフォーム・プライマリー */
#maitopbr {
	background: url("../images/pr-topbr-mai00.jpg") no-repeat right top;
	padding: 35px 10px 15px 10px;
}

#maitopbr div.pr-end {
	padding: 10px 0px 0px 50px;
	font-weight: bold;
	font-size: 115%;
	letter-spacing: 5px;
}

.formst {
	border: solid 1px #86A89B;
	padding: 5px;
}
/*---------------------------------------------------------------------------*/
/* フッター */
#footer {
	clear: both;
	width: 98%; /* for WinIE6,7 */
	padding: 5px 0;
	text-align: right;
	font-weight: bold;
	letter-spacing: 5px;
	border-top: 1px solid #ECECEC;
}

#footer  a			{ color: #006666; text-decoration: none; }
#footer  a:visited	{ color: #006666; text-decoration: none; }
#footer  a:active	{ color: #FFFFFF; text-decoration: none; background: #CCCC66; }
#footer  a:hover	{ color: #FFFFFF; text-decoration: none; background: #99CC99; }

/*---------------------------------------------------------------------------*/
/* コピーライト */
#copyright {
	clear: both;
	padding: 0 0 20px 0;
	margin-right: 2px;
	text-align: left;
	background: url("../images/bott-bg.jpg") #308A26 no-repeat right top;
}

.cpr {
	text-align: center;
	padding: 0;
}