@charset "utf-8";
/* CSS Document */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clear{clear:both;}
.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

img{border:none;}

li{list-style-type:none; margin:0; padding:0;}
li img{vertical-align:bottom;}
ul,li,h1,h2,h3,p,dl,dt,dd,img{margin:0; padding:0; font-weight:normal;}
.red{color:#CC0000;}
.arrow{background:url(../images/pic1.gif) no-repeat left; padding-left:20px;}


.mt10{margin-top:10px;}
.mt20{margin-top:20px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}

.mb20{margin-bottom:20px;}
.mb15{margin-bottom:15px;}

.pt20{padding-top:20px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}

.pl20{padding-left:20px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl180{padding-left:180px;}

a{color:bule; text-decoration:underline;}
a:hover{color:#CC3333;}
a:hover img{opacity:0.8; filter:alpha(opacity:80);}

.border{ border:1px solid #CCCCCC; border-bottom:2px solid #999;}
.right{float:right;}
.small{font-size:0.8em;}

html{height:100%;}
body{
	font-size:62.5%;
	line-height:2em;
	color:#333333;
	font-family:Verdana, Meiryo, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "ＭＳ Pゴシック", Osaka, sans-serif;
	margin:0;
	padding:0;
	height: 100%;
	
}

#wrap{
	width:963px;
	margin:0 auto;
	padding:0;
	padding-bottom:180px;
	}
body > #wrap{height:auto; min-height:100%}	
#header{text-align:right;}
#header p{background:url(../images/header_bg.gif); font-size:1em; padding-left:10px; text-align:left;}

#logo{width:430px; float:left; padding-top:20px;}
#logo a:hover img{ opacity:1.0;}

ul#s_menu { width:460px; margin:5px 0 5px 495px; font-size:1.2em;}
ul#s_menu li {display:inline; padding:0 5px 0 20px; background:url(../images/pic1.gif) left no-repeat;}

ul#menu{width:960px; margin:0 auto; clear:both;}
ul#menu li{float:left;}
ul#menu li a:hover img{ opacity:1.0;}

ul#login_menu{ margin:10px 0 -15px 0 ;}
ul#login_menu li{display:inline;}

ul#p_navi{text-align:left; margin-bottom:3px;}
ul#p_navi li{display:inline; font-size:1em;}

.star1{background:url(../images/star1.gif) no-repeat;}
.star1_5{background:url(../images/star1.5.gif) no-repeat;}
.star2{background:url(../images/star2.gif) no-repeat;}
.star2_5{background:url(../images/star2.5.gif) no-repeat;}
.star3{background:url(../images/star3.gif) no-repeat;}
.star3_5{background:url(../images/star3.5.gif) no-repeat;}
.star4{background:url(../images/star4.gif) no-repeat;}
.star4_5{background:url(../images/star4.5.gif) no-repeat;}
.star5{background:url(../images/star5.gif) no-repeat;}

h1.title{
	background:url(../images/title_bg_house.gif) no-repeat;
	padding:20px 0 20px 80px;
	margin:20px 0 0 0;
	font-size:2.8em;
	border:1px solid #CCCCCC;
	border-bottom:2px solid #999999;
	}


h2.s_title{ font-size:1.4em; font-weight:bold; background:url(../images/title_bg3.gif); height:31px; padding:10px 0 0 20px;}


/* フッター */
#footer_wrap{width:960px; clear:both; margin:0 auto; padding:0;}
#footer{margin-top:-180px; height:180px;}
#footer #f_logo {position:relative; }
#footer #f_logo img{float:left;}
#footer #f_logo p{color:#CCC; margin:0 0 0 200px; line-height:78px;}
img.globalsign{position:absolute; right:0; top:10px;}

#footer_menu{ background:url(../images/footer_bg1.gif); border:1px solid #CCC; border-bottom:none; padding-right:20px; overflow:hidden;}
#footer_menu a {color:#666; font-size:1.2em; text-decoration:none;}
#footer_menu ul{ padding-left:10px;}
#footer_menu ul li {float:left; }
#footer_menu ul li a{ display:block; padding:2px 13px 2px 13px; margin:5px 5px 5px 0px;}
#footer_menu ul li a:hover{
	color:#FFF;
	background:url(../images/bg_blue.gif);
	text-align:center;
	padding-bottom:0px;
	border-bottom:2px solid #999;
	
	-moz-border-radius: 15px;/*for Firefox*/
	-webkit-border-radius: 15px;/*for Safari and chrome*/
	border-radius: 15px;/*//CSS3*/
	behavior: url(/ecoad/erabi/style/PIE.htc);
	/*↑ここを変更して下さい。「PIE.htc」の場所がhttp://erabee.com/style/PIE.htcなら、「/style/PIE.htc」*/
	position:relative;
}
#footer_menu .top_btn{ background:url(../images/pic4.gif) left center no-repeat; padding-left:20px; width:150px; float:right; margin-top:8px;}
#footer_bottom_menu{ background: url(../images/footer_bg2.jpg) no-repeat; padding:10px 0; border:1px solid #CCCCCC; border-top:none; margin-bottom:20px;}

#footer_bottom_menu ul li{ color:#666666; display:inline; padding:0 20px;}
#footer_bottom_menu ul li a{ color:#666; text-decoration:none;}
#footer_bottom_menu ul li a:hover{color:#CC0000;}