@charset "utf-8";
/* swf
*************************************************/
#flashcontent{
width:930px;
height:287px;
margin-bottom:15px;
}

/* contents
*************************************************/
#section{
width:930px;
margin-bottom:40px;
}

#leftContents{
float:left;
width:710px;
}

/*左部分*/
#leftContentsInnerL{
float:left;
width:225px;
}

/*左部分各コンテンツ*/
.leftContentsBlock{
width:225px;
margin-bottom:10px;
background:url(../../images/index_contents_002.gif) repeat-y;
}

/*ERAについて　背景*/
#leftContentsBlockInner01{
padding:7px 10px 45px;
background:url(../../images/index_contents_003.jpg) no-repeat bottom;
}

/*ERAの加盟店を探す　背景*/
#leftContentsBlockInner02{
padding:7px 10px 45px;
background:url(../../images/index_contents_004.jpg) no-repeat bottom;
}

/*ERAのリフォーム　背景*/
#leftContentsBlockInner03{
padding:7px 10px 45px;
background:url(../../images/index_contents_005.jpg) no-repeat bottom;
}

#leftContentsBlockInner01 h3,#leftContentsBlockInner02 h3,#leftContentsBlockInner03 h3{
font-weight:bold;
margin-bottom:5px;
}

#leftContentsBlockInner01 p,#leftContentsBlockInner02 p,#leftContentsBlockInner03 p{
line-height:120%;
margin-right:30px;
}

/*中央部分*/
#leftContentsInnerR{
float:right;
width:470px;
}

/*フェア用バナー部分 （08.12.10に追加）*/
.fiarbanaBlock{
width:470px;
margin-bottom:15px;
}

.middleContentsBlock{
width:470px;
margin-bottom:15px;
}

/*お役立ちコンテンツ　背景*/
.middleContentsBlock#usefulContents{
background:url(../../images/index_contents_006.gif) repeat-y;
}

.middleContentsBlock h2{
margin-bottom:10px;
}

.middleContentsBlockInner{
width:460px;
padding-left:10px;
}

/*お役立ちコンテンツ　背景下部*/
.middleContentsBlockInner#usefulContentsInner{
background:url(../../images/index_contents_007.gif) no-repeat bottom;
}

/*お役立ちコンテンツ　各セクション*/
.middleContentsBlockInnerSection{
float:left;
display:inline;
width:220px;
margin:0 8px 4px 0;
padding-bottom:1px;
}

.middleContentsBlockInnerSection h3{
margin-bottom:8px;
}

#middleContentsBtnBlock{
clear:both;
padding:15px 0;
text-align:left;
background:url(../../images/index_line_001.gif) no-repeat left top;
}

#middleContentsBtnBlock li{
float:left;
display:inline;
margin-right:5px;
}

/*インフォメーション*/
.middleContentsBlockInner#infoBlock.clear{
width:470px;
}

.middleContentsBlockInner#infoBlock p{
float:left;
width:110px;
margin:0 4px 7px 0;
}

body:first-of-type .middleContentsBlockInner#infoBlock p{
width:120px;
}

.middleContentsBlockInner#infoBlock p.linkWithArrow{
float:left;
line-height:120%;
width:300px;
margin:1px 0 7px;
margin-top:2px;
}

/*右部分*/
#rightContents{
float:right;
width:205px;
text-align:center;
}

#rightContents img{
margin-bottom:10px;
}

#rightContents p{
font-size:80%;
margin:0 35px;
_margin:0 20px;
}

#rightContents p a{
text-decoration:none;
}

#rightContents p a:hover{
text-decoration:underline;
}

/*グループ会社*/
#companyBlock{
width:930px;
background:url(../../images/index_contents_009.gif) repeat-y;
}

#companyBlockInner{
width:930px;
padding-bottom:10px;
background:url(../../images/index_contents_010.gif) no-repeat bottom;
}

#companyBlockInnerSection{
width:920px;
padding:11px 0 0 10px;
background:url(../../images/index_contents_008.gif) no-repeat top;
}

/*グループ会社　左部分*/
#companyBlockLeft{
float:left;
width:215px;
}

#companyBlockLeft h2{
color:#112a8d;
font-size:100%;
font-weight:bold;
margin-bottom:5px;
line-height:100%;
}

#companyBlockLeft p{
line-height:120%;
margin-bottom:5px;
}

#groupListBlock{
float:right;
}

#groupListBlock p{
font-size:100%;
margin:0;
padding-bottom:1px;
}

#groupListBlock p.linkWithArrow{
padding-top:2px;
background-position:left;
}

/*グループ会社　右部分*/
#companyBlockRight{
float:right;
width:662px;
}

#companyBlockRight img{
float:left;
display:inline;
margin-right:10px;
}

/*pagetop*/
#pageTopBlock{
margin-top:30px;
}