@charset "UTF-8";


@font-face {
	font-family: 'jpsmt';
	src:url('/fonts/jpsmt.eot?l876xm');
	src:url('/fonts/jpsmt.eot?#iefixl876xm') format('embedded-opentype'),
		url('/fonts/jpsmt.woff?l876xm') format('woff'),
		url('/fonts/jpsmt.ttf?l876xm') format('truetype'),
		url('/fonts/jpsmt.svg?l876xm#jpsmt') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* ====================================================== */
/* [当該カテゴリ共通のスタイル] 						  */
/* ====================================================== */

.sp-l1em{margin-left:1em !important;}



/* ====================================================== */
/* [特定のページ専用のスタイル] 						  */
/* ====================================================== */

/* (index.html) ---------------------------------------- */

body.under *{
	box-sizing:border-box;
}

/* categoryInd */

	body.under h1 span.inner:before{
		content:"";
		background-image:url(/img/about/ico_h1.png);
	}
	body.under h1 + p.read{
		font-size:1.15em !important;
		padding:10px 20px;	
	}
	body.under p.read + span{
		display:block;
		margin-bottom:20px;
	}

		body.under.sns h1 span.inner:before{
			background-image:url(/img/social_media/ico_h1.png);
		}
		body.under.apps h1 span.inner:before{
			background-image:url(/img/apps/ico_h1.png);
		}
		body.under.employ h1 span.inner:before{
			background-image:url(/img/about/ico_h1_employ.png);
		}
		body.under.cm h1 span.inner:before{
			background-image:url(/img/cm/ico_h1.png);
		}




#main-box div.sectionCol{
	margin-top:20px;
	width:564px;
}

#main-box div.sectionCol.cm{
	width:282px;
}


	#main-box div.sectionCol:nth-of-type(2n){
		margin-left:32px;
	}

	#main-box div.sectionCol.cm:nth-of-type(2n){
		margin-left:4px;
	}


div.sectionCol ul li.twice{
	height:200px;
	padding-left:30px;
	display:block;
}
		div.sectionCol ul li.twice:hover{
			background:none;
		}
div.sectionCol ul li.twice em{
	font-weight:bold;
	color:#333333;
}
	div.sectionCol ul li.twice ul li{
		height:auto;
		background: url("/img/common/mkr_basic_m.gif") no-repeat 5px 0.50em;
		margin-top: 0.5em;
		padding-left: 15px;
		font-size: 87.5%;
		line-height: 140%;
	}
	div.sectionCol ul li.twice ul li:before{
		position:inherit;
		content:"";
	}
	div.sectionCol ul li.twice ul li a{
		font-weight:normal;
		display:inline;
		padding-left:0px;
		text-decoration:underline;
	}


div.aboutBtm{
	background:#fafafa;
	padding:20px;
}
div.aboutBtm ul li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	background:#FFFFFF;
	height:120px;
	width:48%;
	margin-top:20px;
	padding:20px 20px 20px 80px;
	border-radius:5px;

	font-weight:bold;
}
	div.aboutBtm ul li:nth-of-type(1){
		margin-top:0px;
	}
	div.aboutBtm ul li:nth-of-type(2){
		margin-top:0px;
	}
	div.aboutBtm ul li:nth-of-type(2n){
		margin-left:32px;
	}
	
	div.aboutBtm ul li a.next{
		position:absolute;
		display:block;
		height:120px;
		width:100%;
		left:0;
		top:0;
		text-indent:-999px;
		overflow:hidden;
		border-radius:5px;
		transition:0.5s;
	}
		div.aboutBtm ul li a.next:hover{
			background:rgba(255,51,51,0.1)
		}
	div.aboutBtm ul li span{
		display:block;
		font-size:0.9em;
		margin-top:4px;
		font-weight:normal;
	}
	div.aboutBtm ul li span.ico{
		position:absolute;
		left:20px;
		top:20px;
	}



/*pad_pressx*/

#pad_press{
	padding:20px 0;
}

div.topNews{
	position:relative;
}

