@charset "utf-8";
/* ==============================
	common.css
	共通の設定

============================== */
*{
	margin: 0;
	padding: 0;
}

img {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
#conteinar{
	width: 730px;
	margin-right: 10px;
/*	font-size: 90%;*/
}

body{
	line-height:1.1;
}
#location{
	margin-bottom:0;
}

/* ==============================
	メインコンテンツ

============================== */

#main_area {
	width: 570px;
	vertical-align: top;
	float: right;
	line-height: 150%;
	font-size: 1em;
}

span{
	color: #985e47;
	display: block;
	margin: 10px 0;
}

#main_area p{
	padding: 0;
}
#main_area h3{
	margin-top: 20px;
	margin-bottom: 10px;
}
.kansou{
	text-align: right;
	margin-top: 20px;
}
.top{
	text-align: right;
	padding-top: 20px;
}
p.top_space{
	margin-top: 15px!important;
	display: block;
}
:root .t_space{
	margin-top: 20px;
}
.b_space{
	margin-bottom: 20px;
}
.ind{
	text-indent: -2.5em;
	padding-left: 2.5em!important;
}
.ind02{
	text-indent: -2em;
	padding-left: 2em!important;
}
.ind03{
	text-indent: -1em;
	padding-left: 1em!important;
	width: 560px;
}
.ind span{
	display: inline;
	margin: 0;
}
.parson{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
img.left_pht{
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
}

.text_blue{
	color: #22ADEC;
}

.back{
	float: left;
}
.next{
	float: right;
}
img.space_01{
	margin: 10px 0;
}
.annotation{
/*	font-size: 90%;*/
	font-size: 92%;
	margin: 0;
	color: #333;
}
#info .annotation,
#safe .annotation{
/*	font-size: 90%;*/
	font-size: 92%;
	color: #333!important;
	margin: 0;
}
*>/**/sup { vertical-align: text-top; line-height: 4px; }


/* ==============================
	角丸ボックス

============================== */
.circle_box_t,
.circle_box,
.circle_box_b{
	width: 570px;
}
.circle_box_t{
	margin-top: 20px;
	height: 5px;
	background: url(../image/frm_circle_top.gif) no-repeat;
}
.circle_box{
	width: 550px;
	padding: 5px 10px 6px 10px;
	background: url(../image/frm_line.gif) repeat-y top left;
}
.circle_box_b{
	height: 4px;
	background: url(../image/frm_circle_bottom.gif) no-repeat bottom left;
}
.circle_box_t,
.circle_box_b{
	line-height: 0;
	font-size: 0;
}
.circle_box img{
	float: left;
	display: inline;
	margin-right: 10px;

}
.circle_box p{
	display: block;
	display: inline;
	float: left;
	width: 420px;
}

/* ==============================
	nav.css
	左ローカルナビの設定
	上部

============================== */
#navi_contents{
	width: 150px;
	margin-top: 10px;
	float: left;
	display: inline;
/*	font-size: 0.85em;*/
	font-size: 85%;
}

#navi_contents #nav3 ul {
	width: 150px;
	padding: 0;
	margin: 11px 0 0 0;
	list-style: none;
}

#navi_contents #nav3 li{
	margin: 0;
	padding: 6px 0;
	padding-left: 16px;
	border-top: 1px solid #CCC;
}

#navi_contents #nav3 li.special{
	background: url(../image/arw_blue2_navi.gif) no-repeat 4px 9px;
}

#navi_contents #nav3 li.navi_common{
	background: url(../image/arw_gray_navi.gif) no-repeat 4px 9px;
}

#navi_contents #nav3 li.environment{
	background: url(../image/arw_green_navi.gif) no-repeat 4px 9px;
}

#navi_contents #nav3 li.comumication{
	background: url(../image/arw_lightblue_navi.gif) no-repeat 4px 9px;
}

#navi_contents #nav3 li.social{
	background: url(../image/arw_red_navi.gif) no-repeat 4px 9px;
}

