@charset "utf-8";
* { margin: 0; }

html, body {
margin: 0;
padding: 0;
height: 100%;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote{
margin: 0;
padding: 0;
}

body{
font-size: 13px;
font-family:'qMmpS Pro W3','Hiragino Kaku Gothic Pro W3','CI',Meiryo,Osaka,'lr oSVbN','MS P Gothic',sans-serif;
text-align: center;
}

	/* IE6 */
	* html body { font-size: 85%; }
	/* IE7 */
	*:first-child+html body { font-size: 85%; }

h1, h2, h3, h4, h5  { margin: 0; padding: 0; }	

hr  { display:none; clear:both; margin: 0px; padding: 0px; height: 1%; }

.fLeft{ float: left; }
.fRight{ float: right; }

.red{color: #ee0000; }
.Small{ font-size: x-small !important; line-height: 1.2 !important; }

/*-----------------------------
      LINK
----------------------------- */
a:link   { color: #005ea9; }
a:visited{ color: #81511c; }
a:hover,a:active { color: #cc0000; text-decoration:none; }

a img { 
color: #ffffff;
border: 0px none;
}

/*-----------------------------
      LAYOUT
----------------------------- */
#container{
width: 800px;
margin: 0 auto;
}

#header{
height: auto;
padding: 10px 0;
text-align: left;
border-bottom: 4px solid #ff6900;
}

#container{
clear: both;
height: auto;
margin-bottom: 50px;
}

#sidebar{
float: left;
width: 180px;
margin-bottom: 50px;
}

#content{
float: right;
width: 600px;
margin-bottom: 50px;
}

#footer{
clear: both;
height: auto;
padding: 15px 0;
border-top: 4px solid #ff6900;
}

.topLink{
clear:both;
width: 800px;
text-align: right;
margin: 15px 0;
font-size: x-small;
}

/*-----------------------------
      HEADER
----------------------------- */
.logo{
width: 435px;
height: 50px;
background: url(/images/logo.gif) no-repeat left;
}

.logo a{
display:block;
width: 435px;
height: 50px;
text-indent: -9999px;
}

.description{
clear: both;
font-size: 11px;
background-color: #ffe2b6;
font-size: 11px;
font-weight: normal;
padding: 2px 0 2px 5px;
margin-bottom: 20px;
}

.pan {
clear: both;
font-size: 11px;
background-color: #ffe2b6;
font-size: 11px;
font-weight: normal;
padding: 2px 0 2px 5px;
margin-bottom: 20px;
text-align: left;
}

.info{
float: right;
width: 241px;
height: 58px;
background: url(/images/info.gif) no-repeat;
text-indent: -9999px;
}

/*-----------------------------
      CONTENTS
----------------------------- */
#Flash{
width: 600px;
height: 240px;
margin-bottom: 20px;
}

#content h1{
border-left: 3px solid #ff6900;
border-bottom: 1px solid #ff6900;
color: #ff6900;
font-size: large;
text-align: left;
padding-left: 6px;
margin-bottom: 20px;
}

#content h2{
clear:left;
width: 600px;
margin-bottom: 15px;
background-repeat: no-repeat;
text-indent: -9999px;
}

#content h3{
margin-bottom: 10px;
text-align: left;
}

#content h4{
margin-bottom: 5px;
text-align: left;
}

#content blockquote{
margin: 0 0 30px 10px;
padding-left: 6px;
border-left: 3px solid #CCCCCC;
}

.tit01{ background-image: url(/images/minititle-01.gif); height: 25px; }
.tit02{ background-image: url(/images/minititle-02.gif); height: 25px; }

/* ボイス特長 */
.tit03{ background-image: url(/images/point-ld01.gif); height: 58px; }
.tit03b{ background-image: url(/images/sg-fhv_08.gif); height: 70px; }
.tit04{ background-image: url(/images/point-ld03.gif); height: 58px; }
.tit05{ background-image: url(/images/point-ld02.gif); height: 58px; }
.tit06{ background-image: url(/images/point-ld02-b.gif); height: 58px; }

/* 取り付け方 */
.tit07{ background-image: url(/images/setting-01.gif) ; height: 42px; }
.tit08{ background-image: url(/images/setting-02.gif) ; height: 42px; }
.tit09{ background-image: url(/images/setting-03.gif) ; height: 42px; }
.tit10{ background-image: url(/images/setting-04.gif) ; height: 42px; }
.tit10-2{ background-image: url(/images/setting-05.gif) ; height: 42px; }

/* 共同購入 */
.tit11{ background-image: url(/images/kyodo-ld01.gif) ; height: 42px; }
.tit12{ background-image: url(/images/kyodo-ld02.gif) ; height: 42px; }
.tit13{ background-image: url(/images/kyodo-ld03.gif) ; height: 42px; }
.tit14{ background-image: url(/images/kyodo-ld04.gif) ; height: 42px; }
.tit15{ background-image: url(/images/kyodo-ld05.gif) ; height: 62px; }

