@charset "utf-8";
.topimg{
	position:relative;
	width:800px;
	height:370px;
	background-image:url(../img/header/header_top.jpg);
	background-repeat:no-repeat;
	}
	
.topimg p{text-indent:-9999px;}
	
.topimg p a{
	display:block;
	width:256px;
	height:200px;
	position:absolute;
	bottom:11px;
	right:40px;
	background-image:url(../img/header/player_top.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	border:none;
	outline:none;
}
.topimg p a:hover{
	background-position:0 -200px;
}
.topimg li{
	float:left;
	text-indent:-9999px;
}
.topimg li a{
	display:block;
	margin-top:290px;
	width:227px;
	height:69px;
	overflow:hidden;
}
.topimg li a:hover{background-position:0 -69px;}
#top_btn1 a{
	margin-left:15px;
	background-image:url(../img/header/header_top_menu1.jpg);
	background-repeat:no-repeat;
}
#top_btn2 a{
	margin-left:10px;
	background-image:url(../img/header/header_top_menu2.jpg);
	background-repeat:no-repeat;
}
/*ページタブ関連*/
#tab li{
	float:left;
	list-style-type:none;
	text-indent:-9999px;
}
#tab li a{
	display:block;
	width:191px;
	height:47px;
}
 
#tab_dtp,#tab_web{margin-right:4px;}
#tab_dtp a{background-image:url(../img/common/tab_dtp.jpg);}
#tab_web a{background-image:url(../img/common/tab_web.jpg);}
#tab_dl a{background-image:url(../img/common/tab_dl.jpg);}
#tabline{
	height:10px;
	clear:both;
	background-repeat:no-repeat;
}
/*ここまで：ページタブ関連*/
/*大ワク設定*/
#contents_frame{
	position:relative;	/*IE6 border消え対策*/
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:10px 10px 30px 10px;
	line-height:1.5;	/*全体行高さ指定*/
}
.courseinfo_box{
	position:relative;
	width:520px;
	margin:20px auto;
	padding:10px 20px;
}
.courseinfo_dtp {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	position: relative;
	border: 2px solid #2ACAEC;
	width: 516px;
}
.courseinfo_web {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	position: relative;
	border: 2px solid #F68E09;
	width: 516px;
}
.courseinfo_dl {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	position: relative;
	border: 2px solid #EF6BA2;
	width: 516px;
}
.coursetitle_set h3{float:left;margin-right:50px;}
.coursetitle_set p{padding-top:5px;}
.coursetitle_text{
	width:500px;
	float:left;
	margin-top:5px;
	padding-top:5px;
	clear:both;
}
.coursetitle_komidashi {
	font-size: 12px;
	color: #FF0000;
	clear: both;
	float: left;
	width: 500px;
	margin-top: 5px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
}
.coursetitle_nakamidashi {
	font-size: 11px;
	color: #ED30AB;
}
.coursetitle_oomidashi {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 18px;
	color: #2ACAEC;
	line-height: normal;
}
.coursetitle_oomidashi_web {
	font-size: 18px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #F68E09;
}
.coursetitle_oomidashi_tuushin {
	font-size: 18px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #EF6BA2;
}
.moreinfo{
	float:right;
	clear: both;
	padding-bottom: 1px;
	padding-top: 5px;
}
#top_news{
	padding:20px;
	background-color:#f5f5f5;
}
#top_news h2{
	width:480px;
	padding-bottom:10px;
	border-bottom:1px solid #666;
	}
.news_box{
	margin:20px auto;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;	
	}
	
.news_box h3{
	width:90%;
	color:#fff;
	font-weight:bold;
	font-size:105%;
	background-color:#F60;
	padding:0.2em 0.5em;
	margin-bottom:1em;
	}
.news_ymd{
	margin-bottom:0.4em;
	font-size:78%;
	color:#600;
	}
	
#news_more{text-align:right;}#buttonarea {
	display: block;
}
#button {
	display: block;
	height: 60px;
	margin-top: 30px;
	margin-bottom: 20px;
}
#data  a {
	display: block;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background-image: url(../img/top/data.jpg);
	height: 41px;
	width: 154px;
	margin-left: 93px;
}
#data  a:hover {
	background-position: -154px;
}
#experience  a {
	display: block;
	background-image: url(../img/top/experience.jpg);
	height: 41px;
	width: 154px;
	margin-left: 293px;
}
#experience  a:hover {
	background-position: -154px;
}
#main_advertisement {
	display: block;
	margin-top: 10px;
	clear: both;
}
#main_advertisement ul {
	display: block;
	clear: both;
}
#topic1  a    {
	display: block;
	float: left;
	background-image: url(../img/top/topic1_1.jpg);
	height: 50px;
	width: 179px;
	clear: both;
}
#topic1  a:hover {
	background-image: url(../img/top/topic1_2.jpg);
}
#topic2  a  {
	display: block;
	background-image: url(../img/top/topic2_1.jpg);
	height: 50px;
	width: 179px;
	margin-left: 21px;
	float: left;
	clear: none;
}
#topic2  a:hover {
	background-image: url(../img/top/topic2_2.jpg);
}
#topic3  a  {
	display: block;
	background-image: url(../img/top/topic3_1.jpg);
	height: 50px;
	width: 179px;
	margin-left: 21px;
	float: left;
	clear: none;
}
#topic3  a:hover {
	background-image: url(../img/top/topic3_2.jpg);
}
#topic4  a  {
	display: block;
	background-image: url(../img/top/topic4_1.jpg);
	height: 50px;
	width: 179px;
	float: left;
	clear: none;
	margin-left: 21px;
}
#topic4  a:hover {
	background-image: url(../img/top/topic4_2.jpg);
}