@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. index.html
　02. mainVisual
　03. 
　04. 
　05. 
　06. 


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


/* ==

　00. file import

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



/* ==

　01. index.html

=============================================================================== */
div#hdNav li.line2 a{ padding:8px 0; }
div#hdNav li.line2 a:hover, div#hdNav li.line2 a:active{ background:url(/business/logistics/images/rn01/nav_bg_over02.png) left 8px repeat-x; }


/* リキッドエリア
------------------------------------------------------------------------------- */
#topLiquidBg {
	position: absolute;
	width: 100%;
	min-width: 960px;
	z-index: 0;
	top: 170px;
	left: 0;
	overflow: hidden;
}
#topLiquidBg img {
	width: 100%;
	height: auto;
}
* html #topLiquidBg img {
	display: none;
}
.container.topLiquidContainer {
	position: relative;
	z-index: 10;
}
#topLiquidMain {
	position: relative;
	padding-top: 15px;
	z-index: 10;
	clear: both;
}
#topLiquidMain:after{ content:''; display:block; clear:both; }



/* 
------------------------------------------------------------------------------- */
#topLiquidMain .tit{
	width:950px;
	background:#0c0c0c url(../images/bg_title.gif) left top repeat-x;
	position:relative;
	clear:both;
}
#topLiquidMain .tit:after{ content:''; display:block; clear:both; }
#topLiquidMain .tit h2{ margin:0; padding:0; background:none; }
#topLiquidMain .tit div.date{ position:absolute; top:105px; left:35px; }
#topLiquidMain .tit .date li{ padding:0 2em 0 0; color:#fff; float:left; }


#topLiquidMain div.lead{
	background-color:#fff;
	font-size:120%;
	line-height:1.5;
	clear:both;
}
#topLiquidMain div.lead:after{ content:''; display:block; clear:both; }
#topLiquidMain div.lead p{ color:#333; }


div.lead div.txt{
	width:520px;
	margin:0 20px 10px 0;
	float:left;
}

div.lead p.bnr{ margin-bottom:10px; float:left; }
div.lead p.bnr a:link img, div.lead p.bnr a:visited img{
  filter: alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
}
div.lead p.bnr a:hover img, div.lead p.bnr a:active img{
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}


div.lead div.needs{
	margin:0;
	padding:15px 0 0;
	background-color:#eee;
	zoom:1;
	clear:both;
}
div.lead div.needs:after{ content:''; display:block; clear:both; }

div.lead div.needs dl{
	width:430px;
	margin:0 5px 0 15px;
	padding:0 0 15px;
	display:inline;
	float:left;
}
div.lead div.needs dt{ margin:2px 0 10px; }
div.lead div.needs dt img{ vertical-align:bottom; }
div.lead div.needs dd p{ margin:0; font-size:85%; line-height:1.4; }
div.lead div.needs dd p.txt{ margin-bottom:10px; min-height:35px; }




