@charset "utf-8";

/* color

緑色　#2e8b5e
黄緑　#C5EFD5
タイトル帯の灰色　#EBEEE6
真っ黄色　#ECC950
-----------------------------------------------*/


/* template
-----------------------------------------------*/


.contsWrap {
 padding: 0 0 50px 0;
}
@media screen and (max-width : 698px) {
	.contsWrap {
	margin-top: -65px;
	padding: 65px 0 25px 0;
	}
}
/* pageTtl
ページのタイトル部分
-----------------------------------------------*/


.pageTtl {
 margin: 0 0 45px 0;
 padding: 7px 10px;
 border-left: 8px solid #2e8b5e;
 background: #ebeee6;
}

.pageTtl h2 {
 font-size: 1.8em;
 line-height: 1.4em;
}

@media screen and (max-width : 698px) {
	.pageTtl {
	 margin: 0 0 25px 0;
	}
	.pageTtl h2 {
	 font-size: 1.6em;
	}
}
.pageTtl .subtxt {
 color: #5f5b59;
}

/* leadWrap
ページのリード部分
-----------------------------------------------*/


.leadCop {
 font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
 font-size: 1.6em;
 line-height: 1.3em;
 font-weight: bold;
 padding: 0 0 10px 0;
}

.leadSubCop {
 font-size: 1.3em;
 padding: 0 0 3px 0;
 color: #2e8b5e;
}

.leadTxt {
 font-size: 1.2em;
 line-height: 1.6em;
}

@media screen and (max-width : 698px) {
	.leadCop {
	 font-size: 1.4em;
	}

	.leadSubCop {
	 font-size: 1.2em;
	}

	.leadTxt {
	 font-size: 1.1em;
	}
}
/* imgList
コンテンツのイメージをボックスで表示する
-----------------------------------------------*/


.imgList {
 list-style: none;
}

.imgList li {
 width: 50%;
 padding: 0 10px 20px 0;
 float: left;
}

.imgList li a {
 display: block;
 height: 100%;
 width: 100%;
 color: #2a2623;
}

.imgList li a:hover {
 text-decoration: underline;
 color: #fff;
}

.imgList li.rightList {
 width: 50%;
 padding: 0 0 20px 10px;
 float: left;
}

.imgList li .imgBox, .imgList li.rightList .imgBox {
 width: 100%;
 height: 250px;
 border: 1px solid #daded2;
 margin-bottom: 2px;
}
.imgList li .txtBox, .imgList li.rightList .txtBox {
 width: 100%;
 background: #daded2;
 text-align: center;
 display: block;
}
.imgList li .txtBox a, .imgList li.rightList .txtBox a {
 display: block;
 padding: 5px 0 25px 0;
}

.imgList li .txtBox a:hover, .imgList li.rightList .txtBox a:hover {
 background: #2e8b5e;
 text-decoration: underline;
 color: #fff;
}
.coverLink{
	cursor: pointer;	
	}
@media screen and (max-width : 698px) {
	.imgList li {
	 padding: 0 5px 10px 0;
	}

	.imgList li.rightList {
	 padding: 0 0 10px 5px;
	}
	.imgList li .imgBox, .imgList li.rightList .imgBox {
	 height: 160px;
	}
	.imgList li .txtBox, .imgList li.rightList .txtBox {
	 height: auto;
	 padding: 8px;
	}
}

/* imgList02
コンテンツをイメージとテキストで表示
-----------------------------------------------*/


.imgList02 {
 list-style: none;
}

.imgList02 li {
 width: 50%;
 padding: 0 10px 20px 0;
 float: left;
}

.imgList02 li a {
 display: block;
 height: 100%;
 width: 100%;
 color: #2e8b5e;
}

.imgList02 li a:hover {
 text-decoration: underline;
 color: #2e8b5e;
}

.imgList02 li.rightList {
 width: 50%;
 padding: 0 0 20px 10px;
 float: left;
}

.imgList02 li .imgBox, .imgList02 li.rightList .imgBox {
 width: 100%;
 height: 250px;/*170*/
 border: 1px solid #daded2;
 margin-bottom: 2px;
}

.imgList02 li .txtBox, .imgList02 li.rightList .txtBox {
 width: 100%;
 padding: 5px 0;
 text-align: left;
 display: block;
}


.txtBox h3 {
 font-size: 1.4em;
 /*padding: 0 0 8px 0;*/
 margin: 0 0 0.5em 0;
}

.imgList02 .moreLink {
 margin: 20px 0 10px 0;
 padding: 10px 5px 5px 5px;
 text-align: center;
 font-weight: bold;
 background: url(../images/more_arrow.png) no-repeat top center #ecc950;
}

.imgList02 .moreLink a {
 color: #2a2623;
}

