@charset "UTF-8";

@import "default.css";
@import "common.css";


/*----------------------------------------------------------------------------
******************************************************************************
headding
******************************************************************************
----------------------------------------------------------------------------*/
h3 {
width:798px;
height:91px;
margin:0 0 13px 0;
text-indent:-99999px;}

#service h3 { background: url(../images/h3_service.jpg) 0 0 no-repeat;}
#price h3 { background: url(../images/h3_price.jpg) 0 0 no-repeat;}
#about h3 { background: url(../images/h3_about.jpg) 0 0 no-repeat;}
#company h3 { background: url(../images/h3_company.jpg) 0 0 no-repeat;}
#case h3 { background: url(../images/h3_case.jpg) 0 0 no-repeat;}
#clinic h3 { background: url(../images/h3_clinic.jpg) 0 0 no-repeat;}
#realtor h3 { background: url(../images/h3_realtor.jpg) 0 0 no-repeat;}
#enterprise h3 { background: url(../images/h3_enterprise.jpg) 0 0 no-repeat;}
#publisher h3 { background: url(../images/h3_publisher.jpg) 0 0 no-repeat;}
#topics h3 { background: url(../images/h3_topics.jpg) 0 0 no-repeat;}
#glossary h3 { background: url(../images/h3_glossary.jpg) 0 0 no-repeat;}
#faq h3 { background: url(../images/h3_faq.jpg) 0 0 no-repeat;}
#inquiry h3 { background: url(../images/h3_inquiry.jpg) 0 0 no-repeat;}
#sitemap h3 { background: url(../images/h3_sitemap.jpg) 0 0 no-repeat;}

h4 {
width:562px;
color:#000000;
font-weight:bold;
font-size:90%;
padding:12px 0 9px 18px;
margin:0 0 10px 0;
background: url(../images/h4_ttl.jpg) 0 0 no-repeat;}

.contents h5 {
width:575px;
font-size:90%;
font-weight:bold;
color:#FF8600;
padding:10px 0 5px 5px;
margin-bottom:5px;
background: url(../images/h5_ttl.gif) 0 bottom no-repeat;}

/*----------------------------------------------------------------------------
******************************************************************************
******************************************************************************
----------------------------------------------------------------------------*/

