@charset "UTF-8";


/*============================================================
//  サブ共通設定
//==========================================================*/

#sub .inner .txt_box p{
	font-size: 12px;
	line-height: 140%;
}

/*======= バナー ========*/
#sub .banner_box {
	width: 300px;
	margin-bottom: 10px;
	clear: both;
}
#sub .banner_box p{
	text-align: center;
}

/*======= google ========*/
#sub .google_box {
	margin-bottom: 10px;
	width: 280px;
	padding: 0 9px;
	border: 1px solid #999;
}

/*======= プレミアムレクタングル ========*/

#sub .sub-box,#sub .sub-ranking {
	margin-bottom: 10px;
	width: 298px;
	border: 1px solid #999999;
}
#sub .inner {
	width: 296px;
	margin: 1px;
	background: url(../images/sub/sub_bg.jpg) repeat-x left top;
}
#sub .inner .ttl {
	font-size: 12px;
	padding: 0 8px;
	padding-top: 6px;
	height: 23px;
	font-weight: bold;
	color: #333333;
}
#sub .inner .box {
	padding: 8px 5px;
	border-top: solid 1px #CCCCCC;
}
#sub .sub-box .inner .txt_box {
	float: right;
	width: 160px;
	text-align: left;
}
#sub .inner img {
	float: left;
}
#sub .inner .txt_box h6 {
	font-size: 12px;
	font-weight: bold;
}
#sub .inner .txt_box h6 a {
	text-decoration: none;
	color: #FFFFFF;
}
#sub .inner .txt_box h6 a:hover {
	text-decoration: underline;
}

#sub .inner .txt_box p a {
	color: #CCCCCC;
	text-decoration:none;
}
#sub .inner .txt_box p a:hover {
	text-decoration:underline;
}

#sub .sub-ranking .inner .box .rank-date {
	font-size: 0.85em;
	float: right;
}

#sub .sub-ranking .inner .box ul {
	padding: 5px;
}
#sub .sub-ranking .inner .box ul li {
	clear: both;
	padding-bottom: 3px;
	padding-left: 30px;
	padding-top: 5px;
}

#sub .sub-ranking .inner .box {
	padding-top: 0px;
}

#sub .sub-ranking .inner .box ul li a {
	color: #CCCCCC;
	text-decoration: none;
}
#sub .sub-ranking .inner .box ul li a:hover {
	text-decoration: underline;
}

#sub .sub-ranking .inner .box .sub_l1 {
	background-image: url(../images/sub/r1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#sub .sub-ranking .inner .box .sub_l2 {
	background-image: url(../images/sub/r2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#sub .sub-ranking .inner .box .sub_l3 {
	background-image: url(../images/sub/r3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#sub .sub-ranking .inner .box .sub_l4 {
	background-image: url(../images/sub/r4.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#sub .sub-ranking .inner .box .sub_l5 {
	background-image: url(../images/sub/r5.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#sub .sub-ranking .inner .box .sub_l6 {
	background-image: url(../images/sub/r6.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#sub .sub-ranking .inner .box .sub_l7 {
	background-image: url(../images/sub/r7.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#sub .sub-ranking .inner .box .sub_l8 {
	background-image: url(../images/sub/r8.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#sub .sub-ranking .inner .box .sub_l9 {
	background-image: url(../images/sub/r9.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#sub .sub-ranking .inner .box .sub_l10 {
	background-image: url(../images/sub/r10.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#sub .sub-ranking .rank {
	float: right;
}

#sub .sub-ranking .rank a {
	text-decoration: none;
}
#sub .sub-ranking .rank a:hover {
	text-decoration: underline;
}


/*======= 110523 Walkerplus用 ========*/

#sub div.giftx_box {
	padding: 10px;
	border-top: solid 1px #999;
	clear: both;
}

#sub div.giftx_inner {
       float: right;
       width: 180px;
}

#sub div.giftx_inner a {
	color: #FFF;
	font-weight: bold;
}

#sub div.giftx_inner p a {
	color: #CCC;
	font-weight: normal;
}

#sub .kanren_box{
	padding:5px;
}
#sub .kanren_box .kanren_p{
	padding-top:2px;
}
/*#sub .kanren_box .kanren_p a{
	color:#fff;
}*/



#sub .chumoku_list{
	padding:5px;
}
#sub .chumoku_list ul li{
	list-style: none;
	background: url(/images/sub/arrow_top.gif) 3px 8px no-repeat ;
	padding: 3px 0 3px 13px;
}
#sub .chumoku_list ul li a{
	color:#fff;
}


.qr{
       float:left;
       padding:2px 5px 5px 0;
}
.app{
       float:left;
       padding:2px 5px 5px 0;
}
.clear{
       clear:both;
}