span.error {color:#ff0000;}
#rating a.full {
    background: url("https://wwv.tokyo-tube.com/design/pc/img/star.png") repeat scroll center center rgba(0, 0, 0, 0);
    position: static;
}
#rating a.half {
    background: url("https://wwv.tokyo-tube.com/design/pc/img/star.png") repeat scroll center top rgba(0, 0, 0, 0);
    position: static;
}
#rating_user a.full {
    background: url("https://wwv.tokyo-tube.com/design/pc/img/star_user.png") repeat scroll center center rgba(0, 0, 0, 0);
    position: static;
}
#rating_user a.half {
    background: url("https://wwv.tokyo-tube.com/design/pc/img/star_user.png") repeat scroll center top rgba(0, 0, 0, 0);
    position: static;
}

#mypage_r .postBox_wrap { width: 700px;}
.no_items { text-align: center; height: 200px; line-height: 200px;}
input.text {color:#000;}


.guideBlock{ margin: 0 auto; padding-left: 10px; }
.guideBlock dl.guide_dl01 {
    margin: 0;
    padding: 0;
}
.guideBlock dl.guide_dl01 dt {
    margin: 0;
    padding: 0;
}
.guideBlock dl.guide_dl01 dd em {
    color: #999;
    display: block;
    margin: 0;
}
.guideBlock dl dd {
    margin: 0 0 10px;
    padding: 0 0 0 2em;
}
.guideBlock dl.guide_dl02 {
    float: left;
    margin: 0;
    padding: 0;
    width: 330px;
}
.guideBlock dl.guide_dl02 dt {
    margin: 0 0 5px;
}
.guideBlock dl.guide_dl02 dd {
    margin: 0 0 20px;
}
.guideBlock dl.guide_dl02 dd em {
    color: #999;
    display: block;
    margin: 5px 0;
}
.guideBlock div.guide_r {
    float: right;
    margin: 0;
    padding: 0;
    width: 400px;
}
.guideBlock div.guide_r img {
    margin: 0 0 10px;
}
/* 絞り込み検索 */
.btitlel {
    float: left;
    width: 50%;
}
.btitler {
    float: right;
    margin: 5px 1% 0 0;
    text-align: right;
    width: 38%;
}
#advanced_search_title { border-width:0 0 1px;}
#advanced_search_container{
    padding: 0px;
}
#search_tabs {
    margin: 0 auto;
    width: 500px;
}
#search_tabs ul {
    margin: 0;
    padding: 0;
    list-style: none outside none;
}
#search_tabs li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #777;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0;
    float: left;
    font-weight: bold;
    margin: 0 0.5em 0 0;
    width: 240px;
}
#search_tabs a.active {
    color: #000;
    position: relative;
    top: 1px;
}
#search_tabs a {
    background: none repeat scroll 0 0 #fdfdf6;
    display: block;
    padding: 3px 8px;
    text-align: center;
}
#search_tabs_delimiter {
    border-top: 1px solid #777;
    font-size: 1px;
    margin: 0 auto;
    padding-top: 10px;
    width: 96%;
}
.clear_left {
    clear: left;
}
#search_advanced {
    padding: 8px;
}
#search_advanced form {
    margin: 10px 10% 0;
    width: 80%;
}

.search_left {
    float: left;
    width: 49%;
}
.separator {
    clear: left;
    padding: 0.3em 0;
}

#search_advanced label {
    width: 135px;
    float: left;
    font-size: 12px;
    margin: 0.1em 1em 0 0;
    text-align: right;
}
.search_right {
    float: right;
    width: 49%;
}
#search_advanced .center {
    margin: 25px 0;
    text-align: center;
}
/* video side comic */
.comic_mv_side {
    height: 245px;
    margin: 0;
    overflow: hidden;
    padding: 10px;
}
.comic_mv_side_box {
    height: 118px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 290px;
}
.comic_mv_side_box span {
    border: 1px solid #ccc;
    display: block;
    float: left;
    height: 116px;
    margin: 0 10px 0 0;
    overflow: hidden;
    width: 80px;
}
.comic_mv_side_box dl {
    background: none repeat scroll 0 0 #f2f2f2;
    float: left;
    height: 108px;
    margin: 0;
    overflow: hidden;
    padding: 5px;
    width: 186px;
}
.comic_mv_side_box dl dt {
    font-weight: bold;
    height: 35px;
    line-height: 1.4;
    margin: 0;
    overflow: hidden;
    width: 194px;
}
.comic_mv_side_box dl dd {
    font-size: 12px;
    height: 30px;
    line-height: 1.3;
    margin: 5px 0 0;
    overflow: hidden;
    width: 194px;
}
.comic_mv_side_box a:hover{
    opacity:0.6;
}
a.a_comic:link, a.a_comic:visited {
    color: #6c9401;
    text-decoration: none;
}

