@charset "utf-8";

/********** 内側 **********/
#index .index-inner{
	padding:20px 20px;
}

/********** 見出し **********/
#index h3{
	margin:0 0 15px;
	padding:0 0 5px;
	border-bottom:solid 3px #6bb600;
	font-weight:bold;
	font-size:190%;
	color:#199f02;
}
#index .section h4{
	margin:0 0 15px;
	padding:0 0 5px;
	font-weight:bold;
	font-size:140%;
	color:#00008b;
}
#index .txt{
	margin:0 0 40px;
}
#index .txt p{
	line-height:1.6;
	font-size:110%;
	margin:0 0 20px;
}
#index .txt p .mark1{
	font-weight:bold;
	color:#fe6601;
}
#index .txt .mark2{
	margin: 15px 0;
	font-weight:bold;
	font-size:120%;
	border-radius: 5px;
	background: #fefacb;
}
#index .txt ul li .mark3{
	font-weight:bold;
	font-size:120%;
}
/********** ランキング **********/
#index .ranking{
}
#index .ranking .ranking-box{
width: 940px;
margin: 30px auto;
}
#index .index-inner .ranking ul{
}
#index .index-inner .ranking ul li{
	margin-right: 30px;
	display: inline-block;
}
#index .index-inner .ranking ul li:nth-of-type(n){
	margin-left: 10px;
	width: 270px;
}
#index .index-inner .ranking ul li img{
	width: 270px;
	height: 270px
}
#index .index-inner .ranking ul li p{
	line-height:1.6;
	font-size:90%;
}

/********** その他コンテンツ **********/
#index .contents-reco ul{
	overflow: hidden;
	padding:10px 0 0 10px;
}
#index .contents-reco ul li{
	float: left;
	width: 45%;
	padding:5px 10px;
}
#index .contents-reco ul li a{
	font-weight:bold;
	font-size:120%;
	color:#006400;
}
#index .contents-reco ul li a:before{
	content:">";
	padding:0 0.5em 0 0;
}

/********** セットボックス画像 **********/
#index .overwhite a:hover img{
  opacity: 0.7;
  filter: overwhite(opacity=70);
  -ms-filter: "overwhite(opacity=70)";
}