@charset "Shift_JIS";

body {
	_font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-family: verdana,helvetica,sans-serif;
	/*text-align: center;*/
	margin: 0px;
	padding: 0px;
	background: #f7f7f7;
       color:#333333;
}

#wrapper{
	/*margin: 0px auto;*/
	margin: 0px 0px;
	padding: 0px;
	width: 850px;
}

#pagebody {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 850px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
       border-bottom: 1px solid #cccccc;
	background: #ffffff;
       color:#333333;
}

img{
  border:none;
  vertical-align:middle;
}
#seo {
	margin: 0px;
	padding: 0px;
       width:850px;
       height:20px;
	background: url(../images/backheader1.jpg) no-repeat;
}

#seo p{
       font-size:10px;
       color:#666666;
       margin-top:5px;
       margin-left:18px;

}

#header{
	padding:0px;
    width:850px;
    height:62px;
	background: url(../images/header_back.jpg);
	background-repeat:no-repeat;
    vertical-align:text-bottom;
}
/*add 2007/08/23*/
#header #innerl{
	float:		left;
	width:		50%;
}
#header #innerl img{
	margin-left:10px;
	padding-top:10px;
}
#header #innerr{
	float:		right;
	width:		50%;
}
#header #innerr img{
	margin-right:10px;
}
/*add 2007/08/23*/


#header ul {
	float: right;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	color: #ffffff;
	list-style: none;
}

#header li {
	display: inline;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	background: url(../images/arrow.jpg) no-repeat left center;
}

#header li a {
       padding-left:5px;
	color: #333333;
}

#header li a:hover {
	color: #ff6600;
	text-decoration: underline;
}

#header li a:active {
	color: #ff6600;
	text-decoration: underline;
}

h1 {
	margin: 0px;
	padding: 0px;
}

#main{
	margin: 0px;
	padding: 0px;
}

#main h1 img{
	margin: 0px;
	padding: 0px;
}

#main ul {
	text-align: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#main li a {
	text-decoration: none;
	display: block;
	height: 40px;
	width: 190px;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
}

#main2 ul {
	list-style-type:disc;
	font-size:14px;
	font-weight:bold
}

#main2 li {
	margin:8px;
}


#contents {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: auto;
}

#maincontents {
	float: right;
	margin: 0 0 0 0px;
	padding: 0px;
	width: 670px;
	height: auto;
	text-align: left;
}
/*add 2007/08/23*/
#maincontents #frm{
	background-image:url(../images/top_main.jpg);
	background-repeat:no-repeat;
	width:670px;
	height:230px;
}
#maincontents #btn{
	padding-top:120px;
	margin-left:510px;
}
/*add 2007/08/23*/

#main1 {
	float: left;
	margin: 10px 0 0 30px;
	padding: 0px;
	width: 500px;
	height:auto;
	text-align: left;
}

#main2 {
	float: left;
	margin: 10px 0 0 30px;
	padding: 0px;
	width: 620px;
	height:auto;
	text-align: left;
}

#main1 h1 {
	color: #990000;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}


#main1 h2.title {
	color: #206060;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0.15em;
	font-size:16px;
	padding: 5px 0px 2px 10px;
	border-bottom: 2px solid #1593E7;
	border-left: 15px solid #1593E7;
}
#main1 h2 {
	color: #206060;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0.15em;
	font-size:16px;
	padding: 5px 0px 2px 0px;
	border: 0px;
}

#main1 h3 {
	_color: #ff7700;
	color: #006400;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 0px 10px;
	letter-spacing: 0.15em;
	font-size:14px;
	border-left: 5px solid #006400;
}

#main1 h4 {
	color: #ff7700;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	letter-spacing: 0.05em;
	font-size:16px;

}

#main1 h5 {
	color: #ff7700;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	letter-spacing: 0.05em;
}

#main1 h6 {
	color: #ff7700;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	letter-spacing: 0.05em;
}


#main1 ul {
	font-size: 14px;
	line-height: 190%;
	padding: 0px;
	list-style: none ;
    margin-left:25px;
}
/*add 2007/08/23*/
#main1 .innerl{
	float:		left;
	width:		100%;
	line-height: 10px;
}
#main1 .innerr{
	float:		right;
	margin-right:	10px;
}

