@charset "utf-8";
/* ss_template */
/*各ページの詳細設定*/
/*<div id="contents" class="clearfix">の次のタグは<div id="#main" class="各ページの名前">とする*/

/**********************************************/
/*ソリューション＆サービス　各ページごとの設定*/
/**********************************************/
/*SSは各ページによって内容がちがうためCSSもわけてある*/

a,img, h3, h2 { behavior: url(http://www.artteknika.com/common/js/iepngfix.htc) }

/*--------------------------------------*/
/*SSトップ*/
/*--------------------------------------*/
#contents div.ss{
	position:relative;
}

#contents div.ss div#indexmenu{
	height:460px;
	background:url(../../images/bg_ss.jpg) no-repeat;
	background-color:#00C6FF;
	padding:65px 35px 0px 35px;
}

/*IE6*/
*html body #contents div.ss div#indexmenu{
	padding:0px;
	height:580px;
}

/*タイトル画像*/
#contents div.ss h2{
	background:url(../../images/h2_ss.png) no-repeat;
	height:50px;
	margin-bottom:70px;
}

/*IE6*/
*html body #contents div.ss h2{
	margin:35px 0px 70px 35px;
}

#contents div.ss p{
	color:#FFFFFF;
	height:80px;
}

#contents div.ss ul{
	margin-top:20px;
	font-size:0px;
}

#contents div.ss li{
	margin-bottom:10px;
}

#contents div.ss li a{
	display:block;
	width:200px;
}

#contents img.preload{
	display:none;
}

/*エンタープライズソリューション*/
#contents div.ss div#e{
	display:block;
	width:200px;
	height:auto;
	float:left;
	margin-right:20px;
}

/*IE6*/
*html body #contents div.ss div#e{
	margin-left:17px;
}

#contents div.ss div#e h3{
	width:200px;
	height:25px;
	text-indent:-9999px;
	background:url(../../images/h3_ss_e.png) no-repeat;
	margin-bottom:10px;
}

#contents div.ss div#e li a{
}

#contents div.ss div#e li a.e_ria{
	background:url(../../images/ss_e_ria.png) no-repeat;
	width:200px;
	height:45px;
}

#contents div.ss div#e li a.e_ria_h{
	background:url(../../images/ss_e_ria_on.png) no-repeat;
	width:200px;
	height:75px;
}

#contents div.ss div#e li a.e_live{
	background:url(../../images/ss_e_live.png) no-repeat;
	width:200px;
	height:45px;
}

#contents div.ss div#e li a.e_live_h{
	background:url(../../images/ss_e_live_on.png) no-repeat;
	width:200px;
	height:75px;
}


/*コミュニケーションデザイン*/
#contents div.ss div#c{
	display:block;
	width:200px;
	height:auto;
	float:left;
	margin-right:20px;
}

#contents div.ss div#c h3{
	width:200px;
	height:25px;
	text-indent:-9999px;
	background:url(../../images/h3_ss_c.png) no-repeat;
	margin-bottom:10px;
}


#contents div.ss div#c li a.c_app{
	background:url(../../images/ss_c_app.png) no-repeat;
	width:200px;
	height:45px;
}

#contents div.ss div#c li a.c_app_h{
	background:url(../../images/ss_c_app_on.png) no-repeat;
	width:200px;
	height:92px;
}

#contents div.ss div#c li a.c_con{
	background:url(../../images/ss_c_con.png) no-repeat;
	width:200px;
	height:45px;
}

#contents div.ss div#c li a.c_con_h{
	background:url(../../images/ss_c_con_on.png) no-repeat;
	width:200px;
	height:75px;
}


/*A/Vテクノロジー*/
#contents div.ss div#a{
	display:block;
	width:200px;
	height:auto;
	float:left;
}

#contents div.ss div#a h3{
	width:200px;
	height:25px;
	text-indent:-9999px;
	background:url(../../images/h3_ss_a.png) no-repeat;
	margin-bottom:10px;
}

#contents div.ss div#a li a{
}

#contents div.ss div#a li a.a_mov{
	background:url(../../images/ss_a_mov.png) no-repeat;
	width:200px;
	height:45px;
}

#contents div.ss div#a li a.a_mov_h{
	background:url(../../images/ss_a_mov_on.png) no-repeat;
	width:200px;
	height:75px;
}

#contents div.ss div#a li a{
}

#contents div.ss div#a li a.a_ocl{
	background:url(../../images/ss_a_ocl.png) no-repeat;
	width:200px;
	height:45px;
}

#contents div.ss div#a li a.a_ocl_h{
	background:url(../../images/ss_a_ocl_on.png) no-repeat;
	width:200px;
	height:92px;
}


/*--------------------------------------*/
/*RIA開発*/
/*--------------------------------------*/

#contents div.e_ria{
}

/*タイトル画像*/
#contents div.e_ria h2{
	background:url(../../images/h2_e_ria.jpg) no-repeat;
	height:180px;
}

/*h4*/
#contents div.e_ria div.content h4#h4_01{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss01.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.e_ria div.content h4#h4_02{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss02.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.e_ria div.content h4#h4_03{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss03.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

