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

/* アイキャッチ
=======================================*/

#eyecatch {
	background-image:url(img/bg_eyecatch_advantage.jpg);
}

#eye-picbox {
	width:240px;
	padding:25px 0 0 0;
}

#eye-picbox ul {
	font-size:1%;
	line-height:1%;
}

#eye-picbox ul li {
	width:65px;
	height:65px;
	margin-bottom:10px;
}

#eyenavi01 {
	margin-left:75px;
}

#eyenavi02,
#eyenavi03,
#eyenavi04,
#eyenavi05,
#eyenavi06 {
	float:left;
}

#eyenavi02,
#eyenavi03,
#eyenavi05 {
	margin-right:10px;
}

#eyenavi05 {
	margin-left:75px;
	_margin-left:37px;/* for ie6 */
}

/* カテゴリ別タイトル */

#eyecatch h2#index{
	background-image:url(img/index/pagettl_index.gif);
	width:357px;
	height:84px;
}

#eyecatch h2#java{
	background-image:url(img/java/pagettl_java.png);
	width:199px;
	height:85px;
}

#eyecatch h2#html5{
	background-image:url(img/html5/pagettl_html5.gif);
	width:357px;
	height:85px;
}

#eyecatch h2#air{
	background-image:url(img/air/pagettl_air.gif);
	width:393px;
	height:89px;
}

#eyecatch h2#mobile{
	background-image:url(img/mobile/pagettl_mobile.gif);
	width:254px;
	height:87px;
}

#eyecatch h2#ria{
	background-image:url(img/ria/pagettl_ria.gif);
	width:201px;
	height:89px;
}

#eyecatch h2#soa{
	background-image:url(img/soa/pagettl_soa.gif);
	width:243px;
	height:88px;
}

#eyecatch h2#cloud{
	background-image:url(img/cloud/pagettl_cloud.gif);
	width:488px;
	height:91px;
}


/* 一覧 ボタンリスト
=======================================*/

.list-txt strong {
	color:#cb0311;
}

/* その他
=======================================*/

a#clickable_img{
	display:block;
	width:500px;
	margin-bottom:20px;
}

/* cnv 文言 */

.cnvtext-java {
	background:url(img/java/pic_java_appeal.jpg) center top no-repeat;
	width:692px;
	height:164px;
}

.cnvtext-html5 {
	background:url(img/html5/pic_html5_appeal.jpg) center top no-repeat;
	width:692px;
	height:164px;
}

.cnvtext-air {
	background:url(img/air/pic_air_appeal.gif) center top no-repeat;
	width:692px;
	height:164px;
}

.cnvtext-mobile {
	background:url(img/mobile/pic_mobile_appeal.gif) center top no-repeat;
	width:692px;
	height:164px;
}

.cnvtext-ria {
	background:url(img/ria/pic_ria_appeal.gif) center top no-repeat;
	width:612px;
	height:79px;
}

.cnvtext-soa {
	background:url(img/soa/pic_soa_appeal.gif) center top no-repeat;
	width:732px;
	height:79px;
}

.cnvtext-cloud {
	background:url(img/cloud/pic_cloud_appeal.gif) center top no-repeat;
	width:692px;
	height:164px;
}

/* cnv ボタン */

a.cnv-index{
	background:url(img/index/btn_index.gif) center top no-repeat;
	width:420px;
	height:63px;
}

a.cnv-java{
	background:url(img/java/btn_java.png) center top no-repeat;
	width:420px;
	height:63px;
}

a.cnv-html5{
	background:url(img/html5/btn_html5.png) center top no-repeat;
	width:420px;
	height:63px;
}

a.cnv-air{
	background:url(img/air/btn_air.gif) center top no-repeat;
	width:420px;
	height:63px;
}

a.cnv-mobile{
	background:url(img/mobile/btn_mobile.gif) center top no-repeat;
	width:420px;
	height:63px;
}

a.cnv-ria{
	background:url(img/ria/btn_ria.gif) center top no-repeat;
	width:420px;
	height:63px;
}

