@charset "utf-8";
/* CSS Document */


.titlehead{
	color:#153173;
	font-size:160%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 8px;
	padding-left: 15px;
	_margin-top:8px;
	margin-top:8px;
	}

.subhead{
	color:#153173;
	font-size:120%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0 0 0 15px;
	_margin-top:10px;
	margin-top:8px;
	}
	
.panph{
	background-image:url(https://www.taiheiyo-cement.co.jp/csr/images/panph.gif);
}


.torikumi{
  background-image: url(../images/top/comp1.jpg)
}	
	
.kaishagaiyo{
	background-image:url(https://www.taiheiyo-cement.co.jp/csr/lib_images/h2_back.jpg);
	font-size:90%;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}	
	
.env{
	background-image:url(../images/top/presi_title.jpg);
	font-size:90%;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}
	
		
.social{
	background-image:url(../images/top/social_title.jpg);
	font-size:90%;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}

.tccsr{
	background-image:url(../images/top/fact.jpg);
	font-size:90%;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}

.management{
	background-image:url(../images/top/management_title.jpg);
	font-size:90%;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}
	
.clear {
	height: 1%;
	clear: both;
}
	
.hr1{
color:#666666;
}


/* ■テーブル1(罫あり------------------------------------------------------ */

table.tableType01 {
	width:98%;
	border-width:1px 0px 0 0;
	border-style:solid;
	border-color:#cccccc;
}
table.tableType01 th,
table.tableType01 td {
	border-width:0 0 1px 0px;
	border-style:solid;
	border-color:#cccccc;
	vertical-align:middle;
	text-align:left;
	font-size:82%;
	line-height:16px;
	text-align: left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table.tableType01 th {
	background-color:#eeeeee;
	font-weight:normal;
	font-size:82%;
	text-align: center;
}
table.tableType01 thead th {
	background-color:#acacac;
	font-weight:bold;
	color:#ffffff;
}
table.tableType01.taCenter th,
table.tableType01.taCenter td {
	text-align:center;
}
table.tableType01 .boldBdLeft {
	border-left:2px solid #cccccc;
}
table.tableType01 td.boldBdBtm,
table.tableType01 tr.boldBdBtm th,
table.tableType01 tr.boldBdBtm td {
	border-bottom:2px solid #cccccc;
}
table.tableType01 td.whiteBdLeft {
	border-left:1px solid #ffffff;
}
table.tableType01 td.whiteBdBtm,
table.tableType01 tr.whiteBdBtm th,
table.tableType01 tr.whiteBdBtm td {
	border-bottom:1px solid #ffffff;
}
table.tableType01 .noBorder {
	border-left:0;
}
table.tableType01 tr.gray th,
table.tableType01 tr.gray td {
	background-color:#F8F0DA;
}

/* ■table2（罫なし----------------------------------------------------- */

table.tableType02 {
	width:98%;
	border-width:1px 0px 0 0;
	border-style:solid;
	border-color:#fff;
}
table.tableType02 th,
table.tableType02 td {
	border-width:0 0 0px 0px;
	border-style:solid;
	border-color:#fff;
	vertical-align:middle;
	text-align:left;
	font-size:84%;
	line-height:16px;
	text-align: left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table.tableType02 th {
	background-color:#fff;
	font-weight:normal;
	font-size:84%;
	text-align: center;
}
table.tableType02 thead th {
	background-color:#fff;
	font-weight:bold;
}
table.tableType02.taCenter th,
table.tableType02.taCenter td {
	text-align:center;
}
table.tableType02 .boldBdLeft {
	border-left:2px solid #fff;
}
table.tableType02 td.boldBdBtm,
table.tableType02 tr.boldBdBtm th,
table.tableType02 tr.boldBdBtm td {
	border-bottom:2px solid #fff;
}
table.tableType02 td.whiteBdLeft {
	border-left:1px solid #ffffff;
}
table.tableType02 td.whiteBdBtm,
table.tableType02 tr.whiteBdBtm th,
table.tableType02 tr.whiteBdBtm td {
	border-bottom:1px solid #ffffff;
}
table.tableType02 .noBorder {
	border-left:0;
}
table.tableType02 tr.gray th,
table.tableType02 tr.gray td {
	background-color:#fff;
}
	
.table-main{
	font-size:84%;
	line-height:16px;
	text-align: left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ■タイトルわく------------------------------------------------------- */



#title-1{
	width:100%;
	height:85px;
	float:left;
	display:inline-block;
	padding:0;
	text-align:left;
	vertical-align:top;
	border-top-width:3px;
	border-top-color:#002B71;
	border-top-style:solid;
	background-repeat: no-repeat;
	margin-left: 0px;
	position: relative;
	margin-bottom: 15px;

	}

	

	

#title-2{

	width:100%;

	height:40px;

	float:left;

	margin:0 0 10px 0;

	_margin:0 0 15px 0;

	padding:0;

	text-align:left;

	border-top-width:3px;

	border-top-color:#002B71;

	border-top-style:solid;

	display:inline-block;

	position:relative;

	}





/* ■タイトル　中------------------------------------------------------- */



.copy1{
	width:100%;
	height:25px;
	float:left;
	display:inline-block;
	padding:0;
	text-align:left;
	border-bottom-width:2px;
	border-bottom-color:#666;
	border-bottom-style:solid;
	margin:10px 0 15px 0;
	position: relative;
	color: #666;
	font-weight: bold;

	}



/* ■中段コピー------------------------------------------------------- */



.copy2{

	width:100%;

	height:auto;

	float:left;

	padding:0;

	text-align:left;

	margin:0;

	position: relative;

	}



.bodycopy1{

	color: #666;

	font-weight: normal;

	width:100%;

	font-size:86%;

	line-height: 170%;

	padding-top:8px;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	}







/* ■メニュー用ボックス（左------------------------------------------------------- */	

	

#content-l{

	width:285px;

	height:auto;

	float:left;

	padding-top: 20px;

	padding-left: 0px;

	text-align:left;

	vertical-align:top;

	margin-left: 0px;

    }	

	

#content-l2{

	width:585px;

	height:auto;

	float:left;

	padding-top: 30px;

	padding-left: 0px;

	text-align:left;

	vertical-align:top;

	margin-left: 10px;

	}	





/* ■中段メニュー用ボックス（右------------------------------------------------------- */	



#content-r{
	width:280px;
	height:auto;
	float:right;
	padding-top: 5px;
	padding-right: 15px;
	text-align:left;
	vertical-align:top;
	margin-right: 7px;
	margin-bottom:0px;
	}
	#content-r2{
	width:280px;
	height:auto;
	float:right;
	padding-top: 20px;
	padding-right: 5px;
	text-align:left;
	vertical-align:top;
	margin-right: 10px;
	margin-left:0;

	}

	

	

