@charset "utf-8";
/* ==============================
	コスモ石油グループの
	ステークホルダー
============================== */
.stakeh,
.stakeh_01,
.stakeh_02{
	float: left;
}
.stakeh h3,
.stakeh_01 h3,
.stakeh_02 h3{
	margin-top: 0;
	margin-bottom: 5px;
	border-bottom: solid 1px #8bbce0;
	color: #7ea6c1;
}
.stakeh h3{
	margin-top: 30px!important;
}
.stakeh_02 h3{
	margin-top: 108px!important;
}
.stakeh h3.top_50,
.stakeh_02 h3.top_50{
	margin-top: 50px!important;
}
.stakeh,
.stakeh_02{
	width: 167px;
	margin-top: 50px;
}
.stakeh_01{
	width: 202px;
	margin: 20px 11px 0 11px;
}




/* ==============================
	コスモ石油グループの概要

============================== */
#cosmo #main_area ul,
#cosmo #main_area ul li{
	list-style: none;
}
#cosmo #main_area ul{
	width: 570px;
	border-top: #ccc 1px solid;
}
#cosmo #main_area ul li{
	border-bottom: #ccc 1px solid;
	padding: 10px 0;
}
#cosmo #main_area .coumoku{
	float: left;
	width: 100px;
}
#cosmo #main_area .cosmo_gaiyou{
	float: left;
	width: 460px;
}
#cosmo #mark {
	margin: 10px 0;
	border: 1px solid #CCC;
	width: 550px;
}

#cosmo #mark dt {
	padding-left: 10px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #CCC;
}

#cosmo #mark dd {
	float: left;
	display: inline;
	margin-left: 10px;
	padding: 10px 10px 10px 0;
}


/* ==============================
	トップコミットメント

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

#commit #main_area img.space {
	margin: 0 10px 10px 0;
	float: left;
}
#commit #main_area img.space_sub {
	margin: 0 10px 0 0;
	float: left;
}

#commit #main_area p span{
	text-align: right;
	color: #333;
}
.sec_01{
	width: 540px;
	margin: 0 auto 10px;
}
.sec_01 h3 {
	text-align: center;
	color: #0099FF;
	width: 540px;
	border-bottom: 1px solid #0099FF;
	padding-bottom: 12px;
}

.sec_01 .vision {
	width: 540px;
	margin: 0 auto 10px;
	border: 1px solid #0099FF;
	text-align: center;
}

.sec_01 .vision div.listarea {
	float: left;
	width: 240px;
	margin: 10px 0 10px 20px;
	display: inline;
}
.sec_01 .vision div.listarea p {
	width: 240px;
	background: #CCEBFF;
	display: block;
}

.sec_01 .vision div.listarea ul {
	margin-top: 5px;
	margin-bottom: 0;
}

.sec_01 .vision div.listarea li{
	text-align: left;
	list-style: none;
}

.sec_01 .vision div.listarea li span{
	color: #0099FF!important;
	margin: 0!important;
	display: inline!important;
}
#commit span.pdf{
	margin: 0;
	color: #b7b0ac;
	display: inline;
}
/* ==============================
	特集

============================== */
.sp_txt{
	color: #7ea4c6;
	margin: 0;
}
span.large_name{
/*	font-size: 120%!important;*/
	font-size: 125%!important;
	margin: 0;
	color: #333;
	font-weight: bold;
}
/* ==============================
	社会性報告

============================== */
.text_soc{
	color: #dc6e6d;
	margin: 0;
}
#soc .img_top{
	margin-top: 5px;
}
#soc .soc_box{
	border: #dc6f6d 1px solid;
	width: 350px;
	margin: 20px 0;
}
#soc .soc_box img{
	float: left;
}
#soc .soc_box p{
	display: block;
	margin: 20px 0 0 10px;
	width: 210px;
	float: left;
}
#soc span.large_name{
/*	font-size: 120%!important;*/
	font-size: 125%!important;
	margin: 0;
	color: #dc6e6d;
}
/* ==============================
	環境報告

============================== */
#env span{
	color: #00804b;
	margin: 0;
}
#env .ind,
#env span,
.text_soc{
	text-indent: -1em;
	padding-left: 1em!important;
}
#env p.large_name{
/*	font-size: 120%!important;*/
	font-size: 125%!important;
	margin: 0;
	color: #00804b;
	font-weight: bold;
}
/* ==============================
	コミュニケーション報告

============================== */
#com span,
span.text_blue{
	color: #67aaee;
	margin: 0;
}

