@charset "UTF-8";

/* ------------------------------------------------------------ */
/* 基本指定 */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------------ */
/* トップビジュアルエリア */
/* ------------------------------------------------------------ */
#topArea {
	position:relative;
	height: 1000px;
}
#headerWrap {
	padding:25px 0;
	width: 100%;
	height: 15px;
	position: fixed;
	z-index: 999;
	background-color:rgba(255,255,255,0.40)
}
#header {
	margin: 0 auto;
	width: 650px;
}
#header ul {
}
#header ul li {
	float:left;
}
#header ul li a {
	margin:0 14px;
	height:15px;
	display:block;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#header ul li.home a {
	width:33px;
	background-image:url(../img/navi_home.png);
	
}
#header ul li.concept a {
	width:55px;
	background-image:url(../img/navi_concept.png);
}
#header ul li.works a {
	width:43px;
	background-image:url(../img/navi_works.png);
}
#header ul li.modelhouse a {
	width:86px;
	background-image:url(../img/navi_modelhouse.png);
}
#header ul li.blog a {
	width:30px;
	background-image:url(../img/navi_blog.png);
}
#header ul li.aboutus a {
	width:60px;
	background-image:url(../img/navi_aboutus.png);
}
#header ul li.contact a {
	width:55px;
	background-image:url(../img/navi_contact.png);
}
#header ul li.reserve a {
	width:56px;
	background-image:url(../img/navi_reserve.png);
}

#header ul li a:hover {
	background-position:0 -15px;
}

	
/* メインロゴ */
#logo {
	margin: -80px 0 0 -281px;
	top: 45%;
	left: 50%;
	position: fixed;
	z-index: -10;
}

/* ニュース */
#news {
	margin: 0 0 0 -350px;
	position: fixed;
	left: 50%;
	bottom: 10%;
	width:640px;
}
#news h2 {
	width:80px;
	text-align:center;
	float:left;
	padding:10px 0 0 0;
	height:20px;
	line-height:30px;
	margin:0 10px 80px 0;
	background-color:rgba(255,255,255,0.50);
}
#news dl {
	float:left;
	margin:0 0 10px;
}
#news dl dt {
	float:left;
	width:100px;
	height:30px;
	margin:0 10px 0 0;
	text-align:center;
	line-height:30px;
	background-color:rgba(255,255,255,0.50);
}
#news dl dd {
	float:left;
	width:420px;
	height:30px;
	text-align:left;
	line-height:30px;
	padding:0 0 0 20px;
	background-color:rgba(255,255,255,0.50);
}
#news dl dd a {
	display:block;
}
#news dl dd a:hover {
	color:#f00;
}
#news .andMore {
	padding:15px 0 0 90px ;
	clear:both;
}
#news .andMore a {
	text-indent:-9999px;
	background:url(../img/and-more.png) no-repeat 0 0;
	height:13px;
	width:91px;
	display:block;
}
#news .andMore a:hover {
	background-position:0 -13px;
}

