@charset "UTF-8";
div.page_top{padding-top:12px;}
div#date{
	margin-top:12px;
	text-align:right;
	}




/* index.html */

#idx #read {
	margin: 0;
	padding: 1em 0 15px;
}

#idx #Conts h2{margin:0; padding:0 0 2px 0; clear:both;}
#idx #Conts h2.pno{margin:0; padding:0; clear:both;}

#idx .idx_box1{float:right;width:557px;background:url("../image/index_box1_bg.gif") repeat-y;padding:0;margin:0 1px 1em 0;}
#idx .idx_box1 div.cont{width:557px;background:url("../image/index_box1_btm.gif") no-repeat bottom;margin:0;}
#idx .idx_box1 p{padding:0 5px 1em 20px;margin:0;}
#idx .idx_box1 img{margin:0 3px 0 50px;position:relative;top:-10px;float:right;}
#idx .idx_box1 div.hd{width:557px;height:17px;background:url("../image/index_box1_top.gif") no-repeat bottom;padding:0;margin:0;clear:both;}


#idx #ContsMain ul{padding:0 10px;list-style:none;}
#idx #ContsMain ul li{
	display:block;
	padding:0 10px 13px 26px;
	margin:0;
	background:url(../../../../common/image/icn_arw_03.gif) no-repeat left top;}

#idx .idx_box{margin:0; padding:0; clear:both;}

#idx #Conts div.sonota{margin:0; padding:0; clear:both; width:567px; text-align:right;}
#idx #Conts div.sonota ul{list-style:none; margin:0; padding:0; clear:both;}
#idx #Conts div.sonota li{background:none; margin:0; padding:0; float:left; width:189px;}

#idx .clm_l{width:280px; float:left; clear:both;}
#idx .clm_r{width:280px; float:right;}

#idx .clm_l2{width:176px; height:97px; float:left;}
#idx .clm_r2{width:176px; height:97px; float:left; margin-left:20px;}

#idx .clm_l h3{margin:0 0 3px; padding:2px 0 0 3px;}
#idx .clm_r h3{margin:0 0 3px; padding:2px 0 0 3px;}

#idx .idx_box2{float:right; width:267px; background:url("../image/index_box2_bg.gif") repeat-y;padding:0;margin:0 1px 1em 0;}
#idx .idx_box2 div.cont{width:267px; height:120px; background:url("../image/index_box2_btm.gif") no-repeat bottom;margin:0;}
#idx .idx_box2 p{padding:0 5px 1em 20px;margin:0;}
#idx .idx_box2 img{margin:0 3px 0 10px;position:relative;top:-10px;float:right;}
#idx .idx_box2 div.hd{width:267px;height:17px;background:url("../image/index_box2_top.gif") no-repeat bottom;padding:0;margin:0;clear:both;}

#idx #Conts .idx_box2 ul{padding:0 10px;list-style:none;}
#idx #Conts .idx_box2 ul li{
	display:block;
	padding:0 10px 0 26px;
	margin:0;
	background:url(../../../../common/image/icn_arw_03.gif) no-repeat left top;
}

#idx .idx_box3{float:right;width:557px;background:url("../image/index_box3_bg.gif") repeat-y;padding:0;margin:0 1px 1em 0;}
#idx .idx_box3 div.cont{width:557px;background:url("../image/index_box3_btm.gif") no-repeat bottom;margin:0;}
#idx .idx_box3 p{padding:0 5px 1em 20px;margin:0;}
#idx .idx_box3 img{margin:0 3px 0 50px;position:relative;top:-10px;float:right;}
#idx .idx_box3 div.hd{width:557px;height:17px;background:url("../image/index_box3_top.gif") no-repeat bottom;padding:0;margin:0;clear:both;}

#idx #Conts .idx_box3 ul{}
#idx #Conts .idx_box3 ul li{width:2em;float:left;padding:0 7px 13px 26px;}
#idx #Conts .idx_box3 ul li.w4em{width:4em;}
#idx #Conts .idx_box3 ul li.w10em{width:10em;}
#idx #Conts .idx_box3 ul li.w12em{width:12em;}



