@charset "utf-8";

/* ========== universal font size setting =========== */
body {font-size:76%; line-height:1.65; color:#666666;min-width:320px;
}
* html body {font-size:0.8em;}
body{font-family:"メイリオ",Meiryo,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
 * html body{font-family:Verdana,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",sans-serif;}
.mac.webkit body{font-family:"メイリオ",Meiryo,Verdana,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック',sans-serif;}

table{font-size:100%;}

/* ========== initialize & reset ========== */
*{margin:0; padding:0;}
img{border:none; vertical-align:bottom;}
caption,th{text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
ul{list-style:none;}
hr{display:none;}
h1,h2,h3,h4,h5,h6,p,td,th{font-size:100%;}
address,em,cite	{font-style:normal;}
input{vertical-align:middle;}

/* ========== clear ========== */
.clrFix{zoom:1; clear:both;}
.clrFix:after{content:''; display:block; clear:both;}
.clr{clear:both;}

/* ========== common setting =========== */
/* hide from browser */
.hide{display:none;}
/* anchor */
a:link{color:#666666; text-decoration:none;}
a:visited{color:#666666; text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}
a{outline:none;}

/* text align */
.a-rt{text-align:right !important;}
.a-ct{text-align:center !important;}

/* force position */
.relative{position:relative;}

/* margin */
.last {margin:0 0 55px !important;}
.mb30 {margin:0 0 30px !important;}

/* ========== functions ========== */
.blank{}
.bgpng{}
.rollover{}
.wordBreak{}
.popup{}

/* ========== type_a ========== */
/* ========== main style =========== */
#wrap {
	width:100%;
	background:#ffffff;
	position:relative;
}
#contents {
	width:100%;
}

/* ========== header =========== */
#header_wrap {
	width:100%;
	background:url(../../img/bg-header.png) top repeat-x #ffffff;
	background-size:10px 41px;
	min-height:83px;
	height:auto !important;
	height:83px;
	margin-bottom:15px;
	border-bottom:1px solid #c7c7c7;
}
.movie #header_wrap {
	width:100%;
	background:url(../../img/bg-header.png) top repeat-x #ffffff;
	background-size:10px 41px;
	min-height:50px;
	height:auto !important;
	height:50px;
	margin-bottom:15px;
	border-bottom:none;
}
header {
	width:100%;
}
header nav {
	width:320px;
	margin:0 auto;
}
header nav ul {
	text-align:center;
}
header nav ul li {
	float:left;
}
header nav ul li a {
	display:block;
	text-indent:-9999px;
	height:41px;
}

header nav ul li a.go_home {
	width:88px;
	background:url(../../img/btn-home_off.png) no-repeat;
	background-size:88px 41px;
}
header nav ul li.select a.go_home {
	background:url(../../img/btn-home_on.png) no-repeat;
	background-size:88px 41px;
}
header nav ul li a.btn01 {
	width:132px;
	background:url(../../img/btn-download_off.png) no-repeat;
	background-size:132px 41px;
}
header nav ul li.select a.btn01 {
	background:url(../../img/btn-download_on.png) no-repeat;
	background-size:132px 41px;
}
header nav ul li a.btn02 {
	width:88px;
	background:url(../../img/btn-video_off.png) no-repeat;
	background-size:88px 41px;
}
header nav ul li.select a.btn02 {
	background:url(../../img/btn-video_on.png) no-repeat;
	background-size:88px 41px;
}
header nav ul li a.btn03 {
	width:99px;
	background:url(../../img/btn-playlist_off.png) no-repeat;
	background-size:99px 41px;
}
header nav ul li.select a.btn03 {
	background:url(../../img/btn-playlist_on.png) no-repeat;
	background-size:99px 41px;
}


.en header nav ul li a.go_home {
	width:80px;
	background:url(../../img/en/btn-home_off.png) no-repeat;
	background-size:80px 41px;
}
.en header nav ul li.select a.go_home {
	background:url(../../img/en/btn-home_on.png) no-repeat;
	background-size:80px 41px;
}
.en header nav ul li a.btn01 {
	width:140px;
	background:url(../../img/en/btn-download_off.png) no-repeat;
	background-size:140px 41px;
}
.en header nav ul li.select a.btn01 {
	background:url(../../img/en/btn-download_on.png) no-repeat;
	background-size:140px 41px;
}
.en header nav ul li a.btn02 {
	width:80px;
	background:url(../../img/en/btn-video_off.png) no-repeat;
	background-size:80px 41px;
}
.en header nav ul li.select a.btn02 {
	background:url(../../img/en/btn-video_on.png) no-repeat;
	background-size:80px 41px;
}
.en header nav ul li a.btn03 {
	width:100px;
	background:url(../../img/en/btn-playlist_off.png) no-repeat;
	background-size:100px 41px;
}
.en header nav ul li.select a.btn03 {
	background:url(../../img/en/btn-playlist_on.png) no-repeat;
	background-size:100px 41px;
}

header nav ul li a.disable {
	opacity:0.18;
}

header nav ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
header #logo {
	padding:0;
	width:auto;
	float:left;
	max-width:190px;
}
header p.date {
	float:right;
	padding:10px 10px 0 0;
	text-align:right;
	max-width:120px;
}
header #title_area {
	clear:both;
	padding:8px 0 8px 15px;
	width:auto;
	background:url(../../img/bg-title_area.png) top repeat-x #f2f2f2;
	border-top:1px solid #c7c7c7;
}
header #title_area h1 {
	color:#333333;
	font-size:134%;
	font-weight:normal;
}
header:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/* ========== tab =========== */

