@charset "utf-8";
body{
	text-align : center;
	margin : 0px;
	padding : 0px;
	line-height : 140%;
	color : #000000;
	background : url(../images/background.gif);
	font-size:100%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
a:link{
}
a:visited{
  text-decoration : none;
}
a:hover{
  color : red;
  text-decoration : underline;
}

img{
  border : 0px;
vertical-align:bottom;
}
form{
margin:0px;
padding:0px;
}


#wrapper{
  width : 770px;
  margin : 0px auto;
  padding : 0px 0px;
  text-align : left;
  color : #000000;
}



/*■ヘッダー■*/
#header2{
background:url(images/header.gif) top center no-repeat;
height:90px;
}
#header2 .pref{display:inline;}
#header2 .pref a{
float:left;
margin:3px;
padding:0px;
display:block;
width:85px;
height:22px;
text-indent:-100000px;
}
#header2 h1{
clear:both;
margin:0px;
padding:0px;
float:left;
}
#header2 h1 a{
display:block;
width:350px;
height:55px;
text-indent:-100000px;
margin:2px 0 5px 5px;
}


/*■グローバルナビ■*/
#glnavi{
clear:both;
text-align:center;
width:780px;
}
#glnavi ul{
margin:0px 0px;
padding:0px auto;
}
#nav{
	list-style:none;
	font-weight:bold;
	margin:0;
	padding:0 0 0 4px;
	white-space:nowrap;
	height:37px;
/*	background:#eeaa00;
	background: -moz-linear-gradient(top, #eeddaa, #eeaa00);
    background: -webkit-gradient(linear, top, right bottom, from(#eeddaa), to(#eeaa00));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeddaa', endColorstr='#eeaa00', GradientType=0)";  
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFDDDD', endColorstr='#FFeeaa00');
	background: linear-gradient(to bottom, #eeddaa, #eeaa00); */
}
#nav li{
	float:left;
	margin-right:2px;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	padding:5px 9px;
	margin:0 0 0 -4px;
	color:#000;
	background:#eeaa00;
	background: -moz-linear-gradient(top, #eeddaa, #eeaa00);
	background: -webkit-gradient(linear, top, right bottom, from(#eeddaa), to(#eeaa00));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFDDDD', endColorstr='#FFeeaa00');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeddaa', endColorstr='#eeaa00', GradientType=0)";  
	background: linear-gradient(to bottom, #eeddaa, #eeaa00); 
	text-decoration:none;
	text-shadow:1px 1px 1px #fff; /* Text shadow to lift it a little */
	border:solid 2px #ff9900;
}
#nav li a:hover{
	color:#fff;
	background:#6b0c36;
	text-decoration:underline;
	background: -moz-linear-gradient(top, #eeaa00, #6b0c36);
	background: -webkit-gradient(linear, top, right bottom, from(#eeaa00), to(#6b0c36));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFeeaa00', endColorstr='#FF6b0c36');
	background: linear-gradient(to bottom, #eeaa00, #6b0c36); 
	text-shadow:1px 1px 1px #000; /* Text shadow to lift it a little */
}


/*■本文（末端）■*/

#contents{
margin:15px 5px;
}
#contents h1{
font-size:140%;
margin:10px 0;
padding:8px 10px;
font-weight:bold;
letter-spacing:0.1em;
color:#333;
   border-radius: 7px;         /* CSS3 */
   -moz-border-radius: 7px;    /* Firefox */
   -webkit-border-radius: 7px; /* Safari,Chrome */
border: 1px #CFD45E solid;
background:#CFD45E;
background: -moz-linear-gradient(top, #E7E694,#CFD45E);
background: -webkit-gradient(linear, top, right bottom, from(#E7E694),to(#CFD45E));
}
#contents h2{
clear:both;
font-size:130%;
margin:5px 0px 5px 4px;
padding:5px 10px;
font-weight:bold;
color:#333;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
border: 1px #D6DCC0 solid;
background:#D6DCC0;
background: -moz-linear-gradient(top, #F2F4DE,#D6DCC0);
background: -webkit-gradient(linear, top, right bottom, from(#F2F4DE),to(#D6DCC0));
}
#contents h3{
clear:both;
font-size:120%;
margin:5px 0px 5px 8px;
padding:4px 10px;
font-weight:bold;
color:#333;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
border: 1px #D6DCC0 solid;
background:#FCFAEB;
}
#contents h4{
clear:both;
font-size:110%;
margin:5px 0px 5px 12px;
padding:4px 10px;
font-weight:bold;
color:#333;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
border: 1px #D6DCC0 solid;
background:#fff;
}
#contents h5{
clear:both;
font-size:100%;
margin:5px 0px 5px 16px;
padding:3px 6px;
font-weight:bold;
color:#333;
border-bottom: 2px #D6DCC0 dotted;
background:#fff;
border-left:3px solid #d6dcc0;
}
#contents h6{
clear:both;
font-size:100%;
margin:5px 0px 5px 20px;
padding:0px 6px;
font-weight:bold;
color:#333;
background:#fff;
border-bottom:1px dotted silver;
}
#contents p{
margin:5px 10px 10px 20px;
padding:0px 6px;
line-height:160%;
}
#contents table{
margin:5px 10px 10px 30px;
}
#contents ol{
margin:5px 0px 10px 30px;
padding:0 0 0 20px ;
}
#contents ul{
margin:5px 0px 10px 30px;
padding:0 0 0 20px ;
}
.tablewaku {
  border-collapse: collapse;
  border: 1px #666666 solid;
  margin: 4px 0px 3px 20px;
}
.tablewaku td {
  border: 1px #666666 solid;
  padding: 3px;
}
.tablewaku th {
  border: 1px #666666 solid;
  padding: 3px;
font-weight:normal;
  background-color: #E4E8CD;
white-space:nowrap;
}

#contents.link ul li{
margin:10px 0 10px;
}

