p@charset "UTF-8";


#mainContainer { padding: 13px 0 0;}

#mainContents { width: 755px;}

#mainContentsRank { width: 770px;}


#counter {
 position: absolute;
 right: 14px;
 top: 18px;
 width: 103px;
 height: 27px;
 padding: 4px 0 0 32px;
 background: url(../img/common/counterBack.png) no-repeat 0 0;
}

#counter2 {
 position: absolute;
 right: 14px;
 top: 18px;
 width: 103px;
 height: 27px;
 padding: 4px 0 0 32px;
 background: url(../img/common/counterBack2.png) no-repeat 0 0;
}

/*=== search ===*/
.searchBox {
 width: 755px;
 height: 406px;
 padding: 14px 0 0;
 background-color: #f6fcff;
}
.searchBox .inner {
 width: 727px;
 height: 384px;
 margin: 0 auto;
 background: url(../img/voice/searchBox_back.png) no-repeat 0 0;
}
.searchUnit01 { padding: 25px 24px 0;}
.searchUnit01 p { line-height: 1.3em;}
.recommendKeyword span {
 display: block;
 float: left;
 line-height: 1em;
 text-align: center;
 width: 108px;
 height: 30px;
 padding: 5px 5px 0 0;
 background: url(../img/voice/searchFukidashi.png) no-repeat 0 0;
}
.recommendKeyword a { text-decoration: none !important;}

/*.searchUnit02 {
 width: 675px;
 height: 172px;
 padding: 29px 0 0 20px;
 margin: 0 16px;
 background: url(../img/voice/searchBack.png) no-repeat 0 0;
}
*/
.searchUnit02 {
 width: 675px;
 height: 172px;
 padding: 29px 0 0 20px;
 margin: 0 16px;
 background: url(../img/voice/searchBack_r.png) no-repeat 0 0;
}

.searchUnit02 .unit {
 color: #666;
 font-size: 13px;
 line-height: 1em;
 height: 22px;
 margin-bottom: 8px;
}
.searchUnit02 .unit span {
 display: block;
 float: left;
}
/*.searchUnit02 .unit span.radio {
 width: 120px;
 padding: 4px 0 0;
}
*/
.searchUnit02 .unit span.radio {
 width: 185px;
 padding: 4px 0 0;
}




.w90 { width: 90px;}
.w110 { width: 110px;}
input.waku {
 width: 180px;
 padding: 2px 4px;
 border: 1px solid #bcdff5;
}
select.waku {
 width: 115px;
 height: 20px;
 border: 1px solid #bcdff5;
}
.btnBox {
 position: relative;
 padding: 13px 0 0;
}
.clearbtn {
 position: absolute;
 right: 25px;
 bottom: 0;
}
.searchBox a {
 color: #0779bd;
 font-size: 13px;
}


/*=== pickup ===*/
#pickup {
 width: 744px;
 height: 234px;
 padding: 14px 0 0 11px;
 margin-bottom: 27px;
 background: url(../img/voice/pickupBack.png) no-repeat 0 0;
}
#pickup h2 { margin-bottom: 8px;}
#pickup .photo {
 width: 222px;
 height: 188px;
 background: url(../img/voice/pickupPhotoBack.png) no-repeat 0 0;
}
#pickup .photo p {
 color: #fff;
 font-size: 12px;
 line-height: 1em;
 text-align: center;
}
#pickup .text {
 position: relative;
 width: 500px;
 height: 188px;
 padding: 0 0 0 13px;
}
#pickup h3 {
 color: #b35fb4;
 font-size: 13px;
 margin-bottom: 10px;
}
#pickup .text p {
 color: #666;
 font-size: 13px;
}
#pickup .label { padding-right: 2px;}
#pickup .label span {
 display: block;
 color: #9f44a0;
 font-size: 13px;
 line-height: 1em;
 padding: 2px;
 background-color: #fff;
 border: 1px solid #e2bce2;
}
#pickup .label span img {
 vertical-align: text-bottom;
 margin-right: 3px;
}
#pickup .more {
 position: absolute;
 right: 0;
 bottom: 0;
}

/*=== voice ===*/
#voiceBox {
 position: relative;
 width: 743px;
 height: 522px;
 padding: 6px;
 background: url(../img/voice/voiceBack.png) no-repeat 0 0;
}
#voiceBox a { display: block;}
#voiceBox .tag {
 position: absolute;
 left: -11px;
 top: -8px;
 z-index: 5;
}
#voiceBox .top5 { padding: 12px 0 0 8px;}
#voiceBox .top5unit01 {
 position: relative;
 width: 236px;
 height: 330px;
 padding-left: 9px;
 background: url(../img/top/voiceRankBack01.png) no-repeat 0 0;
}

