@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/accessibility.css";
@import "extension/noscript.css";
@import "extension/fnav/normal.css";
@import "extension/logtag.css";

/**
 * 2. html, body
 */
	body {
		background-color: #fff;
		background-image: url(../imgs/bg.jpg);
		background-repeat: repeat;
		background-position: center top;
	}
	.page {
		color: #666666;
		font-size: 12px;
		line-height: 18px;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		/*dont use <h1> selector*/
	}
	.contentTitle {
		/*dont use <h2> selector*/
	}
	.section .title {
		/*dont use <h3> selector*/
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/**
 * 4. Layout
 */
	body #container {
		width: 970px;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
	body #containerInner01 {
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: no-repeat;
		background-position: center top;
	}
	body #containerInner02 {
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	body #gNavList li {
        float: left;
    }
	body #gNavList li img {
        vertical-align: top;
    }
    body #gNav {
        padding: 40px 40px 0px;
        width: 880px;
        height: 56px;
        background: url(../imgs/bg-nav.png) center top no-repeat;
    }
    body #gHeader {
        padding: 20px 0 10px;
    }
    body #index #gHeader {
	   padding: 0;
	   position: relative;
	   width: 970px;
	   height: 650px;
	   margin-bottom: 5px;
	}
	body #index #gHeader #gNav {
	   position: absolute;
	   top: 563px;
	   left: 0;
    }
    body #mainContent {
        width: 900px;
        margin: 0 auto;
    }
    body #gFooter {
        margin-top: 20px;
        text-align: left;
        padding: 20px;
    }
    body #gFooter {
        width: 900px;
        margin: 0 auto;
        background: url(../imgs/bg-foot.png) center top no-repeat;
        margin-top: 20px;
        text-align: left;
        padding: 20px 0;
    }
    body #index #gFooter {
        padding-top: 0px;
        padding-bottom: 10px;
        background: none;
    }
    body #gFooterIn {
        padding:0 20px 20px;
        background: url(../imgs/bg-foot.png) center bottom no-repeat;
    }
    body #gFooter address {
        width: 252px;
        height: 14px;
        display: block;
        text-align: left;
        text-indent: -9999px;
        background: url(../imgs/copyright.png) center top no-repeat;
    }
    body #index #gFooter address {
        margin: 0 auto;
    }
/**
 * 5. EachPageStyle
 */
/* pageID */
    body #index #newsList {
        margin-left: 30px;
        width: 550px;
    }
    body #index #newsList li {
        position: relative;
        padding-left: 5em;
        text-align: left;
    }
    body #index #newsList li span.newsDate {
        position: absolute;
        left: 0;
        top: 0;
    }
    
    body #shoptour #canvas {
        height: 410px;
        width: 610px;
        background: url(../../shoptour/imgs/bg-photo.png) center top no-repeat;
    }
    body #shoptour #canvas .photos {
        display: none;
    }
    body #shoptour #canvas #photo05 {
        display: block;
    }
     body #schedule div#calBODY {
		width: 580px;
		padding-left: 300px;
     }
     body #schedule div#calre {
        position: relative;
        z-index: 100;
    }
     body #schedule ul#cal {
        width: 280px;
        position: absolute;
		top: 220px;
        left: 0;
    }
    body #schedule #cal li {
        width: 40px;
        padding: 10px 0;
        float: left;
        text-align: center;
        color: #999;
    }
    body #schedule #cal li a {
        color: #666666;
        font-weight: bold;
    }
    body #schedule #cal li#firstDay {
        margin-left: 40px;
    }
    body #schedule #schedules {
        width: 580px;
    }
    body #schedule #schedules h4 {
        padding: 5px  0;
        font-size: 14px;
        color: #fff;
        background: #999;
        padding-left: 5px;
        margin-bottom: 10px;
    }
    #schedules li {
        margin-bottom: 20px;
    }
    a {
        color: #666;
    }