#sup{
width:950px;
margin:0 auto;
text-align:center;
}

.sup_i{
width:80%;
margin:0 auto;
text-align:center;
position: relative;
padding-top: 5%;
}

.bar{
	margin:0 auto;
	width:100%;
}

/*====== sup01 ======*/
#sup01 {
	margin-right: 2px;
    position: relative;
}

#sup01 .sup1_area {
height: 517px;
margin: 0 auto;
max-width: 960px;
width:100%;
}
#sup01 .sup2_area {
height: 391px;
margin: 0 auto;
max-width: 960px;
width:100%;
}
#sup01 .sup3_area {
height: 416px;
margin: 0 auto;
max-width: 960px;
width:100%;
}

#sup01 p.h_txt{
margin:0 auto;
padding:10px;
max-width: 960px;
width: 770px;
color:#fffeea;
font-size: 15px;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
text-align: left;
line-height: 1.5em;
}

#sup01 ul{
list-style-type: none;
margin: 0 auto;
width: 970px;
padding-top: 23px;
color:#ffffff;
font-size: 14px;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
text-align: left;
text-shadow:0px 1px 2px #493125;
  -moz-text-shadow:0px 1px 2px #493125;
  -webkit-text-shadow:0px 1px 2px #493125;
line-height: 1.6em;
}

#sup01 ul li.left{
width:200px;
display: inline-block;
/display:inline;
/zoom:1;
margin-left: 25%;
padding-left: 30px;
}


#sup01 ul li.right{
width:350px;
display: inline-block;
/display:inline;
/zoom:1;
vertical-align: top;
margin-left: 50px;
}


#sup01 ul li.left .ranking{
padding: 2px 14px;
background:#f9f3ef;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
color:#ea0153;
font-weight: bold;
font-size: 16px;
text-shadow:0px 1px 2px #ffffff;
  -moz-text-shadow:0px 1px 2px #ffffff;
  -webkit-text-shadow:0px 1px 2px #ffffff;
}