@charset "UTF-8";
/* =======================================================================
	CSS information

	file name  :business.css
	version:1.0
	style info :事業内容用。
======================================================================= */
/* import　各ディレクトリのスタイルシートは以下を必ず読み込む
----------------------------------------------------------------------------- */
@import "default.css"; /*リセット、font.css、再定義*/
@import "base.css"; /*サイトの初期設定*/
@import "layout.css"; /*サイトの基本レイアウト*/

#container #maintitle h2{
	background-image:url(../business/img/h2.png);
	}

*html #container #maintitle h2{
	background-image:url(../business/img/h2.gif);
	}

.petroleum #container #mainimg{
	background-image:url(../business/img/petroleum/h3.jpg);
	}

.food #container #mainimg{
	background-image:url(../business/img/food/h3.jpg);
	}

.food #container #mainimg{
	background-image:url(../business/img/food/h3.jpg);
	}

#business #header #globalnavi .navi02 a{
	background-position: -143px -38px;
	}
		
/*-- #business_navi
----------------------------------------------*/
#business_navi li{
	float:left;
	height: 145px;
	width:310px;
	background-image:url(../business/img/1410business_navi.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	}

*html #business_navi li{
	background-image:url(../business/img/1410business_navi.gif);
	}
	
#business_navi li a{
	height: 145px;
	width:310px;
	display:block;
	background-image:url(../business/img/1410business_navi.png);
	background-repeat: no-repeat;
	}

*html #business_navi li a{
	background-image:url(../business/img/1410business_navi.gif);
	}

#business_navi .navi01,
#business_navi .navi01 a{
	background-position: 0px 0px;
	margin-right:15px;
	}

*html #business_navi .navi01,
*html #business_navi .navi01 a{
	margin-right:5px;
	}

#business_navi .navi02,
#business_navi .navi02 a{
	background-position: -326px 0px;
	margin-right:15px;
	}

*html #business_navi .navi02,
*html #business_navi .navi02 a{
	margin-right:5px;
	}

#business_navi .navi03,
#business_navi .navi03 a{
	background-position: -649px 0px;
	}

.petroleum #business_navi .navi01 a,
#business_navi .navi01 a:hover{
	background-position: 0px -145px;
	}

#business_navi .navi02 a:hover{
	background-position: -326px -145px;
	}

.food #business_navi .navi03 a,
#business_navi .navi03 a:hover{
	background-position: -649px -145px;
	}


/*-- petroleum
----------------------------------------------*/
.petroleum .main_warp{
	clear:both;
	font-size:14px;
	}

.petroleum .border{
	border-right:solid 1px #CCCCCC;
	}

.petroleum .main_box_warp{
	float:left;
	width:230px;
	height:400px;
	margin-top:30px;
	}

.petroleum .main_box_warp .main_box{
	width:185px;
	margin-left:auto;
	margin-right:auto;
	}

.petroleum .main_box_warp .main_box h3{
	background-image:url(../business/img/petroleum/main_txt01.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:185px;
	height:60px;
	text-indent:-9999px;
	margin-bottom:10px;
	}

.petroleum .main_box_warp .main_box h3.main_txt01{
	background-image:url(../business/img/petroleum/main_txt01.gif);
	}

.petroleum .main_box_warp .main_box h3.main_txt02{
	background-image:url(../business/img/petroleum/main_txt02.gif);
	}

.petroleum .main_box_warp .main_box h3.main_txt03{
	background-image:url(../business/img/petroleum/main_txt03.gif);
	}

.petroleum .main_box_warp .main_box h3.main_txt04{
	background-image:url(../business/img/petroleum/main_txt04.gif);
	}

.petroleum .main_box_warp .main_box img{
	margin-bottom:25px;
	}

/*-- 
----------------------------------------------*/

.petroleum .box{
	float:left;
	width:430px;
	margin-right:10px;
	}

.petroleum .box li{
	background-image:url(../img/common/icon_list.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	line-height:180%;
	padding-left:15px;
	}


/*-- 
----------------------------------------------*/

.petroleum .txt{
	background-image:url(../business/img/petroleum/logo_mobil.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}

.petroleum .txt p{
	margin-left:280px;
	}

.petroleum table.title{
	margin-top:60px;
	}

.petroleum table.title td{
	color:#003399;
	font-size:110%;
	font-weight:bold;
	border-bottom:solid 3px #003399;
	}

.petroleum .box_products{
	width:100%;
	height:500px;
	overflow-y:scroll;
	}

.petroleum p.about{
	text-align:right;
	margin-top:10px;
	}


/*-- food
----------------------------------------------*/
.food #food_box{
	clear:both;
	margin-bottom:30px;
	}

.food #food_box .box_image{
	float:left;
	width:185px;
	height:140px;
	}

.food #food_box .box_txt{
	float:right;
	width:680px;
	}

.food #food_box .box_txt h5{
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	border-bottom:none;
	margin:0px 0px;
	}

.food #food_box .box_txt h5.title01{
	background-image:url(../business/img/food/h5_title01.jpg);
	width:260px;
	height:50px;
	}

.food #food_box .box_txt h5.title02{
	background-image:url(../business/img/food/h5_title02.jpg);
	width:260px;
	height:50px;
	}

.food #food_box .box_txt h5.title03{
	background-image:url(../business/img/food/h5_title03.gif);
	width:75px;
	height:25px;
	}

.food #food_box .box_txt p{
	font-size:115%;
	background-color:#F0F0F0;
	border:solid 2px #CCCCCC;
	margin-top:10px;
	padding:8px;
	}