@charset "utf-8";

/********************************** 共通　タグ **********************************/
*{
	margin:0;
	padding:0;
	border:0;
}

html{
	height:100%;
	 -webkit-text-size-adjust: 100%;
}

body{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	height:100%;
	min-width: 1155px;
}

h1,h2,h3,h4,h5,h6{
	font-size:120%;
	font-weight:normal;
}

ul li{
	list-style-type:none;
}

span{
	color:#555555;
}

p{
	color:#555555;
	line-height:175%;
}
p.tvtitle{
	font-size:70%;
}

p.clear{
	clear:both;
}

a{
	color: blue;
}
a:hover{
	text-decoration: none;

}

a.button i{
	width:14px;
	color:#ffffff;
	margin-right:15px;
}

a.button{
	color:#ffffff;
	padding:10px 10px 10px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background: #dddddd;
	border: 1px solid #cccccc;
	behavior: url(PIE.htc);
}

a.button:hover{
	background: #bbbbbb;
	border-color: #aaaaaa;
	behavior: url(PIE.htc);
}

div.clear{
	clear:both
}

.clear{
	clear:both;
}

.pdf {
    padding: 1px 0 2px 20px;
    background: url(/common/img/icon-pdf.gif) no-repeat left .4em;
}

/********************************** listページ **********************************/
#color_contents{
	width:1155px;
	height:636px;
}
#color_contents #color_header{
	width:1155px;
}
#color_contents #review_count{
	position: relative;
	z-index:10;
	height: 12px;
	font-size: 12px;
	font-weight: bold;
}
#color_contents #review_count span{
	position: absolute;
	top: 0px;
	left: 250px;
	font-size: 14px;
	line-height: 18px;
	height: 18px;
	padding: 0 6px;
	font-family: Arial, sans-serif;
	color: #fff;
	text-shadow: 0 1px 0 #888888;
	border: 1px solid;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	-webkit-box-shadow: 0 1px 1px #fff inset;
	-moz-box-shadow: 0 1px 1px #fff inset;
	box-shadow: 0 1px 1px #fff inset;
	background: #ff0000;
	border-color: #fa5a35;
	background: -webkit-gradient(linear, left top, left bottom, from(#fc9f8a), to(#ff0000));
	background: -moz-linear-gradient(top, #fc9f8a, #ff0000);
	background: -o-linear-gradient(top, #fc9f8a, #ff0000);
	background: -ms-linear-gradient(top, #fc9f8a, #ff0000);
	background: linear-gradient(top, #fc9f8a, #ff0000);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fc9f8a', endColorstr='#ff0000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fc9f8a', endColorstr='#ff0000')";
	-pie-background: linear-gradient(top, #fc9f8a, #ff0000);
	behavior: url(PIE.htc);
}
#color_contents #material_count{
    margin-left: 140px;
}
#color_contents #color_header ul li{
	float:left;
	width:120px;
	padding:10px;
	text-align:center;
	cursor:pointer;
	position:relative;
	font-size:70%;
}
#color_contents #color_header ul li.on{
	background:#e6e6e6;
}
#color_contents #color_header ul li.on:hover{
	behavior: url(PIE.htc);
}
#color_contents #color_header ul li.on:hover:after{
	content:"";
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #e6e6e6;
	position:absolute;
	top:37px;
	left:64px;
}
#color_contents #color_header ul li.on:hover:after,  x:-moz-any-link  {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 14px solid #e6e6e6;
}

#color_contents #color_header ul li.off{
	background:#929292;
}
#color_contents #color_header ul li.off:hover{
	behavior: url(PIE.htc);
}
#color_contents #color_header ul li.off:hover:after{
	content:"";
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #929292;
	position:absolute;
	top:37px;
	left:64px;
}
#color_contents #color_header ul li.off:hover:after,  x:-moz-any-link  {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top:14px solid #929292;
}
#color_contents #color_middle{
	width:940px;
	min-height:500px;
	padding:10px;
	background:#e6e6e6;
}
#color_contents #color_middle h2{
	background:#000000;
	color:#ffffff;
	padding:10px;
	margin:0 0 10px 0;

	border-top:1px solid #808080;
	border-bottom:2px solid #101010;
	box-shadow: 0 -1px 1px #101010 inset;
	background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#090909));
	background: -moz-linear-gradient(top, #707070, #090909);
	background: -o-linear-gradient(top, #707070, #090909);
	background: -ms-linear-gradient(top, #707070, #090909);
	background: linear-gradient(top, #707070, #090909);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#707070', endColorstr='#090909');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#707070', endColorstr='#090909')";
	-pie-background: linear-gradient(top, #707070, #090909);
	behavior: url(PIE.htc);
}
#color_contents #color_middle ul.sns{
	width:100%;
	height:24px;
	margin:0 0 10px 0;
}
#color_contents #color_middle ul.sns li{
	float:right;
}
#color_contents #color_middle ul.sns li #facebook{
	float:right;
}

#color_contents #color_middle ul.sns li #facebook a{
	cursor:pointer;
}

#color_contents #color_middle #content_area{

}
#color_contents #color_middle #content_area #series_area{
	float:left;
	width:280px;
	height:100%;
	background:#ffffff;
}

#color_contents #color_middle #content_area #series_area #series_data_scroll_area{
	overflow-y:auto;
	padding:10px 0 0 10px;
	width:270px;
}

#color_contents #color_middle #content_area #series_area #series_data_scroll_area #series_data_area{
	margin-bottom:10px;
	height:290px;
	padding:0 10px 0 0;
}

#color_contents #color_middle #content_area #series_area #series_data_scroll_area p.comment{
	padding-bottom:5px;
	border-bottom:1px solid #d1d1d1;
}

#color_contents #color_middle #content_area #series_area #series_data_scroll_area p.inst{
	padding-bottom:10px;
	margin-top:5px;
}

#color_contents #color_middle #content_area #series_area #dvd_area{
	height:100px;
	padding: 0px 10px 10px 10px;
	position:relative;
}

#color_contents #color_middle #content_area #series_area #dvd_area #dvd_image_and_startdate{
	float:left;
}

#color_contents #color_middle #content_area #series_area #dvd_area #dvd_startdate{
    font-size: 8px;
    height: 20px;
    -webkit-margin-start: -10px;
    -webkit-transform: scale(0.9);
}

#color_contents #color_middle #content_area #series_area #dvd_area #dvd_data_area{
	float:left;
	margin-left:10px;
	width:162px;
	height:100px;


}

#color_contents #color_middle #content_area #series_area #dvd_area #dvd_data_area a.button{
	background:#ffb570;
	position:absolute;
	bottom:0px;
	left:100px;
	border: 1px solid #efc580;
	font-size:100%;
	letter-spacing:10px;
	width:150px;
}
#color_contents #color_middle #content_area #series_area #dvd_area #dvd_data_area a.button:hover{
	background:#efa560;
}
#color_contents #color_middle #content_area #series_area #dvd_area #dvd_data_area span{
	font-size:70%;
}

#color_contents #color_middle #content_area #program_list{
	float:left;
	width:360px;
	height:430px;
	margin:0 10px;
	background:#ffffff;
	overflow-y:auto;
}
#color_contents #color_middle #content_area #program_list ul{
	border:1px solid #dddddd;
	border-bottom:none;
}
#color_contents #color_middle #content_area #program_list ul li{
	padding:10px 30px 10px 10px;
	border-bottom:1px solid #dddddd;
	background:#ffffff;
	position:relative;
	cursor:pointer;
	white-space:nowrap;
}
#color_contents #color_middle #content_area #program_list ul li p{
	overflow:hidden;
	width:300px;
}
#color_contents #color_middle #content_area #program_list ul li.select{
	background:#fbdae6;
}

#color_contents #color_middle #content_area #program_list ul li:after{
	content:">";
	color:#888888;
	font-size:14px;
	position:absolute;
	top:10px;
	right:15px;
}
#color_contents #color_middle #content_area .program_area{
	float:left;
	width:280px;
	height:430px;
	background:#ffffff;
	position:relative;
}
#color_contents #color_middle #content_area .program_area ul.tab li{
	float:left;
	width:120px;
	padding:10px;
	text-align:center;
	cursor:pointer;
	position:relative;
	font-size:70%;
}
#color_contents #color_middle #content_area .program_area ul.tab li.on{
	background:#ffffff;
}
#color_contents #color_middle #content_area .program_area ul.tab li.on:hover{
	behavior: url(PIE.htc);
}
#color_contents #color_middle #content_area .program_area ul.tab li.on:hover:after{
	content:"";
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #ffffff;
	position:absolute;
	top:37px;
	left:64px;
}
#color_contents #color_middle #content_area .program_area ul.tab li.on:hover:after,  x:-moz-any-link  {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 14px solid #ffffff;
}
#color_contents #color_middle #content_area .program_area ul.tab li.off{
	background:#000000;
	color:#ffffff;
}
#color_contents #color_middle #content_area .program_area ul.tab li.off:hover{
	behavior: url(PIE.htc);
}
#color_contents #color_middle #content_area .program_area ul.tab li.off:hover:after{
	content:"";
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #000000;
	position:absolute;
	top:37px;
	left:64px;
}
#color_contents #color_middle #content_area .program_area ul.tab li.off:hover:after,  x:-moz-any-link  {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 14px solid #000000;
}
#color_contents #color_middle #content_area .program_area .program_content_area{
	padding:10px 10px 0 10px;
	height:220px;
}
#color_contents #color_middle #content_area .program_area .program_content_area .program_comment_area{
	overflow-y:auto;
	width:260px;
	height:191px;
}
#color_contents #color_middle #content_area .program_area .program_content_area .program_comment_area p{
	padding-bottom:10px;
}


#color_contents #color_middle #content_area .program_area .program_content_area .add_favorite{
	font-size:70%;
	border:1px solid #cccccc;
	padding:5px 10px;
	margin-bottom:10px;
	margin-left:118px;
	color:#555555;
	cursor:pointer;
	width:120px;
}
#color_contents #color_middle #content_area .program_area .program_content_area .add_favorite:hover{
	background:#e0e0e0;
}
#color_contents #color_middle #content_area .program_area .program_content_area .del_favorite{
	font-size:70%;
	border:1px solid #cccccc;
	padding:5px 10px;
	margin-bottom:10px;
	margin-left:118px;
	color:#555555;
	cursor:pointer;
	width:120px;
}
#color_contents #color_middle #content_area .program_area .program_content_area .del_favorite:hover{
	background:#e0e0e0;
}

#color_contents #color_middle #content_area .program_area .program_instructor_area{
	display:none;
	padding:10px 10px 0 10px;
	background:#000000;
	height:220px;
	overflow-y:auto;
}

#color_contents #color_middle #content_area .program_area .program_instructor_area ul li{
	width:100%;
	height:80px;
	margin-bottom:10px;
}

#color_contents #color_middle #content_area .program_area .program_instructor_area ul li img{
	float:left;
	margin-right:10px;
}

#color_contents #color_middle #content_area .program_area .program_instructor_area ul li p{
	color:#ffffff;
}


#color_contents #color_middle #content_area .program_area #thumbnail_area{
	padding:10px;
	width:260px;
	background:#ffffff;
	position:absolute;
	bottom:0px;
}
#color_contents #color_middle #content_area .program_area #thumbnail_area img{
	float:left;
	margin-bottom:10px;
}
#color_contents #color_middle #content_area .program_area #thumbnail_area #program_data_area{
	margin-left:10px;
	float:left;
}

#color_contents #color_middle #content_area .program_area #thumbnail_area #program_data_area span{
	font-size:70%;
}

#color_contents #color_middle #content_area .program_area #thumbnail_area ul li{

}

#color_contents #color_middle #content_area .program_area #thumbnail_area a.button{
	width:150px;
	background:#74c14a;
	border: 1px solid #84d15a;
	margin:0 auto;
	font-size:100%;
	letter-spacing:10px;
}

#color_contents #color_middle #content_area .program_area #thumbnail_area a.button:hover{
	background:#64b13a;
}

#color_contents #color_middle #color_review{
	display:none;
	width:940px;
	height:410px;
	overflow-y:auto;

}

#color_contents #color_middle #color_review #color_scroll_review{
	padding:0 10px 0 0;
}

#color_contents #color_middle #color_review #color_scroll_review #review_back_area{
	background:#ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #eeeeee;
	margin:0 0 10px 0;
}

#color_contents #color_middle #color_review #color_scroll_review p{
}

#color_contents #color_middle #color_review #color_scroll_review p span.name{
	font-weight:bold;
	color:#000000;
	padding-left:10px;
}
#color_contents #color_middle #color_review #color_scroll_review .review_area{
	padding:10px;
	border-top:1px solid #eeeeee;
}
#color_contents #color_middle #color_review #color_scroll_review .review_area p{
	margin:0 0 10px 0;
}
#color_contents #color_middle #color_review #color_scroll_review .review_area span{
	font-size:70%;
}

#color_contents #color_middle #color_material{
	display:none;
	width:940px;
	height:410px;
	overflow-y:auto;

}

#color_contents #color_middle #color_material #color_scroll_material{
	padding:0 10px 0 0;
}

#color_contents #color_middle #color_material #color_scroll_material #material_back_area{
	background:#ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #eeeeee;
	margin:0 0 10px 0;
}

#color_contents #color_middle #color_material #color_scroll_material p{
}

#color_contents #color_middle #color_material #color_scroll_material p span.name{
	font-weight:bold;
	color:#000000;
	padding-left:10px;
}
#color_contents #color_middle #color_material #color_scroll_material .material_area{
	padding:10px;
	border-top:1px solid #eeeeee;
}
#color_contents #color_middle #color_material #color_scroll_material .material_area p{
	margin:0 0 10px 0;
}
#color_contents #color_middle #color_material #color_scroll_material .material_area span{
	font-size:70%;
}

#color_contents #color_footer{
	width:100%;
}

/* 閉じるボタン */
#color_contents a.close{
	position:absolute;
	top:18px;
	right:1px;
	padding:5px;
	background:#555555;
	color:#ffffff;
	border:1px solid #666666;
	text-decoration:none;
	cursor:pointer;
	font-size:70%;
}

#color_contents a.close:hover{
	background:#333333;
}

/********************************** TOPページ **********************************/
#main .infomation{
margin-top: 10px;
margin-bottom: 8px;
background-color:#ffffff;
padding:10px 10px 0;
}
#main .infomation .title{
float:left;
color:black;
}
#main .infomation .intro{
display: flex;
padding-bottom:10px;
}

#main .alert{
display:none;
color: red;
font-size: 16px;
text-align: center;
background-color: #FFEFEF;
padding: 10px;
border: 1px solid #D4440D;
line-height: 1.5;
clear: both;
}

#main .alert a{
color: red;
}

.newdelivery{
font-size:15px;
color: black;
}
.newdelivery:hover{
color: rgb(255,102,102);
}

#head-slider {
margin-bottom:10px;
}

#my-slider .sp-fade-arrows {
	opacity: 0.5;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#my-slider .sp-slides-container:hover .sp-fade-arrows {
	opacity: 1;
}

#my-slider .sp-arrows{
top: 0;
margin-top: 0;
}

#head-slider .sp-arrows{
top: 0;
margin-top: 0;
}

#my-slider .sp-arrow{
height: 150px;
width: 30px;
}

#head-slider .sp-arrow{
height: 290px;
width: 50px;
}

.sp-arrows  .sp-arrow::before{
-webkit-transform:none;
-ms-transform:none;
transform:none;
content:none;
}
.sp-arrows .sp-arrow::after{
-webkit-transform:none;
-ms-transform:none;
transform:none;
content:none;
}


.sp-arrows .sp-arrow.sp-previous-arrow{
background-image:url(/common/img/slider/left_white.png);
background-repeat:no-repeat;
background-color: rgba(0,0,0,0.5);
background-position: center center;
left:0px;
}

.sp-arrows .sp-arrow.sp-next-arrow{
background-image:url(/common/img/slider/left_white.png);
background-repeat:no-repeat;
background-color: rgba(0,0,0,0.5);
background-position: center center;
right:0px;
}