#com .box_com{
	width: 230px;
	border: #6592c6 1px solid;
	padding: 10px;
}
/* ==============================
	安全性報告 

============================== */
.small_box{
	border: #999 1px solid;
	padding: 5px;
	width: 300px;
	margin-bottom: 5px;
}
#safe .gray_box{
	border: #bbb5d2 2px solid;
	padding: 10px 5px!important;
	background: #f4f2fb;
}
#safe .gray_box img{
	margin-left: 3px;
}
/* ==============================
	第三者審査報告書 

============================== */
.assurance_txt{
	text-align: right;
	margin-top: 10px;
}

.assurance_txt p{
	width: 300px;
	display: block;
	text-align: left;
}
.assurance_txt img{
	margin-left: 20px;
}
.assurance_txt img,
.assurance_txt p{
	float: right;
	display: inline;
}

/* ==============================
	環境関連データ

============================== */
#info span{
	color: #ffa200;
	margin: 0;
	display: inline;
}
#info .pdf,
#commit .pdf{
	margin: -4px 0 0 20px;
}
#info .left_info{
	float: left;
	margin-right: 10px;
	display: inline;
}
#info .info_box{
	text-align: center;
	background: #fff2dc ;
	border: #ffdb85 1px solid;
	widht: 570px;
	padding: 10px;
	margin-bottom: 10px;
}
/* ==============================
	事業所別パフォーマンス

============================== */
#site .text_area{
	float: left;
	width: 310px;
	margin-bottom: 20px;
}
#site .text_area span{
	color: #7fd2bc;
	margin: 5px 0 0 0;
}
#site .text_area ul{
	width: 310px;
	list-style: none;
	margin-bottom: 20px;
}
#site .text_area li{
	border-bottom: #ccc 1px solid;
	padding: 10px 0;
}
#site .text_area .coumoku,
#site .text_area .site_gaiyou{
	float: left;
}
#site .text_area .coumoku{
	width: 130px;
	font-weight: bold;
}
#site .text_area .gaiyou{
	width: 180px;
}
#site .photo_area{
	float: right;
}
#site .photo_area img{
	margin-bottom: 10px;
}
#site .text_area .text_2006 p{
	display: block;
	float: left;
	margin-right: 20px;
}
*html .site_unit01{
	margin-bottom: 5px;
}
*html .site_unit02{
	margin-bottom: 5px;
}
:root .site_unit01{
	margin-bottom: 20px;
}

.site_unit01{
	width: 570px;
	height: 20px;
}
.site_unit02{
	width: 400px;
}
.site_unit01 h4,
.site_unit02 h4{
	float: left;
}
.site_unit01 span,
.site_unit02 span,
#info .site_unit01 span.t_info,
#info .site_unit02 span.t_info{
	float: right;
	color: #333;
	margin: 0;
	display: block;
	margin-top: 20px;
}
#site .left_t,
#site .right_t{
	width: 280px;
}
#site .left_t{
	float: left;
}
#site .right_t{
	float: right;
}
/* ==============================
	table

============================== */
#env table,
#env table.nomal_table_table,
table.blue,
table.common_t,
#safe table{
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 5px;
}

table.common_t th,
table.common_t td,
#env table th,
#env table td,
table.blue th,
table.blue td,
#env table.nomal_table th,
#env table.nomal_table td,
#safe table th,
#safe table td{
	padding: 5px;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
