/*----------------------------------
reset
----------------------------------*/

html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/*--------------------------------*/

/*---------------------------------
基本設定
---------------------------------*/

body {
	margin: 0;
	padding: 0;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0 auto;
	font-family: Arial,Roboto,“Droid Sans”,“メイリオ”,Meiryo,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”,sans-serif;
	font-size: 15px;
	color: #000;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
}

a:hover img {
	opacity: 0.7;
}

/*---------------------------------
header
---------------------------------*/

header {
	overflow: hidden;
}

nav {
	position: fixed;
	z-index: 99;
	width: 100%;
	background-image: url(images/menu-bg.png);
	background-repeat: repeat-x;
}

nav ul {
	width: 952px;
	margin: 0 auto;
	overflow: hidden;
}

nav ul li {
	float: left;
}

nav ul li a {
	cursor: pointer;
}

nav ul li a:hover img {
	opacity: 0.5;
}

form {
	float: left;
}

form input:hover {
	opacity: 0.7;
}

.title {
	margin: 80px 0 0 -35px;
}

/*---------------------------------
タイマー
---------------------------------*/

.kikan {
	background-image: url(images/time-banner.png);
	background-repeat: no-repeat;
	width: 821px;
	height: 195px;
	margin: 30px auto;

}

#time {
	padding: 95px 0 0 40px;
}

p#text {
	float: left;
	margin: 0;
	width: 350px;
	font-size: 42px;
	font-weight: bold;
	color: #ffff00;
}

#CDT {
	float: left;
	width: 330px;
	color: #fff;
	font-size: 42px;
	font-weight: bold;

}

#CDT .sec,#CDT .milli {
	display: none;
}

span.yyc-sec,span.yyc-sec-text {
	display: none;
}

/*---------------------------------
動画
---------------------------------*/

#kouza {
	background-image: url(images/douga-bg.png);
	background-repeat: no-repeat;
	height: 661px;
	margin: 40px 0 40px 15px;
}

#kouza span {
	position: absolute;
	font-size: 22px;
	margin-top: 40px;
	margin-left: 180px;
}

#kouza iframe {
	margin-top: 75px;
	margin-left: 75px;
}

a#kouza2 {
	margin-top: -60px;
	padding-top: 60px;
}

/*---------------------------------
テキスト
---------------------------------*/

#text {
	font-size: 25px;
    width: 75%;
    margin: 40px auto;
}

#text2 {
    font-weight: bold;
    text-align: center;
    font-size: 35px;
    color: #ff0000;
	margin-top: 20px;
}

/*---------------------------------
DVDの内容
---------------------------------*/

#naiyou {
	background-image: url(images/naiyou.png);
	background-repeat: no-repeat;
	width: 980px;
	height: 759px;
}

/*---------------------------------
特典
---------------------------------*/

#tokuten {
	background-image: url(images/tokuten.png);
	background-repeat: no-repeat;
	margin: 60px auto;
	width: 950px;
	height: 663px;
}

a#tokuten2 {
	margin-top: -60px;
	padding-top: 60px;
}

/*---------------------------------
プロフィール
---------------------------------*/

#prof {
	background-image: url(images/prof.png);
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-bottom: 60px;
	width: 980px;
	height: 1155px;
}

#prof #p1 {
	padding: 130px 0 0 380px;
	box-sizing: border-box;
}

#prof #p1 h2 {
	font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3″, “Hiragino Mincho ProN”, serif;
	font-size: 35px;
	margin: 0;
	margin-bottom: 15px;
	color: #0037A8;
}

#prof #p1 h2 span {
	font-size: 20px;
	margin-left: 10px;
}

#prof #p2 {
	font-size: 15px;
	margin: 60px 0 0 480px;
	box-sizing: border-box;
}

#prof #p2 span {
	color: #0037A8;
	font-size: 20px;
	font-weight: bold;
}

#prof #p3 {
	color: #0037A8;
	font-size: 20px;
	font-weight: bold;
	margin: 5px 0 0 480px;
	box-sizing: border-box;
}

#prof #p4 {
	color: #5E2C11;
	margin: 85px 0 0 95px;
}

