@charset "utf-8";

body{
position:relative;
width:100%;
margin:0 auto;
padding:0 0 20px 0;
/*font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, sans-serif;*/
font-family:"ＭＳ ゴシック", Osaka, sans-serif;
}

/*--- HEADER ---*/

/* ALL CONTENTS */

#all_contents{
border-bottom:1px dotted #999999;
padding:25px 0 5px 0;
line-height:1.4;
font-size:56.25%;
text-align:right;
font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
}

#all_contents li{
display:inline;
font-size:112%;
}

#all_contents a{
background:url(../img/parts/all_contents_a_bg.gif) right center no-repeat;
padding-right:5px;
}


#all_contents a:link,
#all_contents a:visited{
color:#737373;
text-decoration:none;
}

#all_contents a:hover,
#all_contents a:active{
color:#CC0000;
}

#all_contents .last_child a{
background:none;
padding-right:0;
}

/* LOGO */

#logo{
float:left;
width:266px;
height:61px;
margin:10px 0 5px 0;
}

/* FREE DIAL */

#free_dial{
float:right;
width:196px;
height:55px;
padding:16px 0 0 0;
}

/*--- WRAPPER ---*/

#wrapper{
clear:both;
border-top:2px solid #D90000;
width:764px;
padding-top:5px;
}

/*--- CONTENT ---*/
#content{
width:534px;
float:right;
}

#content h1{
margin-bottom:7px;
}


#content p{
margin-bottom:7px;
}

#content p.top_photo{
margin-top:0;
}

#content .design_free_trial_h{
background:url(../img/parts/design_free_trial_bg.gif) no-repeat;
padding:5px 0 5px 18px;
}

#content p.design_free_trial_h{
margin-bottom:0;
}

#content .design_free_trial_c{
margin:-38px 0 9px 0;
padding:5px 18px 6px 0;
text-align:right;
}

#content .page_banner{
margin-bottom:10px;
}

/*--- LEFT ---*/
#left{
width:220px;
float:left;
}

/*--- MAIN CONTENTS ---*/
#main_contents{
width:220px;
margin-bottom:15px;
}

#main_contents h2{
width:218px;
height:13px;
border:1px solid #999999;
text-align:center;
padding:5px 0;
}

#main_contents ul{
list-style:none;
}
#main_contents li{
display:inline;
font-family:"ＭＳ ゴシック", Osaka, sans-serif;
font-size:62.5%;
}

#main_contents a{
display:block;
background-repeat:no-repeat;
background-position:4px center;
border:1px solid #999999;
width:132px;
margin-top:5px;
padding:0 3px 5px 83px;
line-height:1.2;
text-decoration:none;
}

#main_contents a img{
padding:37px 0 3px 0;
}

#main_contents a img{
padding:37px 0 3px 0;
}

#main_contents .support a img{
padding-top:25px;
}

#main_contents .service a img{
padding-top:25px;
}

#main_contents .design a img{
padding-top:25px;
}

#main_contents .tenant a img{
padding-top:25px;
}

#main_contents .shop a img{
padding-top:25px;
}

#main_contents .reform a img{
padding-top:12px;
}

#main_contents .renovation a img{
padding-top:10px;
}

#main_contents a:link,
#main_contents a:visited{
color:#4C4C4C;
}

#main_contents a:hover,
#main_contents a:active{
color:#CC0000;
}

#main_contents .design a{
background-image:url(../img/menu/design_bg.jpg);
}
#main_contents .shop a{
background-image:url(../img/menu/shop_bg.jpg);
}
#main_contents .reform a{
background-image:url(../img/menu/reform_bg.jpg);
}
#main_contents .tenant a{
background-image:url(../img/menu/tenant_bg.jpg);
}
#main_contents .renovation a{
background-image:url(../img/menu/renovation_bg.jpg);
}
#main_contents .service a{
background-image:url(../img/menu/service_bg.jpg);
}
#main_contents .support a{
background-image:url(../img/menu/support_bg.jpg);
}
#main_contents .portfolio a{
background-image:url(../img/menu/portfolio_bg.jpg);
}
#main_contents .company a{
background-image:url(../img/menu/company_bg.jpg);
}

/*--- PR ---*/
#pr{
width:220px;
margin-bottom:30px;
margin-top:30px;
text-align:center;
}

#pr table{
width:206px;
margin:0 auto;
}
#pr .text{
width:206px;
margin:8px auto 0 auto;
font-size:75%;
line-height:1.5;
text-align:left;
}

/*--- UPDATE ---*/
#update{
width:220px;
margin-bottom:15px;
}

#update h2{
margin-bottom:5px;
text-align:center;
}

#update .wrap{
border:1px solid #999999;
}

#update dl{
height:202px;
padding:3px;
overflow: auto;
}

#update dt{
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
}
#update dd{
font-size:80%;
}

/*--- TO TOP ---*/
#content p.to_top{
font-size:87.5%;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
margin-top:0;
font-weight:bold;
}

p.to_top a:link,
p.to_top a:visited{
color:#FF0000;
text-decoration:none;
}

p.to_top a:hover,
p.to_top a:active{
color:#CC0000;
}


/*--- TOPIC PATH ---*/
#topic_path{
color:#FF0000;
clear:both;
padding:5px 0 15px 0;
list-style:none;
height:1.5em;
line-height:1.5em;
font-size:10px;
}

#topic_path li{
float:left;
}
#topic_path a{
font-weight:bold;
}

#topic_path .to_top{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:right;
}

#topic_path a:link,
#topic_path a:visited{
color:#FF0000;
text-decoration:none;
}

#topic_path a:hover,
#topic_path a:active{
color:#CC0000;
}

/*--- SUB CONTENTS ---*/
#sub_contents{
margin-bottom:9px;
}

#sub_contents a{
background:url(../img/parts/sub_contents_a_bg.gif) right center no-repeat;
padding-right:0.7em;
text-decoration:none;
}

#sub_contents a:link,
#sub_contents a:visited{
color:#050505;
}
#sub_contents a:hover,
#sub_contents a:active{
color:#CC0000;
}

#sub_contents .last_child a{
background:none;
padding:0;
}


/*--- FOOTER ---*/

#footer .question{
border-bottom:1px dotted #999999;
margin-bottom:20px;
padding-bottom:5px;
text-align:right;
}

#sub_contents{
font-size:87.5%;
text-align:right;
}
#sub_contents li{
display:inline;
}

.willingly{
float:right;
color:#333333;
width:49%;
text-align:right;
font-weight:bold;
}

.willingly a:link,
.willingly a:visited{
color:#333333;
text-decoration:none;
}
.willingly a:hover,
.willingly a:active{
color:#CC0000;
}

.uri{
float:left;
width:49%;
font-family:Arial, Helvetica, sans-serif;
font-size:84.37%;
font-weight:bold;
}

.uri a:link,
.uri a:visited{
color:#FF0000;
text-decoration:none;
}
.uri a:hover,
.uri a:active{
color:#CC0000;
}

/* corporate name */

.corporate_name{
width:100%;
clear:both;
border-top:1px dotted #999999;
padding-top:5px;
font-size:125%;
line-height:1.4;
}

.corporate_name .en{
font-size:50%;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#footer table{
width:100%;
font-size:68.75%;
margin-bottom:3px;
}
#footer th{
text-align:left;
vertical-align:top;
}
#footer td{
vertical-align:top;
}

#copyright{
border-top:1px dotted #999999;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
font-weight:bold;
text-align:right;
}

/*--- SCROLLPANE ---*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

#light{
width:764px;
margin:auto auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}