@charset "utf-8";

/*============================================================
 Footer
============================================================*/
.globalFooter {
	position: relative;
}

.gfContents {
	padding: 45px 30px 30px;
	border-top: 1px solid #D3D4D5;
	background: #F3F4F5; /* Old browsers */
	background: -moz-linear-gradient(top, #F3F4F5 0%, #FFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F4F5), color-stop(100%,#FFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F3F4F5 0%,#FFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F3F4F5 0%,#FFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #F3F4F5 0%,#FFF 100%); /* IE10+ */
	background: linear-gradient(to bottom, #F3F4F5 0%,#FFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F4F5', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
	zoom: 1;
}

.gfNavContainer {
	width: 100%;
	min-width: 940px;
	max-width: 1220px;
	margin: 0 auto;
}

.gfNavContainer td.gfncCol {
	width: 20%;
	border-left: 1px solid #E3E4E5;
}

.gfNavContainer td.gfncCol.gfncCategotyCol {
	width: 40%;
}

.gfNav:after {
	content: "";
	display: table;
	clear: both;
}

.gfNav .gfnTitle {
	font-size: 13px;
	font-weight: bold;
	padding-left: 15px;
}

.gfNav .gfnBlockContainer {
	width: 100%;
}

.gfNav .gfnBlockContainer td.gfnCol {
	width: 50%;
}

.gfNav .gfnBlock {
	float: left;
	font-size: 11px;
	padding-right: 15px;
	padding-left: 15px;
}

.gfNav .gfnBlock li {
	margin-top: 5px;
}

.gfBottomNav {
	margin-top: 30px;
	text-align: center;
}

.gfBottomNav .gfLogo {
	background: url(../img/logoYodobashi.png) no-repeat 0 -30px;
	display: block;
	width: 140px;
	height: 20px;
	margin: 0 auto;
}

.gfBottomNav .gfLineNav {
	margin-top: 10px;
}

.gfBottomNav .gfLineNav li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size: 11px;
	margin-left: 15px;
}

.gfBottomNav .gfLineNav li:first-child {
	margin-left: 0;
}

.gfBottomNav .copyright {
	font-size: 11px;
	margin-top: 10px;
}

.globalFooter .toTopNav {
	position: absolute;
	top: 0;
	bottom: auto;
	right: 10px;
	display: block;
	background: #FFF;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #D3D4D5;
	border-radius: 0 0 3px 3px;
	padding: 5px 10px;
	text-decoration: none;
	text-align: center;
	color: #333;
	font-size: 10px;
}

.globalFooter .toTopNav.fixedNav {
	position: fixed;
	top: auto;
	bottom: 0;
	right: 10px;
	border-width: 1px 1px 0 1px;
	border-radius: 3px 3px 0 0;
	z-index: 9000;
}

/* New */

.gfNav {
   padding: 0 40px;
}

.globalFooter .gfNav h3{
    font-size: 12px;
    font-weight:bold;
}

.gfContentsOuter {
    padding: 40px 40px 20px;
    border-top: 1px solid #D3D4D5;
    background: #F3F4F5; /* Old browsers */
    background: -moz-linear-gradient(top, #F3F4F5 0%, #FFF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F4F5), color-stop(100%,#FFF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F3F4F5 0%,#FFF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F3F4F5 0%,#FFF 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F3F4F5 0%,#FFF 100%); /* IE10+ */
    background: linear-gradient(to bottom, #F3F4F5 0%,#FFF 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F4F5', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
    zoom: 1;
}

.gfContentsOuter .gfNavContainerInner.clearfix .gfncCol.gfncCategotyCol.colL {
    width: 39%;
}

.gfContentsOuter .gfNavContainerInner.clearfix .gfncCol.gfncCategotyCol.colL .gfNav {
    border-left: 1px solid #ccc;
    padding: 0 20px 0 10px;
    margin: 30px 0 0;
}

.gfContentsOuter .gfNavContainerInner.clearfix .gfncCol.gfncCategotyCol.colL .gfNav:first-child {
    margin: 0 !important;
}

.gfContentsOuter .gfNavContainerInner.clearfix .gfncCol.colL.col5 .gfNav {
    border-left: 1px solid #ccc;
    padding: 0 20px 0 10px;
    margin: 30px 0 0;
}

.gfContentsOuter .gfNavContainerInner.clearfix .gfncCol.colL.col5 .gfNav:first-child {
    margin: 0 !important;
}

.gfNavContainerInner {
    max-width: 100%;
    margin: 0 auto;
}

.gfNavContainerInner .gfncCol {
    width: 20%;
}

.gfNavContainerInner .gfncCol.gfncCategotyCol {
    width: 40%;
}

/* /New */