@charset "UTF-8";
/* common */
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px;
	line-height: 150%;
	color: #666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* contents_box */

#wrapper {
	width: 1050px;
	margin: 0 auto;
}
#header {
	height: 80px;
	position: relative;
}
/* h1〜h5 */
h1 {
	position: absolute;
	font-size: 10px;
	line-height: 130%;
	left: 310px;
	top: 30px;
	width: 520px;
}
h2 a {
	background: url(../img/common/header_logo.png) no-repeat 0 center;
	width: 300px;
	height: 80px;
	position: absolute;
	text-indent: -5000px;
	background-size: contain;
	top: 0px;
	left: 0;
}
h3 {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
/* others */
a {
	color: #007FFF;
	cursor: pointer;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-decoration: none;
}
a:hover {
	color: #39C;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;

}
a img {
	opacity:1;
	border: none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

a:hover img{
	opacity:0.6;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul {
	list-style: none;
}
p {
	padding: 0 0 1em;
}
p.soundimage {
	padding: 2px 5px;
	font-size: 80%;
	color: #fff;
	background: #ccc;
}
p.btn_detail {
	padding: 0 0 30px;
	text-align: right;
}
.img_right {
	float: right;
	padding: 0 0 0 15px;
}
.img_left {
	float: left;
	padding: 0 15px 0 0;
}

/* header */

#header ul {
	position: absolute;
	right: 0;
	top: 5px;
}
#header ul li {
	display: inline;
}
/* g_nav */
ul#nav {
	border:#346a1a 1px solid;
	width: 1050px;
	border-radius:6px;
	
	margin: 0px auto 15px;
	padding: 0;
	list-style: none;
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #82CC5D),
	color-stop(0.04, #2A7717),
	color-stop(0.5, #2A7717),
	color-stop(0.5, #6EB85C),
	color-stop(0.96, #6EB85C),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(top, #82CC5D 0%, #2A7717 4%, #2A7717 50%, #6EB85C 50%, #6EB85C 96%, #FFFFFF 100%);
background-image: -moz-linear-gradient(top, #82CC5D 0%, #2A7717 4%, #2A7717 50%, #6EB85C 50%, #6EB85C 96%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(top, #82CC5D 0%, #2A7717 4%, #2A7717 50%, #6EB85C 50%, #6EB85C 96%, #FFFFFF 100%);
background-image: -ms-linear-gradient(top, #82CC5D 0%, #2A7717 4%, #2A7717 50%, #6EB85C 50%, #6EB85C 96%, #FFFFFF 100%);
background-image: linear-gradient(to top, #82CC5D 0%, #2A7717 4%, #2A7717 50%, #6EB85C 50%, #6EB85C 96%, #FFFFFF 100%);
}
ul#nav li {
	float: left;
	text-align: center;
}
ul#nav a {
	letter-spacing: 1px;
	text-shadow: 0px 2px 0px rgba(0,0,0,0.5);
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	width: 148px;
	padding:15px 0;

	text-decoration: none;
	
	font-size: 110%;
	color: #fff;
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #82CC5D),
	color-stop(0.04, #2A7717),
	color-stop(0.5, #2A7717),
	color-stop(0.5, #6EB85C),
	color-stop(0.96, #6EB85C),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(top, #82CC5D 0%, #2A7717 4%, #2A7717 50%, #6EB85C 50%, #6EB85C 96%, #FFFFFF 100%);
background-image: -moz-linear-gradient(top, #82CC5D 0%, #2A7717 4%, #2A7717 50%, #6EB85C 50%, #6EB85C 96%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(top, #82CC5D 0%, #2A7717 4%, #2A7717 50%, #6EB85C 50%, #6EB85C 96%, #FFFFFF 100%);
background-image: -ms-linear-gradient(top, #82CC5D 0%, #2A7717 4%, #2A7717 50%, #6EB85C 50%, #6EB85C 96%, #FFFFFF 100%);
background-image: linear-gradient(to top, #82CC5D 0%, #2A7717 4%, #2A7717 50%, #6EB85C 50%, #6EB85C 96%, #FFFFFF 100%);
	display: block;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	border-right:#2A7717 1px solid;
border-left: #aedf98 1px solid;
}

#nav li:first-child a{
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
#nav li:last-child a{
	border-right: #aedf98 1px solid;
	-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}

#nav li a:hover{
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #82CC5D),
	color-stop(1, #2A7717)
);
background-image: -o-linear-gradient(top, #82CC5D 0%, #2A7717 100%);
background-image: -moz-linear-gradient(top, #82CC5D 0%, #2A7717 100%);
background-image: -webkit-linear-gradient(top, #82CC5D 0%, #2A7717 100%);
background-image: -ms-linear-gradient(top, #82CC5D 0%, #2A7717 100%);
background-image: linear-gradient(to top, #82CC5D 0%, #2A7717 100%);
}
#nav li a span{
	font-weight: normal;
	font-size: 70%;
	display: block;
	color: #82CC5D;
}
#content_wrap {
	overflow: hidden;
}
/* left_column */
#left_column {
	width: 26%;
	float: left;
}
#left_column ul li a {
	display: block;
	
}
ul.banner {
	margin: 0 0 10px;
	line-height: 12px;
}
ul.banner li {
	display: block;
	margin: 0;
	padding: 0 0 5px;
	
}
ul.banner li.subnavi {
	display: block;

}
ul.banner li.right {
	display: block;
	margin: 0;
	padding: 0 0 5px;
}
dl#category {
	background: url(../img/common/left_subtitle1.gif) no-repeat 0 top;
	margin: 0 0 10px;
	padding: 35px 0 0;
}
dl#theme {
	margin: 0 0 10px;
	padding:0;
}
dl#category dt, dl#category dd, dl#theme dt, dl#theme dd {
}
dl#category dt, dl#theme dt {
	border: #CCC 1px solid;
	padding:0.7em 1em;
	background: #eee;
	color: #444;
	font-weight: bold;
}
dl#category dd a, dl#theme dd a {
	display: block;
	border-top: none;
	background: url(../img/common/arrow1.gif) no-repeat 5px center;
	padding:0.7em 1em;
	border: #CCC 1px solid;
	border-top: none;
	text-decoration: none;

}
dl#category dd a.lastchild, dl#theme dd a.lastchild {
	border-bottom: none;
}
dl#category dd.last_child a, dl#theme dd.last_child a {
	border-bottom: none;
}
dl#category dd a:hover, dl#theme dd a:hover {
	background: #eee url(../img/common/arrow1.gif) no-repeat 5px 10px;
}
#left_column dl#aff {
	margin: 10px 0;
	padding: 10px 0;
}
#left_column dl#aff dt, #left_column dl#aff dd {
}
#left_column dl#aff dt {
	border: #CCC 1px solid;
	padding: 3px 10px;
	background: #eee;
	color: #444;
	font-weight: bold;
}
#left_column dl#aff dd a {
	display: block;
	border-top: none;
	background: url(../img/common/arrow1.gif) no-repeat 5px 10px;
	padding: 3px 3px 3px 12px;
	border: #CCC 1px solid;
	border-top: none;
	border-bottom: #CCC 1px dotted;
	text-decoration: none;
	font-size: 10px;
}
#left_column dl#aff dd a.lastchild, {
 border-bottom:none;
}
#left_column dl#aff dd.last_child a, {
 border-bottom:#CCC 1px solid;
}
#left_column dl#aff dd a:hover {
	background: #eee url(../img/common/arrow1.gif) no-repeat 5px 10px;
}
/* main_contents */
#main_contents {
	width: 70%;
	margin: 0 auto;
	float: right;
}
.largebanner {
	font-size: 10px;
}
.largebanner li {
	text-align: right;
	padding: 0 0 5px;
}
.largebanner li img {
	display: block;
}
/* right_column */
#right_column {
	width: 200px;
	float: right;
}
#right_column p.ulfooter {
	margin: 0;
}
#right_column ul.newmusic {
	border: #3d7b1e 1px solid;
	border-top: none;
	border-bottom: none;
	padding: 5px 0;
}
#right_column ul.newmusic li {
	margin: 0 5px;
	padding: 5px 10px;
	border-bottom: #CCC 1px dotted;
}
#right_column ul.newmusic li a {
	background: url(../img/common/arrow1.gif) no-repeat 0px 4px;
	padding: 0 0 0 6px;
}
#right_column ul.newmusic li.lastchild {
	border-bottom: none;
	text-align: right;
}
/* footer_nav */
#footer_nav {
	padding: 10px 0 5px;
	text-align: center;
}
#footer_nav li {
	padding: 0 3px;
	display: inline;
	border-right: #999 1px solid;
}
#footer_nav li:last-child {
	border: none;
}
#footer_nav li a {
}
/* footer */
#footer_bg {
	position: relative;
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #3F7B25),
	color-stop(1, #629C42)
);
background-image: -o-linear-gradient(top, #3F7B25 0%, #629C42 100%);
background-image: -moz-linear-gradient(top, #3F7B25 0%, #629C42 100%);
background-image: -webkit-linear-gradient(top, #3F7B25 0%, #629C42 100%);
background-image: -ms-linear-gradient(top, #3F7B25 0%, #629C42 100%);
background-image: linear-gradient(to top, #3F7B25 0%, #629C42 100%);
	border-top: 1px solid rgba(255,255,255,0.7);
	filter: drop-shadow(0px -1px 0px #629C42);
	
}
#footer {
	width: 1050px;
	min-width: 1050px;
	height: 100px;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;

}
address {
	padding: 50px 0 0;
	font-style: normal;
	font-size: 10px;
	line-height: 12px;
	color: #FFF;
}
#footer a, #footer a:hover {
	color: #FFF;
}
h5#footer_logo a {
	position: absolute;
	width: 200px;
	height: 30px;
	right: 0;
	top: 50px;
	background: url(../img/common/footerlogo.png) no-repeat 0 0;
	text-indent: -5000px;
	font-weight: normal;
}
p#btn_google {
	position: absolute;
	top: 40px;
	right: 180px;
	display: none;
}

.ads {
	border: #CCC 1px solid;
	margin: 0 0 10px;
	padding: 10px 15px;
}
.ads_ss {
	border: #CCC 1px solid;
	padding: 20px 0;
	margin: 0 0 10px;
	text-align: center;
}

#left_column ul.leftnav a{
	background: #f2f2f2;
	border: #ccc 1px solid;
	padding: 1em;
	color: #000;
	border-radius: 6px;
	font-weight: bold;
}