/* video side online */
.live_mv_side {
    margin: 0;
    overflow: auto;
    padding: 0;
}
.live_mv_side_box {
    border-bottom: 1px dotted #ccc;
    height: 60px;
    margin: 0 10px 10px;
    overflow: hidden;
    padding: 10px 0;

}
.live_mv_side_box span {
    border: 1px solid #ccc;
    display: block;
    float: left;
    height: 60px;
    margin: 0 10px 0 0;
    overflow: hidden;
    width: 80px;
}
.live_mv_side_box dl {
    float: left;
    height: 62px;
    margin: 0;
    overflow: hidden;
    width: 190px;
}
.live_mv_side_box dl dt {
    font-weight: bold;
    height: 25px;
    line-height: 2.2;
    margin: 0 0 5px;
    overflow: hidden;
    width: 190px;
}
a.a_live:link, a.a_live:visited {
    color: #ff4a85;
    font-weight: bold;
    text-decoration: none;
}
.live_mv_side_box dl dd {
    background: none repeat scroll 0 0 #f2f2f2;
    font-size: 10px;
    height: 26px;
    line-height: 1.4;
    margin: 0;
    overflow: hidden;
    padding: 3px 5px;
    width: 180px;
}
.live_mv_side_box a:hover{
    opacity: 0.6;
}
.header_top_r a:hover img{
    opacity: 0.8;
}

/* add 20140912 */

#cloud { padding: 2px; line-height: 2.0em; text-align: left; margin: 0; }
#cloud ul { margin: 5px 0 5px 0; padding: 0; }
#cloud a { padding: 2px 6px 3px 6px; color: #444; text-shadow: 0 1px #f3f3f3; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#cloud a.tag1:hover, #cloud a.tag2:hover, #cloud a.tag3:hover, #cloud a.tag4:hover, #cloud a.tag5:hover, #cloud a.tag6:hover, #cloud a.tag7:hover, #cloud a.tag8:hover, #cloud a.tag9:hover, #cloud a.tag10:hover { color: #d44153;   }
#cloud li { display: inline; margin: 0; padding: 0; }
/*
#cloud a.tag1 { background-color: #e5e5e5; }
#cloud a.tag2 { background-color: #ddd; }
#cloud a.tag3 { background-color: #d4d4d4; }
#cloud a.tag4 { background-color: #ccc; }
#cloud a.tag5 { background-color: #c3c3c3; }
#cloud a.tag6 { background-color: #bbb; }
#cloud a.tag7 { background-color: #b2b2b2; }
#cloud a.tag8 { background-color: #aaa; }
#cloud a.tag9 { background-color: #a1a1a1; }
#cloud a.tag10 { background-color: #999; }
*/
/* add 20140926 */

#rating_user ul li span.full {
	width:20px;
	height:18px;
	overflow:hidden;
	display:block;
	background:url(/templates/frontend/blue/images/star_user.png) no-repeat 0 -18px;
}
#rating_user ul li span.half {
	width:20px;
	height:18px;
	overflow:hidden;
	display:block;
    background: url(/templates/frontend/blue/images/star_user.png) repeat scroll center top transparent;
    position: static;
}
#rating_user ul li span {
	width:20px;
	height:18px;
	overflow:hidden;
	display:block;
	background: url(/templates/frontend/blue/images/star_user.png) no-repeat scroll 0px -36px transparent;
}

/* add 2014/10/16 メニュー動画のプルダウン追加 */

#video_tag{
	width:156px;
}

ul.category_menu{
	width:156px;
	height:0px;
	margin-top: -3px;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	transition: 0.3s;
}

ul.category_menu li{
	width: 156px;
}

ul.category_menu li a{
	padding: 0px 10px;
	text-align:center; text-decoration:none; background:#FFF; border-right:1px solid #DFC99C; border-bottom:1px solid #DFC99C; border-left:1px solid #DFC99C; color:#DFC99C; font-size:15px; font-weight:bold; color:#87764A; display:block; line-height:2.1;
	background: #fff9d2; /* Old browsers */
	//background: -moz-linear-gradient(top,  #fff9d2 50%, #FFFF77 99%); /* FF3.6+ */
	//background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#fff9d2), color-stop(99%,#FFFF77)); /* Chrome,Safari4+ */
	//background: -webkit-linear-gradient(top,  #fff9d2 50%,#FFFF77 99%); /* Chrome10+,Safari5.1+ */
	//background: -o-linear-gradient(top,  #fff9d2 50%,#FFFF77 99%); /* Opera 11.10+ */
	//background: -ms-linear-gradient(top,  #fff9d2 50%,#FFFF77 99%); /* IE10+ */
	//background: linear-gradient(to bottom,  #fff9d2 50%,#FFFF77 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9d2', endColorstr='#FFFF77',GradientType=0 ); /* IE6-9 */
}

