@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

img {
	border: 0;
}

ul, ol {
	list-style: none;
}

.clr{
	clear :both;
}

a {
	outline: none;
	}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

h2,h3 {
	clear: both;
	margin-top: 15px;
	padding-top: 15px;
	margin-bottom: 10px;
}

h2 {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
}


#wrap {
	width : 900px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5;
}

#header,
#navi_area {
	width : 900px;
}

#header h1 {
	font-size: 12px;
	font-weight: normal;
	width: 500px;
	text-align: right;
	float: right;
	margin-top: 5px;
}

#header p img {
	margin-top: 10px;
}

#header #navi_area {
	position: relative;
	height: 60px;
}

*:first-child+html #header #navi_area {
	height: 85px;
}

#header #navi_area #gnavi li,
#header #navi_area #snavi li{
	float: left;
}

#header #navi_area #gnavi {
	border-top: solid 3px #FA6633;
	border-bottom: solid 3px #FA6633;
	height: 50px;
}

#header #navi_area #gnavi li {
	text-indent: -9999px;
}

#header #navi_area #gnavi li a {
	display: block;
	width: 128px;
	height: 50px;
}

#header #navi_area #gnavi li.product ,
#header #navi_area #gnavi li.product a {
 background: url(img/button1a.jpg) no-repeat left top;
}

#product #header #navi_area #gnavi li.product a{
 background: url(img/button1b.jpg) no-repeat left top;
}

#header #navi_area #gnavi li.product a:hover{
 background: url(img/button1b.jpg) no-repeat left top;
}




#header #navi_area #gnavi li.mente,
#header #navi_area #gnavi li.mente a {
 background: url(img/button2a.jpg) no-repeat left top;
}

#mente #header #navi_area #gnavi li.mente a{
 background: url(img/button2b.jpg) no-repeat left top;
}

#header #navi_area #gnavi li.mente a:hover {
 background: url(img/button2b.jpg) no-repeat left top;
}



#header #navi_area #gnavi li.const,
#header #navi_area #gnavi li.const a {
 background: url(img/button3a.jpg) no-repeat left top;
}

#const #header #navi_area #gnavi li.const a {
 background: url(img/button3b.jpg) no-repeat left top;
}

#header #navi_area #gnavi li.const a:hover {
 background: url(img/button3b.jpg) no-repeat left top;
}



#header #navi_area #gnavi li.renew,
#header #navi_area #gnavi li.renew  a{
 background: url(img/button4a.jpg) no-repeat left top;
}

#renew #header #navi_area #gnavi li.renew  a{
 background: url(img/button4b.jpg) no-repeat left top;
}

#header #navi_area #gnavi li.renew a:hover {
 background: url(img/button4b.jpg) no-repeat left top;
}




#header #navi_area #gnavi li.showroom,
#header #navi_area #gnavi li.showroom a {
 background: url(img/button5a.jpg) no-repeat left top;
}

#showroom #header #navi_area #gnavi li.showroom a {
 background: url(img/button5b.jpg) no-repeat left top;
}

#header #navi_area #gnavi li.showroom a:hover {
 background: url(img/button5b.jpg) no-repeat left top;
}



#header #navi_area #gnavi li.faq,
#header #navi_area #gnavi li.faq a{
 background: url(img/button6a.jpg) no-repeat left top;
}

#faq #header #navi_area #gnavi li.faq a{
 background: url(img/button6b.jpg) no-repeat left top;
}

#header #navi_area #gnavi li.faq a:hover {
 background: url(img/button6b.jpg) no-repeat left top;
}




#header #navi_area #gnavi li.company a,
#header #navi_area #gnavi li.company a {
 background: url(img/button7a.jpg) no-repeat left top;
}

#company #header #navi_area #gnavi li.company a {
 background: url(img/button7b.jpg) no-repeat left top;
}

#header #navi_area #gnavi li.company a:hover {
 background: url(img/button7b.jpg) no-repeat left top;
}



#header #navi_area #snavi {
	position: relative;
	top: -80px;
	left: 630px;
	_left: 627px;
	width: 270px;
	_width: 273px;
}

#header #navi_area #snavi li {
	background: #FA6633;
	text-align: center;
	width: 90px;
}

#header #navi_area #snavi li a{
	display: block;
	width: 90px;
	height: 17px;
	padding-top: 5px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #FFFFFF;
	border-left: solid 1px #FFFFFF;
}




/* contents */
#top #contents {
	position: relative;
}

:first-child+html #top #contents {
}

#top #contents #flash {
	clear: both;
	top: -24px;
	position: relative;
}


#top #contents div.boxL{
	width: 560px;
	float: left;
}

#top #contents div.boxR{
	width: 336px;
	float: right;
}

#top #contents div div{
	margin-bottom: 15px;
}

#top #contents #whatsnew {
	background: url(img/berbl.jpg) no-repeat left bottom;
 	padding-bottom: 10px;
}

