@charset "utf-8";
/*--------------------------------------
  Common
---------------------------------------*/

body {
	font-size: 14px;
	line-height: 14px;
	font-family: ArialMT,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",sans-serif;
	-webkit-text-size-adjust: none;
	word-break: break-all;
}

a, a:link, a:hover,
a:active,
a:visited {
	text-decoration:none;
	font-weight:normal;
}

section {
	clear: both;
}

.hidden {
	display: none;
}

/**
 * Headline
 */
.headline{
	color: #fff;
	font-weight: normal;
	padding: 7px 0 7px 15px;
	line-height: 1.2em;
	background-color: #333;
	overflow: hidden;
	/* event/ranking ページで float:left している */
	clear: both;
}

/**
 * Footer
 */

.footer {
	margin:0;
	color:#fff;
}

.footer a {
	color:#fff;
}

.footer p {
	text-align:center;
	font-size: 15px;
}

.footer p a:not(:last-child) {
    margin-right: 12px;
}

/**
 * Gradient
 */
.gradient01 {
	background: #98b3de; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4YjNkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzdlYTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #98b3de 0%, #7ea9e9 91%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98b3de), color-stop(91%,#7ea9e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #98b3de 0%,#7ea9e9 91%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #98b3de 0%,#7ea9e9 91%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #98b3de 0%,#7ea9e9 91%); /* IE10+ */
	background: linear-gradient(top,  #98b3de 0%,#7ea9e9 91%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98b3de', endColorstr='#7ea9e9',GradientType=0 );
} /* IE6-8 */


footer ul {
	margin:16px auto 0;
	font-size:small;
	float:left;
	position:relative;
	left:50%;
}

footer li {
	float:left;
	margin:0 0 0 8px;
	position:relative;
	right:50%;
	color:#fff;
}

footer li:first-child {
	margin:0;
}

.footer-row {
	padding: 8px 0;
	background-color: #000;
}

.footer-row i {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 8px;
}

.footer-row i img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.footer-row p {
	font-size: 11px;
	line-height: 32px;
}

.footer-row p span:last-child{
	padding-left: 4px;
}

#copy {
	margin:16px 0 0;
	font-size:small;
	color:#fff;
}


/**
 * Search
 */


.searchHead {
	font-size:large;
	font-weight:bold;
	margin:8px;
}

.searchHead span {
	font-size:small;
	font-weight:normal;
}

.searchError {
	padding: 10px;
}

#jsMoreButton {
	cursor: pointer;
}

/**
 * Button - Red
 */