ul.category_menu li a:hover{
	background:#FFF; border-right:1px solid #DFC99C; border-bottom:1px solid #DFC99C; border-left:1px solid #DFC99C; color:#87764A; text-decoration:none; font-size:15px; font-weight:bold; line-height:2.1;
	background: #FFFF77; /* Old browsers */
	//background: -moz-linear-gradient(top,  #FFFF77 0%, #fff9d2 50%); /* FF3.6+ */
	//background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFF77), color-stop(50%,#fff9d2)); /* Chrome,Safari4+ */
	//background: -webkit-linear-gradient(top,  #FFFF77 0%,#fff9d2 50%); /* Chrome10+,Safari5.1+ */
	//background: -o-linear-gradient(top,  #FFFF77 0%,#fff9d2 50%); /* Opera 11.10+ */
	//background: -ms-linear-gradient(top,  #FFFF77 0%,#fff9d2 50%); /* IE10+ */
	//background: linear-gradient(to bottom,  #FFFF77 0%,#fff9d2 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF77', endColorstr='#fff9d2',GradientType=0 ); /* IE6-9 */
}

#video_tag:hover>ul.category_menu{
	height:390px;
	transition: 0.3s;
	/*アニメーションopen_tab*/
	//animation: open_tab 0.3s;
	//animation-fill-mode:forwards;
	/* Firefox: */
	//-moz-animation: open_tab 0.3s;
	//-moz-animation-fill-mode:forwards;
	/* Safari and Chrome: */
	//-webkit-animation: open_tab 0.3s;
	//-webkit-animation-fill-mode:forwards;
}

@keyframes open_tab{
	0% {height:0px;}
	100% {height:390px;}
}
@-webkit-keyframes open_tab{
	0% {height:0px;}
	100% {height:390px;}
}
@-moz-keyframes open_tab{
	0% {height:0px;}
	100% {height:390px;}
}

/* add 20141027 */

#upload_pro_img{
	width: 86px;
	height: 30px;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
	border-radius: 5px;
	display: block;
	line-height: 2.6;
	background: none repeat scroll 0% 0% #DDD;
	color: #000;
	padding: 0px 3px;
	margin: 5px 0px 0px;
	border: 1px solid #DDD;
}

#upload_pro_img:hover{
	border: 1px solid #66CCFF;
	background: none repeat scroll 0% 0% #CCFFFF;
}

#upload_pro_img:active{
	border: 1px solid #66CCFF;
	background: none repeat scroll 0% 0% #AAFFFF;
	line-height: 2.7;
}

/* add 20141029 */

ul.language_change{
	width:65px;
	height:30px;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	transition: 0.2s;
	text-align:center;
	color:#fff;
}

ul.language_change:hover{
	height:100px;
	transition: 0.2s;
}

ul.language_change li{
	margin: 0px;
	width:65px;
	height:30px;
	background: #3CAFDD;
}

ul.language_change li:hover{
	background: #058BC1;
}

ul.language_change li a{
	color:#fff;
}

/* add 20141030 */

label.form_validate_msg:before{
	content: "";
	position: absolute;
	top: -10px;
	margin-left: 10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #CCC transparent;
	z-index: 0;
}

label.form_validate_msg:after{
	content: "";
	position: absolute;
	top: -6px;
	margin-left: 9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #FFF transparent;
	z-index: 1;
}

label.form_validate_msg{
	border: 2px solid #CCC;
	border-radius: 5px;
	padding: 10px;
	position: relative;
	background: none repeat scroll 0% 0% #FFF;
	line-height:2.8;
	height:0px;
	z-index: 0;
}

input.form_validate_msg{
	box-shadow: 0px 0px 1px 2px #D2173A;
}

select.form_validate_msg{
	box-shadow: 0px 0px 1px 2px #D2173A;
}

textarea.form_validate_msg{
	box-shadow: 0px 0px 1px 2px #D2173A;
}

/*2015/03/03追加 ヘッダーキーワード検索*/
/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
	input.text.h-text{
		line-height: 12px;
	}
}

/*IE11だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, input.text.h-text{
		line-height: 12px;
	}
}

/*年齢認証モーダル*/
.index_modal {
	display:none;
}