div.topNews div.linkList{
	position:absolute;
	font-size:1.0em;
	right:0;
	top:0px;
	z-index:4;
}
	div.topNews div.linkList ul li{
		display:inline;
		margin-left:30px;
	}
	div.topNews div.linkList ul li span:before{
		content:url(/img/top/ico_disc_arrow.png);
		margin-right:2px;
	}
	div.topNews div.linkList ul li img{
		margin-bottom:0px;
	}


div.topNews h2 {
	background:none !important;
	margin: 0;
	padding-bottom: 10px;
	font-size:inherit;
	line-height:inherit;
}

div.topNews h2{	
	position:relative;
	color:#ce0000;
	padding:0px 0 10px 40px;
	font-size:1.3em;
	font-weight:bold;
	border-bottom:1px solid #ce0000;
}
	div.topNews h2:before{
		position:absolute;
		bottom:10px;
		left:0;
		content:" ";
		display:inline-block;
		width:26px;
		height:32px;
		background-size: 26px 32px;
		background-repeat:no-repeat;
		background-size:contain;
	}
	div.topNews h2 a{
		color:#ce0000;
		text-decoration:none;
		pointer-events: none;
		
	}
	div.topNews:nth-child(1) h2:before{
		background-image:url(/img/top/ico_news_press.png);
	}
	div.topNews:nth-child(2) h2:before{
		background-image:url(/img/about/ico_about_collect.png);
	}
	

	
div.topNews dl{
	padding:16px 0 28px;
	font-size:1.0em;
}
	div.topNews dd{
		position:relative;
		padding:4px 0 4px 16px;
		margin:0;
	}
	div.topNews dd a:before{
		position:absolute;
		top:12px;
		left:0;
		width:5px;
		margin-right:13px;
		content:url(/img/common/ico_simple_arrow.png);
	}
		div.topNews dd a.popup:before{
			content:url(/img/common/ico_popup.png);
		}
	#main-box div.topNews {
		letter-spacing: -.40em;
	}
	#main-box div.topNews > *{
		letter-spacing:normal;
	}




/* (nature.html) ---------------------------------------- */

/* 環境に配慮したオフィスビル・商業施設の建設 */
#csr .jp-tower-building .col2-l {
	width: 474px;
}

/* インクカートリッジ里帰りプロジェクト */

#csr #ink-cartridge {	
	height: 200px;
	background: url(/img/about/csr/nature_12.gif) no-repeat 750px top;
}


/* (tegami.html) ---------------------------------------- */

/* 手紙作文コンクール・年賀状大賞コンクール */

#tegami-concour-img {
	background: url(/img/about/csr/tegami_bg_01.jpg) 750px no-repeat;
	height: 160px;
}
.tegami-kakikata {
	position: relative;
}
.tegami-kakikata-button {
	position: absolute;
	left: 232px;
}

/* (environment.html) ---------------------------------- */

/* 再採用制度・後補充スキーム */

.saisaiyou {
	position:relative;
}
.saisaiyou-button {
	position: absolute;
	left: 273px;
}

/* (society.html) ---------------------------------- */

/* 郵便局のみまもりサービス */

.mimamori-service {
	position:relative;
}
.mimamori-service-button {
	position: absolute;
	left: 281px;
}


/* 女性活躍推進 ---------------------------------------- */

div.box.bl4{
	border:2px solid #f6c9c8;
}
div.box.bl5{
	border:2px solid #f6c9c8;
	background:#fdf5f5;
	border-radius:5px;
}
div.box.bg4{
	background:#f6c9c8;
	border-radius:3px;
	padding:12px;
}

div.half.halfWom{
	width:940px !important;
}
div.half.halfWom .box{
	padding:12px 20px;
}
div.half.halfWom div.col2-l, div.half.halfWom div.col2-r{
	width:465px !important;
}



div.img-r{
	display:block;
	float:right;
	text-align:center;
	margin-left:20px;
}
	div.img-r.w100{
		width:100px;
	}
div.img-r img{
	border:3px solid #FFFFFF;
}
div.box:after, div.section:after{
  content: ""; 
  display: block; 
  clear: both; 
}

div.oneThird{
	text-align:center;
	width:940px;
	margin:0 auto;
}
div.oneThird .col3{
	width:310px;
}