.btn_red{
	display:inline-block;
	padding:16px;
	background: -webkit-gradient(linear, left top, left bottom, from(#F1646D),color-stop(0.4, #E63641),color-stop(0.5, #E30A1B), to(#D00E0F));
	color:#fff;
	margin:8px auto;
	font-weight:bold;
	font-size:small;
	text-align:center;
	text-decoration:none;
	-webkit-box-shadow: 0px 1px 4px #666;
	-webkit-border-radius: 5px;
	font-size:large;
}

.btn_red img{
	height:1em;
	margin:0 5px 0 0;
}

/**
 * Button Panel
 */

.btn_panel{
	background: -webkit-gradient(linear, left top, left bottom, from(#949494),color-stop(0.2, #dedee0), to(#dedee0));
	text-align:center;
	position:relative;
	padding:0 8px;
}


/**
 * Mypage
 */

.mypageDashbord {
	padding: 8px;
	background-color: #E8EEF9;
	color: #333333;
}

.mypageDashbord img:first-child {
	float: left;
	margin: 0 8px 0 0;
	width: 35%;
}

.mypageContent {
	overflow: hidden;
}

.mypageContent h4 span {
	font-size: small;
}

.mypageContent li {
	margin: 5px 0 0;
	font-size: small;
}

.point {
	color: #ff6600;
	font-weight: bold;
}

.textList li a .mylist, .textList li div .mylist {
	background: url(../img/common/icon_mylist.png) no-repeat;
}

.textList li a .nicorepo {
	background: url(../img/common/icon_repo.png) no-repeat;
}

.textList li a .tagrepo {
	background: url(../img/common/icon_tagrepo.png) no-repeat;
}

.textList li a .favTag {
	background: url(../img/common/icon_fav.png) no-repeat;
}

.textList li a .history {
	background: url(../img/common/icon_log.png) no-repeat;
}

.textList li a .video, .textList li div .video {
	background: url(../img/common/icon_video.png) no-repeat;
}

.textList li a .purchased {
	background: url(../img/common/icon_buyhistory.png) no-repeat;
}

.textList li a .blog {
	background: url(../img/common/icon_blog.png) no-repeat;
}

.textList li a .icon, .textList li div .icon, .textList li a p.icon, .textList li div p.icon{
	background-position: 10px;
	background-size: 22px 22px;
	padding-left: 45px;
}


/**
 * RadioButton
 */
 .RadioGroup .RadioItem {
	display: inline-block;
 }

 /* checked判定はlabel側に持たせる */
 .RadioGroup input {
   display: none;
 }

 .RadioGroup .RadioItem-label {
	display: inline-block;
  text-align: center;
  cursor: pointer;
 }


/**
 * Nicorepo
 */

.nicorepo-header {
	padding-left: 12px;
	padding-right: 12px;
	border-bottom: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.nicorepo-header .nicorepo-headerTitle {
	font-size: 16px;
	line-height: 44px;
	font-weight: bold;
}

.nicorepo-header .nicorepo-headerMenu {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	right: 8px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.nicorepo-header .nicorepo-headerMenu a {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #eee;
	border-radius: 4px;
	font-size: 13px;
	padding: 8px;
	color: #666;
}

.nicorepo-segmentSelector {
	padding-top: 8px;
	padding-bottom: 8px;
}

.nicorepo-segmentSelector .RadioGroup {
	width: 60%;
  height: 28px;
  margin: 0 auto;
  border: solid 1px #ccc;
  border-radius: 6px;
	overflow: hidden;
}

.nicorepo-segmentSelector .RadioGroup .RadioItem {
	width: 50%;
	text-align: center;
	height: 28px;
	line-height: 28px;
}

.nicorepo-segmentSelector .RadioGroup .RadioItem .RadioItem-label {
	width: 100%;
	height: 100%;
}

.nicorepo-segmentSelector .RadioGroup .RadioItem input:checked + .RadioItem-label {
  color: #fff;
  background-color: #000;
}

.nicorepo-logs .timelineItem {
	position: relative;
}

.nicorepo-logs .timelineItem .timelineItem-author {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: #E8EEF9;
	border-top: solid 1px #7092CC;
	overflow: hidden;
	color: #13346E;
	font-size: 13px;
}

.nicorepo-logs .timelineItem .timelineItem-author .timelineItem-authorThumbnailContainer {
	width: 28px;
	height: 28px;
	overflow: hidden;
	margin: 8px;
}

.nicorepo-logs .timelineItem .timelineItem-author .timelineItem-authorThumbnail {
	height: 100%;
	vertical-align: top;
}

.nicorepo-logs .timelineItem .timelineItem-author .timelineItem-authorName {
	line-height: 1.35;
}

.nicorepo-logs .timelineItem .timelineItem-message {
	padding: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.nicorepo-logs .timelineItem .timelineItem-message .timelineItem-messageThumbnail {
	width: 5em;
  float: left;
  margin: 0 8px 0 0;
}

.nicorepo-logs .timelineItem .timelineItem-message .timelineItem-messageWrapper {
	overflow: hidden;
}

.nicorepo-logs .timelineItem .timelineItem-message .timelineItem-messageWrapper p {
	font-size: 13px;
	color: #13346E;
}

.timelineItem-messageText {
	margin-bottom: 8px;
}

.nicorepo-logs .timelineItem .timelineItem-mute {
	position: absolute;
	width: 36px;
	height: 36px;
	padding: 8px;
	right: 0;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.nicorepo-logs .timelineItem .timelineItem-mute {
	fill: #ccc;
}

.nicorepo-logs .timelineItem .timelineItem-mutedLayer {
	position: absolute;
	top: 1px;
	left: 0;
	background-color: rgba(255, 255, 255, .9);
	width: 100%;
	height: 100%;
	padding: 6px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.nicorepo-logs .timelineItem .timelineItem-mutedLayer[aria-hidden='true'] {
	display: none;
}

.nicorepo-logs .timelineItem .timelineItem-mutedLayerInner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	min-width: 70%;
}

.nicorepo-logs .timelineItem .timelineItem-mutedLayerMessage {
	line-height: 1.35;
	font-size: 14px;
	font-weight: 700;
}

.nicorepo-logs .timelineItem .timelineItem-mutedLayerUnmuteButton {
	display: inline-block;
	margin: 8px auto 0;
	background-color: transparent;
	padding: 8px 12px;
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	text-decoration: underline;
	color: #252525;
}

.nicorepo-more {
	text-align: center;
}

.nicorepo-moreActuallyHasNext {
	border-top: #ddd solid 1px;
}

.nicorepo-moreActuallyHasNextText {
	display: inline-block;
	font-size: 14px;
	padding-top: 12px;
	padding-bottom: 8px;
}

.nicorepo-more .nicorepo-moreNoNicorepoMessage {
	font-size: 13px;
	padding: 16px;
	border-top: #ddd solid 1px;
	line-height: 1.35;
}

.nicorepo-more .nicorepo-moreButton {
	height: 74px;
	line-height: 74px;
	border-top: #ddd solid 1px;
	border-bottom: #ddd solid 6px;
	text-align: center;
	color: #4a4a4a;
	font-weight: 700;
	font-size: 13px;
}

.nicorepo-more .nicorepo-moreActuallyHasNext + .nicorepo-moreButton {
	border-top: 0;
	line-height: 24px;
	height: 24px;
	padding-bottom: 12px;
}

.nicorepo-more .nicorepo-moreButtonText {
	display: inline-block;
}

.nicorepo-more .nicorepo-moreButtonText::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url('data:image/svg+xml;base64,PHN2ZyBpZD0ic2VhcmNoX2ljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSIjYmJiIiBkPSJNMjQsMS4yNUEyMi43NSwyMi43NSwwLDEsMCw0Ni43NSwyNCwyMi43NSwyMi43NSwwLDAsMCwyNCwxLjI1Wm0wLDM0TDEwLjE4LDE5LjUxbDMuMTktMy42NEwyNCwyOCwzNC42MywxNS44N2wzLjE5LDMuNjRaIi8+PC9zdmc+DQo=') 0 0 no-repeat;
	padding-right: 6px;
	margin-top: -4px;
}

/**
 * folder_list
 */
.folder li {
	margin: 0 8px 16px;
	float: left;
	text-align: center;
}


.folder li a {
	display:inline-block;
	width:40px;
	height:40px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 4px #666;
}

.folder li input {
	vertical-align:1em;
	margin:0 3px 0 0;
}

.folder_obilist img {
	margin: 6px 0 0 6px;
	width:8px;
	height:35px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 4px #666;
	float: left
}

/**
 * folder_color
 */
.fc_0 {background: -webkit-gradient(linear, left top, left bottom, from(#666),color-stop(0.05, #ffcc33), to(#ffcc33));}
.fc_1 {background: -webkit-gradient(linear, left top, left bottom, from(#666),color-stop(0.05, #7ebdfe), to(#7ebdfe));}
.fc_2 {background: -webkit-gradient(linear, left top, left bottom, from(#666),color-stop(0.05, #bacccc), to(#d8e2e1));}
.fc_3 {background: -webkit-gradient(linear, left top, left bottom, from(#666),color-stop(0.05, #7a7f87), to(#7a7f87));}
.fc_4 {background: -webkit-gradient(linear, left top, left bottom, from(#666),color-stop(0.05, #ff0605), to(#ff0605));}
.fc_5 {background: -webkit-gradient(linear, left top, left bottom, from(#666),color-stop(0.05, #ff9800), to(#ff9800));}
.fc_6 {background: -webkit-gradient(linear, left top, left bottom, from(#666),color-stop(0.05, #32cc00), to(#32cc00));}
.fc_7 {background: -webkit-gradient(linear, left top, left bottom, from(#666),color-stop(0.05, #00cccc), to(#00cccc));}
.fc_8 {background: -webkit-gradient(linear, left top, left bottom, from(#666),color-stop(0.05, #6598ff), to(#6598ff));}
.fc_9 {background: -webkit-gradient(linear, left top, left bottom, from(#666),color-stop(0.05, #9832ff), to(#9832ff));}


/**
 * Mylist Sort
 */

.mylistSort {
	display:table;
	width:100%;
	background:#e2e3e5;
	border-bottom:1px solid #ccc;
}

.mylistSort .sort {
    padding:8px 6px;
    display:table-cell;
    vertical-align:middle;
    font-size:small;
    text-align: left;
}

/**
 * Mylist Nicobox Launcher
 */
.mylistSort .nicobox  {
    margin:8px 6px;
    vertical-align:middle;
    text-align: right;
    display: table-cell;
    padding-right: 6px;
}

.mylistSort .nicobox > div {
    background: #EEEEEE;
    border: 1px solid #E53935;
    border-radius: 100px;
    font-size: 11px;
    color: #222;
    display: inline-block;
    padding: 5px 6px;
    line-height: 11px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.mylistSort .nicobox svg,span {
    vertical-align:middle;
}

/**
 * Mylist Open
 */

.mylist_open {
	padding:8px;
	background:#1e1e1e;
	color:#fff;
}

.mylist_open #mov_user {
	border-top:none;
	margin:0;
	padding:8px 0 0;
}

.mylist_open #mov_user p {
	margin:8px 0 0;
	font-size:small;
}


/**
 * Movie Detail
 */

#mov_user {
	border-top:2px solid #666;
	margin:8px 0 0;
	padding:8px 0 0;
}

#mov_user img {
	width:20%;
	float:left;
	margin:0 8px 0 0;
}

/**
 * sp banner
 */

#sp_banner{
	padding:0 0 5px 0;
	text-align:center;
}

#sp_banner img{
	width:80%;
}

.sp_banner{
	padding:0 0 5px 0;
	text-align:center;
}

.sp_banner img{
	width:80%;
}

.sp_ad{
	clear:both;
	padding:0 0 8px 0;
	text-align:center;
	line-height:0;
}

.sp_ad_rotation {
	clear:both;
	padding:5px 0 5px 0;
	text-align:center;
}

*/
/**
 * sp banner_footer
 */

.sp_banner_f{
	padding:17px 0 15px 0;
	text-align:center;
}

.sp_banner_f img{
	width:80%;
}

.sp_ad_f{
	clear:both;
	padding:15px 0 15px 0;
	text-align:center;
	line-height:0;
}


/**
 * Information
 */


.information_detail{
	margin:8px;
}

.information_detail img{
	display:block;
	margin:8px auto;
	max-width:95%;
}

/**
 * Login
 */

a.login{
	display:block;
	width:255px;
	margin:16px auto;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 0px 3px #003C92;
	color:#fff;
	border:1px solid #003C92;
	text-align:center;
	padding:16px 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #034BAF;
	background: -moz-linear-gradient(top,  #438BEF 0%, #034BAF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#438BEF), color-stop(100%,#034BAF));
	background: linear-gradient(top,  #438BEF 0%,#034BAF 100%);
}


/**
 * Sign up
 */

a.signup{
	display:block;
	width:255px;
	margin:16px auto;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 0px 3px #F79419;
	color:#fff;
	border:1px solid #F59D2F;
	text-align:center;
	padding:16px 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #F59D2F;
	background: -moz-linear-gradient(top,  #FAC669 0%, #F59D2F 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAC669), color-stop(100%,#F59D2F));
	background: linear-gradient(top, #FAC669 0%,#F59D2F 100%);
}


/**
 * Clearfix
 */

.cf:before,
.cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/**
 * Button - orange
 */
.btnOrange {
	display:inline-block;
	width:80%;
	padding:10px 16px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9843b),color-stop(0.4, #ef5e07),color-stop(0.5, #f25709), to(#d64719));
	color:#fff;
	margin:8px 5%;
	font-weight:bold;
	font-size:small;
	text-align:center;
	text-decoration:none;
	-webkit-box-shadow:2px #FFF;
	-webkit-border-radius:5px;
}

/* button
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin:5px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button2 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin:0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button3 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin:0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	/* -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2); */
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles
---------------------------------------------- */

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #666;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#666666));
	background: -moz-linear-gradient(top,  #ccc,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

/* blue */
.blue {
	color: #fff;
	/*border: solid 1px #98b3de;*/
	background: #7ea9e9;
	background: -webkit-gradient(linear, left top, left bottom, from(#A4BDE3), to(#83B5EB));
	background: -moz-linear-gradient(top,  #A4BDE3,  #83B5EB);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#98b3de', endColorstr='#7ea9e9');
}

/* blue2 */
.blue2 {
	color: #fff;
	/*border: solid 1px #2D73DB;*/
	background: #387ADC;
	background: -webkit-gradient(linear, left top, left bottom, from(#86ABE3), to(#387ADC));
	background: -moz-linear-gradient(top,  #86ABE3,  #387ADC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#98b3de', endColorstr='#7ea9e9');
}

.gray2 {
	color: #cccccc;
	border: solid 1px #cccccc;
	background: #666666;
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#999999));
	background: -moz-linear-gradient(top,  #999999,  #999999);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#999999');
}

select {
	-moz-appearance: button;
	-webkit-appearance: button;
	appearance: button;
	padding: 4px 20px 4px 4px;
	color: #222;
	border-color:#666666;
	background: #eeeeee url(/img/common/pullicon.png) right center no-repeat;
}

/*
  ヘッダー追従
----------------------------------------------- */
.fixed {
	position: fixed;
}

hr.hrBorder {
	width:100%;
	height:1px;
	margin:0;
	padding:0;
	border:none;
	clear:both;
	color:#7092CC;
	background:#7092CC;
}

/*
  もっと見る
---------------------------------------*/

.moreView,
.moreViewBorderTop,
.moreViewBorderBottom,
.moreViewBorderTopAndBottom {
	display: block;
	text-align:right;
	color: #333;
	background: url("/img/common/arrow.png") no-repeat scroll right center;
	background-size: 12px auto;
	font-size: 12px;
	height: 40px;
	line-height: 42px;
	padding-right: 15px;
}

.moreViewMylist {
	display: block;
	text-align:right;
	color: #333;
	background: url("/img/common/icon_cur_blue2.png") no-repeat scroll right 50% transparent;
	background-size: 18px auto;
	font-size: 12px;
	height: 40px;
	line-height: 42px;
	padding-right: 25px;
}

.moreViewBorderTop {
	border-top:solid 1px #7092CC;
}

.moreViewBorderBottom {
	border-bottom:solid 1px #7092CC;
}

.moreViewBorderTopAndBottom {
	border-top:solid 1px #7092CC;
	border-bottom:solid 1px #7092CC;
}

/*--------------------------------------
  index
---------------------------------------*/

/*
  本日のオススメ
---------------------------------------*/
p.nowonair {
	color:#f00;
	font-size:12px;
	margin-left:8px;
	float:left;
}

/*
  汎用特設バナーリンク
---------------------------------------*/
.etcLink {
	margin: 5px auto;
	line-height: 0;
	width: 320px;
	height: 50px;
}

.column3 {
	width:99%;
	display:table;
	margin:10px auto;
}

.column3 li {
	width:33.3%;
	display:table-cell;
	text-align:center;
}

.column3 div {
	width:100px;
	margin:0 auto;
}

.column3 p {
	text-align:left;
	margin:10px 0 0 0;
	color: #13346E;
}

/*
  ソーシャルボタン
---------------------------------------*/
.SocialBtn {
	display:table;
	width:300px;
	margin:0 auto 10px auto;
}

.SocialBtnImg {
	display:table-cell;
	text-align: center;
}

/*--------------------------------------
  動画投稿
---------------------------------------*/
.BtnCenter {
	width:290px;
	margin:10px auto;
}

.siteSineupBtn {
	width: 290px;
	padding: 3px 0;
	font-size: 14px;
	text-decoration: none;
	border:solid 1px #ff2800;
	display: inline-block;
	color: white;
	zoom: 1;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-shadow: 0 2px 2px # C60;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	background: #991900;
	background: -moz-linear-gradient(top, #ff2800 0%, #e02100 50%, #991900 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2800), color-stop(50%,#e02100), color-stop(100%,#991900));
	background: -webkit-linear-gradient(top, #ff2800 0%,#e02100 50%,#991900 100%);
	background: -o-linear-gradient(top, #ff2800 0%,#e02100 50%,#991900 100%);
	background: -ms-linear-gradient(top, #ff2800 0%,#e02100 50%,#991900 100%);
	background: linear-gradient(to bottom, #ff2800 0%,#e02100 50%,#991900 100%);
	font-size: 13px;
	font-weight: bold;
}

.siteSineupBtnText {
	font-size: 23px;
	line-height: 40px;
	text-align:center;
}

.VideocreateBtn {
	text-decoration: none;
	font-weight: normal;
	border: solid 1px #999999;
	display: inline-block;
	color: #333333;
	zoom: 1;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	margin: 0 0.5em 0.5em 0;
	padding: 0.3em 1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: rgb(236,236,237);
	background: -moz-linear-gradient(top, rgba(236,236,237,1) 0%, rgba(164,164,164,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,237,1)), color-stop(100%,rgba(164,164,164,1)));
	background: -webkit-linear-gradient(top, rgba(236,236,237,1) 0%,rgba(164,164,164,1) 100%);
	background: -o-linear-gradient(top, rgba(236,236,237,1) 0%,rgba(164,164,164,1) 100%);
	background: -ms-linear-gradient(top, rgba(236,236,237,1) 0%,rgba(164,164,164,1) 100%);
	background: linear-gradient(to bottom, rgba(236,236,237,1) 0%,rgba(164,164,164,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececed', endColorstr='#cccccc',GradientType=0 );
}

.EncodeText {
	text-align: center;
	margin: 10px 0;
}

/*--------------------------------------
  tagrepo_link.tpl
---------------------------------------*/
/*-- 大枠 --*/
.tagrepoLink {
	width:100%;
	right:18px;
	padding: 15px 18px 15px 0;
	color: #333333;
	text-align:right;
	border-bottom: solid 1px #dadada;
	background:#FFF;
}

/*-- icon --*/
.tagrepoLink.arrow{
	position: relative;
	width: 100%;
}

.tagrepoLink.arrow:before,
.tagrepoLink.arrow:after{
	display: none;
	content: "";
	position: absolute;
	top: 50%;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	border-top: #999 solid 2px;
	border-right: #999 solid 2px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tagrepoLink.arrow-front:before{
	display: block;
	left: -12px;
}

.tagrepoLink.arrow-back:after{
	display: block;
	right: 10px;
}

/*--------------------------------------
  検索
---------------------------------------*/

.listViewNext {
	display: block;
	height: 74px;
	line-height: 74px;
	border-bottom: #ddd solid 6px;
	text-align: center;
	color: #4a4a4a;
	font-weight: 700;
	font-size: 13px;
}

.listViewNext div:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url('data:image/svg+xml;base64,PHN2ZyBpZD0ic2VhcmNoX2ljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSIjYmJiIiBkPSJNMjQsMS4yNUEyMi43NSwyMi43NSwwLDEsMCw0Ni43NSwyNCwyMi43NSwyMi43NSwwLDAsMCwyNCwxLjI1Wm0wLDM0TDEwLjE4LDE5LjUxbDMuMTktMy42NEwyNCwyOCwzNC42MywxNS44N2wzLjE5LDMuNjRaIi8+PC9zdmc+DQo=') 0 0 no-repeat;
	padding-right: 6px;
	/* テキストとの上下中央を目視であわせるためのmargin-top */
	margin-top: -4px;
}

.searchMenu {
	height: 38px;
	border-bottom: solid 1px #7092CC;
}

.searchMenuBox {
	padding-left:10px;
	font-size: small;
	margin: 0;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.searchMenu p {
	font-weight: bold;
	color: #000;
	padding: 5px;
	display: table-cell;
	vertical-align: middle;
}

.searchSelect{
	display: table-cell;
	text-align: right;
	padding: 3px 8px 5px 8px;
}

select.pulldown {
	-moz-appearance: button;
	-webkit-appearance: button;
	appearance: button;
	padding: 4px 20px 4px 4px;
	color: #222;
	border-color: #666666;
	background: #eeeeee url(/img/common/pullicon.png) right center no-repeat;
}

.subcategory {
	height: 38px;
	border-bottom: solid 1px #7092CC;
	background: #E8EEF9;
	clear:both;
}

.subcategory div:first-child {
	font-size: small;
	margin: 0;
	display: table;
	width: 100%;
}

.subcategorySelect {
	display: table-cell;
	text-align: right;
	padding: 3px 8px 5px 8px;
}

.subcategory p {
	font-weight: bold;
	color:#000;
	padding:5px 5px 5px 15px;
}

.searchListChange{
	padding: 15px 0;
	display: block;
	color: #13346E;
	text-align: center;
	border-bottom: solid 1px #7092CC;
	background: #fff;
}

.searchLine{
	width: 97%;
	height: 40px;
	display: table;
}

.tagsSearchLog{
	line-height: 1.5em;
	display: table-cell;
	vertical-align: middle;
}

.tagFavotiteButton{
	width: 9.5em;
	font-size: 11px;
	display: table-cell;
	vertical-align: middle;
}

.tagFavotiteButton .favorite {
	display: block;
	color: #333;
	border-radius: 4px;
	text-align: center;
	font-weight: bold;
	background: #fff;
	font-size: 11px;
	line-height: 38px;
	cursor:pointer;
	vertical-align: middle;
}

.tagFavotiteButton .favorite i {
	display: inline-block;
	width: 11px;
	height: 11px;
	vertical-align: middle;
}

.tagFavotiteButton .favorite i svg {
	width: 100%;
	height: 100%;
	vertical-align: top;
	margin-top: -2px;
}

.tagFavotiteButton .favorite.hidden {
	display: none;
}

.tagFavotiteButton .favorite.off {
	color: #333;
}

.tagFavotiteButton .favorite.off .follow svg {
	fill: #333;
}

.tagFavotiteButton .favorite.off .following {
	display: none;
}

.tagFavotiteButton .favorite.on {
	color: #fd9a00;
}

.tagFavotiteButton .favorite.on .following {
	display: inline-block;
}

.tagFavotiteButton .favorite.on .follow {
	display: none;
}

.tagFavotiteButton .favorite.on svg {
	fill: #fd9a00;
}

/*
  ranking
---------------------------------------*/
.rankingSelect {
	width: 100%;
	border-bottom: 1px solid #7092CC;
	display: table;
}
.rankingSelect h5 {
	width: 40px;
	padding: 0 0 3px;
	margin: 10px 0 3px;
	float: left;
}
.rankingSelect div {
	width: 140px;
	margin-left: 10px;
	padding: 8px 4px;
	display: table-cell;
	vertical-align: middle;
	font-size: small;
	float: left;
}
.rankingSelectBox select {
	width: 95px;
}
td.bnrBr{
	width:15px;
}
td.bnrBrLeft{
	width:15px;
}
td.bnrBrRight{
	width:5px;
}

table.contents4{
	width:100%;
	height:70px;
	padding:0 0 0 0;
	border-bottom:solid 1px #7092CC;
}

table.contentsLiveList{
	width:100%;
	height:80px;
	padding:0 0 0 0;
	border-bottom:solid 1px #999999;
}

p.contents5Time {
	color: #6A6B84;
	float: left;
	font-size: 12px;
	margin: 0;
	padding: 0 0 2px 0;
}


p.contents5Txt {
	clear: both;
	margin: 0 15px 0 0;
	padding: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.3em;
}

p.iconimg {
	margin: 0;
	display: block;
	position: absolute;
	bottom:5px;
}

p.iconimg img {
	margin: 0 3px 0 0;
}

span.icontxt {
	font-size: 12px;
	margin: 0 3px 0 0;
}

td.contents2Img {
	width: 70px;
	padding: 0px;
	line-height: 1px;
}

td.contents2Img img {
	max-height: 70px;
	max-width: 70px;
}


td.contents2Img .imgBlock {
	position: relative;
	display: block;
	height: 70px;
	width: 70px;
	background-color: #000000;
}

td.contents2Img .imgBlock img {
	max-height: 70px;
	max-width: 70px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.contentsLiveListTxt{
	height:80px;
	position: relative;
	padding: 5px 0 0 15px;
	color:#13346e;
	vertical-align: top;
}

td.contents2TxtBlue2{
	padding: 8px 0 0 15px;
	color:#13346e;
	vertical-align: top;
}

.column2 {
	width: 100%;
	overflow: hidden;
}

.column2 li {
	width: 50%;
	height: 40px;
	float: left;
	border-bottom:solid 1px #7092CC;
	color: #13346E;
}

.column2 li.selected {
	background-color: #7EA9E9;
}

.column2 li a {
	display: block;
	height: 100%;
	width: 100%;
}

.column2 li.wide {
	width: 100%;
}
.column2 li.left {
	margin-right: -1px;
	border-right: solid 1px #7092CC;
}
.column2 li p {
	padding: 0 10px;
	color: #13346E;
	height: 40px;
	vertical-align: middle;
	display: table-cell;
	font-size: 12px;
}

.column2 li i {
	float: left;
	margin-right: 4px;
}

.column2 li span {
	display: inline-block;
	float: left;
	margin-top: 2px;
}

.column2 li p.all {
	background: url(/img/category/all.png) no-repeat;
	background-position: 10px 5px;
	background-size: 30px 30px;
	width: 60px;
	margin: 0 auto;
	padding-left: 48px;
	display: block;
	line-height: 40px;
}

.column2 li p.ent {
	background: url(/img/category/g_ent2.png) no-repeat;
	background-position: 10px 5px;
	background-size: 30px 30px;
	padding-left: 45px;
	padding-right: 0;
}

.column2 li p.life {
	background: url(/img/category/g_life2.png) no-repeat;
	background-position: 10px 5px;
	background-size: 30px 30px;
	padding-left: 45px;
	padding-right: 0;
}

.column2 li p.politics {
	background: url(/img/category/g_politics.png) no-repeat;
	background-position: 10px 5px;
	background-size: 30px 30px;
	padding-left: 45px;
	padding-right: 0;
}

.column2 li p.tech {
	background: url(/img/category/g_tech.png) no-repeat;
	background-position: 10px 5px;
	background-size: 30px 30px;
	padding-left: 45px;
	padding-right: 0;
}

.column2 li p.culture {
	background: url(/img/category/g_culture2.png) no-repeat;
	background-position: 10px 5px;
	background-size: 30px 30px;
	padding-left: 45px;
	padding-right: 0;
}

.column2 li p.other {
	background: url(/img/category/g_other.png) no-repeat;
	background-position: 10px 5px;
	background-size: 30px 30px;
	padding-left: 45px;
	padding-right: 0;
}

.blomagaLink {
	background: url(/img/common/icon_blog.png) no-repeat;
	background-position: 5px 5px;
	background-size: 30px 30px;
	padding-left: 40px;
	float: right;
	color: #333333;
}


/**
 * Text List
 */

.textListBorderTop {
	border-top: 1px solid #7092CC;
}

.textList li {
	border-bottom: 1px solid #7092CC;
	color: #13346E;
}

.textList li a {
	display: block;
	height: 100%;
	width: 100%;
	background: url("/img/common/icon_cur_blue2.png") no-repeat scroll right 50% transparent;
}

.textList li a p {
	color: #13346E;
	padding: 16px 20px 16px 15px;
	display: table-cell;
	vertical-align: middle;
}

.textList a span{
	display:inline-block;
	color:#747474;
	text-decoration:none;
	margin:0 0 0 5px;
}

.relatedTagSearchBox {
	padding: 8px;
}

section.errorMessage {
	padding:5em 8px;
	text-align:center;
}
section.errorMessage p {
	margin:8px 0 0;
	font-size:small;
}
p.rankingErrorMessage {
	padding:1em 0;
	font-size:small;
	text-align:center;
}

.premiumButtonRounded1line {
	background: #fead48;
	background: linear-gradient(to bottom, #FEAD48 0%, #FE7900 50%, #FE7900 50%, #CA6000 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(top, #fead48 0%, #fe7900 50%, #fe7900 50%, #ca6000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fead48), color-stop(50%,#fe7900), color-stop(50%,#fe7900), color-stop(100%,#ca6000));
	background: -webkit-linear-gradient(top, #fead48 0%,#fe7900 50%,#fe7900 50%,#ca6000 100%);
	background: -o-linear-gradient(top, #fead48 0%,#fe7900 50%,#fe7900 50%,#ca6000 100%);
	background: -ms-linear-gradient(top, #fead48 0%,#fe7900 50%,#fe7900 50%,#ca6000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fead48', endColorstr='#ca6000',GradientType=0 );
	border: 1px solid #F48528;
	border-radius: 1em 1em 1em 1em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font: 15px/100% Arial,Helvetica,sans-serif;
	height: 20px;
	outline: medium none;
	padding: 5px 0 1px;
	text-align: center;
	text-decoration: none;
	vertical-align: baseline;
	width: 220px;
}


/*--------------------------------------
  Mylist
---------------------------------------*/
.btnCenter {
	width: 300px;
	margin: 10px auto;
}

.mylistBtn {
	width: 300px;
	height:45px;
	border: none;
	color:#fff;
	cursor: pointer;
	font-size:14px;
	line-height: 46px;
	text-align: center;
	border-radius: 0.5em;
	display:inline-block;
}

.btnColorGray {
	color: #333;
	border: solid 1px #333;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	-webkit-appearance: none;
}

.btnColorGreen {
	background: #48bc21; /* Old browsers */
	background: -moz-linear-gradient(top,  #48bc21 0%, #2b7113 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48bc21), color-stop(100%,#2b7113)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #48bc21 0%,#2b7113 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #48bc21 0%,#2b7113 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #48bc21 0%,#2b7113 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #48bc21 0%,#2b7113 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48bc21', endColorstr='#2b7113',GradientType=0 ); /* IE6-9 */
	-webkit-appearance: none;
}

.btnColorRed {
	background: #ff5151; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff5151 0%, #8f1301 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5151), color-stop(100%,#8f1301)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff5151 0%,#8f1301 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff5151 0%,#8f1301 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff5151 0%,#8f1301 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff5151 0%,#8f1301 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5151', endColorstr='#8f1301',GradientType=0 ); /* IE6-9 */
	-webkit-appearance: none;
}

.editOptions {
	width: 300px;
	margin:0 auto;
}

.editOptions p {
	margin: 15px 0 5px 0;
	font-size:14px;
	font-weight: bold;
}

.editOptions .editPublic select {
	width: 300px;
	-moz-appearance: button;
	-webkit-appearance: button;
	appearance: button;
	padding: 10px;
	font-size:14px;
	color: #222;
	border-color: #666666;
	background: #eeeeee url(/img/common/pullicon.png) right center no-repeat;
}

.editOptions .editName input {
	width: 278px;
	padding: 11px 10px;
	font-size:14px;
	border: solid 1px #999;
}

.editOptions .editDescription textarea {
	width: 280px;
	padding: 12px 9px;
	font-size:14px;
	border: solid 1px #999;
}

.editOptions .editDefaltSort select {
	width: 300px;
	-moz-appearance: button;
	-webkit-appearance: button;
	appearance: button;
	padding: 10px;
	font-size:14px;
	color: #222;
	border-color: #666666;
	background: #eeeeee url(/img/common/pullicon.png) right center no-repeat;
}

.mylistTitleArea {
	display:table;
	width:100%;
	padding:10px 0;
}

.mylistTitle {
	display:table-cell;
	vertical-align:top;
	padding:6px 10px 0 10px;
}

.mylistEdit {
	width:24px;
	display:table-cell;
	padding:0 10px 0 0;
}

.editMylistButton {
	display: block;
	width: 24px;
	padding: 0.5em 1em;
	border: solid 1px #333;
	color: #333;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: normal;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	-webkit-appearance: none;
}

.deleteMylistButton {
	display: block;
	width: 24px;
	float: right;
	margin: 5px 0;
	padding: 0.5em 1em;
	border: solid 1px #333;
	color: red;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: normal;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	-webkit-appearance: none;
}

p.message {
	padding: 3em 8px;
	text-align: center;
}


/*--------------------------------------
  お気に入りタグ
---------------------------------------*/

.myTagTextList li {
	border-bottom: 1px solid #999;
	color: #13346E;
	display: inline-block;
	height: 100%;
	width: 100%;
	background: url("/img/common/icon_cur_blue2.png") no-repeat scroll right 50% transparent;
}

.myTagTextList li a p {
	color: #13346E;
	padding: 20px 0px 20px 20px;
}

/*タグ削除モード中非表示*/
.myTagList .tagEdit .tagEditStart{
	display: none;
}

/*タグ削除モード中のみ表示*/
.myTagList .tagDelete img{
	top:50%;
	width: 32px;
	float: left;
	margin: 12px 4px 0 8px;
}

.myTagList .tagDelete,
.myTagList .tagEditFinish{
	display: none;
}

.myTagList .tagEdit li{
	background: none;
}

.myTagList .tagEdit .tagDelete,
.myTagList .tagEdit .tagEditFinish{
	display: block;
}

/* タグ削除モード開始&終了*/
.myTagList .tagController{
	position: relative;
	min-height: 44px;
	border-top: 4px solid #eee;
	box-shadow: 0 1px 0 #c9c9c9 inset, 0 -1px 0 #c9c9c9;
	margin-top: -2px;
}

.myTagList .tagEdit .tagController{
	box-shadow: 0 1px 0 #c9c9c9 inset, 0 0 0 #c9c9c9;
}

.myTagList .tagEditStart{
	background: url("../img/common/icon_mytag_edit_button.png") no-repeat scroll left;
	background-position:10px center;
	background-size: 15px 15px;
}

.myTagList .tagEditFinish{
	background: url("../img/common/icon_mytag_ext_button.png") no-repeat scroll left;
	background-position:10px 12px;
	background-size: 15px 15px;
}

.myTagList .tagEditStart,
.myTagList .tagEditFinish{
	position: absolute;
	font-size: 12px;
}

.myTagList .tagEditStart,
.myTagList .tagEditFinish{
	left: 10px;
	line-height: 36px;
	padding: 0 14px 0 28px;
	background-color: #eee;
	border: 1px solid #c9c9c9;
	border-width: 0 1px 1px;
	color: #333;
	border-radius: 0 0 6px 6px;
}

/* タグ1件以上*/
.myTagList .tagController{
	display: block;
}
.myTagList .link{
	display: block;
}
.myTagList .noTagContents{
	display: none;
}

/* タグ0件*/
.myTagList.noTag .tagController{
	display: none;
}
.myTagList.noTag .link{
	display: none;
}
.myTagList.noTag .noTagContents{
	display: block;
}


/*--------------------------------------
  my/fav/no_tag.tpl
---------------------------------------*/
.registrationNoneMessage {
	margin: 45px 0;
	padding: 0 15px;
	text-align: center;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
}
.registrationNoneMessage a{
    color: #0476E6;
    font-weight: bold;
}
.registrationNoneMessage .underline{
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}
.registrationGuide{
	margin: 0 auto;
	width: 90%;
}
.registrationGuide p{
	margin: 15px 0;
	font-size: 13px;
	line-height: 1.5em;
	text-align: center;
}
.registrationGuide img{
	width:100%;
}
.tagrepoTargetTagContainer{
	margin: 30px auto;
	width: 95%;
	overflow: hidden;
}
.tagrepoTargetTagContainer h2{
	margin-bottom: 10px;
	padding: 8px 0px;
	width: 100%;
	overflow: hidden;
	color:#333333;
	border-left:solid 10px #d3678b;
	border-bottom:solid 1px #d3678b;
	padding-left:0.5rem;
}
ul.tagrepoTagList{
	padding:0 3%;
}

ul.tagrepoTagList li{
	display: inline-block;
	margin: 0px 6px 6px 0px;
	border:solid 1px #a9a9a9;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	float: left;
	background-color: #fff;
}
ul.tagrepoTagList li.more{
	display: none;
}
.tagrepoTagList li a{
	display: block;
	text-decoration:none;
	padding: 14px;
	color:#333333;
}
.moreTagrepoTargetTag{
	padding: 15px 0;
	display: block;
	color: #5d5d5d;
	text-align: center;
	border-bottom: solid 1px #d6d6d6;
	background: #fff;
}
.moreTagrepoTargetTag.hidden{
	display: none;
}

/*--------------------------------------
  index/site_top_information.tpl
---------------------------------------*/

section#sitetopInformation {
	padding: 2px 0 10px;
	width: 100%;
	text-align: center;
}

.sitetopInformationBox{
	display:inline-block;
	box-sizing:border-box;
	width: 96%;
	border-bottom: 2px dotted #fc0000;
}

.sitetopInformationBox:first-child{
	border-top: 2px dotted #fc0000;
}

.sitetopInformationTxt{
	color:#FF0000;
	padding:12px 0 10px;
}

/*--------------------------------------
  video list
---------------------------------------*/
.itemBlk,.itemCountList{
	overflow: hidden;
}

.itemBlk{
	display: block;
	width: 100%;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: #7092cc solid 1px;
}

.itemBlkInner{
	width: 100%;
}

.itemMedia{
	position: relative;
	float: left;
	width: 100px;
	height: 77px;
	margin-right: 10px;
}

.itemMedia img{
	width: 100%;
	height: 100%;
}

.itemMedia .relateInfo{
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 13px;
	color: #fff;
	padding: 2px 4px;
	background-color: rgba(0,0,0,.8);
}

.itemInfo{
	padding-top: 6px;
	overflow: hidden;
}

.itemInfo .itemDate{
	color: #5d5d5d;
	font-size: 12px;
	margin-bottom: 4px;
}

.itemInfo .itemDate .separate{
	padding-left: 4px;
}

.itemInfo .itemTitle{
	color: #333;
	margin-bottom: 4px;
}

.itemInfo .icons{
	display: inline-block;
	vertical-align: middle;
}

.itemInfo .icons.premium img{
	height: 16px;
}

.itemCountList li{
	float: left;
	margin-right: 10px;
	color: #333;
	font-size: 12px;
}

.itemCountList li:last-child{
	margin-right: 0;
}

.itemCountList .icons:before{
	display: inline-block;
	content: "";
	height: 10px;
	margin-right: 4px;
	background-repeat: no-repeat;
	background-position: left center;
}

.itemCountList .icons.viewCount:before{
	width: 13px;
	height: 10px;
	background-image: url(../img/index/icon_1.png);
	background-size: 100%;
	background-position: left center;
}

.itemCountList .icons.commentCount:before{
	width: 13px;
	height: 10px;
	background-image: url(../img/index/icon_2.png);
	background-size: 100%;
	background-position: left center;
}

.itemCountList .icons.mylistCount:before{
	width: 14px;
	height: 10px;
	background-image: url(../img/index/icon_3.png);
	background-size: 100%;
	background-position: left center;
}

.itemNum{
	position: absolute;
	right: 8px;
	top: 10px;
	color: #979797;
	font-size: 180%;
	font-weight: bold;
	text-shadow: 1px 1px 2px #ccc;
}

.uploadVideoItem{
	position: relative;
	cursor: pointer;
	border-bottom: #7092cc solid 1px;
}

.uploadVideoItem .itemBlk{
	border-bottom: 0;
}

.uploadVideoItem .itemInfo{
	padding-bottom: 1.55em;
}

.uploadVideoItem .buttonGroup{
	position: absolute;
	bottom: 2px;
	left: 118px;
	padding-top: 4px;
	text-align: right;
}

.uploadVideoItem .buttonGroup a{
	margin-bottom: 0;
}


div.bookmarkBubble {
	position: absolute;
	z-index: 10;
	width: 100%;
	left: 0;
	top: 0;
}

div.bookmarkBubbleInner {
	position: relative;
	float: right;
	right: 10px;
	bottom: -5px;
	width: 160px;
	border: 2px solid #FFFF26;
	padding: 12px 5px 10px 5px;
	background-image: url(../img/bookmark/bg.png);
	background-size: 170px 120px;
	-webkit-border-radius:10px;
	-webkit-box-shadow: 0 0 8px #FFCC33;
	font: 12px/12px sans-serif;
	color : #000;
	line-height: 18px;
}

div.bookmarkBubbleAppleTouchImage {
	float: left;
	width: 40px;
	height: 40px;
	margin: -2px 6px 3px 10px;
	background: url(../img/apple-touch-icon-114x114.png) no-repeat -1px -1px;
	-webkit-background-size: 42px;
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

a.bookmarkBubbleClose {
	position: absolute;
	display: block;
	top: 0;
	right: 5px;
	width: 24px;
	height: 24px;
	border: 10px solid transparent;
	background: url(../img/bookmark/close.png) no-repeat;
	background-size: 24px;
}

/* 基本形 */
.profileNotRegister {
	background: #E8EEF9;
	margin: 0 10px 8px 10px;
	display: block;
	color: #13346E;
	box-sizing: border-box;
	border: 1px solid #fc0000;
	text-align: center;
	background: url(../img/common/simple_register_user_cur_blue.png) no-repeat right 50%;
	background-size: 18px;
}

.profileNotRegister span {
	display: inline-block;
	padding: 14px 24px 14px 0;
}

/* アラート強調二段階目 */
.moreAttention {
	color:#f00;
}

/* アラート強調三段階目 */
.mostAttention {
	background: #FEEEEE;
	border: 1px solid #F74A4E;
	color:#f00;
}

.mostAttention span  {
	background: url(../img/common/simple_register_user_cur_red.png) no-repeat right 50% ;
	background-size: 18px;
	width: 100%;
	margin-left: -24px;
	padding: 11px 24px 14px 0;
}

.mostAttention span::before {
	content: url(../img/common/simple_register_user_attention.png) no-repeat 0px top;
	-webkit-transform: scale(0.5);
	padding-left: 30px;
	display: inline-block;
	height: 16px;
	width: 14px;
}

/* loading */
@-webkit-keyframes rotate {
	0% { -webkit-transform: rotate(0); }
	100% { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes fade {
	0% { opacity: 1; }
	50% { opacity: .2; }
	100% { opacity: 1; }
}

.loadingWrap{
	position: absolute;
	width: 100%;
	height: 100%;
}

.loadings {
	width: 48px;
	height: 48px;
	margin: 0 auto;
	position: relative;
	bottom: -60px;
	z-index: 99;
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
.loadings{
	-webkit-animation-name: fade, rotate;
}

.loadings span {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
}
.loadings .loading1 {
	top: 3px;
	left: 19px;
	background: #333;
}
.loadings .loading2 {
	top: 7px;
	left: 30px;
}
.loadings .loading3 {
	top: 19px;
	left: 35px;
}
.loadings .loading4 {
	top: 30px;
	left: 30px;
}
.loadings .loading5 {
	top: 35px;
	left: 19px;
	background: #cacaca;
}
.loadings .loading6 {
	top: 30px;
	left: 8px;
	background: #979797;
}
.loadings .loading7 {
	top: 19px;
	left: 3px;
	background: #676767;
}
.loadings .loading8 {
	top: 7px;
	left: 8px;
	background: #343434;
}

/* ミドルバナー広告 */
.middleBanner {
	clear:both;
}

/* color override */

.footer.gradient01{
	background: #333;
	text-align: center;
}

.itemBlk{
	border-bottom: #999 solid 1px;
}

.column2 li{
	border-bottom: solid 1px #999;
}

.column2 li.left{
	border-right: solid 1px #999;
}


.moreViewBorderTop {
	border-top:solid 1px #999;
}

.moreViewBorderBottom {
	border-bottom:solid 1px #999;
}

.moreViewBorderTopAndBottom {
	border-bottom:solid 1px #999;
	border-top:solid 1px #999;
}

table.contents4{
	border-bottom:solid 1px #999;
}

.textList li {
	border-bottom: 1px solid #999;
}

.textListBorderTop{
	border-color: #999;
}

hr.hrBorder{
	background-color: #999;
}

.searchListChange{
	border-color: #999;
}

.uploadVideoItem{
	border-color: #999;
}

/* カテアラ追加分 */
.categoryAllianceTopAd {
	border-bottom: solid 1px #999;
}
.categoryAllianceTopAd img {
	display: table-cell;
	margin-left: 10px;
	margin-right: 10px;
}
.categoryAllianceTopAd a {
	display: table;
	width: 100%;
}
.categoryAllianceTopAd span {
	display: table-cell;
	padding: 5px 10px 5px 0;
	color: #13346e;
	width: 100%;
	vertical-align: top;
}


/* bnr */

.bnrWrap{
	position: relative;
	width: 320px;
	height: 100px;
	margin: 0 auto 8px;
}

.bnrWrap a{
	display: block;
}

.bnrWrap a img{
	width: 100%;
}

.bnrWrap .triggerButton{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-indent: -999em;
	overflow: hidden;
}

.premiumInvite .triggerButton.close{
	background: url(../img/campaign/newcomer_premium/icon_close.png) no-repeat;
	background-size: 100%;
}

/* recommend user phase2*/
.recommendUserChannel{
	padding: 20px 0;
	text-align: center;
}


.recommendText{
	margin-bottom: 12px;
}

.recommendUser{
	display: inline-block;
	color: #333;
	margin: 0;
	padding: 0 10px;
	font-size: 18px;
	line-height: 40px;
	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd));
	background-image: -webkit-linear-gradient(top,  #fff 0%,#ddd 100%);
	background-image: linear-gradient(top,  #fff 0%,#ddd 100%);
	border: #eee solid 1px;
	border-radius: 4px;
}

.recommendUser:before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/common/icon_recommend_user.png) no-repeat;
	background-size: 100%;
	vertical-align: -8px;
}

/* bunshun */
.sp_ad_rotation{
	width: 100%;
	padding: 0;
	border-bottom: #999 solid 1px;
	line-height: 0;
}

.sp_ad_rotation a{
	display: inline-block;
	width: 96%;
	margin: 2% auto;
}


.sp_ad_rotation img{
	width: 100%;
}

/* bunshun */

@media screen and (orientation: portrait) {
	.sp_ad_rotation a{
		max-width: 100%;
	}
}

@media screen and (orientation: landscape) {
	.sp_ad_rotation a{
		max-width: 320px;
	}
}

.full-text{
	line-height: 150%;
}

/* niconews index */
.listItemMedia{
	display: table !important;
	width: 100%;
	height: 100%;
}

.listItemMedia .fig,
.listItemMedia div{
	display: table-cell;
}

.listItemMedia .fig{
	width: 70px;
	height: 70px;
	vertical-align: middle;
	text-align: center;
	padding: 10px !important;
}

.listItemMedia img{
	max-width: 100%;
	max-height: 100%;
}

.listItemMedia div{
	vertical-align: middle;
}

.listItemMedia .contents p{
	display: inline;
	padding: 0;
	line-height: 130%;
}

/* mypage chokaigi */
.figure{
	clear: both;
	width: 300px;
	height: 58px;
	margin: 0 auto;
	padding-top: 8px;
}

.mypageDashbord .figure img{
	margin: 0;
	width: 100%;
	height: 100%;
}

/* 差し込み検索 */

.insertItemArea {
	border-bottom: #999 solid 1px;
}

.insertItemArea a {
	color: #333;
}

.insertItemArea .insertItemInner {
	margin: 10px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.insertItemArea .insertItemHeadline {
	display: table;
	padding: 13px 0;
	width: 100%;
	border-bottom: #cbcbcb solid 1px;
}

.insertItemArea .insertItemContentsTitle {
	display: table-cell;
	padding: 0 0 0 10px;
}

.insertItemArea .insertItemIncidentLink {
	position: relative;
	display: table-cell;
	padding: 0 20px 0 0;
	text-align: right;
	font-size: 12px;
}

.insertItemArea .insertItemIncidentLink a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	margin-top: -3px;
	width: 5px;
	height: 5px;
	border-top: #999 solid 2px;
	border-right: #999 solid 2px;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.insertItemArea .insertItemBox {
	display: table;
	margin: 0;
	width: 100%;
	border-bottom: #cbcbcb solid 1px;
	font-size: 13px;
}

.insertItemArea .insertItemBox:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.insertItemArea .insertItemLink {
	display: block;
	padding: 5px 0;
}

.insertItemArea .insertItemThumb {
	position: relative;
	display: table-cell;
	padding: 0 10px;
	width: 77px;
	vertical-align: top;
	line-height: 0;
}

.insertItemArea .insertItemThumb img {
	max-width: 77px;
	max-height: 77px;
	margin: 0 auto;
	display: block;
}

.insertItemArea .insertItemOnair {
	position: absolute;
	bottom: 0;
	padding:1px 2px;
	height: 12px;
	background: #F00;
	color: #fff;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
}

.insertItemArea .insertItemInfo {
	display: table-cell;
}

.insertItemArea .insertItemDate {
	margin: 5px 0 0;
	color: #666;
	font-size: 12px;
}

.insertItemArea .insertItemTitle {
	margin: 5px 10px 0 0;
	font-weight: bold;
}

.insertItemArea .insertItemGenre {
	margin: 5px 5px 0 0;
	padding: 2px 6px;
	border-radius: 2px;
	display: inline-block;
	color: #fff;
	background: #999;
	font-size: 10px;
}

.insertItemArea .insertItemAuthor {
	margin: 5px 0 0;
	color: #999;
	font-size: 12px;
}

.insertItemArea .insertItemCount {
	display: table;
	margin: 5px 0 0;
	font-size: 12px;
}

.insertItemArea .insertItemCount p {
	display: table-cell;
	padding: 0 10px 0 0;
}

.insertItemArea .insertItemCount p:before {
	display: inline-block;
	margin: 0 2px 0 0;
	width: 15px;
	height: 15px;
	content:"";
	vertical-align: middle;
}

.insertItemArea .insertItemUser:before {
	background: url(../img/common/icon_live_count.png);
	background-position: 0 0;
	background-size: 15px auto;
}

.insertItemArea .insertItemComment:before {
	background: url(../img/common/icon_live_count.png);
	background-position: 0 -15px;
	background-size: 15px auto;
}

.insertItemArea .insertItemTimeshift:before {
	background: url(../img/common/icon_live_count.png);
	background-position: 0 -30px;
	background-size: 15px auto;
}

.cols {
	padding: 0 10px 12px;
	border-bottom: #d4d4d4 solid 1px;
	*zoom: 1;
	background-color: #ededed;
}
.cols:before, .cols:after {
	content: " ";
	display: table;
}
.cols:after {
	clear: both;
}

.textbanner p {
	display: block;
	width: 90%;
	font-size: 14px;
	text-align: center;
	margin: 12px auto 0;
	padding: 8px 0;
	border-top: #3399ff solid 1px;
	border-bottom: #3399ff solid 1px;
}


/*--------------------------------------
  スペシャルピックアップ枠
---------------------------------------*/

.cosplayBox {
	width:100%;
	line-height:0;
}

.cosplayBox img {
	width:100%;
}

.frPickup{
	width: 100%;
	border-bottom: #999 solid 1px;
}

.frPickup a{
	display: block;
	width: 96%;
	margin: 2% auto;
}

/*--------------------------------------
  ユーザーページ(非公開)
---------------------------------------*/

.textList li .disabledLink {
	display: inline-block;
	height: 100%;
	width: 100%;
}

.textList li .disabledLink p {
	color: #666;
	padding: 16px 20px 16px 15px;
	display: table-cell;
	vertical-align: middle;
}

/*--------------------------------------
  タグレポミュート設定ページ
---------------------------------------*/

.muteSettingList{
	width: 100%;
}
.muteSetting{
	position: relative;
	height: 60px;
	padding: 8px;
	background-color: #fff;
	border-bottom: #999 solid 1px;
	box-sizing: border-box;
}
.muteSetting .settingContents{
	display: table;
	width: 100%;
}
.muteSetting .settingContents a{
	display: table-cell;
	text-decoration: none;
	height: 40px;
}
.muteContentsThumbnail{
	display: table-cell;
	width: 40px;
	height: 40px;
}
.muteContentsThumbnail img{
	border-radius: 20px;
	height: 40px;
	width: 40px;
}
.muteContentsText{
	display: table-cell;
	color: #333;
	font-size: 14px;
	padding: 0 10px;
	vertical-align: middle;
	line-height: 1.2em;
}
.muteContentsText span{
	margin-right: 5px;
}
.muteSettingAction{
	width: 76px;
	height: 42px;
	display: table-cell;
	vertical-align: middle;
}
.muteSettingAction .removeMute{
	width: 76px;
	height: 14px;
	padding: 12px;
	text-align: center;
	background-color: #eee;
	border: 1px solid #c9c9c9;
	border-radius: 6px;
	font-size: 12px;
	color: #4c4c4c;
}
.muteReset {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.9);
}
.muteResetText{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	color: #d1688b;
	font-size: 14px;
	font-weight: bold;
}

/* ミュート1件以上*/
.muteSettingContents .muteSettingList{
	display: block;
}

.muteSettingContents .noMuteSetting{
	display: none;
}

/* ミュート0件*/
.muteSettingContents.noMute .muteSettingList{
	display: none;
}

.muteSettingContents.noMute .noMuteSetting{
	display: block;
}

/* /my/tagrepo/top  */
.settingLink{
	position: relative;
	margin: 18px auto;
	width: 90%;
	height: 50px;
	background-color: #eee;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
.settingLink::after{
	content:"";
	display: block;
	width:6px;
	height:6px;
	border-top:1px solid #333;
	border-right:1px solid #333;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	right:10px;
	top:50%;
	margin-top:-4px;
}
.settingMenuText{
	width: 90%;
	position: absolute;
	top: 50%;
	padding-left: 100%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 13px;
	color: #5d5d5d;
	text-decoration: none;
}
.settingSubMenuText{
	display: block;
	font-size: 10px;
	color: #737373;
}
.tagrepoTopTagRecomendContainer{
	margin: 10px auto 0 auto;
	width: 100%;
	padding-bottom: 5%;
	overflow: hidden;
	background-color: #f6f6f6;
	border-bottom: solid 1px #d6d6d6;
}
.tagrepoTopTagRecomendContainer h2{
	background-color: #d6d6d6;
	margin-bottom: 10px;
	padding: 8px 10px;
	width: 100%;
	overflow: hidden;
	color:#333333;
}
.whatTagrepo{
	position: relative;
	margin: 25px auto 15px auto;
	padding: 0 15px;
}
.tagrepoInfoTitle{
	color: #d3678b;
	font-weight: bold;
	font-size: 13px;
	padding: 4px 0 4px 17px;
	background: url(../img/common/tagrepo_Info_icon.png) no-repeat ;
	background-position: 3px 3px;
	background-size: 11px auto;
}
.tagrepoInfoText{
	margin: 5px auto 0 auto;
	width: 90%;
	color: #444;
	font-size: 11px;
}
.tagrepoHelpLink{
	margin: 0 auto;
	height: 18px;
	width: 100px;
	background: url(../img/common/tagrepo_help_button.png) no-repeat;
	background-position: 0 0;
	background-size: 100px;
	position: absolute;
	top: 0%;
	right: 5%;
	text-indent: -9999px;
}
.tagrepoSettingLoading{
    width: 100%;
    height: 100px;
    margin-bottom: 50px;
}

/* アプリストア遷移確認用ダイアログ */
.balloon-popup {
    position: fixed;
    z-index: 10020;
    top: 50%;
    left: 50%;
    width: 90%;
    padding: 12px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);¥;
}
.balloon-popup .button {
    background-color: #fff;
    text-shadow: none;
}
.balloon-popup p {
    color: #fff;
    margin-bottom: 8px;
}
.balloon-popup .button-wrap .button {
    margin-right: 10px;
    width:25%;
    max-width: 100px;
}
.balloon-popup .button-wrap .button:last-child {
    margin-right: 0;
}

.contentLoading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
}

.loadingWrap{
    position: absolute;
    width: 100%;
    height: 100%;
}

.loadings {
    width: 48px;
    height: 48px;
    margin: auto;
    position: absolute;
    z-index: 99;
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.loadings{
    -webkit-animation-name: fade, rotate;
}

.loadings span {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
}

.loadings .loading1 {
    top: 3px;
    left: 19px;
    background: #333;
}

.loadings .loading2 {
    top: 7px;
    left: 30px;
}

.loadings .loading3 {
    top: 19px;
    left: 35px;
}

.loadings .loading4 {
    top: 30px;
    left: 30px;
}

.loadings .loading5 {
    top: 35px;
    left: 19px;
    background: #cacaca;
}

.loadings .loading6 {
    top: 30px;
    left: 8px;
    background: #979797;
}

.loadings .loading7 {
    top: 19px;
    left: 3px;
    background: #676767;
}

.loadings .loading8 {
    top: 7px;
    left: 8px;
    background: #343434;
}