/********************************** header/footer **********************************/
/* -- CareNeTV -- header -- */
.header { margin-bottom: 15px; box-sizing: border-box; color: #555; }
.header a { color: #0063A1; text-decoration: none; opacity: 1; transition: .4s; }
.header a:hover { opacity: .5; transition: .4s; }
.header .header_inner { width: 1155px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.header .header_inner--1, .header .header_inner--2 { display: flex; align-items: center; }
.header .header_inner--1 { margin-right: auto; padding-left: 10px; }
.header .header_inner--2 { margin-left: auto; padding-right: 10px; }
.header .header_main { background-color: #fff; font-size: 15px; }
.header .header_main .header_inner { padding: 10px 0; }
.header .header_sub { font-size: 14px; color: #fff; background-color: #AD0026; }
.header .header_sub a, .header .header_sub span, .header .header_sub p { color: #fff; }
.header .header_sub .header_inner { padding: 0; }
.header .header_logo { position: relative; display: block; }
.header .header_logo--text { position: absolute; top: 0; left: 2px; font-size: 9px; line-height: 1; }
.header .header_logo--img { margin-top: 5px; height: 40px; vertical-align: bottom; }
.header .header_menu { display: flex; align-items: center; }
.header .header_menu li:not(:first-child) { border-left: 1px solid #ccc; }
.header .header_menu a, .header .header_menu p { display: block; padding: 2px 10px; line-height: 1; }
.header .header_menu .is-current { color: #555; }
.header .header_btnarea { margin-left: 10px; }
.header .header_submenu { display: flex; align-items: center; }
.header .header_submenu > li { position: relative; }
.header .header_submenu > li > a, .header .header_submenu > li > p { display: block; display: flex; align-items: center; justify-content: start; height: 45px; padding: 0 10px; line-height: 1; cursor: pointer; }
.header .header_submenu--pd { display: none; position: absolute; padding: 20px; background-color: #fff; z-index: 2; left: 50%; transform: translateX(-50%); border-radius: 5px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); font-size: 15px; }
.header .header_submenu--pd a { color: #0063A1; white-space: nowrap; }
.header .header_submenu--pd:before { content: ""; position: absolute; top: -16px; left: 50%; margin-left: -8px; border: 8px solid transparent; border-bottom: 8px solid #fff; }
.header .header_submenu--pd .list-i01 li:not(:first-child) { margin-top: 5px; }
.header .header_submenu--pd .list-i03 { width: 665px; column-count: 3; column-width: 32%; }
.header .header_submenu--pd .list-i03 li:nth-of-type(n+2) { margin-top: 5px; }
.header .header_search { position: relative; margin-left: 10px; }
.header .header_search--keyword { position: relative; padding: .4em .5em .4em 30px; border-radius: 5px; line-height: 1; font-size: 14px; cursor: pointer; }
.header .header_search--button { padding: .5em; border-radius: 5px; background-color: #fff; line-height: 1; font-size: 14px; color: #AD0026; opacity: 1; transition: .4s; cursor: pointer; }
.header .header_search--button:hover { opacity: .5; transition: .4s; }
.header .header_search::before { position: absolute; top: 50%; left: 7px; transform: translateY(-50%); width: 17px; height: 17px; background: url(/common/img/header/ic_search.svg) center center no-repeat; background-size: cover; content: ''; z-index: 2; }
.header .header_user { display: flex; align-items: center; }
.header .header_user--name { width: 255px; text-decoration: underline; line-height: 1.1; }
.header .header_user--type { margin-right: 15px; font-weight: bold; color: #FFA800; }
.header .header_btn--login { display: inline-block; padding: .25em 1.5em; border-radius: 5px; background-color: #0063A1; color: #fff; }
.header .header_btn--logout, .header .header_btn--mypage { display: inline-block; padding: .25em 1em; border-radius: 5px; border: 1px solid #000; color: #AD0026; }
.header .header_btn--login i, .header .header_btn--logout i, .header .header_btn--mypage i { margin-right: .5em; }
.header .js-pdmenu i { margin-left: .25em; }

.header  .heder_notice{width: 1155px;padding:3px 0;margin:auto;text-align: center;}
/********************************** header(ms.carenet.com for tvlogin) **********************************/

#header{
	width:1155px;
	margin:0 auto 10px auto;
	background:#ffffff;
}

#header #header_contents{
	width:1155px;
	height:90px;
	margin:0;
	position:relative;
}


#header #header_contents #logo{
	width:220px;
	height:80px;
	position:absolute;
	top:0;
	left:0;
}

#header #header_contents #logo img{
	position:absolute;
	top:10px;
	left:5px;
	z-index:5;
}

//#header #header_contents #logo .title{
//	margin-top:13px;
//	font-size:70%;
//	color:#191919;
//	cursor:pointer;
//	position:absolute;
//	top:10px;
//	left:15px;
//	z-index:10;
//}
//
//#header #header_contents .premiumstart{
//	position: absolute;
//	top: 73px;
//	z-index: 100;
//	right: 12px;
//	font-size: 10px;
//	color: #666666;
//}
//
//#header #header_contents .premium{
//	position: absolute;
//	top: 73px;
//	z-index: 100;
//	right: 15px;
//	font-size: 10px;
//	color: #666666;
//}
//
//
//#header .otherlinks{
//	position:absolute;
//	left:220px;
//	top:10px;
//	width: 700px;
//}
//
//#header .otherlinks ul{
//	position: absolute;
//	left: 10px;
//}
//
//#header .otherlinks ul li{
//	float:left;
//	margin-left: 3px;
//	font-size:80%;
//}
//
//#header .otherlinks ul li a{
//	color: #333333;
//	padding: 0 5px 0 5px;
//	text-decoration: none;
//	text-align: center;
//}
//#header .otherlinks ul li a:hover{
//	color:  rgb(255, 102, 102);
//}
//
//#header .otherlinks ul li.dvd{
//	float:left;
//	font-size: padding: 5px 0 5px 15px;
//	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff7f7 0%, #fff7f7 50%, #ffe1e1 52%, #ffe1e1 100%) repeat scroll 0 0;
//
//	border: 1px solid #d1d1d1;border-radius: 3px;
//	box-shadow: 0 0 2px #cccccc inset;
//	background:#fff7f7;
//	background: -webkit-gradient(linear, left top, left bottom, from(#fff7f7), to(#ffe1e1));
//	background: -moz-linear-gradient(top, #fff7f7, #ffe1e1);
//	background: -o-linear-gradient(top, #fff7f7, #ffe1e1);
//	background: -ms-linear-gradient(top, #fff7f7, #ffe1e1);
//	background: linear-gradient(top, #fff7f7, #ffe1e1);
//	border: 1px solid #cccccc;
//	margin-left: 10px;
//}
//
//#header .otherlinks ul li.dvd a{
//	padding:0 7px;
//}
//#header .otherlinks ul li.dvd a:hover{
//	color:  #333333;
//}
//
//#header .otherlinks ul li.dvd a.answered{
////	color:#ff6666;
//
//}
//
//#header .searchArea{
//	position:absolute;
//	right:0px;
//	top:38px;
//}
//
//#header .searchArea #seriesSearchArea{
//	margin:0 0 1px 0;
//	padding:10px;
//	background:#ffffff;
//}
//
//#header .searchArea #seriesSearchArea .searchKey{
//	width:89px;
//	float:left;
//	margin:6px 5px 5px 5px;
//	text-align:center;
//}
//
//#header .searchArea #seriesSearchArea #seriesMenu{
//	float:left;
//	color:#8b8b8b;
//}
//
//#header .searchArea #seriesSearchArea #seriesMenu ul.series li{
//	float:left;
//	border-right:1px solid #c8c8c8;
///*	width:110px; */
//	width: 90px;
//	text-align:center;
//	cursor:pointer;
//}
//#header .searchArea #seriesSearchArea #seriesMenu ul.series li:first-of-type{
//	border-left:1px solid #c8c8c8;
//}
//
//#header .searchArea #seriesSearchArea #seriesMenu ul.series li a{
//	color:#595959;
//	padding:5px;
//	line-height:30px;
//	text-decoration:none;
//}
//#header .searchArea #seriesSearchArea #seriesMenu ul.series li a:hover{
//color: rgb(255, 102, 102);
//}
//#header .searchArea #seriesSearchArea #seriesMenu ul.series li.specialty{
//	display: inline-block;
//	border:none;margin:5px;
//	width:200px;
//}
//
//#header .searchArea #seriesSearchArea #seriesMenu ul.series li.specialty a{
//	color: #333333;padding: 0 15px 0 0;
//}
//
//#header .searchArea #seriesSearchArea #seriesMenu ul.series li.keywordarea{
//	width: 360px;
//	border:none;
//	cursor: default;
//}
//
//
//#header .searchArea #seriesSearchArea #seriesMenu ul.series .submit{
//	background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #eeeeee, #cccccc) repeat scroll 0 0;
//	height: 24px;
//	border-radius: 3px;
//	box-shadow: 0 0 5px #777777 inset;
//	color: #555555;
//	cursor: pointer;
//	padding: 1px 5px 0 10px;
//	text-decoration: none;width: 80px;
//}
//
//#header .searchArea #seriesSearchArea #seriesMenu ul.series .keyword{
//	border: 1px solid;
//	width: 200px;
//	height: 25px;
//	margin-right: 10px;
//	padding: 0 10px;
//	vertical-align: middle;
//}
//
//.shinryokamenu{
//	display:none;
//	z-index:10000;
//	background:white;
//	position:absolute;
//	right:60px;
//	width:1050px;
//	border:solid 1px #cccccc;font-size:120%;
//}
//
//#header .personal{
//	position:absolute;
//	right:0px;
//	top:4px;
//}
//
//#header .personal li{
//	cursor:pointer;
//}
//
//#header .personal a{
//	color: #333333;
//	text-decoration: none;
//}
//
//
//#header .personal .new{
//	width: 100px;
//	float: left;
//	font-size: 80%;
//	margin: 5px 10px 0 0;
//	text-align: center;
//	border: 1px solid #d1d1d1;border-radius: 3px;
//
//	padding: 5px 0;
//	box-shadow:0 0 2px #cccccc inset;
//	-webkit-border-radius: 3px;
//	-moz-border-radius: 3px;
//	border-radius: 3px;
//	background: -webkit-gradient(linear, left top, left bottom, from(#ffa4a4), to(#df8484));
//	background: -moz-linear-gradient(top, #ffa4a4, #df8484);
//	background: -o-linear-gradient(top, #ffa4a4, #df8484);
//	background: -ms-linear-gradient(top, #ffa4a4, #df8484);
//	background: linear-gradient(top, #ffa4a4, #df8484);
//	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa4a4', endColorstr='#df8484');
//	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa4a4', endColorstr='#df8484')";
//	-pie-background: linear-gradient(top, #ffa4a4, #df8484);
//	behavior: url(PIE.htc);
//
//}
//
//#header .personal .new a{
//	color: #ffffff;
//}
//
//#header .personal .name{
//	float: left;
//	font-size: 80%;
//	text-align: center;
//	padding: 8px;
//	text-align: right;
//	width: 230px;
//}
//
//#header .personal .name a{
//	text-decoration: underline;
//}
//
//#header .personal .favorite{
//	width: 80px;
//	float: left;
//	font-size: 80%;
//	margin: 5px 10px 0 0;
//	text-align: center;
//	border: 1px solid #d1d1d1;border-radius: 3px;
//	box-shadow: 0 0 2px #cccccc inset;
//	padding: 3px 0;
//	background:#ffb570;
//	background: -webkit-gradient(linear, left top, left bottom, from(#ffb570), to(#df9550));
//	background: -moz-linear-gradient(top, #ffb570, #df9550);
//	background: -o-linear-gradient(top, #ffb570, #df9550);
//	background: -ms-linear-gradient(top, #ffb570, #df9550);
//	background: linear-gradient(top, #ffb570, #df9550);
//}
//
//#header .personal .login{
//	width: 70px;
//	float: left;
//	font-size: 80%;
//	margin: 5px 10px 0 0;
//	text-align: center;
//	border: 1px solid #d1d1d1;border-radius: 3px;
//	box-shadow: 0 0 2px #cccccc inset;
//	padding: 3px 0;
//	background:#ffffff;
//	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
//	background: -moz-linear-gradient(top, #ffffff, #dddddd);
//	background: -o-linear-gradient(top, #ffffff, #dddddd);
//	background: -ms-linear-gradient(top, #ffffff, #dddddd);
//	background: linear-gradient(top, #ffffff, #dddddd);
//}
//
//#header #header_contents ul.header{
//	position:absolute;
//	top:10px;
//	right:5px;
//}
//
//#header #header_contents ul.header li{
//	float:left;
//	font-size:80%;
//	margin:0 10px 0 0;
//	width:120px;
//	text-align:center;
//}
//#header #header_contents ul.header li a{
//	padding:10px;
//	text-decoration:none;
//}
//#header #header_contents ul.header li.user{
//	width:444px;
//	padding:8px;
//	height:16px;
//	text-align:right;
//}
//#header #header_contents ul.header li.new{
//	border:1px solid #ffa4a4;
//	background:#ffa4a4;
//	padding:5px 0;
//
//	box-shadow:0 0 2px #cccccc inset;
//	-webkit-border-radius: 3px;
//	-moz-border-radius: 3px;
//	border-radius: 3px;
//	background: -webkit-gradient(linear, left top, left bottom, from(#ffa4a4), to(#df8484));
//	background: -moz-linear-gradient(top, #ffa4a4, #df8484);
//	background: -o-linear-gradient(top, #ffa4a4, #df8484);
//	background: -ms-linear-gradient(top, #ffa4a4, #df8484);
//	background: linear-gradient(top, #ffa4a4, #df8484);
//	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa4a4', endColorstr='#df8484');
//	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa4a4', endColorstr='#df8484')";
//	-pie-background: linear-gradient(top, #ffa4a4, #df8484);
//	behavior: url(PIE.htc);
//}
//#header #header_contents ul.header li.new a{
//	color:#ffffff;
//}
//
//#header #header_contents ul.header li.new:hover{
//	background:#ef9494;
//}
//#header #header_contents ul.header li.login{
//	border:1px solid #d1d1d1;
//	background:#ffffff;
//	padding:5px 0;
//
//	box-shadow:0 0 2px #cccccc inset;
//	-webkit-border-radius: 3px;
//	-moz-border-radius: 3px;
//	border-radius: 3px;
//	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
//	background: -moz-linear-gradient(top, #ffffff, #dddddd);
//	background: -o-linear-gradient(top, #ffffff, #dddddd);
//	background: -ms-linear-gradient(top, #ffffff, #dddddd);
//	background: linear-gradient(top, #ffffff, #dddddd);
//	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dddddd');
//	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dddddd')";
//	-pie-background: linear-gradient(top, #ffffff, #dddddd);
//	behavior: url(PIE.htc);
//}
//#header #header_contents ul.header li.login a{
//	color:#333333;
//}
//
//#header #header_contents ul.header li.login:hover{
//	background:#eeeeee;
//}
//#header #header_contents ul.header li.favorite{
//	background:#ffb570;
//	padding:5px 0;
//	border: 1px solid #efc580;
//
//	box-shadow:0 0 2px #cccccc inset;
//	-webkit-border-radius: 3px;
//	-moz-border-radius: 3px;
//	border-radius: 3px;
//	background: -webkit-gradient(linear, left top, left bottom, from(#ffb570), to(#df9550));
//	background: -moz-linear-gradient(top, #ffb570, #df9550);
//	background: -o-linear-gradient(top, #ffb570, #df9550);
//	background: -ms-linear-gradient(top, #ffb570, #df9550);
//	background: linear-gradient(top, #ffb570, #df9550);
//	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffb570', endColorstr='#df9550');
//	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffb570', endColorstr='#df9550')";
//	-pie-background: linear-gradient(top, #ffb570, #df9550);
//	behavior: url(PIE.htc);
//}
//#header #header_contents ul.header li.favorite a{
//	color:#ffffff;
//}
//#header #header_contents ul.header li.favorite:hover{
//	background:#efa560;
//}
//
//#header #header_contents ul.header_bottom{
//	position:absolute;
//	bottom:0;
//	right:5px;
//}
//
//#header #header_contents ul.header_bottom li{
//	float:left;
//	font-size:80%;
//	color:ffffff;
//	background:#000000;
//	padding:10px 0 10px 15px;
//}
//#header #header_contents ul.header_bottom li a{
//	color:#ffffff;
//	text-decoration:none;
//	padding:0 15px 0 0;
//	border-right:1px solid #535353;
//}
//#header #header_contents ul.header_bottom li a:hover{
//	text-decoration:underline;;
//}
//#header #header_contents ul.header_bottom li a.right{
//	border-right:none;
//}
//
//#header .noticeInfo {
//	padding-left: 16px;
//	line-height: 1.2;
//	display: inline-block;
//	text-decoration: none;
//}
//#header .noticeInfo a{
//	color: #e6100b;
//	line-height: 1.2;
//	display: inline-block;
//}

#foo{
	width:100%;
	background:#f0f0f0;
	z-index:1;

}
#foo .footerbannerList{
	margin: 0px auto;
	width: 1155px;
	background-color:#ffffff;
}
#foo .footerbannerList .title{
	padding: 20px 20px 5px;
	background: #ffffff;
}
#foo .footerbannerList .title h2{
	line-height: 24px;
	border-bottom: 1px solid #cccccc;
	border-left: 5px solid #e40112;
	padding: 0 10px;
	min-width: 150px;
	font-weight: normal;
}
#foo .footerbannerList .title h2.left {
    float: left;
}

#foo .footerbannerList ul{
	height: 324px;
}

#foo  .footerbannerList .footerbanner{
	float: left;
	margin-left:10px;
	margin-top: 10px;
	width:562.5px;
	height:142px;
}
#foo  .footerbannerList .footerbanner a img {
	width:562.5px;
	height:142px;
}
#footer{
	width:1155px;
	margin:0 auto;
	margin-top:10px;

}

#footer #footer_contents{
	padding:10px;
	background:#ffffff;
	position: relative;
	margin-bottom: 10px;
}
#footer #footer_contents .footer_title{
	border-left:5px solid #555555;
	color:#555555;
	padding:0 10px;
	margin-bottom:20px;
}

#footer #footer_contents ul.footer_menu_top{
	margin:5px 0 0 0;
	float:left;
}

#footer #footer_contents ul.footer_menu{
	margin:5px 6px 0 0;
	width:230px;
	float:left;
}

#footer #footer_contents ul.last{
	width: 400px;
	margin-bottom: 110px;
}

#footer #footer_contents ul.footer_menu li{
	margin-left:1em;
}

#footer #footer_contents ul.footer_menu li.top,
#footer #footer_contents ul.footer_menu_top li.top{
	font-size:80%;
	font-weight:bold;
	margin-left:0;
}
#footer #footer_contents ul.footer_menu li a{
	font-size:80%;
	text-decoration:none;
	color:#111111;
}

#footer #footer_contents ul.footer_menu li a:hover{
	color:#ff6666;
}

#footer #footer_contents #fIconBox{
	position: absolute;
	right: 55px;
	bottom: 10px;
}

#footer #footer_contents #fIconBox ul{
	width: 108px;
	margin: 0 0 9px 102px;
	overflow: hidden;
}

#footer #footer_contents #fIconBox li {
	width: 32px;
	margin-left: 4px;
	float: right;
	display: inline;
}

#footer #footer_contents #fIconBox .fIconDescription {
	margin-right: 80px;
	font-size: 80%;
	line-height: 1.5;
	text-align: right;
}

#footer #footer_contents #fIconBox .fPmark {
	position: absolute;
	right: 0;
	bottom: 0;
}


#footer #footer_contents2{
	padding:10px;
	background:#ffffff;
	position:relative;
}
#footer #footer_contents2 img{
	float:left;
	position:absolute;
	top:10px;
	left:15px;
}
#footer #footer_contents2 ul.footer{
	margin:32px 0 0 220px;
}
#footer #footer_contents2 ul.footer li{
	float:left;
	margin-right:10px;
}
#footer #footer_contents2 ul.footer li a{
	font-size:80%;
	text-decoration:none;
	color:#111111;
}
#footer #footer_contents2 ul.footer li a:hover{
	color:#ff6666;
}

#footer #footer_contents2 ul.footer li.Copyright{
	float: right;
	font-size: 80%;
//	margin-top: 3px;
}

/* スマートフォン版に切り替えボタン
----------------------------- */
.backToSP a {
  font-family: Roboto, "Droid Sans", “ヒラギノ角ゴ ProN″ "Hiragino Kaku Gothic ProN";
  height: 124px;
  margin: 0 20px;
  text-align: center;
  font-size: 58px !important;
  font-weight: bold;
  line-height: 124px;
  color:  #fff !important;
  text-decoration: none;
  display: block;
  border-radius: 10px;
  background: -webkit-linear-gradient(90deg, #ca1818 49%, #d44747 50%);
  background: -moz-linear-gradient(90deg, #ca1818 49%, #d44747 50%);
  background: -o-linear-gradient(90deg, #ca1818 49%, #d44747 50%);
  background: -ms-linear-gradient(90deg, #ca1818 49%, #d44747 50%);
  background: linear-gradient(0deg, #ca1818 49%, #d44747 50%);
  box-shadow: 0px 2px 0px 0px #d1d1d1;
  box-sizing: border-box;
}

.backToSP.top {
  margin-bottom: 20px;
}

.backToSP.bottom {
  margin-top: 20px;
}


/********************************** seriesページ **********************************/
#body{
	background:#f0f0f0;
	position: relative;
    height:auto !important; /*IE6対策*/
    height:100%; /*IE6対策*/
    min-height:100%;
}
#head_contents{
	width:1155px;
	margin:0 auto;
	padding:0 5px;

}

#series_top_area{
	width:100%;
	padding-bottom:10px;
	margin-bottom:10px;
	background:#999999;
}

#series_top_area #series_area{
	margin-bottom:10px;
	width:1155px;
	margin:0 auto;
}

#series_top_area #series_area h1{
	color:#ffffff;
	padding:10px;
	font-size:120%;
	font-weight:bold;
	width:800px;
	float:left;
	text-shadow:2px 2px 2px #111111;
}