#navi_contents #nav3 li.safety{
	background: url(../image/arw_purple_navi.gif) no-repeat 4px 9px;
}
#navi_contents #nav3 li.e_deta{
	background: url(../image/arw_yellow_navi.gif) no-repeat 4px 9px;
}

#navi_contents #nav3 li.performance{
	background: url(../image/arw_lightgreen_navi.gif) no-repeat 4px 9px;
	border-bottom: #ccc 1px solid;
}

/* ==============================

	左ナビの設定
	下部

============================== */
#navi_contents #n-other{
	margin-top: 9px;
}
#navi_contents #n-other ul{
	margin-top: 9px;
	width: 150px;
}
#navi_contents #n-other li {
	padding-bottom: 5px;
	padding-left: 16px;
	margin: 0;
	background: url(../image/arw_gray_navi.gif) no-repeat 4px 3px;

}



/* ==============================
	
	第3、4階層リンクカラー
	左ナビ：ON

============================== */


li.sub,
#safe #navi_contents li.sub{
	padding-left: 15px;
	border: none!important;
}
li.sub02{
	padding-left: 27px!important;
	border: none!important;
}
li.sub p,
li.sub02 p{
	text-indent: -1.2em;
	padding-left: 1.2em;
}
#sp #navi_contents li.on{
	border-top: #8ab3d8 3px solid;
	background: #eaf5ff url(../image/arw_blue2_navi.gif) no-repeat 4px 12px;
}
#sp #navi_contents li.sub{
	background: #eaf5ff url(../image/bck_border.gif) repeat-x top left;
}
#gov #navi_contents li.on,
#commit #navi_contents li.on,
#cosmo #navi_contents li.on,
#stakeholder #navi_contents li.on{
	border-top: #b7b0ac 3px solid;
	background: #f6f0ec url(../image/arw_gray_navi.gif) no-repeat 4px 12px;
}
#gov #navi_contents li.sub{
	background: #f6f0ec url(../image/bck_border.gif) repeat-x top left;

}
#gov #navi_contents li.sub02{
	background: #f6f0ec url(../image/bck_border.gif) repeat-x top left;

}
#env #navi_contents li.on{
	border-top: #00804b 3px solid;
	background: #def4eb url(../image/arw_green_navi.gif) no-repeat 4px 12px;
}
#env #navi_contents li.sub{
	background: #def4eb url(../image/bck_border.gif) repeat-x top left;

}
#com #navi_contents li.on{
	border-top: #6592c6 3px solid;
	background: #e3edf9 url(../image/arw_lightblue_navi.gif) no-repeat 4px 12px;
}
#com #navi_contents li.sub{
	background: #e3edf9 url(../image/bck_border.gif) repeat-x top left;

}
#soc #navi_contents li.on{
	border-top: #dc6f6d 3px solid;
	background: #fdecec url(../image/arw_red_navi.gif) no-repeat 4px 12px;
}
#soc #navi_contents li.sub{
	background: #fdecec url(../image/bck_border.gif) repeat-x top left;
}
#safe #navi_contents li.on{
	border-top: #bbb5d2 3px solid;
	background: #f4f2fb url(../image/arw_purple_navi.gif) no-repeat 4px 12px;
}
#safe #navi_contents li.sub{
	background: #f4f2fb url(../image/bck_border.gif) repeat-x top left;
}

#site #navi_contents li.on{
	border-top: #7fd2b6 3px solid;
	background: #f0fafa url(../image/arw_lightgreen_navi.gif) no-repeat 4px 12px;
}
#site #navi_contents li.sub{
	background: #f0fafa url(../image/bck_border.gif) repeat-x top left;
}
#info #navi_contents li.on{
	border-top: #ffa200 3px solid;
	background: #fff2dc url(../image/arw_yellow_navi.gif) no-repeat 4px 12px;
}
#info #navi_contents li.sub{
	background: #fff2dc url(../image/bck_border.gif) repeat-x top left;
}


