@charset "utf-8";

/*=========================================================
 *	file name : common.css - Eduq_movie
=========================================================*/


#container{
	margin:0 auto;
	width:880px;
	text-align:left;
}

#header{
	margin:0 auto;
	width:880px; height:280px;
	text-align:left; padding:30px 0 0 0;
}

#seo{font-size:12px; margin:0; padding:0 0 0 0; color:#555;}
.seo02{font-size:12px; margin:0; padding:0 0 0 0; color:#555;}

#main_image{
	height:250px; width:880px;
	behavior: expression(IEPNGFIX.fix(this));
	background:url(../img/main_image.png) no-repeat top left;
	}
	


ul#box{margin:0; padding:0; text-align:center;}
ul#box:after{
	height:0; visibility:hidden;
	content: ".";
	display:block;
	clear:both;
}
ul#box li{
	list-style-type:none;
	float:left;
	width:283px;
	height:186px;
	display:inline;
	text-align:left;
}

ul#box02{margin:0; padding:0;}
ul#box02:after{
	height:0; visibility:hidden;
	content: ".";
	display:block;
	clear:both;
}
ul#box02 li{
	list-style-type:none;
	float:left;
	width:283px;
	height:186px;
	display:inline;
}

.middle{margin:0 10px;}

.box02{
	height:186px;
}

.caption_btm{
	text-align:left;
	
	position:relative;
	z-index:0;
	
	margin-top:-60px;
	width:100%;
	height:60px;
	behavior: expression(IEPNGFIX.fix(this));
	background:url(../img/bg02.png) repeat top left;
}

#footer{clear:both; height:100px; margin-top:50px; border-top:2px solid #ccc; padding-top:10px;}

/*=========================================================
 *	sub pages layout
=========================================================*/

#header_sub{
	margin:0 auto;
	width:880px; height:530px;
	text-align:left; padding:50px 0 0 0;
}
#mov_bg{
	height:421px; width:880px; padding-top:30px; margin:0 auto ; text-align:center;
	behavior: expression(IEPNGFIX.fix(this));
	background:url(../img/mov_bg.png) no-repeat top left;
	}
#btn01{text-align:left; padding:0;}

/*=========================================================
 *	basic tag
=========================================================*/

a.btn:link, a.btn:visited, a.btn:active {
	text-decoration: underline; font-weight:normal;
	color:#fff;
}

a.btn:hover {
	text-decoration: none;
	color:#ccc;
}

a.btn_right:link, a.btn_right:visited, a.btn_right:active {
	text-decoration: none;
	height:34px;
	background:url(../img/link02.gif) no-repeat top left;
	padding:2px 0 5px 20px;
}

a.btn_right:hover {
	text-decoration: underline;
	height:34px;
	background:url(../img/link02.gif) no-repeat top left;
	padding:2px 0 5px 20px;
}

a.btn_ttl:link, a.btn_ttl:visited, a.btn_ttl:active {
	text-decoration: none;
	font-weight:bold; color:#E8322F; font-size:120%;
}

a.btn_ttl:hover {
	text-decoration: underline;
	font-weight:bold; color:#E8322F; font-size:120%;
}

td{background-color:#fff; padding:5px;}

img{border:0; margin:0; padding:0;}

ul{
	margin:0; padding:0;
}
ul li{
	margin:0 0 0 0 ; padding:0;
	list-style-type:none;
	*font-size: 83%; /*IE*/
	*font: 77%; /*IE quirks mode*/
}

dl{
	width:480px; margin:0 20px;
}
dl dt{
	float:left;
	width:70px;
	padding:0 0 5px 10px;
	border-bottom:1px dotted #ccc;
	height:15px;
	line-height:1.7em;
	margin:5px 0;
	background:url("../img/dd_bg.gif") repeat-y;
}
dl dd{
	float:right;
	width:400px;
	padding:0 0 5px 0;
	border-bottom:1px dotted #ccc;
	margin:5px 0;
	height:15px;
	line-height:1.7em;
}

.ma5{margin:5px;}
.ma10{margin:10px;}
.ma15{margin:15px;}
.ma20{margin:20px;}
.ma25{margin:25px;}
.ma30{margin:30px;}

.font30{font-size:30%;}
.font35{font-size:35%;}
.font40{font-size:40%;}
.font50{font-size:50%;}
.font65{font-size:65%;}
.font70{font-size:70%;}
.font80{font-size:77%;}
.font85{font-size:85%;}
.font90{font-size:88%;}
.font100{font-size:92%;}
.font110{font-size:100%;}
.font120{font-size:122%;}
.font130{font-size:130%;}
.font140{font-size:140%;}
.font150{font-size:150%;}
.font160{font-size:160%;}
.font180{font-size:180%;}
.font200{font-size:200%;}

.mat5{margin-top:5px;}
.mat10{margin-top:10px;}
.mat15{margin-top:15px;}
.mat20{margin-top:20px;}
.mat25{margin-top:25px;}
.mat30{margin-top:30px;}
.mat40{margin-top:40px;}
.mat50{margin-top:50px;}

.mar5{margin-right:5px;}
.mar8{margin-right:8px;}

.pad5{padding:5px;}

.pal5{padding-left:5px;}
.pal8{padding-left:8px;}
.pal10{padding-left:10px;}

.par5{padding-right:5px;}
.par8{padding-right:8px;}
.par10{padding-right:10px;}

.hgt10{height:10px; clear:both;}
.hgt20{height:20px; clear:both;}
.hgt30{height:30px; clear:both;}
.hgt40{height:40px; clear:both;}
.hgt50{height:50px; clear:both;}
.hgt80{height:80px; clear:both;}
.hgt100{height:100px; clear:both;}
.hgt150{height:150px; clear:both;}

.hgt10nc{height:10px;}
.hgt20nc{height:20px;}
.hgt30nc{height:30px;}
.hgt40nc{height:40px;}
.hgt50nc{height:50px;}
.hgt80nc{height:80px;}
.hgt100nc{height:100px;}
.hgt150nc{height:150px;}

.red{color:#cc0000;}
.blk{color:#494a41;}
.cor01{color:#f0007e;}
.gry{color:#666;}

.white{color:#fff;}
.bold{font-weight:bold;}
.blk{color:#000;}
.align_r{text-align:right; padding:20px 30px 0 0;}
.center{text-align:center;}
.caption{clear:both; padding:30px 0;}