.d_none {
	display:none;
}
.tab_section_wrapper {
 /* border-bottom:1px solid #c7c7c7; */
}
.tab_section {
	width:100%;
	top:41px;
	left:0;
	top:41px;
	background-color:rgba(255,255,255,0.9);
	z-index:9999;
	overflow:hidden;
	height:0;
  position:absolute;
  box-shadow: 0 5px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}
.movie .tab_section {
	height:auto;
}
.tab_section .inner {
	padding-top:20px;
	padding-bottom:6px;
}
.tab_section p.close {
	text-align:center;
	padding-bottom:50px;
}
.tab_section ul.pdf_list {
	width:80%;
	margin:0 auto 20px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border-right:1px solid #c5c5c5;
	border-top:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
	background:#f4f4f4;
}
.tab_section ul.pdf_list li {
	display:block;
	padding:15px;
	font-size:117%;
	text-align:left;
	border-top:1px solid #c5c5c5;
/*	background:-moz-linear-gradient(top, #ffffff, #eaeaea);
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));*/
	overflow:hidden;
}
a.dl_pdf {
	background:url(../../img/ico-pdf.png) left no-repeat;
	background-size:16px 16px;
	padding-left:25px;
	color:#cb0000;
}
.tab_section ul li.first {
	border-top:none;
}
.tab_section .video_area {
	width:290px;
	margin:0 auto;
}
.tab_section .video_area .inner {
	padding:0;
	visibility:hidden;
}
.tab_section .video_area .video {
	width:290px;
	height:217px;
	background:#000000;
	margin:0 auto;
	margin-bottom:20px;
}
.tab_section .video_area .video {
	background:black;
}
.tab_section .title_area {
	text-align:left;
	padding:0 10px 20px 10px;
}
.tab_section .title_area h1 {
	font-weight:normal;
}
.tab_section .title_area dt {
	font-weight:bold;
	font-size:117%;
	color:#333333;
}
.tab_section p.head {
	width:80%;
	margin:0 auto;
	border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
	border-right:1px solid #c5c5c5;
	border-top:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
	background:#f4f4f4;
	font-size:117%;
	text-align:left;
}
.tab_section p.head a {
	padding:15px;
	display:block;
	background:url(../../img/ico-playlist.png) 95% 50% no-repeat;
	background-size:18px 18px;
}
.tab_section dl.about_play {
	width:80%;
	margin:0 auto;
	border-radius:0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
	border-right:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
	background:#f4f4f4;
	font-size:117%;
	text-align:left;
	margin-bottom:20px;
}
.tab_section dl.about_play dt {
	white-space:normal;
	border-top:1px solid #c5c5c5;
}
.tab_section dl.about_play dt a {
	padding:15px 40px 15px 15px;
	display:block;
	background:url(../../img/ico-playlist2.png) 95% 50% no-repeat;
	background-size:14px 12px;
}
.tab_section dl.about_play dd {
	margin:0 15px 15px 15px;
	background:#ffffff;
	border-top:1px solid #e2e2e2;
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}
.tab_section dl.about_play dd dt {
	border:none;
	clear:left;
	float:left;
	padding:15px;
	width:5em;
}
.tab_section dl.about_play dd dd {
	padding:15px 15px 0 5.5em;
	background:#ffffff;
	border:none;
	margin:0;
}
.en .tab_section dl.about_play dd dt {
	width:6em;
}
.en .tab_section dl.about_play dd dd {
	padding:15px 15px 0 6.5em;
}
.tab_section dl.about_play dd:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}



