@charset "UTF-8";

/* top PC
===========================================*/
/* contentBodyMain */
#contentAll #contentBodyMain{
	background:none;
	border:none;
	padding-top:0px;
}
#contentAll #contentBodyMain p{margin-bottom:0px;}

/* mainArea */
#contentAll #contentBodyMain div.mainArea1{padding:0px; margin-bottom:20px;}
#contentAll #contentBodyMain div.mainArea1:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #contentAll #contentBodyMain div.mainArea1             { zoom: 1; } /* IE6 */
*:first-child+html #contentAll #contentBodyMain div.mainArea1 { zoom: 1; } /* IE7 */

#contentAll #contentBodyMain div.mainArea2{padding:0px; margin-bottom:20px;}
#contentAll #contentBodyMain div.mainArea2:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #contentAll #contentBodyMain div.mainArea2             { zoom: 1; } /* IE6 */
*:first-child+html #contentAll #contentBodyMain div.mainArea2 { zoom: 1; } /* IE7 */

#contentAll #contentBodyMain div.mainArea3{padding:0px; margin-bottom:20px;}

/* mainVisualArea */
#contentAll #contentBodyMain div.mainVisualArea{
	width:980px;
	background:#ff69b2;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	margin-bottom:16px;
	padding:11px 0px;
}

#contentAll #contentBodyMain div.mainVisualArea h1{
	margin:0px;
	text-align:center;
}

#contentAll #contentBodyMain div.mainVisualArea h1 img{
	box-shadow:0px 0px 6px #d71e68;
	-moz-box-shadow: 0px 0px 6px #d71e68;
	-webkit-box-shadow: 0px 0px 6px #d71e68;
}

/* newsArea || basicArea */
#contentAll #contentBodyMain div.newsArea,
#contentAll #contentBodyMain div.basicArea{
	width:471px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border:#ffd200 4px solid;
	background:#fff7d4 url(../img/3ds/tds_top_bg_news.jpg) repeat-x left top;
}

#contentAll #contentBodyMain div.newsArea{float:left;}
#contentAll #contentBodyMain div.basicArea{float:right;}

#contentAll #contentBodyMain div.newsArea div.topHdrBox,
#contentAll #contentBodyMain div.basicArea div.topHdrBox{height:72px; position:relative; }

#contentAll #contentBodyMain div.newsArea div.topHdrBox h2,
#contentAll #contentBodyMain div.basicArea div.topHdrBox h2{
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
	top:4px;
	left:24px;
	width:418px;
	height:58px;
	margin-bottom:0px;
}

#contentAll #contentBodyMain div.newsArea div.topHdrBox h2{background:transparent url(../img/3ds/tds_top_news_ttl.png) no-repeat left top;}
#contentAll #contentBodyMain div.basicArea div.topHdrBox h2{background:transparent url(../img/3ds/tds_top_basic_ttl.png) no-repeat left top;}

/* topLstBox */
#contentAll #contentBodyMain div.newsArea div.topLstBox,
#contentAll #contentBodyMain div.basicArea div.topLstBox{
	height:300px;
	overflow:auto;
	padding:20px 16px 0px;
	margin-bottom:20px;
	word-wrap:break-word;
	/*min-height:500px;
	height:auto !important;
	height:500px;*/
}
#contentAll #contentBodyMain div.basicArea div.topLstBox:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #contentAll #contentAll #contentBodyMain div.basicArea div.topLstBox            { zoom: 1; } /* IE6 */
*:first-child+html #contentAll #contentBodyMain div.basicArea div.topLstBox { zoom: 1; } /* IE7 */

/* bscListA */
#contentAll #contentBodyMain div.newsArea dl.bscListA dt{color:#999999;}
#contentAll #contentBodyMain div.newsArea dl.bscListA dd{
	font-size:14px;
	line-height:1.5;
	margin-bottom:15px;
	padding-bottom:15px;
}