/* ==============================
	枠線あり画像

============================== */
.img_space_550{
	width: 550px;
}
.img_space_466{
	width: 466px;
}
.img_space_450{
	width: 450px;
}
.img_space_470{
	width: 470px;
}
.img_space_380{
	width: 380px;
}
.img_space_335{
	width: 335px;
}
.img_space_300,
.img_space_300a{
	width: 300px;
}
.img_space_130{
	width: 130px;
}
.img_space_260,
.img_space_260a,
.img_space_260b{
	width: 260px;
}
.img_space_158,
.img_space_158a{
	width: 158px;
}
.img_space_107,
.img_space_107a{
	width: 107px;
}
.img_space_180{
	width: 180px;
}
.img_space_550,
.img_space_466,
.img_space_470,
.img_space_450,
.img_space_380,
.img_space_335,
.img_space_300,
.img_space_300a,
.img_space_260,
.img_space_260a,
.img_space_260b,
.img_space_200,
.img_space_130,
.img_space_150,
.img_space_158,
.img_space_107,
.img_space_158a,
.img_space_107a,
.img_space_180,
.img_commit_space{
	margin: 20px 0;
	padding: 10px;
	text-align: left;
}
.img_space_550 p,
.img_space_466 p,
.img_space_470 p,
.img_space_450 p,
.img_space_380 p,
.img_space_335 p,
.img_space_300 p,
.img_space_300a p,
.img_space_260 p,
.img_space_260a p,
.img_space_260b p,
.img_space_200 p,
.img_space_200left p,
.img_space_130 p,
.img_space_158 p,
.img_space_107 p,
.img_space_158a p,
.img_space_107a p,
.img_space_180 p,
.img_commit_space p{
	margin-top: 10px;
	display: block;
}

.img_space_200,
.img_commit_space{
	width: 200px;
	float: left;
	margin:0 10px 0 0;
}
.img_commit_space{
	width: 150px;
}
.img_space_260a,
.img_space_260b{
	float: left;
	display: inline;
	margin-bottom: 20px;
}
.img_space_260b{
	margin-left: 10px;
}
.img_space_300a{
	float: left;
	display: inline;
}
.img_space_300a p{
	margin: 20px 0 10px 0;
}
.img_space_130{
	float: right;
	display: inline;
	margin-right: 50px;
}
.img_commit_space{
	margin:0 10px 20px 0;
}

.img_space_550 p span{
	color: #6592c6;
	margin: 0;
}
.img_space_470 p .text_orange{
	color: #e8611d;
	display: inline;
}




#commit .img_space_550,
#commit .img_space_466,
#commit .img_space_470,
#commit .img_space_450,
#commit .img_space_380,
#commit .img_space_335,
#commit .img_space_300,
#commit .img_space_300a,
#commit .img_space_260,
#commit .img_space_260a,
#commit .img_space_260b,
#commit .img_space_200,
#commit .img_space_130,
#commit .img_space_150,
#commit .img_space_158,
#commit .img_space_107,
#commit .img_space_158a,
#commit .img_space_107a,
#commit .img_space_180,
#commit .img_commit_space{
	background: #f6f0ec;
}


#cosmo .img_space_550,
#cosmo .img_space_466,
#cosmo .img_space_470,
#cosmo .img_space_450,
#cosmo .img_space_380,
#cosmo .img_space_335,
#cosmo .img_space_300,
#cosmo .img_space_300a,
#cosmo .img_space_260,
#cosmo .img_space_260a,
#cosmo .img_space_260b,
#cosmo .img_space_200,
#cosmo .img_space_130,
#cosmo .img_space_150,
#cosmo .img_space_158,
#cosmo .img_space_107,
#cosmo .img_space_158a,
#cosmo .img_space_107a,
#cosmo .img_space_180,
#cosmo .img_commit_space{
	background: #f6f0ec;
}