/* president.html */
#president #Conts div#lead{
	background:url(/ir/guide/image/president_bg_01.gif) no-repeat;
	margin-top:12px;
	padding-left:16px;
		/* BoxModelHuck */
		width:570px;
		voice-family: "\"}\"";voice-family:inherit;
		width:554px;
	}
#president #Conts div#lead img#txt{
	display:block;
	float:left;
	margin:90px 0 0 0;
	}
#president #Conts div#lead img#pht{
	display:block;
	float:right;
	}
#president #Conts div#lead br{
	clear:both;
	}
#president #Conts h2{
	clear:both;
	}
#president #Conts h2 img{
	margin-top:16px;
	}
#president #Conts p#sign{
	text-align:right;
	}
#president #Conts div#link{
	background:url(/ir/guide/image/president_bg_02.gif) no-repeat;
	padding:5px 0 0 26px;
		/* BoxModelHuck */
		width:570px;
		voice-family: "\"}\"";voice-family:inherit;
		width:544px;
	}
#president #Conts div#link img#linktxt{
	float:left;
	padding:0 0 5px 0;
	}
#president #Conts div#link div{
	width:400px;
	margin:3px 0 0 68px;
	padding:3px 0;
	text-align:center;
	}
#president #Conts div#link div img{
	margin-top:8px;
	}
#president #Conts div#link br{
	clear:both;
	}


dl.xls{width:569px;}
dl.xls dt{float:left; width:396px; padding:5px 0 0 5px; height:25px; border-top:1px #ccc solid; border-bottom:1px #ccc solid; border-left:1px #ccc solid; background-color:#e0e9eb;}
dl.xls dd{float:left; width:160px; padding:5px 0 0 5px; height:25px; border:1px #ccc solid;}
.c{clear:both;}
ul.fig{list-style:none; margin:0; padding:0; width:570px;}
ul.fig li{width:190px; text-align:center; float:left;}



/* highlight.html */
#highlight #Conts h2{
	margin:24px 0 6px 0;
	clear:both;
	}
#highlight #Conts div#index{
	width:570px;
	overflow:hidden;
	margin:0;
	padding:0;
	background:url(/ir/guide/image/highlight_bg_02.gif) bottom no-repeat;
	}
#highlight #Conts div#index p{margin:0;padding:0;height:4px;line-height:0;}
#highlight #Conts div#index p img{margin:0;padding:0;}
#highlight #Conts div#index ul{
	width:552px;
	margin:5px 0 7px 10px;
	padding:0 4px 0 0;
	}
#highlight #Conts div#index ul li{
	display:block;
	float:left;
	white-space:nowrap;
	margin:0;
	padding:2px 16px 2px 18px;
	background:url(/ir/guide/image/highlight_arw_01.gif) 0 1px no-repeat;
	}
#highlight #Conts div#group1{
	}
#highlight #Conts div#group1 br{
	clear:both;
	height:1px;
	}
#highlight #Conts div#group1 div{
	width:274px;
	}
#highlight #Conts div#group1 div#hl01,
#highlight #Conts div#group1 div#hl03,
#highlight #Conts div#group1 div#hl05,
#highlight #Conts div#group1 div#hl07,
#highlight #Conts div#group1 div#hl08{
	float:left;
	}
#highlight #Conts div#group1 div#hl02,
#highlight #Conts div#group1 div#hl04,
#highlight #Conts div#group1 div#hl06,
#highlight #Conts div#group1 div#hl09,
#highlight #Conts div#group1 div#hlnote{
	float:right;
	}
#highlight #Conts table{
	border:none;
	border-top:solid 1px #669199;
	border-left:solid 1px #669199;
	}
#highlight #Conts table tr th,
#highlight #Conts table tr td{
	border:none;
	border-right:solid 1px #669199;
	border-bottom:solid 1px #669199;
	padding:2px 6px;
	}
#highlight #Conts table tr th{
	background:#E0F0E0;
	}
#highlight #Conts table tr.year th{
	text-align:center;
	}