#contentAll #contentBodyMain div.newsArea dl.bscListA dd span{
	display:block;
	background:transparent url(img/tds_arrow01.png) no-repeat 0px 0.2em;
	padding-left:25px;
}
#contentAll #contentBodyMain div.newsArea dl.bscListA dd{background:transparent url(img/tds_dotline01.png) repeat-x left bottom;}
#contentAll #contentBodyMain div.newsArea dl.bscListA dd:last-child{background:none;}
#contentAll #contentBodyMain span.kindIcon02{background:transparent url(img/tds_kind_icon01.png) no-repeat left top; width:116px;}

/* basicArea */
#contentAll #contentBodyMain div.basicArea p{
	width:154px;
	float:left;
	margin-right:24px;
}

#contentAll #contentBodyMain div.basicArea dl.tdsBscLst{
	width:260px;
	float:left;
}

#contentAll #contentBodyMain div.basicArea dl.tdsBscLst:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #contentAll #contentBodyMain div.basicArea dl.tdsBscLst             { zoom: 1; } /* IE6 */
*:first-child+html #contentAll #contentBodyMain div.basicArea dl.tdsBscLst { zoom: 1; } /* IE7 */

#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dt{
	font-size:14px;
	line-height:1.5;
	float:left;
	clear:left;
}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst01{padding:0px 0px 0px 5em;}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst02{padding:0px 0px 0px 4em;}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst03{padding:0px 0px 0px 5em;}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst04{padding:0px 0px 0px 6em;}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst05{padding:0px 0px 0px 11em;}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst06{padding:0px 0px 0px 7em;}
#contentAll #contentBodyMain div.basicArea dl.tdsBscLst dd.tdsBscLst07{padding:0px 0px 0px 3.5em;}

/* movieArea || specialArea */
#contentAll #contentBodyMain div.movieArea{
	width:358px;
	float:left;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	background:#fff7d4 url(../img/3ds/tds_top_bg_movie.jpg) repeat left top;
	padding:15px 0px 25px;
	margin-bottom:0px;
}

#contentAll #contentBodyMain div.movieArea p{
	background:transparent url(../img/3ds/tds_top_movie_ttl.png) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	width:278px;
	height:40px;
	margin:0px auto 13px;
}

#contentAll #contentBodyMain div.specialArea{
	width:600px;
	float:right;
	margin-bottom:0px;
}

#contentAll #contentBodyMain div.specialArea p img{
	border:#ffd200 4px solid;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}

#contentAll #contentBodyMain div.mainArea3 p img{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border:#ffd200 4px solid;
}

/* movieBox */
#contentAll #contentBodyMain span.movieBox{display:block;}
#contentAll #contentBodyMain span.movieBoxInner{display:block; text-align:center; font-size:0px;}

