@charset "utf-8";
/**
 * base.css 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 *
 */
/**
 * 1. import
 */

/* initialize */
  @import "reset.css";
  @import "util.css";

/**
 * 2. html, body
 */

/* body */
    body,html{
        width:100%;
        height: 100%;
    }

	body.base {
		background: #FFF;
	}


/**
 * 3. HTMLtag, siteCommonClass
 */

/* a */
	a {
		text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
	}

/* img */
	li img, dt img {
		vertical-align: top;
	}

/**
 * 4. Layout
 */
 
/* page */
	.page {
		color: #FFF;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 12px;
		line-height: 1.5;
	}
 
/* container */
	#container {
		width: 100%;
		margin: 0 auto;
	}
 
/* header */
	#header {
		position: relative;
		width: 960px;
	}
	#header #hdrLogo {
		position: absolute;
		top: 15px;
		left: 15px;
	}
	#header a#btnFactory {
		/*display: block;*/
		display: none;
		position: absolute;
		top: 71px;
		right: 29px;
	}
	#header a#volume {
		display: none;
		position: absolute;
		top: 8px;
		right: 9px;
	}
	#header ul#nav {
		width: 960px;
		height: 59px;
		background: url(../imgs/bg-nav.gif) repeat-x left bottom;
	}
	#header ul#nav li {
		float: left;
	}
	
	

/* content */
	#content {
		width: 960px;
	}

/* footer */
	#footer {
		padding: 40px 0;
		color: #666;
		font-size: 83%;
	}
	#footer a {
		color: #666;
		text-decoration: none;
	}
	#footer a:hover {
		color: #666;
		text-decoration: underline;
	}
	#footer #fContact {
		position: relative;
		float: right;
		width: 755px;
	}
	#footer #fContact ul {
		position: absolute;
		width: 735px;
		height: 95px;
		top: 60px;
		left: 10px;
	}
	#footer #fContact ul li {
		float: left;
	}
	#footer #ftrLogoArea {
		clear: both;
		width: 960px;
		margin: 30px 0 20px;
		padding-top: 20px;
		border-top: #262626 solid 1px;
	}
	#footer #ftrLogoArea #pageTop {
		float: right;
	}
	#footer #ftrLogoArea #pageTop a {
		display: inline-block;
		padding-right: 15px;
		background: url(../imgs/icon-top.gif) no-repeat right center;
	}
	#footer #ftrLogoArea #ftrLogo {
		float: left;
		margin-right: 10px;
		padding-right: 10px;
		background: url(../imgs/kkk_t.gif) repeat-y right top;
	}
	#footer #ftrLogoArea #ftrLogo a, #footer #ftrLogoArea #ftrLogo a:hover {
		display: inline-block;
		padding-left: 20px;
		background: url(../imgs/icon-logo.gif) no-repeat left center;
		color: #fff;
	}
	#footer #fNav {
		float: left;
		height: 15px;
	}
	#footer #fNav li {
		float: left;
		margin-right: 20px;
	}
	#footer #fNav li a {
		display: inline-block;
		padding-left: 17px;
		background: url(../imgs/icon-right.gif) no-repeat left center;
	}
	#footer #fNav li a.contact {
		background-image: url(../imgs/icon-contact.gif);
	}
	#footer #fNav li a.store {
		background-image: url(../imgs/icon-store.gif);
	}
	#footer #copyright {
		text-align: right;
	}


    .logW{
        color:#FFF;
        display: none;
    }
    .logB{
        color:#000;
        display: none;
    }