@media screen and (max-width : 698px) {
	.imgList02 li .imgBox, .imgList02 li.rightList .imgBox {
	 height: 100px;
	}
	.txtBox h3 {
	 font-size: 1.3em;
	 line-height: 1.2;
	}
	.imgList02 .moreLink {
	 margin: 10px 0 25px 0;
	}
	#coverLink01,
	#coverLink02 {
	padding-bottom: 15px;
	}
	
	.otherBtn #coverLink01,
	.otherBtn #coverLink02 {
	padding-bottom:0;
	}
	.imgList02 li {
	 padding: 0 5px 20px 0;
	}
	.imgList02 li.rightList {
	 padding: 0 0 20px 5px;
	}
}
/* pickupConWrap
ピックアップコンテンツ（トップ＆サイド）
-----------------------------------------------*/


.pickupConWrap {
 background: #daded2;
 padding: 10px;
 margin: 10px 0 0 0;
}

.pickupConSideWrap {
 background: #daded2;
 padding: 10px;
 margin: 0 50px 250px 20px;
 font-size: 0.9em;
 line-height: 1.2em;
}
.pickupOneSize {
 width: 50%;
}

.pickupOne {
 margin: 0 auto;
 border: 2px #fff solid;
 text-align: center;
}

.pickupOne p a {
 display: block;
 height: 100%;
 width: 100%;
 color: #2a2623;
}

.pickupOne p a:hover {
 text-decoration: underline;
}

.pickupOne p {
 height: 100%;
 width: 100%;
 text-align: center;
 vertical-align: middle;
}

.puServiceSearch {
 background: url(../images/contmenu_bg_y.gif);
}

.puCSR {
 background: url(../images/contmenu_bg_g.gif);
}

.puFresh {
 background: url(../images/contmenu_bg_p.gif);
 padding: 10px 5px;
}

.puIR {
 background: url(../images/contmenu_bg_b.gif);
 padding: 10px 5px;
}

.puServiceSearchIcon {
 background: url(../images/btn_img_search.png) no-repeat center center;
 padding: 20px 5px 10px 5px;
}

.puCSRIcon {
 background: url(../images/btn_img_csr.png) no-repeat center center;
 padding: 20px 5px 10px 5px;
}

.puFresh p a, .puIR p a {
 color: #fff;
}

@media screen and (max-width : 698px) {
	.pickupConSideWrap {
	 margin: 0 10px 50px 10px;
	}
}

/* newsList
ニュース関連のリスト
-----------------------------------------------*/


dl.newsList dt {
 float: left;
 width: 170px;
 padding: 8px 0;
 margin: 0 0 0 2px;
 text-indent: 3px;
}

dl.newsList dd {
 margin: 0;
 padding: 8px 0 8px 190px;
 border-bottom: #cdd2c4 1px dotted;
}

dl.newsList dd a {
 color: #2a2623;
 height: 100%;
 width: 100%;
 display: block;
}

@media screen and (max-width : 698px) {
	dl.newsList dt {
	 float: none;
	 padding: 10px 0 0 5px;
	 margin: 0;
	}

	dl.newsList dd {
	 margin: 0;
	 padding: 2px 0 10px 5px;
	}
}



dl.newsList dd a:hover {
 text-decoration: underline;
 background: #d5fce9;
}

dl.newsList dt.newsOshirase {
 background: url(/common/images/news_news.gif) no-repeat right center;
}

dl.newsList dt.newsPress {
 background: url(/common/images/news_press.gif) no-repeat right center;
}

dl.newsList dt.newsJirei {
 background: url(/common/images/news_jirei.gif) no-repeat right center;
}

dl.newsList dt.newsIR {
 background: url(/common/images/news_ir.gif) no-repeat right center;
}

dl.newsList dt.newsMedia {
 background: url(/common/images/news_media.gif) no-repeat right center;
}

dl.newsList dt.newsCSR {
 background: url(/common/images/news_csr.gif) no-repeat right center;
}

/* ニュース詳細 */
.pageTtl .newsOshirase {
 background: url(/common/images/news_news.gif) no-repeat left top;
 padding: 20px 0 0 0;
	}
.pageTtl .newsPress {
 background: url(/common/images/news_press.gif) no-repeat left top;
 padding: 20px 0 0 0;
	}
.pageTtl .newsJirei {
 background: url(/common/images/news_jirei.gif) no-repeat left top;
 padding: 20px 0 0 0;
	}
.pageTtl .newsIR {
 background: url(/common/images/news_ir.gif) no-repeat left top;
 padding: 20px 0 0 0;
	}
.pageTtl .newsMedia {
 background: url(/common/images/news_media.gif) no-repeat left top;
 padding: 20px 0 0 0;
	}
.pageTtl .newsCSR {
 background: url(/common/images/news_csr.gif) no-repeat left top;
 padding: 20px 0 0 0;
	}