#sp .img_space_550,
#sp .img_space_466,
#sp .img_space_470,
#sp .img_space_450,
#sp .img_space_380,
#sp .img_space_335,
#sp .img_space_300,
#sp .img_space_300a,
#sp .img_space_260,
#sp .img_space_260a,
#sp .img_space_260b,
#sp .img_space_200,
#sp .img_space_130,
#sp .img_space_150,
#sp .img_space_158,
#sp .img_space_107,
#sp .img_space_158a,
#sp .img_space_107a,
#sp .img_space_180,
#sp .img_commit_space{
	background: #eaf5ff;
}


#gov .img_space_550,
#gov .img_space_466,
#gov .img_space_470,
#gov .img_space_450,
#gov .img_space_380,
#gov .img_space_335,
#gov .img_space_300,
#gov .img_space_300a,
#gov .img_space_260,
#gov .img_space_260a,
#gov .img_space_260b,
#gov .img_space_200,
#gov .img_space_130,
#gov .img_space_150,
#gov .img_space_158,
#gov .img_space_107,
#gov .img_space_158a,
#gov .img_space_107a,
#gov .img_space_180,
#gov .img_commit_space{
	background: #f6f0ec;
}


#env .img_space_550,
#env .img_space_466,
#env .img_space_470,
#env .img_space_450,
#env .img_space_380,
#env .img_space_335,
#env .img_space_300,
#env .img_space_300a,
#env .img_space_260,
#env .img_space_260a,
#env .img_space_260b,
#env .img_space_200,
#env .img_space_130,
#env .img_space_150,
#env .img_space_158,
#env .img_space_107,
#env .img_space_158a,
#env .img_space_107a,
#env .img_space_180,
#env .img_commit_space{
	background: #def4eb;
}


#com .img_space_550,
#com .img_space_466,
#com .img_space_470,
#com .img_space_450,
#com .img_space_380,
#com .img_space_335,
#com .img_space_300,
#com .img_space_300a,
#com .img_space_260,
#com .img_space_260a,
#com .img_space_260b,
#com .img_space_200,
#com .img_space_130,
#com .img_space_150,
#com .img_space_158,
#com .img_space_107,
#com .img_space_158a,
#com .img_space_107a,
#com .img_space_180,
#com .img_commit_space{
	background: #e3edf9;
}


#soc .img_space_550,
#soc .img_space_466,
#soc .img_space_470,
#soc .img_space_450,
#soc .img_space_380,
#soc .img_space_335,
#soc .img_space_300,
#soc .img_space_300a,
#soc .img_space_260,
#soc .img_space_260a,
#soc .img_space_260b,
#soc .img_space_200,
#soc .img_space_130,
#soc .img_space_150,
#soc .img_space_158,
#soc .img_space_107,
#soc .img_space_158a,
#soc .img_space_107a,
#soc .img_space_180,
#soc .img_commit_space{
	background: #fdecec;
}


#info .img_space_550,
#info .img_space_466,
#info .img_space_470,
#info .img_space_450,
#info .img_space_380,
#info .img_space_335,
#info .img_space_300,
#info .img_space_300a,
#info .img_space_260,
#info .img_space_260a,
#info .img_space_260b,
#info .img_space_200,
#info .img_space_130,
#info .img_space_150,
#info .img_space_158,
#info .img_space_107,
#info .img_space_158a,
#info .img_space_107a,
#info .img_space_180,
#info .img_commit_space{
	background: #fff2dc;
}


#site .img_space_550,
#site .img_space_466,
#site .img_space_470,
#site .img_space_450,
#site .img_space_380,
#site .img_space_335,
#site .img_space_300,
#site .img_space_300a,
#site .img_space_260,
#site .img_space_260a,
#site .img_space_260b,
#site .img_space_200,
#site .img_space_130,
#site .img_space_150,
#site .img_space_158,
#site .img_space_107,
#site .img_space_158a,
#site .img_space_107a,
#site .img_space_180,
#site .img_commit_space{
	background: #f0fafa;
}

