@charset "utf-8";

/*----------------------------------------------------*/ 
/* CSS Index

- 
------------------------------------------------------*/

#footer_local {
	background:url(/files/user/img/brand/line_dbl_01.gif) repeat-x;
	padding:32px 0 30px;
}

#footer_local .brand {
	width:914px;
	margin:0 auto 40px;
	overflow:hidden;
}

#footer_local .brand .about {
	width:424px;
	float:left;
	background:url(/files/user/img/brand/line_dbl_02.gif) repeat-x;
	padding-top:12px;
}

#footer_local .brand .about li {
	margin-bottom:10px;
	font-size:93%;
}

#footer_local .brand .about li.this {
	padding-bottom:12px;
	background:url(/files/user/img/brand/line_dbl_02.gif) repeat-x left bottom;
}

#footer_local .brand .about li a {
	padding-left:15px;
	background:url(/files/user/img/common/icon_arrow_08.gif) no-repeat left center;
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#333;
}


#footer_local .brand .bnr {
	float:left;
	margin-left:36px;
	overflow:hidden;
}

#footer_local .brand .bnr li {
	margin-left:20px;
	float:left;
}

#footer_local .magazine {
	padding-top:22px;
	background:url(/files/user/img/brand/line_dbl_02.gif) repeat-x;
	width:916px;
	margin:0 auto;
}

#footer_local .magazine ul {
	overflow:hidden;
	border-top:solid 1px #E4E2E1;
	border-right:solid 1px #E4E2E1;
	background-color:#FFF;
}

#footer_local .magazine li {
	border-bottom:solid 1px #E4E2E1;
	border-left:solid 1px #E4E2E1;
	width:182px;
	height:54px;
	float:left;
}

#footer_local .magazine li a {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:182px;
	height:54px;
}



#footer {
	border-top:1px solid #C9C9C9;
	padding-top:20px;
	background-color:#FFF;
}

#footer div.footer_link {
	background:url(/files/user/img/common/footer_line.gif) left bottom repeat-x;
	margin:0 10px;
	text-align:left;
	padding-bottom:15px;
	position:relative;
}

#footer dl.footer_dl {
	margin-bottom:15px;
	position:relative;
}
#footer dl.footer_dl:after {	content:".";}

#footer dl.footer_dl dt {
	height:24px;
	left:4px;
	position:absolute;
	top:0;
	width:160px;
	z-index:2;
}

#footer dl.footer_dl dd {
	display:block;
	font-weight:bold;
	margin-left:167px;
	padding-top:10px;
}

#footer dl.footer_dl dd ul {
	overflow:hidden;
}

#footer dl.footer_dl dd ul li {
	background:url(/files/user/img/common/icon_arrow_08.gif) 18px 0.3em no-repeat;
	float:left;
	padding-left:33px;
}

#footer div.footer_link div {
	height:60px;
	position:absolute;
	right:0;
	top:4px;
	width:74px;
	z-index:3;
}

#footer ul.footer_ul {
	margin-left:4px;
	width:550px;
}

#footer ul.footer_ul li {
	color:#D0D0D0;
	display:inline-block;
	/display:inline;
	/zoom:1;
	line-height:1.8;
}

/*----------------------------------------------------*/ 
/* socialbutton
------------------------------------------------------*/ 

#socialbutton {
	margin : 15px 0 36px 14px;
	position:relative;
}
#socialbutton:after {	content:".";}

#socialbutton li {
	display:inline-block;
	vertical-align:middle;
	/display: inline;
	/zoom: 1;
}

#socialbutton li.googlep { position:absolute; top:0; left:0px;}
#socialbutton li.twitter {	position:absolute;	top:0;	left:81px;}
#socialbutton li.facebook { position:absolute; top:0; left:181px;}
#socialbutton li.gree { position:absolute; top:0; left:346px;}
#socialbutton li.mixi { position:absolute; top:1px; left:288px;}
#socialbutton li.hatena { position:absolute; top:0; left:368px;}


div.footer_common {
	border-bottom:10px solid #00A6EA;
	border-top:3px solid #00A6EA;
	text-align:left;
}

/*----------------------------------------------------*/ 
/* GlobalFooter
------------------------------------------------------*/ 

#GlobalFooter {
	padding:8px 0 10px;
	border-top:solid 3px #2798e3;
	border-bottom:solid 10px #2798e3;
	line-height: 1.5;
}

#FooterLogo {
	width: 100px;
	float: left;
	padding-top: 30px;
	text-align: center;
}

#FooterService {
	margin-left: 10px;
	overflow:hidden;
}

#FooterServiceHead {
	margin-bottom: 8px;
}

#GlobalFooter .FooterTitle {
	float: left;
	font-size: 117%;
	font-weight: bold;
	color: #333;
}

#GlobalFooter #FooterServiceHead p.FooterHeadLink {
	text-align: right;
}

#GlobalFooter #FooterServiceHead p.FooterHeadLink a {
	float: right;
	padding-right: 20px;
	color: #09F !important;
}
#GlobalFooter #FooterServiceHead p.FooterHeadLink img {
	vertical-align: text-top;
}
#FooterServiceCont {}

#FooterServiceCont dl {
	padding: 1px 0 0;
	background:url(/files/user/img/common/footer_fline_blue.gif) repeat-y 100px;
}

#FooterServiceCont dl dt {
	width: 100px;
	float: left;
	padding-bottom: 10px;
	margin-right: 15px;
	color: #2798e3;
}

#FooterServiceCont dl dd {
	float: left;
	margin: 0 10px 3px 0;
	padding: 0 9px 0 0;
	border-right: 1px solid #999;
	white-space: nowrap;
}

#FooterServiceCont dl dd a:hover {
	text-decoration: underline;
}

#FooterServiceCont dl dd.last {
	border-right: none;
}

#FooterCorp {
	clear: both;
}

#FooterCorpInfo {
	float: left;
	width: 900px;
	margin: 10px 0 0 0;
	padding-top: 5px;
	border-top: 1px solid #2798e3;
	display: inline; /* dobble margin bugfix for ie6 */
}

#FooterCorpId {
	width: 300px;
	float: left;
}

#FooterCorpName {
	width: 100px;
	float: left;
	margin-top: 2px;
}

#copyright {
	width: 190px;
	float: left;
	margin: 3px 0 0 10px;
	font-size:81.6%;
	color: #333;
	line-height: 1.2;
}

#FooterCorpLink {
	float: left;
}

#FooterCorpLink ul li {
	float: left;
	margin: 0px 10px 7px 0;
	padding: 3px 9px 0px 0;
	border-right: 1px solid #999;
	font-size: 85%;
	line-height: 1.2;
}

#FooterCorpLink ul li.last {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

#privacy {
	width: 50px;
	float: left;
	margin: -15px 0 10px 10px;
	display: inline; /* dobble margin bugfix for ie6 */
}

#GlobalFooter a {
	color: #666666;
	text-decoration: none;
}

#GlobalFooter a:hover {
	color: #666666;
	text-decoration: underline;
}


/*----------------------------------------------------*/ 
/* ウインドウサイズ 994px以下
------------------------------------------------------*/ 

@media screen and (max-width: 997px){
#footer {
	width:997px;
}
}

/*----------------------------------------------------*/ 
/* ウインドウサイズ 997px固定
------------------------------------------------------*/ 

.simple #footer {
	width:997px;
	margin-right:auto;
	margin-left:auto;
}

.simple #footer div.footer_link {
	background:none;
	padding-bottom:10px;
}


