@charset "utf-8";

@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/fnav.css";
@import "extension/add.css";
@import "extension/ci/ci.css";

	body {
		background: #fff;
	}
	.page {
		color: #333333;
		font-size: 12px;
		line-height: 18px;
	}

/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		color: #666666;
		text-decoration: underline;
	}
	a:hover {
		color: #666666;
		text-decoration: none;
	}

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

/* fList */
	.fList li {
		float: left;
	}
	.fList li img {
		vertical-align: top;
	}

/* position */
	.relative {
		position: relative;
	}
	.absolute {
		position: absolute;
	}

/* wrap */
	.wrap {
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	.base .wrap {
		width: 960px;
	}

/* fixBnr */
	#fixBnr {
		width: 100%;
		position: fixed;
		bottom: 0px;
	}
	#fixBnr .inner {
		width: 600px;
		float: right;
		position: relative;
	}
	#fixBnr .inner .bt01 {
		position: absolute;
		top: 11px;
		right: 323px;
	}
	#fixBnr .inner .bt02 {
		position: absolute;
		top: 11px;
		right: 209px;
	}
	#fixBnr .inner .close {
		position: absolute;
		top: 0;
		right: 0;
	}


/**
 * 4. Layout
 */

/* header */
	#header {
		padding-bottom: 15px;
		background: #fff;
	}
	#header .wrap {
		text-align: center;
		padding-top: 50px;
	}
	/* seo text */
	#hText {
		position: absolute;
		top: 5px;
		left: 10px;
		color: #999999;
		font-size: 10px;
		line-height: 12px;
	}
	/* header cv button */
	#hNav li {
		position: absolute;
		top: 0;
		right: 0;
	}
	/* navi */
	#nav {
		clear: both;
		background: url(../imgs/bg-nav.gif) repeat-x 50% 0;
	}
	#nav .wrap {
		width: 540px;
	}

/* main */
	#wrap {
		background: #f1f1f1 url(../imgs/bg-wrap.gif) repeat 50% 0;
	}
	#inner {
		padding: 20px 0 10px;
		background: url(../imgs/bg-inner.gif) repeat-x 50% 0;
	}

	/* container */
	#container {
		clear: both;
		width: 960px;
		margin: 0 auto;
		text-align: left;
	}
	.base #container {
		width: 960px;
	}
	/* section */
	.section {
		clear: both;
		margin-left: auto;
		margin-right: auto;
	}
	.base .section {
		width: 960px;
	}
	/* page top */
	.pagetop {
		clear: both;
		text-align: right;
	}
	.pagetop a {
		padding-left: 18px;
		color: #666666;
		font-size: 10px;
		text-decoration: underline;
		line-height: 13px;
		background: url(../imgs/bg-pagetop.gif) no-repeat 0 50%;
	}
	.pagetop a:hover {
		padding-left: 18px;
		text-decoration: none;
		background: url(../imgs/bg-pagetop_ov.gif) no-repeat 0 50%;
	}

/* footer */
	#footer {
		clear: both;
		background: #fff;
	}

/* pop */


/**
 * 5. EachPageStyle
 */
/* top */
	#top #inner {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	/* bt area */
	#top #btArea li {
		width: 174px;
		position: relative;
		padding: 4px;
		border: 1px #dddddd solid;
		background: #ffffff;
		overflow: hidden;
	}
	#top #btArea li a {
		display: block;
		position: relative;
		width: 174px;
		overflow: hidden;
	}
	#top #btArea li img.ov {
		position: absolute;
		bottom: -64px;
		left: 0;
	}
	#top #btArea li.bt01 a {
		height: 405px;
	}
	#top #btArea li.bt02 a {
		height: 300px;
	}
	#top #btArea li.bt03 a {
		height: 405px;
	}
	#top #btArea li.bt04 a {
		height: 170px;
	}
	#top #btArea li.bt05 a {
		height: 286px;
	}
	#top #btArea li.bt06 a {
		height: 386px;
	}
	#top #btArea li.bt07 a {
		height: 495px;
	}
	#top #btArea li.bt08 a {
		height: 410px;
	}
	#top #btArea li.bt09 a {
		height: 166px;
	}
	#top #btArea li.bt10 a {
		height: 386px;
	}
	#top #btArea li.bt11 a {
		height: 166px;
	}
	#top #btArea li.bt12 a {
		height: 296px;
	}
	#top #btArea li.bt13 a {
		height: 410px;
	}
	#top #btArea li.bt14 a {
		height: 200px;
	}

/* gallery */
	#gallery #slideArea {
		width: 960px;
		overflow: hidden;
	}