div.area{ padding:0 0 10px; background-color:#fff; clear:both; }
div.area:after{ content:''; display:block; clear:both; }
div.area h3{
	min-height:25px;
	margin:0 0 10px;
	padding:5px 0 0 14px;
	background:url(../images/bk_h3.png) left top no-repeat;
	font-size:16px;
	color:#333;
	clear:both;
}
* html div.area h3{ height:25px; }



/* 一覧
------------------------------------------------------------------------------- */
.listTit{ padding:20px 0; background-color:#fff; position:relative; clear:both; }
.listTit p{ font-size:120%; color:#333; }
.listTit p strong{ color:#333; }

.dataList{ padding:0 0 10px; clear:both; }
.dataList h4,
.dataList .dataList_tit{
	margin: 0 16px 10px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	font-size:120%;
	color:#333;
}
.dataList .dataList_tit {
	font-weight:bold;
}


.dataList div{
	width:908px;
	margin:0 auto 20px;
	padding:4px;
	border:1px solid #ccc;
	clear:both;
}
.dataList div:after{ content:''; display:block; clear:both; }
.dataList div div{ width:auto; margin:0; padding:0; border:none; clear:none; }


.dataList p{ font-size:120%; line-height:1.5; }
.dataList p.txt_noData{ margin:0 0 1em; padding:5px; background-color:#fff; }



.dataList table{
	width:100%;
	margin:0;
	padding:0;
	background-color:#ccc;
	/table-layout:fixed;
	border:none;
}
.dataList th{ padding:5px; background-color:#f2f2f2; font-size:120%; }
.dataList td{ padding:5px; background-color:#fff; font-size:120%; line-height:1.4; }

.dataList td em{ font-weight:bold; font-style:normal; }

.dataList td.btns{ width:110px; padding-bottom:0; text-align:center; }
.dataList td.btns p{ padding:5px 0; }

.dataList td.img{ width:100px; vertical-align:top; }
.dataList td.pjName{ font-size:120%; }
.dataList td.pjName img.item{ margin:5px 0; }
.dataList td.area{ width:160px; text-align:center !important; }
.dataList td.access{ width:220px; }
.dataList td.trading{ width:120px; text-align:center !important; }

.dataList th.area{ width:160px; }
.dataList th.access{ width:220px; }
.dataList th.trading{ width:120px; }


/* マルチテナント（画像有り）【.type02】 */
.dataList p.img{ margin-right:10px; float:left; }
.dataList div.type02 table{
	width:798px;
	float:left;
}


.dp_em {
	font-weight: bold;
}




div.inq{
	width:946px;
	margin-bottom:20px;
	padding:2px;
	background-color:#ddd;
	clear:both;
}
div.inq div{
	width:914px;
	padding:15px;
	background-color:#eee;
	border:1px solid #fff;
	clear:both;
}
div.inq:after, div.inq div:after{ content:''; display:block; clear:both; }

div.inq div div.txt{
	width:665px;
	padding:0;
	border:none;
	float:left;
}
div.inq div div.txt p{ margin-left:1em; font-size:120%; line-height:1.4; text-indent:-1em; }
div.inq div div.txt dl{ padding-top:25px; }
div.inq div div.txt dt{ margin:0 0 8px; }
div.inq div p.bnr{ float:right; }
div.inq div p.bnr a:link img, div.inq div p.bnr a:visited img{
  filter: alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
}
div.inq div p.bnr a:hover img, div.inq div p.bnr a:active img{
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}




div.bnrs{ width:970px; margin:0 0 0 -20px; clear:both; }
div.bnrs p{ width:465px; margin:0 0 0 20px; padding-bottom:20px; display:inline; float:left; }
div.bnrs p a{
	border:1px solid #ccc;
	display:block;
}
div.bnrs p a:link, div.bnrs_2 p a:visited{ border:1px solid #ccc; }
div.bnrs p a:hover, div.bnrs_2 p a:active{ border:1px solid #f60; }


div.bnrs_2{ width:970px; margin:0 0 0 -20px; clear:both; }
div.bnrs_2 p{ width:432px; margin:0 0 0 20px; padding-bottom:20px; display:inline; float:left; }
div.bnrs_2 p a{
	border:1px solid #ccc;
	display:block;
}
div.bnrs_2 p a:link, div.bnrs_2 p a:visited{ border:1px solid #ccc; }
div.bnrs_2 p a:hover, div.bnrs_2 p a:active{ border:1px solid #f60; }



div.dotline{
	width:950px;
	margin:0 0 30px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	font-size:10px;
	clear:both;
}





/* 地図
------------------------------------------------------------------------------- */
#gMap{ width:950px; padding:10px 0 0; clear:both; }
#gMap .map{
	width:908px;
	margin:0 auto 10px;
	padding:0 0 12px;
	border:1px solid #ccc;
	background-color:#fff;
	clear:both;
}
#gMap .map .icons p{ padding:8px 15px 8px 10px; float:left; }
#gMap .map .icons li{ margin:5px 1.5em 5px 0; font-size:85%; float:left; }
#gMap .map .icons li img{ margin-right:3px; vertical-align:middle; }

#gMap .map #map_canvas{
	width:886px;
	height:328px;
	margin:0 auto;
	overflow:hidden;
}

.gMap{ width:950px; clear:both; }


.infoWin .pjname{ padding:5px 0; font-size:14px; font-weight:bold; }
.infoWin .pjname a{ font-size:14px; font-weight:bold; }
.infoWin{ min-width:220px; }



/* 追加 2015.09
------------------------------------------------------------------------------- */
.container {
	max-height: 999999px;	
}
.container.opExpand {
	width: auto;
}
.dproIndent {
	width: 950px;
	margin: 0 auto;
}
#fullVisual {
	position: relative;
	min-width: 950px;
	margin: 0;
	padding: 130px 0 170px;
}
#fullVisual h1,
#fullVisual p {
	line-height: 1;
	width: 950px;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	text-align: center;
}
#fullVisual.fullVisual-rn {
	padding-top: 110px;
	padding-bottom: 150px;
}
#fullVisual .fullVisual_head {
	width: auto;
	line-height: 1.1;
	padding: 20px 0;
	color: #000;
	font-size: 44px;
	font-weight: bold;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.6);
	background: rgba(255, 255, 255, 0.6);
}
#topLiquidMain .date {
	margin: 0 0 20px;
	text-align: right;
}
#topLiquidMain .date li{
	display: inline;
	margin: 0 0 0 10px;
}
#topLiquidMain div.lead p.bnr {
	float: right;
}
div.dotline.lastChild {
	padding: 0;
}
.mapSearchBnr {
	margin: 30px 0;
	text-align: center;
}
.mapSearchBnr.mt00 {
	margin-top: 0;
}
.mapSearchBnr a img { -ms-filter: "alpha(opacity=100)"; }
.mapSearchBnr a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
div.area h3 {
	min-height: 0;
	margin: 0 0 20px;
	padding: 6px 10px 5px;
	border-left: 5px solid #c33;
	background: #666;
	color: #fff;
	font-size: 150%;
	font-weight: normal;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
.dpHead {
	margin: 0 0 30px;
}
.dpHead h2 {
	margin: 0 0 30px;
	padding: 0;
	background: none;
	text-align: center;
}
.dpHead .dpHead_tit,
.dpHead .dpHead_txt {
	margin: 0;
	line-height: 1.3;
	color:#333;
	font-size: 200%;
	font-weight: normal;
}
.dpHead p {
	text-align: center;
}
.dpTab {
	width: 850px;
	margin: 30px auto 0;
}
.dpTab li {
	float: left;
	width: 275px;
	margin: 0 12px 0 0;
	padding: 0 0 11px;
}
.dpTab .dpTab_n3 {
	margin: 0;
}
.dpTab a {
	display: block;
	padding: 11px;
	background-color: #f4f4f4;
}
.dpTab .dpTab-current a {
	background-color: #666;
}
.dpTab .dpTab-current {
	background: url(../images/dproject_bg02.gif) center bottom no-repeat;
}
.dpTab a img { -ms-filter: "alpha(opacity=100)"; }
.dpTab a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
.dpTab .dpTab-current a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";	
}