@charset "Shift_JIS";

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{
  zoom:1;
}

#videounlimited_wrap h3 { margin:0}
#videounlimited_wrap ul { margin: 0; padding: 0;}
#videounlimited_wrap li { list-style: none;}
#videounlimited_wrap .mb20 { margin-bottom: 20px}
#videounlimited_wrap .mt30 { margin-top: 30px}

@media screen and (max-width:320px){
html #videounlimited_wrap h1{background: url(../images/keyvisial_s.jpg) no-repeat; height: 552px}
html #videounlimited_wrap h1 img{display:none}
}

#videounlimited_wrap h1 {
	height: 453px;
	margin: 0;
	padding-bottom: 60px;
}

#videounlimited_wrap h1 img{
	width: 100%;
	height: auto}

#videounlimited_wrap #sns_wrapper {
	position: absolute;
	right: 0;
	top: 630px;
	border: 2px solid #EFD945;
	padding: 10px 4px 4px 10px;
	width: 560px
}
#videounlimited_wrap #sns_wrapper ul {
	float: right;
}
#videounlimited_wrap #sns_wrapper #sns_ttl {
	display: inline;
}
#videounlimited_wrap #sns_wrapper ul li {
	float: left
}
#videounlimited_wrap #sns_wrapper ul li {
	padding-left: 10px;
}
@media screen and (max-width:320px){
	#videounlimited_wrap #sns_wrapper {
		position: static;
		width: auto
	}
	#videounlimited_wrap #sns_wrapper #sns_ttl {
		display: none;
	}
}
#videounlimited_wrap .campaign_box {
	padding-bottom: 30px; }

#videounlimited_wrap .campaign_box table{
	width: 850px;
	margin: 0 auto;}

#videounlimited_wrap .campaign_box h3 {
	margin-bottom: 10px;
	background: url(../images/ttl_bg.gif) no-repeat ;
	padding : 10px 10px 0 10px;
	height: 30px;
	border-right: #00B0D1 solid 1px; }

#videounlimited_wrap .campaign_box h3.info {
	font-size: larger;
	color: #FF0000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	border-right: none;
	margin-bottom: 5px;
	background: none; }

#videounlimited_wrap .campaign_box h4 {
	padding-top: 10px;
	border: 1px solid #00B0D1;
	background: #70D3E5;
	padding: 6px;
	color: white; }

#videounlimited_wrap .campaign_box #beforetxt_wrapper {
	margin-left: 1em;
}
#videounlimited_wrap .campaign_box #beforetxt_wrapper span {
	margin-left: -1em;
}

#videounlimited_wrap .campaign_box #present_wrapper {
	margin-left: 1px;
}

#videounlimited_wrap .campaign_box .present_box {
	border: 1px solid #00B0D1;
	margin-left: -1px;
	margin-top: -1px;
	width: 310px;
	height: 264px;
	float: left;
	text-align: center;
	background: #70D3E5;
}

#videounlimited_wrap .campaign_box .present_box .img{ 
	background: white;
	padding: 5px;
}

#videounlimited_wrap .campaign_box .present_box .ttl{ 
	margin-bottom: 0;
	color: white;
	font-weight: bold;
	padding: 0 5px;
}

#videounlimited_wrap .campaign_box #akita {
	width: 621px;
}


@media (max-width:650px){
	#videounlimited_wrap .campaign_box .present_box {
		max-width: 300px;
		height: auto
	}
	#videounlimited_wrap .campaign_box .present_box .img{ 
		width: auto;
		height: auto}
	#videounlimited_wrap .campaign_box #akita .img img{ 
		max-width: 280px;
		height: auto}
}

#videounlimited_wrap .campaign_box #comment {
	padding-bottom: 30px;}

#videounlimited_wrap .campaign_box #comment span{
	display: block;
	padding: 10px;
	color: red;
	border: solid red 1px;
	text-align: center;
	margin: 0 auto;
	width: 70%;
	font-size: 1.2em;}
	
@media (max-width:650px){
	#videounlimited_wrap .campaign_box #comment {
		background: none;}
}

#videounlimited_wrap .td_border {
	border-bottom: solid 1px #7d7d7d; }

#videounlimited_wrap .pt30 {
	padding-top: 30px; }

#videounlimited_wrap .pb30 {
	padding-bottom: 30px; }

#videounlimited_wrap #present {
	width: 950px;
	margin-bottom: 10px;
	margin-top: 30px;
	padding: 10px; }

#videounlimited_wrap #present li{
	float:left;
	padding-left: 10px; }

#videounlimited_wrap #present li.arrow_img{
	float:left;
	padding-top: 180px; 
	padding-left: 0; }



#present .step{
	float:left;
}