/* 
サブタイトル
-----------------------------------------------*/

.subTtl01 {
 font-size: 1.4em;
 font-weight: bold;
 padding: 7px 10px;
 background: #ebeee6;
 margin: 0 0 15px 0;
}

.subTtl02 {
 font-size: 1.2em;
 border-left: 7px solid #2e8b5e;
 padding: 5px 0 5px 7px;
 margin: 0 0 10px 0;
}

.subTtl03 {
 padding: 5px 0 5px 0;
}

@media screen and (max-width : 698px) {
	.subTtl01 {
	 font-size: 1.3em;
	}

	.subTtl02 {
	 font-size: 1.1em;
	}
}
/* contentsTab
ページ内リンクタブ
-----------------------------------------------*/

.contentsTab {
 margin: 0 auto;
 padding: 0;
 list-style: none;
}

.contentsTab li {
 float: left;
 background: #ebeee6;
 margin: 0;
 border-right: 1px solid #fff;
 border-bottom: 2px solid #fff;
}

.contentsTab li a {
 display: block;
 padding: 5px 15px;
 width: 100%;
 height: 100%;
 color: #2a2623;
 text-decoration: none;
}

.contentsTab li a:hover {
 color: #fff;
 text-decoration: underline;
 background: #2e8b5e;
}

/* contentsImgHead
コンテンツイメージ（ヘッダー部分）
-----------------------------------------------*/

.contentsImgHead {
 width: 100%;
 height: 250px;
 border: 1px solid #daded2;
 margin-bottom: 20px;
}
.diameter{
	text-align: center;
	margin: 0 auto;
	}
.diameter img{
	width: 100%;
	max-width: 702px;
	margin-bottom:0;
	border: 1px solid #daded2;
	}
.diameter2{
	text-align: center;
	margin: 0 auto;
	}
.diameter2 img{
	width: 100%;
	max-width: 700px;
	}

@media screen and (max-width : 698px) {
	.contentsImgHead {
	 height: 180px;
	}
}

/* flowWrap
フロー用
-----------------------------------------------*/



.flowOne {
 padding: 0 0 17px 0;
 background: url(../images/flow_arrow.gif) center bottom no-repeat;
}

.flowOne .flowMargin {
 padding: 0 0 20px 0;
 border-bottom: 1px solid #abd4bb;
}

.flowOne .flowTtlWrap {
 padding: 0 0 12px 0;
}

.flowOne .flowTtlWrap .flowNo {
 padding: 10px;
 text-align: center;
 font-size: 1.5em;
 line-height: 1em;
 font-weight: bold;
 background: #2e8b5e;
 color: #fff;
}

.flowOne .flowTtlWrap .flowTtl {
 margin: 0 0 0 50px;
 padding: 10px 0;
 font-size: 1.2em;
}
.detailtext-left {
	margin-right: 265px;
}
.detailtext-leftTb {
	margin-right: -280px;
	padding-right:280px;
}/* マージします SP*/
ul.detailtext-left.styleList {
	margin-left: 285px;
}/* マージします SP*/
@media screen and (max-width : 698px) {
	.flowOne {
	 margin-bottom: 50px;
	}
	.flowOne .flowTtlWrap .flowNo,
	.flowOne .flowTtlWrap .flowTtl {
 		display: inline-block;
	}

	.flowOne .flowTtlWrap .flowNo {
		width: 15%;
	}

	.flowOne .flowTtlWrap .flowTtl {
		width: 75%;
 		margin: 0 0 0 10px;
		padding: 0;
	}
	.detailtext-left {
	margin-right: 0;
	}
	.detailtext-leftTb {
		margin-right: 0;
		padding-right:0;
	}
	ul.detailtext-left.styleList {
	margin-left: 15px;
	}

}
/* companyList
企業リスト用
-----------------------------------------------*/

ul.companyList {
 list-style: none;
 font-size: 0.85em;
 line-height: 1.4em;
}

ul.companyList li a {
 display: block;
 width: 100%;
 height: 100%;
}

ul.companyList li {
 float: left;
 width: 33.33%;
 padding: 5px 5px 15px 5px;
}

ul.companyList p {
	background: #f5f8ef;
	padding: 0 8px 0 8px;
}


ul.companyList li h4 {
 font-size: 1.2em;
 padding: 5px 3px;
 margin: 0 0 5px 0;
 background: #ebeee6;
}

ul.companyList li .logoBox {
 text-align: center;
 padding: 5px;
 margin: 0 0 5px 0;
 border: 1px solid #daded2;
}

ul.companyList li .moreLink {
 margin: 5px 0 10px 0;
 padding: 10px 5px 5px 5px;
 text-align: center;
 font-weight: bold;
 background: url(../images/more_arrow.png) no-repeat top center #ecc950;
}

