@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通パーツ
　02. 固定フッター＋リッチフッター
　03. リンクスタイル
　04. 事例紹介
　05. お問い合わせ
　06. 相談する
  

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



/* ==

　00. file import

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



/* ==

　01. 共通パーツ

=============================================================================== */
body {
	line-height: 1.7;
	background-color: #fff;
	color: #666;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
	font-size: 75%;
}
#ftArea {
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
.baseIn {
	width: 950px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}
.printClear {
    display: none;
}
#main div:after{ content:''; display:block; clear:both; }
#main{ font-size: 120%; }

#hdNav li.btnConsult{ right:0; }


.devSmp{ display:none; }




/* パンくず
------------------------------------------------------------------------------- */
#topicPath ul { padding: 4px 0 5px; }
#topicPath li {
	float: left;
	font-size: 10px;
	color: #333;
}
#topicPath li a {
	margin-right: 4px;
	padding-right: 12px;
	background: url(/common/images/rn02/ico_arw01.gif) right center no-repeat;
}
#topicPath a { color: #333; }
#topicPath p {
	position: absolute;
	top: 4px;
	right: 0;
	font-size: 10px;
	color: #333;
}

/* 回り込み解除 */
#topicPath ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #topicPath ul { zoom: 1; } /* ie7 */
* html #topicPath ul { zoom: 1; } /* ie6 */


/* h2,h3
------------------------------------------------------------------------------- */
#main h2{
	height: auto;
	background: none;
}
#main div h3{
	margin: 0 0 15px;
	padding: 0 0 0 12px;
	border-left: 6px solid #666;
}
#main div h3 img{ margin-bottom: 3px; }
#main div h3 span{ font-size: 85%; line-height:1.4; color:#333; font-weight: normal; }



#main p, #main span, #main li, #main strong{ color:#333; }

.hdtxt{ padding: 40px 0 45px; text-align: center; }


/* 
------------------------------------------------------------------------------- */
#fullVisual.mainVisual2,
#fullVisual.mv_product,
#fullVisual.mv_roadside,
#fullVisual.mv_uniqlo,
#fullVisual.mv_commercialcomplex,
#fullVisual.mv_office,
#fullVisual.mv_businesshotel {
    border-bottom: medium none;
		margin: 0;
    padding: 70px 0 80px;
		zoom: 1;
		position: relative;
}
#fullVisual h1, #fullVisual p {
		width: 950px;
    border: medium none;
    font-size: 12px;
    line-height: 1;
    margin: 0 auto;
    padding: 0;
		text-align: center;
}


/* フロー
------------------------------------------------------------------------------- */
.locFlow{
	width: 950px;
	margin: 0 auto;
	padding: 50px 0 30px;
	overflow: hidden;
	clear: both;
}
.locFlow.btm{ padding: 0 0 70px; }
.locFlow ul{
	width: 990px;
	margin: 0 0 0 -40px;
	clear: both;
}
.locFlow li{
	width: 290px;
	padding-left: 40px;
	background: url(../../images/rn01/arrow_flow.gif) 12px center no-repeat;
	float: left;
}



/* 枠
------------------------------------------------------------------------------- */
#main .contFrame01{ width: 890px; }
#main .contFrame01 h4{
	margin: 0 0 15px;
	padding: 5px 10px;
	background-color: #5b7188;
	border:1px solid #adb8c3;
	font-size: 120%;
	color: #fff;
}
#main .contFrame01 p{ font-size: 105%; }
#main .contFrame01 p.fsM{ font-size: 117%; }

.contFrame01 .colBlock01{ width: 890px; }
.contFrame01 .colBlock01 .col1{ width: 435px; margin-right: 20px; }
.contFrame01 .colBlock01 .col2{ width: 435px; }


