@charset "utf-8";


/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. 基本
　01. ヘッダー
　02. グローバルナビ
　03. サブフッター
　04. フッター
　99. コンバージョンエリア

******************************************************************************* */

/* ==

　00. 基本

================================================================================================= */
#topicPath .baseIn{ width:1120px; min-height:24px; margin:0 auto; position:relative; }
#main{ width:auto; padding:0; }
#main div:after{ content:''; display:block; clear:both; }
.inner{
	width:1120px;
	margin:0 auto;
	zoom:1;
	clear:both;
}

/* ==

　01. ヘッダー

================================================================================================= */
#header{
	min-width:1120px;
	padding:0 40px;
	background-color:#fff;
	zoom:1;
	clear:both;
}
#header:after, #header .inner:after{ content:''; display:block; clear:both; }
#header .logo_securea{
	padding:34px 0;
	font-size:100%;
	float:left;
}
#header div.logo_daiwahouse{
	padding:32px 0;
	float:right;
}



/* ==

　02. グローバルナビ

================================================================================================= */
.nSubHeader {
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: 72px;
	background-color: #1c2538;
}
.nSubHeader.nSubHeader-fix {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
}
.nSubHeader .nSubHeader_in {
	max-width: 1120px;
	margin: 0 auto;
	color: #fff;
}
.nSubHeader .nSubHeader_nav {
	float: left;
}
.nSubHeader .nSubHeader_nav-n1{ width:142px; margin-right:20px; }
.nSubHeader .nSubHeader_nav-n2{ width:172px; margin-right:34px; }
.nSubHeader .nSubHeader_nav-n3{ width:200px; margin-right:18px; }
.nSubHeader .nSubHeader_nav-n4{ width:230px; margin-right:26px; }
.nSubHeader .nSubHeader_nav-n5{ width:277px; }
.nSubHeader .nSubHeader_nav a,
.nSubHeader .nSubHeader_nav span {
	display: block;
	position: relative;
	line-height: 72px;
	padding: 1px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	cursor:pointer;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.nSubHeader .nSubHeader_nav span:hover,
.nSubHeader .nSubHeader_nav a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/* メガメニュー
------------------------------------------------------------------------------- */
.megaMenu {
	position: absolute;
	top: 72px;
	left: 0;
	width: 100%;
	min-width: 950px;
	height: 0;
	background-color: #f4f4f4;
	z-index: 9;
	overflow: hidden;
	box-sizing: border-box;
	transition: height 0.4s ease;
}
.megaMenu:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #dcdcdc;
	z-index: 9999;
}
.nSubHeader .megaMenu_item {
	display: none;
}
.nSubHeader .megaMenu_head {
	position: relative;
	max-width: 1200px;
	margin: 0 auto 20px;
	padding: 0 20px;
	box-sizing: border-box;
}
.nSubHeader .megaMenu_tit {
	height: 49px;
	line-height: 49px;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
}
.nSubHeader .megaMenu_btn {
	position: absolute;
	top: 50%;
	right: 30px;
	width: 19px;
	height: 19px;
	margin: -9px 0 0;
	background: url(/bunjo/common/images/ico_close01.png) left top no-repeat;
	cursor: pointer;
}
.nSubHeader .megaMenu_body {
	max-width: 1200px;
	margin: 0 auto;
	padding: 4px 20px 13px;
	box-sizing: border-box;
}
.nSubHeader .megaMenu_list { font-size:100%; }
.nSubHeader .megaMenu_list li {
  display: block;
  float: left;
  height: auto;
  margin: 0 35px 0 0;
  padding: 0 0 10px;
  white-space: nowrap;
}
.nSubHeader .megaMenu_list li a{
		padding-right: 15px;
		background:url(/bunjo/common/images/ico_arrow03.png) right center no-repeat;
}
.nSubHeader .megaMenu_body:after { content: ''; display: block; clear: both; height: 0; }


/* ==

　03. サブフッター

================================================================================================= */
#subFooter{
	min-width:1120px;
	padding:32px 40px;
	background-color:#fff;
	border-top:1px solid #e6e6e6;
	zoom:1;
	clear:both;
}
#subFooter .baseIn{ width:1120px; margin:0 auto; clear:both; }

#subFooter:after, #subFooter .baseIn:after, #subFooter dl:after{ content:''; display:block; clear:both; }


#subFooter dt{
	width:160px;
	font-size:124%;
	display:table-cell;
	vertical-align:middle;
	/float:left;
}
#subFooter dd{
	width:927px;
	padding-left:32px;
	border-left:1px solid #e6e6e6;
	display:table-cell;
}
#subFooter dd li{
	margin:8px 0;
	margin-right:48px;
	float:left;
}
#subFooter dd li a{
	padding-right:14px;
	background:url(/bunjo/common/images/ico_arrow03.png) right center no-repeat;
	-webkit-background-size: 6px 12px;
	-moz-background-size: 6px 12px;
	background-size: 6px 12px;
	color:#333;
	text-decoration:none;
	display:inline-block;
}
#subFooter dd li a:hover{ color:#948655 }


/* ==

　04. フッター

================================================================================================= */
#footerArea {
	min-width:1120px;
	padding:0 40px;
	border-top:1px solid #e6e6e6;
	overflow:visible;
	position:relative;
}
#footerArea:after{ content:''; display:block; clear:both; }

#ftBtn_toTop{
	width:1120px;
	margin:0 auto;
	position:relative;
}
#ftBtn_toTop div{
	position:absolute;
	top:-64px;
	right:0;
}
#ftBtn_toTop div a{
	background-color:#000;
	display:block;
}
#ftBtn_toTop div a:hover{ background-color:#333; }



#footerArea a {
	color: #4d4d4f;
	text-decoration: none;
}

#footerArea a:hover { text-decoration: underline; }

#footerArea .areaInner {
	position: relative;
	width: 1120px;
	min-height:100px;
	margin: 0 auto;
}


#footerArea .areaInner .column1 {
	float: left;
	width: 460px;
	padding: 24px 0 0 0;
}

#footerArea .areaInner .column1 ul {
	line-height: 1.3;
	margin-bottom: 12px;
	overflow: hidden;
}

#footerArea .areaInner .column1 li {
	display: inline;
	float: left;
	margin: 0 15px 0 -7px;
	padding-left: 8px;
	border-left: 1px solid #4d4d4f;
	font-size: 12px;
}

#footerArea .areaInner .column1 .navBtm li { font-size: 11px; }

#footerArea .areaInner .column2 {
	float: right;
	width: 375px;
	line-height: 1;
	padding-top: 24px;
	text-align: right;
}

#footerArea .areaInner .column2 p {
	line-height: 1.1;
	color: #4D4D4F;
	font-size: 11px;
	margin-bottom: 13px;
}





/* ==

　99. コンバージョンエリア

================================================================================================= */
.cvBlock{ min-width:1200px; padding:56px 0; }
.cvBlock .inner{ width:1120px; }
.cvBlock .inner:after{ content:''; display:block; clear:both; }

.cvBlock div.btn01{ width:544px; margin-right:32px; display:table; float:left; }
.cvBlock div.btn02{ width:544px; display:table; float:left; }

.cvBlock div.btn01 a, .cvBlock div.btn02 a{
	height:105px;
	padding:5px 0 0;
	border:1px solid #fff;
	font-size:28px;
	line-height:1.4;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
	color:#fff;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	display:table-cell;
}
.cvBlock div.btn01 a:hover, .cvBlock div.btn02 a:hover{
	background-color:#978a5b;
}
.cvBlock div a span{ font-size:57%; display:block; }