/* images
-------------------------------------------------------------*/
.imgR{
float:right;
margin:0 0 15px 15px;
padding:4px;
width:190px;
height:150px;
border:solid 1px #CCCCCC;}

/* pankuzu
-------------------------------------------------------------*/
.pLink{
font-size:78%;
padding:5px 0 5px 8px;
color:#666666;
line-height:1.4;}

.pLink a:link{color:#666666;text-decoration:underline;}
.pLink a:visited{color:#666666;text-decoration:underline;}
.pLink a:hover{color:#666666;text-decoration:none; padding-bottom:1px;}
.pLink a:active{color:#666666;text-decoration:none; padding-bottom:1px;}

/* pagetop
-------------------------------------------------------------*/
.contents div.pTop {
width:580px;
height:13px;
margin:20px 0 0 0;
background: url(../images/ptop.jpg) 463px 0 no-repeat;}
.contents div.pTop p { padding:0 0 0 463px;}
.contents div.pTop a{
display:block;
width:117px;
height:15px;
text-indent:-99999px;}

/* box
-------------------------------------------------------------*/
.contentsBox{
width:580px;
margin-bottom:10px;}

.contentsBox p{ font-size:90%; line-height:1.4; margin:2px;}

.contentsBox p a:link{color:#FF6600;text-decoration:underline; line-height:1.4;}
.contentsBox p a:visited{color:#FF6600;text-decoration:underline; line-height:1.4}
.contentsBox p a:hover{color:#FF6600;text-decoration:none; line-height:1.4}
.contentsBox p a:active{color:#FF6600;text-decoration:none; line-height:1.4}

/* tel bnr
-------------------------------------------------------------*/
.contentsBox p.telBnr{
margin:15px 0 0 0;
}

.contentsBox p.telBnr a{
display:block;
background: url(../images/tel_bnr.jpg) top left  no-repeat;
width:500px;
height:58px;
text-indent:-99999px;}
.contentsBox p.telBnr a:hover{
display:block;
background: url(../images/tel_bnr.jpg) bottom left no-repeat;
width:500px;
height:58px;
text-indent:-99999px;}

.contentsBox p.telBnr2 {
margin:10px 0 0 0;
width:500px;
height:58px;
text-indent:-99999px;
background: url(../images/tel_bnr2.jpg) 0 0 no-repeat;}

/* Link
-------------------------------------------------------------*/
.contents ul{
width:580px;
padding:8px 0 8px 0;
margin-bottom:15px;
background:#EBEBEB;}

.contents ul li{
display:inline;
padding:0 0 5px 18px;
margin:0 0 0 10px;
font-size:78%;
line-height:1.4;
background: url(../images/icon_09.gif) 0 0 no-repeat;}

.contents ul li a:link{color:#666666;text-decoration:underline; line-height:1.4}
.contents ul li a:visited{color:#666666;text-decoration:underline; line-height:1.4}
.contents ul li a:hover{color:#666666;text-decoration:none; line-height:1.4}
.contents ul li a:active{color:#666666;text-decoration:none; line-height:1.4}

/* service/index.html
--------------------------------*/
#service .contents div.serviceBox{
width:580px;
padding:15px 0 0 0;
background: url(../images/service_01.gif) 0 0 no-repeat;}

#service .contents dl{
width:580px;
background: url(../images/service_03.jpg) 0 0 repeat-y;}

#service .contents dl dt{
padding:7px 10px 0 33px;
font-size:90%;
color:#208FFF;
font-weight:bold;
background: url(../images/service_04.jpg) 10px 0 no-repeat;}

#service .contents dl dd{
padding:5px 10px 16px 14px;
font-size:90%;
line-height:1.4;}

#service .contents dl dd.last{
padding:5px 10px 15px 14px;
background: url(../images/service_02.gif) 0 bottom no-repeat;}

.text-price { font-size:85%;
text-align:center;
margin-top:0px;
margin-bottom:10px;
}
/* table
--------------------------------*/
.contents table { background:#FF8600; margin-bottom:20px;}
.contents table th { font-size:90%;line-height:1.4;background:#FFF0D7; padding:4px;}
.contents table td { font-size:90%;line-height:1.4;background:#FFFFFF; padding:4px;}

/* table style
--------------------------------*/
#price .contents table td.bg01,
#company .contents table td.bg01{ background:#F0F8FF; vertical-align:top;}
#glossary table { margin:10px 0 0 0;}

/* company
-------------------------------------------------------------*/
#company .contentsBox ul { background:#EBEBEB; margin-bottom:30px;}

#company .contentsBox ul li {
display:block;
font-size:78%;
line-height:1.4;
padding:1px 0 0 15px;
background: url(../images/icon_01.gif) 0 4px no-repeat;}

/* privacy
----------------------*/
.contents table#pr { background:#FF8600; margin-bottom:20px;}

.contents table#pr td.bg02 {
text-align:center;
background:#FFF0D7;
color:#FF6600;
font-weight:bold;}

.contents table#pr td p {line-height:1.4;}
.contents table#pr td p.icon1 {
background: url(../images/icon_08.gif) 0 3px no-repeat;
padding:0 0 0 15px;}

/* case
-------------------------------------------------------------*/
div.caseBox {
width:557px;
background:#F0F0F0;
border:solid 4px #FFCC99;
padding:10px 10px 10px 5px;
margin:0 0 5px 0;}

div.caseBox ul {
width:550px;
background:#F0F0F0;
margin:0;
padding:0;}

div.caseBox ul li {
display:block;
padding:0 0 0 20px;
font-size:90%;
line-height:1.4;
background: url(../images/icon_03.gif) 2px 4px no-repeat;}

div.caseBox ul li.i02 {
display:block;
background: url(../images/icon_05.gif) 0 2px no-repeat;}

div.caseBox p{
font-size:90%;
line-height:1.4;
}

/* box2 ------------------*/
div.caseBox2 {
width:580px;
padding:0 0 6px 0;
margin:5px 0 20px 0;
background: url(../images/case_04.gif) 0 100% no-repeat;}

div.caseBox2Bg {
background: url(../images/case_03.gif) 0 100% repeat-y;}

div.caseBox2Bg h5.voice {
height:34px;
margin-bottom:0;
text-indent:-99999px;
background: url(../images/case_02.gif) 0 0 no-repeat;}

div.caseBox2Bg ul {
width:560px;
margin:0 0 0 10px;
padding:0;
background:none;}

div.caseBox2Bg ul li {
display:block;
color:#666666;
font-size:90%;
line-height:1.4;
padding:2px 10px 10px 25px;
margin:0 0 0 10px;
background: url(../images/icon_04.gif) 0 0 no-repeat;}

.contents p.arrow {
width:71px;
height:47px;
margin:0 0 0 254px;
text-indent:-99999px;
background: url(../images/arrow.jpg) 0 0 no-repeat;}

/* topics
-------------------------------------------------------------*/
#topics div.contentsBox2 {
width:557px;
background:#F0F0F0;
border:solid 4px #FFCC99;
padding:15px 10px 0 10px;
margin:0 0 5px 0;}

#topics div.contentsBox2 p{ font-size:90%; line-height:1.4; margin:2px 2px 15px 2px;}

/* glossary
-------------------------------------------------------------*/
#glossary .contents h5,
#glossary .contents dl, {
width:580px;
font-size:90%;
line-height:1.4;}

#glossary .contents h5 {
background: url(../images/h5_ttl.gif) 0 bottom no-repeat;}

#glossary .contents dl dt {
padding:0 0 0 15px;
margin:10px 0 0 3px;
font-weight:bold;
background: url(../images/icon_08.gif) 0 0 no-repeat;}

#glossary .contents dl dd {
padding:0 0 10px 18px;
margin:5px 0 15px 0;
border-bottom:solid 1px #EEEEEE;}

#glossary .contents .contentsBox ul{
background:#F0F0F0;
border:solid 1px #CCCCCC;
width:250px;}

#glossary .contents .contentsBox ul li{
display:block;
font-size:80%;
padding:0 0 0 18px;
background: url(../images/icon_10.gif) 0 3px no-repeat;}

/* faq
-------------------------------------------------------------*/
#faq .contents ul { background:#EBEBEB;}

#faq .contents ul li {
display:block;
font-size:78%;
line-height:1.4;
background:none;}

#faq .contents ul li a{ color:#318EE3;}

#faq .contents dl dt,
#faq .contents dl dd{
padding:9px 0 11px 40px;
font-size:90%;
line-height:1.4;}

#faq .contents dl dt{
background: url(../images/q.gif) 0 2px no-repeat;
font-weight:bold;
color:#FF6600;}

#faq .contents dl dd{
background: url(../images/a.gif) 0 2px no-repeat;
border-bottom:solid 1px #EEEEEE;
margin-bottom:12px;}

