@charset "utf-8";


/* CSS Document */

#campaign{
	width:880px;
	margin:15px 0px 10px;
	padding:0;
}

#campaign .block{
	display:block;
}

#what_koutan{
	background:url(../campaign/images/what_koutan.jpg) no-repeat;
	width:880px;
	height:390px;
	margin-bottom:30px;
	margin-top:20px;
}

p.what_koutan_text1{
	padding:85px 300px 0 40px;
}

div.what_koutan_text2{
	background:url(../campaign/images/what_koutan2.jpg) no-repeat;
	margin-left:25px;
	padding:15px 55px 5px 140px;
}

span.text_link{
	line-height:250%;
	margin-left:0px;
}

#campaign_contents{
	background:url(../campaign/images/campaign_contents.jpg) no-repeat;
	width:830px;
	height:300px;
	padding:65px 25px 0;
}
#campaign_contents p{
	margin-left:25px;
}
#campaign_contents ul{
	text-align:right;
	padding-right:10px;
}
#campaign_contents ul li{
	font-size:10pt;
}

#campaign_contents p.caution{
	font-size:10pt;
	margin-top:8px;
}

#contents_list{
	background:url(../campaign/images/contents_list.jpg) no-repeat;
	background-position:top;
	width:820px;
	padding:50px 30px 30px;
	margin-top:50px;
}

#contents_list p{
	margin-bottom:20px;
}

#contents_list h3{
	margin-bottom:10px;
	font-size:16pt;
	font-weight:bold;
}

#contents_list ul{
	list-style:disc;
}

#contents_list li{
	display:block;
	float:left;
	width:230px;
	padding-right:20px;
	line-height:140%;
}

#campaign_sample{
	clear:both;
	
	background-position:top;
	width:880px;
	
	margin-bottom:50px;
}

#campaign_sample .campaign_sample_text{
	padding:10px 40px;
}

div.sample_movie{
	float:left;
	width:400px;
	padding:20px;
}

#campaign_sample h3{
	font-size:14pt;
	font-weight:bold;
	margin-bottom:10px;
}

#campaign_sample p{
	margin-bottom:10px;
}

#campaign_pagetop{
	text-align:right;
	padding:5px;
}


/*////////新春お年玉キャンペーン//////////////////////////////////////////*/

#newyear_movie{
	background:url(../campaign/images/2010newyear/newyear_movie_back.jpg) no-repeat;
	width:880px;
	text-align:center;
	margin:20px 0;
}


#campaign_contents2010_01_top{
	background:url(../campaign/images/2010newyear/campaign_contents_top.jpg) no-repeat;
	width:830px;
	padding:110px 25px 0;
}
#campaign_contents2010_01_mid{
	background:url(../campaign/images/2010newyear/campaign_contents_mid.jpg) repeat-y;
	width:830px;
	padding:0 25px 1px;
}
#campaign_contents2010_01_bottom{
	background:url(../campaign/images/2010newyear/campaign_contents_bottom.jpg) no-repeat;
	width:830px;
	padding:0 25px;
	height:30px;
}
#campaign_contents_date201001{
	background:url(../campaign/images/2010newyear/campaign_date.jpg) no-repeat;
	padding:70px 0 20px;
	margin:40px 10px;
}

#campaign_contents_date201001 p{
	margin:0 20px 20px;
}

#campaign_contents2010_01_top p{
	margin-left:25px;
}
#campaign_contents2010_01_mid ul{
	text-align:right;
	padding-right:10px;
}
#campaign_contents2010_01_mid ul li{
	font-size:10pt;
}

#campaign_contents2010_01_mid p.caution{
	font-size:10pt;
	margin-top:8px;
	margin:0 20px;
}

#apply{
	clear:both;
	background:url(../campaign/images/2010newyear/apply_title.jpg) no-repeat;
	background-position:top;
	width:880px;
	padding-top:50px;
}

#apply p{
	margin:0 30px 10px;
}

#apply table{
	width:780px;
	margin:20px auto;
	border:solid 1px #CCCCCC;
}

#apply td dd{
	float:left;
	display:block;
	width:180px;
	padding:3px 5px 3px 0;
}


.campaign_end{
	text-align:center;
	font-weight:bold;
	margin-top:10px;
	color:#F60;
}





/*////////コース新設キャンペーン//////////////////////////////////////////*/


#course01{
	padding:20px;
}

#course01 p{
	margin-bottom:10px;
}

#course02{
	padding:20px;
}

#course02 table{
	border-collapse:collapse;
	width:700px;
	margin:20px auto 30px;
}

#course02 td{
	padding:8px;
	border:solid 1px #999;
	font-size:11pt;
}

.courseimg2{
	margin:10px auto;
	text-align:center;
}

#course02 td a img {
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}
#course02 td a:hover img {
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}



/*////////フォローミーキャンペーン//////////////////////////////////////////*/


#twitter_campaign_flow{
	background:url(../campaign/images/201006/twitter_campaign_flow.jpg) no-repeat;
	width:840px;
	margin:20px auto 0px;
	padding:290px 0 40px 40px;
}

.twitter_campaign_text{
	margin:10px 20px 40px;
}

#twitter_campaign_flow a img {
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}
#twitter_campaign_flow a:hover img {
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}



/*////////全講座見放題キャンペーン//////////////////////////////////////////*/


.campaign_201007_box{
	width:840px;
	margin:20px auto 40px;
}

.campaign_201007_box p{
	margin:10px;
}

.campaign_201007_box img{
	margin:30px	auto;
}

.campaign_201007_box ul{
	margin:10px 10px 0;
	border:solid 1px #09F;
	padding:10px;
}

