@charset "UTF-8";

/*commonstyle*/
body {
    font-size: 10pt;
    font-family:"メイリオ", Meiryo;
    line-height: 1.5em;
	margin:0;
	padding:0;
	border:none;
}

.pt0{padding-top:0 !important;}

a img:hover{
	opacity:0.80;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	-ms-filter:"alpha(opacity=80)";
}

.bottomBtn{text-align:center; padding:60px 0;}
.bottomBtn ul { text-align:center;}
.bottomBtn ul li { display:inline-table; text-align:center;}

.tGray{
	border-collapse:collapse;
	width:100%;
	font-size:12px;
	text-align:left;
}

.tGray th{
	font-weight:bold;
	background:#f4f4f4;
	vertical-align:top;
	padding:0.7em;
	border:solid 1px #ececec;
}
.tGray td{
	vertical-align:top;
	padding:0.7em;
	border:solid 1px #ececec;
}

p.cap,.cap li{
	font-size:10px;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:0.5em;
	color:#666;
}


.fl{float:left;}

.fr{float:right;}

/*cf For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
/*cf For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*width 100%*/
#headWrap,#nav,#asideWrap,#footWrap{
	width:100%;
}

/*width 960px*/
#header,#nav ul,#aside,#footer{
	margin:0 auto;
	width:960px;
}


#fix{position:fixed; width:100%; z-index:1000; top:0;}
/*header*/
#headWrap{background:url(../img/bg_header.png);}

#header{padding:17px 0 10px; text-align:right;}


#header h1,#header p{
	display:inline-block;
	font-size:10px;
	vertical-align:top;
	color:#fff;
	margin-right:5px;
	line-height:150%;
	text-align:left;
	float:left;
}


#header li{
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	*line-height:40px;
	margin-left:15px;
	*margin-left:19px;
	
}

#header a img{
	display:inline-block;
	vertical-align:middle;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#header li{
		margin-top:12px;
	}
}

#header img{
	vertical-align:middle;
}
#header .pt0{
	height:auto;
	margin-top:0;
}

/*nav*/
#nav{background:url(../img/bg_nav.png) repeat-x top; height:66px;}


#nav li{
	float:left;
	width:120px;
	height:50px;
}
#nav li a,#nav .none{text-indent:-9999px;}

#nav li a{
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	width:120px;
	height:50px;
}

#nav .concept{background:url(../img/nav_consept_off.gif);}
#nav .plan{background:url(../img/nav_plan_off.gif);}
#nav .location{background:url(../img/nav_location_off.gif);}
#nav .access{background:url(../img/nav_access_off.gif);}
#nav .model{background:url(../img/nav_modelroom_off.gif);}
#nav .design{background:url(../img/nav_design_off.gif);}
#nav .equipment{background:url(../img/nav_equipment_off.gif);}
#nav .quality{background:url(../img/nav_quality_off.gif);}

#nav .concept:hover{background:url(../img/nav_consept_on.gif);}
#nav .plan:hover{background:url(../img/nav_plan_on.gif);}
#nav .location:hover{background:url(../img/nav_location_on.gif);}
#nav .access:hover{background:url(../img/nav_access_on.gif);}
#nav .model:hover{background:url(../img/nav_modelroom_on.gif);}
#nav .design:hover{background:url(../img/nav_design_on.gif);}
#nav .equipment:hover{background:url(../img/nav_equipment_on.gif);}
#nav .quality:hover{background:url(../img/nav_quality_on.gif);}

#concept #nav .concept{background:url(../img/nav_consept_on.gif);}
#plan #nav .plan{background:url(../img/nav_plan_on.gif);}
#location #nav .location{background:url(../img/nav_location_on.gif);}
#access #nav .access{background:url(../img/nav_access_on.gif);}
#model #nav .model{background:url(../img/nav_modelroom_on.gif);}
#design #nav .design{background:url(../img/nav_design_on.gif);}
#equipment #nav .equipment{background:url(../img/nav_equipment_on.gif);}
#quality #nav .quality{background:url(../img/nav_quality_on.gif);}

