@charset "UTF-8";

/* ---------------------------------------
* home common
--------------------------------------- */
.hdg-level1-01 .new{
margin-left:10px;
color:#d71d23;
font-weight:bold;
font-size:55%;
}

ul#social {
padding-bottom:5px;
}
ul#social li {
float:left;
margin-right:1em;
}

ul#social li.tw {
width:100px;
}

ul#social:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
/*  box-A00
--------------------------------------- */
.box-A00 {
margin-bottom:20px;
padding:20px 14px 20px 14px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #e0da81;
behavior:url("/common/js/PIE.htc");
position:relative;
background-color:#f9f6c8;
}
.box-A00 .title{
margin:0 auto 20px auto;
width:680px;
}
.box-A00 .img-01{
margin:0 auto 0 auto;
width:680px;
}
.box-A00 .box-A00-graph01{
position:relative;
width:680px;
margin:0 auto;
height:194px;
}
.box-A00 .box-A00-graph02{
position:relative;
width:680px;
margin:0 auto;
height:394px;
}
.box-A00 .box-A00-graph03{
position:relative;
width:680px;
margin:0 auto;
height:244px;
}
.box-A00 .box-A00-graph01 .img-01,
.box-A00 .box-A00-graph02 .img-01,
.box-A00 .box-A00-graph03 .img-01{
position:absolute;
top:0;
left:0;
}
.box-A00 .box-A00-graph01 .graph-note-01{
position:absolute;
top:160px;
left:26px;
font-size:92%;
}
.box-A00 .box-A00-graph03 .graph-note-02{
position:absolute;
top:150px;
left:60px;
font-size:92%;
}
.box-A00 .box-A00-graph01 .graph-note-01 li{
display:inline;
margin-right:0.8em;
line-height:1.2;
}

.box-A00 .box-A00-graph03 .graph-note-02 ul {
float:left;
margin-right:90px;
}

.box-A00 .box-A00-graph03 .graph-note-02 ul li {
line-height:1.2;
margin-bottom:3px;
}

.box-A00 .box-A00-graph01 .graph-note-01 li img,
.box-A00 .box-A00-graph03 .graph-note-02 li img,
.box-A00 .box-A00-graph02 .graph-note-01 li img {
vertical-align:middle;
margin-right:4px;
}
.box-A00 .box-A00-graph02 .graph-note-01 ul{
font-size:92%;
}
.box-A00 .box-A00-graph02 .graph-note-01 ul li{
display:inline;
*zoom:1;
*margin-bottom:4px;
}
.box-A00 .box-A00-graph02 .graph-note-01 ul.note01 {
position:absolute;
top:300px;
left:70px;
}
.box-A00 .box-A00-graph02 .graph-note-01 ul.note02 {
position:absolute;
top:300px;
left:405px;
}
.box-A00 .box-A00-graph02 .graph-note-01 ul.note01 li{
margin-right:20px;
}
.box-A00 .box-A00-graph02 .graph-note-01 ul.note01 li.block{
display:block;
}
.box-A00 .box-A00-graph02 .graph-note-01 ul.note02 li{
margin-right:10px;
}

/*  box-A01
--------------------------------------- */
.box-A01{
margin-bottom:20px;
padding:20px 14px 20px 14px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #a3d3df;
behavior:url("/common/js/PIE.htc");
position:relative;
background-color:#c8e8f0;
}

.box-A01 .title{
margin:0 auto;
width:680px;
}

.box-A01-inner {
margin:0 auto;
padding:20px 0 20px 0;
width:680px;
background:url(/e-rates/individual/menu/home/images/box-A01_bg_01.gif) left bottom no-repeat;
}



.box-A01-inner h3,
.box-A01-inner .lead{
margin:0 auto;
width:640px;
}
.box-A01-inner h3{
font-size:150%;
padding:0 0 10px 0;
}
.box-A01-row{
margin:10px auto 0 auto;
width:640px;
}
.box-A01-row:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}


.box-A01-inner .img-01{
float:left;
}
.box-A01-inner .btn-01{
float:right;
margin:37px 0 0 0;
}


/*  box-B01
--------------------------------------- */
.box-B01{
position:relative;
margin:0 auto;
width:728px;
height:141px;
background:url(/e-rates/individual/menu/home/images/box-B01_bg_01.gif) left top no-repeat;
}
.box-B01 .btn-01{
padding:39px 0 0 0;
text-align:center;
}



/*  box-B02
--------------------------------------- */
.box-B02 {
margin-bottom:20px;
padding:20px 14px 20px 14px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #d7ceb7;
behavior:url("/common/js/PIE.htc");
position:relative;
background-color:#f7f3e8;
}
.box-B02 .title-block{
margin:0 0 10px 0;
}
.box-B02 .title-block h3,
.box-B02 .title-block .btn-01{
float:left;
}
.box-B02 .title-block .btn-01{
margin:16px 0 0 0;
}
.box-B02 .title-block:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