.nippou{
font-size:11px;
}
.nippou td,th{
padding:3px 1px 3px 2px;
}
.illust{
float:right;
margin:0 5px;
}

/*■■■よくある質問集■■■*/
#contents.faq h3{
border:2px solid #f99;
font-size:100%;
margin:5px 0px 0px 10px;
padding:5px 5px 5px 0px;
   border-radius: 7px;         /* CSS3 */
   -moz-border-radius: 7px;    /* Firefox */
   -webkit-border-radius: 7px; /* Safari,Chrome */
line-height:140%;
}
#contents.faq h3 span{
   border-radius: 4px;         /* CSS3 */
   -moz-border-radius: 4px;    /* Firefox */
   -webkit-border-radius: 4px; /* Safari,Chrome */
background:#f77;
color:#fff;
padding:2px 5px 1px 5px;
margin:-2px 5px 2px 2px;
display:block;
float:left;
}
#contents.faq p{
border:solid 0px #99ccFF;
margin:2px 0px 15px 30px;
padding:5px 5px 5px 5px;
   border-radius: 7px;         /* CSS3 */
   -moz-border-radius: 7px;    /* Firefox */
   -webkit-border-radius: 7px; /* Safari,Chrome */
}
#contents.faq p span{
   border-radius: 4px;         /* CSS3 */
   -moz-border-radius: 4px;    /* Firefox */
   -webkit-border-radius: 4px; /* Safari,Chrome */
background:#ff9;
color:#000;
padding:0px 5px 0px 5px;
margin-right:5px;
border:solid 2px #cc9;
line-height:100%;
}

#contents p.photobox{
border:solid 1px silver;
padding:5px;
float:left;
}
}


/*■■■お知らせ■■■*/
#top {clear:both;}

#information{
clear:both;
}
#information h2{
background:url(images/info-back.gif) top left #CEE2FB;	
margin:0px;
border:solid 1px #6699ce; 
}
#information ul{
margin:5px 0 15px 10px;
padding:0 0 0 20px;
list-style:url(images/info-li.gif);
}

/*■■■トップページPM2.5■オキシダント共通■■■*/
#top #pm25,#ox{
	width:381px;
	margin:10px 2px 0 2px;
	padding:0px;
	float:left;
}