.tab_section dl.about_play dd ul li {
	border-bottom:1px solid #e2e2e2;
	text-align:left;
	display:block;
	white-space:normal;
	padding-left:15px;
	padding-bottom:15px;
}
.tab_section dl.about_play dd ul li a {
	padding:10px 30px 0 0;
	display:block;
	background:url(../../img/ico-playlist3.png) 95% 50% no-repeat;
	background-size:7px 10px;
}


/* ========== main =========== */

.type_a article {
	width:100%;
	text-align:center;
}

.slide_area_inner {
	height: 277px;
}

#slide p {
	width:320px;
	margin:0 auto;
}

.slide_btn {
	width:100%;
	background:url(../../img/bg-slide.png) repeat-x;
	background-size:10px 37px;
	height:37px;
}
.slide_btn ul {
	width:320px;
	margin:0 auto;
}
.slide_btn ul li {
	float:left;
}
.slide_btn ul li.showlist {
	position:relative;
}
.slide_btn ul li.showlist p {
	position:absolute;
	width:auto !important;
	top:8px;
	right:10px;
}
.slide_btn ul li.showlist p span {
	color:#111111;
	font-size:14px;
}
.slide_btn p.close {
	padding-top:7px;
}
.control {
	width:100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #efefef), color-stop(0.00, #fbfbfb));
	background: -webkit-linear-gradient(top, #fbfbfb 0%, #efefef 100%);
	background: -moz-linear-gradient(top, #fbfbfb 0%, #efefef 100%);
	background: -o-linear-gradient(top, #fbfbfb 0%, #efefef 100%);
	background: -ms-linear-gradient(top, #fbfbfb 0%, #efefef 100%);
	background: linear-gradient(top, #fbfbfb 0%, #efefef 100%);
	height:50px;
	margin-bottom:15px;
	text-align:center;
	border-bottom:2px solid #d9d9d9;
	border-top:2px solid #fff;
}

.control .inner {
	width:290px;
	margin:11px auto 0;
	position:relative;
}
.control .inner .seek_prev {
	position:absolute;
	top:0px;
	left:0px;
}
.control .inner .seek_next {
	position:absolute;
	top:0px;
	left:122px;
}
.control .inner .play {
	position:absolute;
	top:0px;
	left:66px;
}
.control .inner .video_list {
	position:absolute;
	top:0px;
	right:0px;
}

.control .inner .video_list a.disable {
	opacity:0.18;
}

#thumbs {
	height:0;
	overflow:hidden;
	margin:0 auto;
	
}
#thumbs .inner {
	width:320px;
	margin:0 auto;
}
#thumbs .thumbs_list {
	margin:0 auto;
	width: 320px;
	height: 240px;
	xposition: relative; /* これはJSで追加する */
	overflow: auto; /* これはJSで追加する */
}



#thumbs .thumbs_list ul {
	width:auto;
	padding-left:20px;
	position:relative;
}
#thumbs .thumbs_list ul li {
	float:left;
	width:111px;
	padding:15px;
}

