@charset "UTF-8";
/* ---------------------------------------------------------------- */
/* 共通 */
/* ---------------------------------------------------------------- */
.TitleStyle01{
	background:url(../images/arrow03.gif) no-repeat left top;
	padding:0px 0px 12px 20px;
	font-size:2.6rem;
	line-height:2.6rem;
	border-bottom:1px dotted #cccccc;
	}
.TitleStyle02{
	background:url(../images/arrow03.gif) no-repeat left top;
	padding:0px 0px 12px 20px;
	font-size:2.6rem;
	line-height:2.6rem;
	}
.CommonBox{ padding-bottom:40px;}
.CommonBox .PageTopLink{
	border-top:1px dotted #cccccc;
	margin-top:5px;
	padding-top:5px;
	text-align:right;
	}

.CommonBox .PageTopLink a{
	background:url(../images/arrow04.gif) no-repeat left center;
	padding-left:20px;
	color:#282828;
	text-decoration:none;
	}

div#MainContent{ padding-bottom:90px;}

.square { background:url(../../service/images/point01.gif) no-repeat;}

div.consul04 h3,
div.proper01 h3,div.proper02 h3,div.proper03 h3,div.proper04 h3,div.proper05 h3,div.proper06 h3,
div.privacy h3,
div.ProjectsBox ul li
{ background:url(../images/arrow05.gif) no-repeat left center;
  padding-left:15px;
  font-size:1.8rem;}
  
.bluePoint{ 
	background:url(../images/arrow05.gif) no-repeat left center;
	padding-left:15px;
	font-size:1.8rem;}

/* パンクズ */
	
ul#Pankuzu{ padding:45px 0px;}
ul#Pankuzu li{ float:left; color:#00c7b3;}
	
ul#Pankuzu li a{ color:#282828; text-decoration:underline;}
ul#Pankuzu li:before{content:">";padding:0px 7px; color:#282828;}
ul#Pankuzu li:first-child:before {content: none;}
	
/* ---------------------------------------------------------------- */
/* service */
/* ---------------------------------------------------------------- */

div.consul01,div.consul02,div.consul03,div.consul04,
div.proper01,div.proper02,div.proper03,div.proper04,div.proper05,div.proper06{
	padding:25px 0px 40px 215px;
	border-bottom:1px dotted #cccccc;
	}
	
div.consul01 p,div.consul02 p,div.consul03 p
    {padding-left:30px;}
div.consul04 p{padding:10px 0px 25px 0px;}

div.consul01 h3,div.consul02 h3,div.consul03 h3{color:#bb084e; font-size:2.1rem; padding-left:27px;}

div.consul01 h3 span,div.consul02 h3 span,div.consul03 h3 span{ font-size:3.0rem !important;}

div.consul01{ background:url(../../service/images/img_01.gif) no-repeat 45px center;}
div.consul02{ background:url(../../service/images/img_02.gif) no-repeat 73px center;}
div.consul03{ background:url(../../service/images/img_03.gif) no-repeat 62px center;}

.serviceimg04{float:left; padding:25px 0px 0px 45px;}

div.proper01{ background:url(../../service/images/service_icon01.gif) no-repeat 60px 30px;}
div.proper02{ background:url(../../service/images/service_icon02.gif) no-repeat 60px 30px;}
div.proper03{ background:url(../../service/images/service_icon03.gif) no-repeat 60px 30px;}
div.proper04{ background:url(../../service/images/service_icon04.gif) no-repeat 60px 30px;}
div.proper05{ background:url(../../service/images/service_icon05.gif) no-repeat 60px 30px;}
div.proper06{ background:url(../../service/images/service_icon06.gif) no-repeat 60px 30px;}

div.consul01 h3{ background:url(../../service/images/number01.gif) no-repeat left center;}
div.consul02 h3{ background:url(../../service/images/number02.gif) no-repeat left center;}
div.consul03 h3{ background:url(../../service/images/number03.gif) no-repeat left center;}

div.consul04 .square {padding:5px 0px 0px 18px; background-position: left 10px ;}

div.FlowBox{background:url(../../service/images/flowbox_bg.gif) repeat-y 200px top; margin-top:20px;}

div.FlowBox dl dt{ width:185px; padding-right:19px; float:left; text-align:right;
	background:url(../../service/images/point02.gif) no-repeat right center;}
	
div.FlowBox dl.FirstFlow dt{ background:url(../../service/images/point02a.gif) no-repeat right -20px}
div.FlowBox dl.LastFlow dt{ background:url(../../service/images/point02b.gif) no-repeat right 10px}
	
div.FlowBox dl dd{ width:770px; float:right;}
div.FlowBox dl dd p{ padding:0px 0px 30px 12px; background:url(../images/arrow05.gif) no-repeat left 3px;}

div#reward_area p {
	padding:20px 0px;}