#top #contents #whatsnew ul {
	overflow:auto;
	height: 150px;
	width: 545px;
}

#top #contents #whatsnew ul li{
	border-bottom: 1px dashed #007EB1;
	margin-top: 8px;
	
}

#top #contents #service  {
	background: url(img/berbl.jpg) no-repeat left bottom;
 	padding-bottom: 10px;
	_padding-bottom: 140px;
	overflow: auto;
}

#top #contents #service dl {
	width: 147px;
	height: 120px;
	float: left;
	padding: 0 5px;
	padding-left: 120px;
	margin: 5px 0;

}

#top #contents #service dl.mente {
	background: url(img/n01.gif) no-repeat left top;
}

#top #contents #service dl.showroom {
	background: url(img/n02.gif) no-repeat left top;
}

#top #contents #service dl.support {
	background: url(img/n03.jpg) no-repeat left top;
}

#top #contents #service dl.hometype {
	background: url(img/n04.jpg) no-repeat left top;
}

#top #contents #service dl.staff {
	background: url(img/n05.jpg) no-repeat left top;
}

#top #contents #service dl.iso {
	background: url(img/n06.jpg) no-repeat left top;
}

#top #contents #service dl dt {
	padding-left: 15px;
	background:url(img/ico_yajirushi.gif) no-repeat 2px;
}

#top #contents #service dl dd {
	line-height: 1.3;
	margin-top: 10px;
}

#top #contents #inq ul li{
	display: inline;
	
}

#top #inq {
	clear: left;
}

#mainContents{
	clear: left;
	background: url(img/bgm01.jpg) repeat-y;
	
}

#mainContents #areaL {
	background: transparent url(img/bgm00.jpg) no-repeat left top;
	width: 250px;
	float: left;
	margin-top: -24px;
	padding-top: 85px;
	
}
#mainContents #areaL ul{
	margin-left: 20px;
	line-height: 1.8;
}

#mainContents #areaL ul li{
	padding-left: 18px;
	background:url(img/ico_yajirushiR.gif) no-repeat 3px;
}


#mainContents #areaR {
	float: right;
	width: 640px;
	margin-top: -24px;
}



p.pagetop {
	text-align: right;
	clear: both;
}

#topicpath {
	margin: 5px 0;
	text-align: right;
}

/* faq */
#faq #mainContents dl dt {
	background: url(img/faq/qanda_q.gif) no-repeat;
	font-weight: bold;
	padding-left: 25px;
	line-height: 2;
	margin: 10px 0;
	border-bottom: dotted 1px #FF6699; 
}


#faq #mainContents dl dd {
	background: url(img/faq/qanda_a.gif) no-repeat;
	padding-left: 25px;
	line-height: 1.8;
	margin-bottom: 40px;
}


/* showroom */
#showroom #mainContents p.photo {
	margin: 20px auto;
}

#showroom #mainContents div.boxS p{
	float: left;
	width: 50%;
	padding-right: 20px;
}

#showroom #mainContents div.boxS p.txt{
	width: 40%;
	margin: 10px 0;
	
}


/* mente */
#maintenance-system {
	background:url(img/mente/maintenance-main.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:375px;
	position: relative;
}

#maintenance-system ul {
	position: relative;
	width: 242px;
	height: 103px;
	left: 385px;
	top: 40px;
	padding: 10px;
}

#maintenance-system dl {
	position: relative;
	width: 200px;
	height: 90px;
	padding: 10px;
	left: 385px;
	top: 80px;
}

#maintenance-system dt {
	font-weight: bold;
}


/* renewal */
#renewal table {
	margin-left: 20px;
}


/* inq */
form {
}


form table th,
form table td {
	padding: 10px;
	border-bottom: dotted 1px #999999;
}


form table th {
	vertical-align: top;
	font-weight: normal;
	text-align: left;
	background-color: #DDFFFF;
}

form table .top {
	border-top: dotted 1px #999999;
}

form table td label {
	display: block;
}

form input ,
form textarea {
	padding: 2px;
}

form p.btn {
	text-align: center;
}

form p.btn input {
	margin: 20px;
}

/* company */
#company table{
	margin-top: 10px;

}

#company table td{
	padding: 5px;
	vertical-align: top;
}

/* sitemap */
#sitemap #mainContents ul {
	float: left;
	margin-left: 20px;
	width: 250px;
	padding-left: 10px;
}

#sitemap #mainContents li {
	padding-left: 5px;
	margin: 10px 0;
	line-height: 1;
	border-left: solid 5px #FF6600;
}

#sitemap #mainContents li li { 
	list-style-type: disc;
	border-left: none;
	padding-left: 3px;
}

/* footer */
#footer{
	clear: both;
	text-align: right;
	border-top: solid 3px #FA6633;
	padding-top: 5px;
	/margin-top: 20px;
	padding-bottom: 10px;
}

*:first-child+html #top #footer {
	padding-top: 0px;
	margin-top: 10px;
	padding-bottom: 0px;
}

address{
	font-style: normal;
}