/*add 2007/08/23*/

.p1 {
	font-size: 14px;
	_font-size: medium;
	line-height: 1.5;
	margin: 10px 15px 15px 5px;
	padding: 0px;
}
.pl20 {
	padding-left:20px;
}


.p2{
	font-size: 12px;
	line-height: 15px;
	margin: 10px 15px 5px 5px;
	padding: 0px;
}

.p3{
	font-size: 14px;
	line-height: 20px;
	margin: 0 15px 15px 5px;
	padding: 5px 5px 5px 5px;
}


.phase{
       font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
       color: #333333;
       line-height : 2.2em;
}


div#main1 table{
	border:				0;
	color:				#333333;
	background-color:	#CCCCCC;
	font-size: 			12px;
    margin-right:		10px;
}
div#main1 td {
	background-color:	#FFFFFF;
	vertical-align:		top;
}
div#main1 td img{
	padding-top:		5px;
}
div#main1 .td_c{
	text-align:			center;
	vertical-align:		middle;
	width:				300px;
}
div#main1 .td_l{
	padding-top:		10px;
	padding-bottom:		10px;
	padding-left:		10px;
	vertical-align:		middle;
	width:				180px;
}

div#main1 .td_lr{
	padding-top:		10px;
	padding-bottom:		10px;
	padding-left:		10px;
	padding-right:		0px;
	vertical-align:		middle;
	width:				300px;
}


div#main1 .td_lm{
	padding-top:		10px;
	padding-bottom:		10px;
	padding-left:		10px;
	padding-right:		10px;
	vertical-align:		middle;
	width:				480px;
}

div#main1 .td_ex{
	padding-top:		10px;
	padding-bottom:		10px;
	padding-left:		10px;
	padding-right:		10px;
	vertical-align:		middle;
	line-height: 20px;
}

div#main1 .td_answer{
	padding-top:		10px;
	padding-bottom:		10px;
	padding-left:		10px;
	padding-right:		10px;
	vertical-align:		middle;
       line-height:16px;
       width:492px;
}

div#main1 .faq_h3{
	font-size: 14px;
	font-weight:bold;
	color:#0297EC;
}

#titlemovie {
	width: 470px;
	margin-bottom: 20px;
}

#rightarea {
	float: right;
	margin-top: 2px;
	padding: 0px;
	width: 155px;
	height: auto;
	background: #ffffcc;
	border: 2px solid #ffffff;
}
#rightarea .innerl{
	float:left;
	width:10px;
}

#rightarea .innerr{
	float:left;
	width:	130px;
	padding-top:10px;
	margin-left:5px;
	font-size: 12px;
	line-height: 13px;
}

#rightarea img {
	margin: 0px;
	padding: 10px 0px 5px 5px;
}

#gnavi {
	float: left;
       margin:0;
	padding: 0px;
	width: 175px;
	text-align: left;
}

#gnavi img{
border:none;
vertical-align:text-bottom;
}

#gnavi div.guide li#menu{
background-image:url(../images/menu_top.jpg);
background-repeat:no-repeat;
width:190px;
height:35px;
text-indent:-9999px;
}

#gnavi div.guide li#home{
background-image:url(../images/menu_home_off.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent:-9999px;
}

#gnavi div.guide li#home a:hover{
background-image:url(../images/menu_home_on.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent: -9999px;
}

#gnavi div.guide li#home a{
width:190px;
height:30px;
}



#gnavi div.guide li#gaiyou{
background-image:url(../images/menu_gaiyou_off.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent:-9999px;
}

#gnavi div.guide li#gaiyou a:hover{
background-image:url(../images/menu_gaiyou_on.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent: -9999px;
}

#gnavi div.guide li#gaiyou a{
width:190px;
height:30px;
}


#gnavi div.guide li#osusume{
background-image:url(../images/menu_osusume_off.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent:-9999px;
}

#gnavi div.guide li#osusume a:hover{
background-image:url(../images/menu_osusume_on.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent: -9999px;
}

#gnavi div.guide li#osusume a{
width:190px;
height:30px;
}

#gnavi div.guide li#product{
background-image:url(../images/menu_product_off.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent:-9999px;
}