/* ==============================
	詳細（リンク）

============================== */

ul.detail li{
	padding-left: 10px;
}

#sp ul.detail li{
	background: url(../sp/image/arw_list_sp.gif) no-repeat 0 5px;
}
#gov ul.detail li,
#commit ul.detail li{
	background: url(../image/arw_gray_navi.gif) no-repeat 0 5px;
}
#env ul.detail li{
	background: url(../image/arw_blue_navi.gif) no-repeat 0 5px;
}
#com ul.detail li{
	background: url(../image/arw_lightblue_navi.gif) no-repeat 0 5px;
}
#soc ul.detail li{
	background: url(../image/arw_red_navi.gif) no-repeat 0 5px;
}
#info ul.detail li{
	background: url(../image/arw_yellow_navi.gif) no-repeat 0 5px;
}
#com ul.detail li.ecocard{
	margin-bottom:10px;}
/* ==============================
	リストリンク

============================== */
#com .inde ul,
#sp .inde ul,
#site .inde ul,
#info .inde ul {
	padding: 0;
	margin: 20px 0 10px 0;
}

#com .inde li,
#sp .inde li,
#site .inde li,
#info .inde li{
	width: 565px;
	margin: 0 auto;
	margin-bottom: 10px;
	list-style: none;
}
#com .inde li{
	border-top: 3px solid #6592c6;
	border-right: 1px solid #6592c6;
	border-bottom: 1px solid #6592c6;
	border-left: 1px solid #6592c6;
	background: #e3edf9 url(../com/image/bck_com_list.gif) no-repeat 4px 18px;
}
#sp .inde li{
	border-top: 3px solid #8ab3d8;
	border-right: 1px solid #8ab3d8;
	border-bottom: 1px solid #8ab3d8;
	border-left: 1px solid #8ab3d8;
	background: #e3edf9 url(../sp/image/bck_com_list.gif) no-repeat 4px 18px;
}
#site .inde li{
	border-top: 3px solid #7fd2b6;
	border-right: 1px solid #7fd2b6;
	border-bottom: 1px solid #7fd2b6;
	border-left: 1px solid #7fd2b6;
	background: #f0fafa url(../site/image/bck_site_list.gif) no-repeat 4px 18px;
}
#info .inde li{
	border-top: 3px solid #ffa200;
	border-right: 1px solid #ffa200;
	border-bottom: 1px solid #ffa200;
	border-left: 1px solid #ffa200;
	background: #fff2dc url(../info/image/bck_info_list.gif) no-repeat 4px 18px;
}
#com .inde li a:link,
#com .inde li a:active,
#com .inde li a:visited,
#sp .inde li a:link,
#sp .inde li a:active,
#sp .inde li a:visited,
#site .inde li a:link,
#site .inde li a:active,
#site .inde li a:visited,
#info .inde li a:link,
#info .inde li a:active,
#info .inde li a:visited{
	padding: 17px 0 19px 27px;
	margin: 0;
	display: block;
}

#com .inde li a:hover,
#sp .inde li a:hover,
#site .inde li a:hover,
#info .inde li a:hover{
	color:#003366;text-decoration: underline;}
#com .inde li a:hover{url(../com/image/bck_com_list.gif) no-repeat 4px 18px;}
#sp .inde li a:hover{url(../sp/image/bck_com_list.gif) no-repeat 4px 18px;}
#site .inde li a:hover{url(../site/image/bck_site_list.gif) no-repeat 4px 18px;}
#info .inde li a:hover{url(../info/image/bck_info_list.gif) no-repeat 4px 18px;}

/* ==============================
	ページ内リンク
	リスト

============================== */
.page_link{
	display: block;
	float: right;
}
.page_link ul{
	padding: 0;
	margin: 0;
}
.page_link li{
	margin-top: 0;
	margin-bottom: 0;
	float: right;
	padding-left: 9px;
	display: inline;
}