#env table.nomal_table th.blue,
#env table.nomal_table td.blue,
#env table th,
#env table th.blue,
table th.blue,
table td.blue,
table.blue th{
	background: #def4eb;
}
table.common_t th{
	background: #f6f0ec;
}
#safe table th{
	background: #f4f2fb;
}
#safe table th,
table.common_t th,
#env table th,
table.blue th{
	font-weight: lighter;
	text-align: left;
}

#env table.nomal_table td,
#env table.nomal_table th{
	background: #fff;
}
#env table.nomal_table td,
#safe table td,
#commit table.t_01 td.right{
	text-align: right;
}
#env table.nomal_table td.yellow,
#env table.nomal_table th.yellow{
	background: #ffff99;
}
#env table.nomal_table td.pink,
#env table.nomal_table th.pink{
	background: #fdb8da;
}

table.blue th.center,
#env table th.center{
	text-align: center;
}

#env table td,
table.blue td{
	padding: 5px;
	text-align: left;
}
table.blue td,
table.common_t td.right{
	text-align: right!important;
}
table.blue td.left{
	text-align: left!important;
}

#env table td ul,
#commit table.t_02 td ul{
	margin-left: 20px;
}
#env table td li,
#commit table.t_02 td li{
	list-style-type: disc;
	padding-left: 0px;
}

table.t_01,
table.t_02,
table.t_03{
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 5px;
}


table.t_01 th,
table.t_02 th,
table.t_03 th,
table.t_01 td,
table.t_02 td,
table.t_03 td{
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding: 5px;
}
#soc table.t_01 th,
#soc table.t_02 th,
#soc table.t_03 th{
	background: #fdecec;
}
#site table.t_01 th,
#site table.t_02 th,
#site table.t_03 th{
	background: #f0fafa;
}
#info table.t_01 th,
#info table.t_02 th,
#info table.t_03 th{
	background: #fff2dc;
}
#commit table.t_01 th,
#commit table.t_02 th{
	background: #faf8f6;
}

#commit table.t_02 th.ttl{
	background: #ede3dc;
}
#commit table.t_02 th.gl_text{
	color: #938c88;
}

#soc table.t_01 th,
#soc table.t_02 th,
#site table.t_01 th,
#site table.t_02 th,
#site table.t_03 th,
#info table.t_02 th,
#commit table.t_02 th{
	font-weight: lighter;
}
#soc table.t_01 th,
#soc table.t_02 th,
#site table.t_01 th,
#info table.t_01 th,
#info table.t_03 th,
#commit table.t_01 th,
#commit table.t_02 th.gl_text{
	text-align: left;
	font-weight: lighter;
}
#safe table th.center,
#soc table.t_01 th.center,
#soc table.t_02 th.center,
#info table.t_02 th.center,
#info table.t_02 td.center,
#commit table.t_02 td.center{
	text-align: center;
}
#soc table.t_01 td,
#soc table.t_02 td,
#site table.t_01 td,
#site table.t_02 td,
#info table.t_02 td{
	text-align: right;
}



table.common_t th.center,
#soc table.t_01 td.center,
#soc table.t_02 td.center,
#env table th.center,
#site table.t_02 td.center,
#site table.t_03 td.center{
	text-align: center;
}

#soc .left_t{
	float: left;
}
#soc .right_t{
	float: right;
}

#site table.t_02 td.left_ind{
	text-indent: 13px;
	text-align: left;
}
#info table.t_02 td.left_ind{
	text-indent: 10px;
	text-align: left;
}
#info table.t_02 td.left_ind02{
	text-indent: 23px;
	text-align: left;
}
#commit table.t_02 th.ttl{
	font-weight: bold;
}

#soc table.t_01 td.left,
#site table.t_02 td.left,
#site table.t_02 th.left,
#info table.t_02 th.left,
#info table.t_02 td.left{
	text-align: left;
}