@media screen and (max-width : 698px) {
	ul.companyList li {
	 width: 48.5%;
	}
}
/* contactWrap
ページ下部お問い合せ
-----------------------------------------------*/



.contactWrap {
 padding: 15px 20px;
 border: 5px solid #ebeee6;
 background: #fff;
 line-height: 0.85em;
 text-align: center;
}

.contactWrap .tellWrap {
 font-size: 1.4em;
 line-height:1;
}
@media screen and (max-width : 698px) {
	.contactWrap {
	 padding: 15px 10px;
	}
	.contactWrap .tellWrap {
	 margin-top: 10px;
	}
	.contactWrap .tellWrap .txtLL {
		font-size: 1.2em;
	}
	.contactWrap .tellWrap .tel-link {
	 text-decoration: underline;
	}
}

.contactWrap .normalTxt{
 font-size:1.1em;
 line-height:1.4em;
}

.contactWrap .normalTxt a{
 text-decoration:underline;
}

.contactWrap .tellWrap .noteTxt {
 font-size: 0.5em;
}

.contactWrap .formBtnWrap {
 margin: 10px 0 0 0;
 background: url(../images/more_arrow.png) no-repeat top center #ecc950;
 text-align: center;
 font-size: 1.6em;
}

.contactWrap .formBtnWrap a {
 display: block;
 padding: 20px 5px;
 width: 100%;
 height: 100%;
}

/* compLink
外部ページへのリンク
-----------------------------------------------*/

.compLink {
 margin: 0 0 20px 0;
 text-align: center;
 font-size: 1.2em;
 font-weight: bold;
 background: #c5efd5;
}

.compLink a {
 padding: 10px;
 display: block;
}

/* 
テーブル用
-----------------------------------------------*/

/* resSP */
table.tbl01 {
 width: 100%;
 border-spacing: 0;
 empty-cells: show;
  word-break: break-all;
  word-wrap: break-word;
}

table.tbl01 th {
 background: #cdd2c4;
 padding: 0.3em 1em;
 white-space: nowrap;
 vertical-align: top;
 border-right: 1px solid #fff;
 border-bottom: 3px solid #fff;
}

table.tbl01 td {
 padding: 0.3em 1em;
 background: #ebeee6;
 border-bottom: 3px solid #fff;
}

table.tbl02 {
 width: 100%;
 border-spacing: 0;
 empty-cells: show;
}

table.tbl02 th {
 padding: 0.5em 1em 0.5em 0;
 white-space: nowrap;
 vertical-align: top;
 border-bottom: 1px dotted #cdd2c4;
}

table.tbl02 td {
 padding: 0.5em 1em;
 border-bottom: 1px dotted #cdd2c4;
}

table.tbl02_2 {
 width: 100%;
 border-spacing: 0;
 empty-cells: show;
}

table.tbl02_2 th {
 padding: 0.5em 1em;
 white-space: nowrap;
 vertical-align: top;
 border-bottom: 1px dotted #cdd2c4;
 text-align:left;
}

table.tbl02_2 td {
 padding: 0.5em 1em;
 border-bottom: 1px dotted #cdd2c4;
 text-align:right;
}
table.tbl02 .topMatch {
	width: 13em;
}

table.tbl03 {
 width: 100%;
 border-spacing: 0;
 empty-cells: show;
 text-align:center;
}

table.tbl03 th {
 background: #cdd2c4;
 padding: 0.3em 1em;
 white-space: nowrap;
 vertical-align: top;
 border-right: 1px solid #fff;
 border-bottom: 3px solid #fff;
}

table.tbl03 td {
 padding: 0.3em 1em;
 background: #ebeee6;
 border-right: 1px solid #fff;
 border-bottom: 3px solid #fff;
 word-break: break-all;
}



table.tblLarge {
 width: 100%;
 border-spacing: 0;
 empty-cells: show;
}

table.tblLarge th {
 background: #cdd2c4;
 padding: 0.8em 1em;
 white-space: nowrap;
 vertical-align: top;
 border-right: 1px solid #fff;
 border-bottom: 3px solid #fff;
}

table.tblLarge td {
 padding: 0.8em 1em;
 background: #ebeee6;
 border-bottom: 3px solid #fff;
}

table.tblLarge ol {
list-style-type: decimal;
margin: 0 0 0 2em;
}
table.tblLarge ul {
list-style-type: disc;
margin: 0 0 0 1.5em;
}

table.tbl02Large {
 width: 100%;
 border-spacing: 0;
 empty-cells: show;
}

table.tbl02Large th {
 padding: 1em 1em 1em 0;
 white-space: nowrap;
 vertical-align: top;
 border-bottom: 1px dotted #cdd2c4;
}

table.tbl02Large td {
 padding: 1em 1em;
 border-bottom: 1px dotted #cdd2c4;
}