#nav ul li{
    position: relative;

}


#nav ul.child{
        display: none;
        position: absolute;
        margin-left: 2px;
		margin-top:0px;
        padding: 0;
}
#nav ul.child li{
	float:none;
}

#nav ul.child li { line-height:0em !important; height:36px; border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #916d35; width:159px;}

#nav ul.child li.eq {width:189px;}

#nav ul.child li a {
	text-indent: 0px !important;
	height: 36px;

}

#nav ul.child li a img:hover{
	opacity:1.00;
	filter: alpha(opacity=100);
	-moz-opacity:0.100;
	-ms-filter:"alpha(opacity=100)";
}


/*article*/
#article{
	background:url(../img/bg_body.jpg) no-repeat left top;
	padding-top:116px;}

#article .title{
	width:960px;
	margin:0 auto 45px ;
	text-align:right;
	padding-top:13px;
}



.section{
	padding:40px 0;
}

.section h3{
	margin-bottom:33px;
}
.section .phot{
	padding-top:40px;
}


.pankuz{
	width:100%;
	background:url(../img/bg_header.png);
	height:40px;
	line-height:40px;
	text-align:right;
	color:#fff;
	font-size:10px;
	margin-bottom:26px;
		
}

.pankuz ul{width:960px; margin:0 auto;}
.pankuz li{
	display:inline;
	background:url(../img/bg_pankuz.png) 0.5em center no-repeat;
	padding-left:1.5em;
}

.pankuz li a { color:#FFF;}

.pankuz .first{
	background:none;
	padding-left:0;
}

.section{
	width:100%;
}

.section .con{
	width:960px;
	margin:0 auto;
}

/*aside*/
#asideWrap{
	background:#676767;
	height:31px;
}

#aside li{
	display:inline-block;
	*float: left; /* IE7*/
	padding-top:10px;
	*padding-top: 4px; /* IE7*/
}

#aside ul a{
	padding:0 7px;
	line-height:100%;
	border-right:solid 1px #fff;
	font-size:10px;
	color:#fff;
	display:inline-block;
}

#aside .first a{border-left:solid 1px #fff;}

#aside .pageTop{
	float:right;
}

.pageTop{cursor:pointer;}

#aside a,#footer a{text-decoration:none;}

#aside a:hover,#footer a:hover{text-decoration:underline;}


/*gif anime 150511*/

.ani-head-01-base{position: relative;}
.ani-head-01{position: absolute; top: 0px; left: 0px;}
.ani-head-01 img{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}

.ani-head-02-base{position: relative;}
.ani-head-02{position: absolute; top: 0px; left: 0px;}
.ani-head-02 img{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}

.ani-btm-01-base{position: relative;}
.ani-btm-01{position: absolute; top: 0px; left: 0px;}
.ani-btm-01 img{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}

.ani-btm-02-base{position: relative;}
.ani-btm-02{position: absolute; top: 0px; left: 0px;}
.ani-btm-02 img{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}

.ani-index-01-base{position: relative;}
.ani-index-01{position: absolute; top: 0px; left: 0px;}
.ani-index-01 img{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}

/*footer*/
#footWrap{background:url(../img/bg_footer.gif); padding-top:35px;}

#footer .fl li{
	float:left;
	margin-right:40px;
}


#footer .fl li#contact{
	margin-right:10px;
}


#footer .fr{*margin-top:-10px;}

#footer .fr li{
	line-height:100%;
	margin-bottom:7px;
}

#footer a{
	font-size:10px;
	color:#fff;
}

#footer { position:relative;}

#footer #brilliaClub{ position:absolute; top:56px; left:420px;}


#copyright{clear:both; text-align:center; padding:50px 0;}


.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.pb10{padding-bottom::10px;}
.pb20{padding-bottom::20px;}
.pb30{padding-bottom::30px;}
.pb40{padding-bottom::40px;}
.pb50{padding-bottom::50px;}
.pt10{padding-top::10px;}
.pt20{padding-top::20px;}
.pt30{padding-top::30px;}
.pt40{padding-top::40px;}
.pt50{padding-top::50px;}