@charset "utf-8";
/* CSS Document */

/* common
----------------------------------------------------------------------------------------------------*/
#main p.conTop{
	margin-bottom:30px;
	text-align:right;
}
#main p.conTop a{
	font-weight:normal;
    margin-top: 5px;
}

#main h4{
	font-size:300%;
	line-height:1;
	border-bottom: 1px solid #808080;
    border-color: #808080;
    color: #ffffff;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding-bottom: 2px;
    text-align: left;
    text-decoration: none;
    text-shadow: 2px -2px 2px #0023d3, -2px -2px 2px #0023d3, -2px 2px 2px #0023d3, 2px 2px 2px #0023d3;

}

#main h5{
	font-size:150%;
	color:#f60091;
	font-weight:normal;
}

#cont .box .inner30{
	padding-top:30px;
}
.txtcolor{
	color:#ff1493;	
	}


#main h6 {
    border-bottom: 2px solid #808080;
    color: #808080;
    font-size: 300%;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 20px;
}

/* 2col
----------------------------------------------------------------------------------------------------*/

#cateLink{
	margin:0 auto;
	text-align:center;
	font-size:240%;
	max-width:340px;
	width:28%;
	float:left;
	line-height:1.2;
}
#cateLink dl{
	margin-bottom:20px;
	overflow:hidden;
}

#cateLink dt{
	max-width:243px;
	width:100%;
	margin:0 auto 10px;
	background:#CCC;
	padding:2px 0 0;
	display:block;
	color:#000;
	text-align:center;
}

#cateLink dd{
	display:block;
	/* width:117px; */
}
#cateLink dd.wfull{
	width:100%;
}

#main{
	width:100%;
}

.schedule #main, .media #main, .disc #main{
	max-width:810px;
	width:72%;
	float:left;
}

 #main dl.ttl dd{
	color:#003294;
	font-size:130%;
	font-weight:bold;
	border-bottom:1px solid #003294;
}

/* schedule
----------------------------------------------------------------------------------------------------*/
.schedule #main .livedetail{
	margin:10px 0;
	width:100%;
	padding-bottom:10px;
	word-wrap: break-word;
}
.schedule #main .livedetail td{
	padding-bottom:5px;
}
.schedule #main .sold{
	background:#ff0;
	color:#000;
	padding:2px 5px 0;
}
.schedule #main .subTxt{
	font-size:85%;
	border:1px solid #333;
	padding:10px 20px;
}


.schedule #main .instoreTxt{
	margin:10px 0;
	width:100%;
	padding-bottom:10px;	
	}
	
.schedule #main .emTxt{
	color:#ff0;	
	}

.schedule #main .red{
	color:#f00;	
	}


/* media
----------------------------------------------------------------------------------------------------*/
.media #main p{
	margin-top:10px;
	word-wrap:break-word;
}


/* disc
----------------------------------------------------------------------------------------------------*/
.disc #main .discdetail{
	margin:10px 0 10px 5%;
	overflow:hidden;
}
.disc #main .discdetail img{
	max-width:242px;
	width:29%;
	float:left;
	border:1px solid #333;
}

.disc #main .discdetail .disctxt{
	margin-left:32%;
}

.disc #main .discdetail .disctxt p{
	margin-top:10px;
}

.disc #main .discdetail .disctxt .sub{
	font-size:90%;
}

.disc #main .option{
	font-size:90%;	
	border:1px solid #333;
	width:100%;
	margin:20px 0;
}

.disc #main .option .shop{
	font-size:130%;
	background:url(../../images/arrow_b.png) 1% no-repeat #333;
	padding: 4px 10px 4px 20px;
	display:block;
	cursor:pointer;
}
.disc #main .option div{
	margin:10px;
}


/* prof
----------------------------------------------------------------------------------------------------*/
.prof .profBox{
	width:760px;
	margin:0 auto;
	overflow:hidden;	
}