#series_top_area #series_area .series_area_head{
	color: #ffffff;
	padding-top: 10px;
	font-size: 120%;
	font-weight: bold;
	width: 800px;
	float: left;
	text-shadow: 2px 2px 2px #111111;
}

#series_top_area #series_area ul.sns{
	height:24px;
	margin:12px 10px 0 0;
	float:right;
}
#series_top_area #series_area ul.sns li{
	float:right;
}
#series_top_area #series_area ul.sns li #s_facebook{
	float:right;
}
#series_top_area #series_area ul.sns li #s_facebook a{
	cursor:pointer;
}

#series_top_area #series_area img.banner{
	width:1155px;
	height:290px;
}
#series_top_area #series_area #s_series_area{
	padding:20px;
	background:#ffffff;
	border-left: solid 5px #999999;
	border-right: solid 5px #999999;
}

#series_top_area #series_area #s_series_area h3{
	margin-bottom:5px;
}

#series_top_area #series_area #s_series_area .right_area{
	height: 28px;
	float: right;
}

#series_top_area #series_area #s_series_area .comment{
	color:#555555;
	border-top:1px solid #d1d1d1;
	padding-top:5px;
}

#series_top_area #series_area #s_series_area .comment .programlist a{
	color:#555555;
	text-decoration: none;
}

#series_top_area #series_area #s_series_area .errata{
	float: right;
}
#series_top_area #series_area #s_series_area .errata a{
	color: #555555;
}
#series_top_area #series_area #s_series_area .errata a:hover{
	color: #212121;
}

#series_top_area #series_area #s_series_area .inst a{
	color: #555555;
}
#series_top_area #series_area #s_series_area .inst a:hover{
	color: #212121;
}


#series_top_area #series_area #s_series_area .favorite{
	margin-left:15px;
	float: left;
	height: 10px;
	width:140px;
	line-height: 0px;
	float: right;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:10px 0;
	color:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color:#e79d29;
	border:none;
	cursor:pointer;
}

#series_top_area #series_area #s_series_area .favorite.add_favorite{
	background-color: #ffffff;
	color: #595959;
}

#series_top_area #series_area #s_series_area .favorite:hover{
	opacity: 0.8;
}


#series_top_area #series_area #s_series_area .ppv{
	margin-left:15px;
	float: left;
	height: 60px;
	width:200px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:10px 0 10px;
	color:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color:#0063a1;
}
#series_top_area #series_area #s_series_area .ppv:hover{
	opacity: 0.8;
}
#series_top_area #series_area #s_series_area .ppv .info{
	font-size:15px;
}

#series_top_area #series_area #s_series_area .cancel{
	margin-left:15px;
	float: left;
	height: 60px;
	line-height: 60px;
	width:200px;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:10px 0 10px;
	color:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color:#808080;
}
#series_top_area #series_area #s_series_area .cancel:hover{
	background-color:#909090;
}


#series_top_area #series_area #s_series_area .purchased{
	margin-left:15px;
	float: left;
	height: 60px;
	width:200px;
/*	font-size:10px; */
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:20px 0 0px;
	color:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color:#425265;
}
#series_top_area #series_area #s_series_area .purchased:hover{
	background-color:#566b84;
}
#series_top_area #series_area #s_series_area .purchased .info{
	font-size:15px;
}


#series_top_area #series_area #s_series_area .premium{
	margin-left:15px;
	float: left;
	height: 60px;
	width:200px;
/*	font-size:10px; */
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:10px 0 10px;
	color:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color:#ad0026;
	display: flex;
	justify-content: center;
	align-items: center;
}
#series_top_area #series_area #s_series_area .premium:hover{
	opacity: 0.8;
}
#series_top_area #series_area #s_series_area .premium .syogetsumuryo{
	font-size:15px;
}

#series_top_area #series_area #s_series_area .nursepremium{
	margin-left:15px;
	float: left;
	height: 60px;
	width:200px;
/*	font-size:10px; */
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:10px 0 10px;
	color:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color:#FFA500;
	display: flex;
	justify-content: center;
	align-items: center;
}
#series_top_area #series_area #s_series_area .nursepremium:hover{
	opacity: 0.8;
}

#contents{
	width:1155px;
	margin:0 auto;

}

#contents h2{
	color:#333333;
	margin-bottom:10px;

}

#main #body #contents #program_area{
	background:#ffffff;
	padding: 10px 38px;
	margin-bottom:10px;
}

#contents #program_area{
	background:#ffffff;
	padding: 10px 20px;
	margin-bottom:10px;
}

#contents #program_area .program_area{
	margin-bottom:10px;
}

#contents #program_area .title {
padding: 10px;
background: #ffffff;
margin-bottom: 2px;
}

#contents #program_area .title h2{
	line-height:24px;
	border-bottom: 1px solid #cccccc;
	border-left: 5px solid #e40112;
	padding: 0 10px;
	min-width:150px;
	font-weight:normal;
}

#contents #program_area .title h2.left{
	float:left;
}

#contents #program_area .program_area h3.program_name{
	padding:5px;
	background:#3a3939;
	color:#ffffff;
	overflow:hidden;
	width: 1105px;
    font-size: 100%;
}

#contents #program_area .program_area h3.program_name .monthly{
	float: right;
	color: #ffffff;
	font-size:80%;
	padding-top: 3px;
}
#contents #program_area .program_area h3.program_name .monthly a{
	color: #ffffff;
}

#contents #program_area .program_area .program_content_area{
	width:870px;
	min-height:110px;
	margin:0;
	float:left;
}

#contents #program_area .program_area #s_thumbnail_area{
	color: #555555;
	float:left;
	margin:10px 10px 0px 10px;
	position:relative;
}

#contents #program_area .program_area #s_thumbnail_area ul{
	text-align: center;
}

#contents #program_area .program_area #s_thumbnail_area ul li img{
	width:216px;
	height:122px;
}

#contents #program_area .program_area #s_thumbnail_area .playmovie::before{
    content: "";
    background: rgba(0, 0, 0, 0) url("/common/img/playsmall.png") no-repeat scroll 76px 29px;
    display: block;
    position: absolute;
    text-align: center;
    width:216px;
    height:122px;
    cursor:pointer;
opacity:0.5;
}
#contents #program_area .program_area #s_thumbnail_area .playmovie:hover::before{
opacity:1;
}


#contents #program_area .program_area .program_content_area p.program_name{
	font-weight:bold;
	color:#ffffff;
	background:#3a3939;
	padding:5px;
}


#contents #program_area .program_area .program_content_area .comment{
	padding:5px;
	overflow-y:auto;
	height:50px;
	margin-bottom:10px;
}
#contents #program_area .program_area .program_content_area .commenthigh{
	padding:10px;
	overflow-y:auto;
	height:auto;
	margin-bottom:10px;
}

#contents #program_area .program_area .program_content_area span.time{
	float:right;
	font-size:70%;
}


#contents #program_area .program_area .program_content_area .button{
	float:right;
	max-height: 60px;
}

#contents #program_area .program_area .program_content_area .premium{
	margin-left:15px;
	float: left;
	height: 40px;
	width:200px;
/*	font-size:10px; */
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:10px 0 10px;
	color:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color:#ad0026;
	display: flex;
	justify-content: center;
	align-items: center;
}
#contents #program_area .program_area .program_content_area .premium:hover{
	opacity: 0.8;
}

#contents #program_area .program_area .program_content_area .premium .info{
	font-size:15px;
}

#contents #program_area .program_area .program_content_area .ppv{
	margin-left:15px;
	float: left;
	height: 40px;
	width:200px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:10px 0 10px;
	color:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color:#0063a1;
}
#contents #program_area .program_area .program_content_area .ppv:hover{
	opacity: 0.8;
}
#contents #program_area .program_area .program_content_area .ppv .info{
	font-size:15px;
}

#contents #program_area .program_area .program_content_area .button .free{
	margin-left:15px;
	float: left;
	height: 40px;
	line-height:40px;
	width:200px;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:10px 0 10px;
	color:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color:#0063a1;
}

#contents #program_area .program_area .program_content_area .button .free:hover{
	opacity: 0.8;
}


#contents #program_area .program_area .program_content_area .button .cancel{
	margin-left:15px;
	float: left;
	height: 40px;
	line-height:40px;
	width:200px;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:10px 0 10px;
	color:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color:#949494;
}
#contents #program_area .program_area .program_content_area .button .cancel:hover{
	opacity: 0.8;
}


#contents #program_area .program_area .program_content_area .button .purchased{
	margin-left:15px;
	float: left;
	height: 40px;
	width:200px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:10px 0 10px;
	color:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color:#425265;
}
#contents #program_area .program_area .program_content_area .button .purchased:hover{
	background-color:#566b84;
}
#contents #program_area .program_area .program_content_area .button .purchased .info{
	font-size:15px;
}

/************************** 番組スライド /**************************/
#contents #program_area #s_program_list .jqCarousel{
	position:relative;
	background:#3a3939;
	width: 1080px;
}

#contents #program_area #s_program_list .jqCarousel .jqCarouselClipArea{
	overflow:hidden;
	height:auto;
	padding:10px;
	margin:0 10px;
	background:#3a3939;
	position:relative;
}

#contents #program_area #s_program_list .jqCarousel .jqCarouselClipArea .jqCarouselArea{
	position:relative;
}

#contents #program_area #s_program_list .jqCarouselArea li p{
	color:#ffffff;
	font-size:70%;
}

#contents #program_area #s_program_list .jqCarouselArea li.hover p{
	color:#ff6666;
}

/************************** 番組スライド /**************************/

#contents #program_area #s_program_list ul li{
	width:144px;
}
#contents #program_area #s_program_list ul li p{
	margin-top:10px;
	line-height:140%;
	color:#ffffff;
	height:30px;
	overflow:hidden;
}



/************************** 番組関連スライド /**************************/
/************************** 番組関連スライド /**************************/

/************************** DVDスライド /**************************/
#contents #dvd_list_area{
	margin:0 0 10px 0;
	padding:10px;
	background:#ffffff;
}

#contents #dvd_list_area .jqCarousel{
	position:relative;
}

#contents #dvd_list_area .jqCarousel .jqCarouselClipArea{
	overflow:hidden;
	padding:15px 10px;
	height:133px;
	margin:0 10px;
	position:relative
}

#contents #dvd_list_area .jqCarousel .jqCarouselClipArea .jqCarouselArea{
	position:relative;
}

#contents #dvd_list_area .jqCarouselArea li p{
	color:#111111;
}

#contents #dvd_list_area .jqCarouselArea li.hover p{
	color:#ff6666;
}


/************************** DVDスライド /**************************/

#contents #dvd_list_area .dvd_list{
	width:230px;
	height:133px;
	position:absolute;
	top:0;
}

#contents #dvd_list_area .dvd_list span.dvd_name{
	color:black;
	position:absolute;
	top:0;
	left:100px;
	font-size:70%;
}
#contents #dvd_list_area .dvd_list span.money{
	position:absolute;
	top:75px;
	left:100px;
	font-size:70%;
}
#contents #dvd_list_area .dvd_list a{
	background:#ffb570;
	position:absolute;
	bottom:0;
	left:100px;
	padding:2px 10px;
	border: 1px solid #efc580;
	font-size:100%;
	letter-spacing:10px;

	box-shadow:0 0 3px #999999 inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb570), to(#df9550));
	background: -moz-linear-gradient(top, #ffb570, #df9550);
	background: -o-linear-gradient(top, #ffb570, #df9550);
	background: -ms-linear-gradient(top, #ffb570, #df9550);
	background: linear-gradient(top, #ffb570, #df9550);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffb570', endColorstr='#df9550');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffb570', endColorstr='#df9550')";
	-pie-background: linear-gradient(top, #ffb570, #df9550);
	behavior: url(PIE.htc);
}

#contents #dvd_list_area .dvd_list a:hover{
	background:#efa560;
}

.jqCarousel img.jqCarouselPrev{
	position:absolute;
	top:57px;
	left:-25px;
	cursor:pointer;
	opacity: 1;
}
.jqCarousel img.jqCarouselPrev.notClick{
	cursor:default;
	opacity: 0.2;
}
.jqCarousel img.jqCarouselNext{
	position:absolute;
	top:57px;
	right:-25px;
	cursor:pointer;
	opacity: 1;
}
.jqCarousel img.jqCarouselNext.notClick{
	cursor:default;
	opacity: 0.2;
}

/********************************** おすすめ書籍 **********************************/



/********************************** 非認証TOP **********************************/






#main{
	width:1155px;
	margin:0 auto;
	padding:0 5px;
}

#main #mainTopArea{
	background:#ffffff;
	padding:20px;
	margin:10px 0;
}

#main #mainTopArea h1{
	line-height:24px;
	border-bottom: 1px solid #cccccc;
	border-left: 5px solid #e40112;
	padding: 0 10px;
	min-width:150px;
	font-weight:normal;
	font-size: 150%;
	margin-bottom: 10px;
}

#main #mainTopArea h2{
	line-height:24px;
	border-bottom: 1px solid #cccccc;
	border-left: 5px solid #e40112;
	padding: 0 10px;
	min-width:150px;
	font-weight:normal;
	font-size: 150%;
	margin-bottom: 10px;
}

#main #mainTopArea a{
	color:blue;
}

#main #deliveryTopArea{
	background:#ffffff;
	padding:10px;
	margin-bottom:5px;
}
#main #deliveryTopArea h3{
    padding: 5px 10px;
    background: #f0f0f0;
    border-left: 5px solid #555555;
    color: #555555;
}

#main h2.h2_title{
	line-height:24px;
}
#main img#banner{
	margin:10px 0;
}
#main #messageArea{
	background:#ffffff url(/common/img/message_bk.png) 0 0 repeat-x;
	padding:5px;
	margin-bottom:10px;
}
#main #messageArea .messageLeftArea{
	float:left;
	padding:15px 0 0 10px;
}
#main #messageArea .messageLeftArea span.message{
	color:#ffffff;
	font-size:110%;
}
#main #messageArea .messageRightArea{
	float:right;
}
#main #messageArea .messageRightArea span.delivery{
	color:#ffffff;
	float:left;
	margin:25px 10px 0 10px;
}
#main #messageArea .messageRightArea ul{
	float:left;
}
#main #messageArea .messageRightArea ul li.one{
	width:20px;
	padding:5px;
	margin:0 1px 0 0;
	color:#58c1e7;
	background:#ffffff;
	font-size:220%;
	font-weight:bold;
	float:left;
	font-family: Impact,Charcoal;
}
#main #junleSearchAlea{
	margin:0 0 1px 0;
	padding:10px 10px 10px 0;
	background:#ffffff;
	font-size:80%;
}
#main #junleSearchAlea .searchKey{
	width:105px;
	float:left;
	margin:6px 5px 5px 5px;
	text-align:center;
}
#main #junleSearchAlea .searchKey span.key{

}
#main #junleSearchAlea #junleMenu,
#main #seriesSearchAlea #seriesMenu{
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #f9f9f9 50%, #f0f0f0 52%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(50%,#f9f9f9), color-stop(52%,#f0f0f0), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#f9f9f9 50%,#f0f0f0 52%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#f9f9f9 50%,#f0f0f0 52%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#f9f9f9 50%,#f0f0f0 52%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f9f9f9 0%,#f9f9f9 50%,#f0f0f0 52%,#f0f0f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */

	border:1px solid #d8d8d8;
	border-top:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;

	float:left;
	width:823px;
	color:#8b8b8b;
}
#main #junleSearchAlea #junleMenu ul.junle li{
	float:left;
	border-right:1px solid #c8c8c8;
	width:110px;
	text-align:center;
	cursor:pointer;
}
#main #junleSearchAlea #junleMenu ul.junle li:hover{
	background: #e9e9e9; /* Old browsers */
	background: -moz-linear-gradient(top, #e9e9e9 0%, #e9e9e9 50%, #e0e0e0 52%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(50%,#e9e9e9), color-stop(52%,#e0e0e0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e9e9e9 0%,#e9e9e9 50%,#e0e0e0 52%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e9e9e9 0%,#e9e9e9 50%,#e0e0e0 52%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e9e9e9 0%,#e9e9e9 50%,#e0e0e0 52%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e9e9e9 0%,#e9e9e9 50%,#e0e0e0 52%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}

#main #junleSearchAlea #junleMenu ul.junle li.right{
	background: #fff7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #fff7f7 0%, #fff7f7 50%, #ffe1e1 52%, #ffe1e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff7f7), color-stop(50%,#fff7f7), color-stop(52%,#ffe1e1), color-stop(100%,#ffe1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff7f7 0%,#fff7f7 50%,#ffe1e1 52%,#ffe1e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff7f7 0%,#fff7f7 50%,#ffe1e1 52%,#ffe1e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff7f7 0%,#fff7f7 50%,#ffe1e1 52%,#ffe1e1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fff7f7 0%,#fff7f7 50%,#ffe1e1 52%,#ffe1e1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7f7', endColorstr='#ffe1e1',GradientType=0 ); /* IE6-9 */

	float:right;
	border-left:1px solid #f7e9e9;
	border-right:1px solid #f7e9e9;
	width:110px;

}

#main #junleSearchAlea #junleMenu ul.junle li.right:hover{
	background: #ffe7e7; /* Old browsers */
	background: -moz-linear-gradient(top, #ffe7e7 0%, #ffe7e7 50%, #ffd1d1 52%, #ffd1d1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe7e7), color-stop(50%,#ffe7e7), color-stop(52%,#ffd1d1), color-stop(100%,#ffd1d1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffe7e7 0%,#ffe7e7 50%,#ffd1d1 52%,#ffd1d1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffe7e7 0%,#ffe7e7 50%,#ffd1d1 52%,#ffd1d1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffe7e7 0%,#ffe7e7 50%,#ffd1d1 52%,#ffd1d1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffe7e7 0%,#ffe7e7 50%,#ffd1d1 52%,#ffd1d1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe7e7', endColorstr='#ffd1d1',GradientType=0 ); /* IE6-9 */
}

#main #junleSearchAlea #junleMenu ul.junle li a{
	display:block;
	text-decoration:none;
	color:#8b8b8b;
	padding:5px;
}

#main #junleSearchAlea #junleMenu ul.junle li.presenttag{
	font-size:70%;
	line-height:100%;
}

#main #seriesSearchAlea{
	margin:0 0 1px 0;
	padding:10px 10px 10px 0;
	background:#ffffff;
	font-size:80%;
}

#main #seriesSearchAlea .searchKey{
	width:105px;
	float:left;
	margin:6px 5px 5px 5px;
	text-align:center;
}
#main #seriesSearchAlea .searchKey span.key{

}