#main .contFrame02{
	width: 920px;
	margin: 0 0 10px;
	padding: 15px;
	background-color: #f7f7f7;
	clear: both;
}
#main .contFrame02 h4{ margin: 0 0 10px; background-color: #01018a; }
#main .contFrame02 h5{
	margin: 0 0 10px;
	padding: 5px 10px;
	background-color: #e8e8e8;
	font-size: 100%;
	color: #333;
}
#main .contFrame02 .noteFrame{
	padding: 10px;
	background-color: #f7f3ea;
	border: 1px solid #e0d1ad;
}
#main .contFrame02 .relationLinkArea{
	padding: 15px 0 0;
	border-top: 1px dotted #ccc;
	zoom: 1;
	clear: both;
}





/* 
------------------------------------------------------------------------------- */
#main .nextContents{
	margin: 0 0 60px;
	padding-bottom: 40px;
	background-color:#f7f7f7;
	zoom: 1;
	clear: both;
}
#main .nextContents .linkBtn{ text-align:center; }







/* ==

　02. 固定ヘッダー／固定フッター＋リッチフッター

=============================================================================== */
#hdNav li.nav_product ul{
	padding-bottom:7px;
	background-color:#000;
	font-size:12px;
	z-index:200;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	display:none;
	position:absolute;
	top:50px;
	left:635px;
	float:none;
	clear:both;
}
#hdNav li.nav_product li{
	margin:0;
	padding:0;
	background:none;
	text-indent:0;
	z-index:201 !important;
	display:block;
	float:none;
	clear:both;
}
#hdNav li.nav_product li a{
	width:130px;
	height:15px;
	padding:5px 10px 4px 17px;
	background:url(/common/images/renew2009/arrow_02.gif) 10px 13px no-repeat;
	/*
	background-color:transparent;
	background-image:url(../images/bk_nav_products.png);
	background-position:left top;
	background-repeat:no-repeat;
	*/
	color:#fff;
	text-decoration:none;
	overflow:visible;
	display:block;
	position:relative;
	left:0;
	z-index:202 !important;
	float:none;
	clear:both;
}
#hdNav li.nav_product li a:hover{ text-decoration:underline; }





/* 固定ヘッダー
------------------------------------------------------------------------------- */
#fix-header {
	position:fixed;
	z-index:9999;
	width:100%;
	top:-85px;
	left:0;
	zoom:1;
}
* html #fix-header { /* IE6 */
	display: none;
}
.fix-head {
	background-image:url(/business/logistics/images/rn01/fix-head.png);
	height:85px;
	width:100%;
	position:relative;
}
#fix-header .content-wrapper{ width:950px; margin:0 auto; padding-top:15px; position:relative; clear:both; }

.fix-head .stickylinks li{ margin-right:15px; float:left; }

.fix-head div.back2{
	margin-right:15px;
	padding-right:15px;
	background:url(/business/logistics/images/rn01/hdnav_vline.gif) right top no-repeat;
	float:left;
}
.fix-head .stickylinks{
	margin-right:15px;
	/*padding-right:8px;*/
	background:url(/business/logistics/images/rn01/hdnav_vline.gif) right top no-repeat;
	float:left;
}
.fix-head div.bnr{ float:left; }
.fix-head div.bnr p{ margin-right:15px; }
.fix-head div.bnr p.nav_gallery{ position:absolute; top:15px; right:70px; }



.fix-head .nav_product_sub{
	padding:15px 0 7px;
	font-size:12px;
	z-index:200;
	display:none;
	position:absolute;
	top:70px;
	left:553px;
	float:none;
	clear:both;
}
.fix-head .nav_product_sub li{
	margin:0;
	padding:0;
	background:none;
	background-color:#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	text-indent:0;
	z-index:201 !important;
	display:block;
	float:none;
	clear:both;
}
.fix-head .nav_product_sub li.last{ padding-bottom:7px; }
.fix-head .nav_product_sub li a{
	width:130px;
	height:15px;
	padding:5px 10px 4px 17px;
	background:url(/common/images/renew2009/arrow_02.gif) 10px 13px no-repeat;
	/*
	background-color:transparent;
	background-image:url(../images/bk_nav_products.png);
	background-position:left top;
	background-repeat:no-repeat;
	*/
	color:#fff;
	text-decoration:none;
	overflow:visible;
	display:block;
	position:relative;
	left:0;
	z-index:202 !important;
	float:none;
	clear:both;
}
.fix-head .nav_product_sub li a:hover{ text-decoration:underline; }