.page_link li span{
	margin-bottom: 0;
	display: inline;
}

#sp #main_area .page_link li span{
	color: #89b2d7;
}
#gov #main_area .page_link li span{
	color: #b7b0ac;
}
#env #main_area .page_link li span{
	color: #00804b;
}
#soc #main_area .page_link li span{
	color: #dc6f6d;
}
#com #main_area .page_link li span{
	color: #67aaee;
}
#safe #main_area .page_link li span{
	color: #bbb5d2;
}
#site #main_area .page_link li span{
	color: #7fd2b6;
}
#info #main_area .page_link li span{
	color: #ffa200;
}

/* ==============================
	gray枠線（細）

============================== */
.gray_box{
	border: #cccccc 1px solid;
	margin-top: 20px;
	padding: 10px;
}
#sp .gray_box span{
	color: #8ab3d8;
	margin: 0;
}
#env .gray_box span{
	color: #00804b;
	margin: 0;
}
/* ==============================
	表タイトル

============================== */
h4{
	border-left: #ccc 4px solid;
	text-indent: 10px;
	margin: 20px 0 5px 0;
	font-weight: bold;
}

#env .page_link .sup_small,
#gov .page_link .sup_small{
	margin: 0!important;
	padding: 0!important;
	display: inline!important;
/*	font-size: 85%!important;*/
	font-size: 92%!important;
}

/* ==============================
	
	第3、4階層リンクカラー
	左ナビ

============================== */

#navi_contents #nav3 .special a:link{color: #7ea4c6;text-decoration: none;}
#navi_contents #nav3 .special a:visited{color: #7ea4c6;text-decoration: none;}

#navi_contents #nav3 .navi_common a:link{color: #787370;text-decoration: none;}
#navi_contents #nav3 .navi_common a:visited{color: #787370;text-decoration: none;}

#navi_contents #nav3 .environment a:link{color: #00804b;text-decoration: none;}
#navi_contents #nav3 .environment a:visited{color: #00804b;text-decoration: none;}

#navi_contents #nav3 .comumication a:link{color: #67aaee;text-decoration: none;}
#navi_contents #nav3 .comumication a:visited{color: #67aaee;text-decoration: none;}

#navi_contents #nav3 .social a:link{color: #fc8381;text-decoration: none;}
#navi_contents #nav3 .social a:visited{color: #fc8381;text-decoration: none;}

#navi_contents #nav3 .safety a:link{color: #bbb5d2;text-decoration: none;}
#navi_contents #nav3 .safety a:visited{color: #bbb5d2;text-decoration: none;}


#env .page_link .sup_small a:link{color: #333;text-decoration: none;}
#env .page_link .sup_small a:visited{color: #333;text-decoration: none;}


#gov .page_link .sup_small a:link{color: #333;text-decoration: none;}
#gov .page_link .sup_small a:visited{color: #333;text-decoration: none;}


#navi_contents #nav3 .special a:active,
#navi_contents #nav3 .navi_common a:active,
#navi_contents #nav3 .environmentl a:active,
#navi_contents #nav3 .comumication a:active,
#navi_contents #nav3 .social a:active,
#navi_contents #nav3 .safety a:active,
#env .page_link .sup_small a:active,
#gov .page_link .sup_small a:active{color: #ffcc00!important;text-decoration: none;}

#navi_contents #nav3 .special a:hover,
#navi_contents #nav3 .navi_common a:hover,
#navi_contents #nav3 .environment a:hover,
#navi_contents #nav3 .comumication a:hover,
#navi_contents #nav3 .social a:hover,
#navi_contents #nav3 .safety a:hover,
#env .page_link .sup_small a:hover,
#gov .page_link .sup_small a:hover{color: #ad553c!important;text-decoration: underline;}



#logo_sus{
	width:140px;
	float:left;
	magin:0 20px;
	}