#thumbs ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#thumbs ul.thumbs_list li li {
	float:none;
	width:auto;
	padding:0;
}
#thumbs p.close {
	text-align:center;
}



#audio_area {
	overflow: hidden;
	height: 0;
}




/* ========== .sns_area =========== */
.bnr_area {
	width:290px;
	margin:0 auto;
}
.bnr_area li {
	margin-bottom:15px;
}

.bnr_area:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.bnr_area li.btn_sns {
	width:290px;
}
.bnr_area li.btn_sns ul {
	width:290px;
	margin:0;
	padding:0;

}
.bnr_area li.btn_sns ul:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.bnr_area li.btn_sns ul li {
	width:86px;
	height:26px;
	float:left;
	padding-left:16px;
}
.bnr_area li.btn_sns ul li:nth-child(3n+1) {
	clear:left;
	padding-left:0;
}
.bnr_area li.btn_sns ul li div,
.bnr_area li.btn_sns ul li iframe {
	width:102px !important;
	height:26px !important;
}

.bnr_area li.web_check {
	float:left;
	width:140px;
	margin-right:10px;
	text-align:center;
	background-color:#f1f1f1;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

.bnr_area li.web_check a {
	display:block;
	padding:10px 0;
}

.bnr_area li.notes {
	float:left;
	width:140px;
	margin-bottom:10px;
	text-align:center;
	background-color:#f1f1f1;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

.bnr_area li.notes a {
	display:block;
	padding:10px 0;
}

/* ========== footer =========== */
#footer_wrap {
	width:100%;
	background:url(../../img/bg-footer.png) top repeat-x #ffffff;
	height:78px;
	text-align:center;
}
footer {
	width:320px;
	margin:0 auto;
}
footer p {
	padding-top:23px;
}

/* ========== disclaimer =========== */

#disclaimer #header_wrap {
	width:100%;
	background:none;
	min-height:inherit;
	height:auto !important;
	height:0;
	margin-bottom:0;
	border-bottom:none;
}
#disclaimer header {
	width:100%;
	padding: 15px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #f5f5f5), color-stop(0.00, #fff));
	background:-webkit-linear-gradient(top, #fff 0%, #f5f5f5 88%);
	background:-moz-linear-gradient(top, #fff 0%, #f5f5f5 88%);
	background:-o-linear-gradient(top, #fff 0%, #f5f5f5 88%);
	background:-ms-linear-gradient(top, #fff 0%, #f5f5f5 88%);
	background:linear-gradient(to bottom, #fff 0%, #f5f5f5 88%);
	-webkit-box-shadow:0px 0px 8px #bbb;
	-moz-box-shadow:0px 0px 8px #bbb;
	-o-box-shadow:0px 0px 8px #bbb;
	-ms-box-shadow:0px 0px 8px #bbb;
	box-shadow:0px 0px 8px #bbb;
}

#disclaimer header h1 {
	text-align:center;
}

#disclaimer #contents article {
	margin:16px;
}

#disclaimer #contents article h2 {
	font-size:134%;
	margin:26px 0 13px 0;
	padding:22px 0 0 15px;
	border-top:1px solid #e4e4e4;
	
	background: url(../../img/bg_disclaimer.png) no-repeat left 24px;
	background-size: 8px auto;
}

#disclaimer #contents article h2:nth-child(1) {
	margin:0 0 13px 0;
	border-top:none;
}

#disclaimer #contents article p {
	margin-bottom:25px;
}

#disclaimer #contents article h3 {
	font-size:125%;
	margin-top:15px;
}

#disclaimer #contents article ol li {
	list-style-type:none;
}

