@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. ローカルナビ（lnav）
　03. タブ
　04. コンテンツ


******************************************************************************* */



/* ==

　00. file import

=============================================================================== */
@import url("/business/css/style.css");



/* ==

　01. 基本

=============================================================================== */
/* グローバルナビ
------------------------------------------------------------------------------- */
#business .header .floatR .gnav li.gnav_business a{ background-position:left bottom; }

/* パンくず
------------------------------------------------------------------------------- */
.container .topicPath{ background:none; }


.section .main{
	width:730px;
	min-height:1%;
	float:right;
}
.section .lnav{
	width:200px;
	min-height:1%;
	float:left;
}
.section .main:after,
.section .lnav:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.section .main h2{
	margin-bottom:0;
	padding-bottom:10px;
	background-image:none;
	background-color:#fff;
}
.section .main h3{
	margin-bottom:10px;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	font-size:120%;
	line-height:1.2;
	color:#333;
}
* html .section .main h3{ height:1%; }

@media print{
	.lnav{ display:none; }
	.section .main{ float:left; }
}

/* タブコンテンツ
------------------------------------------------------------------------------- */
/* タブ */
.main .tabTop{ margin:0; }
.section .tabTop{ height:36px; background-image:url(/business/images/bk_tabTop.gif); }
.section .tabBtm{ height:36px; background-image:url(/business/images/bk_tabBtm.gif); }
.main .tabTop li a, .main .tabBtm li a{ width:240px; height:31px; }

/* コンテンツ */
/* .main div{ margin-bottom:0; } */
.main .contents{
	width:728px;
	min-height:1%;
	padding-top:20px;
	background:none;
	border-left:1px solid #b2b4b6;
	border-right:1px solid #b2b4b6;
	clear:both;
}
.main .contents div{
	width:707px;
	min-height:1%;
	margin:0 auto;
	padding-bottom:20px;
	line-height:1.5;
	clear:both;
}



/* ==

　02. ローカルナビ（lnav）

=============================================================================== */
.lnav p.title a{ background-image:url(../images/lnav_title.gif); }

 
 

/* ==

　03. タブ

=============================================================================== */
/* 上
------------------------------------------------------------------------------- */
.main .tabTop li.tab_food a{ background-image:url(../images/tabTop_food.gif); left:4px; }
.main .tabTop li.tab_logistics a{ background-image:url(../images/tabTop_logistics.gif); left:245px; }
.main .tabTop li.tab_medical a{ background-image:url(../images/tabTop_medical.gif); left:486px; }

/* 上－アクティブ
------------------------------------------------------------------------------- */
.main .tabTop ul.tabFood li.tab_food a{ background-image:url(../images/tabTop_food_on.gif); }
.main .tabTop ul.tabLogistics li.tab_logistics a{ background-image:url(../images/tabTop_logistics_on.gif); }
.main .tabTop ul.tabMedical li.tab_medical a{ background-image:url(../images/tabTop_medical_on.gif); }

/* 下
------------------------------------------------------------------------------- */
.main .tabBtm li.tab_food a{ background-image:url(../images/tabBtm_food.gif); left:4px; }
.main .tabBtm li.tab_logistics a{ background-image:url(../images/tabBtm_logistics.gif); left:245px; }
.main .tabBtm li.tab_medical a{ background-image:url(../images/tabBtm_medical.gif); left:486px; }

/* 下－アクティブ
------------------------------------------------------------------------------- */
.main .tabBtm ul.tabFood li.tab_food a{ background-image:url(../images/tabBtm_food_on.gif); }
.main .tabBtm ul.tabLogistics li.tab_logistics a{ background-image:url(../images/tabBtm_logistics_on.gif); }
.main .tabBtm ul.tabMedical li.tab_medical a{ background-image:url(../images/tabBtm_medical_on.gif); }



/* ==

　04. コンテンツ

=============================================================================== */
/*.main .contents div h4{
	padding:10px 0 7px;
	background:url(../images/bk_subt.gif) left bottom repeat-x;
	clear:both;
}*/
.section .main .contents h3{
	margin-bottom:0;
	padding:10px 0 3px;
	background:none;
	border-bottom:1px solid #ccc;
}




/* アンカーリンク
------------------------------------------------------------------------------- */
.main .contents div .anchor{
	width:auto;
	margin:0 0 10px;
	padding:5px 10px;
	background-color:#f0f0f0;
}
.main .contents div .anchor ul{ text-align:center; }
.main .contents div .anchor li{
	margin-right:10px;
	padding-left:12px;
	background:url(/common/images/renew2009/arrow_anchor.gif) left 5px no-repeat;
	display:inline;
}


/* 横遷移のリンク
------------------------------------------------------------------------------- */
.main .contents .lnavTop,
.main .contents .lnavBtm{
	width:706px;
	min-height:1%;
	margin:0 auto;
	padding:0 0 10px;
	background-image:url(/common/images/renew2009/line_dotted03.gif);
	background-repeat:repeat-x;
	clear:both;
}
.main .contents .lnavTop{
	margin:-10px auto 20px;
	padding-bottom:5px;
	background-position:left bottom;
}
.main .contents .lnavBtm{
	padding-top:5px;
	background-position:left top;
}
.main .contents .lnavTop li,
.main .contents .lnavBtm li{
	margin-right:15px;
	white-space:nowrap;
	float:left;
}
.main .contents .lnavTop li a,
.main .contents .lnavBtm li a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 7px no-repeat;
	display:block;
	float:left;
}
* html .main .contents .lnavTop li a,
* html .main .contents .lnavBtm li a{
	height:1%;
}
.main .contents .lnavTop li strong,
.main .contents .lnavBtm li strong{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 7px no-repeat;
	color:#666;
	font-weight:normal;
	text-decoration:none;
	display:block;
	float:left;
}


/* 中身
------------------------------------------------------------------------------- */
.main .contents div div dt{
	padding-top:10px;
	font-weight:bold;
	clear:both;
}
.main .contents div div dd{
	width:706px;
	min-height:1%;
	padding-bottom:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	clear:both;
}
.main .contents div div dd.lastChild{ background:none; }
.main .contents div div dd:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main .contents div div dd p.floatL,
.main .contents div div dd p.floatR{ width:300px; }