#left_column ul.leftnav a:hover{
	background: #ccc;

}

#left_column img{
	width: 100%;
}
#left_column li.terms a{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	text-shadow: 0px 2px 0px #007b8c;
	font-weight: bold;
	font-size: 2em;
	display: block;
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #008AB0),
	color-stop(1, #4CFCFF)
);
background-image: -o-linear-gradient(top, #008AB0 0%, #4CFCFF 100%);
background-image: -moz-linear-gradient(top, #008AB0 0%, #4CFCFF 100%);
background-image: -webkit-linear-gradient(top, #008AB0 0%, #4CFCFF 100%);
background-image: -ms-linear-gradient(top, #008AB0 0%, #4CFCFF 100%);
background-image: linear-gradient(to top, #008AB0 0%, #4CFCFF 100%);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	border-radius: 6px;
	padding:0.7em 1em;
	color: #fff;
	border:#008FAB 1px solid;
	text-align: center;
	margin:0 0 5px;
}
.terms a span{
	padding-top: 1em;
	font-size: 50%;
	display: block;
}

#left_column li.terms a:hover{
	margin:5px 0 0;
	
}
#fb_box{
	padding-top: 50px;
}
#header ul li{
	border-right: 1px solid #ccc;
}
#header ul li a{
	font-size: 90%;
	padding: 0 0.5em;
	
}
#header ul#sns{
	top: 30px;
}
#header ul#sns li{
	border: none;
}
#header ul#sns img{
	width: 40px;
	border-radius:20px;
}


p.pagetop{
	display: block;
	width: 100%;
	position: relative;
	height: 60px;
}
.pagetop img{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50px;
	display: none;
}
.pagetop span img{
	display: block;
}

.sp_bn {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-webkit-flex-pack: justify;
	-moz-flex-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	margin:0;
	padding:0;
	padding-bottom:50px;
}
.sp_bn li {
	width: 32%;
	font-size:50%;
	line-height:1.2em;
}
.sp_bn li img {
	width: 100%;
}

.sp_bn2{
	display: none;
}