@media screen and (max-width : 698px) {
	table.tbl02 {
	}

	table.tbl02 th {
	 padding: 0.5em 5px 0.5em 2px;
	 white-space: nowrap;
	}

	table.tbl02 td {
	 padding: 0.5em 2px;
	}
	table.tbl02 .topMatch {
		width: 0;
	}
	table.tblLarge th,
	table.tbl02Large th {
	width: 30%;
	 white-space: normal;
	}
	table.tbl03 th {
	 padding: 0.3em 2px;
	 white-space: nowrap;
	}
	table.tbl03 {
	 width: auto;
	}
	table.tbl03 td {
	 word-break: break-all;
	}
}

/* 
リスト用
-----------------------------------------------*/
ul.list01{
 list-style:disc outside;
 padding:0 0 0 1.2em;
}

ul.list01 li{
 padding:0.2em 0;
}

ul.list02{
 list-style:square outside;
 padding:0 0 0 1.2em;
}

ul.list02 li{
 padding:0 0;
}

ol.list01{
 list-style:decimal outside;
 padding:0 0 0 1.8em;
	}
ol.list01 li{
 padding:0.3em 0;
}

dl.tbl01 {

}
dl.tbl01 dt{
	width: 40%;
	float: left;
	padding-bottom: 10px;
	font-weight: bold;
	display: block;
}
dl.tbl01 dd {
	width: 57%;
	float: right;
	padding-bottom: 10px;
}
@media screen and (max-width : 698px) {
dl.tbl01 dt{
	width: auto;
	float: none;
	padding-bottom: 2px;
}
dl.tbl01 dd {
	width: auto;
	float: none;
	padding-bottom: 15px;
}

}
/* 
画像配置用
-----------------------------------------------*/


.contImgCenter {
 text-align: center;
}

.contImgLeft {
 text-align: left;
}

.contImgRight {
 text-align: right;
}

/* 
グループ企業個別ページタブ切り替え
-----------------------------------------------*/


#main {
 clear: left;
 margin: 20px auto;
 padding: 5px 20px;
 width: 900px;
}

ul#tab li {/* SP */
 border-right: 1px solid #fff;
 border-bottom: 2px solid #fff;
 float: left;
 padding: 8px 18px;
 list-style: none;
 cursor: pointer;
 background: #ebeee6;
 font-size: 110%;
}

#tab li.select {/* SP */
 background: #2e8b5e;
 color: #fff;
 text-decoration: underline;
}

@media screen and (max-width : 698px) {
	ul#tab {
		overflow: auto;
	}
	ul#tab::-webkit-scrollbar {
 		display: none;
	}
	ul#tab li {
	 padding: 8px 5px;
	}
}
.disnon {
 display: none;
}

.contTab {
 clear: left;
}



/* 
対応サービス一覧・取り扱いグループ企業のリストセット
-----------------------------------------------*/
.listSetupWrap{
	border: 1px solid #EBEEE6;
	padding: 10px;
	line-height: 1.6em;
	}
.listSetupWrap01,
.listSetupWrap02{
	width: 50%;
	max-width: 350px;
	}

@media screen and (max-width : 698px) {
	.listSetupWrap01,
	.listSetupWrap02 {
	width: auto;
	max-width: auto;
	}
	.listSetupWrap01 a,
	.listSetupWrap02 a {
	display: block;
	padding: 14px 12px 12px 14px;
	border-bottom: 1px dotted #cdd2c4;
	text-decoration: none;
	background: url(../images/arrow_green.png) no-repeat 2px 19px;
	}
}


/* 
コンタクトフォーム
-----------------------------------------------*/
input ,select { 
position:relative; 
top:1px;
padding: 0.2em;
font-size: 16px;
}

.formWrap p span{
	font-weight: bold;	
	}
.formWrap dl{
	margin: 20px 0 0 0;
	}
.formWrap dt{
	float: left;
	font-weight: bold;	
	}
.formWrap dd{
	margin: 0 0 25px 0;
	padding: 0 0 25px 160px;
	border-bottom: 1px solid #ebeee6;	
	}
dd.formServiceCheckWrap{
	padding: 0 0 25px 143px;
	}
.formServiceCheckWrap li{
	float: left;	
	}
.formServiceCheckWrap input{
	margin: 0 5px 0 1.5em;
	}
.formNameWrap{
	}
.formNameWrap div{
	float: left;
	padding: 0 15px 0 0;
	}
.formNameWrap .formNameWrapTop{
	margin: 0 0 10px 0;
	}
.formNameWrap input{
	width: 13em;
	margin: 0 0 0 5px;
	}
.formNumberWrap input{
	width: 6em;
	margin: 0 0.5em 10px 0;
	}
.formMailWrap input{
	width: 320px;
	}
.formTextareaWrap textarea{
	width: 320px;
	height: 10em;
	}