#voiceBox .top5unit01 .rankimg {
 position: absolute;
 left: 0;
 top: 0;
 z-index: 3;
}
#voiceBox .top5unit .rankimg2 {
 position: absolute;
 left: -12px;
 top: -5px;
}
#voiceBox .top5unit01 .photo {
 position: absolute;
 left: 49px;
 top: 25px;
}
/*=== icon ===*/

#voiceBox .top5unit01 .rank_icon {
	position: absolute;
	left: 13px;
	top: 80px;
}


#voiceBox .top5unit .rank_icon {
	position: absolute;
	left: -13px;
	top: 38px;
}

.rankUnit .rankicon5 {
	margin-left: 0px !important;
}


#voiceBox .top5unit01 .icon { padding-top: 3px;}
#voiceBox .top5unit01 .btn {
 position: absolute;
 right: 14px;
 bottom: 4px;
 z-index: 5;
}
#voiceBox .top5unit .btn2 {
 position: absolute;
 right: 15px;
 bottom: 4px;
 z-index: 5;
}
#voiceBox .top5unit01 .text {
 position: absolute;
 left: 54px;
 top: 190px;
 width: 155px;
}
#voiceBox .top5unit01 h3 {
 color: #ff3e73;
 font-size: 11px;
 line-height: 1em;
 margin-bottom: 5px;
}
#voiceBox .top5unit01 p {
 color: #666;
 font-size: 11px;
 line-height: 1.5em;
}

#voiceBox .top5unit {
 position: relative;
 width: 236px;
 height: 160px;
 padding-right: 9px;
 background: url(../img/top/voiceRankBack02.png) no-repeat 0 0;
}
#voiceBox .top5unit .rankimg {
 position: absolute;
 left: -9px;
 top: -5px;
}
#voiceBox .top5unit .photo {
 position: absolute;
 left: 23px;
 top: 23px;
}
#voiceBox .top5unit .icon span {
 display: block;
 margin-top: 2px;
}
#voiceBox .top5unit .btn {
 position: absolute;
 right: 13px;
 bottom: 4px;
 z-index: 5;
}
#voiceBox .top5unit .text {
 position: absolute;
 left: 115px;
 top: 22px;
 width: 108px;
}
#voiceBox .top5unit h3 {
 color: #ff3e73;
 font-size: 11px;
 line-height: 1.3em;
 margin-bottom: 5px;
}
#voiceBox .top5unit p {
 color: #666;
 font-size: 11px;
 line-height: 1.5em;
}


#voiceBox .box {
 position: relative;
 padding: 0 0 14px 10px;
}
#voiceBox .rankUnit {
 color: #ff306c;
 font-size: 11px;
 line-height: 1.5em;
 width: 357px;
 height: 32px;
 padding: 10px 9px 0 0;
 background: url(../img/top/voiceUnitBack.png) no-repeat 0 bottom;
}
#voiceBox .rankUnit img { vertical-align: bottom;}
#voiceBox .rankUnit span { margin-left: 3px;}



#voiceBox01 {
 width: 723px;
 height: 469px;
 padding: 16px 21px 0 11px;
 background: url(../img/voice/voiceBox01_back.png) no-repeat;
}

#voiceBox01 h2 { padding-left: 7px;}
#voiceBox01 a.unit {
 display: block;
 width: 705px;
 height: 72px;
 padding: 7px 0 0 18px;
 margin-bottom: 5px;
 background: url(../img/voice/voiceBox01_unitBack.png) no-repeat 0 0;
}

#voiceBox01 a.unit .text {
 color: #666;
 font-size: 11px;
 width: 590px;
 padding: 0 0 0 95px;
}
#voiceBox01 a.unit h3 {
 color: #ff3e73;
 font-size: 13px;
 line-height: 1em;
 margin: 3px 0 5px;
}
#voiceBox01 a.unit h3 img {
 vertical-align: text-bottom;
 margin-right: 3px;
}


/*rank*/
#voiceBoxrank {
/* width: 723px;
 height: 469px;*/
 padding: 16px 21px 0 11px;
/* background: url(../img/voice/voiceBox01_back.png) no-repeat;*/
}

#voiceBoxrank h2 { padding-left: 7px;}