/* 設置場所 */
.tit16{ background-image: url(/images/laws-01.gif); height: 110px; }
.tit17{ background-image: url(/images/laws-ld02.gif); height: 42px; }
.tit18{ background-image: url(/images/laws-ld03.gif); height: 42px; }

#content p{
text-align:left;
line-height: 1.4;
margin-bottom: 15px;
}

#content strong{ font-weight: normal; }

.item-box{
width: 600px;
height: auto;
margin-bottom: 30px;
}

.item-box dl{
width: 48%;
}

.item-box dl dt{
float: left;
width: 130px;
}

.item-box dl dd{
margin: 0 0 10px 130px;
text-align: left;
line-height: 1.4;
}

.item-box dl dd h3{
font-size: large;
}

.lead{
width: 600px;
height: 110px;
text-indent: -9999px;
margin-bottom: 40px !important;
background-repeat: no-repeat;
}

.leadImg01{ background-image: url(/images/point-title2.gif); }
.leadImg02{ background-image: url(/images/setting-title.gif); }
.leadImg03{ background-image: url(/images/sample-title.gif); }
.leadImg04{ background-image: url(/images/kyodo-title.gif); }
.leadImg05{ background-image: url(/images/laws-title.gif); }

.movie{
text-align:center;
margin-bottom: 40px;
}

.lineTit{
color: #cc0000;
padding: 5px;
border: 1px dotted #cc0000;
margin: 0 0 10px 160px !important;
}

.lineTit2{
padding-bottom: 3px;
padding-left: 8px;
border-bottom: 1px dotted #999999;
border-left: 4px solid #000;
}

p.kyodoToi{
font-size: medium !important;
margin: 0 0 0 160px;
line-height: 1.6 !important;
}

p.kyodoToi b.lineB{
border-bottom:1px dotted #000;
}

p.kyodoToi b.lineR{
color: #cc0000;
border-bottom:1px dotted #cc0000;
}

.lawsBox{
margin-bottom: 20px;
}

	*html .lawsBox{ padding-left: 10px; }

.lawsBox dl{
width: 180px;
float: left;
margin: 0 10px 20px 10px;
}

	*html .lawsBox dl{ margin: 0 5px 20px 5px; } 

.lawsBox dl dt{
width: 180px;
margin-bottom: 5px;
}

.lawsBox dl dd{
width: 180px;
text-align: left;
line-height:1.4;
}

#content .menuList h3{
padding-bottom: 3px;
padding-left: 5px;
border-left: 4px solid #000;
}

#content .menuList ul{
margin-bottom:30px;
text-align: left;
}

#content .menuList ul li{
list-style-type: none;
line-height: 1.6;
}

#content .menuList ul li a{
padding: 5px 10px 5px 17px;
background: url(/images/arrow02.gif) 3px 10px no-repeat;
}

/*-----------------------------
      SIDE
----------------------------- */
#sidebar .menuList h3{
background: url(/images/tit_bk01.gif) no-repeat;
height: 30px;
line-height: 30px;
text-align: left;
padding:0 5px;
font-size: 13px;
border-right: 1px solid #f37b24;
}

#sidebar .menuList ul{
width: 178px;
margin-bottom: 20px;
text-align: left;
border-left: 1px solid #f37b24;
border-right: 1px solid #f37b24;
}

#sidebar .menuList ul li{
border-bottom: 1px solid #f37b24;
list-style-type: none;
line-height: 1.4;
}

#sidebar .menuList ul li a{
display:block;
width: 156px;
padding: 5px 5px 5px 17px;
background: url(/images/arrow02.gif) 3px 10px no-repeat;
text-decoration: none;
background-color: #FFF;
}

#sidebar .menuList ul li a:hover{
background: url(/images/arrow01.gif) 3px 10px no-repeat;
background-color: #FFFFCC;
}

.mailgo a{
display: block;
background-image: url(/images/navi_09.gif);
background-repeat: no-repeat;
background-position: 0 0;
height: 50px;
margin-bottom: 20px;
text-indent: -9999px;
}

.mailgo a:hover{ background-position: 0 -50px; }


.box01{
border: 1px solid #000;
padding: 5px;
text-align: left;
line-height: 1.4;
margin-bottom: 20px;
}


/*TABLE
----------------------------------------*/
table.frame01{
width: 100%;
margin-bottom: 10px;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}

table.frame01 th{
width: 25%;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 4px;
text-align: left;
background-color: #ffe5be;
font-weight: normal;
}

table.frame01 td{
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 4px;
text-align: left;
line-height: 1.3;
}

table.frame02{
width: 600px;
margin-bottom: 10px;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}

table.frame02 th{
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 3px;
text-align: left;
}

table.frame02 td{
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 3px;
line-height: 1.3;
}

/*-----------------------------
      FOOTER
----------------------------- */
#footer a{
margin: 0 15px;
text-decoration: none;
}

#footer p{
margin: 10px 0;
font-size: 11px;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix

	/* IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix{ display: block; }
	/* End IE-mac */