/* inquiry
-------------------------------------------------------------*/
#inquiry .contents ul{
background:#F0F0F0;
border:solid 1px #CCCCCC;
width:250px;}

#inquiry .contents ul li{
display:block;
font-size:90%;
padding:0 0 0 18px;
background: url(../images/icon_03.gif) 0 2px no-repeat;}

#inquiry table { margin:10px 0 0 0;}
#inquiry table th { width:30%;}

#inquiry .formw { width:280px;}

select { font-size:90%;}

textarea { padding:2px 1px; line-height:1.2;}
input { line-height:1.2;}

#inquiry .formbtn {
width:580px;
text-align:center;
margin:20px 0 30px 0;}

#inquiry .formbtn .btn {
padding:3px 5px 2px 5px;
width:100px;
margin:0 10px;
font-size:90%;}

.thanksMass p{ margin:20px 0 50px 2px; font-size:90%; line-height:1.4;}
.thanksMass p a{ color:#FF6600;}


.mb10{margin-bottom: 10px;}
.mb05{margin-bottom: 5px;}

.bold{ font-weight: bold;}
.orange{ color: #FF3300;}

/* sitemap
-------------------------------------------------------------*/
#sitemap .contents h4{
width:575px;
font-size:90%;
line-height:1.4;
font-weight:bold;
color:#666666;
padding:10px 0 3px 5px;
margin-bottom:5px;
background: url(../images/h5_ttl.gif) 0 bottom no-repeat;}

#sitemap .contents h4 a{ color:#FF6600; text-decoration:none;}
#sitemap .contents h4 a:hover{ color:#FF9900; text-decoration:none;}

#sitemap .contents dl{
width:575px;}

#sitemap .contents dt{
font-size:90%;
color:#666666;
font-weight:bold;
padding:0 0 5px 20px;
margin:7px 0 0 20px;
background: url(../images/icon_07.gif) 0 3px no-repeat;}

#sitemap .contents dt a{ text-decoration:underline;}
#sitemap .contents dt a:hover{ text-decoration:none;}

#sitemap .contents dd{
font-size:78%;
margin:0 0 15px 37px;}