.box-B02 h4{
margin:0 0 12px 0;
}

/*  box-B03
--------------------------------------- */
.box-B03 p.link-pdf span.pdficon {
display:block;
float:left;
width:76px;
}

.box-B03 p.link-pdf span.pdftxt {
font-weight:bold;
line-height:46px;
}


.box-B03 p.link-pdf:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

/*  c01
--------------------------------------- */
.c01 .box-column2-04 .lyt-faq .btn-list{
padding:0;
width:511px;
*width:508px;
}

.c01 .box-column2-04 .lyt-faq .image{
padding:13px 0 19px 10px;
}

.c01 .box-column2-04 .lyt-faq .btn-list ul {
width:511px;
*width:508px;
}

.c01 .box-column2-04 .lyt-faq .btn-list li{
float:right;
margin-top:19px;
}
/*  common
--------------------------------------- */
.list-btn-block-01{
margin:0 0 20px 0;
}
.list-btn-block-01 ul:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

.list-btn-block-01 ul li{
float:left;
margin:0 12px 0 0;
}
.list-btn-block-01 ul li.last{
margin:0 0 0 0;
}

.lyt-acccordion-01 .accordion-title-container {
margin-bottom:0;
}

.box-border-01 {
padding-top:1em;
}

p.home-text-01 {
margin-top:15px;
margin-bottom:15px;
}

/* home01
--------------------------------------- */
.box-A00 .home01-box-A00-graph01{
height:214px !important;
}

/* home02
--------------------------------------- */
.home02-box-A01 .home-box-A01-inner {
width:640px;
margin:0 auto;
}
.home02-box-A01 .home-box-A01-inner:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

.home02-box-A01 .lead {
float:left;
width:350px;
}

.home02-box-A01 .btn-01 {
margin-top:0;
}

/*  home03, home6
--------------------------------------- */

.home03-inner-01 {
padding:10px;
border:1px solid #999;
border-width:0 1px 1px;
-webkit-border-radius:0 0 7px 7px;
border-radius:0 0 7px 7px;
behavior:url("/common/js/PIE.htc");
position:relative;

}

#home03-column2-01 .column .title {
padding:8px;
}
#home03-column2-01 .table-01 {
margin:0;
}

.home03 .lyt-acccordion-02,
.home06 .lyt-acccordion-02 {
margin:10px auto;
}
.home03 .accordion-block-02,
.home06 .accordion-block-02 {
padding:0;
margin:0 10px 10px;
}
.home03 .lyt-col3-01 .column,
.home06 .lyt-col3-01 .column {
width:250px;
margin-right:0;
}

.home03 .lyt-col3-01 .column2,
.home06 .lyt-col3-01 .column2 {
width:350px;
}

.home03 .title-child-container,
.home06 .lyt-col3-01 .column2 {
margin-bottom:0;
}

.home06 .table-01 {
margin-top:0;
}

.home03 .table-01 tbody th,
.home06 .table-01 tbody th {
text-align:center !important;
}

.home03 .hdg-level3-01,
.home06 .hdg-level3-01 {
font-size:94%;
}
/*  home04
--------------------------------------- */
.box-column2-03 .home04-column5-inner-01 {
border: 1px solid #999999;
border-radius: 8px 8px 8px 8px;
padding: 0 5px;
position: relative;
}

/*  home13
--------------------------------------- */
#home13 .lyt-acccordion-02 .accordion-block-02 {
padding:0 0 100px;
}
/*----------------------------------------------------------
* str-sub
-----------------------------------------------------------*/
.menu-box-sub-02 {
padding:15px 15px 10px;
border:1px solid #999;
-webkit-border-radius:7px;
border-radius:7px;
behavior:url("/common/js/PIE.htc");
position:relative;
}

.menu-box-border-01 {
border-top: 1px dotted #999999;
margin-top: 20px;
padding-top: 15px;
}

.yakkan-area {
    text-align: center;
    margin-bottom: 25px;
    padding: 13px 14px 11px;
}

 .yakkan-area .yakkan-btn li a {
    display: inline-block;
    width: 340px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    font-size: 120%;
    color: #656d73;
    border-radius: 25px;
    border: 1px solid #cacaca;
    position: relative;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

 .yakkan-area .yakkan-btn li a:after {
    content: '';
    background: url(/ep/gas-jiyuuka/images/3/gas-arrow4.png) no-repeat 0 0;
    background-size: 5px;
    width: 5px;
    height: 9px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4.5px;
}