/* ■中段メニュー用ボックス------------------------------------------------------- */	

	

#c-box1{
	width:259px;
	height:46px;
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-left:8px;
	border: solid #D9D9D9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 0px;
	color: #666666;

	}






/* ■サブメニュー(中断ボディ内メニューリスト形式------------------------------------------------------- */



ul#submenu {

	margin: 0;

	padding: 0 0 0 0px;

	float: left;

	width: 269px;

	list-style: none;

	background-color:#FFFFFF;

	}

		

ul#submenu li {
	display: block;
	margin: 0;
	padding: 8px 0px 6px 26px;
	font-size: 84%;
	background-image:url(../../lib_images/subhead.gif);
	background-color:#FFFFFF;
	background-position:left;
	background-repeat:no-repeat;
	height:15px;
	border-right-style:solid;
	border-right-color:#D9D9D9;
	border-right-width:1px;
	border-left-style:solid;
	border-left-color:#D9D9D9;
	border-left-width:1px;

	}



ul#submenu li span {

	display: block;

	padding-top:0px;

	padding-left: 5px;

	background-color:#FFFFFF;

	}





ul#submenu2 {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 5px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 269px;
	list-style: none;
	background-color:#FFFFFF;
	display: block;
	position:inherit;
	_margin-top:0px;
	_margin-left:0px;
	_margin-right:0px;
	_margin-bottom: 0px;

	}

		

ul#submenu2 li {

	display: block;

	margin-top:0px;

	margin-left:0px;

	margin-right:0px;

	margin-bottom: 0px;

	_margin-top:0px;

	_margin-left:0px;

	_margin-right:0px;

	_margin-bottom: 0px;

	padding: 6px 0px 6px 26px !important;

	font-size: 84%;

	background-image:url(../../lib_images/subhead.gif);

	background-position:left center;

	background-repeat:no-repeat;

	height:20px;

	background-color:#ffffff;

	border-right-style:solid;

	border-right-color:#D9D9D9;

	border-right-width:1px;

	border-left-style:solid;

	border-left-color:#D9D9D9;

	border-left-width:1px;

	border-bottom-style:solid;

	border-bottom-color:#D9D9D9;

	border-bottom-width:1px;

    }





ul#submenu2 li span {
	display: block;
	padding-top:3px !important;
	background-color:#FFF;
	padding-left: 5px;
	margin-top: 0px;

    }







.hr1{

color:#666666;

}