#highlight #Conts table tr td{
	text-align:right;
	}
#highlight #Conts div#group1table{
	width:570px;
	margin-top:24px;
	}
#highlight #Conts div#group1table table{
	width:570px;
	}
#highlight #Conts div#group1table div{
	text-align:right;
	}

#highlight #Conts div#segment table{
	width:100%;
	/*float:right;*/
	}
#highlight #Conts div#segment div{
	text-align:right;	
	}
#highlight #Conts div#segment br{
	clear:both;
	}

#highlight #Conts div#topper table{
	/*float:right;
	width:274px;*/
	width:100%;
	}
#highlight #Conts div#topper div.small{
	width:274px;
	float:right;
	margin:3px 0;
	padding:0;
	color:#866231;
	}
#highlight #Conts div#topper img{
	/*float:left;*/
	}
#highlight #Conts div#topper div{
	/*text-align:right;*/
	text-align:right;
	}
#highlight #Conts div#topper br{
	clear:both;
	}

#highlight #Conts div#sales table{
	width:570px;
	}
#highlight #Conts div#sales div{
	text-align:right;
	}
	
#highlight #Conts div#share table{
	width:570px;
	}
#highlight #Conts div#share div{
	text-align:right;
	}
#highlight #Conts div#share img{
	margin:0 3px;
	}

#highlight #Conts div#link{
	background:url(/ir/guide/image/president_bg_02.gif) no-repeat;
	padding:5px 0 0 26px;
	margin-top:36px;
		/* BoxModelHuck */
		width:570px;
		voice-family: "\"}\"";voice-family:inherit;
		width:544px;
	}
#highlight #Conts div#link img#linktxt{
	float:left;
	padding:0 0 5px 0;
	}
#highlight #Conts div#link div{
	width:400px;
	margin:3px 0 0 68px;
	padding:3px 0;
	text-align:center;
	}
#highlight #Conts div#link div img{
	margin-top:8px;
	}
#highlight #Conts div#link br{
	clear:both;
	}
#highlight #Conts div.page_top a:link{color:#333;text-decoration:none}
#highlight #Conts div.page_top a:visited{color:#333;text-decoration:none}
#highlight #Conts div.page_top a:active{
	color:#ff3333;text-decoration:none}
#highlight #Conts div.page_top a:hover{
	color:#003366;background-color:transparent;text-decoration:underline;}


/* highlight_print.html */
body.irprint#highlight #Conts table.p{
	width:570px;
	border:none;
	}
body.irprint#highlight #Conts table.p tr td{
	border:none;
	margin:0;
	padding:0;
	text-align:left;
	}


/* industry.html */

#industry #Conts #read {margin: 0; padding: 1em 0 15px;}

#industry #Conts p{margin:0 0 0 2px;}
#industry #Conts h2{clear:both; margin:20px 0;}
#industry #Conts h3{clear:both; margin:10px 0;}
#industry #Conts h4{clear:both; margin:15px 0 0 0; font-weight:bold;}
#industry #Conts h4.gR{clear:both; margin:0; padding-left:8px; font-weight:bold;}

#Conts p.subread{color:#1b50b8; font-weight:bold; margin:10px 0; font-size:1.1em;}

#industry #Conts ul{list-style:none;}
#industry #Conts ul.btn{list-style:none;}
#industry #Conts ul.btn li{float:left; padding-right:2px;}
#industry #Conts ul.notes li{font-size:0.9em; margin:0; padding:0; line-height:120%;}
#industry #Conts ul.notes2 li{font-size:0.9em; margin:0; padding:0; line-height:120%; text-align:right;}

#industry #Conts .dedokoro{text-align:right;}
#industry #Conts .none{display:none;}

