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

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

/* baselayout */
  @import "ext/layout/2col-main-aside.css";
  /*@import "ext/layout/2col-aside-main.css";*/
  /*@import "ext/layout/1col.css";*/

  @import "ext/fonts/sans-serif.css";
  @import "ext/fonts/typograph.css";

/* extension */
  @import "ext/util/accessibility.css";
  @import "ext/util/logtag.css";
  @import "ext/util/fnav/left.css";
  @import "ext/util/box.css";
  @import "ext/util/clearfix.css";
  @import "ext/util/float.css";
  @import "ext/util/margin-padding.css";
  @import "ext/util/nav.css";
  @import "ext/util/textalign.css";
  @import "ext/util/wrapper.css";

/**
 * 2. html, body
 */

/* body */
	body {
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
		padding-bottom: 0;
	}
	
/* .page */	
	.page {
    font-size: 12px;
    line-height: 1.5;
		color: #333;
	}


/**
 * 3. HTMLtag, siteCommonClass
 */

/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		color: #333;
	}
	a:visited {}
	a:hover, a.on, .on a {
		text-decoration: none;
	}
	a:active {}

/* selection */
  ::-moz-selection{
    background: #b6d6fb;
    color: #121212;
    text-shadow: none;
  }
  ::selection {
    background: #b6d6fb;
    color: #121212;
    text-shadow: none;
  }

	.snav {
		margin-left: auto;
		margin-right: auto;
	}
	.snav li {
		float: left;
	}
/* floatBnr */
	#float,
	#floatArea {
		width: 180px;
		height: 190px;
	}
	#float {
		position: absolute;
		right: 320px;
		top: 170px;
		width: 10px;
		height: 10px;
	}
	#floatArea {
		position: absolute;
		left: 0px;
		top: 0px;
		cursor: move;
	}

/**
 * 4. Layout
 */
/* BASE WIDTH */
	.wrapper { width: 920px; }
	.page { min-width: 940px; }
	.Swrapper {
		width: 860px;
		margin: 0 auto;
		clear: both;
	}
	.pop .wrapper { width: 560px; }
	.pop .page { min-width: 580px; }

/* Header */
	#Header {
		padding-top: 10px;
		margin-bottom: 40px;
	}
	#Header .description {
		font-size: 10px;
		line-height: 15px;
		text-align: right;
		margin-bottom: 15px;
		color: #999;
	}
	#Header #hgroup {
		margin-bottom: 25px;
	}
	#Header #hgroup .title {
		float: left;
	}
	#Header #hgroup #hNav {
		float: right;
		width: 554px;
	}
	#Header #gNav {
		clear: both;
	}
	
/* Container */
	#Container {
		margin: 0 auto 30px;
		text-align: left;
	}
	
/* Footer */
	#Footer {
		clear: both;
		padding-bottom: 10px;
	}
	#Footer #LinksArea {
		width: 465px;
		float: right;
		text-align: right;
	}
	#Footer #LinksArea ul {
		float: right;
		margin-bottom: 10px;
	}
	#Footer #LinksArea li a {
		background: transparent url(../imgs/icon-01.gif) no-repeat left 3px;
		display: block;
		padding-left: 9px;
	}
	#Footer #LinksArea li {
		margin-left: 10px;
	}
	#Footer #LinksArea .copyright {
		padding-top: 5px;
	}

/* Article */
	#Article {}

/* ArticleMain */
	#ArticleMainHeader {
		width: 860px;
		margin: 0 auto 40px;
	}

/* ArticleFooter */
	#ArticleFooter {}

	#ArticleFooterNavArea {
		font-size: 10px;
		width: 860px;
		margin: 0 auto;
	}

/* PUBLIC CSS */
	.section {
		clear: both;
	}
	.relative {
		position: relative;
	}
	.absolute {
		position: absolute;
	}

/* POP */
	.pop #Header {
		padding-top: 35px;
	}
	.pop #Header #hgroup #hNav {
		width: 250px;
	}