#main #seriesSearchAlea #seriesMenu ul.series li{
	float:left;
	border-right:1px solid #c8c8c8;
	width:110px;
	text-align:center;
	cursor:pointer;

}
#main #seriesSearchAlea #seriesMenu ul.series li:hover{
	background: #e9e9e9; /* Old browsers */
	background: -moz-linear-gradient(top, #e9e9e9 0%, #e9e9e9 50%, #e0e0e0 52%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(50%,#e9e9e9), color-stop(52%,#e0e0e0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e9e9e9 0%,#e9e9e9 50%,#e0e0e0 52%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e9e9e9 0%,#e9e9e9 50%,#e0e0e0 52%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e9e9e9 0%,#e9e9e9 50%,#e0e0e0 52%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e9e9e9 0%,#e9e9e9 50%,#e0e0e0 52%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}

#main #seriesSearchAlea #seriesMenu ul.series li a{
	display:block;
	color:#8b8b8b;
	padding:5px;
	line-height:20px;
	text-decoration:none;

}

#main .newTvArea{
	margin-top:10px;
	margin-bottom:8px;
}

#main .newTvArea a{
	color: #000000;
}

#main .newTvArea .title{
	padding:20px;
	background:#ffffff;
	margin-bottom: 2px;
}

#main .newTvArea .title h2{
	line-height:24px;
	border-bottom: 1px solid #cccccc;
	border-left: 5px solid #e40112;
	padding: 0 10px;
	min-width:150px;
	font-weight:normal;
}

#main .newTvArea .title h2.left{
	float:left;
}
#main .newTvArea .title span.right{
	float:right;
	font-size:80%;
}

#main .newTvArea .link{
	padding:20px;
	background:#ffffff;
}
#main .newTvArea .link span.right{
	float:right;
}
#main .newTvArea .link span a{
	font-size:20px;
	color: blue;
}

#main .newTvArea .newtv ul.newtv{
	margin-top:2px;
	overflow:hidden;
}
#main .newTvArea .newtv ul.newtv li{
	position:relative;
	float:left;
	padding:8px;
	margin-bottom:2px;
	width:213px;
	margin-left:2px;
	background:#ffffff;
}
#main .newTvArea .newtv ul.newtv li a{
	display:block;
	text-decoration:none;
}
#main .newTvArea .newtv ul.newtv li .opendate{
	float: right;
}
#main .newTvArea .newtv ul.newtv li:first-child{
	width:214px;
	margin-left:0px;
}
#main .newTvArea .newtv ul.newtv li:nth-of-type(5){
	width:214px;
}
#main .newTvArea .newtv ul.newtv li:nth-of-type(6){
	width:214px;
	margin-left:0px;
}
#main .newTvArea .newtv ul.newtv li:nth-of-type(10){
	width:214px;
}

#main .newTvArea .newtv ul.newtv li p.tvseriestitle{
	font-size: 70%;
	overflow: hidden;
	height: 24px;
	line-height: 110%;
	margin-bottom: 10px;
}

#main .newTvArea .newtv ul.newtv li p.tvprogramtitle{
	font-size: 90%;
	overflow: hidden;
	height: 30px;
	line-height: 110%;
	text-decoration: underline;
	color: #111111;
}


#main .newTvArea .newtv ul.newtv li p.tvtitle a:hover{
	color:#ff6666;
	text-decoration:none;
}
#main .newTvArea .newtv ul.newtv li p.comment{
	height:40px;
	overflow:hidden;
	color:#a8a8a8;
}
#main .newTvArea .newtv ul.newtv li .add_favorite{
	font-size:70%;
	border:1px solid #cccccc;
	padding:5px 10px;
	margin-top:5px;
	color:#555555;
	cursor:pointer;
	width:120px;
	margin-left:74px;
}

#main .newTvArea .newtv ul.newtv li .add_favorite:hover{
	background:#e0e0e0;
}
#main .newTvArea .newtv ul.newtv li .del_favorite{
	font-size:70%;
	border:1px solid #cccccc;
	padding:5px 10px;
	margin-top:5px;
	color:#555555;
	cursor:pointer;
	width:120px;
	margin-left:74px;
}

#main .newTvArea .newtv ul.newtv li .del_favorite:hover{
	background:#e0e0e0;
}



#main .newTvArea .newtv ul.newtv li ul.tag li{
	float:left;
	padding:2px;
	margin:2px 2px 0 0;
	font-size:60%;
	color:#555555;
	letter-spacing:1px;

}

#main .newTvArea .newtv ul.newtv li a span.duration{
	padding:2px;
	background:#ffffff;
	opacity:0.7;
	font-size:70%;
	position:absolute;
	top:12px;
	left:12px;

}

#main .newTvArea .newtv ul.newtv li a span.series_name{
	padding:2px 0px 0px 2px;
	background:#000000;
	opacity:0.7;
	font-size:50%;
	color:#ffffff;
	position:absolute;
	top:111px;
	left:12px;
	height:17px;
	width:210px;
}

#main .newTvArea .newtv ul.newtv li .dummy{
	height: 129px;
}

.newTvArea .footerbannerList{
	width: 1155px;
	background-color:#ffffff;
}

#main .newTvArea .newtv.freeprogram ul.newtv li{
	width:271px;
}

#main .newTvArea .newtv.freeprogram ul.newtv li:first-child{
	width:271px;
}
#main .newTvArea .newtv.freeprogram ul.newtv li .dummy{
	height: 160px;
}

.newTvArea .footerbannerList .footerbanner{
	float: left;
	margin-left:10px;
	margin-top: 10px;
}

.newTvArea .slider-pro{
	height:150px;margin-bottom:2px;
}

#main #newsArea{
	float:left;
	width:1155px;
	margin-right:2px;

}

#main #newsArea #newsTitle{
	background:#ffffff;
	padding:20px;
	margin-bottom:2px;
}

#main #newsArea ul{
	display:block;
	padding:10px;
	background:#ffffff;
	overflow:auto;
}
#main #newsArea ul li{
	border-bottom:1px solid #f0f0f0;
	padding:10px;
}


#main #facebookArea{
	float:left;
	width:474px;


}

#main #facebookArea #facebookTitle{
	background:#ffffff;
	padding:20px;
	margin-bottom:2px;
}
#main #facebookArea #facebook{
	background:#ffffff;
	height:545px;
}

#main #dvdTitle{
	background:#ffffff;
	padding:20px;
	margin-top:10px;
	margin-bottom:2px;
}
#main #backNumberListArea ul.backNumber li.backNumberListtop p.series_name a{
	color: #555555;
}
#main #backNumberListArea ul.backNumber li.backNumberListtop p.series_name a:hover{
	color: #ff6666;
}
#main #backNumberListArea ul.backNumber li.backNumberListtop p.program_name{
	font-size:90%;
}

#main #popularListArea{
	margin-bottom:10px;
}

#main #popularListArea ul.popularArea li.popularList{
	padding:10px 20px;
	position:relative;
	margin-bottom:5px;
	background:#ffffff;
}

#main #popularListArea ul.popularArea li.popularList h3{
	font-size: 15px;
	overflow:hidden;
	float:left;
	margin-top:8px;
	margin-left:10px;
	color:#555555;
	height:inherit;
	line-height: normal;
}

#main #popularListArea ul.popularArea li.popularList img{
	padding-left: 4px;
	float:left;
	margin-bottom:5px;
}

#main #popularListArea ul.popularArea li.popularList .seriesimage{
	padding-top: 15px;
	float: left;
}

#main #popularListArea ul.popularArea li.popularList .guide{
	width: 860px;
	color: #555555;
	padding: 10px 0px 0px 20px;
	float: left;
}

#main #popularListArea ul.popularArea li.popularList .guide .seriestitle{
	color:black;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
#main #popularListArea ul.popularArea li.popularList .guide .seriestitle.open{
	text-decoration: underline;
}

#main #popularListArea ul.popularArea li.popularList .guide .programtitle{
	color:black;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

#main #popularListArea ul.popularArea li.popularList .guide .comment{
	font-size:15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

#main #popularListArea ul.popularArea li.popularList .guide .seriescomment{
	margin: 10px 0 0 10px;
}

#main #popularListArea ul.popularArea h2 {
	height:16px;
	overflow:hidden;
	padding:0;
	background:#ffffff;
	border-bottom:2px dotted #cccccc;
	padding:0px 10px 2px 10px;
	display:block;
	font-size: 20px;
	height:inherit;
	margin:0;
	color:black;
}

#main #popularListArea ul.popularArea a {
	text-decoration:none;
	color:#ffffff;
}

/********************************** 講師リストページ シリーズリストページ　共通 **********************************/
#main #instructorListArea{
	background:#ffffff;
	padding:10px;
	margin-bottom:10px;
}


#main #instructorListArea ul.kana li.kanaSelect{
	float:left;
	border-bottom:2px solid #555555;
}
#main #instructorListArea ul.kana li.select{
	border-bottom:2px solid #ff6666;
}
#main #instructorListArea ul.kana li.kanaSelect:hover{
	border-bottom:2px solid #ff6666;
}
#main #instructorListArea ul.kana li.kanaSelect a{
	font-size:80%;
	text-decoration:none;
	color:#555555;
	padding:5px 10px;
	display:block;
}

#main #instructorListArea ul.kana li.select a{
	color:#ff6666;
}

#main #instructorListArea ul.kana li.kanaSelect a:hover{
	color:#ff6666;
}
#main #instructorListArea ul.instructorList{
	padding:7px;
}
#main #instructorListArea ul.instructorList span{
	width: 1115px  !important;
}

#main #instructorListArea ul.instructorList li.instructorList{
	float:left;
	width:140px !important;
}
#main #instructorListArea ul.instructorList li.last{
	margin-right:0;
}
#main #instructorListArea ul.instructorList li.instructorList a {
	font-size:80%;
	text-decoration:none;
	color:#555555;
	padding:5px 10px;
	display:block;
}
#main #instructorListArea ul.instructorList li.instructorList a:hover {
	color:#ff6666;
}

#main #instructorListArea ul.instructorList li.seriesList{
	float:left;
	width:900px;
	margin-right:10px;
}
#main #instructorListArea ul.instructorList li.seriesList a {
	font-size:100%;
	text-decoration:none;
	color:#555555;
	padding:20px 10px 5px;
	display:block;
}
#main #instructorListArea ul.instructorList li.seriesList a:hover {
	color:#ff6666;
}

#main #instructorListArea ul.instructorList li.programList{
	float:left;
	width:420px;
	margin-left:20px;
	margin-right:10px;
}
#main #instructorListArea ul.instructorList li.programList a {
	font-size:80%;
	text-decoration:none;
	color:#555555;
	padding:5px 10px;
	display:block;
}
#main #instructorListArea ul.instructorList li.programList a:hover {
	color:#ff6666;
}

#main #instructorListArea ul.instructorList li.programList .programListLeft{
	float:left;
	width:21px;
	margin-top:3px;
}

#main #instructorListArea ul.instructorList li.programList .programListRight{
	float:left;
	width:379px;
}

#main #instructorListArea ul.instructorList li.notInstructor{
	border:1px solid #cccccc;
	margin:0 30px;
	padding:5px;
	color:#ff3333;
	font-size:80%;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

#main #insDataArea{
	background:#ffffff;
	padding:10px;
	margin-bottom:10px;

}

#main #insDataArea img{
	float:left;
}

#main #insDataArea #instructorData{
	margin-right:10px;
	float:left;
	width:1015px;
}

#main #insDataArea #instructorData .inst_title{
	border-bottom:1px dotted #d0d0d0;
	width:995px;
	padding:0 10px;
	margin-bottom:5px;
	position:relative;
}

#main #insDataArea #instructorData .inst_title h2.instructor_name{
	float:left;
	width: 500px;
}
#main #insDataArea #instructorData .inst_title p.title{
	right:10px;
	bottom:0;
}

#main #insDataArea #instructorData .inst_career{
	padding:10px;
	background:#f0f0f0;
	word-break:break-word;
}
/********************************** シリーズページ **********************************/

#s_series_data_area .taglist ul{
	list-style: none;
	white-space: nowrap;
	max-height: 30px;
	overflow: hidden;
}

#s_series_data_area .taglist ul li{
	display: inline-block;
	margin: 0 .3em .3em 0;
	padding: 0;
}
#s_series_data_area .taglist ul li a{
	background-color: #ffffff;
	border: 1px solid #aaa;
	color: #555555;
	border-radius: 3px;
	display: inline-block;
	max-width: 120px;
	height: 28px;
	line-height: 28px;
	padding: 0 1em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
	font-size:80%;
}
#s_series_data_area .taglist ul li a:hover{
	background-color: grey;
	color: #ffffff;
}

#s_series_data_area .button{
	float:right;
}

#s_series_data_area .rating{
	display: flex;
	font-size: 130%;
	float:right;
	color: #555;
}
#s_series_data_area .review{
	text-decoration: none;
	color: rgb(0, 0, 238);
	display: inline-block;
}


#contents #program_area .valuation{
	margin-bottom:10px;
}

.star-rating {
	position: relative;
	/* width: 5em; */
	height: 1em;
}
#contents #program_area .valuation .rating .star-rating{
	margin-right: 10px;
}
#reportListArea .reportArea .reportList .star-rating {
    margin-left: 10px;
    margin-bottom: 10px;
}
.star-rating-front {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: rgb(255,153,0);
}
.star-rating-back {
	overflow: hidden;
	color: #ccc;
}
#reportListArea .reportArea .reportList .star-rating .star-rating-back{
    display: inline-block;
}
#contents .pagenationarea{
	background: #ffffff;
	padding-bottom: 30px;
	margin: 10px;
}

#contents .answer {
	 margin-bottom:  10px;
}
#contents .answer td {
	padding: 0 10px ;
}
#contents .answer tr td ul li {
	 float: left;
	 margin: 0 20px 10px;
}

#contents .answer tr td .comment {
	 margin: 0 10px 10px;
}

#contents .answer tr td .attention {
	width: 850px;
	color: rgb(127,127,127);
}

#contents .answer input
,#main .answer select
,#main .answer textarea{
	border:solid 1px#555555;
	padding: 5px;
}
#contents .answer .contribution_btn {
	cursor: pointer;
	padding: 0.5em 2em;
	text-decoration: none;
	border-radius: 4px;
	color: #ffffff;
	background-color:rgb(64,64,64);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	font-size:120%;
}

#contents .tag{
	padding: 2px 10px;
	border-radius: 5px;
	margin: 5px;
	color:#ffffff;
	font-size: 80%;
}
#contents .blue{
	background-color: rgb(55,96,146);
}
#contents .grey{
	background-color: rgb(127,127,127);
}

/********************************** レビューページ **********************************/




/********************************** マイページ（マイレビュー） **********************************/

/********************************** マイページ（マイメモ） **********************************/
#main #favoriteTabArea{
	background:#ffffff;
	padding:10px;
}
#main #favoriteTabArea ul#favoriteMenu{
	border-bottom:2px solid #2a2a2a;
}
#main #favoriteTabArea ul#favoriteMenu li.menu{
	float:left;
	width:150px;
	text-align:center;
	margin-right:1px;
	border:1px solid #d1d1d1;
	border-bottom:0;
	background:#ffffff;
	box-shadow:0 0 2px #cccccc inset;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -moz-linear-gradient(top, #ffffff, #dddddd);
	background: -o-linear-gradient(top, #ffffff, #dddddd);
	background: -ms-linear-gradient(top, #ffffff, #dddddd);
	background: linear-gradient(top, #ffffff, #dddddd);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dddddd');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dddddd')";
	-pie-background: linear-gradient(top, #ffffff, #dddddd);
	behavior: url(PIE.htc);
}
#main #favoriteTabArea ul#favoriteMenu li.blank{
	float:right;
	width:150px;
	text-align:center;
	border:1px solid #d1d1d1;
	background:#ffffff;
	box-shadow:0 0 2px #cccccc inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -moz-linear-gradient(top, #ffffff, #dddddd);
	background: -o-linear-gradient(top, #ffffff, #dddddd);
	background: -ms-linear-gradient(top, #ffffff, #dddddd);
	background: linear-gradient(top, #ffffff, #dddddd);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dddddd');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dddddd')";
	-pie-background: linear-gradient(top, #ffffff, #dddddd);
	behavior: url(PIE.htc);
}
#main #favoriteTabArea ul#favoriteMenu li.menu:hover,
#main #favoriteTabArea ul#favoriteMenu li.blank:hover{
	background:#eeeeee;

}
#main #favoriteTabArea ul#favoriteMenu li.select{
	float:left;
	width:150px;
	text-align:center;
	margin-right:1px;
	border:1px solid #2a2a2a;
	border-bottom:0;
	background:#555555;
	box-shadow:0 0 2px #cccccc inset;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#333333));
	background: -moz-linear-gradient(top, #555555, #333333);
	background: -o-linear-gradient(top, #555555, #333333);
	background: -ms-linear-gradient(top, #555555, #333333);
	background: linear-gradient(top, #555555, #333333);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#555555', endColorstr='#333333');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#555555', endColorstr='#333333')";
	-pie-background: linear-gradient(top, #555555, #333333);
	behavior: url(PIE.htc);
}
#main #favoriteTabArea ul#favoriteMenu li.select:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#333333));
	background: -moz-linear-gradient(top, #555555, #333333);
	background: -o-linear-gradient(top, #555555, #333333);
	background: -ms-linear-gradient(top, #555555, #333333);
	background: linear-gradient(top, #555555, #333333);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#555555', endColorstr='#333333');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#555555', endColorstr='#333333')";
	-pie-background: linear-gradient(top, #555555, #333333);
	behavior: url(PIE.htc);
}
#main #favoriteTabArea ul#favoriteMenu li.menu a{
	display:block;
	text-decoration:none;
	color:#555555;
	font-size:80%;
	padding:5px 0;

}
#main #favoriteTabArea ul#favoriteMenu li.blank a{
	display:block;
	text-decoration:none;
	color:#555555;
	font-size:80%;
	padding:2px 0;
}
#main #favoriteTabArea ul#favoriteMenu li.select a{
	display:block;
	text-decoration:none;
	color:#ffffff;
	font-size:80%;
	padding:5px 0;

}

#main #reviewListArea ul.reviewArea li.reviewList form textarea.mymemo_text{
	border:1px solid #cccccc;
	width:738px;
	height:29px;
	resize:none;
	padding:10px;
	color:#555555;
}
#main #reviewListArea ul.reviewArea li.reviewList form .button{
	margin-right:10px;
	float:right;
	font-size:70%;
	cursor:pointer;
	color:#555555;
}
#main #reviewListArea ul.reviewArea li.reviewList form .button:hover{
	text-decoration:underline;
}

/********************************** マイページ｜マイレポートページ **********************************/
#main #reportListArea{
	margin-bottom:10px;
}

#main #reportListArea ul.reportArea a{
	text-decoration-color: black;
}
#main #reportListArea ul.reportArea a:hover{
	text-decoration: underline;
	text-decoration-color: black;
}
#main #reportListArea ul.reportArea li.reportList{
	padding:10px;
	position:relative;
	margin-bottom:10px;
	background:#ffffff;
}

#main #reportListArea ul.reportArea li.reportList h3{
	font-size:100%;
	overflow:hidden;
	float:left;
	margin-top:8px;
	margin-left:10px;
	color: black;
	width: 960px;
}
#main #reportListArea ul.reportArea li.reportList .reviewTitle {
	width: 950px;
	float: left;
	margin-left:10px;
	margin-bottom: 10px;
}
#main #reportListArea ul.reportArea li.reportList .reviewTitle .review_date{
	width: 860px;
	font-size: 12px;
	position:absolute;
	bottom:0%;
	right:0%;
	margin-right:5px;

}