a.md_enter {
	cursor:pointer;
}

.r-bnr{
	margin: 0px 0px 10px;
	display: block;
	padding: 8px;
	border: 1px solid #CCC;
	border-radius: 5px;
	background: #FDFDF6 none repeat scroll 0% 0%;
}

.pickup-img{
	border: 3px solid #FF6363;
	height: 105px;
	width: 142px;
}

address {
	height: 15px;
}

.copy {
	height: 45px;
	text-align: center;
	margin-top: -5px;
}

#ttad_n_modal{
	padding: 0px;
	border: medium none;
	width: auto;
	bottom: 0px;
}

#ttad_n_modal_close {
	font-weight: bold;
	border: 2px solid #AAA;
	position: absolute;
	right: 0px;
	text-align: center;
	cursor: pointer;
	top: 0px;
	color: #FFF;
	padding: 0px 3px;
	background: #777;
}

#breadcrumbs div{
	float:left;
}

span.ribbon02.now_on_sale {
    background: url(https://wwv.tokyo-tube.com/templates/frontend/blue/images/thumb_sale.png) no-repeat;
}

a.btn.purple {
	box-shadow: 0 3px 0 #4E3D70;
	background:rgb(127, 97, 188);
}

a.btn.purple:hover {
	background: rgb(158, 120, 237);
}

a.btn.purple:active {
	box-shadow:0 1px 0 #4E3D70;
	background:rgb(127, 97, 188);
}

div.ttad_sidewall div.left_side {
	height:1024px;
	width:170px;
	position: absolute;
	top: 40px;
	margin-left: -180px;
	overflow: hidden;
}

div.ttad_sidewall div.right_side {
	height:1024px;
	width:170px;
	position: absolute;
	top: 40px;
	margin-left: 1010px;
	overflow: hidden;
}

div.ttad_billboard {
	margin-bottom: 10px;
	position: relative;
  min-height: 20px;
}

div.ttad_billboard div.ttad_disp_btn {
	right: 0px;
}

div.ttad_disp_btn {
	position: absolute;
	top: 0px;
	background: #FFF;
	color: #000;
	padding: 1px 7px;
	margin: 5px;
  font-weight: bold;
  cursor: pointer;
  opacity: 0.5;
  user-select: none; /* CSS3 */
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari、Chromeなど */
  -ms-user-select: none; /* IE10 */
}

div.ttad_disp_btn:hover {
  opacity: 1;
}

ul.header_action{
	width:220px;
	height:30px;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	transition: 0.2s;
	text-align:center;
	color:#fff;
}
ul.header_action:hover{
	height:350px;
	transition: 0.2s;
}
ul.header_action li{
	margin: 0px;
	width: 220px;
	height: 42px;
  background: #FEFAD0;
}
ul.header_action li:first-child{
  width: 180px;
  background: #3CAFDD;
  line-height: 1.9;
  font-size: 16px;
  margin-right: 20px;
  height: 30px;
  cursor: pointer;
}
ul.header_action li:last-child{
  padding-bottom: 20px;
}
ul.header_action li a{
  background: #888;
  padding: 5px;
  color: #FFF;
  width: 180px;
  display: block;
  margin: 0px auto;
  height: 29px;
  font-size: 14px;
  line-height: 2.5;
  text-shadow: -1px -1px 0 #535252;
  border-bottom: 4px solid #555;
}
a#pre_bnr{
  cursor:pointer;
}
span.header_action_tri {
  position: absolute;
  right: 30px;
}

ul.header_action li.opening_balloon {
  background: none;
  color: #FEFAD0;
  font-size: 45px;
  line-height: 0.9;
  margin: 0px auto;
  height: 30px;
}
ul.header_action li.txt {
  color: #555;
  line-height: 4;
  font-size: 14px;
}
ul.header_action li.btn {
  color: #FFF;
  display: block;
  margin: 0px auto;
  font-size: 18px;
  line-height: 2.5;
}
ul.header_action li a.blue {
  background: #3CAFDD;
  border-bottom: 4px solid #058BC1;
}
ul.header_action li a.orange {
  background: #FF5F40;
  border-bottom: 4px solid #C13305;
}
ul.header_action li a:hover {
  background: #999;
}
ul.header_action li a.blue:hover {
  background: #54B6DD;
}
ul.header_action li a.orange:hover {
  background: #FF775C;
}
ul.header_action li a:active {
  height:31px;
  border-bottom: 2px solid #555;
}
ul.header_action li a.blue:active {
  border-bottom: 2px solid #058BC1;
}
ul.header_action li a.orange:active {
  border-bottom: 2px solid #C13305;
}