/* 固定フッター
------------------------------------------------------------------------------- */
#fixFooter .fixArea {
	width: 100%;
	background: url(/common/images/rn02/fixfooter_bg01.png) left 24px repeat-x;
}
#fixFooter ul {
	float: left;
	width: 290px;
	padding-left: 5px;
}
#fixFooter li {
	float: left;
	margin-right: 5px;
}
#fixFooter p {
	float: right;
	width: 155px;
	padding-right: 5px;
}
#fixFooter.funcFix .fixArea {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}

/* 回り込み解除
#fixFooter div:after,
#fixFooter ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #fixFooter div,
*:first-child+html #fixFooter ul { zoom: 1; } /* ie7 */
* html #fixFooter div,
* html #fixFooter ul { zoom: 1; } /* ie6 */


/* リッチフッター
------------------------------------------------------------------------------- */
#subFooter .subCol .devTblSmp{ display:none; }

#fixFooter {
	width: 100%;
	min-width: 950px;
	height: 40px;
}
#subFooter {
	width: 100%;
	min-width: 950px;
	padding: 30px 0 25px;
	background-color: #6e6e6e;
}
#subFooter .baseIn {
	padding-top: 5px;
	border-top: 1px solid #8a8a8a;
}
#subFooter .subCol {
	margin-bottom: 6px;
	padding-bottom: 4px;
	border-bottom: 1px solid #8a8a8a;
}
#subFooter p {
	float: left;
	width: 200px;
	font-size: 117%;
	font-weight: bold;
}
#subFooter .subCol div {
	float: right;
	width: 740px;
}
* html #subFooter .subCol div {
	overflow: hidden;
} /* ie6 */
#subFooter .subCol li {
	float: left;
	margin: 0 17px 2px 0;
	font-size: 100%;
	white-space: nowrap;
}

#subFooter .subCol.loc li { float:none; clear:both; }
#subFooter .subCol.loc li li{ float:left; clear:none; }

#subFooter .subCol li span{
	padding: 0 8px;
	background-color: #444;
	color:#fff;
}

#subFooter .subCol.loc li span{ margin-right:1.5em; float:left; }

#subFooter .subCol .devTblSmp { font-size: 0; }
#subFooter .subCol .navWrap {
	float: none;
	width: 740px;
	margin: 0;
	padding-bottom: 11px;
	vertical-align: top;
}
#subFooter .subCol .opSeparate {
	margin-bottom: 6px;
	padding-bottom: 3px;
	border-bottom: 1px solid #8a8a8a;
}
#subFooter .subCol .navWrap span {
	display: block;
	float: left;
	width: 122px;
	padding: 1px 1px 1px 6px;
	color: #fff;
	background-color: #5a5a5a;
}
#subFooter .subCol .navWrap ul {
	float: right;
	width: 600px;
	padding: 1px 0;
}
#subFooter .subCol .external {
	margin: 0;
	padding: 0 12px 0 0;
	background: url(/common/images/rn02/ico_blank01.gif) right center no-repeat;
}
#subFooter p span,
#subFooter a {
	color: #fff;
	text-decoration: none;
}
#subFooter a:hover { text-decoration: underline; }

/* 回り込み解除 */
#subFooter div:after,
#subFooter ul:after,
#subFooter li:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #subFooter div,
*:first-child+html #subFooter ul,
*:first-child+html #subFooter li { zoom: 1; } /* ie7 */
* html #subFooter div,
* html #subFooter ul,
* html #subFooter li { zoom: 1; } /* ie6 */



#subFooter .opConnect li{ font-size:117%; font-weight:bold; }




