/*--------------------------------------------------------*/
/* きんき環境館 [共通CSS]
/* 2013.03.21 - AkuseruDesign Y.kasahara
/*--------------------------------------------------------*/

/*
Theme Name: 近畿環境パートナーシップ2016
Theme URI: http://www.kankyokan.jp/
Description: 近畿環境PSオリジナルテーマ
Author: CCPAD Y.kasahara
Author URI: http://chura-cube.com/
Version: 1.0
*/

/*----- base ---------------------------------------------*/

body	{
	margin:0px;padding:0px;
	font-size:12px;color:#555555;
	background-color:#A5D9EF;
	background-image:url(img/body_bg.gif);
	background-repeat:repeat-x;
	line-height:0;
}

#main	{
	margin:0px auto;padding:0px;
	background:url(img/main_bottom.gif) bottom repeat-x;
}

#clear	{clear:both;}
.clear	{clear:both;}
.clear10	{clear:both;margin-bottom:10px;}
.clear20	{clear:both;margin-bottom:20px;}
.clear30	{clear:both;margin-bottom:30px;}

/* form */
form	{
	margin:0px;padding:0px;
}
input	{
	font-size:12px;line-height:1.4em;
}
input,select	{
	margin-bottom:1px;
}
textarea	{
	font-size:12px;line-height:1.4em;
}
.formButton	{
	margin:5px;padding:8px;
	font-size:14px;
}

/* link */
a img	{
	border:none;
	margin:0px;padding:0px;
}
a:hover img	{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
 	opacity:0.75;
}
a	{outline:none;}


/*----- header -------------------------------------------*/

#header	{
	height:96px;margin:0px;padding:0px;
	border-top:5px solid #4D7C80;border-bottom:3px solid #4D7C80;
	background-color:#FFFFFF;
}
.header	{
	position:relative;
	width:983px;height:96px;margin:0px auto;padding:0px;
}
.headerLogo	{
	position:absolute;
	margin:0px;padding:0px;top:15px;left:10px;
}

/*----- menu ---------------------------------------------*/

#mainMenu	{
	position:absolute;bottom:15px;left:10px;
	width:900px;height:20px;margin:0px;padding:0px;
}
#mainMenu ul 	{margin:0px;padding:0px;list-style:none;}
#mainMenu li, #mainMenu a {display:block;height:20px;margin-right:30px;}
#mainMenu li 	{float:left;}
#mainMenu a 	{
	margin-right:0px;text-decoration:none;
	background:url(img/main_menu.gif) no-repeat;
}
#mainMenu span {
	display:block;
	width:0;height:0;overflow:hidden;
}

#mainMenu01 a			{width:108px;background-position:0px 0px;}
#mainMenu01 a:hover		{width:108px;background-position:0px -20px;}

#mainMenu02 a			{width:133px;background-position:-150px 0px;}
#mainMenu02 a:hover		{width:133px;background-position:-150px -20px;}

#mainMenu03 a			{width:150px;background-position:-300px 0px;}
#mainMenu03 a:hover		{width:150px;background-position:-300px -20px;}

#mainMenu04 a			{width:138px;background-position:-450px 0px;}
#mainMenu04 a:hover		{width:138px;background-position:-450px -20px;}

#mainMenu05 a			{width:147px;background-position:-600px 0px;}
#mainMenu05 a:hover		{width:147px;background-position:-600px -20px;}

body#home		#mainMenu01 a	{width:108px;background-position:0px -20px;}
body.service	#mainMenu02 a	{width:133px;background-position:-150px -20px;}
body.products	#mainMenu03 a	{width:150px;background-position:-300px -20px;}
body.about		#mainMenu04 a	{width:138px;background-position:-450px -20px;}
body.info		#mainMenu05 a	{width:14p7x;background-position:-600px -20px;}