#main #reportListArea ul.reportArea li.reportList .reviewTitle .favorite{
	height: 10px;
	width:140px;
	line-height: 0px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	margin-left:15px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:10px 0;
	color:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color:#e0e0e0;
	border:none;
	cursor:pointer;
}
#main #reportListArea ul.reportArea li.reportList .reviewTitle .favorite a{
	text-decoration:none;
}
#main #reportListArea ul.reportArea li.reportList .reviewTitle .favorite.add_favorite a{
	color: #595959;
}
#main #reportListArea ul.reportArea li.reportList .reviewTitle .favorite.remove_favorite{
	background:#e79d29;
	color: #fff;
}
#main #reportListArea ul.reportArea li.reportList .reviewTitle .favorite.remove_favorite a{
	color: #fff;
}

#main #reportListArea ul.reportArea li.reportList .reviewTitle .favorite.add_programfavorite a{
	color: #595959;
}
#main #reportListArea ul.reportArea li.reportList .reviewTitle .favorite.remove_programfavorite{
	background:#e79d29;
	color: #fff;
}
#main #reportListArea ul.reportArea li.reportList .reviewTitle .favorite.remove_programfavorite a{
	color: #fff;
}
#main #reportListArea ul.reportArea li.reportList .reviewTitle .favorite:hover{
	opacity: 0.8;
}

#main #reportListArea ul.reportArea li.reportList .reviewTitle .reviewLineArea .review{
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-size:90%;
}

#main #reportListArea ul.reportArea li.reportList h3 span.published_end{
	padding:2px 0px 0px 2px;
	color:#005eb0 !important;
  font-weight: bold;
  text-align: left;
}

#main #reportListArea ul.reportArea li.reportList img{
  padding-left: 4px;
	float:left;
}

#main #reportListArea ul.reportArea li.reportList ul.tag{
	margin-top:4px;
	margin-left:10px;
	_margin-left:5px;
	float:left;
}
#main #reportListArea ul.reportArea li.reportList ul.tag li{
	float:left;
	padding:2px;
	margin:2px 2px 0 0;
	font-size:60%;
	color:#111111;
	letter-spacing:1px;
}

#main #reportListArea ul.reportArea li.reportList span.duration{
	padding:2px;
	background:#ffffff;
	opacity:0.7;
	font-size:70%;
	position:absolute;
	top:12px;
	left:12px;
}

#main #reportListArea ul.reportArea h2 {
	height:25px;
	overflow:hidden;
	font-size:100%;
	background:#ffffff;
	padding:0px 10px 2px 10px;
	margin: 0;
	display:block;
	color: black;
}

#main #reportListArea ul.reportArea h2 a {
	text-decoration:none;
	color:#555555;
}
#main #reportListArea ul.reportArea h2 span.timestamp{
	height:16px;
  font-family: monospace;
	font-size:110%;
	padding-left: 10px;
}


#main #reportListArea ul.reportArea h2 a:hover{
	color:#ff6666;
}

#main #reportListArea ul.reportArea li.reportList .cancel{
	position: absolute;
	top: 10px;
	right: 10px;
}
#main #reportListArea ul.reportArea li.reportList .cancel a{
	color: #000000;
}

#main #reportListArea ul.reportArea li.reportList .reportTitle{
	float:left;
	margin-left:10px;
	width:760px;
	color:#555555;
	height:66px;
}

#main #reportListArea ul.reportArea li.reportList .reportTitle .reportName{
	border-bottom:1px dotted #cccccc;
	padding:0 10px;
}

#main #reportListArea ul.reportArea li.reportList .reportTitle .reportName p{
	font-size:70%;
}
#main #reportListArea ul.reportArea li.reportList .reportTitle .reportLineArea{
	height:36px;
	overflow:auto;
	padding:5px 10px;
}
#main #reportListArea ul.reportArea li.reportList .reportTitle .reportLineArea p.report{

}
#main #reportListArea ul.reportArea li.reportList .reportTitle .reportName p.alias{
	float:left;
}
#main #reportListArea ul.reportArea li.reportList .reportTitle .reportName p.report_date{
	float:right;
}


#main #reportListArea ul.reportArea li.notReport{
	border:1px solid #cccccc;
	margin:0 30px;
	padding:5px;
	color:#ff3333;
	font-size:80%;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

#main #reportListArea ul.reportArea li.reportList .button{
	margin-top:4px;
	margin-right:10px;
	float:right;
	font-size:70%;
	cursor:pointer;
	color:#555555;
}
#main #reportListArea ul.reportArea li.reportList .button:hover{
	text-decoration:underline;
}

/********************************** マイページ｜購入履歴 **********************************/

	#main #reportListArea ul.reportArea li.reportList img.paddingbottom {
		padding-bottom: 10px;
  	}

	h2 a.series-name-link {
		color: black !important;
		text-decoration: underline  !important;
	}

	h2 a.series-name-link:hover {
		color: black !important;
	}

	h3 a.program-name-link {
		color: black !important;
		text-decoration: none !important;
	}

	h3 a.program-name-link:hover {
		color: black !important;
		text-decoration: none !important;
	}

	#mainTopArea.viewingright {
  		position: relative;
	}

	.color555555 {
		color: #555555;
	}
	
	.colorAD0026 {
		color: #AD0026;
	}
	
	.auto-width {
  		width: auto !important;
	}

	/* リンクのスタイル */
	#reportListArea	.receipt-link {
    	color: #007bff;
    	text-decoration: underline;
    	cursor: pointer;
	}

	#reportListArea.receipt-link:hover {
    	text-decoration: none;
    	color: #0056b3;
	}

	/* モーダルのスタイル */
	#receiptModal,
	#errorPopup,
	#confirmPopup {
		display: none;
		position: fixed;
		z-index: 2;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.4);
	}

	#receiptModal .modal-content,
	#errorPopup .modal-content,
	#confirmPopup .modal-content {
		background-color: #fff;
		margin: 10% auto;
		padding: 20px;
		border: 1px solid #888;
		width: 90%;
		max-width: 500px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
		border-radius: 4px;
		text-align: left;
	}

	/* タイトル */
	#receiptModal .modal-title,
	#errorPopup .modal-title,
	#confirmPopup .modal-title {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 15px;
		color: black;
		text-align: center;
	}

	/* 一般テキスト */
	#receiptModal .modal-text,
	#confirmPopup .modal-text {
		font-size: 14px;
		margin-bottom: 5px;
		color: black;
		text-align: left;
	}

	/* 最終確認ポップアップの中央寄せ */
	#confirmPopup .modal-text-center {
		text-align: center;
	}

	/* エラーメッセージ（左寄せ） */
	#receiptModal .error-message,
	#errorPopup .error-message,
	#confirmPopup .error-message {
		font-size: 14px;
		color: black;
		margin-bottom: 15px;
		text-align: left;
	}

	/* 太字 */
	#receiptModal .modal-text-bold,
	#confirmPopup .modal-text-bold {
		font-weight: bold;
	}

	/* 入力欄 */
	#receiptModal .modal-input {
 		width: 100%;
  		padding: 10px;
  		margin: 5px 0 10px 0;
  		box-sizing: border-box;
  		font-size: 16px;
  		border: 1px solid #ccc; /* 境界線を追加 */
  		background-color: #fff; /* 背景色を白に */
	}

	/* ボタンのスタイル */
	#receiptModal .modal-btn,
	#confirmPopup .modal-btn {
		display: block;
		width: 100%;
		max-width: 250px;
		padding: 10px 20px;
		border-radius: 5px;
		font-size: 18px;
		cursor: pointer;
		text-align: center;
		margin: 10px auto;
	}

	/* 発行ボタン */
	#receiptModal .modal-btn.issue-btn {
		color: #AD0026;
		border: 2px solid #AD0026;
		background-color: white;
	}

	/* 最終確認ボタン */
	#confirmPopup .modal-btn.confirm-btn {
		background-color: #AD0026;
		color: white;
		border: none;
	}

	/* 戻るボタン */
	#receiptModal .back-btn,
	#errorPopup .back-btn,
	#confirmPopup .back-btn {
		color: blue;
		background: none;
		border: none;
		font-size: 16px;
		cursor: pointer;
		display: block;
		width: 100%;
		max-width: 250px;
		text-align: center;
		margin: 10px auto;
	}
	
	/* 契約情報のリンク（元は絶対配置） */
	#mainTopArea .contract-link {
		position: absolute;
		right: 20px;
		top: 20px;
	}

	/* オープンモーダルリンクの余白 */
	.openModalLink {
		margin-left: 10px;
	}

	/* モーダル内の横線 */
	.modal-hr {
		border: 2px solid #ccc;
	}


/********************************** マイページ｜購入履歴 **********************************/


/********************************** ジャンルページ **********************************/


#main .genreTvArea{
	margin:0 0 10px 0;
}

#main .genreTvArea .title{
	padding:20px;
	background:#ffffff;
	margin-bottom: 2px;
}

#main .genreTvArea a{
	color: #000000;
}

#main .genreTvArea .title h2{
	line-height:24px;
	border-bottom: 1px solid #cccccc;
	border-left: 5px solid #e40112;
	padding: 0 10px;
	min-width:150px;
	font-weight:normal;
}
#main .genreTvArea .title h2.left{
	float:left;
}
#main .genreTvArea .title span.right{
	float:right;
	font-size:80%;
}

#main .genreTvArea .genretv ul.genretv{
	overflow:hidden;
}
#main .genreTvArea .genretv ul.genretv li{
	position:relative;
	float:left;
	padding:8px;
	margin-bottom:2px;
	width:213px;
	margin-left:2px;
	background:#ffffff;
}
#main .genreTvArea .genretv ul.genretv li a{
	display:block;
}
#main .genreTvArea .genretv ul.genretv li:first-child{
	width:214px;
	margin-left:0px;
}
#main .genreTvArea .genretv ul.genretv li:nth-of-type(5){
	width:214px;
}
#main .genreTvArea .genretv ul.genretv li:nth-of-type(6){
	width:214px;
	margin-left:0px;
}
#main .genreTvArea .genretv ul.genretv li:nth-of-type(10){
	width:214px;
}
#main .genreTvArea .genretv ul.genretv li p.tvtitle{
	color:#525252;
	margin:10px 0 3px 0;
	height:40px;
	overflow:hidden;
	text-decoration:none;
}
#main .genreTvArea .genretv ul.genretv li p.tvtitle a{
	color:#111111;
	text-decoration:none;
}
#main .genreTvArea .genretv ul.genretv li p.tvtitle a:hover{
	color:#ff6666;
	text-decoration:none;
}
#main .genreTvArea .genretv ul.genretv li p.comment{
	height:40px;
	overflow:hidden;
	color:#a8a8a8;
}

#main .genreTvArea .genretv ul.genretv li .add_favorite{
	font-size:70%;
	border:1px solid #cccccc;
	padding:5px 10px;
	margin-top:5px;
	color:#555555;
	cursor:pointer;
	width:120px;
	margin-left:74px;
}

#main .genreTvArea .genretv ul.genretv li .add_favorite:hover{
	background:#e0e0e0;
}

#main .genreTvArea .genretv ul.genretv li .del_favorite{
	font-size:70%;
	border:1px solid #cccccc;
	padding:5px 10px;
	margin-top:5px;
	color:#555555;
	cursor:pointer;
	width:120px;
	margin-left:74px;
}

#main .genreTvArea .genretv ul.genretv li .del_favorite:hover{
	background:#e0e0e0;
}

#main .genreTvArea .genretv ul.genretv li ul.tag li{
	float:left;
	padding:2px;
	margin:2px 2px 0 0;
	font-size:60%;
	color:#111111;
	letter-spacing:1px;

}

#main .genreTvArea .genretv ul.genretv li a span.duration{
	padding:2px;
	background:#ffffff;
	opacity:0.7;
	font-size:70%;
	position:absolute;
	top:12px;
	left:12px;

}

#main .genreTvArea .genretv ul.genretv li span.duration_rank{
	padding:2px;
	background:#ffffff;
	opacity:0.7;
	font-size:70%;
	position:absolute;
	top:42px;
	left:12px;

}

#main .genreTvArea .genretv ul.genretv li.notMovie{
	border:1px solid #cccccc;
	margin:0 30px 10px 30px;
	padding:5px;
	color:#ff3333;
	font-size:80%;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 1085px;

}

#main .genreTvArea .link{
	padding:20px;
	background:#ffffff;
}
#main .genreTvArea .link span.right{
	float:right;
	font-size:20px;
}
#main .genreTvArea .link span.right a{
	color: blue;
}
/********************************** ランキングのみ **********************************/

#main .genreTvArea .genretv ul.genretv li .rank{
	border-bottom:1px solid #cccccc;
	margin:0 0 5px 0;
	line-height:175%;
	position:relative;
}
#main .genreTvArea .genretv ul.genretv li .rank span.rank_count{
	position:absolute;
	bottom:0;
	right:0;
}
#main .genreTvArea .genretv ul.genretv li .rank img.ranking1_3{
	float:left;
}

#main .rankingArea{
	padding:10px;
	margin:0 0 10px 0;
	margin-top: 10px;
	background:#ffffff;
}

#main .rankingArea #rankingGenreNewArea{
	float:left;
	margin-right:10px;
}
#main .rankingArea #rankingGenreArea{
	float:left;
	width:460px;
}

#main .rankingArea #rankingGenreNewArea h2,
#main .rankingArea #rankingGenreArea h2{
	padding:0 10px;
	border-left:5px solid #e40112;
	border-bottom:1px solid #cccccc;
	font-size: 150%;
}

#main .rankingArea #rankingGenreNewArea ul li.sumranking,
#main .rankingArea #rankingGenreArea ul li.sumranking{
	width:200px;
	border-bottom:2px dotted #cccccc;
	padding:5px 10px 0 10px;
	margin:0 5px;
}

#main .rankingArea #rankingGenreNewArea ul li.ranking,
#main .rankingArea #rankingGenreArea ul li.ranking{
	width:200px;
	border-bottom:2px dotted #cccccc;
	padding:5px 10px 0 10px;
	float:left;
	margin:0 5px;
}

#main .rankingArea #rankingGenreNewArea ul li.ranking:hover,
#main .rankingArea #rankingGenreArea ul li.ranking:hover,
#main .rankingArea #rankingGenreNewArea ul li.sumranking:hover,
#main .rankingArea #rankingGenreArea ul li.sumranking:hover{
	border-bottom:2px solid #ff6666;
	color:#ff6666;
}

#main .rankingArea #rankingGenreNewArea ul li.ranking a,
#main .rankingArea #rankingGenreArea ul li.ranking a,
#main .rankingArea #rankingGenreNewArea ul li.sumranking a,
#main .rankingArea #rankingGenreArea ul li.sumranking a{
	font-size:80%;
	text-decoration:none;
	color:#555555;
	display:block;
}

#main .rankingArea #rankingGenreNewArea ul li.selectRank,
#main .rankingArea #rankingGenreArea ul li.selectRank{
	border-bottom:2px solid #ff6666;
}

#main .rankingArea #rankingGenreNewArea ul li.selectRank:hover,
#main .rankingArea #rankingGenreArea ul li.selectRank:hover{
	border-bottom:2px solid #ff6666;
	color:#ff6666;
}

/********************************** 配信予定 **********************************/

#main #backNumberListArea{
	background:#ffffff;
	padding:10px;
	margin:2px 0 10px 0;
}

#main #backNumberListArea ul.backNumber h3{
	padding:5px 10px;
	margin-bottom:10px;
	background:#f0f0f0;
	border-left:5px solid #555555;
	color:#555555;
}

#main #backNumberListArea ul.backNumber li.backNumberList{
	border:1px solid #cccccc;
	border-bottom:2px dotted #cccccc;
	padding:10px;
}

#main #backNumberListArea ul.backNumber li.backNumberList ul.tag{
	margin-bottom:10px;
}

#main #backNumberListArea ul.backNumber li.backNumberList ul.tag li{
	float:left;
	padding:2px;
	margin:2px 2px 0 0;
	font-size:60%;
	color:#111111;
	letter-spacing:1px;

}
#main #backNumberListArea ul.backNumber li.backNumberList p.series_name a{
	color: #555555;
}
#main #backNumberListArea ul.backNumber li.backNumberList p.series_name a:hover{
	color: #ff6666;
}
#main #backNumberListArea ul.backNumber li.backNumberList p.program_name{
	font-size:90%;
}
#main #backNumberListArea ul.backNumber .instructor_area{
	border:1px solid #cccccc;
	border-top:0;
	padding:10px;
	margin-bottom:10px;
}
#main #backNumberListArea ul.backNumber .instructor_area span.start_end_date{
	font-size:70%;
}
#main #backNumberListArea ul.backNumber .instructor_area span.instructor{
	font-size:70%;
}
#main #backNumberListArea ul.backNumber .delivery{
	float:left;
	width:450px;
}
#main #backNumberListArea ul.backNumber .delivery li{
	padding:10px;
}


/********************************** 新規入会バナー **********************************/





/********************************** 利用規約 **********************************/
#main #termArea{
	background:#ffffff;
	padding:10px 15px 10px 10px;
	width:1130px;
	margin-bottom: 10px;
}
#main #termArea h3{
	font-size:100%;
	border-left:3px solid #ff6666;
	padding-left:10px;
}
#main #termArea img.termimg{
	float:right;
	margin:0 0 10px 10px;
}

#main #termArea p{
	margin-bottom:2em;
	font-size:80%;
}
#main #termArea ol li{
	font-size:80%;
	color:#555555;
}

#main #termArea ol{
	padding-left:2em;
	margin-bottom:2em;
}

#main #termArea li li{
	font-size:100%;
}

#main #termArea ol.list_parentheses{
	padding-left:1em;
	margin-bottom:1em;
}

#main #termArea ol.list_parentheses li{
	list-style-type:none;
	list-style-position:outside;
	counter-increment: cnt;
}

#main #termArea ol.list_parentheses li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
}

/********************************** 料金 **********************************/
#main #feeArea{
	background:#ffffff;
	padding:10px;
	margin-bottom: 8px;
}