/* ==

　03. リンクスタイル

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






/* ==

　04. 事例紹介

=============================================================================== */
#caseArea .colBlock01{ margin-bottom: 20px; }
#caseArea .colBlock02{ margin-bottom: 45px; }
#caseArea .colBlock01 div p.linkTxt,
#caseArea .colBlock02 div p.linkTxt{
    border-bottom: medium none;
    font-size: 120%;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 0;
		font-weight: bold;
}
#caseArea .colBlock01 div p.linkTxt a,
#caseArea .colBlock02 div p.linkTxt a{ text-decoration: none; }
#caseArea .colBlock01 div p.linkTxt a:hover,
#caseArea .colBlock02 div p.linkTxt a:hover{ text-decoration: underline; }


#main .casestudy{
	width: 950px;
	margin: 0 auto;
	padding: 0 0 60px;
	clear: both;
}
#main .gallery{
	width: 950px;
	margin: 0 auto;
	padding: 0 0 60px;
	clear: both;
}
#main .casestudy h3,
#main .gallery h3{
	margin: 0 0 5px;
	padding: 0;
	border-left: none;
}

#main .casestudy .col2 p{ margin: 0 0 10px; font-size: 85%; color:#333; }
#main .casestudy .col2 p.hdtxt{
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

#main .casestudy .colBlock01{ margin-bottom: 0; }



/* 大和ハウスの考える○○
------------------------------------------------------------------------------- */
#caseConceptArea{ width: 950px; margin: 0 auto 50px; zoom: 1; }

#caseConceptArea .contFrame02 p.rightImg{ margin: 0 0 20px 20px; float: right; }
#caseConceptArea .contFrame02 p.bgImg{ padding: 10px; background-color: #fff; }

#caseConceptArea .contFrame02 .noteFrame li{ margin-right: 1.5em; white-space: nowrap; float: left; }

#caseConceptArea .contFrame02 .hotelsList{ padding: 0 0 20px; zoom: 1; }
#caseConceptArea .contFrame02 .hotelsList li{
	width: 160px;
	margin: 0 12px 12px;
	font-size: 80%;
	line-height: 1.3;
	text-align:center;
	display: inline;
	float:left;
}
#caseConceptArea .contFrame02 .hotelsList li img{ margin-bottom: 5px; }




/* 事例紹介一覧
------------------------------------------------------------------------------- */
#main .caseList{ width: 950px; margin: 0 auto 50px; zoom: 1; }
#main .caseList h3{
	margin: 0;
	padding: 7px 10px 5px;
	background-color: #333;
	border-left: none;
}
#main .caseList div{ padding: 25px 0 10px 30px; background-color:#f7f7f7; }
#main .caseList div li{
	width: 290px;
	margin: 0 10px 15px 0;
	float: left;
}







/* ==

　05. お問い合わせ

=============================================================================== */
#contactArea{
	margin: 0 0 50px;
	padding: 0 0 50px;
	background-color: #ddd;
}
#contactArea:after{ content:''; display:block; clear:both; }

#contactArea .hdtxt{ padding: 40px 0 30px; text-align: center; }
#contactArea .colBlock01 .col2 p{
	margin: 0 0 25px;
	font-size: 135%;
	color: #333;
	line-height:1.4;
}
#contactArea .colBlock01 .col2 p.linkBtn{ margin-bottom: 12px; }






/* ==

　06. 相談する

=============================================================================== */
#main #consultArea{ width: 730px; margin: 0 auto 40px; }
#consultArea .txt_privacy{
	margin-bottom:10px;
	padding:7px 10px 0;
	background-color:#f0e7db;
	border:1px solid #ccc;
}

#consultArea .privacy p.btn_agree{
	width:234px;
	margin:40px auto;
	text-align:center;
}
#consultArea .privacy p.btn_agree a{
	width:234px;
	height:34px;
	background-image:url(../../images/btn_agree.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
#consultArea .privacy p.btn_agree a span{ display:none; }

#consultArea .privacy p.btn_agree a:link, #consultArea .privacy p.btn_agree a:visited{ background-position:left top; }
#consultArea .privacy p.btn_agree a:hover, #consultArea .privacy p.btn_agree a:active{ background-position:left bottom; }







/* ==

　07. ユニクロ事例紹介

=============================================================================== */
#main .uniqlo_hdImg{
	width:950px;
	margin:0 auto 30px;
	clear:both;
}