#pageMenu	{
	margin:0px 0px 15px 0px;padding:0px;
	list-style:none;line-height:1.4em;
}
#pageMenu h3	{
	clear:both;text-align:center;
	margin:0px;padding:8px 0px;
	font-size:14px;color:#555555;font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*background:url(img/side_title_bg.gif);*/
	border-bottom:3px double #CCCCCC;
}
#pageMenu li	{
	display:block;
	border-bottom:1px dotted #EEEEEE;
}
#pageMenu a 	{
	display:block;
	margin:0px;padding:7px 0px 7px 12px;text-decoration:none;
	font-size:12px;
	background:url(img/page_menu_bg.gif);
}
#pageMenu a:link	{color:#663300;text-decoration:none;}
#pageMenu a:visited	{color:#663300;text-decoration:none;}
#pageMenu a:hover	{color:#993300;text-decoration:none;background-position:0px -100px;}
#pageMenu a:active	{color:#993300;text-decoration:none;background-position:0px -100px;}

body.sample				#sm01 a	{background-position:0px -100px;}

/*----- top page contents -------------------------------*/

#contents	{
	width:983px;margin:0px auto;padding:20px 0px 0px 0px;
}

/* contents main */
#contentsMain	{
	float:right;
	width:720px;margin:0px 0px 30px 0px;padding:0px;
}
.contentsMain	{
	margin:0px;padding:10px 0px 30px 0px;
	background-color:#FFFFFF;
}

/* contents side */

#contentsSide	{
	float:left;
	width:227px;margin:0px;padding:0px;
}
#contentsSide h3	{
	clear:both;
	margin:0px 0px 10px 0px;padding:0px;
}

.sideList	{
	clear:both;
	margin:0px 0px 30px 0px;padding:7px;
	background-color:#4D7C80;
	list-style:none;
}
.sideList li	{
	margin:0px;padding:10px;
	background-color:#FFFFFF;
	font-size:12px;line-height:1.6em;
	border-bottom:1px dotted #4D7C80;
}
.sideList p	{
	clear:both;
	margin:7px 0px 0px 0px;padding:0px;
}

.sideMenu	{
	clear:both;
	margin:0px 0px 30px 0px;padding:7px;
	background-color:#7F888E;
	list-style:none;
	line-height:1.0em;
}
.topSideBanner li	{
	display:block;
	margin:0px 0px 3px 0px;padding:0px;
}

/* top contents */

#topMessage	{
	margin:0px 0px 15px 0px;padding:0px;
}

#topList	{
	clear:both;
	margin:0px 0px 25px 0px;padding:0px;
}
#topList h3	{
	margin:0px;padding:0px;
	border-bottom:1px dotted #999999;
}
#topList ul	{
	width:230px;
	margin-top:0px;margin-bottom:0px;
	padding:0px;
	list-style:none;
	background-color:#FFFFFF;
}
.topList01	{float:left;margin-right:15px;}
.topList02	{float:left;margin-right:0px;}
.topList03	{float:right;margin-right:0px;}
#topList ul li	{
	margin:0px 12px;padding:15px 0px;
	background:url(img/line_01.gif) no-repeat bottom left;
	line-height:1.5em;
}
#topList ul li:nth-of-type(1) img	{
	width:206px;height:206px;
	margin-bottom:5px;
}
#topList ul li img	{
	float:left;
	width:65px;height:65px;
	margin:0px 10px 5px 0px;
}
#topList ul p	{
	margin:0px;padding:10px;
	/*border-top:1px dotted #999999;*/
	text-align:center;
}

.topListData	{
	float:left;
	margin:0px;padding:0px;
	font-weight:bold;color:#996633;
}
.topListText	{
	float:right;
	width:595px;margin:0px;padding:0px 10px 0px 0px;
}
.topListText h6	{
	margin:0px 0px 8px 0px;
	font-size:12px;font-weight:normal;
}
.topListText img	{
	vertical-align:middle;
	margin:0px 5px;
}
.topListText span	{
	font-size:10px;
}
.topInfo	{
	float:left;
	width:700px;margin:0px;padding:0px;
}

/*----- page contents ------------------------------------*/

#contentsMain h2.pageTitleImage	{
	clear:both;
	margin:0px;padding:0px;
	line-height:1.0em;
}
#contentsMain h2.pageTitleText	{
	clear:both;
	height:52px;margin:0px;padding:14px 0px 0px 30px;
	background:url(img/page_title_bg.gif);
	font-size:22px;color:#300;font-weight:bold;line-height:1.5em;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