#industry #Conts .graph01{display:list-item; list-style-image:url(/ir/guide/image/graph01.gif); list-style-position:inside; letter-spacing: -2000em; margin:10px 0 0 0; width:570px; height:370px;}
#industry #Conts .graph02{display:list-item; list-style-image:url(/ir/guide/image/graph02.gif); list-style-position:inside; letter-spacing: -2000em; margin:10px 0; width:570px; height:485px;}
#industry #Conts .action{display:list-item; list-style-image:url(/ir/guide/image/img_action.gif); list-style-position:inside; letter-spacing: -2000em; margin:10px 0 0 0; width:570px; height:225px;}
#industry #Conts .promise{display:list-item; list-style-image:url(/ir/guide/image/img_promise.jpg); list-style-position:inside; letter-spacing: -2000em; margin:10px 0; width:570px; height:243px;}

html>body #industry #Conts .graph01{letter-spacing:normal; text-indent:-999em; overflow:hidden;}
html>body #industry #Conts .graph02{letter-spacing:normal; text-indent:-999em; overflow:hidden;}
html>body #industry #Conts .action{letter-spacing:normal; text-indent:-999em; overflow:hidden;}
html>body #industry #Conts .promise{letter-spacing:normal; text-indent:-999em; overflow:hidden;}

#industry #Conts a.mk{background:url(/common/image/icn_arw_03.gif) no-repeat; padding-left:1em;}
#industry #Conts div.waku{width:570px; margin:0; padding:0; text-align:left;}
#industry #Conts div.wakuL{width:281px;float:left;}
#industry #Conts div.wakuR{width:281px;float:right;}
#industry #Conts .mt10{margin-top:10px;}
#industry #Conts .mt15{margin-top:15px;}
#industry #Conts .mt20{margin-top:20px;}
#industry #Conts .mb10{margin-bottom:10px;}

#industry #Conts div.page_top{background:url(/ir/guide/image/industry_lin_01.gif) repeat-x; margin-top:20px; padding:3px 0 12px 0;}
#industry #Conts div.page_top a:link{color:#333;text-decoration:none}
#industry #Conts div.page_top a:visited{color:#333;text-decoration:none}
#industry #Conts div.page_top a:active{color:#ff3333;text-decoration:none}
#industry #Conts div.page_top a:hover{color:#003366;background-color:transparent;text-decoration:underline;}

/* strategy.html */

#strategy #Conts div#main img{
	margin:24px 0;
	}
#strategy #Conts div#link{
	width:544px;
	background:url(/ir/guide/image/president_bg_02.gif) no-repeat;
	padding:5px 0 0 26px;
	margin-top:12px;
	}
#strategy #Conts div#link img#linktxt{
	float:left;
	padding:0 0 5px 0;
	}
#strategy #Conts div#link div{
	width:400px;
	margin:3px 0 0 68px;
	padding:3px 0;
	text-align:center;
	}
#strategy #Conts div#link div img{
	margin-top:8px;
	}
#strategy #Conts div#link br{
	clear:both;
	}

/*strategy.html footer */
#footertd01 {
	width: 285px;
	padding: 0 0 0 2px;
}
#footertd02 {
	width: 285px;
	text-align: right;
}
.footericn01 {
	margin: 0 2px;
}
#Conts ul.foot-list01 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#Conts ul.foot-list01 li {
	margin: 0 0 0 2px;
	padding: 0 0 0 11px;
	background: url("../image/navi_icn01.gif") no-repeat left top;
}

#Conts ul.foot-list02 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#Conts ul.foot-list02 li {
	margin: 0 2px 0 0;
	padding: 0 11px 0 0;
	background: url("../image/navi_icn02.gif") no-repeat right top;
}


/*0805追加「コスモ石油へようこそ」-「コスモ石油の戦略」削除版*/
#idx #Conts div#menu1 #welcome	{width:384px; background:url(/ir/guide/image/idx_bg_12.gif) no-repeat; margin:2px 0 0 0;}
	/*上で定義のCSSをクリア*/
	#idx #Conts div#menu1 #welcome a{
		display:inline;
		}
#idx #Conts div#menu1 #welcome h2	{padding-top:10px;}
#idx #Conts div#menu1 #welcome ul{
	margin:0;
	padding:5px 0 10px;
	list-style:none;
	}
#idx #Conts div#menu1 #welcome ul li{
	width:175px;
	display:inline;
	margin:0 0 0 10px;
	}