@charset "utf-8";

.ws_vote_info {}
.ws_vote_info h3.es_big_title {font-size:1.7em; letter-spacing:-1px; position: relative; margin: 25px 0 15px 0; padding-bottom: 10px; border-bottom: 1px dashed #eee;}
.ws_vote_info h3.es_big_title:before {content:''; display:inline-block; width:21px; height:21px; background:url(../../../../webis/img/page/info_title.png) left center no-repeat; margin-right:5px; vertical-align: bottom;}

.ws_vote_info ul.es_icons {text-align: center; margin: 60px 0;}
.ws_vote_info ul.es_icons li {text-align:center; display: inline-block; border-right: 1px solid #eee; padding-right: 20px; margin-right: 20px;}
.ws_vote_info ul.es_icons li:last-child {border-right:0; padding-right:0; margin-right:0;}
.ws_vote_info ul.es_icons li em {display:inline-block; width:107px; height:107px; background:url(../../../../webis/img/page/vote_02.png) center no-repeat;}
.ws_vote_info ul.es_icons li em.bs_ico01 {background-position:0 0;}
.ws_vote_info ul.es_icons li em.bs_ico02 {background-position:-155px 0;}
.ws_vote_info ul.es_icons li em.bs_ico03 {background-position:-309px 0;}
.ws_vote_info ul.es_icons li h4 {font-size: 1.3em; letter-spacing: -0.5px; margin: 10px 0;}
.ws_vote_info ul.es_icons li p {font-size: 1.1em; letter-spacing: -0.5px;}

.ws_vote_info ul.es_process {overflow:hidden;margin: 30px 0;}
.ws_vote_info ul.es_process li {text-align:center; float:left; width:23.5%; margin-right:2%; border-radius: 10px !important; background-color:#F6F5F1; padding:20px 30px; height: 210px; margin-bottom:2%;}
.ws_vote_info ul.es_process li:nth-child(4n) {margin-right:0;}
.ws_vote_info ul.es_process li h3 {font-size:1.35em; letter-spacing:-1px; margin-bottom: 15px; color:#986B5F}
.ws_vote_info ul.es_process li em {display:inline-block; width:54px; height:49px; background:url(../../../../webis/img/page/vote_03.png) center no-repeat;}
.ws_vote_info ul.es_process li em.bs_ico01 {background-position:7px 0;}
.ws_vote_info ul.es_process li em.bs_ico02 {background-position:-115px 0;}
.ws_vote_info ul.es_process li em.bs_ico03 {background-position:-231px 0;}
.ws_vote_info ul.es_process li em.bs_ico04 {background-position:-354px 0;}
.ws_vote_info ul.es_process li em.bs_ico05 {background-position:8px -70px;}
.ws_vote_info ul.es_process li em.bs_ico06 {background-position:-117px -70px;}
.ws_vote_info ul.es_process li em.bs_ico07 {background-position:-231px -70px;}
.ws_vote_info ul.es_process li p {font-size: 1.1em; letter-spacing: -0.9px; margin-top: 10px; line-height: 17px;}
.ws_vote_info ul.es_process li.bs_last {border:9px solid #2A5A8F; border-radius: 0 !important; padding: 20px;}
.ws_vote_info ul.es_process li.bs_last h4 {font-size:1.8em; letter-spacing:-1px; }
.ws_vote_info ul.es_process li.bs_last strong {display: block; font-size: 2.5em; margin-top: 10px; position: relative; margin-bottom: 24px; color: #ee2f2f;}
.ws_vote_info ul.es_process li.bs_last strong:after {content: ''; width: 30px; height: 4px; background-color: #2A5A8F; display: inline-block; position: absolute; left: 41%; bottom: -29px;}
.ws_vote_info ul.es_process li.bs_last p {margin-top:47px;}

.ws_vote_info ul.es_use_tip {margin: 30px 0;}
.ws_vote_info ul.es_use_tip li {background:url(../../../../webis/img/page/vote_tip.png) left top no-repeat; margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px; padding-left: 90px;}
.ws_vote_info ul.es_use_tip li.bs_bg01 {background-position:0 0;}
.ws_vote_info ul.es_use_tip li.bs_bg02 {background-position:0 -249px;}
.ws_vote_info ul.es_use_tip li.bs_bg03 {background-position:0 -499px;}
.ws_vote_info ul.es_use_tip li.bs_bg04 {background-position:0 -750px;}
.ws_vote_info ul.es_use_tip li.bs_bg05 {background-position:0 -1000px;}
.ws_vote_info ul.es_use_tip li h3 {letter-spacing: -1px; font-size: 2em; margin-bottom: 12px;}
.ws_vote_info ul.es_use_tip li p {font-size: 1.15em; color: #666;}
.ws_vote_info ul.es_use_tip li dl {margin-top: 30px;}
.ws_vote_info ul.es_use_tip li dl dt {font-size: 1.4em; font-weight: bold; margin-bottom: 10px;}
.ws_vote_info ul.es_use_tip li dl dt,.ws_vote_info ul.es_use_tip li dl dd {}
.ws_vote_info ul.es_use_tip li dl dt span {display: inline-block; width: 25px; height: 25px; color: #fff; background-color: #444; text-align: center; line-height: 23px; border-radius: 50px !important;}
.ws_vote_info ul.es_use_tip li dl dd {font-size: 1.14em; color: #777; margin-bottom: 10px; margin-left: 27px;}
.ws_vote_info ul.es_use_tip li dl dd:last-child {margin-bottom:0;}