@charset 'UTF-8';

/* ============================================================ headArea */

#headArea{
height:99px;
background:url("../img/img_headback.jpg") repeat-x;
}

#headCont{
width:950px;
margin:0 auto;
padding:3px 0 0 0;
}

#logoArea{
width:490px;
height:63px;
}

#logoArea p.logo{
float:left;
}

#logoArea p.catch{
float:right;
background:url("../img/catch01.jpg") left top no-repeat;
width:400px;
height:63px;
text-indent: -9999px;
text-decoration: none;
}

#ttlArea{
width:950px;
margin:0 auto;
height:97px;
background:url("../img/img_ttlback.jpg") right top no-repeat;
}

.pankuzu{
font-size:85%;
height:37px;
}

.pankuzu p{
padding-top:10px;
}

.pankuzu p span.open{
font-weight:bold;
}

/* ============================================================ naviArea */

#naviArea{
clear:both;
width:950px;
}

#naviArea ul li{
float:left;
text-indent:-9999px;
}

#naviArea ul li#menuTop{
width:236px;
height:33px;
}

#naviArea ul li#menuSource,
#naviArea ul li#menuGuide,
#naviArea ul li#menuSupport{
width:238px;
height:33px;
}

#naviArea ul li#menuTop{
background:url("../img/navi.jpg") left bottom no-repeat;
}

#naviArea ul li#menuSource{
background:url("../img/navi.jpg") -236px bottom no-repeat;
}

#naviArea ul li#menuGuide{
background:url("../img/navi.jpg") -474px bottom no-repeat;
}

#naviArea ul li#menuSupport{
background:url("../img/navi.jpg") -712px bottom no-repeat;
}

#naviArea ul li a{
display:block;
}

#naviArea ul li#menuTop a{
width:236px;
height:33px;
}

#naviArea ul li#menuSource a,#naviArea ul li#menuGuide a,#naviArea ul li#menuSupport a{
width:238px;
height:33px;
}

#naviArea ul li#menuTop a:link,#naviArea ul li#menuTop a:visited{
background:url("../img/navi.jpg") left top no-repeat;
}

#naviArea ul li#menuTop a:hover,#naviArea ul li#menuTop a:active{
background:url("../img/navi.jpg") left bottom no-repeat;
}

#naviArea ul li#menuSource a:link,#naviArea ul li#menuSource a:visited{
background:url("../img/navi.jpg") -236px top no-repeat;
}

#naviArea ul li#menuSource a:hover,#naviArea ul li#menuSource a:active{
background:url("../img/navi.jpg") -236px bottom no-repeat;
}

#naviArea ul li#menuSource a.proOpen{
background:url("../img/navi.jpg") -236px bottom no-repeat;
}

#naviArea ul li#menuGuide a:link,#naviArea ul li#menuGuide a:visited{
background:url("../img/navi.jpg") -474px top no-repeat;
}

#naviArea ul li#menuGuide a:hover,#naviArea ul li#menuGuide a:active{
background:url("../img/navi.jpg") -474px bottom no-repeat;
}

#naviArea ul li#menuSupport a:link,#naviArea ul li#menuSupport a:visited{
background:url("../img/navi.jpg") -712px top no-repeat;
}

#naviArea ul li#menuSupport a:hover,#naviArea ul li#menuSupport a:active{
background:url("../img/navi.jpg") -712px bottom no-repeat;
}

/* ============================================================ contentArea */

#contentArea{
width:930px;
margin:0 auto;
}

/* ============================================================ guidePage */
h1.guideH1{
background: url("../../guide/img/ttl_guide.jpg") left top no-repeat;
width: 380px;
height: 40px;
text-indent: -9999px;
text-decoration: none;}

h3.guideH3{
background: url("../img/bg_ttl01.gif") left top no-repeat;
margin:0 0 5px 0;
padding:6px 0 6px 15px;
font-weight:bold;
font-size:110%;}

p.memoTxt{
line-height:120%}

.rankTable{
width:930px;
margin:0 0 15px;
border-right:1px solid #888888;
}

table.rankTable td{
padding:10px;
border-left:1px solid #888888;
border-bottom:1px solid #888888;
}

table.rankTable th{
text-align:left;
border-left:1px solid #888888;
border-bottom:1px solid #888888;
}

table.rankTable th.noLine{
border-left:none;
}

table.rankTable th.e6{
background-color:#e6e6e6;
}

table.rankTable td.alCenter{
text-align:center;
}

table.rankTable p,table.rankTable ul li{
line-height:120%;
}