.formPrivacyWrap div{
	padding: 0 0 20px 0;
	}
.formPrivacyWrap input{
	margin: 0 5px 0 0;
	}
.formPrivacyWrap a{
	text-decoration: underline;
	}
.formConfirmWrap {
	width: 30%;
	margin: 0 auto;
	}
.formConfirmWrap input{
	width: 100%;
	height: 40px;
	background: #ecc950;
	border: 0;
	cursor: pointer;
	color: #2a2623;
	font-size: 120%;
	font-weight: bold; 	
	}
.formConfirmWrap input:hover{
	text-decoration: underline;
	color: #e33636;
	}
.errorWrap{
	border: 1px solid #e52020;
	color: #e33636;
	margin: 0 0 15px 0;	
	}
.errorWrap p{
	padding: 7px;
	}

@media screen and (max-width : 698px) {
	.formWrap dt{
	float: none;
	display: block;
	}
	.formWrap dd{
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
	}
	.formMailWrap input,
	.formTextareaWrap textarea {
	width: 85%;
	font-size: 16px;
	}
	.formConfirmWrap{
	width: 80%;
	margin: 0 auto;
	}
	input.short {width: 25%;}
}	
/* 
サイトマップ
-----------------------------------------------*/
.sitemapWrap{
	line-height: 1.8em;	
	}
.siteStage01{
	margin: 0 0 20px 0;
	}
.siteStage01 li{
	background: url(../images/allow_green.gif) no-repeat left center;
	padding: 0 0 0 10px;
	}
.siteStage02{
	margin: 0 0 15px 20px;
	border-bottom: #cdd2c4 1px dotted;
	}
.siteStage02_non03{
	margin: 0 0 0 20px;
	}
.siteStage02_non03 p{
	background: url(../images/allow_green.gif) no-repeat left center;
	padding: 0 10px 0 10px;
	}
.siteStage02 p{
	float: left;
	width: 50%;	
	background: url(../images/allow_green.gif) no-repeat left center;
	padding: 0 10px 0 8px;
	}
.siteStage02 .siteStage03{
	float: left;
	width: 50%;	
	}
.siteStage03{
	padding: 0 0 15px 20px;
	}
.siteStage03 li{
	background: url(../images/allow_green.gif) no-repeat left center;
	margin: 0 0 0x 0;
	padding: 0 0 0 10px;
	}
li.siteStage03_2{
	line-height: 1em;
	margin: 0 0 0.7em 1em;
	}

@media screen and (max-width : 698px) {
	.sitemapWrap a{
	padding: 10px 0;
	display: block;
	}
	.siteStage01{
	margin: 0;
	}
	.siteStage02 p,
	.siteStage02 .siteStage03{
	float: none;
	width: auto;	
	}
	.heightLine-imgList02Txt {
	background: #ebeee6;
	}
	.heightLine-imgList02Txt h3 {
		padding: 5px 5px 0 5px;
	}
	.heightLine-imgList02Txt p {
		padding: 0 5px 5px 5px;
	}
}
/* 
IR情報
-----------------------------------------------*/
.otherBtn {
 list-style: none;
}

.otherBtn li{
 width: 50%;
 float: left;

}
.eightLine-irList{
	padding: 10px 0 0 0;
	background: pink;
	}
.otherBtn .irList{
 margin: 0 0 10px 0;
 padding: 20px;
 background: #ebeee6;
}
.otherBtn .irList h3 a{
 color: #2e8b5e;
}
.otherBtn .leftList{
 margin: 0 10px 0 0;
}

/* IR資料 */
.irDataList li{
	margin: 0 0 5px 0;
	}
.irDataList li span{
	background: url(../images/icon_pdf.gif) no-repeat 0 center;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	}
@media screen and (max-width : 698px) {

	.otherBtn .irList{
	 padding: 10px;
	}
	.irDataList li {
	margin-bottom: 5px;
	}
	.irDataList li a {
	padding: 5px 0 7px 0;
	display: block;
	border-bottom: #cdd2c4 1px dotted;
	}
	.irDataList li a span {
	display: block;
	}

}
	
/* IRカレンダー */
dl.irCalendarDl dt {
 float: left;
 width: 130px;
 padding: 8px 0;
 margin: 0 0 0 2px;
 text-indent: 3px;
}

dl.irCalendarDl dd {
 margin: 0;
 padding: 8px 0 8px 150px;
 border-bottom: #cdd2c4 1px dotted;
}

/* IR株式情報 */
.irInfoDl dt {
 float: left;
 /*width: 170px;*/
 padding: 15px 0;
 margin: 0 0 0 2px;
 text-indent: 3px;
 font-weight: bold;
}

