@charset "UTF-8";
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; /* iPhone */ } }
body { color: #414141; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size: 13.5px; line-height: 1; min-width: 980px; background: #000; min-height: 900px;  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

/*---clearfix--*/
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
.clear { clear: both; }

/* end clearfix */

/*==================================
cmn
==================================*/
/*-------other-------*/

img { display: block; }
a img { opacity: 1; transition: all 0.2s ease-out 0s; }
a:hover img { opacity: 0.7; transition: all 0.2s ease-out 0s; filter: alpha(opacity=70); }

/*-------header-------*/
#header { background: url(../../images/pc/bg_hd.gif) 0 0 repeat-x; height: 86px; position: relative; z-index: 500; }
#header_inner { position: relative; width: 980px; margin: 0 auto; }
#header h1 { top: 10px; left: -5px; position: absolute; }
#header #headertxt { top: 25px; left: 95px; position: absolute; }
#header ul { top: 25px; left: 313px; position: absolute; }
#header li { float: left; overflow: hidden; }
#header li a { display: block; overflow: hidden; text-indent: 104%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(../../images/pc/gnav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/gnav.gif) 0 -61px no-repeat; }
#header li:nth-child(2) { background: url(../../images/pc/gnav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/gnav.gif) -133px -61px no-repeat; }
#header li:nth-child(3) { background: url(../../images/pc/gnav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/gnav.gif) -266px -61px no-repeat; }
#header li:nth-child(4) { background: url(../../images/pc/gnav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/gnav.gif) -399px -61px no-repeat; }
#header li:nth-child(5) { background: url(../../images/pc/gnav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/gnav.gif) -532px -61px no-repeat; }

/*-------wrapper-------*/
#wrapper { line-height: 1.5; position:relative }

/*-------footer-------*/
#footer { width: 100%; background: #000; color: #FFFFFF; position: relative; z-index: 9000; border-top: solid 1px #5b5b5b; min-height: 100px; }
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position: relative; z-index: 9999; }
#footer #footer_logo_megahouse { padding-right: 8px; float: left; }
#footer p#copyright { font-size: 10px; font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif; clear: both; padding: 10px 0 0 0; }

/*==================================
top
==================================*/

/*-------contents-------*/

body#top #contentswrapper{
	height:4100px;
	background: #fa903b;
	background-image:url(../../../images/pc/dod_dc_bg1.png);
	background-repeat:repeat-y;
	background-position:center;
}

body#top #contentswrapper .mv{
	height:874px;
	background-image:url(../../../images/pc/dod_dc_mainvisual.png);
	background-position:center;
	position:relative;
}


/*-------応募はこちらボタン-------*/

body#top #contentswrapper .mv .oubo_wrap{
	margin:0 auto;
	width:980px;
	position:relative;
}

body#top #contentswrapper .mv .oubo_wrap a{
	background-image:url(../../../images/pc/dod_dc_oubobtn01.png);
	background-repeat:no-repeat;
	width:190px;
	height:215px;
	position:absolute;
	left:795px;
	top:-15px;
	text-decoration: none;
}

body#top #contentswrapper .mv .oubo_wrap a:hover{
	background-image:url(../../../images/pc/dod_dc_oubobtn01.png);
	background-repeat:no-repeat;
	background-position:0 -215px;
	width:190px;
	height:215px;
	position:absolute;
	left:795px;
	top:-15px;
	text-decoration: none;
}

body#top #contents{
	height:1035px;
	background-image:url(../../../images/pc/dod_dc_bg2.png);
	background-repeat:no-repeat;
	background-position:center;
}

body#top #contents_inner{
	margin:0 auto;
	width:980px;
}


/*-------Information-------*/

body#top #contents_inner .info{
	float:left;
	background-image:url(../../../images/pc/dod_dc_info_bg.png);
	background-repeat:no-repeat;
	width:581px;
	height:157px;
}

body#top #contents_inner .info_inner{
	margin:65px 0 0 20px;
	width:540px;
	height:75px;
}

body#top #contents_inner .info dt{
	font-size:12.5px;
	color:#fb7600;
}

body#top #contents_inner .info dd{
	font-size:12px;
}


/*-------SNSボタン-------*/

body#top #contents_inner .sns{
	margin:26px 0 30px 0;
	float:right;
	background-image:url(../../../images/pc/dod_dc_sns_bg.png);
	background-repeat:no-repeat;
	width:386px;
	height:131px;
}

body#top #contents_inner .sns li{
	float:left;
}

body#top #contents_inner .sns li.facebook_btn_wrap{
	background-image:url(../../../images/pc/dod_dc_facebookbtn_bg.jpg);
	background-repeat:no-repeat;
	width:78px;
	height:42px;
	padding:12px 0 0 98px;
	margin:55px 0 0 22px;
}

body#top #contents_inner .sns li.twitter_btn{
	background-image:url(../../../images/pc/20151130_dod_dc_twitterbtn_bg.jpg);
	background-repeat:no-repeat;
	width:79px;
	height:42px;
	padding:12px 0 0 76px;
	margin:55px 0 0 10px;
}

/*-------DOD結果発表-------*/
.dod_result {
	margin: 0 0 30px 0;
}




/*-------About-------*/

body#top #contents_inner .about{
	margin:30px 0 0 0;
	display:block;
	background-image:url(../../../images/pc/dod_dc_about_bg.png);
	background-repeat:no-repeat;
	width:980px;
	height:470px;
}

body#top #contents_inner .about p{
	padding:75px 0 0 32px;
	width:924px;
	height:89px;
}

/*-------rank-------*/

body#top #contents_inner .rank{
	width:980px;
	height:434px;
	margin:30px 0 0 0;
}



/*-------DOD＆ドラカプ-------*/


body#top #contents_inner #section{
	margin:30px auto 60px auto;
	display:block;
	width:980px;
	height:596px;
}


body#top #contents_inner #section ul{
	float:left;
	background-image:url(../../../images/pc/dod_dc_dc_bg.png);
	background-repeat:no-repeat;
	width:481px;
	height:596px;
}

body#top #contents_inner #section ul.dod{
	margin-right:18px;
}


body#top #contents_inner #section ul .dod_img,.dracap_img{
	margin:40px 15px 0 20px;
	float:left;
}

body#top #contents_inner #section ul li.dod_logo img{
	padding:80px 0 15px 10px;
}

body#top #contents_inner #section ul li.text{
	color:#333;
	font-size:12px;
	line-height:1.8;
	float:left;
	width:192px;
}

body#top #contents_inner #section ul .text span{
	float:right;
	color:#ff9601;
	text-decoration:underline;
}

body#top #contents_inner #section ul .btn{
	width:422px;
	height:93px;
	margin:25px auto;
	padding-top:20px;
}

body#top #contents_inner #section ul .dod_link{
	width:257px;
	height:88px;
	margin:15px auto;
}

body#top #contents_inner #section ul .dracap_link{
	width:365px;
	height:88px;
	margin:15px auto;
}

body#top #contents_inner #section ul li.dracap_logo img{
	padding:55px 0 5px 8px;
}


/*-------Twitterタイムライン表示-------*/

body#top #contents_inner .twitter{
	background-image:url(../../../images/pc/dod_dc_twitter_bg.png);
	background-repeat:no-repeat;
	width:810px;
	height:570px;
	margin:0 auto;
}

body#top #contents_inner .timeline{
	width:520px;
	margin:0 auto;
	padding-top:95px;
}