@charset "utf-8";
/* CSS Document */


a:link{
color:#3399FF;
text-decoration:underline;
}


a:hover{
color:#FF6600;
text-decoration:none;
}


/* clearfix */
.clearfix:after {content:" "; display: block; clear:both; height:0em;}
.clearfix {zoom:1;}


/* Padding */
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:15px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}

.mb5 {margin-bottom:5px;}
.mb25 {margin-bottom:25px;}
.mt10 {margin-top:10px;}


/* ブロック関連クラス */
.block{ display:block;}
.clear {clear:both;}
.center{text-align:center;}
.right {float:right;}
.left {float:left;}
.txtCenter {text-align:center;}

/* フォントサイズ */
.font14{
 font-size:14px;
 }

.f10{
font-size:10px;
color:#999999;
}


body{
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
margin:0px;
padding:0px;
font-family:"メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka;

}

#wrapper{
margin:5px auto 0px auto;
width:792px;
padding:15px 15px 0px 15px;
border-left:solid 1px #eeeeee;
border-right:solid 1px #eeeeee;
background-color:#FFFFFF;
}

h1{
font-size:10px;
color:#CCCCCC;
font-weight:normal;
margin:0px 0px 10px 5px;
padding:0px;
}
#header {
	height: 45px;
}


#logo{
float:left;
width:315px;
padding:0px 0px 0px 4px;
}

#tel{
float:right;
width:190px;
margin:0px;
padding:6px 0px 0px 0px;
}

#contact{
float:right;
text-align:right;
width:190px;
padding:0px 3px 0px 0px;
}

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

#topNav {
	clear:both;
	width:790px;
	margin:15px auto 0px auto;
	height:45px;
_ padding-top:10px;}
#topNav li {height:45px; float:left; font-size:0%; background-position:0px 0px; list-style-type:none;}
#topNav li a {display:block; height:45px; text-decoration:none;}
#topNav li a span {position:absolute; left:-9999px;}
#topNav li a:hover {background-position:0px -45px;}



#topNav li#topNavAbout a {background-image:url(../images/menu_about.jpg); width:146px;}
#topNav li#topNavGreet a {background-image:url(../images/menu_greet.jpg); width:81px;}
#topNav li#topNavService a {background-image:url(../images/menu_service.jpg); width:120px;}
#topNav li#topNavStep a {background-image:url(../images/menu_step.jpg); width:121px;}
#topNav li#topNavCharge a {background-image:url(../images/menu_charge.jpg); width:81px;}
#topNav li#topNavVoice a {background-image:url(../images/menu_voice.jpg); width:107px;}
#topNav li#topNavFaq a {background-image:url(../images/menu_faq.jpg); width:134px;}


#btm{
margin-top:30px;
font-size:12px;
}

#btm span{
padding:4px;
}

.foot{
text-align:center;
line-height:20px;
font-size:11px;
margin-bottom:10px;
}
.foot strong{
font-weight: normal;
}

#btmAd{
background-image:url(../images/btm_bg.jpg);
background-repeat:repeat-x;
height:65px;
}
#btmAd strong{
font-weight: normal;
}

.btmL{
float:left;
text-align:center;
width:230px;
padding:20px 0px 0px 0px;
}

.btmR{
float:right;
text-align:left;
width:560px;
font-size:11px;
padding:16px 0px 0px 0px;
}



#box{
margin:15px auto 20px auto;
width:790px;
}

#boxL{
float:left;
width:540px;
}

#boxL h2{
margin:0px;
padding:0px 0px 15px 0px;
}



#boxR{
float:right;
width:206px;
padding:12px 12px 12px 12px;
background-color:#f8f7e7;
}




#result{
background-color:#FFFFFF;
border:solid 3px #f2f1d5;
margin:0px 0px 15px 0px;
width:200px;
}

#blog{
background-color:#FFFFFF;
border:solid 3px #f2f1d5;
margin:0px 0px 15px 0px;
width:200px;
}

.bnr{
background-color:#FFFFFF;
border:solid 3px #f2f1d5;
margin:0px 0px 10px 0px;
width:200px;
}


#result h3{
margin:5px 0px 5px 0px;
padding:0px;
}

#result p{
margin:0px 8px 0px 8px;
padding:0px;
line-height:18px;
font-size:11px;
color:#666666;
}

#publicity{
background-color:#FFFFFF;
border:solid 3px #f2f1d5;
margin:0px 0px 15px 0px;
width:200px;
}

#publicity h3{
margin:5px 0px 5px 0px;
padding:0px;
}


#publicity p{
margin:0px 5px 0px 5px;
padding:0px;
line-height:18px;
font-size:11px;
color:#666666;
}



.imgP{
margin:5px auto 5px auto;
width:190px;
}

.detail{
color:#999999;
text-align:right;
font-size:11px;
padding:4px 8px 8px 0px;
}



#address{
background-color:#FFFFFF;
border:solid 3px #f2f1d5;
margin:0px 0px 15px 0px;
width:200px;
}

#address h3{
margin:5px 0px 5px 0px;
padding:0px;
}

#address h4{
margin:8px 0px 2px 8px;
font-size:11px;
padding:0px;
}


#address p{
margin:0px 5px 0px 8px;
padding:0px;
line-height:18px;
font-size:11px;
color:#666666;
}


#mailmagazine{
background-color:#FFFFFF;
border:solid 3px #f2f1d5;
margin:0px 0px 15px 0px;
width:200px;
}

#mailmagazine h3{
margin:5px 0px 5px 0px;
padding:0px;
}

#mailmagazine p{
margin:0px 5px 0px 5px;
padding:0px;
line-height:18px;
font-size:11px;
color:#666666;
}

.mailBox{
width:190px;
margin:0px auto;
text-align:center;
}

#pan{
margin:0px;
padding:8px 0px 0px 5px;
font-size:11px;
}
#pan strong{
font-weight: normal;
}

#pan span{
margin:0px;
padding:0px 4px 0px 4px;
color:#999999;
}


#btm_contact{
margin:35px 0px 0px 0px;
padding:0px;
}
#btm_contact h3{
margin:0px 0px 5px 0px;
padding:0px;
}