/* topUpdateBtn */
#contentAll #contentBodyMain .topUpdateBtn{
	display:block;
	background: rgb(43,80,230); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(81,148,249,1) 0%, rgba(17,31,217,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,148,249,1)), color-stop(100%,rgba(17,31,217,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(81,148,249,1) 0%,rgba(17,31,217,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(81,148,249,1) 0%,rgba(17,31,217,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(81,148,249,1) 0%,rgba(17,31,217,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(81,148,249,1) 0%,rgba(17,31,217,1) 100%); /* W3C */
	background:#111fd9 url(../img/3ds/tds_top_update_bg.png) repeat 0 0\9;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border:#ffffff 2px solid;
	text-align:center;
	margin:-2px 0px 10px 0px;
}

#contentAll #contentBodyMain .topUpdateBtn a{display:block; padding:8px 5px 12px;}
#contentAll #contentBodyMain .topUpdateBtn span{display:inline-block; background:transparent url(../img/3ds/tds_top_update_arrow.png) no-repeat right top; padding-right:56px;}
html*#contentAll #contentBodyMain .topUpdateBtn span{display:inline; zoom:1;}

/* topUpdateBtn */
#contentAll #contentBodyMain .topUpdPdfBtn{
	display:block;
	background: rgb(93,178,230); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(149,216,242,1) 0%, rgba(34,138,217,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,216,242,1)), color-stop(100%,rgba(34,138,217,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(149,216,242,1) 0%,rgba(34,138,217,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(149,216,242,1) 0%,rgba(34,138,217,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(149,216,242,1) 0%,rgba(34,138,217,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(149,216,242,1) 0%,rgba(34,138,217,1) 100%); /* W3C */
	background:#228ad9 url(../img/3ds/tds_top_updpdf_bg.png) repeat 0 0\9;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border:#ffffff 2px solid;
	text-align:center;
	margin:-2px 0px 10px;
}

#contentAll #contentBodyMain .topUpdPdfBtn a{display:block; padding:8px 5px 12px;}
#contentAll #contentBodyMain .topUpdPdfBtn span{display:inline-block; background:transparent url(../img/3ds/tds_top_updpdf_arrow.png) no-repeat right top; padding-right:46px;}
html*#contentAll #contentBodyMain .topUpdPdfBtn span{display:inline; zoom:1;}

/* top SP
===========================================*/
@media only screen and (max-width: 767px){

/* contentBodyMain */
#contentAll #contentBodyMain{
	background:none;
	border:none;
	margin-top:-5px;
}

/* mainVisualArea */
#contentAll #contentBodyMain div.mainVisualArea{
	width:auto;
	background:#ff69b2;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	margin-bottom:10px;
	padding:5px 4px;
}

#contentAll #contentBodyMain div.mainVisualArea h1{margin:0px; padding:0px; text-align:center;}
#contentAll #contentBodyMain div.mainVisualArea h1 img{height:auto;}

/* mainArea */
#contentAll #contentBodyMain div.mainArea1{padding:0px; margin:0px;}
#contentAll #contentBodyMain div.mainArea2{padding:0px; margin:0px;}
#contentAll #contentBodyMain div.mainArea3{padding:0px; margin:0px 0px 10px;}

/* newsArea || basicArea */
#contentAll #contentBodyMain div.newsArea,
#contentAll #contentBodyMain div.basicArea{
	width:auto;
	float:none;
	margin-right:0px;
	margin-bottom:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}

#contentAll #contentBodyMain div.newsArea{
	background:#fff7d4 url(../img/3ds/tds_top_bg_news_sp.jpg) repeat-x left top;
	background-size:750px 70px;
	border:#ffd200 2px solid;
}

#contentAll #contentBodyMain div.basicArea{
	background:#fff7d4 url(../img/3ds/tds_top_bg_news_sp.jpg) repeat-x left top;
	background-size:750px 70px;
	border:#ffd200 2px solid;
}

#contentAll #contentBodyMain div.newsArea div.topHdrBox,
#contentAll #contentBodyMain div.basicArea div.topHdrBox{
	height:70px;
	background:transparent url(../img/3ds/tds_top_bg_heart_sp.png) no-repeat right top;
	background-size:120px 55px;
}

#contentAll #contentBodyMain div.newsArea div.topHdrBox h2{background:transparent url(../img/3ds/tds_top_news_ttl_sp.png) no-repeat left top;}
#contentAll #contentBodyMain div.basicArea div.topHdrBox h2{background:transparent url(../img/3ds/tds_top_basic_ttl_sp.png) no-repeat left top;}

#contentAll #contentBodyMain div.newsArea div.topHdrBox h2,
#contentAll #contentBodyMain div.basicArea div.topHdrBox h2{
	background-size:268px 56px;
	top:5px;
	left:13px;
	width:268px;
	height:56px;
}

/* topLstBox */
#contentAll #contentBodyMain div.newsArea div.topLstBox{
	height:auto;
	overflow:visible;
	padding:15px 10px 10px;
	margin-bottom:0px;
}

#contentAll #contentBodyMain div.basicArea div.topLstBox{
	height:auto;
	overflow:visible;
	padding:15px 10px 20px;
	margin-bottom:0px;
}