/* ------------------------------------------------------------ */
/* コンテンツ格納 */
/* ------------------------------------------------------------ */
.section {
	margin: 0 0 350px;
	background: #fff;	
}
.section_btm {
	margin: 0 0 0;
	background: #fff;	
}
.section .inner,
.section_btm .inner {
	margin: 0 auto;
	padding: 100px 0;	
	width: 920px;
}
/* ------------------------------------------------------------ */
/* 共通*/
/* ------------------------------------------------------------ */
.titleBox .andMore {
	padding:7px 0 0 ;
}
.titleBox .andMore a {
	text-indent:-9999px;
	background:url(../img/and-more.png) no-repeat 0 0;
	height:13px;
	width:91px;
	display:block;
}
.titleBox .andMore a:hover {
	background-position:0 -13px;
}
/* ------------------------------------------------------------ */
/* CONCEPT */
/* ------------------------------------------------------------ */
#concept {
	background:url(../img/bg_concept.gif) 0 0 repeat;
}
#concept .titleBox {
	margin:0 0 100px;
}
#concept h2 {
	width:102px;
	float:left;
	margin:0 20px 0 0;
}
#concept .linkBox {
	height:400px;
	width:715px;
	margin:0 auto;
	position:relative;
}
#concept .linkBox a {
	background:url(../img/bg-concept-btn.png) no-repeat 0 0;
	height:400px;
	width:465px;
	display:block;
}
#concept .linkBox a:hover {
	background:url(../img/bg-concept-btn.png) no-repeat 0 -400px;
}
#concept .linkBox .text {
	position:absolute;
	top:265px;
	left:0;
	font-size:115%;
	line-height:1.8em;
}
#concept .linkBox .tvslbg {
	top:140px;
	right:2px;
	position:absolute;
	width:193px;
	height:238px;
	background:url(../img/index/bg_tv.png) no-repeat 0 0;
}
#concept .linkBox .tvsl {
	top:140px;
	right:2px;
	position:absolute;
	width:193px;
	height:238px;
	background:url(../img/index/top_tv.png) no-repeat 0 0;
}
#concept .linkBox .tvslider {
	top:180px !important;
	right:40px !important;
	position:absolute !important;
	width:128px;
	height:42px;
}
#concept .btnBox {
	width:715px;
	margin:0 auto;
}

/* ------------------------------------------------------------ */
/* MODEL HOUSE */
/* ------------------------------------------------------------ */
/*#modelhouse {
	padding:13px 0 0 0;
	background:url(../img/bg_modelhouse_02.png) 0 0 repeat-x;
}*/
#modelhouse .modelhouse_box {
	background:url(../img/bg_modelhouse.gif) 0 0 repeat;
}
#modelhouse h2 {
	width:159px;
	margin:0 20px 0 0;
	float:left;
}
#modelhouse .titleBox {
	margin:0 0 100px;
}
#modelhouse .box {
	background:url(../img/bg-modelhouse-box.png) no-repeat 0 0;
	width:746px;
	height:395px;
	position:relative;
	margin:0 0 0 10px;
}
#modelhouse .box .moreBtn {
	position:absolute;
	top:0;
	left:240px;
}
#modelhouse .box .inBox {
	width:245px;
	height:120px;
	padding:55px 25px 0;
	background:url(../img/bg-modelhouse-inBox.png) no-repeat 0 0;
	position:absolute;
	right:0;
	bottom:0;
	font-size:85%;
}
#modelhouse .box .inBox .border {
	padding:0 0 6px;
	margin:0 0 8px;
	border-bottom: solid 1px #333;
}
#modelhouse .box .mapBtn {
	position:absolute;
	right:0;
	top:180px;
}
	
#modelhouse .box .mapBtn a:hover,
#modelhouse .box .moreBtn a:hover {
	opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
}
/* ------------------------------------------------------------ */
/* ABOUT US */
/* ------------------------------------------------------------ */
#aboutus {
	background:url(../img/bg_aboutus.gif) 0 0 repeat;
}
#aboutus h2 {
	margin:0 0 50px;
}
#aboutus .section {
	margin:0 auto;
	width:615px;
	background:none;
}
#aboutus .section .youtubu {
	margin:0 0 30px;
}
#aboutus .section .box {
	padding:0 150px 0 0;
	line-height:2.0em;
	margin:0 0 30px;
	background:url(../img/about-boss.png) no-repeat right bottom;
}
#aboutus .section .bottom {
	margin:0 0 40px;
	font-size:95%;
}
#aboutus .section .btn a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

 /* ------------------------------------------------------------ */