#main #feeArea h3{
	font-size:18px;
	border-left:3px solid #ff6666;
	border-bottom:1px solid #ccc;
	padding-left:10px;
}

#main #feeArea .fee_otoku_contents,
#main #feeArea #fee_course_area{
	width:1100px;
	margin:10px auto;
}

#main #feeArea .fee_img{
	text-align:center;
	padding:20px 20px;
}

#main #feeArea .fee_kihon_text{
	padding:0 34px 15px 34px;
/*	font-size:13px; */
}

#main #feeArea #fee_course_area .fee_left_area,
#main #feeArea #fee_course_area .fee_right_area{
	width:390px;
	padding:15px 10px;
	margin:0 15px;
 	float:left;
	border:#CCC thin solid;
}

#main #feeArea #fee_course_area .fee_course_about{
	text-align:center;
	padding-bottom:15px;
}

#main #feeArea #fee_course_area .fee_course_about_btn{
	text-align:center;
}

#main #feeArea #fee_course_area .consentbutton{
	margin-left: 15px;
	float: left;
	height: 40px;
	width: 310px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 10px 0 10px;
	color: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color: #ad0026;
}
#main #feeArea #fee_course_area .consentbutton:hover{
	opacity: 0.8;
}
#main #feeArea #fee_course_area .consentbutton .cource{
	display: contents;
	font-size: 15px;
}
#main #feeArea #fee_course_area .consentbutton a{
	color:#fff;
	text-decoration: none;
}

#main #feeArea ul{
	padding:0 34px 15px 34px;
	width:832px;
}

#main #feeArea li{
	font-size:100%;
	list-style-type:disc;
	list-style-position:inside;
}

/********************************** ログイン **********************************/
#main .loginArea{
	background:#ffffff;
	padding:10px;
/*	height:480px; */
	margin-bottom:10px;
}
#main .loginArea .aHeights{
	float:left;
/*	width:320px; */
/*	width:480px; */
	margin-right:14px;
}
#main .loginArea .loginRightArea{
	float:left;
}
#main .loginArea .aHeights .login_message{
	width:500px;
	padding:5px 10px;
	background:#000000;
	color:#ffffff;
}
#main .loginArea .loginRightArea .login_message{
	width:581px;
	padding:5px 10px;
	background:#000000;
	color:#ffffff;
}
#main .loginArea .loginRightArea .formSec{
	padding:30px 10px 10px 30px;
	color:#555555;
	background:#ffffff;
	border:1px solid #cccccc;
	border-top:0;
}
#main .loginArea .loginRightArea .formSec .char_red{
	color:#ff0000;
}
#main .loginArea .loginRightArea .formSec .login_img{
	margin-top:20px;
}

#main .loginArea .aHeights .formSec{
	padding:30px 10px 10px 30px;
	color:#555555;
	background:#ffffff;
	border:1px solid #cccccc;
	border-top:0;
}

#main .loginArea .aHeights .formSec dt{
	font-size:100%;
}
#main .loginArea .aHeights .formSec form{
	margin-left:30px;
	margin-right:30px;
}

#main .loginArea .aHeights .formSec form input#edit-name{
	width:300px;
	padding:5px 10px;
	margin-bottom:10px;

	box-shadow:0 0 2px #cccccc inset;
}
#main .loginArea .aHeights .formSec form input#edit-pass{
	width:300px;
	padding:5px 10px;
	margin-bottom:20px;

	box-shadow:0 0 2px #cccccc inset;
}
#main .loginArea .aHeights .formSec form input#edit-long_f{
	vertical-align:middle;
	margin:-1px 5px 0 0;
}
#main .loginArea .aHeights .formSec form input#edit-submit{
	margin:10px 0 10px 40px;
	padding:5px 10px;
	width:160px;
	background:#ffffff;
	box-shadow:0 0 2px #cccccc inset;
	border:1px solid #d1d1d1;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -moz-linear-gradient(top, #ffffff, #dddddd);
	background: -o-linear-gradient(top, #ffffff, #dddddd);
	background: -ms-linear-gradient(top, #ffffff, #dddddd);
	background: linear-gradient(top, #ffffff, #dddddd);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dddddd');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dddddd')";
	-pie-background: linear-gradient(top, #ffffff, #dddddd);
	behavior: url(PIE.htc);
	cursor: pointer;
}
#main .loginArea .aHeights .formSec form input#loginSubmit:hover{
	background:#eeeeee;
}

#main .loginArea .aHeights .formSec p{
	font-size: 70%;
	padding-left: 15px;
}

#main .loginArea .aHeights .formSec .omit{
	margin-left:40px;
	padding-bottom:5px;
}

#main .loginArea .aHeights .formSec .forget{
	margin-left:40px;
	padding-bottom:5px;
}

#main .loginArea .aHeights .formSec p.logout a{
	color:#555555;
	text-decoration:none;
}
#main .loginArea .aHeights .formSec p.logout a:hover{
	color:#ff6666;
}

#main .loginArea .aHeights .formSec p.forget a{
	text-align:center;
	color:#555555;
	text-decoration:none;
}
#main .loginArea .aHeights .formSec p.forget a:hover{
	color:#ff6666;
}

#main .errorMessage{
	background:#ffffff;
	padding:10px;
	margin-bottom:10px;
	font-size:100%;
}

/********************************** エラーページ **********************************/
#main .errorArea{
	padding:10px;
	background:#ffffff;
	margin-bottom: 10px;
}
#main .errorArea p.link{
	width:250px;
	margin-top:20px;
	border:1px solid #d1d1d1;
	text-align:center;
	background:#ffffff;

	box-shadow:0 0 2px #cccccc inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -moz-linear-gradient(top, #ffffff, #dddddd);
	background: -o-linear-gradient(top, #ffffff, #dddddd);
	background: -ms-linear-gradient(top, #ffffff, #dddddd);
	background: linear-gradient(top, #ffffff, #dddddd);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dddddd');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dddddd')";
	-pie-background: linear-gradient(top, #ffffff, #dddddd);
	behavior: url(PIE.htc);
}

#main .errorArea p.link a{
	display:block;
	padding:5px 0;
	text-decoration:none;
}


/********************************** ログイン後ページ **********************************/

/********************************** アンケート要項 **********************************/
#main #survey_mainpointArea{
	background:#ffffff;
	padding:10px;
	margin-bottom:10px;
}

#main #survey_mainpointArea h3{
	font-size:100%;
	padding:6px 6px 6px 10px;
	color:#000;
	background-color:#EEE;
	border-left:#666 solid 5px;
}

#main #survey_mainpointArea h4{
	font-size:14px;
	font-weight:bold;
	color:#000;
	padding:5px 0 3px 0;
	line-height:1.4em;
}

#main #survey_mainpointArea .survey_mainpoint_contents{
	width:1095px;
	margin:20px;
}

#main #survey_mainpointArea .survey_mainpoint_contents .survey_mainpoint_contents_left,
#main #survey_mainpointArea .survey_mainpoint_contents .survey_mainpoint_contents_right{
	width:995px;
	margin:10px 0px 10px 30px;
	padding:10px 0px 10px 30px;
	border:#EEE thin solid;
}

#main #survey_mainpointArea .survey_mainpoint_contents td{
	padding-right:7px;
	font-size:15px;
	font-weight:bold;
}

#main #survey_mainpointArea .survey_mainpoint_contents .survey_mainpoint_contents_left .survey_mainpoint_contents_img,
#main #survey_mainpointArea .survey_mainpoint_contents .survey_mainpoint_contents_right .survey_mainpoint_contents_img{
	width:110px;
	margin:15px 5px 5px 5px;
	float:left;
}

#main #survey_mainpointArea .survey_mainpoint_contents .survey_mainpoint_contents_left .survey_mainpoint_contents_text,
#main #survey_mainpointArea .survey_mainpoint_contents .survey_mainpoint_contents_right .survey_mainpoint_contents_text{
	width:610px;
	margin:15px 0px 5px 15px;
	float:left;

}

#main #survey_mainpointArea .survey_mainpoint_contents p.deadline{
	font-size:14px;
	color:#F00;
	font-weight:bold;
}

#main #survey_mainpointArea .survey_mainpoint_contents .shuroku_contents{
	width:630px;
	padding:0px 0px 5px 8px;
}

#main #survey_mainpointArea .survey_mainpoint_contents .shuroku_contents p.survey_bangumi{
	font-size:9px;
}

#main #survey_mainpointArea .survey_mainpoint_contents p.shinkan_title{
	padding-bottom:10px;
	font-size:12px;
	font-weight:bold;
	line-height:1.2em;
}

#main #survey_mainpointArea .survey_mainpoint_contents p.shuroku_naiyou{
	font-size:14px;
}


#main #survey_mainpointArea .survey_mainpoint_contents p.hassou{
	clear:both;
	padding-top:10px;
}

#main #survey_mainpointArea .survey_mainpoint_contents a{
	color:blue;
}

#main #survey_mainpointArea p.survey_buttom{
	clear:both;
	text-align:center;
	padding:20px 0 20px 0;
}

#main #survey_mainpointArea p.survey_buttom a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}
#main .survey_contentsArea {
	background: #ffffff;
	padding: 20px;
	margin-bottom: 10px;
}

#main .survey_contentsArea h3{
	color: #000;font-size: 18px;
	border-left: 3px solid #ff6666;
	padding-left: 10px;
	border-bottom: #CCC solid thin;
}

#main .survey_contentsArea .contents{
	padding: 20px 10px 0px;
}

#main .survey_contentsArea .contents .seriestitle{
	padding: 5px;
	overflow: hidden;
	font-size: 110%;
}

#main .survey_contentsArea .contents .seriestitle a{
	text-decoration: underline;
	font-weight: bold;
}
#main .survey_contentsArea .contents .seriestitle a:hover{
	color: rgb(255,102,102);
}

#main .survey_contentsArea .contents ul{
	list-style-position: inside;
	width: 995px;
}

#main .survey_contentsArea .contents li{
	list-style-type: initial;
	padding: 0.5em 0 0.5em 2em;
	text-indent: -1em;
}

#main .survey_contentsArea .contents.results{
	padding: 5px 5px 5px;
    margin-top: -10px;
    margin-bottom: 20px;
}
#main .survey_contentsArea .contents.results a{
	color:blue;
}
#main .survey_contentsArea .contents.results a:hover{
	font-weight: bold;
}

#main .survey_contentsArea .contents.results ul{
	list-style-position: inside;
}
#main .survey_contentsArea .contents.results li{
	float: left;
	list-style-type: none;
	text-indent: -1em;
}

#main .survey_contentsArea .contents.editorcomment a{
	color:blue;
}

/********************************** プレミアム **********************************/
#main #premiumArea {
    background: #ffffff;
    padding: 10px;
    margin-bottom: 8px;
    font-size: 17px;
    color: #555555;
}
#main #premiumArea .premiumArea_content{
	padding:10px;
	width:1115px;
}
#main #premiumArea p.premiumArea_img{
	text-align: center;
}
#main #premiumArea div.premiumArea_content_text{
	margin:15px;
	font-size:17px;
}
#premiumArea span.font_150{
	font-size:150%;
}
#premiumArea div.content_left{
	float: left;
	width: 680px;
}
#premiumArea div.content_right{
	float: right;
	width: 365px;
}
#premiumArea p.mt10{
	margin-top: 10px;
}

#premiumArea p.mt40{
	margin-top: 40px;
}
#premiumArea p.text2{
	margin-top: 1.2em;
}
#main #premiumArea #premium_course_area{
	width:880px;
	margin:40px auto;
	text-align: center;
}
#main #premiumArea #premium_course_area .consentbutton{
	margin: 0 auto;
	height: 40px;
	width: 310px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 10px 0 10px;
	color: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color: #ad0026;
	border-radius: 10px;
}
#main #premiumArea #premium_course_area .consentbutton:hover{
	opacity: 0.8;
}
#main #premiumArea #premium_course_area .consentbutton .cource{
	display: inline-block;
	font-size: 15px;
}
#main #premiumArea #premium_course_area a{
	color:#fff;
	text-decoration: none;
}
#main #premiumArea #premium_course_area .notes{
	font-size:80%;
}
#main #premiumArea div.premiumArea_content_text ul li{
	padding: 4px 0 15px 30px;
	background: url(/common/img/231.png) no-repeat left .4em;
}

/********************************** 初めての方へ **********************************/

#main #aboutArea{
	background:#ffffff;
	padding:10px;
	margin-bottom: 8px;
}

#main #aboutArea .aboutArea_content{
	padding:10px;
	width:1115px;
}

#main #aboutArea h2#top_main_center{
	font-size:26px;
	color:#ff6666;
	text-align:center;
	padding-top:20px;
}

#main #aboutArea p.aboutArea_img{
	text-align:center;
	padding-top:30px;
}

#main #aboutArea h3.about_midashi_title{
	color:#000;
	font-size:18px;
	border-left:3px solid #ff6666;
	padding-left:10px;
	border-bottom:#CCC solid thin;
}

#main #aboutArea h4#top_center{
	font-size:16px;
	color:#666;
	text-align:center;
	padding-bottom:30px;
}

#main #aboutArea div.aboutArea_container {
	display: flex;
}
#main #aboutArea div.aboutArea_container .drList{
	flex-direction: row;
	display: flex;
	width: 355px;
}

#main #aboutArea div.aboutArea_container .drList .instructorlink{
	color: #555555;
}

#main #aboutArea div.aboutArea_container .drList:nth-child(2){
	margin-left: 15px;
	margin-right:15px;
}
#main #aboutArea div.aboutArea_container .drList p:last-of-type{
	line-height: 1em;
	padding: 1em;
	width: 230px;
}
#main #aboutArea div.aboutArea_container .feeList{
	flex-direction: column;
	display: flex;
	width: 680px;
}
#main #aboutArea div.aboutArea_container .feeList:nth-child(2){
	width: 360px;
	padding-top: 13px;
	margin: 25px 0 0 25px;
}

#main #aboutArea div.aboutArea_content_text{
	margin:15px;
	font-size:17px;
}

#main #aboutArea div.aboutArea_content_text ul.pre_fee li{
	padding: 4px 0 15px 30px;
	background: url(/common/img/231.png) no-repeat left .4em;
}

#main #aboutArea #aboutArea_3point_nav{
	width:866px;
	margin:20px 20px 0 20px;
}

#main #aboutArea #aboutArea_3point_nav ul{
	height:40px;
}

#main #aboutArea #aboutArea_3point_nav li a,
#main #aboutArea #aboutArea_3point_nav li a:visited{
	display:block;
	width:286px;
	float:left;
	padding:15px 0;
	text-align:center;
	text-decoration:none;
	color:#fff;
	-weblit-border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	-ms-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
    background-image: -moz-linear-gradient(top, #FCC 0%, #C50 50%, #C30 50%, #C50 100%);
    background-image: -ms-linear-gradient(top, #FCC 0%, #C50 50%, #C30 50%, #C50 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FCC), color-stop(0.50, #C50), color-stop(0.50, #C30), color-stop(1, #C50));
	border:thin #fff solid;
	text-shadow:0 1px 0 #999;
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			   -1px 0px 0px rgba(225,225,225,0.3) inset,
				0px 1px 1px rgba(0,0,0,0.1) inset,
				0px -1px 1px rgba(0,0,0,0.3) inset,
				0px 1px 3px #666;
	behavior:url(PIE.htc);
}

#main #aboutArea #aboutArea_3point_nav a:hover{
	display:block;
	width:286px;
	float:left;
	padding:15px 0;
	text-align:center;
	text-decoration:none;
	color:#C30;
	-weblit-border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	-ms-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
    background-image: -moz-linear-gradient(top, #FFF 0%, #EEE 50%, #DDD 50%, #EEE 100%);
    background-image: -ms-linear-gradient(top, #FFF 0%, #EEE 50%, #DDD 50%, #EEE 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(0.50, #EEE), color-stop(0.50, #DDD), color-stop(1, #EEE));
	border:thin #fff solid;
	text-shadow:0 1px 0 #999;
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			   -1px 0px 0px rgba(225,225,225,0.3) inset,
				0px 1px 1px rgba(0,0,0,0.1) inset,
				0px -1px 1px rgba(0,0,0,0.3) inset,
				0px 1px 3px #666;
	behavior:url(PIE.htc);
}

#main #aboutArea #aboutArea_3point{
	width:802px;
	border:#EEE thin solid;
	padding:30px;
	margin:0 20px 30px 20px;
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			   -1px 0px 0px rgba(225,225,225,0.3) inset,
				0px 1px 1px rgba(0,0,0,0.1) inset,
				0px -1px 1px rgba(0,0,0,0.3) inset,
				0px 1px 3px #666;
}

#main #aboutArea #aboutArea_3point .aboutArea_3point_content{
	width:796px;
	margin-bottom:60px;

}

#main #aboutArea #aboutArea_3point .aboutArea_content_img{
	width:750px;
	margin:0 auto;
	padding:0 20px 20px 20px;
}

#main #aboutArea #aboutArea_3point .aboutArea_imgArea{
	width:238px;
	padding:10px 5px;
	float:left;
}

#main #aboutArea #aboutArea_3point .aboutArea_img_text{
	padding:8px;
	font-size:70%;
	color:#666;

}

#main #aboutArea #aboutArea_3point table{
	width:700px;
	margin:20px auto;
	font-size:12px;
	border-spacing:0px;
	border-top:#C30 thin solid;
	border-left:#C30 thin solid;
}


#main #aboutArea #aboutArea_3point th{
	border-right:#FFF thin solid;
	border-bottom:#FFF thin solid;
	padding:15px;
	font-size:14px;
	background:#C30;
	color:#FFF;
	text-align:left;
	margin:0px;

}

#main #aboutArea #aboutArea_3point td{
	padding:15px;
	margin:0px;
	border-right:#C30 thin solid;
	border-bottom:#C30 thin solid;

}

#main #aboutArea div.feebox{
	border: 1px solid #00bfa2;
	padding: 10px;
}
#main #aboutArea p.alignR{
	text-align: right;
}
#main #aboutArea div.m15{
	margin: 15px;
}

/*********************** 推奨環境 ******************************/
#main #aboutArea #noticeArea {
	color:#555555;
}

#main #aboutArea ul{
	list-style-type: none;
}

#main #aboutArea li.notice {
	padding-left: 1em;
	text-indent: -1em;
}

/*********************** 特定商取引法に基づく表示 ******************************/
#main #tokushohoArea{
	background:#ffffff;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
}

#main #tokushohoArea .tokushohoArea_content{
	padding:20px 10px 0px 10px;
	margin:0px 10px 30px 0px;
	border:#DDD thin solid;
	width:1108px;
	color:#666;
}

#main #tokushohoArea h3{
	color:#000;
	font-size:18px;
	border-left:3px solid #ff6666;
	padding-left:10px;
	border-bottom:#CCC solid thin;
}

#main #tokushohoArea p.tokushohoArea_title_text{
	padding:10px 10px 20px 10px;
	line-height:1.6em;
	color:#666;
}