table.rankTable p.rank01{
background: url("../../guide/img/list_bg01.gif") left 3px no-repeat;
padding:0 0 0 15px;
}

table.rankTable p.rank02{
background: url("../../guide/img/list_bg02.gif") left 3px no-repeat;
padding:0 0 0 15px;
}

table.rankTable p.kome{
padding:0 0 0 30px;
text-indent:-1em;
}

table.rankTable ul li{
padding:0 0 0 13px;
}

.priceArea{
margin:0 0 25px	
}

.priceLeft{
float:left;
}

.priceRight{
width:390px;
padding:8px;
float:right;
border:1px solid #888888;
}

.priceRight p{
text-align:center;
}

.priceRight p img{
margin-top:5px;
}

.inspectionArea{
background: url("../../guide/img/img_contback.jpg") right bottom no-repeat;}

.inspectionArea p.ttl{
margin:15px 0 5px;
padding-left:13px;
background: url("../img/bg_ttl02.gif") left 4px no-repeat;
font-weight:bold;}

.inspectionArea table{
width:580px;
border:1px solid #888888;
}

.inspectionArea table th,.inspectionArea table td{
padding:3px 7px;
}

.inspectionArea table th.ttl01{
background-color:#dcdcdc;
text-align:left;
font-weight:bold;
}

.inspectionArea table td.ttl02{
background-color:#ebebeb;
text-align:center;
font-weight:bold;
}

.inspectionArea table td.btmLine{
border-bottom:1px solid #dfdfdf;
}

.inspectionArea table td.lftLine{
border-left:1px solid #dfdfdf;
}

.inspectionArea table td.aCenter{
text-align:center;
}

/* ============================================================ supportPage */

h1.supportH1{
background: url("../../support/img/ttl_support.jpg") left top no-repeat;
width: 380px;
height: 40px;
text-indent: -9999px;
text-decoration: none;}

/* ============================================================ sitemapPage */

h1.sitemapH1{
background: url("../../sitemap/img/ttl_sitemap.jpg") left top no-repeat;
width: 380px;
height: 40px;
text-indent: -9999px;
text-decoration: none;}

ul li.sitemap{
background: url("../../sitemap/img/bg_ttl03.gif") left 6px no-repeat;
padding:0 0 10px 10px;
}

ul li.sitemap ul{
margin:5px 0 0 15px;
}

ul li.sitemap ul li{
background: url("../../sitemap/img/bg_ttl04.gif") left 6px no-repeat;
padding:0 0 0 10px;
}

/* ============================================================ inquiryPage */

h1.inquiryH1{
background: url("../../inquiry/img/ttl_inquiry.jpg") left top no-repeat;
width:380px;
height:40px;
text-indent: -9999px;
text-decoration: none;}

#inquiryArea{
width:930px;
margin:50px auto 50px;	
}

#inquiryArea p{
text-align:center;	
}

#inquiryArea p.inquiryTxt{
font-weight:bold;
font-size:110%;}

p.btnYSP{
background: url("../../inquiry/img/btn_ysp_shop.gif") left top no-repeat;
text-indent:-9999px;
width:215px;
margin:8px auto 0;
}

p.btnYSP a{
display:block;
width:215px;
height:30px;
}

p.btnYSP a:visited,p.btnYSP a:link{
background: url("../../inquiry/img/btn_ysp_shop.gif") left top no-repeat;
}

p.btnYSP a:hover,p.btnYSP a:active{
background: url("../../inquiry/img/btn_ysp_shop.gif") left bottom no-repeat;
}

/* ============================================================ pageTop */

#pageTop{
margin:45px auto 0;
width:930px;
height:20px;
}

#pageTop p{
text-indent:-9999px;
}

#pageTop a{
margin-left:805px;
display:block;
width:125px;
height:20px;
}

#pageTop a:link,#pageTop a:visited{
background:url("../img/img_pagetop.gif") right top no-repeat;
}

#pageTop a:hover,#pageTop a:active{
background:url("../img/img_pagetop.gif") right bottom no-repeat;
}
/* ============================================================ infoArea */

#infoArea{
width:950px;
margin:0 auto 30px;
}

#infoArea h3{
background:url("../../img/ttl_info.gif") left top no-repeat;
width:55px;
height:15px;
text-indent:-9999px;
}

#infoArea dl{
background:url("../../img/line_dot.gif") left bottom repeat-x;
padding:6px 0;
}

#infoArea dl dt{
float:left;
}

#infoArea dl dd{
margin:0 0 0 90px;
}