.irInfoDl dd {
 margin: 0;
 padding: 15px 0 15px 220px;
 border-bottom: #cdd2c4 1px dotted;
}
.irInfoDl p,.irInfoTa p{
	text-align:right;
	margin: 15px 0 0 0;
}

@media screen and (max-width : 698px) {
	.irInfoDl dd {
	 padding: 15px 0 15px 150px;
	}
}
.irInfoTa{
		margin: 30px 0 0 0;
	}
.irInfoTa table{
	width: 100%;
	/*max-width: 1000px;*/
	}
.irInfoTa th{
	padding: 8px 0 8px 10px;
	text-align: left;
	background: #2e8b5e;
	color: #fff;
	font-weight: normal;
	}
.irInfoTa th.borderDeco{
	border-right: 15px solid #fff;
	border-left: 15px solid #fff;
	}
.irInfoTa td.borderDeco{
	text-indent: 15px;
	}
.irInfoTa tr{
	padding: 10px 0;
	}
.irInfoTa td{
	width: 30%;
	padding: 15px 20px 15px 10px;
	border-bottom: 1px dotted #cdd2c4;
	}
	
/* IR株式還元方針 */
.irReductionTa{
		margin: 20px 0 0 0;
	}
.irReductionTa table{
	width: 100%;
	max-width: 1000px;
	}
.irReductionTa th{
	padding: 8px 8px 8px 10px;
	text-align: left;
	background: #2e8b5e;
	color: #fff;
	font-weight: normal;
	border-right: 15px solid #fff;
	}
.irReductionTa th.borderNonDeco{
	border: none;
	}
.irReductionTa td.borderDeco{
	text-indent: 15px;
	}
.irReductionTa tr{
	padding: 10px 0;
	}
.irReductionTa td{
	width: 25%;
	padding: 15px 20px 15px 10px;
	border-bottom: 1px dotted #cdd2c4;
	}
.irReductionTa p{
	text-align:right;
	margin: 15px 0 0 0;
}

.irReductionTa2{
		margin: 30px 0 0 0;
	}
.irReductionTa2 table{
	width: 64%;
	}
.irReductionTa2 th{
	padding: 8px 8px 8px 10px;
	text-align: left;
	background: #2e8b5e;
	color: #fff;
	font-weight: normal;
	}
.irReductionTa2 th.borderDeco{
	border-right: 15px solid #fff;
	}
.irReductionTa2 td.borderDeco{
	text-indent: 15px;
	}
.irReductionTa2 tr{
	padding: 10px 0;
	}
.irReductionTa2 td{
	width: 25%;
	padding: 15px 20px 15px 10px;
	border-bottom: 1px dotted #cdd2c4;
	}
.irReductionTa2 p{
	margin: 20px 0 3em 0;
}
.irReductionTa2Img{
	margin: 20px 4% 0 0;
}
	


/* 
CSR情報
-----------------------------------------------*/
.flowMargin .csrList li{
 list-style: disc;
 line-height: 1.3em;
 margin: 0 0 6px 0;
 padding: 0 20px 0 0;
}
.flowMargin .csrList{
 margin: 0 0 0 1.5em;
}
.flowMargin .csrListImg{
 margin: 0 0 0 20px;
}


/* 
グループ
-----------------------------------------------*/
.sectionP{
	font-size: 90%;
	line-height: 2.3em;
	}
ul.styleList{
	list-style: disc;
	margin: 0 0 0 1.5em;
	}
ul.styleList li{
	margin: 0 0 5px 0;
	}
ul.iconList{
	margin: 20px 0 0 0;
	}
.iconList li{
	float: left;
	margin: 0px 7px 5px 0;
	padding: 3px 10px;
	background: #c5efd5;
	}
.iconList .iconNonLink{
	color: #999b98;
	}
.groupImgHead{
	margin: 0 0 20px 0;
	}
.groupImgHead img{
	width: 100%;
	/*max-width: 700px;*/
	border: 1px solid #daded2;
	}
	
.imgList03,
.imgList04 {
 list-style: none;
}

.imgList03 li {
 width: 33%;
 padding: 0 10px 0 0;
 float: left;
}
.imgList04 li {
 width: 70%;
 padding: 0 10px 0 0;
 float: left;
}

.imgList03 li a,
.imgList04 li a{
 display: block;
 height: 100%;
 width: 100%;
 color: #2e8b5e;
}

.imgList03 li.rightList {
 width: 33%;
 padding: 0 0 0 0px;
 float: left;
}
.imgList04 li.rightList {
 width: 30%;
 padding: 0 0 0 0px;
 float: left;
}

.imgList03 li .imgBox,
.imgList03 li.rightList.imgBox,
.imgList04 li .imgBox,
.imgList04 li.rightList.imgBox {
 width: 100%;
 height: 230px;/*170*/
 border: 1px solid #daded2;
 margin-bottom: 2px;
}

