@charset "shift_jis";
.bottom_banner, .bottom_banner p {
	text-align: center
}
#contents, #f_in, #f_nav, #f_sitemap, #global_header, #main, #main_wide, #public div.tsuuhan, #public div.web, #public ul, #ranking_top3, #ranking_under, #ranking_under li a, #side_s #sp_ranking li, p.pub_photo {
	overflow: hidden
}

#contents-lp, #f_in, #f_nav, #f_sitemap, #global_header, #main, #main_wide, #public div.tsuuhan, #public div.web, #public ul, #ranking_top3, #ranking_under, #ranking_under li a, #side_s #sp_ranking li, p.pub_photo {
	overflow: hidden
}

#postpic_info div p img.play, #postpic_info div p img.play:hover {
	margin: auto;
	top: 0;
	right: 0;
	left: 0;
	max-width: 100px;
	bottom: 0;
	max-height: 75px
}
#topics_path {
	margin: 0 0 5px;
	font-size: 10px;
	font-size: 1rem;
	color: #999
}
#topics_path li {
	display: inline
}
#topics_path a {
	padding-right: 10px;
	text-decoration: none;
	background: url(../img/topics_path.gif)right center no-repeat
}
#topics_path a:hover {
	text-decoration: underline
}
.bottom_banner {
	clear: both;
	padding-top: 15px;
	margin: 0 auto;
	width: 728px
}
#top_ranking {
	position: relative
}
#rank_update {
	position: absolute;
	top: 10px;
	left: 540px;
	color: #fff
}
#ranking_top3 {
	width: 660px;
	margin: 10px -10px 10px 0
}
#ranking_top3 li {
	width: 210px;
	float: left;
	margin: 0 10px 0 0
}
#ranking_top3 img {
	vertical-align: bottom;
	margin: 3px 0
}
#ranking_top3 p {
	line-height: 1.4
}
#ranking_top3 a {
	text-decoration: none
}
#ranking_top3 a em {
	padding-left: 13px;
	color: #333;
	background: url(/top/img/arrow_set-trans.png)2px -200px no-repeat
}
#ranking_top3 a:hover em {
	text-decoration: underline!important
}
#public li a, #ranking_under li a, #snav ul a, .g_nav ul a, footer a {
	text-decoration: none
}
#ranking_under {
	background: #f5f3ef;
	padding: 5px;
	zoom: 1
}
#ranking_under li {
	width: 317px;
	vertical-align: top
}
#snav li, .g_nav li {
	vertical-align: middle
}
#ranking_under li a {
	background: #fff;
	display: block;
	width: 317px;
	margin: 0 0 2px
}
#ranking_under a:hover {
	background: #ffd
}
#ranking_under li a:hover img {
	opacity: 1
}
#contents a:hover img, #global_header a:hover img, #global_nav a:hover img, footer a:hover img {
	opacity: .5
}

#contents-lp a:hover img, #global_header a:hover img, #global_nav a:hover img, footer a:hover img {
	opacity: .5
}