/*BLOG */
/* ------------------------------------------------------------ */
#blog h2 {
	margin:0 0 100px;
}
#blog .section {
	width:610px;
	margin:0 auto;
	overflow:hidden;
}
#blog .section ul {
	width:660px;
}
#blog .section ul li {
	width:170px;
	float:left;
	margin:0 50px 50px 0;
}
#blog .section ul li .photoBox {
	padding:0 0 0 20px;
	width:150px;
	height:150px;
	margin:0 0 10px;
}
#blog .section ul li .photoBox a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
#blog .section ul li .innerBox {
	padding:0 0 0 20px;
	height:180px;
}
#blog .section ul li .innerBox .cat {
	background:#666;
	color:#fff;
	font-size:85%;
	padding:0 5px;
}
#blog .section ul li .innerBox .data {
	font-size:85%;
	margin:5px 0 5px;
}
#blog .section ul li .innerBox h5 {
	font-size:107%;
	font-weight:bold;
	margin:0 0 5px;
}
#blog .section ul li #boss {
	background:url(../img/bg-boss-blog.gif) no-repeat left bottom;
}
#blog .section ul li #staff {
	background:url(../img/bg-staff-blog.gif) no-repeat left bottom;
}
#blog .section ul li #engin {
	background:url(../img/bg-engeneer-blog.gif) no-repeat left bottom;
}

#blog .section ul li .andMore {
	padding:7px 0 0 20px;
}
#blog .section ul li .andMore a {
	text-indent:-9999px;
	background:url(../img/and-more.png) no-repeat 0 0;
	height:13px;
	width:91px;
	display:block;
}
#blog .section ul li .andMore a:hover {
	background-position:0 -13px;
}

/* ---------------------------------------------------
  WORKS
--------------------------------------------------- */
#works {
	padding:0 0 13px;
	background:url(../img/bg_works.png) 0 bottom repeat-x;
}
#works .works_box {
	background-color:#FFF;
}
#works_ttl {
  position: relative;
  top: -80px;
  opacity: 0;
}
#works_txt {
  margin-bottom: 80px;
  opacity: 0;
}
#works .bx-wrapper {
  width: 490px;
  margin: 0 auto 60px;
  opacity: 0;
}
#works .bx-window {
  margin-bottom: 30px;	
}
#works .bx-prev {
  margin: 0 30px 0 0;	
}
#works h2 {
	width:79px;
	float:left;
	margin:0 20px 0 0;
}
#works .titleBox {
	margin:0 0 100px;
}
#works .box {
	width:638px;
	overflow:hidden;
	margin:0 auto;
}
#works .box ul li {
	float:left;
	width:115px;
	height:220px;
	position:relative;
	margin:0 40px 0 0;
	word-break:break-all;
}
#works .box ul li .icon {
	position:absolute;
	top:10px;
	right:-18px;
}
#works .box ul li a img {
	display:block;
	margin:0 0 5px;
}
#works .box ul li a h3 {
	background:url(../works/img/icon.jpg) no-repeat 0 6px;
	font-weight:normal;
	padding:0 0 0 10px;
}
#works .box ul li a:hover h3 {
	background:url(../works/img/icon_on.jpg) no-repeat 0 6px;
}
#works .box ul li a img:hover {
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
}
#works .box ul li a .title {
	background:url(../img/icon.jpg) no-repeat 0 6px;
	padding:0 0 0 15px;
}
#works .box ul li a:hover .title {
	background:url(../img/icon_on.jpg) no-repeat 0 6px;
}

/* ------------------------------------------------------------ */
/*  footer */
/* ------------------------------------------------------------ */
#footerWrap {
	clear:both;
}
#footer {
	width:720px;
	margin:0 auto;
	position:relative;
}
#footer .box {
	width:600px;
	padding:50px 0 0;
	float:left;
	color:#fff;
}
#footer .box .title {
	font-weight:bold;
	margin:0 0 10px;
	font-size:107%;
}
#footer .box .copy {
	padding:30px 0 0 ;
	font-size:77%;
}
#footer .contactBtn {
	float:right;
	width:68px;
	padding:40px 0 0 0;
}
#footer .contactBtn a {
	display:block;
	margin:0 0 20px;
}


#footerWrap .pagetop {
	top:-60px;
	right:0;
	position:absolute;
}