@charset "UTF-8";

/*

共通中面右袖要素用css

*/

/* sub */

.subColumn .section{
	margin-top:10px;
	margin-bottom:10px;
}

.subColumn .section:first-child{
	margin-top:0px;
}

.titleSub {
	background: url("../images/sub/sub_ratestNews.png") repeat-x 0 0;
	border: 1px solid #014722;
	color: #FFFFFF;
	font-weight: bold;
	height: 39px;
	line-height: 2.4;
	padding: 0 14px;
	text-shadow: 0 -1px 0 #000000;
}

.titleSub_ranking {
     background-color: #E2EED8;
     border-left: 1px solid #014722;
     border-right: 1px solid #014722;
     color: #000000;
     font-weight: bold;
     font-size:95%;
     line-height:1.2;
     padding: 8px 14px;
}

.titleSub_crown {
     background: url("../images/common/ranking_crown.png") no-repeat center transparent;
     float: left;
     padding:8px;
     width:24px;
     height:24px;
}

.listSub {
	border-left: 1px solid #014722;
	border-right: 1px solid #014722;
	border-bottom: 1px solid #014722;
}

.listSub li {
	border-top: 1px dotted #999999;
	padding: 5px 0;
}

.listSub.recomend li {
	margin: 0 10px;
	zoom:1;
}

.listSub.recomend li:after{
  content: "";
  display: block;
  clear: both;
}

.listSub li:first-child {
	border-top: none;
}

.listSub li a {
	color: #333333;
	font-size: 88%;
	display: block;
}

.listSub.recomend li a {
	/*padding-left: 25px;*/
	vertical-align: middle;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.listSub.recomend li a span {
	display: inline-block;
}

.listSub.recomend li .icon{
	padding-left: 5px;
	padding-right: 5px;
}

.listSub.recomend li .icon img{
	vertical-align: middle;
}

.listSub.recomend li a:hover {
	background-color: #DBEBD9;
	text-decoration: none;
	text-shadow: 0 1px 0 #ffffff;
}

/*.right-navi-sports a {background: url("../images/sub/rightnavi-icon-sports.png") left center no-repeat;}
.right-navi-bb a {background: url("../images/sub/rightnavi-icon-bb.png") left center no-repeat;}
.right-navi-pen a {background: url("../images/sub/rightnavi-icon-pen.png") left center no-repeat;}
.right-navi-kanko a {background: url("../images/sub/rightnavi-icon-kanko.png") left center no-repeat;}
.right-navi-gurume a {background: url("../images/sub/rightnavi-icon-gurume.png") left center no-repeat;}
.right-navi-sc a {background: url("../images/sub/rightnavi-icon-sc.png") left center no-repeat;}
.right-navi-camera a {background: url("../images/sub/rightnavi-icon-camera.png") left center no-repeat;}
.right-navi-me a {background: url("../images/sub/rightnavi-icon-me.png") left center no-repeat;}
.right-navi-truck a {background: url("../images/sub/rightnavi-icon-track.png") left center no-repeat;}
.right-navi-47 a {background: url("../images/sub/rightnavi-icon-47.png") left center no-repeat;}*/

.listSub p a {
	line-height: 1.2;
}

.listSub.prompt li{
	padding:3px 0;
}

.listSub.prompt li p:first-child {
	font-size: 92%;
}

.listSub.prompt li p.font14 {
	font-size: 75%;
}

.listSub.prompt li div{
	margin:3px 0;
}

.morePrompt {
	cursor: pointer;
	padding: 10px 0;
	background: #d7d7d7;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-align: center;
	text-shadow: 0 1px 0 #ffffff;
	font-weight: bold;
	color: #666666;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.morePrompt span {
	background: url("../images/sub/morePrompt_icon.png") 0 center no-repeat;
	padding-left: 20px;
}

.morePrompt span.open{
	background: url("../images/sub/morePrompt_iconClose.png") 0 center no-repeat;
	padding-left: 20px;
}

.morePrompt span.close{
	background: url("../images/sub/morePrompt_icon.png") 0 center no-repeat;
	padding-left: 20px;
}

.morePrompt:hover {
	background: #f5f5f5;
}

.prList {
	border: 1px solid #cccccc;
	line-height: 1.1;
	font-size: 75%;
	margin-bottom: 3px;
	box-shadow: 0 0 3px #cccccc;
}

.prList a{
	color:#00461F;
}

.prList .prMore {
	background:url("../images/common/h1_arrow.png") no-repeat scroll 0 center;
	padding-left: 15px
}

.prList div + div{
	width: 231px;
}

.mashiko-right .listSub{
	padding:0 10px;
}

.mashiko-right .listSub .text{
	font-size: 88%;
}

.mashiko-right .listSub .brown div{
	color: #6a4b20;
}

.mashiko-right .listSub .title{
	border-bottom: 1px solid #6a4b20;
}

.mashiko-right .paragraphList{
	padding:7px 0;
}

.mashiko-right .paragraphList .titleText{
	font-size: 81%;
	background:url("../images/sub/paragraphList_arrowSub.png") no-repeat scroll 5px center;
	padding-left:30px;
}

.mashiko-right .paragraphList .titleText a{
	font-weight: normal;
}