/********************************** ご利用ガイド-改修版- **********************************/

/******		ナビゲーション		******/
#main .guidetag_nav{
	background:#fff;
	height:49px;
	padding:10px 10px 0 10px;
}


#main .guidetag_nav ul{
}

#main .guidetag_nav li.guide_this_page{
/*	width:308px; */
	width:33%;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	color:#C30;
	background:#fff;
	border:#DDD  thin solid;
	padding:10px 0;
	-webkit-border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	-ms-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
	 behavior :utl(PIE.htc);
	float:left;
}


#main .guidetag_nav li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
/*	width:308px; */
	width:33%;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	color:#fff;
	border:#DDD thin solid;
	padding:10px 0;
	-webkit-border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	-ms-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
	background: -webkit-gradient(linear, left top,left bottom, from(#fff),
	 to(#C30));
	  background:-moz-linear-gradient(top,#C30,#fff);
	  background:-o-linear-gradient(top,#C30,#fff);
	  background:-ms-linear-gradient(top,#C30,#fff);
	  background:linear-gradient(top,#C30,#fff);
	 -pie- background:linear-gradient(top,#C30,#fff);
	 behavior :utl(PIE.htc);
	float:left;
}

#main .guidetag_nav li a:link,
#main .guidetag_nav li a:visited{
/*	width:308px; */
	width:33%;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	color:#fff;
	border:#DDD thin solid;
	padding:10px 0;
	-webkit-border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	-ms-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
	background: -webkit-gradient(linear, left top,left bottom, from(#fff),
	 to(#C30));
	  background:-moz-linear-gradient(top,#C30,#fff);
	  background:-o-linear-gradient(top,#C30,#fff);
	  background:-ms-linear-gradient(top,#C30,#fff);
	  background:linear-gradient(top,#C30,#fff);
	 -pie- background:linear-gradient(top,#C30,#fff);
	 behavior :utl(PIE.htc);
	float:left;
}


/******		共通コンテンツ		******/
#main #guideArea{
	background:#ffffff;
	padding:0px 10px 10px 10px;
	margin-bottom: 8px;
}

#main #guideArea .guideArea_content{
	padding: 20px 20px 0px 20px;
	margin: 0px 10px 30px 0px;
	border: #DDD thin solid;
	width: 1088px;
	color: #666;
}

#main #guideArea h3{
	color:#000;
	font-size:18px;
	border-left:3px solid #ff6666;
	padding-left:10px;
	border-bottom:#CCC solid thin;
}

#main #guideArea p.guideArea_title_text{
	padding:10px 10px 20px 10px;
	line-height:1.6em;
	color:#666;
}

#main #guideArea h4.downloadguide_subtitle{
	font-size:95%;
	padding:20px 0 10px 0px;
	color:#666;
}

/******		サイトの見方		******/
#main #guideArea .guideArea_siteguide_content{
	width: 1010px;
	margin: 10px 40px 10px 40px;
	padding-bottom:20px;
}

#main #guideArea .searchguide_text{
	padding:10px;
	line-height:1.4em;
	color:#666;
}

#main #guideArea .guideArea_siteguide_content_left{
	width:393px;
    float:left;
}

#main #guideArea .guideArea_siteguide_content_right{
	width:400px;
	margin-left:25px;
    float:left;
}

#main #guideArea .guideArea_siteguide_mypage_content_left{
	width:430px;
    float:left;
}

#main #guideArea .guideArea_siteguide_mypage_content_right{
	width:410px;
	margin-left:25px;
    float:left;
}

#main .mypagepagenationarea{
	background-color: #ffffff;
	padding: 5px;
	height: 35px;
	margin: 5px 0px;
}

#main .mypagepagenationareadummy{
	height: 5px;
}

/******		番組ガイド		******/
#main #guideArea dl{
/*	font-size:70%; */
}

#main #guideArea dt{
/*	font-size:13px; */
	padding:8px auto;
	color:#ff6666;
}

#main #guideArea dt.search_content_b_title{
	font-size:12px;
	font-weight:bold;
	padding:0px 0 0px 5px;
	color:#666;
}

#main #guideArea  dd.search_content_b_text{
	padding-left:5px;
}

#main #guideArea dd{
	padding-bottom:10px;
}

#main #guideArea .coloroff{
	color:#666;
}

#main #guideArea .searchguide_text{
	padding:10px
	line-height:1.4em;
}

#main #guideArea .search_content_left{
	width:430px;
	margin:0 20px 0 30px;
    float:left;
}

#main #guideArea .search_content_right{
	width:380px;
    float:left;
}

#main #guideArea .siteguide_img{
	padding-bottom:10px;
	text-align: center;
}

/*     動画視聴ボタン　　*/

#main #guideArea .guideArea_movie{
	margin:10px 0px 40px 10px;
}

#main #guideArea .guideArea_movie p.guideArea_movie_buttom{
	padding:15px 30px;
	color:#fff;
	font-size:14px;
}


/******		ダウンロードマニュアルページ	******/

/*****  トップ　*****/
#main #guideArea #app_download{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:center;
}

#main #guideArea #stepArea_cases_device{
/*	width:584px; */
/*	height:371px; */
	margin:10px 183px 30px 183px;
}

#main #guideArea #stepArea_cases_device a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

#main #guideArea #stepArea_cases_device .download_device{
    width:222px;
	margin:30px 0;
	padding:0 30px;
	float:left;
	display:block;
}

/*****  ダウンロード下層ページ　*****/

#main #guideArea h4 span.download_step_number{
	font-weight:bold;
	color:#000;
}

#main #guideArea h4.siteguide_subtitle,
#main #guideArea h4.download_step_title{
/*	font-size:90%; */
	padding:6px 0px 6px 15px;
	color:#000;
	background-color:#EEE;
	border-left:#666 solid 5px;
}

#main #guideArea h4.download_step_number{
	font-size:14px;
	font-weight:bold;
	color:#666;
	padding:0px 0 3px 0;
	line-height:1.4em;
}


/*****  ステップリンク　*****/
#main #guideArea .stepArea_link{
	width:1010px;
	margin:5px 0px 40px 20px;
	padding:10px;
	border:#666 dotted thin;
}

#main #guideArea .stepArea_link .download_step_link,
#main #guideArea .stepArea_link .download_step_link a:link,
#main #guideArea .stepArea_link .download_step_link a:visited{
	font-size:12px;
	font-weight:normal;
	padding:6px 0px 6px 10px;
	text-decoration:none;
	color:#000;
}

#main #guideArea .stepArea_link .download_step_link a:hover{
	font-size:12px;
	font-weight:normal;
	padding:6px 0px 6px 10px;
	text-decoration:underline;
	color:#000;
}

/*****  ステップ１　*****/

#main #guideArea #stepArea_cases h5.download_caution_title{
	font-size:70%;
	color:#333;
	padding:5px 0 3px 0;
	text-decoration:underline;
	line-height:1.4em;
}

#main #guideArea #stepArea_cases{
	width:610px;
	height:340px;
	margin:20px auto;
}
#main #guideArea div.download_content_first{
    width:212px;
	margin:15px 0;
	padding:0 40px;
	float:left;
	display:block;
}

#main #guideArea #stepArea_cases p.download_right_arrow{
	float:left;
	padding-top:70px;

}

/*****  ステップ２以降　*****/

#main #guideArea .stepArea{
/*	width:890px; */
	width:980px;
	margin:30px auto;
}

#main #guideArea .download_content{
    width:258px;
	height:320px;
	margin:10px 0px 8px 20px;
	float:left;
	display:block;
}

#main #guideArea .download_content_tablet{
    width:258px;
	height:450px;
	margin:10px 0px 8px 30px;
	float:left;
	display:block;
}

#main #guideArea .download_content3{
    width:220px;
/*	margin:10px 0px 10px 25px; */
	margin:10px 0px 10px 20px;
	float:left;
	display:block;
}

#main #guideArea .download_content3_text{
    width:180px;
	margin:10px 0px 0px 10px;
	float:left;
	display:block;
}

#main #guideArea p.download_text{
	width:215px;
	height:90px;
	padding:8px 0px 10px 0px;
	line-height:1.4em;
	font-size:70%;
}

#main #guideArea p.download_text1{
    width:205px;
	height:90px;
	margin:auto 0;
	padding:8px 10px 10px 10px;
	line-height:1.4em;
	font-size:70%;
}

#main #guideArea dl.download_content3_explanation{
	width:165px;
	padding-top:40px;
	padding-left:5px;
}

#main #guideArea dt.download_text_title{
	color:#C30;
	font-size:13px;
}

#main #guideArea dd.download_text_step3{
	font-size:70%;
	padding-bottom:10px;
}

#main #guideArea p.download_other_device{
	text-align:right;
	font-size:100%;
}

#main #guideArea p.download_other_device a:link{
	text-decoration:none;
}

#main #guideArea p.download_other_device a:hover{
	color:#C90;
	text-decoration:none;
}

#main #guideArea p.download_img img{
	width:100%;
	height:100%;
	border: 1px solid;
}

/************		ダウンロードマニュアル不具合対処法ページ	************/


/********************************** プライマリケア連合学会・生涯教育Web講座、資料ダウンロード **********************************/
/********************************** 日本薬剤師研修センター **********************************/
#main #aboutNichiyaku{
	background:#ffffff;
	padding:10px 10px 40px 10px;
	margin-bottom:10px;
}
#main #aboutNichiyaku h4{
	width:1050px
}
#main #aboutNichiyaku a:link,
#main #aboutNichiyaku a:visited{
	color:#336633;
	text-decoration:none;
}
#main #aboutNichiyaku a:hover{
	color:#F30;
	text-decoration:underline;
}
#main #aboutNichiyaku h3{
	font-size:105%;
	border-left:3px solid #336633;
	border-bottom:#999 solid thin;
	padding-left:10px;
}
#main #aboutNichiyaku div.aboutNichiyaku_series{
	width:1000px;
	margin:10px auto;
	padding-bottom:20px;
}
#main #aboutNichiyaku div.aboutNichiyaku_series > p{
	padding:10px 0 0 15px;
	font-size:12px;
}
#main #aboutNichiyaku div.aboutNichiyaku_series p.aboutNichiyaku_seriesTitle{
	font-size:15px;
	border-bottom:#336633 2px solid;
	padding-top:10px;
	color:#000;
}

#main #aboutNichiyaku span.haishin_kikan{
	color:#F60;
	font-size:13px;
}
#main #aboutNichiyaku span.nichiyaku_view,
#main #aboutNichiyaku span.nichiyaku_view a:link,
#main #aboutNichiyaku span.nichiyaku_view a:hover,
#main #aboutNichiyaku span.nichiyaku_view a:visited{
	padding:2px;
	font-size:14px;
	color:#fff;
	background:#336633;
	border-radius:3px;
}
#main #aboutNichiyaku li.aboutNichiyaku_programTitle,
#main #aboutNichiyaku p.aboutNichiyaku_programTitle{
	display:inline-block;
	line-height:14px;
	font-size:13px;
	font-weight:bold;
	color:#F30;
}
#main #aboutNichiyaku ul.aboutNichiyaku_series{
	width:700px;
	margin:10px auto;
}
#main #aboutNichiyaku div.aboutNichiyaku_program{
	width:800px;
	margin:10px auto;
}
#main #aboutNichiyaku div.aboutNichiyaku_program p.caution{
	float:right;
	padding-top:15px;
}
#main #aboutNichiyaku li.Nichiyaku_title{
	line-height:1.7;
	font-size:14px;
}
#main #aboutNichiyaku p.aboutNichiyaku_programTitle span.aboutNichiyaku_programTitle_hosoku{
	font-size:10px;
}
/* スケジュール　*/
#main #aboutNichiyaku table.aboutNichiyaku_schedule{
	width:860px;
	margin:20px auto;
	border:#336633 3px solid;
	font-size:12px;
	border-collapse: collapse;
	border-spacing: 0;
}
#main #aboutNichiyaku th{
	border-bottom:#336633 3px solid;
	border-right:#336633 2px solid;
	text-align:center;
	padding:5px 0;
}
#main #aboutNichiyaku td.nichiyaku_series{
	padding:2px 5px;
	text-align:left;
	border-right:#336633 2px solid;
	color:#666;
}
#main #aboutNichiyaku td.nichiyaku_series_underline{
	border-bottom:#336633 2px solid;
	padding:2px 5px;
	text-align:left;
	border-right:#336633 2px solid;
	color:#666;
}
#main #aboutNichiyaku td.nichiyaku_month{
	width:30px;
	padding:3px;
	text-align:center;
	border-right:#ccc 1px solid;
	border-bottom:#336633 3px solid;
	background:#336633;
	color:#fff;
}
#main #aboutNichiyaku td.nichiyaku_month_last{
	width:30px;
	padding:3px;
	text-align:center;
	border-right:#ccc 1px solid;
	border-bottom:#336633 3px solid;
	background:#999;
	color:#fff;

}
#main #aboutNichiyaku td.category{
	border-right:#ccc 1px solid;
	border-bottom:#ccc 2px solid;
	padding:7px;
	background:#336633;
	color:#fff;

	}
#main #aboutNichiyaku td{
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	padding:5px 3px;
}

#main #aboutNichiyaku td.haishin{
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	text-align:center;
	font-size:16px;
	color:#666;
	background:#FFFEE6;
}
#main #aboutNichiyaku td.underline{
	border-right:#ccc 1px solid;
	border-bottom:#336633 2px solid;
}
#main #aboutNichiyaku td.haishin_underline{
	border-right:#ccc 1px solid;
	border-bottom:#336633 2px solid;
	text-align:center;
	font-size:16px;
	color:#666;
	background:#FFFEE6;
}
#main #aboutNichiyaku td.re_haishin{
	width:35px;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	text-align:center;
	font-size:11px;
	color:#666;
	background:#FFFEE6;
}

#main #aboutNichiyaku p#to_Nichiyaku,
#main #aboutNichiyaku p#to_Nichiyaku a:link,
#main #aboutNichiyaku p#to_Nichiyaku a:hover,
#main #aboutNichiyaku p#to_Nichiyaku a:visited{
	color:#fff;
	font-size:14px;
	float:right;
	padding:4px 6px;
	border-radius:4px;
	background:#336633;
}
/********************************** 正誤表ページ **********************************/

#main .errataArea{
	margin-top:10px;
	margin-bottom:8px;
}

#main .errataArea ul{
	background-color: white;
	padding: 20px;
}

#main .errataArea ul a{
	color: #000000;
}


/********************************** 共通 **********************************/

.title h2,#newsTitle h2,#facebookTitle h2{
	font-size: 150%;
	font-weight: bold;
}