#blogContentsMain	{
	margin:0px;padding:30px 15px 10px 15px;
	font-size:14px;line-height:1.5em;
}
#blogContentsMain h3	{
	clear:both;
	margin:0px 0px 20px 0px;padding:3px 0px 5px 30px;
	background:url(img/h3_bg.png) no-repeat;
	font-size:18px;color:#4C7B7F;line-height:1.4em;
}
#blogContentsMain h4	{
	clear:both;
	margin:0px 20px 15px 30px;padding:10px 0px;
	font-size:18px;color:#4C7B7F;
	border-bottom:2px solid #4C7B7F;
}
#blogContentsMain h5	{
	clear:both;
	margin:0px 20px 10px 30px;padding:10px 0px;
	font-size:18px;color:#4C7B7F;
}
#blogContentsMain p	{
	margin:0px 20px 20px 30px;
	line-height:1.5em;
}
#blogContentsMain ul,#blogContentsMain ol	{
	clear:both;
	margin:0px 20px 20px 15px;padding:0px 0px 0px 30px;
	line-height:1.5em;
	list-style-position:outside;
}
#blogContentsMain li	{
	clear:both;
	margin:0px 0px 5px 0px;
}

#blogContentsMain table {
	clear:both;
	margin:0px 0px 20px 30px;padding:0px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	line-height:1.4em;
}
#blogContentsMain th {
	padding:5px 10px;
	text-align:left;vertical-align:top;
	font-weight:normal;
	background-color:#F5F5F5;
	border-left:5px solid #CCCCCC;border-right:1px solid #E5E5E5;
	border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;
}
#blogContentsMain td {
	padding:5px 10px;
	border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;
	border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;
}

/* category */

#categoryList	{
	clear:both;
	margin:0px 0px 25px 0px;padding:0px;
}
#categoryList ul	{
	margin:0px 20px 20px 40px;
	padding:0px;
	list-style:none;
	background-color:#FFFFFF;
}
#categoryList ul li	{
	margin:0px 12px 0px 12px;padding:15px 0px;
	line-height:1.5em;
	border-bottom:2px dotted #DDDDDD;
}
#categoryList ul li img	{
	float:left;
	width:80px;height:80px;
	margin:0px 10px 5px 0px;
}
#categoryList ul p	{
	margin:0px;padding:10px;
	/*border-top:1px dotted #999999;*/
	text-align:center;
}

/* common */

#cboxWrapper	{line-height:1.4em;}

hr {
	clear:both;
	height:1px;margin:0px 30px 15px 30px;
	border:none;
	background:#CCCCCC;
}

.box01	{
	margin:0px 30px 30px 30px;padding:30px 30px 10px 10px;
	border:1px solid #4C7B7F;
}
.box01 h6	{
	margin:0px 0px 10px 30px;padding:5px 0px;
	border-bottom:1px solid #4C7B7F;
	font-size:14px;color:#4C7B7F;font-weight:bold;
}

ul#boxList	{
	margin:0px 30px 15px 30px;padding:20px;
	list-style:none;
	overflow-y:scroll;height:70px;
	border:4px solid #4C7B7F;
}
ul#boxList li	{
	margin:0px 0px 10px 0px;padding:0px 0px 0px 22px;
	background:url(img/arrow_01.png) no-repeat left 4px;
	line-height:1.5em;
}


.blogData	{
	text-align:right;
	font-weight:bold;color:#996600;
}
iframe	{
	border:1px solid #CCCCCC;
}

.pageNavi	{
	clear:both;
	margin:0px 0px 10px 0px;padding:0px;
	font-size:12px;line-height:1.5em;
}

.indent10	{padding-left:10px;}
.indent15	{padding-left:15px;}
.inden20	{padding-left:20px;}

.text100	{float:left;width:100px;}
.text120	{float:left;width:120px;}

.imageLeft		{float:left;margin:0px}
.imageRight		{float:right;margin:0px}
.imageLeftM		{float:left;margin:0px 10px 15px 0px;}
.imageRightM	{float:right;margin:0px 0px 15px 10px;}

.photo01	{
	border:1px solid #CCCCCC;
}

