@charset "utf-8";
/* CSS Document */

.img_menu_area
{
	text-align:center;

}

.img_menu_area img
{
	width:100px;
	height:100px;
	margin-left:10px;

}

.design_area
{
	margin-top:20px;
	width:990px;
	height:259px;
	position:relative;
}

.design_area h2
{
	width:990px;
	height:259px;
	text-indent:-9999px;
	background:url(../img/design_bg.gif) no-repeat;
}

.design_area p
{
	font-size:13px;
	position:absolute;
	top:45px;
}

.coding_area h2
{
	margin:40px 0 10px 0;
	width:400px;
	height:38px;
	text-indent:-9999px;
	background:url(../img/coding_bg.gif) no-repeat;
}

.coding_area_l
{
	float:left;
	width:500px;
}

.coding_area_r
{
	width:480px;
	margin-left:10px;
	float:left;
}

.coding_area table
{
	width:500px;
	border-collapse:collapse;
}

.coding_area th
{
	color:#ff1d9d;
	border-right:2px solid #1b9d01;
	padding:3px;
	width:30px;
	text-align:center;
}

.coding_area td
{
	color:#fff;
	padding:3px;
	font-size:12px;
}

.col1
{
	background:#222;
}

.col2
{
	background:#444;
}

.sp_area h2
{
	margin:40px 0 10px 0;
	width:990px;
	height:64px;
	text-indent:-9999px;
	background:url(../img/sp_bg.gif) no-repeat;
}

.sp_area h3
{
	margin-top:15px;
	width:530px;
	height:40px;
	text-indent:-9999px;
	background:url(../img/sp_h3.gif) no-repeat;
}

.sp_cssanimation
{
	margin-top:3px;
	padding-top:60px;
	width:990px;
	height:304px;
	background:url(../img/sp_cssanimation_bg.gif) no-repeat;
}

.sp_cssanimation_p
{
	margin-left:510px;
}

.csssample_box
{
	margin-left:510px;
}

.mobile_area_div
{
	background:url(../img/mb_area_bg.gif) no-repeat;
	width:990px;
	height:360px;
	position:relative;
}

.mobile_area h2
{
	margin:40px 0 10px 0;
	width:990px;
	height:51px;
	text-indent:-9999px;
	background:url(../img/mb_bg.gif) no-repeat;
}


.mobile_area_p1
{
	top:75px;
	left:587px;
	position:absolute;
}

.mobile_area_p2
{
	top:240px;
	left:419px;
	position:absolute;
}

.flash_area h2
{
	margin:40px 0 10px 0;
	width:990px;
	height:51px;
	text-indent:-9999px;
	background:url(../img/fl_bg.gif) no-repeat;
}


.flash_area_div
{
	width:990px;
	height:618px;
	background:url(../img/fl1.gif) no-repeat;
}

.flash_area_div2
{
	width:990px;
	height:596px;
	background:url(../img/fl2.gif) no-repeat;
	position:relative;
}

.flash_area_p1
{
	position:absolute;
	left:500px;
	top:80px;
}

.flash_area_p2
{
	position:absolute;
	left:747px;
	top:310px;
}

.program_area h2
{
	margin:40px 0 10px 0;
	width:990px;
	height:51px;
	text-indent:-9999px;
	background:url(../img/pg_bg.gif) no-repeat;
}

.program_area table
{
	width:800px;
	border-collapse:collapse;
	border:1px solid #ccc;
}

.program_area td,th
{
	padding:3px;
	border:1px solid #ccc;
}

.program_area th
{
	background:#666;
	color:#fff;
	font-weight:bold;
}

.program_area th.pg_title
{
	background:#eee;
	color:#000;
}

.database_area h2
{
	margin:40px 0 10px 0;
	width:990px;
	height:51px;
	text-indent:-9999px;
	background:url(../img/db_bg.gif) no-repeat;
}

.database_area_div
{
	width:990px;
	height:126px;
	background:url(../img/db_area.gif) no-repeat;
	position:relative;
}

.database_area_p1,.database_area_p2, .database_area_p3, .database_area_p4
{
	width:240px;
	height:126px;
	position:absolute;
}

.database_area_p1
{
	top:47px;
	left:10px;
}

.database_area_p2
{
	top:47px;
	left:260px;
}

.database_area_p3
{
	top:38px;
	left:510px;
}

.database_area_p4
{
	top:47px;
	left:760px;
}

.seo_area h2
{
	margin:40px 0 10px 0;
	width:990px;
	height:109px;
	text-indent:-9999px;
	background:url(../img/seo_bg.gif) no-repeat;
}

.seo_area_div
{
	width:990px;
	height:564px;
	background:url(../img/seo1.gif) no-repeat;
	position:relative;
}

.seo_area_p1
{
	width:640px;
	height:200px;
	top:85px;
	left:310px;
	position:absolute;
}

.seo_area_p2
{
	width:350px;
	height:300px;
	top:410px;
	left:0px;
	font-size:12px;
	position:absolute;
}

.contents1
{
	background:url(../img/contents1.gif) no-repeat;
	width:990px;
	height:570px;
	position:relative;
	top:0;
	left:0;
}

.contents_p1
{
	line-height:20px;
	position:absolute;
	width:420px;
	height:130px;
	top:365px;
	left:35px;
}

.contents_p2
{
	line-height:20px;
	position:absolute;
	width:420px;
	height:130px;
	top:365px;
	left:535px;
}

.contents2
{
	background:url(../img/contents2.gif) no-repeat;
	width:990px;
	height:570px;
	position:relative;
	top:0px;
	left:0;
	margin-top:30px;
}

.contents3
{
	background:url(../img/contents3.gif) no-repeat;
	width:990px;
	height:570px;
	position:relative;
	top:0px;
	left:0;
	margin-top:30px;
}

.a_1
{
	width:190px;
	height:50px;
	position:absolute;
	top:520px;
	left:150px;
}

.a_2
{
	width:190px;
	height:50px;
	position:absolute;
	top:520px;
	left:650px;
}