#prof #p5 {
	margin: 155px 0 0 100px;
}

#prof #p5 ul li {
	position: relative;
}

#prof #p5 ul li::before {
	position: absolute;
	content: "▲";
	margin: 5px 0 0 -20px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #0037A8;
	font-size: 15px;
}

#prof #p6  {
	margin: -90px 0 0 525px;
}

#prof #p6 ul li {
	position: relative;
}

#prof #p6 ul li::before {
	position: absolute;
	content: "▲";
	margin: 5px 0 0 -10px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #0037A8;
	font-size: 15px;
}

/*--------------------------------
視聴者の声
--------------------------------*/

#koe {
	background-image: url(images/koe-2.png);
	background-repeat: repeat-y;
	margin-top: 40px;
	width: 980px;
	height: 2775px;
	box-sizing: border-box;
}

#koe-1 {
	background-image: url(images/koe-1.png);
	background-repeat: no-repeat;
	width: 980px;
	height: 431px;
	padding: 100px 0 0 70px;
	box-sizing: border-box;
}

#koe-2 {
	background-image: url(images/koe-3.png);
	background-repeat: no-repeat;
	width: 980px;
}

#koe-1 section {
	margin-top: 40px;
}

.waku-1 {
	background-image: url(images/waku-1.png);
	background-repeat: no-repeat;
	width: 840px;
	height: 108px;
}

.waku-1 h3 {
    margin: 0px;
    padding: 45px 0px 0px 110px;
    font-size: 30px;
}

.waku-1 span {
	font-size: 20px;
	font-weight: normal;
}

.waku-2 {
	background-image: url(images/waku-2.png);
	background-repeat: repeat-y;
	width: 840px;
	padding: 0 40px 0 40px;
	box-sizing: border-box;
}

.waku-2 h4 {
	margin: 0;
	padding: 10px 0 5px 0;
	color: #005CB0;
	font-size: 20px;
}


#dvd {
	background-image: url(images/dvd-buy.png);
	background-repeat: no-repeat;
	margin: 60px auto;
	width: 958px;
	height: 981px;
}

a#dvd2 {
	margin-top: -60px;
	padding-top: 60px;
}

#dvd-bn {
	position: absolute;
	margin-top: 845px;
	margin-left: 90px;
}

#online {
	background-image: url(images/online.png);
	background-repeat: no-repeat;
	width: 958px;
	height: 1203px;
	margin: 60px auto 10px;
}

#dvd-bn2 {
	position: absolute;
	margin-top: 1065px;
	margin-left: 90px;
}

#tuisin {
	background-image: url(images/img6.png);
	height: 968px;
	margin-bottom: 40px;
}

#izime-pro {
	background-image: url(images/img7-new2.png);
	height: 1039px;
}

#dvd-bn3 input,#dvd-bn4 input {
	width: 87%;
	margin-bottom: 10px;
}

#dvd-bn3 img,#dvd-bn4 img {
	width: 87%;
	margin-bottom: 10px;
}

#dvd-bn3 {
	position: absolute;
	width: 376px;
	margin-top: 745px;
	margin-left: 92px;
}

#dvd-bn4 {
	position: absolute;
	width: 376px;
	margin-top: 745px;
	margin-left: 487px;
}

footer {
	margin-top: 40px;
	background: #F5F5F5;
	padding: 20px 0;
	overflow: hidden;
}

footer ul {
	width: 490px;
	margin: 0 auto;
	overflow: hidden;
}

footer ul li {
	float: left;
	border-right: 1px solid #0000ff;
	padding: 0 20px;
}

footer ul li:last-child {
	border-right: 0;
}

/*--------------------------------
サンクスページ
--------------------------------*/

#thanks {
	background-image: url(images/sityou.png);
	background-repeat: no-repeat;
	width: 980px;
	height: 608px;
	margin-top: 120px;
	margin-bottom: 140px;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	padding-top: 270px;
	box-sizing: border-box;
}

/*--------------------------------
IE用CSS
--------------------------------*/

#time {
	padding: 96px 0 0 85px\9;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #time { 
	padding: 96px 0 0 85px;
} /* IE11 */
}