@charset "utf-8";

#menu_area{
	background:#F2F2EE url(../image/back/menu_bk2.png) repeat-x top left;
}


ul#photo_thum{
	margin:15px 0 0 30px;
	padding:0;
	list-style:none;
	overflow:hidden;
}

#photo_thum li{
	margin:0 15px 0 0;
	padding:0;
	float:left;
}

ul.photo_thum2{
	margin:15px 0 0 30px;
	padding:0;
	list-style:none;
	overflow:hidden;
}

.photo_thum2 li{
	margin:0 5px 5px 0;
	padding:0;
	float:left;
}

/* コンテンツタイトル */

#contents_title{
	z-index:0;
	width:100%;
	height:100px;
	margin:0 auto;
	padding: 0;
	background:#F2F2EE url(../image/back/title_bk.png) repeat-x top left;
}

div.title_area{
	width: 840px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

h3{
	margin: 0 0;
	padding: 5px 0 5px 12px;
	position: relative;
	top: 30px;
	left: 0;
	font-size: 160%;
	border-left: 3px solid #FFF;
	color: #fff;
	text-align: left;
	font-weight: normal;
}

/* コンテンツタイトル-サブ */

.contents_sub_t{
	margin:0;
	padding:5px 0 10px 0;
	text-align:center;
}


.contents_sub_title_area{
	width:590px;
	height:34px;
	margin:15px auto 0 auto;
	padding:0;
	background:#FFFFFF url(../image/back/co_title_bk.png) no-repeat;
}


.contents_sub_title_area p{
	margin:0;
	padding:6px 0 0 20px;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	color:#333333;
}

.contents_sub_t2{
	width: 580px;
	margin: 20px 0 15px 25px;
	padding: 0;
	text-align: left;
	border-bottom: 5px solid #CCC;
	font-size: 150%;
	letter-spacing: 0.2em;
	position: relative;
}

.contents_sub_t2:after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 20%;
  border-bottom: 5px solid #cc0000;
}




/* コンテンツタイトル-個人情報保護方針 */
#personal{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_personal.png) no-repeat left;
}

/* コンテンツタイトル-サイトポリシー */
#policy{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_policy.png) no-repeat left;
}

/* コンテンツタイトル-サイトマップ */
#sitemap{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_sitemap.png) no-repeat left;
}

/* コンテンツタイトル-リンク */
#link_t{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_link.png) no-repeat left;
}

/* コンテンツタイトル-３Ｒの推進 */
#r_t{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_3r.png) no-repeat left;
}

/* コンテンツタイトル-取扱商品 */
#merchan_t{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_merchandise.png) no-repeat left;
}

/* コンテンツタイトル-解体作業の流れ */
#flow_t{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_flow.png) no-repeat left;
}

/* コンテンツタイトル-よくある質問 */
#faq_t{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_faq.png) no-repeat left;
}

/* コンテンツタイトル-環境方針 */
#env_t{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_environment.png) no-repeat left;
}

/* コンテンツタイトル-企業情報 */
#co_t{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_company.png) no-repeat left;
}

/* コンテンツタイトル-パートナー企業紹介 */
#part_t{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_partner.png) no-repeat left;
}

/* コンテンツタイトル-グリーンポイントクラブ */
#point_t{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_greenpoint.png) no-repeat left;
}

/* コンテンツタイトル-お問い合わせ */
#inq_t{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_inquiry.png) no-repeat left;
}


/* コンテンツタイトル-CM動画 */
#cm{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_cm.png) no-repeat left;
}


/* コンテンツタイトル-お知らせ */
#ns{
	width:840px;
	height:100px;
	text-align:left;
	background:url(../image/title/title_news.png) no-repeat left;
}







/* ページナビゲーション */

#page_navi_area{
	width:100%;
	height:22px;
	margin:0;
	padding:0;
	border-bottom:1px solid #CCCCCC;
	background-color:#DFDFDF;
}

#page_navi{
	width:840px;
	height:22px;
	margin:0 auto;
	padding:0;
}

#page_navi ul{
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
}

#page_navi li{
	margin:0 12px 0 0;
	font-size:75%;
	color:#333;
	text-align:left;
	float:left;
}

#navi_off{
	background:#DFDFDF url(../image/icon/navi_mk.png) no-repeat right top;
	padding:0 35px 0 0;
}

#navi_on{
	background:#DFDFDF url(../image/icon/navi_mk_on.png) no-repeat right top;
	padding:0 12px 0 0;
}












/* オブジェクトコントロール */

.obj_c{
	margin:0;
	padding:15px 0 0 0;
	text-align:center;
}

.obj_l{
	margin:0;
	padding:10px 0 0 25px;
	text-align:left;
}

.obj_r{
	margin:0;
	padding:10px 25px 0 0;
	text-align:right;
}



/* 右-サイドメニュー */

#r_sub_t{
	margin:0;
	padding:0;
	text-align:center;
}

ul#r_sub_menu{
	width:180px;
	margin:0;
	padding:10px 0 10px 10px;
	list-style:none;
}