.alignLeft		{float:left;margin:0px}
.alignRight		{float:right;margin:0px}

.alignright		{float:right;margin:0px 0px 15px 10px;}
.alignleft		{float:left;margin:0px 10px 15px 0px;}

.icon01	{
	vertical-align:middle;
	margin:0px 3px 0px 0px;
}
.icon02	{
	vertical-align:text-bottom;
	margin:0px 3px 0px 7px;
}
.iconNEW	{
	vertical-align:middle;
	margin:0px 5px;
}

#mediaButton	{
	clear:both;
	width:100%;height:20px;margin:0px;padding:20px 0px;
	border-top:1px solid #CCCCCC;
}
#mediaButton iframe	{
	border:none;
}
.twitter	{
	float:left;
	text-align:right;
	width:85px;margin:0px 10px 0px 0px;
	border:none;
}
.fb-like	{
	float:left;
	text-align:right;
	margin:0px 10px 0px 0px;
}

a[href$=".pdf"] {
	padding:0px 0px 0px 45px;  
    background:url(img/icon_pdf.gif) no-repeat top left;  
}
* html a.pdf{   
	padding:0px 0px 0px 45px;  
    background:url(img/icon_pdf.gif) no-repeat top left;  
}
a[href$=".doc"] {   
	padding:0px 0px 0px 45px;  
    background:url(img/icon_word.gif) no-repeat top left;  
}
* html a.doc    {   
	padding:0px 0px 0px 45px;  
    background:url(img/icon_word.gif) no-repeat top left;  
}
a[href$=".xls"] {   
	padding:0px 0px 0px 45px;  
    background:url(img/icon_excel.gif) no-repeat top left;  
}
* html a.xls{   
	padding:0px 0px 0px 45px;  
    background:url(img/icon_excel.gif) no-repeat top left;  
}
a[href$=".docx"] {   
	padding:0px 0px 0px 45px;  
    background:url(img/icon_word.gif) no-repeat top left;  
}
* html a.docx    {   
	padding:0px 0px 0px 45px;  
    background:url(img/icon_word.gif) no-repeat top left;  
}
a[href$=".xlsx"] {   
	padding:0px 0px 0px 45px;  
    background:url(img/icon_excel.gif) no-repeat top left;  
}
* html a.xlsx{   
	padding:0px 0px 0px 45px;  
    background:url(img/icon_excel.gif) no-repeat top left;  
}
a#gaibuLink {
	padding:0px 0px 0px 45px;  
    background:url(img/icon_gaibu.gif) no-repeat top left;  
}

/*----- footer -------------------------------------------*/

#keyword	{
	width:983px;margin:0px auto 10px auto;padding:30px 0px 20px 0px;
	background:url(img/keyword_bg.jpg);
}
#keyword h3	{
	margin:0px 0px 20px 0px;padding:0px;
	text-align:center;
}
.shadow{
     box-shadow:1px 1px 3px rgba(0,0,0,0.25);
    -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.25);
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.25);
}
.keywordBox	{
	float:left;
	width:215px;padding:0px;
}
.keywordBox01	{margin-left:30px;}
.keywordBox02	{margin-left:20px;}
.keywordBox03	{margin-left:20px;}
.keywordBox04	{margin-left:20px;}
.keywordBox h4	{
	margin:0px 0px 5px 0px;padding:0px;
}
.keywordText	{
	height:130px;line-height:1.8em;
}
.keywordBox ul	{
	margin:0px;padding:0px;
	list-style:none;
}
.keywordBox ul li	{
	margin:0px 0px 10px 0px;padding:0px 0px 0px 25px;
	background:url(img/arrow_01.png) no-repeat left 2px;
	line-height:1.5em;
}

#footerNavi	{
	width:983px;margin:0px auto;padding:10px 0px;
	text-align:right;
}

