@import url("style-base.css");
@import url("style-menu.css");

/***************************************************************
共通
***************************************************************/

body	{
	font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",Osaka,sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 180%;
	letter-spacing: 0;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
h1	{
	display: none;
}
h2	{
	font-size: 10px;
	letter-spacing: 0.1em;
	font-weight: normal;
	padding: 0px;
	margin: 0;
	line-height: 100%;
}
h3	{
	background: url(img/h3bg.gif) no-repeat left top;
	width: 520px;
	height: 30px;
	font-size: 14px;
	padding: 5px 0 0 20px;
	margin: 15px 0 10px 0;
}
td	{ 
	font-size: 12px; 
	line-height: 16px;
}
a:link,a:visited {
	color: #353535;
	text-decoration: none;
}
a:hover,a:active {
	color: #666666;
	text-decoration: underline;
}
.text-18 { 
	font-size: 12px;
	line-height: 18px;
}
.text-20 {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	padding-bottom: 5px;
}
.size-10 {
	font-size: 10px;
	line-height: 14px;
}
.size-14 {
	font-size: 14px;
	line-height: 18px;
}
.size-16 {
	font-size: 16px;
	line-height: 20px;
}
.align-center	{
	text-align: center;
}
.align-left	{
	text-align: left;
}
.align-right	{
	text-align: right;
}
.align-center	{
	text-align: center;
}
.margin20	{
	margin: 20px 0;
}
.marginbottom3	{
	margin-bottom: 3px;
}
.marginbottom8	{
	margin-bottom: 8px;
}
.marginbottom10	{
	margin-bottom: 10px;
}
.marginleft5	{
	margin-left: 5px;
}
.marginright10	{
	margin-left: 10px;
}
.margintop5	{
	margin-top: 5px;
}
.margintop10	{
	margin-top: 10px;
}
.margintop20	{
	margin-top: 20px;
}
.margintop30	{
	margin-top: 30px;
}
.margintop50	{
	margin-top: 50px;
}
.margintop70	{
	margin-top: 70px; 
}
.padding7	{
	padding: 7px;
}
.floatright	{
	float: right;
}


/******************************************************************************
トップ
******************************************************************************/

.top-maintxt {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	padding: 0 0 5px 5px;
}
.toplist01 ul,.toplist02 ul,.toplist03 ul	{
	margin: 0 0 0 2px;
	padding: 0 0 0 5px;
}
.toplist01 li	{
	list-style: none;
	background: url(img/top-yajirusi02.gif) no-repeat left 7px;
	padding: 0 0 0 8px;
	margin: 0px;
}
.toplist02 li	{
	list-style: none;
	background: url(img/top-yajirusi03.gif) no-repeat left 7px;
	padding: 0 0 0 8px;
	margin: 0px;
}
.toplist03 li	{
	list-style: none;
	background: url(img/top-yajirusi04.gif) no-repeat left 7px;
	padding: 0 0 0 8px;
	margin: 0px;
}
.toplist01 a:link,.toplist01 a:visited,.toplist02 a:link,.toplist02 a:visited,.toplist03 a:link,.toplist03 a:visited	{
	color: #414141;
	text-decoration: underline;
}
.toplist01 a:hover,.toplist02 a:hover,.toplist03 a:hover	{
	color: #A4A3A3;
	text-decoration: underline;
}
.infotxt	{
	text-align: left;
	margin: 6px 4px;
}
.infotxt dt	{
	font-size: 10px;
	color: #F7A02C;
	font-weight: bold;
	background: url(img/top-yajirusi.gif) no-repeat left 5px;
	padding-left: 10px;
}
.infotxt dd	{
	font-size: 12px;
	line-height: 140%;
	color: #414141;
}
.infotxt dd	a:link,.infotxt dd	a:visited{
	font-size: 12px;
	line-height: 140%;
	color: #414141;
	text-decoration: underline;
}
.infotxt dd	a:hover{
	color: #999999;
	text-decoration: underline;
}
.bunner-padding	{
	padding: 5px 0 0 0;
}
.bunnertxt a:link,.bunnertxt a:visited	{
	color: #414141;
	font-size: 10px;
	text-decoration: underline;
}
.bunnertxt a:hover	{
	color: #999999;
	text-decoration: underline;
}
.envi-ionbox	{
	width: 525px;
	margin: 15px 0;
	background: url(img/eng38.gif) no-repeat right top;
}
.ion-blue	{
	color: #5494D3;
}
.ion-red	{
	color: #D35454;
}

/******************************************************************************
水・食とか
******************************************************************************/

.mizu-entrybox	{
	margin: 15px 0;
}
.mizu-entrybox img	{
	float: left;
	padding: 0 10px 10px 0;
}
.mizu-entrytitle	{
	font-size: 14px;
	text-align: left;
	background: url(img/icon-mizu.gif) no-repeat left 3px;
	margin: 0 0 10px 0px;
	padding: 0 0 0 20px;
	color: #2DA9E3;
}
.mizu-entrytitle a:link,.mizu-entrytitle a:visited	{
	font-size: 14px;
	color: #2DA9E3;
	text-decoration: none;
}
.mizu-entrytitle a:hover	{
	font-size: 14px;
	color: #2DA9E3;
	text-decoration: none;
}
.envi-entrytitle	{
	font-size: 14px;
	text-align: left;
	background: url(img/icon-envi.gif) no-repeat left 3px;
	margin: 0 0 10px 0px;
	padding: 0 0 0 20px;
	color: #70A106;
}
.envi-entrytitle a:link,.envi-entrytitle a:visited{
	font-size: 14px;
	color: #70A106;
	text-decoration: none;
}
.envi-entrytitle a:hover	{
	font-size: 14px;
	color: #70A106;
	text-decoration: none;
}
.envi-catetxt a:link,.envi-catetxt a:visited	{
	font-size: 12px;
	color: #70A106;
	text-decoration: underline;
}
.envi-catetxt a:hover	{
	color: #D4D5D2;
	text-decoration: underline;
}
.onnets-entrytitle	{
	font-size: 14px;
	text-align: left;
	background: url(img/icon-onnets.gif) no-repeat left 3px;
	margin: 0 0 10px 0px;
	padding: 0 0 0 20px;
	color: #A36311;
}
.onnets-entrytitle a:link,.onnets-entrytitle a:visited	{
	font-size: 14px;
	color: #A36311;
	text-decoration: none;
}
.onnets-entrytitle a:hover	{
	font-size: 14px;
	color: #A36311;
	text-decoration: none;
}
.envi-more	{
	width: 525px;
}

/******************************************************************************
新着情報
******************************************************************************/

.news-day	{
	color: #F69520;
	font-size: 12px;
	font-weight: bold;
	background: url(img/top-yajirusi.gif) no-repeat left 7px;
	padding: 0 0 0 10px;
}
.news-nakatitle	{
	padding: 0 0 0 10px;
}
.news-entrybox	{
	margin: 15px 0 15px 0;
}
.news-entrybody	{
	margin: 10px 5px;
}
.tugi	{
	text-align: right;
	width: 525px;
	margin-left: 205px;
	margin-top: 10px;
}

/******************************************************************************
会社概要
******************************************************************************/

.com-td	{
	padding: 10px;
}
.com-td2	{
	padding: 10px;
	border-left: #CFCECE dotted 1px;
}
.com-wrap	{
	width: 480px;
	border-top: #CFCECE solid 1px;
	border-bottom: #CFCECE solid 1px;
}
.com-wrap2	{
	width: 480px;
	border-bottom: #CFCECE solid 1px;
}
.comtable01	{
	border-top: #CFCECE solid 1px;
}
.con-left	{
	float: left;
	width: 120px;
	font-size: 12px;
	line-height: 200%;
	text-align: left;
	padding: 10px;
}
.con-right	{
	float: right;
	width: 310px;
	font-size: 12px;
	line-height: 200%;
	text-align: left;
	padding: 10px;
	border-left: #CFCECE dotted 1px;	
}
.con-right a:link,
.con-right a:visited	{
	color: #E58803;
	text-decoration: underline;
}
.con-right a:hover	{
	color: #E9B975;
	text-decoration: underline;
}
.com-td3	{
	padding: 10px;
	border-bottom: #CFCECE solid 1px;
}
.com-td4	{
	padding: 10px;
	border-left: #CFCECE dotted 1px;
	border-bottom: #CFCECE solid 1px;
}

/******************************************************************************
プライバシーポリシー
******************************************************************************/

.policytxt01	{
	width: 240px;
}
.policytitle	{
	margin: 25px 0 10px 0;
	font-size: 14px;
	color: #695C80;
	border-bottom: #695C80 dotted 1px;
}
.policymail a:link,.policymail a:visited	{
	color: #695C80;
	text-decoration: underline;
}
.policymail a:hover	{
	color: #AEA1C5;
	text-decoration: underline;
}

/******************************************************************************
サイトマップ
******************************************************************************/

.sitemap	{
	margin: 50px 0 20px 0; 
}
.sitemap li	{
	margin-left: 15px;
	font-size: 14px;
	padding: 4px 0;
}
.sitemap li a:link,.sitemap li a:visited	{
	color: #695C80;
}

/******************************************************************************
エントリーページ
******************************************************************************/

ul.waterentry-ul	{
	padding-left: 25px;
	list-style-type: square;
}
ul.waterentrycount-ul	{
	list-style-type: decimal;
}
.water-blue	{
	background-color: #E7F6FD;
	padding: 8px;
	border: #A6D9F2 solid 1px;
	margin-bottom: 13px;
}
.kankyo-green	{
	background-color: #ECFFE5;
	padding: 8px;
	border: #A7D596 solid 1px;
	margin-bottom: 13px;
}

/******************************************************************************
Englishページ
******************************************************************************/

.englishpro	{
	text-align: left;
	margin: 6px 4px;
}
.englishpro dl	{ 
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: #ACABAB dotted 1px;
}
.englishpro dt	{
	font-size: 10px;
	color: #F7A02C;
	font-weight: bold;
	line-height: 140%;
}
.englishpro dd	{
	font-size: 10px;
	line-height: 140%;
	background: url(img/top-yajirusi.gif) no-repeat left 4px;
	padding-left: 10px;
	color: #414141;
}
.engtxt	{
	padding: 8px;
	text-align:left;
	line-height: 180%;
}
.engtxt a:link,.engtxt a:visited	{
	color: #DF6115;
	text-decoration: underline;
}
.engtxt a:hover	{
	color: #EBAB84;
	text-decoration: underline;
}
.engtxt img	{
	flot: left;
	margin: 0 12px 5px 0;
}
.engbox	{
	border: #D7B248 solid 1px;
}
.engtxt-blue	{
	color: #406BBB;
	font-weight: bold;
}
.engtxt-red	{
	color: #D21717;
	text-decoration: underline;
}
.engtxt-orange	{
	color: #DF6115;
	font-size: 14px;
	font-weight: bold;
}
.eng-aboutbox	{
	padding: 10px;
	margin-top: 15px;
	text-align: left;
	border: #EF9D6B solid 1px;
	background: #FEF9F5;
}
.eng-aboutimg	{
	text-align: center;
	margin-bottom: 10px;
}
.eng-ul	{
	padding-left: 30px;
	margin-top: 10px;
	list-style: decimal;
}
.eng-com	{
	text-align: left;
	margin-top: 15px;
}
.eng-com a:link,.eng-com a:visited	{
	color: #DF6115;
	text-decoration: underline;
}
.eng-com a:hover	{
	color: #EBAB84;
	text-decoration: underline;
}
.eng-com table	{
	border-top: #676767 solid 1px;
	border-right: #676767 solid 1px; 
}
.eng-com tr	{
	margin: 0;

}
.eng-com td	{
	padding: 8px 10px;
	margin: 0px;
	border-left: #676767 solid 1px;
	border-bottom: #676767 solid 1px;
}
.engabout	{
	text-align: left;
	padding: 10px;
}
.engabout ul	{
	margin-left: 15px;
}
.eng-entrytitle	{
	font-size: 14px;
	padding: 4px 4px 4px 8px;
	text-align: left;
	background: #FFF9F5;
	border-top: #F09D6B solid 1px;
	border-left: #F09D6B solid 5px;
	border-bottom: #F09D6B solid 1px;
	border-right: #F09D6B solid 1px;
}
.eng-entrysub	{
	text-align: left;
	font-weight: bold;
	padding: 0 5px 3px 10px;
	margin: 15px 0px 10px 0;
	border-bottom: #888787 dotted 1px;
}
.eng-maintitle	{
	font-size: 14px;
	color: #DF6115;
	font-weight: bold;
}
.eng-sutitle	{
	font-size: 14px;
	color: #406BBB;
	margin-bottom: 15px;
	font-weight: bold;
}
.greenbox	{
	color: #FFF;
	margin: 15px 0;
	padding: 10px;
	background: #808000;
}
.lessonbg	{
	background: url(img/eng38.gif) no-repeat right top;
	padding-top: 20px;
}
.eng-dscrp	{
	color: #406BBB;
	font-weight: 100;
}

.engmenu ul	{
	list-style: none;
}
.engmenu li	{
	float: left;
}
.engmenu01	{
	width: 157px;
	height: 38px;
	margin: 15px 10px 15px 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/engmenu01r.gif) no-repeat left top;
}
.engmenu01 a:link,.engmenu01 a:visited	{
	width: 157px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/engmenu01.gif) no-repeat left top;
}
.engmenu01 a:hover	{
	background: none;
}
.engmenu02	{
	width: 157px;
	height: 38px;
	margin: 15px 10px 15px 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/engmenu02r.gif) no-repeat left top;
}
.engmenu02 a:link,.engmenu02 a:visited	{
	width: 157px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/engmenu02.gif) no-repeat left top;
}
.engmenu02 a:hover	{
	background: none;
}
.engmenu03	{
	width: 157px;
	height: 38px;
	margin: 15px 5px 15px 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/engmenu03r.gif) no-repeat left top;
}
.engmenu03 a:link,.engmenu03 a:visited	{
	width: 157px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/engmenu03.gif) no-repeat left top;
}
.engmenu03 a:hover	{
	background: none;
}
.eng-lecture	{
	background: url(img/eng39r.jpg) no-repeat left top;
	width: 159px;
	height: 38px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.eng-lecture a:link,.eng-lecture a:visited	{
	background: url(img/eng39.jpg) no-repeat left top;
	width: 159px;
	height: 38px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.eng-lecture a:hover	{
	background: none;
}
.ion-box	{
	height: 29px;
	padding: 8px 0 3px 45px; 
	background: #F0F5E4 url(img/ion-img02.gif) no-repeat 5px 5px;
	border: #8DB23E solid 1px;
}
.ion-ansuer	{
	background: url(img/ion-img03.gif) no-repeat left top;
	margin: 15px 6px;
	padding: 0 10px 0 40px;
}

.ionmenu ul	{
	list-style: none;
}
.ionmenu li	{
	float: left;
}
.ionmenu01	{
	width: 170px;
	height: 38px;
	margin: 15px 5px 15px 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/ion-img04r.gif) no-repeat left top;
}
.ionmenu01 a:link,.ionmenu01 a:visited	{
	width: 170px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/ion-img04.gif) no-repeat left top;
}
.ionmenu01 a:hover	{
	background: none;
}
.ionmenu02	{
	width: 170px;
	height: 38px;
	margin: 15px 5px 15px 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/ion-img05r.gif) no-repeat left top;
}
.ionmenu02 a:link,.ionmenu02 a:visited	{
	width: 170px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/ion-img05.gif) no-repeat left top;
}
.ionmenu02 a:hover	{
	background: none;
}
.ionmenu03	{
	width: 170px;
	height: 38px;
	margin: 15px 5px 15px 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/ion-img06r.gif) no-repeat left top;
}
.ionmenu03 a:link,.ionmenu03 a:visited	{
	width: 170px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/ion-img06.gif) no-repeat left top;
}
.ionmenu03 a:hover	{
	background: none;
}