@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: #ffffff;
	}
	.page {
	color: #666666;
	font-size: 12px;
	line-height: 18px;
	}
	body.pop .page {
		background: #ffffff;
		width:720px;
		margin:0 auto;}
		.pop .close,.pop2 .close{
			padding:10px 0;
			text-align:center;
			background:#dcedd2;}
		.pop .btn,.pop2 .btn{
			text-align:center;
			padding:20px 0;}
		.pop .btn img,.pop2 .btn img{
			padding: 0 5px;}
	body.pop2 .page {
		background: #ffffff;}
/**
 * 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 {
		margin-bottom: 30px;
	}
	.section .title {
		/*dont use <h3> selector*/
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}
	
	.section {
		margin-left: auto;
		margin-right: auto;
		width: 900px;
	}

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

	}

/**
 * 4. Layout
 */
	body #container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
	text-align: left;
	margin-bottom: 30px;
	}
	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 #gHeader {}
	body #gFooter {
	background-color: #F8F8F8;
	width:100%;
}
	body #gFooter .inner{
		width:960px;
		margin:0 auto;
		padding:20px 0;} 
	#bnrArea {
		background: #f4f4f4;
		padding: 12px;
		border-top: 1px solid #dbdbdb;
		border-bottom: 1px solid #dbdbdb;
		text-align: center;
	}
	#copyright {
		padding: 20px 0;
		color: #999999;
	}
	#copyright a {
		color: #999999;
		text-decoration: none;
	}
/**
 * 5. EachPageStyle
 */
/* pageID */
	body#pageID {}
/* #outline */
	th.tableBorder,
	td.tableBorder {
		padding: 9px 6px;
	}
	th.tableBorder {
		border-bottom: 1px solid #cccccc;
		color: #527504;
		font-weight: normal;
	}
	th.first {
		padding-top: 10px;
		background: transparent url(../../outline/imgs/bg-line-th.gif) repeat-x left top;
	}
	td.tableBorder {
		border-bottom: 1px solid #ededed;
	}
	td.first {
		padding-top: 10px;
		background: transparent url(../../outline/imgs/bg-line-td.gif) repeat-x left top;
	}


#footerNavi {
	padding-top: 0px;
	color: #666666;
	font-size: 10px;
	line-height: 15px;
}
#footerNavi a {
	color: #666666;
	text-decoration: none;
}

#footerNavi a:hover,
#footerNavi strong {
	color: #66cc00;
	text-decoration: none;
}
#footerNavi2 {
	color: #666666;
	font-size: 12px;
	line-height: 30px;
}

#footerNavi2 a {
	color: #666666;
	text-decoration: none;
}

#footerNavi2 a:hover,
#footerNavi2 strong {
	color: #66cc00;
	text-decoration: none;
}

.box {
	background: transparent url(../imgs/box-bg.gif) repeat-y left top;
}
.boxTop {
	background: transparent url(../imgs/box-bg-top.gif) no-repeat left top;
}
.boxBottom {
	padding: 20px;
	padding-bottom: 25px;
	background: transparent url(../imgs/box-bg-bottom.gif) no-repeat left bottom;
}
.box2 {
	background: transparent url(../imgs/box2-bg.gif) repeat-y left top;
}
.box2Top {
	background: transparent url(../imgs/box2-bg-top.gif) no-repeat left top;
}
.box2Bottom {
	padding: 20px;
	padding-bottom: 25px;
	background: transparent url(../imgs/box2-bg-bottom.gif) no-repeat left bottom;
}

/* top */
.bnspace {
	position:relative;
}
.bnspace a.kakaku01 {
	display:block;
	width:315px;
	height:81px;
	position:absolute;
	top:10px;
	left:10px;
}
.bnspace a.kakaku02 {
	display:block;
	width:315px;
	height:81px;
	position:absolute;
	top:10px;
	left:635px;
}
.info{
	width:520px;
	margin:15px 0;
	padding-bottom:15px;
	border-bottom:1px solid #e6e6e6;
	float:left;
	}
.info dt{
	float:left;
	width:138px;}
.info dd{
	float:left;
	width:382px;}
.info dd span{
	color:#ff7e00;}
.news{
	width:520px;
	margin:0 0 15px 0;
	float:left;
	}
.news dt{
	float:left;
	width:138px;}
.news dd{
	float:left;
	width:375px;}
.news dd span{
	color:#ff7e00;}
	
	
/*concept*/
.conceptWrap{
	width:960px;}


/*------------------ floatBanner ------------------*/
/*
#floatBanner {
	position: absolute;
	right: 50px;
	top: 150px;
	width: 219px;
	height: 265px;
}
#floatBody {
	width: 219px;
	height: 265px;
	position: absolute;
	cursor: move;
	background-image: url(../imgs/floating/banner_float_bk.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#flt_close1 {
	padding-top: 8px;
	padding-left: 197px;
}
#flt_btn0 {
	padding-top: 57px;
}
#flt_btn1 {
	padding-left: 38px;
}

#flt_btn2 {
	padding-top: 5px;
	padding-left: 38px;
}
*/

/*----float-banner-------*/

#floatbn-bannerBtnBox {
	position: absolute;
	right: 50px;
	top: 150px;
	width: 219px;
	height: 265px;
	background-image: url(../imgs/floating/banner_float_bk.gif);
}
#topFloat #floatbn-bannerBtnBox {
	top: 310px;
}
#roomplanFloat #floatbn-bannerBtnBox {
	top: 170px;
}
#floatbn-bannerBtn p, a {
	margin:0;
	padding:0;
	font-size:12px;
	text-decoration: none;
}
#floatbn-bannerBtn a {
	cursor: pointer;
	text-decoration: none;
}
#floatbn-bannerBtn .closeBtn {
	padding:8px 7px 0 0;
	text-align:right;
}
#floatbn-bannerBtn .closeBtn a:link {
	color:#333;
}
#floatbn-bannerBtn .camBtn {
	width:140px;
	height:33px;
	position:absolute;
	top:192px;
	left:38px;
}
#floatbn-bannerBtn .camBtn02 {
	width:140px;
	height:28px;
	position:absolute;
	top:225px;
	left:38px;
}