#footer	{
	margin:0px auto;padding:20px 0px;
	background-color:#407377;
}
.footer	{
	position:relative;
	width:983px;height:300px;margin:0px auto;padding:0px;
}
.footerBox	{
	position:absolute;
}
.footerBox01	{
	top:0px;left:40px;
	width:220px;padding:0px;
}
.footerBox02	{
	top:0px;left:300px;
	width:660px;padding:0px;
}
.footerBox03	{
	top:200px;left:40px;
	width:220px;padding:0px;
}
.footerBox h5	{
	margin:0px 0px 15px 0px;
}
.footerBox a	{
	float:left;
	display:block;
	width:209px;height:54px;
	margin:0px 10px 10px 0px;
}

.footerCopy	{
	margin:0px;padding:15px 0px;
	font-size:13px;color:#FFFFFF;line-height:1.8em;
	text-align:center;
	background-color:#63A6AB;
}

/*----- paging -------------------------------------------*/

.tablenav {
	height:20px;margin:0px 10px;padding:10px 0px;text-align:center;
	color:#AEAAA2;background-color:#FFFFFF;
}

a.page-numbers, .tablenav .current {
	padding:3px 5px;
	border:solid 1px #AEAAA2;
	font-size:12px;color:#AEAAA2;text-decoration:none;
}

a.page-numbers:hover {
	color:#FFFFFF;background:#AEAAA2;
}

.tablenav .current {
	color:#FFFFFF;
	background:#AEAAA2;border-color:#AEAAA2;
}

.tablenav .next, .tablenav .prev {
	padding:3px 4px;
	border:solid 1px #AEAAA2;
	font-size:12px;color:#80796D;text-decoration:none;
}

#paging	{
	height:20px;margin:0px;padding:5px;
}
.pagingLeft		{
	float:left;
}
.pagingRight	{
	float:right;
}


/*----- base font ----------------------------------------*/

a:link		{color:#4C7B7F;text-decoration:underline;}
a:visited	{color:#4C7B7F;text-decoration:underline;}
a:hover		{color:#009933;text-decoration:none;}
a:active	{color:#009933;text-decoration:none;}

.size1		{font-size:10px;}
.size2		{font-size:12px;}
.size3		{font-size:14px;}
.size4		{font-size:16px;}
.size5		{font-size:18px;}

.colorBlk	{color:#000000;}
.colorGry	{color:#666666;}
.colorWht	{color:#FFFFFF;}
.colorNvy	{color:#000080;}
.colorBlu	{color:#0066CC;}
.colorOlv	{color:#808000;}
.colorGrn	{color:#5ca718;}
.colorMrn	{color:#996633;}
.colorPnk	{color:#E9287D;}
.colorRed	{color:#FF0000;}
.colorOrg	{color:#FF6600;}
.colorYlw	{color:#FFCC00;}

.colorBlkBold	{color:#000000;font-weight:bold;}
.colorGryBold	{color:#666666;font-weight:bold;}
.colorWhtBold	{color:#FFFFFF;font-weight:bold;}
.colorNvyBold	{color:#000080;font-weight:bold;}
.colorBluBold	{color:#0066CC;font-weight:bold;}
.colorOlvBold	{color:#808000;font-weight:bold;}
.colorGrnBold	{color:#5ca718;font-weight:bold;}
.colorMrnBold	{color:#996633;font-weight:bold;}
.colorPnkBold	{color:#E9287D;font-weight:bold;}
.colorRedBold	{color:#FF0000;font-weight:bold;}
.colorOrgBold	{color:#FF6600;font-weight:bold;}
.colorYlwBold	{color:#FFCC00;font-weight:bold;}

/*----- point font ---------------------------------------*/

.pointNvy	{font-size:10px;color:#000080;margin-right:3px;}
.pointBlu	{font-size:10px;color:#0000FF;margin-right:3px;}
.pointGrn	{font-size:10px;color:#008000;margin-right:3px;}
.pointMrn	{font-size:10px;color:#800000;margin-right:3px;}
.pointPpl	{font-size:10px;color:#800080;margin-right:3px;}
.pointRed	{font-size:10px;color:#FF0000;margin-right:3px;}
.pointOrg	{font-size:10px;color:#FF6600;margin-right:3px;}
.pointYlw	{font-size:10px;color:#FFCC00;margin-right:3px;}

.catch01	{
	font-size:14px;color:#438e01;line-height:1.6em;
}


/*----- end. ---------------------------------------------*/