a.cnv-soa{
	background:url(img/soa/btn_soa.gif) center top no-repeat;
	width:420px;
	height:63px;
}

a.cnv-cloud{
	background:url(img/cloud/btn_cloud.gif) center top no-repeat;
	width:420px;
	height:63px;
}


/* タイトル java
=======================================*/

/* h2 */

h2#ttl_h2_java_1{
	background:url(img/java/ttl_java_about.png) left top no-repeat;
	width:320px;
	height:55px;
}

h2#ttl_h2_java_2{
	background:url(img/java/ttl_java_development.png) left top no-repeat;
	width:320px;
	height:88px;
}

h3#ttl_h3_java_1{
	width:500px;
	height:20px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}
.h3-strong-span{
	color: firebrick;
	font-size: 20px;
	font-family: "Arial Black", Gadget, "sans-serif";
}

h3#ttl_h3_java_2{
	width:500px;
	height:20px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}

h3#ttl_h3_java_3{
	width:338px;
	height:19px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}
h3#ttl_h3_java_4{
	width:338px;
	height:19px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}

.development-box{
	float: left;
	width: 300px;
}
/* タイトル html5
=======================================*/

/* h2 */

h2#ttl_h2_html5_1{
	background:url(img/html5/ttl_html5_about.png) left top no-repeat;
	width:320px;
	height:55px;
}

h2#ttl_h2_html5_2{
	background:url(img/html5/ttl_html5_development.png) left top no-repeat;
	width:320px;
	height:88px;
}

h3#ttl_h3_html5_1{
	width:500px;
	height:20px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}

h3#ttl_h3_html5_2{
	width:500px;
	height:20px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}

h3#ttl_h3_html5_3{
	width:438px;
	height:19px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}
h3#ttl_h3_html5_4{
	width:100%;
	height:19px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}

/* タイトル AIR
=======================================*/

/* h2 */

h2#ttl_h2_air_1{
	background:url(img/air/ttl_air_about.gif) left top no-repeat;
	width:320px;
	height:51px;
}

h2#ttl_h2_air_2{
	background:url(img/air/ttl_air_features.gif) left top no-repeat;
	width:320px;
	height:88px;
}

/* h3 */

h3#ttl_h3_air_1{
	background:url(img/air/subttl_air_about01.gif) left top no-repeat;
	width:369px;
	height:49px;
}

h3#ttl_h3_air_2{
	background:url(img/air/subttl_air_about02.gif) left top no-repeat;
	width:146px;
	height:19px;
}

h3#ttl_h3_air_3{
	background:url(img/air/subttl_air_features01.gif) left top no-repeat;
	width:535px;
	height:21px;
}

h3#ttl_h3_air_4{
	background:url(img/air/subttl_air_features02.gif) left top no-repeat;
	width:241px;
	height:20px;
}

h3#ttl_h3_air_5{
	background:url(img/air/subttl_air_features03.gif) left top no-repeat;
	width:199px;
	height:19px;
}

h3#ttl_h3_air_6{
	background:url(img/air/subttl_air_features04.gif) left top no-repeat;
	width:216px;
	height:20px;
}


/* タイトル mobile
=======================================*/

/* h2 */

h2#ttl_h2_mobile_1{
	background:url(img/mobile/ttl_mobile_ios.gif) left top no-repeat;
	width:320px;
	height:55px;
}

h2#ttl_h2_mobile_2{
	background:url(img/mobile/ttl_mobile_android.gif) left top no-repeat;
	width:320px;
	height:51px;
}

h2#ttl_h2_mobile_3{
	background:url(img/mobile/ttl_mobile_mdm.gif) left top no-repeat;
	width:319px;
	height:51px;
}

/* h3 */

h3#ttl_h3_mobile_1{
	background:url(img/mobile/subttl_mobile_ios01.gif) left top no-repeat;
	width:158px;
	height:24px;
}

h3#ttl_h3_mobile_2{
	background:url(img/mobile/subttl_mobile_android01.gif) left top no-repeat;
	width:273px;
	height:21px;
}