#r_sub_menu li{
	margin:0 0 5px 0;
	padding:0 0 7px 16px;
	text-align:left;
	font-size:80%;
	border-bottom:1px dotted #CCCCCC;
	background:#FFFFFF url(../image/icon/r_mk_off.png) no-repeat left top;
}

/*IE6以下のモダンブラウザ向け*/

* html #r_sub_menu li{
	padding:3px 0 7px 16px;
} 


/*モダンブラウザ　Firefox、Safari、Opera、Chrome、IE8*/

html>/**/body #r_sub_menu li{
	padding:3px 0 7px 16px;
} 


#r_sub_t a img{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

#r_sub_t a:hover img{
	opacity: 0.7;
    filter: alpha(opacity=70);
}







/* コンテンツトップメニュー */

#contents_contaniner{
	width:590px;
	margin:20px auto 0 auto;
	padding:0;
}

.ctr_left{
	width:280px;
	margin:20px 0 0 0;
	padding:3px;
	float:left;
	border:1px solid #CCCCCC;
}

.ctr_right{
	width:280px;
	margin:20px 0 0 0;
	padding:3px;
	float:right;
	border:1px solid #CCCCCC;
}


h4{
	margin:0;
	padding:10px;
	background-color:#DFDFDF;
	text-align:left;
	font-weight:bold;
}

#contents_contaniner p{
	margin:0;
	padding:10px;
	text-align:left;
	font-size:80%;
	line-height:1.5;
}


/* 企業概要 */

table#outline{
	width:580px;
	margin:10px auto 0 auto;
	padding:0;
	border-collapse:collapse;
	font-size:80%;
}

#outline th{
	width:100px;
	margin:0;
	padding:7px 0 7px 5px;
	text-align:left;
	font-weight:normal;
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
}

#outline a{
	text-decoration: none;
}

.recruit{
	cursor: pointer;
	padding-bottom: 1px;
	border-bottom: 1px dotted #aaa;
}

.recruit::before{
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-weight:bold;
	font-size: 100%;
	margin-right: 8px;
}

.recruit::after{
	font-family: "Font Awesome 5 Free";
	content: '\f2d2';
	font-weight:bold;
	font-size: 100%;
	margin-left: 8px;
}



#outline td{
	width:480px;
	margin:0;
	padding:7px 0 7px 5px;
	text-align:left;
	border:1px solid #CCCCCC;
	line-height:1.5;
}

#outline td p{
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

table#outline dl{
	margin:0;
	padding:8px;
}

table#outline dt{
	width:80px;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	line-height:160%;
	float:left;
	clear:both;
}

table#outline dd {
	margin:5px 0 0 0;
	padding:0 0 0 100px;
	line-height:160%;
	text-align:left;
}



/* アクセス */

iframe{
	width:590px;
	height:400px;
	margin:10px auto 40px auto;
	padding:0;
	border:1px solid #CCCCCC;
}

table#map{
	width:590px;
	margin:10px auto;
	padding:0;
	border-collapse:collapse;
	font-size:80%;
}

#map td{
	margin:0;
	padding:8px 0 0 0;
	line-height:1.5;
}

#map_l{
	width:50%;
	margin:0;
	padding:8px 0 0 0;
	text-align:left;
	line-height:1.5;
}

#map_r{
	width:50%;
	margin:0;
	padding:8px 0 0 0;
	text-align:right;
	line-height:1.5;
}



/* 工場施設案内図 */


ul#fac{
	margin:0;
	padding:20px 0 0 25px;
	list-style:none;
}

#fac li{
	width:180px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	text-align:left;
	font-size:75%;
	line-height:1.5;
}

#fac li img{
	margin-bottom:8px;
}










/* リンク集 */

ul#link{
	margin:0;
	padding:10px 0 0 25px;
	list-style-type:disc;
	list-style-position:outside;
}

#link li{
	margin:0 0 10px 15px;
	padding:0;
	font-size:80%;
	text-align:left;
	line-height:1.5;
}




/* 環境方針 */


ul.env{
	margin:0;
	padding:10px 0 10px 25px;
	list-style-type:square;
	list-style-position:outside;
}

.env li{
	margin:0 0 0 15px;
	padding:5px 0 5px 0;
	text-align:left;
	font-size:80%;
}




/* 取扱商品 */

ul.merchan{
	margin:0;
	padding:15px 0 0 25px;
	list-style:none;
}

.merchan li{
	margin:0 18px 0 0;
	padding:0;
	float:left;
}



/* パートナー企業紹介 */


#area_name{
	margin:0;
	padding:15px 0 0 25px;
	text-align:left;
}