/* ソーシャルメディア ---------------------------------------- */

body.under .sectionCol h2{
	background-image:none !important;
	background-color:#f9f9f9;
	text-align:center;
	height:90px;
	padding:26px 0;
	font-size:1.2em;
	margin:0 0 10px;
}
	body.under .sectionCol h2:after{
		display:block;
		content:"";
		background:#CC0000;
		width:62px;
		height:5px;
		margin:15px auto 0;
		border-radius:30px;
	}

body.under.sns .sectionCol span{
	display:block;
	text-align:center;
}
	body.under.sns .sectionCol span img{
		max-height:160px;
		width:auto;
		margin:20px 0;
	}
	body.under.sns #main-box .sectionCol p{
		padding:0 40px;
		font-size:1em;
	}
	body.under.sns .sectionCol ul{
		padding:0 30px;
		text-align:center;
	}
	body.under.sns .sectionCol ul li{
		display:inline-block;
		vertical-align:top;
		padding-left:0px;
		margin:20px 0;
		height:inherit;
		width:33.3%;
	}
		body.under.sns .sectionCol ul li:hover{
			background:none;
		}
	body.under.sns div.sectionCol ul li a {
		padding-left: 0px;
	}
	body.under.sns .sectionCol ul li:before{
		content:"";
	}
	body.under.sns .sectionCol ul li img{
		max-height:40px;
		width:auto;
		margin-bottom:15px;
	}
	body.under.sns .sectionCol ul li span{
		color:#1E4EA6;
		text-decoration:underline;
		font-size:0.8em;
		border-left:1px solid #ccc;
	}
		body.under.sns .sectionCol ul li:nth-child(3n+1) span{
			border-left:none;
		}
	body.under.sns .sectionCol ul li span.mk-popup{
		padding: 0 0 0 0;
		background:none;
		margin:0 0 0 0;
	}
	body.under.sns .sectionCol ul li span.mk-popup:after{
		content:url(/img/common/mkr_popup_top.gif);
	}


/* CM ---------------------------------------- */

body.under.cm h2{
	background-image:none !important;
	background-color:#f9f9f9;
	text-align:center;
	height:90px;
	padding:26px 0;
	font-size:1.2em;
	margin-top:30px;
}
	body.under.cm h2:after{
		display:block;
		content:"";
		background:#CC0000;
		width:62px;
		height:5px;
		margin:15px auto 0;
		border-radius:30px;
	}
	body.under.cm h3{
		background:none;
	}
		body.under.cm h3 span{
			display:inline-block;
		}
		body.under.cm .sectionCol h3 span{
		}
		body.under.cm .sectionCol h3 span:after{
			content: "・";
			color:#ce0000;
			margin-left:4px;
			font-size:inherit;
			font-weight:bold;
		}	
	body.under.cm .sectionCol{
		text-align:center;
	}
	
	div.sectionCol video{
		border: 1px #C0C0C0 solid;
	}

	
	
/* apps ---------------------------------------- */


	body.under.apps .sectionCol{
		text-align:center;
	}
	body.under.apps .sectionCol span img{
		max-height:160px;
		width:auto;
		margin:20px 0;
	}
	body.under.apps #main-box .sectionCol p{
		padding:0 40px;
		font-size:1em;
		text-align:left;
		height:150px;
	}
	body.under.apps .sectionCol table img{
		margin-right:10px;
	}
	body.under.apps .sectionCol table strong{
		display:block;
	}


/* CSR ---------------------------------------- */