#top .menu2 .small{
font-size:80%;
line-height:120%;
}
#top .menu2 .small img{
margin:0 1px;}
#contents .caution{font-weight:bold;font-size:120%;margin:2px 10px;}
#contents .caution strong{
color:red;}
#contents .caution img{margin:0 3px 2px 0;}
#contents .howto{margin:2px 10px;}

/*■■■トップページPM2.5■■■*/


#top #pm25{
background:url(images/pm25_back.gif) bottom left no-repeat;
}
#top #pm25 .menu{
}
#top #pm25 .menu h2{
margin:0px;
padding:0px;
text-indent:-10000px;
background:url(images/pm25_h2.gif) top left no-repeat;
height:34px;
}
#top #pm25 .menu ul{
margin:5px 10px 10px 10px;
padding:0px;
height:55px;
}
#top #pm25 .menu ul li{
display:inline;
margin:0px;
padding:0px;
}
#top #pm25 .menu .list01 a{
width:223px;
height:56px;
display:block;
float:left;
background:url(images/pm25-1.gif) top left no-repeat;
margin:1px;
text-indent:-10000px;
}
#top #pm25 .menu .list02 a{
width:134px;
height:56px;
display:block;
float:left;
background:url(images/pm25-2.gif) top left no-repeat;
margin:1px;
text-indent:-10000px;
}
#top #pm25 .menu2{
	margin:10px;
	background:white;
	clear:both;
}
#top #pm25 .menu2 .caution{
}
#top #pm25 p{
margin:0px;
padding:5px;
}
#top #pm25 .menu2 .map{
margin:0px;
padding:0px;
text-align:center;
}
.kazamuki{padding:2px;text-align:right;}


/*■■■トップページ光化学■■■*/
#top #ox{
background:url(images/ox_back.gif) bottom left no-repeat;
}
#top #ox .menu{
}
#top #ox .menu h2{
margin:0px;
padding:0px;
text-indent:-10000px;
background:url(images/ox_h2.gif) top left no-repeat;
height:34px;
}
#top #ox .menu ul{
margin:5px 10px 10px 10px;
padding:0px;
height:55px;
}
#top #ox .menu ul li{
display:inline;
margin:0px;
padding:0px;
}
#top #ox .menu .list01 a{
width:223px;
height:56px;
display:block;
float:left;
background:url(images/ox-1.gif) top left no-repeat;
margin:1px;
text-indent:-10000px;
}
#top #ox .menu .list02 a{
width:134px;
height:56px;
display:block;
float:left;
background:url(images/ox-2.gif) top left no-repeat;
margin:1px;
text-indent:-10000px;
}
#top #ox .menu2{
	margin:10px;
	background:white;
	clear:both;
}
#top #ox .menu2 .caution{
}
#top #ox p{
margin:0px;
padding:5px;
}
#top #ox .menu2 .map{
margin:0px;
padding:0px;
text-align:center;
}


/*■■■インフォ■■■*/
#contents.info #map{
float:left;
width:490px;
border:solid 1px silver;
margin-left:10px;
}
#contents.info #map .text{
margin:3px 5px;
font-size:90%;
}

#contents.info #right{
float:left;
width:258px;
}

#contents.infopm25 #right table{
	border-collapse: collapse;
	border: 1px #ff9900 solid;
	margin: 0px 0px 3px 3px;
	font-size:85%;
	width:250px;
}
#contents.infopm25 #right table td {
	border: 1px #ff9900 solid;
	padding: 2px;
}
#contents.infopm25 #right table th {
	border: 1px #ff9900 solid;
	padding: 2px 4px;
	font-weight:bold;
	background-color: #eeddaa;
	white-space:nowrap;
	font-weight:normal;
}
#contents.infopm25 #right table tr.first th {
background:#ec6;
color:#000;
text-align:center;
line-height:120%;
}
#contents.infopm25 #right table tr.first th a {
color:#000;
}