.campaign_201007_box li{
	width:370px;
	float:left;
	font-size:12pt;
	margin-left:20px;
}

div.order_campaign201007{
	clear:both;
}

.order_campaign201007 a{
	background:url(../campaign/images/201007/standard_campaign_btn.jpg) no-repeat;
	background-position:top;
	display:block;
	width:340px;
	height:80px;
	text-indent:-9999px;
	margin:40px auto 50px;
}

.order_campaign201007 a:hover{
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}



/*////////新春キャンペーン2011//////////////////////////////////////////*/


#newyear_movie{
	background:url(../campaign/images/2010newyear/newyear_movie_back.jpg) no-repeat;
	width:880px;
	text-align:center;
	margin:20px 0 40px;
}

#newyear_sample{
	clear:both;
	background:url(../campaign/images/2011newyear/newyear_sample.jpg) no-repeat;
	background-position:top;
	width:880px;
	padding-top:50px;
	margin-bottom:50px;
}

#newyear_sample .campaign_sample_text{
	padding:10px 40px;
}

div.sample_movie{
	float:left;
	width:400px;
	padding:20px;
}

#newyear_sample h3{
	font-size:14pt;
	font-weight:bold;
	margin-bottom:10px;
}

#newyear_sample p{
	margin-bottom:10px;
}

.campaign_201101_box{
	width:840px;
	margin:20px auto 40px;
}

.campaign_201101_box p{
	margin:10px;
}

.campaign_201101_box img{
	margin:30px	auto;
}

.campaign_201101_box ul{
	margin:10px 10px 0;
	border:solid 1px #F60;
	padding:10px;
}

.campaign_201101_box li{
	width:370px;
	float:left;
	font-size:12pt;
	margin-left:20px;
}

.order_campaign201101 a{
	background:url(../campaign/images/2011newyear/newyear_campaign_btn.jpg) no-repeat;
	background-position:top;
	display:block;
	width:340px;
	height:90px;
	text-indent:-9999px;
	margin:40px auto 50px;
}

.order_campaign201101 a:hover{
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}




/*////////春の無料体験キャンペーン2011//////////////////////////////////////////*/



.order_campaign201103 a{
	background:url(../campaign/images/201103/spring_campaign_btn.jpg) no-repeat;
	background-position:top;
	display:block;
	width:340px;
	height:90px;
	text-indent:-9999px;
	margin:40px auto 50px;
}

.order_campaign201103 a:hover{
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}

#spring2011_form{
	width:840px;
	margin:10px auto 100px;
}

#spring2011_form{
	clear:both;
	width:880px;
}

.campaign_201101_box ol{
	padding-left:20px;
}

.campaign_201101_box ol li{
	width:auto;
	float:none;
	margin-bottom:8px;
	font-size:11pt;
}

.campaign_201101_box table{
	width:820px;
	font-size:11pt;
	margin:10px auto 20px;
	border-collapse:collapse;
}

.campaign_201101_box table th,
.campaign_201101_box table td{
	border:solid 1px #CCC;
	padding:5px;
	line-height:145%;
}


#spring2011_form p{
	margin:0 30px 10px;
}

#spring2011_form table{
	width:780px;
	margin:20px auto;
	border:solid 1px #CCCCCC;
}

#spring2011_form td dd{
	float:left;
	display:block;
	width:180px;
	padding:3px 5px 3px 0;
}

#spring2011_form input{
	margin-right:5px;
}

#submit_area input{
	width:140px;
	height:36px;
}

.order_box{
	text-align:center;
	margin:0 auto 50px;
}





.order_campaign201106_top a{
	background:url(../campaign/images/201106/shopowner_2011.jpg) no-repeat;
	background-position:top;
	display:block;
	width:880px;
	height:300px;
	text-indent:-9999px;
	margin:0px 0 50px;
}


div.order_campaign201106{
	clear:both;
}

.order_campaign201106 a{
	background:url(../campaign/images/201106/shopowner_campaign_btn_b.jpg) no-repeat;
	background-position:top;
	display:block;
	width:760px;
	height:100px;
	text-indent:-9999px;
	margin:40px auto 50px;
}

.order_campaign201106_top a:hover{
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}

.order_campaign201106 a:hover{
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}




#autumn_title{
	position:relative;
	background:url(../campaign/images/201109/autumn2011.jpg) no-repeat;
	background-position:top;
	width:880px;
	height:400px;
	margin-bottom:20px;
}

#autumn_title a{
	position:absolute;
	bottom:35px;
	right:25px;
}

#autumn_title a:hover{
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}

#autumn_title a:hover{
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}




#pop_title{
	position:relative;
	background:url(../campaign/images/201111/pop2011_01.jpg) no-repeat;
	background-position:top;
	width:880px;
	height:340px;
	margin-bottom:20px;
}

#pop_title a{
	position:absolute;
	bottom:00px;
	right:25px;
}

#pop_title a:hover{
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}

#pop_title a:hover{
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}

.movie_box{
	clear:both;
	padding:20px 20px 30px;
}

.movie_box p{
	width:420px;
}


.campaign_201111_box table{
	width:820px;
	font-size:11pt;
	margin:5px auto 20px;
	border-collapse:collapse;
}

.campaign_201111_box table th,
.campaign_201111_box table td{
	border:solid 2px #FFF;
	padding:5px;
	line-height:145%;
}
.campaign_201111_box table th{
	background:#FFDFBF;
}
.campaign_201111_box table td{
	background:#FFF5EC;
}


.campaign_201111_box{
	width:840px;
	margin:10px auto 40px;
}