/* ■サブメニュー単独用ボックス(中断ボディ内メニュー------------------------------------------------------- */



	

	

#menubox1 {

	display: block;

	float:left;

	color:#666;

	width:215px;

	padding: 8px 0px 0px 50px;

	height:24px;

	background-color: #FFFFFF;

	text-align: left;

	margin-top: 0px;

	_margin-top: 0px;

	margin-bottom: 5px;

	_margin-bottom: 5px;

	font-size:84%;

	border-left-color:#666;

	border-left-width:4px;

	border-left-style: solid;

	border-right-color:#D9D9D9;

	border-right-width:1px;

	border-right-style: solid;

	border-top-color:#D9D9D9;

	border-top-width:1px;

	border-top-style: solid;

	border-bottom-color:#D9D9D9;

	border-bottom-width:1px;

	border-bottom-style: solid;

}	

#linkbox {
	display: block;
	float:left;
	color:#666;
	width:215px;
	padding: 8px 0px 0px 50px;
	height:24px;
	background-color: #FFFFFF;
	text-align: left;
	margin-top: 10px;
	_margin-top: 0px;
	margin-bottom: 5px;
	_margin-bottom: 5px;
	font-size:84%;
	border-left-color:#666;
	border-left-width:4px;
	border-left-style: solid;
	border-right-color:#D9D9D9;
	border-right-width:1px;
	border-right-style: solid;
	border-top-color:#D9D9D9;
	border-top-width:1px;
	border-top-style: solid;
	border-bottom-color:#D9D9D9;
	border-bottom-width:1px;
	border-bottom-style: solid;

}	


#linkbox2 {
	display: block;
	float:left;
	color:#666;
	width:215px;
	padding: 8px 0px 0px 50px;
	height:24px;
	background-color: #FFFFFF;
	text-align: left;
	margin-top: 10px;
	_margin-top: 0px;
	margin-bottom: 5px;
	_margin-bottom: 5px;
	margin-left: 40px;
	_margin-left: 40px;
	font-size:84%;
	border-left-color:#666;
	border-left-width:4px;
	border-left-style: solid;
	border-right-color:#D9D9D9;
	border-right-width:1px;
	border-right-style: solid;
	border-top-color:#D9D9D9;
	border-top-width:1px;
	border-top-style: solid;
	border-bottom-color:#D9D9D9;
	border-bottom-width:1px;
	border-bottom-style: solid;

}

#linkbox3 {
	display: block;
	float:left;
	color:#666;
	width:201px;
	padding: 8px 0px 0px 64px;
	height:48px;
	background-color: #FFFFFF;
	text-align: left;
	margin-top: 10px;
	_margin-top: 0px;
	margin-bottom: 5px;
	_margin-bottom: 5px;
	font-size:84%;
	border-left-color:#666;
	border-left-width:4px;
	border-left-style: solid;
	border-right-color:#D9D9D9;
	border-right-width:1px;
	border-right-style: solid;
	border-top-color:#D9D9D9;
	border-top-width:1px;
	border-top-style: solid;
	border-bottom-color:#D9D9D9;
	border-bottom-width:1px;
	border-bottom-style: solid;
  
}

.back-panph{

	background-image:url(https://www.taiheiyo-cement.co.jp/csr/images/top/title_panph.gif);

	background-repeat:no-repeat;

}

.back-panph2{

	background-image:url(../../company/images/title_panph.gif);
  background-position: 0 50%;
	background-repeat:no-repeat;

}
	

.back-group{

	background-image:url(../images/top/title_group.gif);

	background-repeat:no-repeat;

}





#menubox2 {

	display:inline-block;

	float:right;

	color:#666;

	font-size:84%;

	margin: 0;

	width:270px;

	padding:0px 0px 0px 0px;

	height:85px;

	background-position:left;

	background-repeat:no-repeat;

	border-bottom-style:dotted;

	border-bottom-color:#999;

	border-bottom-width:thin;

	background-color: #FFFFFF;

}		

	

	

#textbox3 {

	width:245px;

	height:80px;

	float:left;

	color:#666;

	font-size:84%;

	margin: 0;

	}	

		

.text-10{

	font-size:70%;

	line-height:14px;

	color:#666;

	text-align: left;

}

	

.text-12{

	font-size:78%;

	line-height:16px;

	color:#666;

}

		

	

/* ■タイトル-------------------------------------------------------- */



h1 {

	font-weight:bold;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}







h2 {

	color: #666;

	font-weight:bold;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;

}