.area{
	width:600px;
	height:30px;
	margin:15px auto 0 auto;
	background-color:#EFEFEF;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

.area p{
	margin:0;
	padding:8px 0 0 10px;
	text-align:left;
	font-size:90%;
	font-weight:bold;
	color:#454545;
}

ul.partner{
	margin:0;
	padding:15px 0 0 20px;
	list-style:none;
}

.partner li{
	width:180px;
	margin:0 6px 3px 0;
	padding:5px;
	border:1px dotted #006600;
	text-align:left;
	font-size:80%;
	line-height:1.5;
	color:#454545;
	float:left;
}

.partner:after{
	content:"."; 
	display: block;
	height:0px;
	clear:both;
	line-height:
	visibility:hidden;
	color:#FFF;
}

.partner{
	overflow: hidden;
}   
    
* html .partner{
    height: 1%;   
}


.pagetop{
	margin:0;
	padding:15px 0 0 0;
	text-align:center;
	font-size:80%;
}












/* CO2削減値 */

ul#co2{
	margin:0;
	padding:15px 0 0 25px;
	list-style:none;
}

#co2 li{
	margin:0 15px 10px 0;
	padding:0;
	float:left;
}


/* 再資源化処理 */

ul#flow{
	margin:0;
	padding:15px 0 0 20px;
	list-style:none;
}

#flow li{
	margin:0 10px 10px 0;
	padding:0;
	font-size:80%;
	color:#454545;
	line-height:1.4;
	text-align:left;
}








/* よくある質問 */

ul#faq{
	margin:0;
	padding:10px 0 50px 25px;
	list-style-type:square;
	list-style-position:outside;
}

#faq li{
	margin:0 0 0 15px;
	padding:5px 0 5px 0;
	text-align:left;
	font-size:80%;
}

.question{
	width:580px;
	margin:10px auto;
	padding:0;
	border:1px solid #CCCCCC;
	background-color:#FFFFCC;
}

.question p{
	margin:0;
	padding:5px 0 5px 5px;
	text-align:left;
	font-size:80%;
}

.answer{
	margin:0;
	padding:5px 30px 15px 30px;
	text-align:left;
	font-size:80%;
	color:#333333;
	line-height:1.5;
	text-align:justify;
	text-justify:distribute;
}



/* リスト */

dl#list{
	margin:0;
	padding:0;
}

#list dt{
	margin:0;
	padding:10px 10px 0 20px;
	font-size:90%;
	color:#333333;
	text-align:left;
	font-weight:bold;
}

#list dd{
	margin:0;
	padding:5px 25px 0 25px;
	font-size:80%;
	text-align:left;
	color:#454545;
	line-height:1.8;
	text-align:justify;
	text-justify:distribute;
}

#list ul{
	margin:0;
	padding:0 0 0 30px;
	list-style-type:decimal;
}

#list li{
	margin:0;
	padding:0;
	text-align:left;
	color:#454545;
	line-height:1.5;
	text-align:justify;
	text-justify:distribute;
}




/* サイトマップ */

#sitemap_area{
	width:580px;
	margin:15px auto;
	padding:0;
}

#sitemap_left{
	width:290px;
	margin:0;
	padding:0;
	float:left;
}

#sitemap_right{
	width:290px;
	margin:35px 0 0 0;
	padding:0;
	float:right;
}


#sitemap_area p{
	margin:0 0 0 20px;
	padding:3px 0 0 18px;
	text-align:left;
	font-size:85%;
}

#sitemap_area ul{
	margin:0 0 25px 30px;
	padding:8px 0 0 18px;
	list-style:none;
}

#sitemap_area li{
	margin:0;
	padding:6px 0 6px 20px;
	text-align:left;
	font-size:75%;
	color:#333333;
}


.ct1{
	background:url(../image/icon/folder.png) no-repeat left;
}

.ct2{
	background:url(../image/icon/file.png) no-repeat left;
}



hr{
	width:580px;
	margin:15px 0 15px 25px;
	padding:0;
	text-align:left;
	height:1px;
	size:1;
	color:#0C3;
}


/* schedule */

div.mokuhyo{
	width:90%;
	margin:5px auto;
	padding:0;
	border:1px solid #CCC;
}

div.mokuhyo p{
	margin:0;
	padding:8px;
	text-align:left;
	font-size:80%;
}




/* massage name */

p.co_name{
	margin:10px 30px 0 0;
	padding:0;
	text-align:right;
	font-size:180%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
}

p.co_name span{
	font-size:50%;
	margin-right:10px;
}



/* 保証について */

ul.guarantee_list{
	margin: 20px 0;
	padding: 0;
}

ul.guarantee_list li{
	margin: 0 20px 10px 45px;
	padding: 0;
	list-style: disc outside;
	text-align: left;
	font-size: 80%;
	color: #333;
}

table.guarantee_tb{
	width: 570px;
	margin: 15px auto;
	padding: 0;
	border-collapse: collapse;
	font-size: 80%;
	color: #333;
}

table.guarantee_tb thead td{
	background-color: #efefef;
	border: 1px solid #aaa;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	width: 190px;
}

table.guarantee_tb tbody th{
	margin: 0;
	padding: 6px 0 6px 8px;
	text-align: left;
	font-weight: normal;
	border: 1px solid #aaa;
	width: 150px;
}

table.guarantee_tb tbody td{
	margin: 0;
	padding: 6px 0 6px;
	text-align: center;
	font-weight: normal;
	border: 1px solid #aaa;
	width: 210px;
}