@charset "shift_jis";

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

	Footer CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Footer Navi
	
	2.Others Link
	
	3.Copyright

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

#footer {
}


/* 1.Footer Navi
========================================== */
#footer ul#footerNavi {
	position: relative;
}

#footer ul#footerNavi li {
	position: absolute;
	top: 7px;
}

#footer ul#footerNavi li#fnavi01 {left:  645px; width: 52px;}
#footer ul#footerNavi li#fnavi02 {left:  722px; width: 33px;}
#footer ul#footerNavi li#fnavi03 {left: 780px; width: 74px;}
#footer ul#footerNavi li#fnavi04 {left: 878px; width: 52px;}

#footer ul#footerNavi li a {
	display: block;
	height: 12px;
	background: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/* Default */
#footer ul#footerNavi li#fnavi01 a {background-image: url(../../i/base/fnavi_btn_01_blue.gif);}
#footer ul#footerNavi li#fnavi02 a {background-image: url(../../i/base/fnavi_btn_02_blue.gif);}
#footer ul#footerNavi li#fnavi03 a {background-image: url(../../i/base/fnavi_btn_03_blue.gif);}
#footer ul#footerNavi li#fnavi04 a {background-image: url(../../i/base/fnavi_btn_04_blue.gif);}

/* Blue */
body.blue #footer ul#footerNavi li#fnavi01 a {background-image: url(../../i/base/fnavi_btn_01_blue.gif);}
body.blue #footer ul#footerNavi li#fnavi02 a {background-image: url(../../i/base/fnavi_btn_02_blue.gif);}
body.blue #footer ul#footerNavi li#fnavi03 a {background-image: url(../../i/base/fnavi_btn_03_blue.gif);}
body.blue #footer ul#footerNavi li#fnavi04 a {background-image: url(../../i/base/fnavi_btn_04_blue.gif);}

/* Pink */
body.pink #footer ul#footerNavi li#fnavi01 a {background-image: url(../../i/base/fnavi_btn_01_pink.gif);}
body.pink #footer ul#footerNavi li#fnavi02 a {background-image: url(../../i/base/fnavi_btn_02_pink.gif);}
body.pink #footer ul#footerNavi li#fnavi03 a {background-image: url(../../i/base/fnavi_btn_03_pink.gif);}
body.pink #footer ul#footerNavi li#fnavi04 a {background-image: url(../../i/base/fnavi_btn_04_pink.gif);}

#footer ul#footerNavi li a:hover {background-position: 0 -12px;}


/* 2.Others Link
========================================== */
#footer .othersLink {
	position: relative;
	z-index: 100;
	margin: 0 15px 0 0px;
	padding: 3px 0 0;
	width: 600px;
}

/*\ for Safari */
html*#footer                 .othersLink {padding: 5px 0 0;} /* for Safari IE6 IE7 */
* html #footer               .othersLink {padding: 3px 0 0;} /* Reset IE6 */
*:first-child + html #footer .othersLink {padding: 3px 0 0;} /* Reset IE7 */

#footer .othersLink ul {
	display: table;
	margin: 0 auto 1px 15px;
	text-align: left;
}

#footer .othersLink ul li {
	display: table-cell;
	padding: 0 0 0 20px;
	font-size: 92.4%;
	line-height: 1.666;
	text-align: left;

}

#footer .othersLink li .category_l a{
	display: block;
	font-weight: bold;
	border-left: 4px solid white;
	padding-left: 5px;
	font-size: 12px;
	}



/* for Safari IE6 IE7 */
html*#footer .othersLink ul li {
	padding: 0 0 0 16px;
}
/* IE6 Only */
* html #footer .othersLink ul li {
	display: inline;
	padding: 0 0 0 20px;
	zoom: 1;
}
/* IE7 Only */
*:first-child + html #footer .othersLink ul li {
	display: inline;
	padding: 0 0 0 20px;
	zoom: 1;
}

#footer .othersLink ul li a       {color: #FFF;}
#footer .othersLink ul li a:hover {color: #FFCC00;}


/* 3.Copyright
========================================== */
#footer p#copyright {
	position: relative;
	z-index: 50;
	margin: -1.091em 15px 0 445px;
	color: #FFF;
	font-size: 84.7%;
	line-height: 1.455;
}
/* Safari2 Only \*/
html:\66irst-child #footer p#copyright {padding: 0 0 2px;}/**/

.narrow #footer p#copyright {
	margin: 0 0 0 15px;
}

#changeDevice 
{
    padding: 10px 0px 10px 0px;
	clear: both;
	text-align: center;
}
#changeDevice p {
	font-size: 100%;
}