@charset "UTF-8";

@media print  {
body { display: none; }
}

/* ---------------------------------------------
	スタイルリセット
--------------------------------------------- */
html, body, div,
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, li, dl, dt, dd, address {margin: 0; padding: 0;}
ul, ol {list-style: none;}
img {border: none;}

/* ---------------------------------------------
	汎用クラス
--------------------------------------------- */
/* clearfix ------------ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hide from MacIE €*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End Hide from MacIE */

/* ---------------------------------------------
	タイポグラフィー
--------------------------------------------- */
body {
	font-family: "メイリオ", "Meiryo", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

*:first-child + html body {	/* for IE7 */
	font-family: "メイリオ", "Meiryo";
}

html>/**/body { font-size: 16px; line-height: normal; } /* except Win IE */

.txt10 { font-size: 63%; line-height: 1.5em;}	/* 10px */
.txt10w { font-size: 63%; line-height: 1.8em;}	/* 10px */
.txt11 { font-size: 70%; line-height: 1.5em;}
.txt11w { font-size: 70%; line-height: 1.8em;}
.txt12 { font-size: 75%; line-height: 2.25em;}
.txt12w { font-size: 75%; line-height: 1.7em;}	/* 12px */
.txt12w2 { font-size: 75%; line-height: 1.2em;}	/* 12px */
.txt12w3 { font-size: 75%; line-height: 1.4em;}	/* 12px */
.txt13 { font-size: 80%; line-height: 2.0em;}
.txt13w { font-size: 80%; line-height: 1.3em;}
.txt13w2 { font-size: 80%; line-height: 1.6em;}
.txt14 { font-size: 88%; line-height: 1.5em;}	/* 14px */
.txt14w { font-size: 88%; 1.8em;}	/* 14px */
.txt14n { font-size: 88%; line-height: 1.2em;}	/* 14px */
.txt16 { font-size: 100%; 1.5em;}	/* 16px */
.txt18 { font-size: 108%;  line-height: 1.3em;}	/* 18px */
.txt36 { font-size: 140%;  line-height: 1.5em;}

h1, h2, h3, h4, h5, h6 {font-size: 100%;}

/* ---------------------------------------------
	基本項目
--------------------------------------------- */
html, body { height:100%; color:#000000;}
body.cx_smartphoneview {
	font-size: 140%;
}

/*共通スタイル*/
.bold {font-weight:bold;}
.narrow {letter-spacing: -0.1em;}
.center{text-align:center;}

a:link { color:#000000; text-decoration:none; font-weight:normal;}
a:visited { color:#000000; text-decoration:none;}
a:hover { color:#000000; text-decoration:underline;}
a:active { color:#000000; text-decoration:none;}

a img{border:none;}
.clears{ clear:both;}
.fLeft{float: left;}
.fRight{float: right;}

.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}

/*共通レイアウト*/
body{
	-webkit-text-size-adjust:100% !important;
}
.cx_smartphoneview .diplaypc{
	display: none;
}
.cx_displaydevice .displaysp{
	display: none;
}

/* ---------------------------------------------
	みんなのバナー一覧ページ
--------------------------------------------- */
#hdr div{
	background: url("../image/bunboshyu.jpg") no-repeat center 0px;
	width:616px;
	height:190px;
	overflow:hidden;
	text-indent:-200%;
	white-space: nowrap;
}
#hdr p{
	padding: 0 10px 15px;
	color: #4a4a4a;
	font-size: 88%;
}
.cx_smartphoneview #hdr p{
	font-size: 140%;
}
#hdr p#subttl{
	width:616px;
	overflow:hidden;
	text-indent:-200%;
	white-space: nowrap;
}
#bnr_mainCntnr{
	background: #fff;
	padding: 20px 12px 50px;
}
#bnr_mainCntnr p#bnrListText{
	text-align:center;
	color: #c18902;
	font-size: 100%;
	font-weight:bold;
	margin-bottom:10px;
}
#bnr_mainCntnr p#bnrListText span{
	
}
.cx_smartphoneview #bnr_mainCntnr p#bnrListText{
	font-size: 100%;
}
/*--------並べ替えボタン--------*/
#bnr_mainCntnr #btn_sort{
	border-bottom: solid 2px #cccccc;
}
#bnr_mainCntnr #btn_sort button{
	width:149px;
	height:48px;
	overflow:hidden;
	text-indent:-200%;
	white-space: nowrap;
	border: none;
	cursor:pointer;
}
#bnr_mainCntnr #btn_sort button.btn_on {
	opacity:1.0;
	cursor:default;
}
#bnr_mainCntnr #btn_sort button.btn_off {
	opacity:0.6;
	cursor:pointer;
}
#bnr_mainCntnr #btn_sort button.btn_off:hover {
	opacity:0.8;
}
#bnr_mainCntnr #btn_count_desc{
	background: url("../img/btn_count_desc.jpg") no-repeat center 0px;
}
#bnr_mainCntnr #btn_default{
	background: url("../img/btn_default.jpg") no-repeat center 0px;
}
#bnr_mainCntnr #btn_random{
	background: url("../img/btn_random.jpg") no-repeat center 0px;
}
#bnr_mainCntnr #btn_count_asc{
	display: none;
}
/*--------応募ボタン--------*/
/*
#hdr a{
	width:616px;
	height:64px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: url("../img/bnr_ouboBtn.png"), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cd0048), color-stop(0.00, #e3760f));
	background: url("../img/bnr_ouboBtn.png"), -webkit-linear-gradient(top, #e3760f 0%, #cd0048 100%);
	background: url("../img/bnr_ouboBtn.png"), -moz-linear-gradient(top, #e3760f 0%, #cd0048 100%);
	background: url("../img/bnr_ouboBtn.png"), -o-linear-gradient(top, #e3760f 0%, #cd0048 100%);
	background: url("../img/bnr_ouboBtn.png"), -ms-linear-gradient(top, #e3760f 0%, #cd0048 100%);
	background: url("../img/bnr_ouboBtn.png"), linear-gradient(top, #e3760f 0%, #cd0048 100%);
	overflow:hidden;
	text-indent:-200%;
	white-space: nowrap;
	display: block;
}
#hdr a:hover{
	background: url("../img/bnr_ouboBtn.png"), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e50051), color-stop(0.00, #f68011));
	background: url("../img/bnr_ouboBtn.png"), -webkit-linear-gradient(top, #f68011 0%, #e50051 100%);
	background: url("../img/bnr_ouboBtn.png"), -moz-linear-gradient(top, #f68011 0%, #e50051 100%);
	background: url("../img/bnr_ouboBtn.png"), -o-linear-gradient(top, #f68011 0%, #e50051 100%);
	background: url("../img/bnr_ouboBtn.png"), -ms-linear-gradient(top, #f68011 0%, #e50051 100%);
	background: url("../img/bnr_ouboBtn.png"), linear-gradient(top, #f68011 0%, #e50051 100%);
}
*/
/*--------リスト--------*/
#bnrList{
	margin: 10px 0 30px;
}
#bnrList li{
	width: 274px;
	border:solid 2px #cccccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 13px 13px 3px;
	margin: 0 0 8px;
	float: left;
	position: relative;
}
#bnrList li:nth-of-type(2n){
	margin: 0 0 8px 8px;
}
#bnrList .imgCntnr{
	width: 270px;
	height: 100px;
	background: #FFF;
	border: solid 1px #dcab29;
	padding: 1px;
	margin: 0 0 8px;
}
#bnrList .persData{
	min-height: 46px;
	margin: 0 0 7px;
}
.cx_smartphoneview #bnrList .persData{
	min-height: 80px;
}
#bnrList .pref,
#bnrList .nickname{
	width: 224px;
	font-size: 88%;
	color: #4a4a4a;
	line-height: 1.3;
}
#bnrList a{
	width: 46px;
	height: 46px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: url("../img/bnr_heartBtn.png"), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c60101), color-stop(0.00, #fb5151));
	background: url("../img/bnr_heartBtn.png"), -webkit-linear-gradient(top, #fb5151 0%, #c60101 100%);
	background: url("../img/bnr_heartBtn.png"), -moz-linear-gradient(top, #fb5151 0%, #c60101 100%);
	background: url("../img/bnr_heartBtn.png"), -o-linear-gradient(top, #fb5151 0%, #c60101 100%);
	background: url("../img/bnr_heartBtn.png"), -ms-linear-gradient(top, #fb5151 0%, #c60101 100%);
	background: url("../img/bnr_heartBtn.png"), linear-gradient(top, #fb5151 0%, #c60101 100%);
	display: block;
	position: absolute;
	top: 124px;
	right: 13px;
	overflow: hidden;
	text-indent:-200%;
	white-space: nowrap;
	display: block;
}
#bnrList a:hover{
	background: url("../img/bnr_heartBtn.png"), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f24040), color-stop(0.00, #ed5471));
	background: url("../img/bnr_heartBtn.png"), -webkit-linear-gradient(top, #ed5471 0%, #f24040 100%);
	background: url("../img/bnr_heartBtn.png"), -moz-linear-gradient(top, #ed5471 0%, #f24040 100%);
	background: url("../img/bnr_heartBtn.png"), -o-linear-gradient(top, #ed5471 0%, #f24040 100%);
	background: url("../img/bnr_heartBtn.png"), -ms-linear-gradient(top, #ed5471 0%, #f24040 100%);
	background: url("../img/bnr_heartBtn.png"), linear-gradient(top, #ed5471 0%, #f24040 100%);
}

#bnrList a:active {
	background: url("../img/bnr_heartBtn_on.png"), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c60101), color-stop(0.00, #fb5151));
	background: url("../img/bnr_heartBtn_on.png"), -webkit-linear-gradient(top, #fb5151 0%, #c60101 100%);
	background: url("../img/bnr_heartBtn_on.png"), -moz-linear-gradient(top, #fb5151 0%, #c60101 100%);
	background: url("../img/bnr_heartBtn_on.png"), -o-linear-gradient(top, #fb5151 0%, #c60101 100%);
	background: url("../img/bnr_heartBtn_on.png"), -ms-linear-gradient(top, #fb5151 0%, #c60101 100%);
	background: url("../img/bnr_heartBtn_on.png"), linear-gradient(top, #fb5151 0%, #c60101 100%);
	/*opacity:0.7;*/
}

#bnrList a.voted {
	cursor: default;
	opacity:0.3;
}

#bnrList a.voted:hover {
	background: url("../img/bnr_heartBtn.png"), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c60101), color-stop(0.00, #fb5151));
	background: url("../img/bnr_heartBtn.png"), -webkit-linear-gradient(top, #fb5151 0%, #c60101 100%);
	background: url("../img/bnr_heartBtn.png"), -moz-linear-gradient(top, #fb5151 0%, #c60101 100%);
	background: url("../img/bnr_heartBtn.png"), -o-linear-gradient(top, #fb5151 0%, #c60101 100%);
	background: url("../img/bnr_heartBtn.png"), -ms-linear-gradient(top, #fb5151 0%, #c60101 100%);
	background: url("../img/bnr_heartBtn.png"), linear-gradient(top, #fb5151 0%, #c60101 100%);
	opacity:0.3;
}
.cx_touchdevice #bnrList a.voted:hover {
	opacity:0.3 !important;
	background-repeat: no-repeat !important;
}

.cx_smartphoneview #bnrList a,
.cx_smartphoneview #bnrList a:hover,
.cx_smartphoneview #bnrList a.voted,
.cx_smartphoneview #bnrList a.voted:hover{
	background-repeat: no-repeat;
	background-position: 0 16px, 0 0;
	height: 80px;
}

#bnrList .count{
	border-top: solid 2px #cccccc;
	color: #c18902;
	font-size: 95%;
	padding: 5px 0 3px;
}
#bnrList .count span{
	font-weight: bold;
}
#bnrList .graphBase{
	width: 274px;
	height:25px;
	background-color: #cdcdcd;
}
#bnrList .graphBase > div{
	height: 25px;
	background-color: #c18902;
	transition: width 2.5s, background-color 0.5s 2.5s;
}
#bnrList .graphBase > div.max{
	background-color: #d61919;
}
#bnrList .meter{
	font-size: 80%;
	color: #c18902;
}

.hidden{
	display:none !important;
}