div#reward_area h3 {background:url(../images/arrow05.gif) no-repeat left 27px;
  padding:20px 0px 20px 15px;
  font-size:21px;
  }



/* ---------------------------------------------------------------- */
/* _project */
/* ---------------------------------------------------------------- */
.imagemap img{max-width: 100%; height:auto;}
.imagemap{width:800px; margin: 0 auto; margin-bottom: 40px;}







div.ProjectLeft{ width:750px; float:left;}
div.ProjectRight{ float:right; width:210px; border:1px solid #d3dbe8; padding:10px;}
div.ProjectsBox02{padding-top:30px;}
div.ProjectMainInner{float:right; width:660px; padding:0px 0px 30px;}
div.ProjectMainInner02{float:right; width:660px; padding:0px 0px 30px;}

/*リンク*/	
div.ProjectsBox a{color:#282828;text-decoration:none;}
div.ProjectsBox a:visited{color:#282828;text-decoration:none;}
div.ProjectsBox a:hover{color:#282828; text-decoration:underline;}
	
/*文字の装飾*/	
.ProjectMain .ProjectRed{ color:#bb084e; font-size:2.1rem; padding-bottom:20px;}
.p_fontsize{ font-size:2.6rem; padding-bottom:30px;}
.ProjectMain .p_red02{ color:#bb084e;}	
div.ProjectsBox li {padding:10px 0px 10px 0px;}
.ProjectMain h3{padding:25px 0px 25px 15px;
    background:url(../images/arrow05.gif) no-repeat left 30px ;
    font-size:1.8rem;}
hr{border-bottom:1px dotted #cccccc;}
	
/*アイコン*/

.ProjectRight p{
display:block; width:150px; height:47px; padding-left:70px; margin-bottom:5px; line-height:47px;}
.P_01img_denki{background:url(../../images/top_icon01.gif) no-repeat 15px center; background-size: 50px;  padding-left: 70px !important;}
.P_02img_mizu{background:url(../../images/top_icon02.gif) no-repeat 15px center; background-size: 50px; padding-left: 70px !important;}
.P_03img_gasu{background:url(../../images/top_icon03.gif) no-repeat 15px center; background-size: 50px; padding-left: 70px !important;}
.P_04img_tsusin{background:url(../../images/top_icon04.gif) no-repeat 15px center; background-size: 50px; padding-left: 70px !important;}
.P_05img_biru{background:url(../../images/top_icon05.gif) no-repeat 15px center; background-size: 50px; padding-left: 70px !important;}
.P_06img_kotei{background:url(../../images/top_icon06.gif) no-repeat 15px center; background-size: 50px; padding-left: 70px !important;}
.P_07img_goukei{background:url(../../images/top_icon09.gif) no-repeat 20px center; background-size: 40px; padding-left: 70px !important;}
.P_08img_lpg{background:url(../../images/top_icon07.gif) no-repeat 15px center; background-size: 50px; padding-left: 70px !important;}
.P_09img_toshi{background:url(../../images/top_icon08.gif) no-repeat 15px center; background-size: 50px; padding-left: 70px !important;}




div.P_zirei01{float:right;}


/*テーブルに単位挿入*/
.ProjectMainInner tbody th:after{
/*content: "(円)";*/
margin-left:5px; font-size: 11px;
}
.ProjectMainInner tbody td:after{
/*content: "(円)";*/
margin-left:5px; font-size: 11px;
}
.ProjectMainInner .noen:after{font-size: 0px;
}
.ProjectMainInner .per:after{content: "%";
margin-left:5px; font-size: 11px;
}

.ProjectMainInner02 tbody th:after{content: "(件)";
margin-left:5px; font-size: 11px;}
.ProjectMainInner02 tbody td:after{
/*content: "(円)";*/
margin-left:5px; font-size: 11px;
}
.ProjectMainInner02 .noen:after{font-size: 0px;
}
.ProjectMainInner02 .per:after{content: "%";
margin-left:5px; font-size: 11px;
}




/*テーブル*/
	
div.ProjectMainInner table{ margin-top:35px; width:660px; border-bottom:1px dotted #cccccc;}

div.ProjectMainInner table thead th,
div.ProjectMainInner table thead td{ height:40px; text-align:right; vertical-align:middle;}
div.ProjectMainInner table thead td:last-child{/* padding-right:20px;*/padding-left:20px;}

div.ProjectMainInner table tbody th {width:160px;}
.w70{width:70px !important;}
.w90{width:90px !important;}
.w120{width:120px !important;}
.w190{width:190px !important;}
.w200{width:200px !important;}
.w250{width:250px !important;}
.w290{width:290px !important;}
.padR70{padding-right: 
70px;}
.padR120{padding-right: 
120px;}



div.ProjectMainInner table tbody th,
div.ProjectMainInner table tbody td{ padding:3px 0px; border-top:1px dotted #cccccc; height:50px; vertical-align:middle; text-align:right;}
div.ProjectMainInner table tbody td:last-child{ color:#bb084e; /*padding-right:20px;*/padding-left:20px;}
div.ProjectMainInner table tbody td:nth-child(3){ color:#bb084e !important;}

div.ProjectMainInner table thead td:last-child{ color:#bb084e; }
div.ProjectMainInner table thead td:nth-child(3){ color:#bb084e; }




div.ProjectMainInner table tbody td.arrow{background:url(../images/arrow05.gif) no-repeat  45px center;}

div.ProjectMainInner table tr.P_total th,
div.ProjectMainInner table tr.P_total td{font-weight: bold !important;}

div.ProjectMainInner table tr.P_total02 th,
div.ProjectMainInner table tr.P_total02 td{font-weight: bold !important;
color:#bb084e;}



/*事業者ごとのテーブル*/
	
div.ProjectMainInner02 table{ margin-top:35px; width:480px; border-bottom:1px dotted #cccccc; float: right; margin-bottom: 10px;}
.ClearBoth{clear: both;}
div.ProjectMainInner02 table thead th,
div.ProjectMainInner02 table thead td{ height:40px; text-align:right; vertical-align:middle;}
div.ProjectMainInner02 table thead td:last-child{ padding-right:20px;}

div.ProjectMainInner02 table tbody th {width:160px;}
.w70{width:70px !important;}
.w190{width:190px !important;}
.w250{width:250px !important;}
.padR70{padding-right: 
70px;}

div.ProjectMainInner02 table tbody th,
div.ProjectMainInner02 table tbody td{ padding:3px 0px; border-top:1px dotted #cccccc; height:50px; vertical-align:middle; text-align:right;}
div.ProjectMainInner02 table tbody td:last-child{ color:#bb084e; padding-right:20px;}
div.ProjectMainInner02 table tbody td:nth-child(2){ color:#bb084e !important;}
div.ProjectMainInner02 table tbody td.arrow{background:url(../images/arrow05.gif) no-repeat  45px center;}

div.ProjectMainInner02 table tr.P_total th,
div.ProjectMainInner02 table tr.P_total td{font-weight: bold !important;}

div.ProjectMainInner02 table tr.P_total02 th,
div.ProjectMainInner02 table tr.P_total02 td{font-weight: bold !important;
color:#bb084e;}

div.ProjectMainInner02 table thead td:last-child{ color:#bb084e; }
div.ProjectMainInner02 table thead td:nth-child(2){ color:#bb084e; }










/*リンク*/
.ProjectMain .PageTopLink{
	border-top:1px dotted #cccccc;
	margin-top:5px;
	padding-top:5px;
	text-align:right;
	}

.ProjectMain .PageTopLink a{
	background:url(../images/arrow04.gif) no-repeat left center;
	padding-left:20px;
	text-decoration:none;
	color:#282828;
	}

/* ---------------------------------------------------------------- */
/* Q&A*/ 
/* ---------------------------------------------------------------- */
		 
.fqpage{padding-bottom:50px;}	
.fqpage h3{ background:url(../images/arrow05.gif) no-repeat left 10px; font-size:2.2rem;  border-bottom:1px dotted #cccccc; padding:0px 0px 5px 15px; margin-bottom:20px; }
.fqpage div.fqpageInnerBox{margin:0px 20px 40px;}
.fqpage div.fqpageInnerBox p{ padding:2px 0px 5px 40px; min-height:30px; }
.fqpage div.fqpageInnerBox p.fq1{background:url(../../qa/images/qa01.gif) no-repeat left top;}
.fqpage div.fqpageInnerBox p.fq2{background:url(../../qa/images/qa02.gif) no-repeat;}

/* ---------------------------------------------------------------- */
/* privacy*/
/* ---------------------------------------------------------------- */
div.privacyhead{padding:50px 50px 40px 50px;}
div.privacy{width:900px; background-color:#F2F2F2;
            margin:0px auto; padding:30px 20px 0px 20px; border-radius:5px;}	
			
div.privacy h3{padding:0px 0px 15px 15px;
 background:url(../images/arrow05.gif) no-repeat left 5px ; font-size:1.8rem;}

div.PrivacyBox .square {padding:5px 0px 0px 45px; background-position: 25px 10px ;}
div.PrivacyBox{padding:0px 10px 50px 10px;}
div.PrivacyBox ul{padding-left:20px;}

div.Privacyarea{padding:60px 0px 10px 55px; font-weight:bold;}		   
	
div.PrivacyFooter{ width:900px; margin:0px auto; border-radius:5px; border-style:solid;
			border-color:#F2F2F2; padding:30px 10px 40px 35px; }

/* ---------------------------------------------------------------- */
/* Company*/
/* ---------------------------------------------------------------- */
.Companybox{width:960px; margin:0px auto;}
.Companybox02 p{width:930px; margin:0px auto;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			line-height:230%;
			padding:10px 0px 30px 25px;}
			
.Companybox table{width:900px;  margin-left:40px; }
.Companybox th{width:150px; padding-left:20px;}

.Companybox table th,
.Companybox table td{
padding-top:10px; padding-bottom:10px;
vertical-align:top; 
border-bottom: 1px dotted #cccccc;}

.CP_img01,.CP_img02{ display:block; margin:0px auto 0px auto; }
.CP_img01{padding:80px 0px 70px 0px; }
.Companybox02 div.CP_right{text-align:right;}
.Companybox02 div.CP_right p{line-height:160%;}


/* ---------------------------------------------------------------- */
/* news*/
/* ---------------------------------------------------------------- */
table.newsList {
	width: 100%;
}
table.newsList th {
	border-bottom:1px dotted #cccccc;
	padding: 18px 15px 15px 15px;
	vertical-align: top;
	width: 13%;
	text-align: center;
}
table.newsList td {
	border-bottom:1px dotted #cccccc;
	padding: 15px;
	vertical-align: top;
}

table.newsList h3 {
	font-size:1.8rem;
	margin-bottom: 10px;
	font-weight: bold;
}

table.newsList h3 a {
	text-decoration: none;
	color: #282828;
}

div.pagePrevBox {
	margin-top: 20px;
}
div.pagePrevBox p.prevLink {
	float: left;
	width: 40%;
	padding-left: 25px;
	background-image: url(../../news/images/mark_prev.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
div.pagePrevBox p.nextLink {
	background-image: url(../../news/images/mark_next.gif);
	background-repeat: no-repeat;
	background-position: right center;
	float: right;
	width: 40%;
	text-align: right;
	padding-right: 25px;
}
div.pagePrevBox a {
	color: #10cbb9;
	text-decoration: none;
}
div.pagePrevBox a:hover {}