#disclaimer #contents article ol li p.ampersand {
	margin-top:25px;
}

#disclaimer #contents article ol li ol li p {
	margin:0;
}

/* ========== questionnaires =========== */
#questionnaires #header_wrap {
	width:100%;
	background:none;
	min-height:inherit;
	height:auto !important;
	height:0;
	margin-bottom:0;
	border-bottom:none;
}
#questionnaires header {
	width:100%;
	padding: 15px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #f5f5f5), color-stop(0.00, #fff));
	background:-webkit-linear-gradient(top, #fff 0%, #f5f5f5 88%);
	background:-moz-linear-gradient(top, #fff 0%, #f5f5f5 88%);
	background:-o-linear-gradient(top, #fff 0%, #f5f5f5 88%);
	background:-ms-linear-gradient(top, #fff 0%, #f5f5f5 88%);
	background:linear-gradient(to bottom, #fff 0%, #f5f5f5 88%);
	-webkit-box-shadow:0px 0px 8px #bbb;
	-moz-box-shadow:0px 0px 8px #bbb;
	-o-box-shadow:0px 0px 8px #bbb;
	-ms-box-shadow:0px 0px 8px #bbb;
	box-shadow:0px 0px 8px #bbb;
}

#questionnaires header h1 {
	text-align:center;
}

#questionnaires #contents article {
	margin:16px;
}

#questionnaires #contents article h2 {
	font-size:134%;
	margin:24px 0 10px 0;
	padding:0 0 0 15px;
	background: url(../../img/bg_disclaimer.png) no-repeat left center;
	background-size: 8px auto;
}

#questionnaires #contents article h2:nth-child(2) {
	border-top:1px solid #e4e4e4;
	margin:19px 0 0 0;
}

#questionnaires #contents article form ul {
	border:1px solid #c5c5c5;	
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
}

#questionnaires #contents article form ul li {
	/*padding:15px;*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #eaeaea), color-stop(0.00, #fff));
	background:-webkit-linear-gradient(top, #fff 0%, #eaeaea 88%);
	background:-moz-linear-gradient(top, #fff 0%, #eaeaea 88%);
	background:-o-linear-gradient(top, #fff 0%, #eaeaea 88%);
	background:-ms-linear-gradient(top, #fff 0%, #eaeaea 88%);
	background:linear-gradient(to bottom, #fff 0%, #eaeaea 88%);
}

#questionnaires #contents article form ul li:first-child {
	border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	-o-border-radius:7px 7px 0 0;
	-ms-border-radius:7px 7px 0 0;
}

#questionnaires #contents article form ul li:last-child {
	-webkit-border-radius:0 0 7px 7px;
	-moz-border-radius:0 0 7px 7px;
	-o-border-radius:0 0 7px 7px;
	-ms-border-radius:0 0 7px 7px;
	border-radius:0 0 7px 7px;
}

#questionnaires #contents article form ul li input {
	margin:15px 10px 0 15px;
	position:absolute;
}

#questionnaires #contents article form ul li label {
	padding:15px 15px 15px 40px;	
	display:block;
}

#questionnaires #contents article form textarea {
	width:96%;
	height:150px;
	padding:1.5%;
	border:1px solid #c5c5c5;	
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-box-shadow:2px 2px 4px  #e1e1e1 inset;
	-moz-box-shadow:2px 2px 4px #e1e1e1 inset;
	-o-box-shadow:2px 2px 4px #e1e1e1 inset;
	-ms-box-shadow:2px 2px 4px #e1e1e1 inset;
	box-shadow:2px 2px 4px #e1e1e1 inset;
}

#questionnaires #contents article form #submit {
	text-align:center;
	margin: 20px 0 30px;
}

.anchor_hider {
  display:inline;
}

.anchor_hider span {
  display: none;
}

.bnr_area li.web_check .anchor_hider span, .bnr_area li.notes .anchor_hider span {
	padding: 10px 0;
}