.bold1 {

	color: #666;

	font-weight:bold;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.wide-b{
	clear:both;
	background-color:#FFFFFF;
	text-align:center;
	margin-bottom:0px;
	padding-right:20px;
}

.wide-d{
	clear:both;
	background-color:#FFFFFF;
	text-align:center;
	margin-bottom:0px;
	margin-top:15px;
	padding-right:20px;
	background-image:url(https://www.taiheiyo-cement.co.jp/csr/images/top/b_festure.jpg)
}
 
 ul.submenu2 {
	margin:0 0 10px 0;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 269px;
	list-style: none;
	display: block;
	position:inherit;
	_margin:0 0 10px 0;
	
	}

.ht150 {
	min-height:150px;
	_height:150px;
}



.box01{
  clear: both;
  border: 1px solid #999;
  margin-bottom: 15px;
	margin-left:20px;
	width:95%;
}

@media screen and (max-width:767px) {
	.box01{margin-left:0px;
		width:100%;}	
	
}

.box02{
  clear: both;
  margin-bottom: 15px;
}

.box02 h3{
font-size:100%;
  padding: 0 10px;
	font-weight:600;
}
	
.c-box2{
	background-repeat:no-repeat;
	padding: 0 0 15px;
  border-top: 10px solid #4C4396;
	color: #666666;
	background: linear-gradient(to bottom,#CAE4FF, #FFF);
	}

.c-box2 h3{
  font-size:100%;
  padding: 0 10px;
	}

.inner5 {
  border-top: 10px solid #4C4396;
  padding: 1em 0 1em 1em;
	}
.inner2{
  border-top: 10px solid #009A80;
  padding: 5px 0 10px;
  min-height: 350px !important;
	}
.inner3{
  border-top: 10px solid #0599D9;
  padding: 5px 0 10px;
  min-height: 350px !important;
	}

.inner h3,
.inner2 h3,
.inner3 h3{
  font-size:100%;
  margin: 0 ;
  padding: 0 10px;
	}

.box_l{
  border: 1px solid #999;
  float: left;
   width: 46%;
	background: linear-gradient(to bottom,#CAE4FF, #FFF);
	margin-bottom:15px;
	margin-left:20px;
}

.box_l a:hover {

	background: linear-gradient(to bottom,#CAE4FF, #FFF);

}



@media screen and (max-width:767px) {
	.box_l{ width: 100%;
	margin-left:0;}
		
}

@media screen and (max-width:767px) {
.box_r{ width: 100%;}

}


.box_r{
  border: 1px solid #999;
  float: left;
  width: 46%;
	margin-left:25px;
	background: linear-gradient(to bottom,#CAE4FF, #FFF);
}

.box_cr{
	display: block;
    font-size:0.9em;
	padding:0.3em 0.3em 0.3em 0.8em;
	background:linear-gradient(to bottom,#EEF1F5, #FFF);
	border:thin #ccc solid;
	border-radius:5px;
	width:90%;
	}

ul#submenu3 {
	margin: 0;
	padding: 0 0 0 0px;
	float: left;
	width: 90%;
    list-style: none;
	background-color:none;
	}

ul#submenu3 li {
	display: block;
	margin: 0;
	padding: 8px 0px 6px 26px;
	background-color:none;
	}

ul#submenu3 li span {
	display: block;
    font-size:0.9em;
	padding:0.3em 0.3em 0.3em 0.8em;
	background:linear-gradient(to bottom,#EEF1F5, #FFF);
	border:thin #ccc solid;
	border-radius:5px	
	}

#submenu3 li a:hover{
	background: linear-gradient(to bottom, #FFC778, #FFF);
	background-color: antiquewhite;   
}


ul#submenu3 li a:hover{
	background-color: antiquewhite; 
		  
}




ul#submenu4 {
	margin: 0;
	padding: 0 0 0 0px;
	float: left;
	width: 32%;
	list-style: none;
	background-color:none;
	}

ul#submenu4 li {
	display: block;
	margin: 0;
	padding: 8px 0px 6px 18px;
	font-size: 84%;
	background-color:none;
	background-position:0 10px !important;
	background-repeat:no-repeat;
	}

ul#submenu4 li span {
	display: block;
    font-size:1.1em;
	padding:0.3em 0.3em 0.3em 0.8em;
	background:linear-gradient(to bottom,#EEF1F5, #FFF);
	border:thin #ccc solid;
	border-radius:5px
	}


#submenu4 li a:hover{
	background: linear-gradient(to bottom, #FFC778, #FFF);

}


@media screen and (max-width:767px) {
		
ul#submenu4  {
 width: 100%;}
ul#submenu4  li{
 width: 90%;}

	
}


/* Clear
----------------------------------------*/

.clear {
	clear: both;
}

/* Clear Fix */
.clfx {
	display: block;
	min-height: 1%;
}
.clfx:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clfx {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}