#ranking_under li img {
	float: left;
	margin-right: 8px
}
#ranking_under p.time {
	margin: 5px 0 3px
}
#ranking_under a em {
	color: #333;
	padding-left: 13px;
	background: url(/top/img/arrow_set-trans.png)2px -200px no-repeat
}
#ranking_under a:hover em {
	color: #a0a0a0!important
}
#ranking_under p.Right {
	text-align: right;
	margin-top: 13px
}
.pr_area {
	margin: 15px 0
}
.pr_area ul {
	margin: 5px 0 0;
	border: 1px solid #ccc
}
.pr_area li {
	text-align: center;
	margin: 10px 0
}
.pre_mainad table tr td {
	width: 325px;
	text-align: center
}
.pre_mainad {
	margin-top: 15px;
	margin-bottom: 15px
}
body {
/*	background: url(null)fixed #fff 20171116_ssl */
}
#contents {
	width: 970px;
	margin: 10px auto;
	padding-bottom: 10px
}
#contents-lp {
	width: 1048px;
	margin: 10px auto;
	padding-bottom: 10px
}
#main {
	width: 650px;
	float: left
}
#side {
	width: 300px;
	float: right
}
#main_wide {
	width: 728px;
	float: left
}
#side_s {
	width: 222px;
	float: right
}
#global_header {
	width: 970px;
	margin: 0 auto;
	position: relative;
	height: 124px;
}
#gh_h, #global_header hgroup {
	position: absolute;
	top: 6px;
	left: 0
}
#gh_h h1 {
	margin-bottom: 4px;
	font-size: 92%;
	color: #595960
}
#global_header aside {
	width: 728px;
	float: right;
	margin: 26px 0 8px
}
#gh_info {
	position: absolute;
	top: 6px;
	right: 0;
	font-size: 10px;
	font-size: 1rem
}
#gh_info li {
	display: inline;
	padding-left: 1em;
	line-height: normal
}
#gh_info a {
	padding-left: 18px;
	background: url(../img/arrow_set.gif)left top no-repeat
}
#gh_info a.webweb {
	padding-left: 18px;
	background: url(../img/arrow_webweb.gif)left top no-repeat;
	color: #FF38A1
}
#gh_info a.webweb:active, #gh_info a.webweb:hover {
	color: red
}
#global_nav {
	background: url(../img/navi_bg.gif)left top repeat-x
}
#gnav_in {
	width: 970px;
	height: 74px;
	margin: 0 auto 13px;
}
.g_nav {
	height: 37px;
	width: 970px;
	oveflow: hidden;
	z-index: 100
}
.g_nav li {
	float: left;
	zoom: 1
}
.g_nav li:hover {
	position: relative;
	z-index: 300;
	cursor: default
}
.g_nav ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 200
}
.g_nav ul li {
	float: none
}
.g_nav li:hover>ul, #gnav_box .g_nav li:hover>ul {
	visibility: visible
}
.g_nav ul a {
	height: 28px;
	line-height: 28px;
	width: 127px;
	border-bottom: solid 1px #fff;
	padding-left: 18px;
	display: block;
	background: url(/common02/img/g_nav/navi_arrow.gif)left top no-repeat #ccc;
	color: #666;
	font-size: 10px;
	font-size: 1rem
}
.g_nav ul a:hover {
	background: url(/common02/img/g_nav/navi_arrow.gif)left -50px no-repeat #999;
	color: #fff
}
#gnav_box {
	width: 100%;
	overflow: hidden
}
#gnav_box:hover {
	overflow: visible;
	display: inline-block;
}
#gnav_box ul {
	width: 669px;
	float: left
}
#gnav_box li {
	display: table-cell;
	/display: inline;
	/zoom: 1;
	padding: 7px 3px 7px 0
}
#gnav_box .g_nav li ul {
	display: block;
	margin: -7px 0 0;
	padding: 0;
}
#gnav_box .g_nav li ul li {
	display: block;
	padding: 0;
}
#gnav_box li.last {
	display: table-cell;
	/display: inline;
	/zoom: 1;
	padding: 7px 0
}
#gnav_box form {
	width: 264px;
	height: 30px;
	padding: 4px 0 0 36px;
	float: right;
	background: url(/common02/img/g_search_bg.gif)no-repeat
}
#gnav_box span input {
	width: 200px
}
footer {
	margin-top: 5px;
	color: #999;
	background: url(/common02/img/footer/footer_bg.gif)repeat-x
}
#f_in {
	width: 970px;
	margin: 0 auto
}
footer a {
	color: #666
}
#f_in aside {
	width: 850px;
	height: 24px;
	padding-top: 5px;
	float: left;
	margin-bottom: 20px
}
#f_in aside+p {
	float: right;
	margin-bottom: 20px
}
#f_other, #f_other+p {
	margin-bottom: 15px
}
#f_nav {
	clear: both;
	width: 100%;
	background: url(/common02/img/footer/f_nav.gif)repeat-y
}
#f_sitemap {
	width: 720px;
	float: left
}
#f_other li {
	display: table-cell;
	/display: inline;
	/zoom: 1;
	padding-right: 3px
}
#f_other+p {
	border-bottom: solid 1px #ccc
}
#f_sitemap div {
	width: 180px;
	float: left
}
#f_sitemap div ul {
	width: 140px;
	font-size: 10px;
	font-size: 1rem
}
#f_sitemap div li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(/common02/img/footer/border_01.gif)left bottom repeat-x
}
#f_komachi_web li:last-child, #f_sitemap div li:last-child {
	background: 0 0
}
#f_sitemap div li li, #f_sitemap div li li:last-child {
	padding: 0 0 0 22px;
	margin: 0;
	height: 20px;
	line-height: 20px;
	background: url(/common02/img/footer/border_02.gif)left top no-repeat
}
#f_komachi_web {
	width: 200px;
	float: right
}
#f_komachi_web ul {
	margin: 15px 0
}
#f_komachi_web li {
	padding-bottom: 6px;
	margin-bottom: 7px;
	background: url(/common02/img/footer/border_01.gif)left bottom repeat-x
}
#f_komachi_web li a {
	padding-left: 18px;
	background: url(/common02/img/footer/arrow.gif)left top no-repeat
}
#f_komachi_web p {
	font-size: 10px;
	font-size: 1rem
}
.side_nav {
	background: #e4e0D6;
	padding: 5px;
	margin-bottom: 15px
}
.side_nav h1 {
	text-align: right
}
#snav {
	z-index: 100;
	margin: 3px 0 5px
}
#snav li {
	float: left;
	zoom: 1
}
#snav li:hover {
	z-index: 300;
	position: relative;
	cursor: default
}
#public li a, .areaKouyou .pp_thumb a, .areaKouyou2 .pp_thumb a {
	cursor: pointer
}
#snav ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 200
}
#snav ul li {
	float: none
}
#snav li:hover>ul {
	visibility: visible
}
#snav ul a {
	height: 21px;
	line-height: 21px;
	border-bottom: solid 1px #fff;
	padding-left: 18px;
	display: block;
	background: url(../img/side_navi_arrow.gif)left top no-repeat #ccc;
	color: #666;
	font-size: 10px;
	font-size: 1rem
}
#side_new, #side_new h1 {
	border-bottom: solid 1px #c8bda6
}
#snav ul a:hover {
	background: url(../img/side_navi_arrow.gif)left -50px no-repeat #999;
	color: #fff
}
#s_nav300 #snav ul {
	width: 145px
}
#s_nav300 #snav ul a {
	width: 127px
}
#s_nav222 #snav ul {
	width: 212px
}
#s_nav222 #snav ul a {
	width: 194px
}
#side_new {
	margin: 0 0 10px
}
#side_new li {
	margin: 5px 0;
	padding: 4px 0 2px;
	zoom: 1;
	line-height: 1.3;
	background: url(../img/border_02.gif)left top repeat-x
}
#side_new li:first-child {
	background: 0 0
}
#side_new p {
	padding-left: 12px;
	background: url(../img/arrow-trans.png)left 0 no-repeat #fff
}
#side_new .new a:after {
	content: "NEW";
	color: #fff;
	background: #39c;
	font-size: 10px;
	width: 2.5em;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	margin-left: 2px
}
#sp_ranking {
	margin: 15px 0 0
}
#sp_ranking h1 {
	padding-bottom: 5px;
	background: url(../img/border_02.gif)left bottom repeat-x
}
#sp_ranking strong {
	display: block;
	margin: 5px 0 3px;
	text-align: center
}
#sp_ranking img {
	vertical-align: bottom
}
#sp_ranking a img {
	float: left;
	margin: 0 5px 5px 0
}
#side #sp_ranking ol {
	letter-spacing: -.4em
}
#side #sp_ranking li {
	letter-spacing: normal;
	width: 100px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top
}
#side #sp_ranking p {
	font-size: 10px;
	font-size: 1rem;
	width: 95px
}
#side_s #sp_ranking strong {
	width: 95px
}
#side_s #sp_ranking li {
	width: 222px
}
#side_present {
	margin: 10px 0;
	padding-bottom: 3px
}
#side_present h1 {
	padding-bottom: 6px;
	background: url(../img/present_bg.gif)left bottom repeat-x
}
#side_present ul {
	padding: 10px 12px 0;
	font-size: 10px;
	font-size: 1.2rem
}
#side_present li {
	margin: 0 0 10px
}
#side_present p {
	color: red;
	padding-left: 14px;
	background: url(../img/arrow-trans.png)left -50px no-repeat #fff
}
#public div.tsuuhan .Left, #public div.tsuuhan .Right a, #public div.web p, #public div.web ul li a {
	color: #666
}
#side #side_present ul {
	background: url(/common02/img/present_300bg.gif)repeat-y
}
#side #side_present {
	background: url(/common02/img/present_300bg_bottom.gif)left bottom no-repeat
}
#side_s #side_present ul {
	background: url(../img/present_222bg.gif)repeat-y
}
#side_s #side_present {
	background: url(../img/present_222bg_bottom.gif)left bottom no-repeat
}
#public {
	margin: 12px 0;
	padding: 0 0 12px;
	background: url(/top/img/border_03.gif)left bottom repeat-x
}
#public ul {
	width: 310px;
	margin: 0 -10px 0 0
}
#public ul.line {
	background: url(/top/img/border_03.gif)left top repeat-x;
	padding-top: 12px
}
#public li {
	width: 145px;
	float: left;
	margin: 0 10px 0 0
}
p.pub_photo {
	width: 145px;
	height: 200px
}
p.pub_date {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	font-weight: 700
}
#public span {
	padding-left: 12px;
	background: url(/top/img/arrow_set-trans.png)left 5px no-repeat
}
#public div.tsuuhan {
	padding: 5px 0;
	margin-top: -3px;
	margin-bottom: 4px;
	font-size: 10px;
	font-size: 1rem;
	width: 100%
}
#public div.web p, #public div.web ul li {
	margin-bottom: 3px
}
#public div.web {
	background: #F2F0EA;
	padding: 10px 10px 5px;
	width: 100%
}
#public div.web ul li a:active, #public div.web ul li a:hover {
	text-decoration: underline
}
#oshirase, #rakuten {
	margin-bottom: 10px
}
.twitter_block {
	margin: 0 0 15px
}
.twitter_block .time {
	clear: both;
	font-size: 10px;
	font-size: 1rem
}
.twitter_block #loading {
	text-align: center;
	margin-top: 90px
}
.twitter_block #twitter-ticker {
	width: auto;
	height: 272px;
	text-align: left;
	display: none
}
#social_box, .ad_small, .side_ad222 {
	text-align: center
}
.twitter_block #tweet-container {
	width: auto;
	height: 210px;
	overflow: auto
}
.twitter_block #twitter {
	border: 1px solid #ddd
}
.twitter_block h1 {
	border-bottom: solid 1px #ddd
}
.twitter_block #twitter_text {
	width: auto;
	height: 210px;
	overflo: hidden;
	word-break: break-all;
	word-wrap: break-word
}
.twitter_block .tweet {
	padding: 8px;
	border-right: solid 1px #ddd;
	border-bottom: dotted 1px #8e8e8e;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.4
}
.twitter_block a {
	text-decoration: none
}
.twitter_block .odd {
	background: #f6f6f6
}
#social_box, .twitter_block .even {
	background: #fff
}
#twitter_300 #twitter {
	width: 298px
}
#twitter_300 .tweet {
	width: 268px
}
#twitter_222 #twitter {
	width: 220px
}
#twitter_222 .tweet {
	width: 190px
}
#side_sns300, .side_ad300 {
	margin-bottom: 10px
}
#side_sns222, .side_ad300 li {
	margin-bottom: 5px
}
.side_ad222 {
	margin-bottom: 10px
}
.side_ad222 li {
	margin-bottom: 5px
}
.ad_small {
	margin: 10px 0
}
#face_222, #face_300 {
	margin-bottom: 15px
}
.snsblock div {
	float: left;
	margin-right: 6px
}
#social_box {
	width: 60px;
	padding: 15px;
	margin-left: -110px;
	position: fixed;
	top: 300px;
	list-style-type: none
}
.character {
	position: relative;
	display: block;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	z-index: 2
}
.character a {
	position: fixed;
	display: block;
	width: 188px;
	height: 162px;
	margin-left: 1150px;
	border: 0;
	bottom: 0;
	left: auto;
	background: no-repeat
}
.character a:hover {
	background: no-repeat;
	width: 190px;
	height: 241px
}
@media screen and (max-width: 1500px) {
	.character {
		display: none
	}
}
.areaKouyou {
	background: url(../../img/kouyou/bg_kouyou01.gif)-126px -23px no-repeat;
	padding: 1px 0 3px;
	border-radius: 5px;
	margin-bottom: 15px;
	position: relative
}
* html .areaKouyou {
	background: #FF781D
}
.areaKouyou .lgKouyou {
	margin: 6px 0 0 5px
}
.areaKouyou .icoIno {
	position: absolute;
	top: 10px;
	right: 119px
}
.areaKouyou .icoHiyoko {
	position: absolute;
	top: 10px;
	right: 84px
}
.areaKouyou .icoLili {
	position: absolute;
	top: 10px;
	right: 48px
}
.areaKouyou .icoWakato {
	position: absolute;
	top: 10px;
	right: 12px
}
.areaKouyou .text {
	color: #FFF;
	position: absolute;
	top: 42px;
	right: 8px
}
.areaKouyou .box {
	background-color: #FFDCC5;
	margin: 5px 2px;
	padding: 1px 5px 5px;
	overflow: hidden
}
.areaKouyou .btnKako {
	text-align: right
}
.areaKouyou .btnKako a {
	color: #FF822F
}
.areaKouyou .btnKako a:active, .areaKouyou .btnKako a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5
}
.areaKouyou .btnKako a:visited {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1
}
.areaKouyou ul.pp_thumb {
	margin: 5px -10px 0 0;
	letter-spacing: -.4em
}
.areaKouyou .pp_thumb li {
	letter-spacing: normal;
	width: 155px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 5px 10px 0;
	background: #FFDCC5
}
.areaKouyou .pp_thumb div {
	text-align: center
}
.areaKouyou .pp_thumb li p {
	height: 39px;
	margin: 1px 0 2px;
	padding: 15px 10px 0 33px;
	line-height: 1.4;
	background: url(../../img/kouyou/thumb_bg.gif)left -100px no-repeat
}
.areaKouyou .pp_thumb li p.bgIno {
	background: url(../../img/kouyou/bg_ino01.gif)left -100px no-repeat
}
.areaKouyou .pp_thumb li p.bgHiyoko {
	background: url(../../img/kouyou/bg_hiyoko01.gif)left -100px no-repeat
}
.areaKouyou .pp_thumb li p.bgLili {
	background: url(../../img/kouyou/bg_lili01.gif)left -100px no-repeat
}
.areaKouyou .pp_thumb li p.bgWakato {
	background: url(../../img/kouyou/bg_wakato01.gif)left -100px no-repeat
}
.areaKouyou #top_new .pp_thumb p {
	background-position: left top
}
.areaKouyou .pp_thumb time {
	color: #690;
	padding-left: 12px;
	/zoom: 1;
	background: url(../../postpic/img/arrow-trans.png)left -98px no-repeat
}
.areaKouyou2 {
	background: url(../../img/kouyou/bg_kouyou02.gif)-48px -23px no-repeat;
	padding: 1px 0 3px;
	border-radius: 5px;
	margin-bottom: 15px;
	position: relative
}
* html .areaKouyou2 {
	background: #FF781D
}
.areaKouyou2 .lgKouyou {
	margin: 6px 0 0 5px
}
.areaKouyou2 .icoIno {
	position: absolute;
	top: 10px;
	right: 119px
}
.areaKouyou2 .icoHiyoko {
	position: absolute;
	top: 10px;
	right: 84px
}
.areaKouyou2 .icoLili {
	position: absolute;
	top: 10px;
	right: 48px
}
.areaKouyou2 .icoWakato {
	position: absolute;
	top: 10px;
	right: 12px
}
.areaKouyou2 .text {
	color: #FFF;
	position: absolute;
	top: 42px;
	right: 8px
}
.areaKouyou2 .box {
	background-color: #FFDCC5;
	margin: 5px 2px;
	padding: 1px 0 5px 23px;
	overflow: hidden
}
.areaKouyou2 .btnKako {
	text-align: right;
	margin-right: 22px
}
.areaKouyou2 .btnKako a {
	color: #FF822F
}
.areaKouyou2 .btnKako a:active, .areaKouyou2 .btnKako a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5
}
.areaKouyou2 .btnKako a:visited {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1
}
.areaKouyou2 ul.pp_thumb {
	margin: 5px -10px 0 0;
	letter-spacing: -.4em
}
.areaKouyou2 .pp_thumb li {
	letter-spacing: normal;
	width: 155px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 20px 10px 0;
	background: #FFDCC5
}
.areaKouyou2 .pp_thumb div {
	text-align: center
}
.areaKouyou2 .pp_thumb li p {
	height: 39px;
	margin: 1px 0 2px;
	padding: 15px 10px 0 33px;
	line-height: 1.4;
	background: url(../../img/kouyou/thumb_bg.gif)left -100px no-repeat
}
.areaKouyou2 .pp_thumb li p.bgIno {
	background: url(../../img/kouyou/bg_ino01.gif)left -100px no-repeat
}
.areaKouyou2 .pp_thumb li p.bgHiyoko {
	background: url(../../img/kouyou/bg_hiyoko01.gif)left -100px no-repeat
}
.areaKouyou2 .pp_thumb li p.bgLili {
	background: url(../../img/kouyou/bg_lili01.gif)left -100px no-repeat
}
.areaKouyou2 .pp_thumb li p.bgWakato {
	background: url(../../img/kouyou/bg_wakato01.gif)left -100px no-repeat
}
.areaKouyou2 #top_new .pp_thumb p {
	background-position: left top
}
.areaKouyou2 .pp_thumb time {
	color: #690;
	padding-left: 12px;
	/zoom: 1;
	background: url(../../postpic/img/arrow-trans.png)left -98px no-repeat
}
#postpic_info div p {
	position: relative
}
#postpic_info div p img.play_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	max-width: 100px;
	max-height: 75px
}
#postpic_info div p img.play {
	position: absolute;
	display: block
}
#postpic_info div p img.play:hover {
	background: url(../../postpic/img/on_icon_play_s.png)50% 50% no-repeat;
	opacity: 1
}


.text-search {
 background-color:#fff;
 float:right;width:285px;
 margin:7px 0 7px 5px;
}

.text-search p{
 padding:4.5px 4.5px 4.5px 25px;
}

.search.object {
  color: #696969;
  position: absolute;
  margin-top: 0;
  margin-left: -21px;
  width: 9px;
  height: 9px;
  border: solid 1px currentColor;
  border-radius: 100%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.search.object:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 4px;
  height: 6px;
  width: 1px;
  background-color: currentColor;
}