.imgList03 li .txtBox,
.imgList03 li.rightList .txtBox,
.imgList04 li .txtBox,
.imgList04 li.rightList .txtBox {
 width: 100%;
 padding: 5px 0;
 text-align: left;
 display: block;
}

@media screen and (max-width : 698px) {

	.imgList03 li .imgBox,
	.imgList03 li.rightList.imgBox,
	.imgList04 li .imgBox,
	.imgList04 li.rightList.imgBox {
	 height: 90px;/*170*/
	}

}
/* メーリングジャパン */
.imgMailingjapan{
	width: 522px;
	margin: 0 auto;
	}
.imgMailingjapan img{
	margin: 0;
	padding: 0;
	}

/* 
採用情報
-----------------------------------------------*/
ul.freshFlowList{
	margin: 0 0 30px 1.5em;
	list-style-type: disc;
	font-weight: bold;
	}
.freshWelcome{
	background: #C5EFD5;
	padding: 20px;
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	}

/* 
会社情報
-----------------------------------------------*/

/*営業エリア・グループ会社案内*/
.companyAccessDetailBtn{
	text-align: right;
	background: #ECC950;
	margin: 5px 0 0 0;
	}
.companyAccessDetailBtn a{
	display: block;
	padding: 10px 30px;
	}

@media screen and (max-width : 698px) {
	.companyAccessDetailBtn{
	display: block;
	text-align: center;
	}
	.companyAccessDetailBtn a{
	display: block;
	padding: 10px;
	}
}
.regionTtl{
	float: left;	
	}
.regionP{
	margin: 0 0 0 5.5em;	
	}
.companyAlliance{
	
	border: 1px solid #EBEEE6;	
	padding: 10px;
	}
.companyAllianceTtl{
 font-size: 1.4em;
 font-weight: bold;
 margin: 0 0 10px 0;
	}

@media screen and (max-width : 698px) {
	.companyAlliance{
	margin: 0 0 50px 0;
	}

}	
/*コーポレートガバナンス*/
.companyGovernance ol{
 list-style-type: decimal;
 margin: 0 0 2.5em 2.5em;
	}
.companyGovernanceTtlNumber{
	float: left;
	font-weight: bold;
	}
.companyGovernanceTtl{
	font-weight: bold;
	margin: 0 0 1em 3em;
	}

/*青春の館*/
.genkiPict {
	width:505px;
	margin:2em auto 0 auto;
}

@media screen and (max-width : 698px) {
	.genkiPict {
		width: auto;
	}
	.tbWrap {
		width: 100%;
		overflow-x: auto;
	}
	.tbWrap table {
		width: 100%;
	}
}
/* 
サービス
-----------------------------------------------*/

/* 防犯カメラ */
#cameraDecoPosition{
	position: relative;	
	}
#cameraDeco{
	position: absolute;
	top: 0;
	right: 0;	
	}
	
/* 施設管理・清掃 */
.equipmentList h4{
	margin: 0 0 0 260px;	
	}
.equipmentList ul{
	padding: 0.5em 0 2em 257px;	
	}

@media screen and (max-width : 698px) {
	.equipmentList h4{
	margin: 0;	
	}
	.equipmentList ul{
	padding: 0.5em 0 2em 0;	
	}
}
/* メーリングサービス */
.mailBtn {
 list-style: none;
}

.mailBtn li{
 width: 50%;
 float: left;
}

.mailBtn .irList{
 margin: 0 0 10px 0;
 padding: 20px;
 background: #fff0c9;
 border: 1px solid #fd9d06;
}
.mailBtn .irList h3 a{
 color: #2e8b5e;
}
.mailBtn .leftList{
 margin: 0 10px 0 0;
}
/*.mailBtn h3{
 color: #703005;
}*/

/* AED */

.aedread {margin-left:152px;}
.aedsosei {min-width: 350px;margin-right:515px;}


@media screen and (max-width : 698px) {
	.aedread {margin-left:0;}
	.aedsosei {min-width: auto;margin-right:0;}
	#popTel {
		width:100%;
		background-color:white;
		position:fixed;
		top:65px;
		left:0;
		z-index:500;
  		box-shadow: 0px 0px 4px 3px rgba(84,84,84,0.25);
	}
	#popTel ul a {
		padding: 15px;
		display: block;
		font-size: 1.2em;
		line-height: 1;
		text-decoration: none;
		background: url(../images/arrow_green.png) no-repeat 5px 17px;
		border-bottom: 1px dotted #cdd2c4;
	}
	#popTel .closeLink {
	 margin: 20px 0 10px 0;
	 padding: 10px 5px 5px 5px;
	 text-align: center;
	 font-weight: bold;
	 background: url(../images/more_arrow.png) no-repeat top center #ecc950;
	}

	#popTel .closeLink a {
	 color: #2a2623;
	}
}