dl.csr{
	position:relative;
	display:table;
	border:1px solid rgba(204,204,204,1);
	transition:0.5s;
}
	dl.csr:hover{
		border:1px solid #ce0000;
	}
	dl.csr dt{
		display:table-cell;
		width:60%;
	}
		dl.csr dt a{
			position:absolute;
			width:100%;
			height:100%;
			padding:3.5rem 1rem;
			box-sizing:border-box;
			display:block;
			left:0;
			top:0;
			text-decoration:none;
			color:rgba(51,51,51,1);
			font-weight:bold;
		}
		
		dl.csr.min{
			margin-bottom:0;
		}
			dl.csr.min dt span{
				position:absolute;
				width:100%;
				height:100%;
				padding:3rem 1rem;
				box-sizing:border-box;
				display:block;
				left:0;
				top:0;
				text-decoration:none;
				color:rgba(51,51,51,1);
				font-weight:bold;
				cursor:pointer;
			}
				dl.csr.min dt span:before{
					display:inline-block;
					font-family:"jpsmt";
					content:"\3e";
					color:rgba(153,153,153,1);
					margin-right:0.4rem;
				}

			.csrMenu{
				background:rgba(255,255,204,0.3);
				padding:0.6rem;
				display:none;
			}
			.csrMenu ul{
				margin:0;
			}
			.csrMenu ul li:before{
				display:inline-block;
				font-family:"jpsmt";
				font-weight:bold;
				color:#1E4EA6;
				content:"\30";
				margin-right:0.4rem;
			}


		
	dl.csr dd{
		display:table-cell;
		width:38%;
		padding:0.4rem;
		box-sizing:border-box;
	}
		dl.csr dd img{
			width:100%;
		}


#main-box .special p.head{
	background:#FEF9E4;
	margin-bottom:0;
	padding:10px 20px 0;
	font-size:1.3rem;
	color:rgba(255,153,51,1);
}
#main-box .special p.head strong{
	position:relative;
	display:block;
	width:100%;
}
#main-box .special p.head strong:after{
	position:absolute;
	top:0.8rem;
	right:0;
	display:block;
	width:93%;
	content:"";
	border-bottom:3px double rgba(255,153,51,0.6);
}

.col.csr .col3{
	position:relative;
	height:200px;
	width:255px;
	margin-right:33px;
	transition:0.5s;
	background:rgba(255,255,255,1);
}

.col.csr .col3.top{
	height:190px;
}

	.col.csr .col3:hover{
		border:1px solid rgba(255,153,51,1);
	}
	.col.csr .col3.top:hover{
		border:1px solid #ce0000;
	}
	.col.csr .col3:nth-child(3){
		margin-right:0;
	}
	.col.csr .col3 a{
				position:absolute;
				width:100%;
				height:100%;
				padding:9.2rem 1rem 0;
				box-sizing:border-box;
				display:block;
				left:0;
				top:0;
				text-decoration:none;
				color:rgba(51,51,51,1);
				font-weight:bold;
	}

	.col.csr .col3.top a{
				padding:10rem 1rem 0;
	}

a.block{
	display:block;
	padding:0.6rem 0.8rem;
	text-decoration:none;
	color:rgba(51,51,51,1);
	font-weight:bold;
	border:1px solid rgba(204,204,204,1);
	transition:0.5s;
}
	a.block:hover{
		border:1px solid #ce0000;
	}
	.half .popup:before{
		display:inline-block;
		font-family:"jpsmt";
		content:"\26";
		margin-right:0.4rem;
	}



div#csr .post{
	padding:5px 0 40px;
	<!-- border-bottom:1px dashed #9CD894; -->
}
div#csr .post:first-child{
	padding-top:0;
}

div#csr .post img.media_img,
div#csr .post .media_img img{
	max-width:400px; margin-bottom:5px;
}
div#csr .post .section{
	margin:0;
}
div#csr .post ul.layout-grid li{
	width:auto;
}
div#csr .post ul.layout-grid li img{
	height:250px;
}

div#csr .post .media .text{
	display:block;
	float:left; width:56%;
}
div#csr .post .media .text img{
	max-width:100%;
}



div#csr table.pre_status span.watch:before{
	content : "\5730\57DF\898B\5B88\308A\6D3B\52D5"; /* 地域見守り活動 */
	font-size:0.9em;
	color:#4D4D4D;
}

div#csr table.pre_status span.road:before{
	content : "\9053\8DEF\640D\50B7\306E\60C5\5831\63D0\4F9B"; /* 道路損傷の情報提供  */
	font-size:0.9em;
	color:#4D4D4D;
}
div#csr table.pre_status span.dump:before{
	content : "\4E0D\6CD5\6295\68C4\306E\60C5\5831\63D0\4F9B"; /* 不法投棄の情報提供   */
	font-size:0.9em;
	color:#4D4D4D;
}