#present .step #firststep_b{
	width:380px;
	border-left:#7d7d7d solid 10px ;
	border-right:#7d7d7d solid 10px;
	border-bottom:#7d7d7d solid 10px;
	height:160px;
	text-align:center;
	vertical-align:middle;
}

#present .step .present_arrow{
	width:50px;
	height:220px;
	padding-top:180px;
}

#present .memo{
	width:950px;
}

@media (max-width:650px){

	#present .step{
		width:90%;
	}

	#videounlimited_wrap #present{
		width:90%;
	}

	#present .step .present_arrow{
		width:100%;
		height:20px;
		padding-left:0;
		display:none;
	}
	#present .step .present_arrow img{
		display:none;
	}

	#present .memo{
		width:100%;
	}
	


}

	#videounlimited_wrap #quiz_wrapper .linktxt{
		text-align: right
	}


@media (max-width:650px){
	#videounlimited_wrap #quiz_wrapper h3{
		background: url(../images/ttl_quiz_s.gif) no-repeat;
		height: 78px;
		border: none
	}
	#videounlimited_wrap #quiz_wrapper h3 img{
		display: none;
	}
}

#videounlimited_wrap #net_wrapper li{
	border-bottom: dotted 1px #cccccc;
	clear: both;
	padding: 10px 0
}

#videounlimited_wrap #net_wrapper li img,
#videounlimited_wrap #net_wrapper li p{
	float: left
}

#videounlimited_wrap #net_wrapper li p{
	width: 462px;
	padding-left: 20px
}

@media (max-width:650px){
	#videounlimited_wrap #net_wrapper li img {
		max-width: 300px;
		height: auto
	}
	#videounlimited_wrap #net_wrapper li p{
		width: auto;
		padding-left: none;
		padding-top: 10px;
	}
}

#videounlimited_wrap #apply_box {
	float:left;
	width:300px;
	}

#videounlimited_wrap #apply_box #apply_btn{
	vertical-align:middle;
	padding-top:5px;
}

#videounlimited_wrap .border_t_l_b {
	margin-top: 15px;
    padding: 5px;
	float: left}

#videounlimited_wrap .border_t_r {
	padding: 5px 5px 0 5px;
	margin: o; }

#videounlimited_wrap .border_b_r {
	border-bottom: 1px solid #0038AE;
	border-right: 1px solid #0038AE;
	padding: 3px 5px 5px 5px; }

#videounlimited_wrap .arrow_img {
	/*padding: 10px 30px;*/
	padding:0;
	float:left}

@media (max-width:650px){
	#videounlimited_wrap #present li.arrow_img{
		float:left;
		padding-top: 0; 
		padding-left: 0; }
	#videounlimited_wrap .arrow_img{
		background: url(../images/img_arrow2.gif) center no-repeat ;
		padding: 10px;
		height: 50px;
		min-width: 66px;
		float: none;
		clear:both;
		}
	
	#videounlimited_wrap .arrow_img img{
		display: none;}

	#videounlimited_wrap .border_t_l_b { float:none;}
	
	#videounlimited_wrap #apply_box {
		width: 100%;
		text-align:center;
	}
}

#videounlimited_wrap .model_wrapper {
	clear: both;
	margin: 0
}
#videounlimited_wrap .model_wrapper dt,
#videounlimited_wrap .model_wrapper dd {
	float: left;
}
#videounlimited_wrap .model_wrapper dd {
	margin: 0;
}
@media screen and (max-width:320px){
	#videounlimited_wrap .model_wrapper dd {
		word-wrap:break-word;
		word-break: break-all;
		overflow: hidden;
	}
}


#register_wrapper{
	text-align:center;
	width:100%;
	position: relative;
	height: 300px;
}

#register_wrapper img{
	margin:0 auto;
}

#register_wrapper #register_device {
	position: absolute;
	left: 0;
	top: 46px;
}

#register_wrapper #register_memberbox,
#register_wrapper #register_idbox{
	position: absolute;
	margin: 0;
	text-align: center;
}

#register_wrapper #register_memberbox dd,
#register_wrapper #register_idbox dd{
	margin: 0;
}

#register_wrapper #register_memberbox{
	left: 280px;
}

#register_wrapper #register_idbox{
	left: 570px;
}

@media screen and (max-width:320px){
#register_wrapper{
	position: static;
	height: auto;
}
#register_wrapper #register_device {
	display: none
}
#register_wrapper #register_memberbox,
#register_wrapper #register_idbox {
	position:static;
}
}

.attention {
	border: 1px solid #ff0000;
	color: #ff0000;
	margin: 20px 0;
	text-align: center;
	padding: 10px 0;
	font-size: 1.2em
}