#contents.infoox #right table{
	border-collapse: collapse;
	border: 1px #ff9900 solid;
	margin: 0px 0px 3px 3px;
	font-size:80%;
}
#contents.infoox #right table td {
	border: 1px #ff9900 solid;
	padding: 2px;
}
#contents.infoox #right table th {
	border: 1px #ff9900 solid;
	padding: 2px 4px;
	font-weight:bold;
	background-color: #ffeeaa;
	white-space:nowrap;
}
#contents.infoox #right table tr.first th {
background:orange;
color:white;
text-align:center;
line-height:120%;
}
.judai{
background:#990000;
color:white;
font-weight:bold;
text-align:center;
}
.keihou{
background:#800080;
color:white;
font-weight:bold;
text-align:center;
}
.chuihou{
background:#ff0000;
color:white;
font-weight:bold;
text-align:center;
}
.kaijo{
background:#efefef;
text-align:center;
}
#graphdate{
width:150px;
float:left;
margin:5px;
}
#graphdate .move{
background:#bbddff;
text-align:center;
font-size:90%;
}
#graphdate span{
display:block;
margin:0px;
padding:5px;
line-height:1em;
border:solid 2px #999;
border-top:none;
color:#666;
}
#graphdate .year{
font-size:18px;
background:#999;
text-align:center;
color:white;
font-weight:bold;
}
#graphdate .hide{
display:none;
}
#graphdate .ymd{
float:right;
border:none;
margin-top:-30px;
margin-right:3px;
font-size:16pt;
}
#graphdate .month{
font-size:50pt;
text-align:center;
height:60px;
}
#graphdate .date{
font-size:50pt;
text-align:center;
height:60px;
}

#graph #graphimg{
float:left;
margin:5px;
}
#graph .areaselect{
font-size:100%;
}
#graph {
clear:both;
padding-top:6px;
}
.graph-text{
font-size:90%;
width:576px;
line-height:120%;
border:solid 1px silver;
padding:6px;
background:#eee;
}



.sitemap{
}
.sitemap li a{
font-weight:bold;
}
#contents ul.sitemap li ul{
margin-left:0px;
padding-left:30px;
list-style:none;
}
#contents ul.sitemap li ul li:before{content:"├　";}
#contents ul.sitemap li ul li:last-child:before{content:"└　";}
#contents ul.sitemap li ul li ul li:before{content:"└　";}

#contents .qrcodeimg{
width:130px;
float:left;
margin:0px 0 5px 5px;
border:solid 1px silver;
text-align:center;
}
.mobiletext{width:430px;
float:left;}

.btn{margin:1px 2px;
}
.ox{margin-top:10px;}

/*■■■メディア■■■*/

#contents #media{
	clear:both;
	padding:15px 0px;
}

#contents #media .box{
	width:370px;
	float:left;
	border:1px solid #DCE5F4;
	background:#EDF6FF;
	margin:2px;
}
#contents #media .box h3{
margin:3px;
padding:0px;
float:left;
width:88px;
height:82px;
text-indent:-100000px;
border-style:none;
background:red;
}
#contents #media .box h3.sp{background:url(images/sp-img.png) top left no-repeat;}
#contents #media .box h3.mp{background:url(images/mp-img.png) top left no-repeat;}
#contents #media .box h3.tel{background:url(images/tel-img.png) top center no-repeat;height:70px;}
#contents #media .telbox{width:747px;}

#contents #media .box p{
margin:4px 4px 4px 4px;
padding:0px;
float:left;
width:260px;
line-height:125%;
}
#contents #media .box p.teln{
font-size:160%;
}
#contents #media .box .qrcode{
float:right;
margin:0px;
}
#contents .pankuzu{
font-size:80%;
background:#eed;
padding:1px 10px;
}

/*■■■フッター■■■*/
#footer{
	border-top:2px solid #009A53;
	clear:both;
	padding:0;
	margin-top:10px;
}
address{
	font-style:normal;
	margin:4px 8px;
	padding:0px;
}
#copyright{
	margin-top:5px;
	background:#009A53;
	color:white;
	text-align:center;
}


/* added 20140317*/
#graphdate span.ymd { margin-top: -31px; text-align: right; display: block; float: none; }