/*--------------------------------------------------------------
    JJ Style for ESB
--------------------------------------------------------------*/

body { }
/* コンテナ */
.cont ul li{ list-style-type : none}
#container {
margin-left:10px;
}

/*--Facebook----*/

.fb-box{
  text-align:center;
  margin-top:;
}

.fb-box{
padding: 8px;
margin-bottom: 15px;
color: #2c2c2f;
background: #f7d8ad;
border-top: solid 2px #f49e53;
border-bottom: solid 2px #f49e53;
}
.fb-box p {
margin: 0;
padding: 0;
} 

/* float */
#wrap {
  width: 740px;
  overflow: hidden;
}
#left_content {
  width: 480px;
  float: left;
}
#right_content {
  width: 250px;
  float: right;
}

/* ESBとは */
.topsideul{
width:240px;

}

.topsideul ul {
  color: #444444; 
  border: double 3px #a8b8ed;/*二重線 太さ 色*/
  background:#f9ddb6;
  padding: 0.5em 0.5em 0.5em 2em;
  margin-top:5px;
}

.topsideul ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  margin-left:-5px;
}


.sideesb1 {
width:220px;
color: #2757f4;
text-align:center;
background:#f7d8ad;
border: solid 2px #a8b8ed;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
}

.sideesb2{
color: #052caf;
font-weight:bold;
}


.sideesb3{
color: #e51673;
font-weight:bold;
}


/* What's New */

.wnj {
  margin-top:-10px;
  margin-bottom:15px;
border-top: solid 2px #f49e53;
border-bottom: solid 2px #f49e53;
width:720px;
}


/*--------------------------------------------------------------
    ICF BNER
--------------------------------------------------------------*/

.icfbner {
    position: relative;
    margin-top: 2.5em;
    margin-bottom: 1.5em;
    padding: 0.5em;
    border: solid 3px #7c031e;
    background: #7c031e;
    width: 91%;
}
.icfbner .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 24px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #7c031e;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.icfbner p {
    margin: 0; 
    padding: 0;
    color: #ffffff;
    font-size: 17px;
    text-align: center;
    
}

.icfbner p a{
    color: #ffffff;
}

.icfbner p a:hover{
    color: #ddd540;
    font-size: 19px;
    text-decoration: none;
}


/*--------------------------------------------------------------
    TITLE
--------------------------------------------------------------*/


.jjtitle11 {
width: 91%;
position: relative;
font-size: 1.6em;
padding: 0.5em 0.5em;
margin-bottom: 0.8em;
background: -moz-linear-gradient(to right, rgb(255, 124, 111), #ffc994);
background: -webkit-linear-gradient(to right, rgb(255, 124, 111), #ffc994);
background: linear-gradient(to right, rgb(255, 124, 111), #ffc994);
color: white;
font-weight: 600;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
}

.jjtitle11 a {
color: white;
}


.jjtitle11 a:hover {

text-decoration: none;
color: #171b91;
}

/*--------------------------------------------------------------
    IMG HOVER
--------------------------------------------------------------*/


.imghover img:hover {
	opacity: 0.8 ;
}


/*--------------------------------------------------------------
    20-h2
--------------------------------------------------------------*/


.20-h2 {
  padding: 1rem 3rem;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
  background-image: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
  background-image: linear-gradient(to right, #209cff 0%, #68e0cf 100%);
}