/* bscListA */
#contentAll #contentBodyMain div.newsArea dl.bscListA dt{color:#999999;}
#contentAll #contentBodyMain div.newsArea dl.bscListA dd:last-child{background:none; padding-bottom:0px;}

#contentAll #contentBodyMain div.newsArea dl.bscListA dd{
	background:transparent url(img/tds_dotline01.png) repeat-x left bottom;
	background-size:220px 1px;
}

#contentAll #contentBodyMain div.newsArea dl.bscListA dd span{
	background:transparent url(img/tds_arrow01_sp.png) no-repeat 0px 0.3em;
	background-size:15px 15px;
	width:auto;
}
#contentAll #contentBodyMain span.kindIcon02{background:transparent url(img/tds_kind_icon01_sp.png) no-repeat left top; background-size:115px 20px;}

/* basicArea */
#contentAll #contentBodyMain div.basicArea p{
	width:100%;
	float:none;
	margin:0px 0px 20px;
	text-align:center;
}
#contentAll #contentBodyMain div.basicArea p img{width:141px; height:auto;}

#contentAll #contentBodyMain div.basicArea dl.tdsBscLst{
	width:260px;
	float:none;
	margin:0px auto;
}

/* movieArea || specialArea */
#contentAll #contentBodyMain div.movieArea{
	width:100%;
	float:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	background:#fff7d4 url(../img/3ds/tds_top_bg_movie.jpg) repeat left top;
	background-size:200px 200px;
	padding:15px 0px 15px;
	margin-bottom:10px;
}

#contentAll #contentBodyMain div.movieArea p{
	background:transparent url(../img/3ds/tds_top_movie_ttl_sp.png) no-repeat left top;
	background-size:279px 37px;
	width:279px;
	height:37px;
	margin:0px auto 19px;
}

#contentAll #contentBodyMain div.specialArea{
	width:100%;
	float:none;
	text-align:center;
	margin-bottom:10px;
}

#contentAll #contentBodyMain div.specialArea p{padding-right:4px;}
#contentAll #contentBodyMain div.specialArea p img{
	border:#ffd200 2px solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}

#contentAll #contentBodyMain div.mainArea3 p{padding-right:4px;}
#contentAll #contentBodyMain div.mainArea3 p img{
	border:#ffd200 2px solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}

/* movieBox */
#contentAll #contentBodyMain span.movieBox{padding:0px 16px 0px;}
#contentAll #contentBodyMain span.movieBoxInner{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height: 0;
	overflow:hidden;
	/*margin-top:20px;
	margin-bottom:20px;*/
	}

#contentAll #contentBodyMain span.movieBoxInner iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
	}

/* topUpdateBtn */
#contentAll #contentBodyMain .topUpdateBtn{
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border:#ffffff 1px solid;
	margin:5px 0px 9px;
}
#contentAll #contentBodyMain .topUpdateBtn img{width:196px;}

#contentAll #contentBodyMain .topUpdateBtn a{display:block; padding:4px 2px 6px;}
#contentAll #contentBodyMain .topUpdateBtn span{
	display:inline-block;
	background:transparent url(../img/3ds/tds_top_update_arrow.png) no-repeat right top;
	background-size:11px 19px;
	padding-right:25px;
}

/* topUpdPdfBtn */
#contentAll #contentBodyMain .topUpdPdfBtn{
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border:#ffffff 1px solid;
	margin:5px 0px 10px;
}
#contentAll #contentBodyMain .topUpdPdfBtn img{width:257px;}

#contentAll #contentBodyMain .topUpdPdfBtn a{display:block; padding:4px 2px 6px;}
#contentAll #contentBodyMain .topUpdPdfBtn span{
	display:inline-block;
	background:transparent url(../img/3ds/tds_top_updpdf_arrow.png) no-repeat right top;
	background-size:11px 19px;
	padding-right:20px;
}

}