#gnavi div.guide li#product a:hover{
background-image:url(../images/menu_product_on.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent: -9999px;
}

#gnavi div.guide li#product a{
width:190px;
height:30px;
}

#gnavi div.guide li#case{
background-image:url(../images/menu_case_off.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent:-9999px;
}

#gnavi div.guide li#case a:hover{
background-image:url(../images/menu_case_on.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent: -9999px;
}

#gnavi div.guide li#case a{
width:190px;
height:30px;
}

#gnavi div.guide li#faq{
background-image:url(../images/menu_faq_off.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent:-9999px;
}

#gnavi div.guide li#faq a:hover{
background-image:url(../images/menu_faq_on.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent: -9999px;
}

#gnavi div.guide li#faq a{
width:190px;
height:30px;
}

#gnavi div.guide li#taiken{
background-image:url(../images/menu_taiken_off.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent:-9999px;
}

#gnavi div.guide li#taiken a:hover{
background-image:url(../images/menu_taiken_on.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent: -9999px;
}

#gnavi div.guide li#taiken a{
width:190px;
height:30px;
}

#gnavi div.guide li#partner{
background-image:url(../images/menu_partner_off.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent:-9999px;
}

#gnavi div.guide li#partner a:hover{
background-image:url(../images/menu_partner_on.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent: -9999px;
}

#gnavi div.guide li#partner a{
width:190px;
height:30px;
}


#gnavi div.guide li#contact{
background-image:url(../images/menu_contact_off.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent:-9999px;
}

#gnavi div.guide li#contact a:hover{
background-image:url(../images/menu_contact_on.jpg);
background-repeat:no-repeat;
width:190px;
height:30px;
text-indent: -9999px;
}

#gnavi div.guide li#contact a{
width:190px;
height:30px;
}


#gnavi div.guide ul{
margin:0;
padding:0;
}

#gnavi div.guide li{
margin:0;
padding:0;
width:186px;
list-style:none;
list-style-image:none;
}

#gnavi div.guide li a{
margin:0;
padding:0;
width:186px;
text-decoration:none;
display:block;
}

#gnavi p{
	font-size: 12px;
	line-height: 13px;
	margin: 5px 8px 10px 5px;
	padding: 0px;
}


/* 枠内ニュース領域 */

#newsbox {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
       margin-top: 15px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	width: 155px;
}

.newstitle {
	font-size: 12px;
       font-weight:bold;
	color: #ff6600;
	text-align: left;
	margin-bottom: 5px;
	margin-left: 5px;
}
.newstitle a{
	text-decoration: none;
	color: #333333;
}
.newstitle a:hover{
	text-decoration: underline;
}

.newsdays {
	font-size: 12px;
	color: #333333;
	text-align: left;
	margin-top: 3px;
}
.newsdays a{
	text-decoration: none;
	color: #333333;
}
.newsdays a:hover{
	text-decoration: underline;
}

.newstext {
	font-size: 12px;
	color: #333333;
	text-align: left;
	line-height: 120%;
	margin-left: 5px;
}
.newstext a{
	text-decoration: none;
	color: #333333;
}
.newstext a:hover{
	text-decoration: underline;
}

.newslink {
	font-size: 11px;
	color: #333333;
	text-align: left;
	margin-top: 10px;
}
.newslink a{
	text-decoration: underline;
	color: #333333;
}
.newslink a:hover{
	text-decoration: underline;
}



#footer {
	clear: both;
	height: 40px;
	margin-top:30px;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
	color: #990000;
	border-top: 1px solid #cc9900;
	background: #ffffcc;
}


#footermenu{
      padding-top:5px;
      padding-left:35px;
      font-size:12px;
      text-align: center;
}

#footermenu a{
      color:#333333;
}


#footermenu a:visited{
      color:#000099;
}

#footermenu a:hover{
      color:#ef0505;
}


#copyright{
      font-size:12px;
      margin-top:5px;
}

.style1 {padding-right:7px}
.style2 {padding-left:5px}
.style3 {padding-left:10px}
.style4 {padding-left:5px}

/* hp.html
---------------------------------------------*/