div#csr table.pre_status span.inclusion:before{
	content : "\5305\62EC\9023\643A\5354\5B9A"; /* 包括連携協定 */
	font-size:0.9em;
	color:#4D4D4D;
}
div#csr table.pre_status span.disaster:before{
	content : "\9632\707D\5354\5B9A"; /* 防災協定 */
	font-size:0.9em;
	color:#4D4D4D;
}


div#csr .csr_topics{
	border:1px solid #6CAC63;
	padding:0 15px 20px; margin:16px 0px;
	font-size:0.9em;
}
div#csr .csr_topics .head{
	padding:0.7em 0.2em 0.3em; font-size:1.2em;
	border-bottom:4px double #6CAC63;
	font-weight:bold;
}
div#csr .csr_topics ul{
	margin:15px 0 0 ;
	padding:0 5px;
}
div#csr .csr_topics ul li{
	margin:0.7em 0 0;
}

div#csr .csr_topics ul li:last-child{
	margin-bottom:0;
}
div#csr .csr_topics ul li{
	letter-spacing: -.3em;
}
div#csr .csr_topics ul li span{
	letter-spacing: normal;
	display:inline-block;
	vertical-align: top;
}
div#csr .csr_topics ul li span.date{
	color:#646464;
	width:15%;
}
div#csr .csr_topics ul li span.text{
	width:83%;
	background: url("/img/common/mkr_arrow_gray2.gif") no-repeat 0 0.35em;
	padding-left:18px;
}
/* グリッドレイアウト */

ul.layout-grid li {
	display: inline-block;
	margin:0 8px 16px;
	width:250px;
	vertical-align: top;
}
.half ul.layout-grid li {
	padding:0;
	margin:0 0px 16px;
	width:214px;
}
ul.layout-grid.col4 li {
	padding:0;
	margin:0 0px 16px;
	width:214px;
}
ul.layout-grid li > .grid_text {
	display: inline-block;
	width: 228px;
	font-size: 87.5%;
}



/* 本文とイメージ画像 */
#csr .media:after {
  content: "";
  clear: both;
  display: block;
}

#csr .media .media_img {
	display: block;
	float: right;
	margin-left: 16px;
}
#csr .media .media_img.left {
	float: left;
}

#csr a img:hover{
	opacity:0.8;
}

.searchArea #map {
  margin: 0 0 25px;
  
  padding-bottom: 160px; position:relative; display:block;
}
.searchArea #map ul.pre {
  border-left: 4px solid #FFC7C7;
  padding-left: 10px;
}
.searchArea #map ul li {
  float: left;
}
.searchArea #map ul li a {
  color: #585858;
  min-width: 3.5em;
  display: block;
  text-align: center;
  padding: 0.2em;
  border: 1px dotted #CCC;
  border-radius: 3px;
  margin: 3px 5px 3px 0;
}
.searchArea #map ul li a:hover {
  background: #FFEAEA;
}
.searchArea #map ul li.top {
  content: "";
  display: block;
  clear: both;
}
.searchArea #map ul:after {
  content: "";
  display: block;
  clear: both;
}
.searchArea #map .listObject{position:relative; z-index:2; display:inline-block;}
.searchArea #map .mapObject{
	position:absolute; right:10px; bottom:0px; min-width:70%; z-index:0;
}
.searchArea #map .mapObject svg{height:450px;}
.searchArea #map .mapObject a:hover{opacity:0.7;}

ul.inward{
	padding: 10px 0 0;
}
ul.inward li{
	display:inline-block;
	vertical-align:top;
	padding:0 10px;
	border-right:1px solid #666666;
	font-size:87.5%;
}
	ul.inward li:nth-last-child(1){
		border-right:none;
	}
ul.inward li:before{
	font-family: 'jpsmt';
	content: "\79";
	color:#ce0000;
	margin-right:4px;
}

	ul.inward.bottom li:before{
		display:inline-block;
		transform:rotate(180deg);
		moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}

/* ページ内リンク背景幅 */
div.box.bg1.frame {
	width: 780px;
}

div.box.bg1.frame2 {
	width: 655px;
}