#voiceBoxrank a.unit {
	display: block;
	width: 685px;
	height: 72px;
	margin-bottom: 15px;
	background-color: #fff2f5;
	background-position: 0 0;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#voiceBoxrank a.unit .text {
 color: #666;
 font-size: 11px;
 width: 590px;
 padding: 0 0 0 95px;
}
#voiceBoxrank a.unit h3 {
 color: #ff3e73;
 font-size: 13px;
 line-height: 1em;
 margin: 3px 0 5px;
}
#voiceBoxrank a.unit h3 img {
 vertical-align: text-bottom;
 margin-right: 3px;
}

/*rank*/



#voiceBox02 {
 width: 357px;
 height: 296px;
 padding: 15px 12px 0 8px;
 background: url(../img/voice/voiceBox02_back.png) no-repeat;
}
#voiceBox03 {
 width: 355px;
 height: 296px;
 padding: 15px 10px 0 8px;
 background: url(../img/voice/voiceBox03_back.png) no-repeat;
}
#voiceBox04 {
 width: 357px;
 height: 294px;
 padding: 15px 12px 0 8px;
 background: url(../img/voice/voiceBox04_back.png) no-repeat;
}
#voiceBox05 {
 width: 355px;
 height: 294px;
 padding: 15px 10px 0 8px;
 background: url(../img/voice/voiceBox05_back.png) no-repeat;
}


#voiceBox02 .rank,
#voiceBox03 .rank,
#voiceBox04 .rank,
#voiceBox05 .rank { padding: 15px 0 0;}

#voiceBox02 a.unit,
#voiceBox03 a.unit,
#voiceBox04 a.unit,
#voiceBox05 a.unit {
 display: block;
 width: 302px;
 height: 72px;
 padding: 7px 0 0 16px;
 margin-bottom: 5px;
}
#voiceBox02 a.unit { background: url(../img/voice/voiceBox02_unitBack.png) no-repeat 0 0;}
#voiceBox03 a.unit { background: url(../img/voice/voiceBox03_unitBack.png) no-repeat 0 0;}
#voiceBox04 a.unit { background: url(../img/voice/voiceBox04_unitBack.png) no-repeat 0 0;}
#voiceBox05 a.unit { background: url(../img/voice/voiceBox05_unitBack.png) no-repeat 0 0;}

#voiceBox02 a.unit .text,
#voiceBox03 a.unit .text,
#voiceBox04 a.unit .text,
#voiceBox05 a.unit .text {
 color: #666;
 font-size: 11px;
 width: 196px;
 padding: 3px 0 0 95px;
}
#voiceBox02 a.unit h3,
#voiceBox03 a.unit h3,
#voiceBox04 a.unit h3,
#voiceBox05 a.unit h3 {
 font-size: 11px;
 line-height: 1.5em;
 margin: 3px 0;
}
#voiceBox02 a.unit h3 { color: #0b68e0;}
#voiceBox03 a.unit h3 { color: #4aa226;}
#voiceBox04 a.unit h3 { color: #ef8e00;}
#voiceBox05 a.unit h3 { color: #ff3e73;}

/*sns*/

#mainContainer .snsb {
	overflow: hidden;
}
#mainContainer .snsb li {
	float: left;
	margin-right: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 95px;
}

#mainContainer .snsb iframe {
	margin: 0 !important;
}

iframe.twitter-share-button {
    width: 100px !important;
}

/*test*/
#mainContainer .snsb .snslist {
	float: left;
	margin-right: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 95px;

}
/*test*/


#voiceBoxrank .clearfix .rankfl {
	float: left;
	margin-top: 12px;
}

/*#voiceBoxrank voice_name {
 color: #ff3e73;
 font-size: 13px;
 line-height: 1em;
 margin: 3px 0 5px;
}
*/
#mainContainer .pref_txt {
	padding-left:12px;
	margin-top:8px;
}

/*#voiceBoxrank voice_name {
	vertical-align:top;
	display:inline-block;
	text-align:center;
	width:85px;
	padding:2px 0 1px 0;
	background:#ff306c;
	color:#fff;
	font-size:11px;
}
*/
#voiceBoxrank .clearfix .unit.clearfix.fr .text.fl h3 .voice_name {
	vertical-align:top;
	display:inline-block;
	text-align:center;
	width:105px;
	padding:2px 0 1px 0;
	background:#ff306c;
	color:#fff;
	font-size:11px;
	margin-right:5px;
}
#voiceBoxrank .clearfix .unit.clearfix.fr .text.fl h3 .sub_title {
	color:#ff306c;
	font-size:12px;
}


#voiceRank01 {
	width: 755px;
}