#main1 #block2 {
	width: 450px;
	margin-left: 20px;
}

#main1 #block2 h2 {
	font-size: 12px;
	color: #ff7700;
	margin: 0px;
       padding-top:10px;
}

#main1 #block2 img {
	margin-left: 15px;
	padding: 5px 10px 10px 0px;
}

#main1 #block2 a {
       font-size:12px;
	color: #0000ff;
}

#main1 #block2 p {
       font-size:12px;
	color: #333333;
       padding-right:10px;
       line-height:140%;
}


/* company.html
---------------------------------------------*/

#main1 #company h1{
	color: #990000;
	margin: 0px 10px 0px 10px;
	padding: 5px 0px 0px 5px;
	font-size: 16px;
}

#main1 #company h2{
	color: #990000;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 5px;
	font-size: 16px;
}


div#company table {
	font-size: 12px;
	line-height: 140%;
       margin-top:10px;
       margin-left:7px;
       padding:0;
}

/* result.html
---------------------------------------------*/

#main1 #block1 {
	width: 450px;
	margin: 0;
}

#main1 #block1 h2 {
	font-size: 12px;
	color: #ff7700;
	margin: 0px;
}

#main1 #block1 img {
	float: left;
	margin-left: 15px;
	padding: 5px 10px 10px 0px;
}

#main1 #block1 a {
       font-size:12px;
	color: #0000ff;
}

#main1 #block1 p {
       font-size:12px;
	color: #333333;
       padding-right:10px;
}



/*  contact.html
---------------------------------------------*/

#contact{
margin:0px;
}

div#contact table{
margin:20px 0px 10px 20px;
}

div#contact table td{
border-bottom:1px solid #ffffff;
padding:5px 0 5px 10px;
background-color:#f9f9f9;
}

div#contact table td.koumoku{
width:148px;
background-color:#f2f2f2;
}

div#contact table td.bordernone{
border:none;
}

.komemark{
color:#FF6600;
}

.size1{
width:150px;
}

.size2{
width:250px;
}

.size3{
width:50px;
}

/* sitemap.html
---------------------------------------------*/

#sitemap{
margin-top:0px;
}

div#sitemap table{
width:435px;
margin-left:30px;
background-color:#ffffff;
}

div#sitemap tr td{
width:435px;
background-color:#ffffff;

}

.sitemap1 dl a{
color:#000000;
background-color:#ffffff;
}

.sitemap1 dl a:hover{
color:#ef0505;
background-color:#ffffff;
}

.sitemap1 dl a:active{
color:#000099;
background-color:#ffffff;
}

.sitemap1 dl{
padding:0 0 0.5em 0;
}

.sitemap1 dl dt{
padding:0 0 0.5em 0;
font-weight:bold;
}

.sitemap1 dl dt.fontweight_nomal{
font-weight:normal;
}

.sitemap1 dd{
padding:0.3em 0 0.3em 0;
font-weight:normal;
}

.sitemap1 dd ul li{
margin:0 0 0 3em;
padding:0.5em 0 0.5em 0;
border-left:1px dotted #333333;
font-weight:normal;
}

/* partner.html
---------------------------------------------*/

#main1 #partner{
margin-top:20px;
}

#main1 #partner #block2 {
	width: 450px;
	margin: 0;
}

#main1 #partner #block2 h2 {
	font-size: 12px;
	color: #ff7700;
	margin: 0px;
       padding-top:10px;
}

#main1 #partner #block2 img {
	float: left;
	margin-left: 15px;
	padding: 5px 10px 10px 0px;
}

#main1 #partner #block2 a {
       font-size:12px;
	color: #0000ff;
}

#main1 #partner #block2 p {
       font-size:12px;
	color: #333333;
       padding-right:10px;
}

/* faq.html
---------------------------------------------*/
/*add 2007/08/23*/
.faq_box{

}
.faq_box img{
	padding-top:		15px;
	padding-bottom:		3px;
}


/* product.html
---------------------------------------------*/
/*add 2007/08/23*/
#product_box{
	width:				492px;
	height:				353px;
       margin-bottom:20px;
}