/*h5*/
#contents div.e_ria div.content h5{
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 10px 12px;
	margin:25px 0px 5px 0px;
	background:url(../../images/h5_icon.gif) left no-repeat;
}

/*強調文字*/
#contents div.e_ria div.content strong{
	font-weight:bold;
	color:#FF7800;
}

/*--------------------------------------*/
/*ライブ配信*/
/*--------------------------------------*/

#contents div.e_live{
}

/*タイトル画像*/
#contents div.e_live h2{
	background:url(../../images/h2_e_live.jpg) no-repeat;
	height:180px;
}

/*h4*/
#contents div.e_live div.content h4#h4_01{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss01.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.e_live div.content h4#h4_02{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss07.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.e_live div.content h4#h4_03{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss08.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.e_live div.content h4#h4_04{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss09.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.e_live div.content h4#h4_05{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss05.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.e_live div.content h4#h4_06{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss04.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

/*h5*/
#contents div.e_live div.content h5{
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 10px 12px;
	margin:25px 0px 5px 0px;
	background:url(../../images/h5_icon.gif) left no-repeat;
}

/*費用*/
#contents div.e_live div.content table{
	border-top:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
}

#contents div.e_live div.content th,
#contents div.e_live div.content td
{
	border-left:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	padding:5px;
}

#contents div.e_live div.content th{
	background-color:#dddddd;
	text-align:left;
}
/*--------------------------------------*/
/*スマートフォンアプリケーション開発*/
/*--------------------------------------*/

#contents div.c_app{
}

/*タイトル画像*/
#contents div.c_app h2{
	background:url(../../images/h2_c_app.jpg) no-repeat;
	height:180px;
}

/*h4*/
#contents div.c_app div.content h4#h4_01{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss01.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.c_app div.content h4#h4_02{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss11.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.c_app div.content h4#h4_03{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss09.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

/*h5*/
#contents div.c_app div.content h5{
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 10px 12px;
	margin:25px 0px 5px 0px;
	background:url(../../images/h5_icon.gif) left no-repeat;
}

/*--------------------------------------*/
/*解説＆ラーニングコンテンツ制作サービス*/
/*--------------------------------------*/

#contents div.c_con{
}

/*タイトル画像*/
#contents div.c_con h2{
	background:url(../../images/h2_c_con.jpg) no-repeat;
	height:180px;
}

/*h4*/
#contents div.c_con div.content h4#h4_01{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss01.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.c_con div.content h4#h4_02{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss11.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.c_con div.content h4#h4_03{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss03.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.c_con div.content h4#h4_04{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss12.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.c_con div.content h4#h4_05{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss13.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

/*h5*/
#contents div.c_con div.content h5{
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 10px 12px;
	margin:25px 0px 5px 0px;
	background:url(../../images/h5_icon.gif) left no-repeat;
}


/*--------------------------------------*/
/*FProxKit*/
/*--------------------------------------*/

#contents div.c_fla{
}

/*タイトル画像*/
#contents div.c_fla h2{
	background:url(../../images/h2_c_fla.jpg) no-repeat;
	height:180px;
}

/*h4*/
#contents div.c_fla div.content h4#h4_01{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss01.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.c_fla div.content h4#h4_02{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss04.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.c_fla div.content h4#h4_03{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss05.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.c_fla div.content h4#h4_04{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss06.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

/*h5*/
#contents div.c_fla div.content h5{
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 10px 12px;
	margin:25px 0px 5px 0px;
	background:url(../../images/h5_icon.gif) left no-repeat;
}

/*--------------------------------------*/
/*映像/音響技術ソフトウェア開発[受託開発*/
/*--------------------------------------*/

#contents div.a_mov{
}

/*タイトル画像*/
#contents div.a_mov h2{
	background:url(../../images/h2_a_mov.jpg) no-repeat;
	height:180px;
}

/*h4*/
#contents div.a_mov div.content h4#h4_01{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss01.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.a_mov div.content h4#h4_02{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss02.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.a_mov div.content h4#h4_03{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss03.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

/*h5*/
#contents div.a_mov div.content h5{
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 10px 12px;
	margin:25px 0px 5px 0px;
	background:url(../../images/h5_icon.gif) left no-repeat;
}

/*強調文字*/
#contents div.a_mov div.content strong{
	font-weight:bold;
	color:#FF7800;
}

/*--------------------------------------*/
/*並列ソフトウェア開発(CUDA/OpenCL)*/
/*--------------------------------------*/

#contents div.a_ocl{
}

/*タイトル画像*/
#contents div.a_ocl h2{
	background:url(../../images/h2_a_ocl.jpg) no-repeat;
	height:180px;
}

/*h4*/
#contents div.a_ocl div.content h4#h4_01{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss01.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.a_ocl div.content h4#h4_02{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss08.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

#contents div.a_ocl div.content h4#h4_03{
	height:18px;
	padding-bottom:10px;
	background:url(../../images/h4_ss09.gif) no-repeat;
	text-indent:-9999px;
	border-bottom:#CCCCCC solid 1px;
}

/*h5*/
#contents div.a_ocl div.content h5{
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 10px 12px;
	margin:25px 0px 5px 0px;
	background:url(../../images/h5_icon.gif) left no-repeat;
}