.prof ul.sdt_menu{
	padding:105px 0 200px;
	width:380px;
	float:left;
	list-style:none;
	overflow:hidden;
}
.prof ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
.prof ul.sdt_menu li{
	float:left;
	width:190px;
	height:auto;
	height:85px;
	position:relative;
	cursor:pointer;
}
.prof ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:190px;
	height:190px;
	height:85px;
	z-index:12;
	background:transparent url(http://www.div-official.com/3rd_anniversary/prof/images/overlay.png) no-repeat bottom right;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
}
.prof ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}
.prof ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:20px;
	left:0px;
	width:190px;
	height:60px;
	z-index:15;
}
.prof ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:#111;
	top:85px;
	width:190px;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}
.prof ul.sdt_menu li span span.sdt_link,
.prof ul.sdt_menu li span span.sdt_descr,
.prof ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
/*	text-transform:uppercase;*/
	text-shadow:1px 1px 1px #000;
}
.prof ul.sdt_menu li span span.sdt_link{
	color:#fff;
	font-size:24px;
	float:left;
	clear:both;
}
.prof ul.sdt_menu li span span.sdt_descr{
	color:#0B75AF;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:10px;
	letter-spacing:1px;
}
.prof ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:190px;
	overflow:hidden;
	height:170px;
	top:85px;
	left:0px;
	display:none;
	background:#222;
}
.prof ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	background:url(http://www.div-official.com/3rd_anniversary/images/arrow_r.gif) left no-repeat;
	padding-left:1em;
}
.prof ul.sdt_menu li div.sdt_box p{
	margin:20px 0 10px 20px;
}
/*.prof ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}*/





/* goods
----------------------------------------------------------------------------------------------------*/

.goods #main img{
	margin:10px 0 0 10px;
}

/* contact
----------------------------------------------------------------------------------------------------*/
.contact #main p .sub{
	font-size:90%;
}
.contact #main p{
	margin-top:10px;
	margin-left:10px;
}



.spBox{
	display:none;
}



@media screen and (max-width: 768px) {
	
/* 2col
----------------------------------------------------------------------------------------------------*/
#cateLink{
	max-width:100%;
	width:100%;
	float:none;
	line-height:1.2;
	margin-bottom:40px;
}

#cateLink dt{
	max-width:100%;
	width:100%;
}
#cateLink dd{
	width:auto;
	display:inline;
}

#cateLink dd img:nth-child(odd) {
	padding-right:5%;
}

#cateLink dd.wfull{
	width:auto;
}


.schedule #main, .media #main, .disc #main{
	max-width:100%;
	width:100%;
	float:none;
}	
	
/* prof
----------------------------------------------------------------------------------------------------*/

.prof .profBox {
	width:380px;
}

.prof ul.sdt_menu{
	float:none;
	margin:0 auto;
}
.prof ul.mt130{
	margin-top:-130px;
}

	}
	
	
@media screen and (max-width: 480px) {

iframe {width:100%;}

/* 2col
----------------------------------------------------------------------------------------------------*/	
#cateLink{
	font-size:180%;
	}
	

#cateLink dd {
	float:none;
	margin-right:0;
	}

#cateLink dd img:nth-child(odd) {
	padding-right:0;
}

.disc #main .discdetail{
	margin:10px 0 10px 0;
}

.disc #main .discdetail .disctxt p{
	margin-top:0;
}

.spBox{
	display:block;
}



/* prof
----------------------------------------------------------------------------------------------------*/
.prof .profBox{
	display:none;
}
.spBox .sdt_box{
	text-align:center;
	margin:0 auto 20px;
}
.spBox .sdt_box img{
	margin:10px 0;
}
.spBox .sdt_box a{
	background:url(http://www.div-official.com/3rd_anniversary/images/arrow_r.gif) left no-repeat;
	padding-left:1em;
	margin-right:5%;
}


/* goods
----------------------------------------------------------------------------------------------------*/

.goods #main img{
	margin:10px 0 0 0;
}

/* contact
----------------------------------------------------------------------------------------------------*/

.contact #main p{
	margin-left:0;
}



/* intervew
----------------------------------------------------------------------------------------------------*/


div.intervewbox {
    padding-top: 10px;
}