#product_typeB{
	position:			absolute;
	top:				430px;
	left:				325px;
}
#product_typeN1{
	position:			absolute;
	top:				135px;
	left:				325px;
}
#product_typeN2{
	position:			absolute;
	bottom:				0px;
	left:				425px;
}
#product_hard{

}
#product_hard img{
	padding-top:		15px;
}
.product_hard_inner{
}
.product_hard_innerl{
	float:				left;
	width:				165px;
}
.product_hard_innerr{
	float:				right;
	width:				300px;
}
.product_hard_table{
	width:				300px;
       margin-bottom:15px;
}
div#main1 .product_hard_t1{
	padding-top:		5px;
	padding-bottom:		5px;
	padding-left:		10px;
}
div#main1 .product_hard_t2{
	padding-top:		5px;
	padding-bottom:		5px;
	padding-left:		10px;
	background-color:#E0E0E0;
}


/* case.html
---------------------------------------------*/

.case{
	width:				480px;
}
.case_table{
	width:				460px;
       margin-bottom:15px;
       margin-left:15px;

}

div#main1 .case_t1{
	padding-top:		5px;
	padding-bottom:		5px;
	padding-left:		10px;
	background-color:#ffff99;
}

div#main1 .case_t2{
	padding-top:		10px;
	padding-bottom:	10px;
	padding-left:		10px;
       padding-right:10px;
       line-height:16px;
}

div#main1 .case_t3{
	padding-top:		10px;
	padding-bottom:	10px;
	padding-left:		10px;
       padding-right:10px;
       line-height:16px;
	background-color:#E0E0E0;
}

div#main1 .fcase_t2{
	  padding: 5px;
	  line-height:16px;
}

div#main1 .pcase_t1{
	  padding:10px;
	  line-height:16px;
	  background-color:#ffff99;
}
div#main1 .pcase_t2{
	  padding:10px;
	  line-height:16px;
	  background-color:#999999;
}
div#main1 .pcase_t3{
	  padding:10px;
	  line-height:16px;
	  background-color:#ff9966;
}
/* ---- product/index.html ---- */
/* left title */
div#main1 .pcase_n{
    font-size:11px;
    padding-left:5px;
    padding-right:5px;
    line-height:16px;
    background-color:#CCCCCC;
    text-align: center;
    vertical-align:middle;
}
/* appliance */
div#main1 .pcase_a{
    font-size:11px;
    padding-left:5px;
    padding-right:5px;
    line-height:16px;
    background-color:#CCFFFF;
    text-align: center;
    vertical-align:middle;
}
/* preinstall */
div#main1 .pcase_p{
    font-size:11px;
    padding-left:5px;
    padding-right:5px;
    line-height:16px;
    background-color:#CCFF99;
    text-align: center;
    vertical-align:middle;
}
/* si */
div#main1 .pcase_s{
    font-size:11px;
    padding-left:5px;
    padding-right:5px;
    line-height:16px;
    background-color:#FFCC33;
    text-align: center;
    vertical-align:middle;
}
/* fill a-p-s */
div#main1 .pcase_f{
    font-size:11px;
    padding-left:5px;
    padding-right:5px;
    line-height:16px;
    background-color:#FFFF99;
    text-align: center;
    vertical-align:middle;
}
/* category */
div#main1 .pcase_m{
    font-size:11px;
    padding-left:5px;
    padding-right:5px;
    line-height:16px;
    background-color:#000000;
    color:#FFFFFF;
    font-weight:bold;
    text-align: center;
    vertical-align:middle;
}




/* sitemap.html
---------------------------------------------*/

.link{
	width:				490px;
}
.link_table{
	width:				470px;
       margin-bottom:15px;
       margin-left:10px;
       margin-top:25px;

}


div#main1 .link_t1{
	padding-top:		10px;
	padding-bottom:	10px;
	padding-left:		10px;
       padding-right:10px;
       line-height:16px;
	background-color:#ffffff;
}

div#main1 .link_t2{
	padding-top:		10px;
	padding-bottom:	10px;
	padding-left:		10px;
       padding-right:10px;
       line-height:16px;
	background-color:#ffffff;
}

hr {
	color: #ccccff;
	background-color: #ffCCCC;
	height: 3px;
	border-style: dotted;
	margin-top: 20px;
	margin-bottom: 20px;
}