.line{border-bottom:1px solid #d1d1d1;margin:5px 0;}
.none{display:none;}
#attention{width:100%;background:#666666;}
#attention p{font-size:70%;color:#ffffff;width:1120px;padding:5px;text-align:center;margin:0 auto;}
#pagetop{
	padding:23px 10px;
	font-size:80%;
	border:1px solid #555555;
	background:#aaaaaa;
	width:60px;
	height:34px;
	position:fixed;
	bottom:50px;
	right:50px;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	z-index:10;

	background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#777777));
	background: -moz-linear-gradient(top, #aaaaaa, #777777);
	background: -o-linear-gradient(top, #aaaaaa, #777777);
	background: -ms-linear-gradient(top, #aaaaaa, #777777);
	background: linear-gradient(top, #aaaaaa, #777777);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aaaaaa', endColorstr='#777777');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aaaaaa', endColorstr='#777777')";
	-pie-background: linear-gradient(top, #aaaaaa, #777777);
	behavior: url(PIE.htc);

	box-shadow:0 3px 10px #777777;
}

#pagetop:hover{
	background:#cccccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));
	background: -moz-linear-gradient(top, #cccccc, #999999);
	background: -o-linear-gradient(top, #cccccc, #999999);
	background: -ms-linear-gradient(top, #cccccc, #999999);
	background: linear-gradient(top, #cccccc, #999999);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cccccc', endColorstr='#999999');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cccccc', endColorstr='#999999')";
	-pie-background: linear-gradient(top, #cccccc, #999999);
	behavior: url(PIE.htc);
}

#pagetop span{
	color:#ffffff;
}

/* ページネーション */
.pageNation{
	float:right;
}
.pageNation a{
	display:inline-block;
	float:left;
	margin:3px;
	padding:2px 10px;
	text-decoration:none;
	border:1px solid #c6c6c6;
	color:#555;
	background:#f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e1e1e1));
	background: -moz-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: -o-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: -ms-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: linear-gradient(top, #f8f8f8, #e1e1e1);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#e1e1e1');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#e1e1e1)";
	-pie-background: linear-gradient(top, #f8f8f8, #e1e1e1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(PIE.htc);
}
.pageNation a:hover{
	color:#333;
	background:#eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background: -moz-linear-gradient(top, #eee, #ccc);
	background: -o-linear-gradient(top, #eee, #ccc);
	background: -ms-linear-gradient(top, #eee, #ccc);
	background: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eee', endColorstr='#ccc');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eee', endColorstr='#ccc)";
	-pie-background: linear-gradient(top, #eee, #ccc);
	behavior: url(PIE.htc);
}
.pageNation a.on{
	text-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #c6c6c6 inset;
	-moz-box-shadow: 0 1px 1px #c6c6c6 inset;
	box-shadow: 0 1px 1px #c6c6c6 inset;
	color:#333;
	background:#e1e1e1;
	-pie-background: #e1e1e1;
	behavior: url(PIE.htc);
}
.pageNation a.noclick{
	opacity:0.3;
	cursor:default;
}
.pageNation a.noclick:hover{
	display:inline-block;
	float:left;
	margin:3px;
	padding:2px 10px;
	text-decoration:none;
	border:1px solid #c6c6c6;
	color:#555;
	background:#f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e1e1e1));
	background: -moz-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: -o-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: -ms-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: linear-gradient(top, #f8f8f8, #e1e1e1);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#e1e1e1');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#e1e1e1)";
	-pie-background: linear-gradient(top, #f8f8f8, #e1e1e1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(PIE.htc);
}

#main .pageCountArea{
	background:#ffffff;
	padding:10px;
	margin-bottom:5px
}

#main .pageCountArea .app{
	float: left;
	margin: 6px;
}
#main .countArea{
	float:left;
	margin:0 3px;
}

#main .countArea .count{
	font-size:100%;
	color:#555555;

}

#main .countArea .count .sort{
	float:left;
}

#main .countArea .count .sort font{
	float:left;
	margin: 3px;
	padding: 2px 10px;
	color:black;
}

#main .countArea .count .sort a{
	font-size: 90%;
	display:inline-block;
	float:left;
	margin:3px;
	padding:2px 10px;
	text-decoration:none;
	border:1px solid #c6c6c6;
	color:#000000;
	background:#f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e1e1e1));
	background: -moz-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: -o-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: -ms-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: linear-gradient(top, #f8f8f8, #e1e1e1);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#e1e1e1');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#e1e1e1)";
	-pie-background: linear-gradient(top, #f8f8f8, #e1e1e1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(PIE.htc);
}
#main .countArea .count .sort a:hover{
	background:#eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background: -moz-linear-gradient(top, #eee, #ccc);
	background: -o-linear-gradient(top, #eee, #ccc);
	background: -ms-linear-gradient(top, #eee, #ccc);
	background: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eee', endColorstr='#ccc');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eee', endColorstr='#ccc)";
	-pie-background: linear-gradient(top, #eee, #ccc);
	behavior: url(PIE.htc);
}


#main .countArea .count .sort a.on{
	background:#ffa4a4;
	box-shadow:0 0 2px #cccccc inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa4a4), to(#df8484));
	background: -moz-linear-gradient(top, #ffa4a4, #df8484);
	background: -o-linear-gradient(top, #ffa4a4, #df8484);
	background: -ms-linear-gradient(top, #ffa4a4, #df8484);
	background: linear-gradient(top, #ffa4a4, #df8484);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa4a4', endColorstr='#df8484');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa4a4', endColorstr='#df8484')";
	-pie-background: linear-gradient(top, #ffa4a4, #df8484);
	behavior: url(PIE.htc);
}
#main .countArea .count .sort a.on:hover{
	background:#ffa4a4;
}

#main .countArea .count .sort a.noclick{
	opacity:0.3;
	cursor:default;
}
#main .countArea .count .sort a.noclick:hover{
	display:inline-block;
	float:left;
	margin:3px;
	padding:2px 10px;
	text-decoration:none;
	border:1px solid #c6c6c6;
	background:#f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e1e1e1));
	background: -moz-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: -o-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: -ms-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: linear-gradient(top, #f8f8f8, #e1e1e1);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#e1e1e1');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#e1e1e1)";
	-pie-background: linear-gradient(top, #f8f8f8, #e1e1e1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(PIE.htc);
}

#main .countArea .count .result{
	float:right;
	margin: 3px;
	padding: 2px 10px;
}

#main span.counter{
	color:#ff6600;
}

#main #line{
	border-bottom:1px dotted #d0d0d0;
	margin:6px 0 8px 0;
}

#main #sortArea{
	float:right;
	margin:0 3px;
}
#main #sortArea p.sort{
	font-size:80%;
	color:#555555;
}

span.bold{
	font-weight:bold;
}

span.colorff6666{
	color:#ff6666;
}

span.color333333{
	color:#333333;
}

span.color3333ff{
	color:#3333ff;
}

span.float_right{
	float:right;
}

span.font_250{
	font-size:250%;
}
span.font_80{
	font-size:80%;
}

li.inputJunle span.ui-btn-text{
	display:none;
}
li.inputJunle .ui-select .ui-btn{
	display:none;
}

.margin_top_10{
	margin-top:10px;
}

.margin_bottom_10{
	margin-bottom:10px;
}

.margin_bottom_50{
	margin-bottom:50px;
}

i{
	margin-right:5px;
}
i.icon-user-md{
	margin-right:10px;
}

/* footerの領域を確保する空要素 */
#body #space{padding-bottom:100px;}

.bk_fafafa{
	background:#fafafa;
}
.bk_f0f0f0{
	background:#f0f0f0;
}

/* 診療科目ボタン */
.specialty_buttons{
	float:left;
}
.specialty_buttons a{
  font-size: 80%;
	display:inline-block;
	float:left;
	margin:3px;
	padding:2px 10px;
	text-decoration:none;
	border:1px solid #c6c6c6;
	color:#555;
	background:#f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e1e1e1));
	background: -moz-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: -o-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: -ms-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: linear-gradient(top, #f8f8f8, #e1e1e1);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#e1e1e1');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#e1e1e1)";
	-pie-background: linear-gradient(top, #f8f8f8, #e1e1e1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(PIE.htc);
}
.specialty_buttons a:hover{
	color:#333;
	background:#eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background: -moz-linear-gradient(top, #eee, #ccc);
	background: -o-linear-gradient(top, #eee, #ccc);
	background: -ms-linear-gradient(top, #eee, #ccc);
	background: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eee', endColorstr='#ccc');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eee', endColorstr='#ccc)";
	-pie-background: linear-gradient(top, #eee, #ccc);
	behavior: url(PIE.htc);
}
.specialty_buttons a.on{
	background:#ffa4a4;
	color:#ffffff;
	box-shadow:0 0 2px #cccccc inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa4a4), to(#df8484));
	background: -moz-linear-gradient(top, #ffa4a4, #df8484);
	background: -o-linear-gradient(top, #ffa4a4, #df8484);
	background: -ms-linear-gradient(top, #ffa4a4, #df8484);
	background: linear-gradient(top, #ffa4a4, #df8484);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa4a4', endColorstr='#df8484');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa4a4', endColorstr='#df8484')";
	-pie-background: linear-gradient(top, #ffa4a4, #df8484);
	behavior: url(PIE.htc);
}
.specialty_buttons a.on:hover{
	background:#ffa4a4;
}

.specialty_buttons a.noclick{
	opacity:0.3;
	cursor:default;
}
.specialty_buttons a.noclick:hover{
	display:inline-block;
	float:left;
	margin:3px;
	padding:2px 10px;
	text-decoration:none;
	border:1px solid #c6c6c6;
	color:#555;
	background:#f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e1e1e1));
	background: -moz-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: -o-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: -ms-linear-gradient(top, #f8f8f8, #e1e1e1);
	background: linear-gradient(top, #f8f8f8, #e1e1e1);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#e1e1e1');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#e1e1e1)";
	-pie-background: linear-gradient(top, #f8f8f8, #e1e1e1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(PIE.htc);
}

/* 背景赤色ボタン */
.btn_back a,
input.btn_back{
    cursor: pointer;
    background: url("/common/img/btn_back.png") no-repeat scroll 0% 0% transparent;
    background-color: transparent;
    background-image: url("/common/img/btn_back.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    width: 138px;
    height: 41px;
    display: block;
    padding-left:20px;
    padding-right:20px;
    margin: 0px auto;
    margin-top: 0px;
    margin-right-value: auto;
    margin-bottom: 0px;
    margin-left-value: auto;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
    border: medium none;
    border-top-width: medium;
    border-right-width-value: medium;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: medium;
    border-left-width-value: medium;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: none;
    border-right-style-value: none;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: none;
    border-left-style-value: none;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: -moz-use-text-color;
    border-right-color-value: -moz-use-text-color;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: -moz-use-text-color;
    border-left-color-value: -moz-use-text-color;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
}

.btn_red305N a,
input.btn_red305N{
    cursor:pointer;
    background: url("/common/img/btn_red305N.png") no-repeat scroll 0% 0% transparent;
    background-color: transparent;
    background-image: url("/common/img/btn_red305N.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    width: 305px;
    height: 66px;
    display: block;
    color: #FFF;
    font-size: 180%;
    line-height: 66px;
    text-align: center;
    margin: 0px auto;
    margin-top: 0px;
    margin-right-value: auto;
    margin-bottom: 0px;
    margin-left-value: auto;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
    border: medium none;
    border-top-width: medium;
    border-right-width-value: medium;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: medium;
    border-left-width-value: medium;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: none;
    border-right-style-value: none;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: none;
    border-left-style-value: none;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: -moz-use-text-color;
    border-right-color-value: -moz-use-text-color;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: -moz-use-text-color;
    border-left-color-value: -moz-use-text-color;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
}
.btn_red305N a:hover,
input.btn_red305N:hover{
    background-position:0 -66px;
}

.btn_disable{
    background-color: #f0f0f0;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    height: 66px;
    display: block;
    font-size: 180%;
    line-height: 66px;
    text-align: center;
    padding-left:20px;
    padding-right:20px;
    margin: 0px auto;
    margin-top: 0px;
    margin-right-value: auto;
    margin-bottom: 0px;
    margin-left-value: auto;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
    border: medium none;
    border-top-width: medium;
    border-right-width-value: medium;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: medium;
    border-left-width-value: medium;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: none;
    border-right-style-value: none;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: none;
    border-left-style-value: none;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: -moz-use-text-color;
    border-right-color-value: -moz-use-text-color;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: -moz-use-text-color;
    border-left-color-value: -moz-use-text-color;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
}

.btn_enable{
    cursor: pointer;
    text-decoration: underline;
    color:#ffffff;
    background-color: #b5181d;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    height: 66px;
    display: block;
    font-size: 180%;
    line-height: 66px;
    text-align: center;
    padding-left:20px;
    padding-right:20px;
    margin: 0px auto;
    margin-top: 0px;
    margin-right-value: auto;
    margin-bottom: 0px;
    margin-left-value: auto;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
    border: medium none;
    border-top-width: medium;
    border-right-width-value: medium;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: medium;
    border-left-width-value: medium;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: none;
    border-right-style-value: none;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: none;
    border-left-style-value: none;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: -moz-use-text-color;
    border-right-color-value: -moz-use-text-color;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: -moz-use-text-color;
    border-left-color-value: -moz-use-text-color;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
}

.btn_enable:hover{
    text-decoration: none;
}

/*横スクロール部品 番組一覧*/
.jqCarouselArea{
	height:142px;
}

.jqCarouselArea .select::before {
    content: "再生中";
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
    position: absolute;
    text-align: center;
    width:140px;
    height:80px;
    line-height: 80px;
    color:white;
    border: 1px solid #999999;
    cursor:pointer;
}
.jqCarouselArea .select:hover::before {
    border: 1px solid #ff6666;
    color:#ff6666;
}

.jqCarouselArea .select.play::before {
    content: "";
    background: rgba(0, 0, 0, 0) url("/common/img/playsmall.png") no-repeat scroll 38px 7px;
    display: block;
    position: absolute;
    text-align: center;
    width:140px;
    height:80px;
    line-height: 80px;
    color:white;
    border: 1px solid #999999;
    cursor:pointer;
}
.jqCarouselArea .select.play:hover::before {
    border: 1px solid #ff6666;
    color:#ff6666;
}

.jqCarouselArea a {
	text-decoration: none;
}

span.alreadyviewed{
	color:red;
	padding: 0px 2px;
}


/********************************** キャンセル処理中 **********************************/

#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  opacity: 0.6;
  z-index:10000;
}

#loading.hide {
  margin-left: -10000px;
}

#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("/common/img/ppv/loading.gif") center center no-repeat;
  z-index:1000;
}

/********************************** 編集長のおすすめ一覧 **********************************/

.recommendationmain{
	margin-bottom:10px;
	color: #555555;
}

.recommendationmain .recommendationtitle{
	background-color:#ffffff;
	text-align: right;
	padding: 10px 0;
}

.recommendationmain .recommendationtitle a{
	color: #555555;
//	text-decoration: none;
}

.recommendationmain .pageCountArea{
	background: #ffffff;
	padding: 10px;
	margin-bottom: 5px;
}

.recommendationmain .description{
	padding: 10px;
	background: #ffffff;
	margin-bottom:5px;
}
.recommendationmain .recommendationlist{
	padding: 10px;
	background: #ffffff;
	color: #555555;
	margin-bottom:5px;
}
.recommendationmain .recommendationlist li{
	margin:30px;
}
.recommendationmain .recommendationlist h3{
	padding: 5px 10px;
	background: #f0f0f0;
	border-left: 5px solid #555555;
	color:#000000;
}
.recommendationmain .recommendationlist a{
	text-decoration: none;
	color: #555555;
}

.recommendationmain .recommendationlist li .guide{
	padding: 20px 10px 0px 20px;
}
.recommendationmain .recommendationlist li .seriesimage{
	margin:10px;
	float:left;
}
.recommendationmain .recommendationlist li .seriestitle{
	text-decoration: underline;
	color: black;
	overflow: hidden;
}
.recommendationmain .recommendationlist li .programtitle{
	color: black;
	overflow: hidden;
}
.recommendationmain .recommendationlist li .comment{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

/********************************** 編集長のおすすめ詳細 **********************************/

.recommendationmain .maintitle{
	background: #ffffff;
	padding: 10px 30px 20px 30px;
}
.recommendationmain .maintitle h1{
	color:#000000;
	line-height: 24px;
	border-bottom: 1px solid #cccccc;
	border-left: 5px solid #e40112;
	padding: 0 10px;
	min-width: 150px;
	font-weight: normal;
	font-size: 150%;
	margin-bottom: 10px;
}
.recommendationmain .maintitle .startdatetime{
	float:right;
	padding-right: 30px;
}
.recommendationmain .recommendation{
	padding: 10px 20px;
	position: relative;
	margin-bottom: 5px;
	background: #ffffff;
}
.recommendationmain .recommendation .image{
	margin: 10px auto;
	width: 805px;
	height: 204px;
}

.recommendationmain .recommendation h3{
	color: black;
	margin-left:10px;
	border-bottom: 1px dotted #d0d0d0;
}

.recommendationmain .recommendation .text{
	padding: 0 155px 15px;
	font-size: 20px;
}

.recommendationlink{
	width: 1115px;
	margin: 0 auto;
	margin-bottom:10px;
	padding: 20px;
	background: #ffffff;
}
.recommendationlink .right{
	float:right;
}
.recommendationlink span a{
	font-size: 20px;
	color: blue;
}

/********************************** チケット利用 **********************************/
.passmain .maintitle{
	background: #ffffff;
	padding: 40px 30px 20px 30px;
}
.passmain .maintitle h1{
	color:#000000;
	line-height: 24px;
	border-bottom: 1px solid #cccccc;
	border-left: 5px solid #e40112;
	padding: 0 10px;
	min-width: 150px;
	font-weight: normal;
	font-size: 150%;
	margin-bottom: 10px;
}
.passmain .maintitle .startdatetime{
	float:right;
	padding-right: 30px;
}
.passmain .pass{
	padding: 10px 20px;
	position: relative;
	margin-bottom: 5px;
	background: #ffffff;
}
.passmain .pass .image{
	margin: 10px auto;
	width: 950px;
	height: 240px;
}

.passmain .pass h3{
	color: black;
	margin-left:10px;
	border-bottom: 1px dotted #d0d0d0;
}

.passmain .pass .text{
	padding: 0 50px 15px;
	font-size: 20px;
}

.passmain .pass .note{
	text-align:center;
	padding: 0 50px 15px;
	font-size: 20px;
}

.passlink{
	width: 1115px;
	margin: 0 auto;
	margin-bottom:10px;
	padding: 20px;
	background: #ffffff;
}
.passlink .right{
	float:right;
}
.passlink span a{
	font-size: 20px;
	color: blue;
}


	/* テンプレボタン ==================================================================== */
	.btn_container input[type="submit"] {
		-webkit-writing-mode: horizontal-tb !important;
		-webkit-appearance: button;
		border: 0;
		border-radius: 8px;
		box-shadow: 0 2px 10px rgb(0 0 0 / 30%);
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		display: block;
		margin: 0 auto;
		padding: 20px 0;
		position: relative;
		text-align: center;
		width: 450px;
	}

	.btn_container input[type="submit"]:after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 5%;
		margin-top: -7px;
	}

	.btn_container input[type="submit"]:hover { opacity: 0.6;	}
	.btn_container input[type="submit"].no_rights:hover { opacity: 1;	}

	.btn_container .btn_cv { text-align: center; }
	.btn_container .btn_cv p { padding-top: 20px; }

	.btn_container input[type="submit"].cv {
		cursor: pointer;
		background: #de6c27;
		margin-top: 50px;
	}

	.btn_container input[type="submit"].no_rights {
		background: #ccc;
		box-shadow: none;
		margin-top: 50px;
	}
	.btn_container input[type="submit"].no_rights:after {
		content: none;
	}

	.btn_container .btn_loginset {
		background: #f2f2f2;
		margin-top: 50px;
		padding: 50px 40px;
	}

	.btn_container .btn_loginset p.btn_txt {
		padding-bottom: 30px;
		text-align: center;
	}

	.btn_container .btn_loginset .btn_box {
		display: flex;
		justify-content: center;
	}

	.btn_container .btn_loginset .btn_box input[type="submit"].login,.btn_container .btn_loginset .btn_box input[type="submit"].submit {
		margin: 0 20px;
		width: 350px;
	}

	.btn_container input[type="submit"].login {
		background: #fff;
		border: solid 2px #ad0026;
		color: #ad0026;
	}
	.btn_container input[type="submit"].login:after {
		border-top: solid 2px #ad0026;
		border-right: solid 2px #ad0026;
	}

	.btn_container input[type="submit"].submit { background: #ad0026; }


/********************************** チケット発行 **********************************/
.passcreatemain {
	margin-bottom: 10px;
}

.passcreatemain .maintitle{
	background: #ffffff;
	padding: 20px 30px 5px;
}
.passcreatemain .maintitle h1{
	color:#000000;
	line-height: 24px;
	border-bottom: 1px solid #cccccc;
	border-left: 5px solid #e40112;
	padding: 0 10px;
	min-width: 150px;
	font-weight: normal;
	font-size: 150%;
	margin-bottom: 10px;
}
.passcreatemain .maintitle h2{
	color:#000000;
	line-height: 24px;
	border-bottom: 1px solid #cccccc;
	border-left: 5px solid #e40112;
	padding: 0 10px;
	min-width: 150px;
	font-weight: normal;
	font-size: 150%;
	margin-bottom: 10px;
}

.passcreatemain .pass{
	padding: 10px 20px;
	position: relative;
	margin-bottom: 10px;
	background: #ffffff;
}

.passcreatemain .pass .text{
	padding: 0 50px 15px;
	font-size: 20px;
}

.passcreatemain .pass .note{
	text-align:center;
	padding: 0 50px 15px;
	font-size: 20px;
}

.passcreatemain .passlist li{
	padding: 20px 40px;
	position: relative;
	background: #ffffff;
	border-bottom: 2px dotted #cccccc;
}
.passcreatemain .passlist li:last-child{
  border-bottom: none;
}

.passcreatemain .passlist .icon{
	float: left;
	margin-right:10px;
}
.passcreatemain .passlist .icon img{
	width:55px;
}

.passcreatemain .passlist .period{
	font-size: 100%;
	color: black;
}

.passcreatemain .passlist .url{
	font-size: 100%;
	margin-top: 8px;
}

/********************************** サイト内検索 **********************************/

.searchform{
	float: left;
	margin: 4px 4px 4px 10px;
}

.searchform .keyword{
	border:1px solid;
	width: 200px;
	height: 25px;
	margin-right: 10px;
	padding: 5px 15px;
}

.searchform .submit{
	border-radius: 3px;
	box-shadow: 0 0 5px #777777 inset;
	color: #555555;cursor: pointer;
	padding: 5px 6px 5px 10px;
	text-decoration: none;
	display: inline-block;
}


/********************************** セミナー **********************************/
#seminarposition{
	display:none;
}
.seminar{
	margin-left: 10px;
	background-color:#ffffff;
	padding: 10px 10px 0;
}

.seminar .seminarlist{
}

.seminar li{
	list-style-type: disc;
}