h3#ttl_h3_mobile_3{
	background:url(img/mobile/subttl_mobile_mdm01.gif) left top no-repeat;
	width:543px;
	height:21px;
}


/* タイトル ria
=======================================*/

/* h2 */

h2#ttl_h2_ria_1{
	background:url(img/ria/ttl_ria_about.gif) left top no-repeat;
	width:320px;
	height:51px;
}

h2#ttl_h2_ria_2{
	background:url(img/ria/ttl_ria_measure.gif) left top no-repeat;
	width:320px;
	height:51px;
}

/* h3 */

h3#ttl_h3_ria_1{
	background:url(img/ria/subttl_ria_about01.gif) left top no-repeat;
	width:366px;
	height:22px;
}

h3#ttl_h3_ria_2{
	background:url(img/ria/subttl_ria_measure01.gif) left top no-repeat;
	width:290px;
	height:19px;
}

/* h4 */

/*
h4#ttl_h4_ria_1{
	background:url(img/ria/subttl_ria_measure02.gif) left top no-repeat;
	width:81px;
	height:15px;
}

h4#ttl_h4_ria_2{
	background:url(img/ria/subttl_ria_measure03.gif) left top no-repeat;
	width:125px;
	height:15px;
}

h4#ttl_h4_ria_3{
	background:url(img/ria/subttl_ria_measure04.gif) left top no-repeat;
	width:124px;
	height:18px;
}
*/
h4#ttl_h4_ria_1{
	width:500px;
	height:19px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}
h4#ttl_h4_ria_2{
	width:500px;
	height:19px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}
h4#ttl_h4_ria_3{
	width:500px;
	height:19px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}
h4#ttl_h4_ria_4{
	width:500px;
	height:19px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}


/* タイトル soa
=======================================*/

/* h2 */

h2#ttl_h2_soa_1{
	background:url(img/soa/ttl_soa_about.gif) left top no-repeat;
	width:320px;
	height:50px;
}

h2#ttl_h2_soa_2{
	background:url(img/soa/ttl_soa_specifically.gif) left top no-repeat;
	width:320px;
	height:95px;
}

/* h3 */

h3#ttl_h3_soa_1{
	background:url(img/soa/subttl_soa_about01.gif) left top no-repeat;
	width:192px;
	height:20px;
}

h3#ttl_h3_soa_2{
	background:url(img/soa/subttl_soa_about02.gif) left top no-repeat;
	width:264px;
	height:20px;
}

h3#ttl_h3_soa_3{
	background:url(img/soa/subttl_soa_about03.gif) left top no-repeat;
	width:157px;
	height:19px;
}

h3#ttl_h3_soa_4{
	background:url(img/soa/subttl_soa_about04.gif) left top no-repeat;
	width:129px;
	height:20px;
}

h3#ttl_h3_soa_5{
	background:url(img/soa/subttl_soa_specifically01.gif) left top no-repeat;
	width:485px;
	height:21px;
}

h3#ttl_h3_soa_6{
	background:url(img/soa/subttl_soa_specifically02.gif) left top no-repeat;
	width:130px;
	height:19px;
}

h3#ttl_h3_soa_7{
	background:url(img/soa/subttl_soa_specifically03.gif) left top no-repeat;
	width:187px;
	height:20px;
}


/* タイトル cloud
=======================================*/

/* h2 */

h2#ttl_h2_cloud_1{
	background:url(img/cloud/ttl_cloud_about.gif) left top no-repeat;
	width:320px;
	height:51px;
}

h2#ttl_h2_cloud_2{
	background:url(img/cloud/ttl_cloud_servicemenu.gif) left top no-repeat;
	width:320px;
	height:51px;
}

/* h3 */
h3#ttl_h3_cloud_1{
	width:500px;
	height:20px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}

h3#ttl_h3_cloud_2{
	width:500px;
	height:20px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}

h3#ttl_h3_cloud_3{
	width:438px;
	height:19px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}
h3#ttl_h3_cloud_4{
	width:520px;
	height:19px;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}
.gray{
	background-color: darkgray;
	width:400px;
}