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

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

#eyecatch {
	background-image:none;
	width:auto;
	height:79px;
}

#eye-picbox {
	display:none;
}

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

#eyecatch h2#java{
	background:url(img/java_sp/title_java.jpg) 10px 22px no-repeat;
	background-size:240px 40px;
	width:250px;
	height:62px;
}

#eyecatch h2#html5{
	background:url(img/html5_sp/title_html5.jpg) 10px 22px no-repeat;
	background-size:240px 40px;
	width:250px;
	height:62px;
}

#eyecatch h2#flex{
	background:url(img/flex_sp/title_flex.jpg) 10px 22px no-repeat;
	background-size:240px 40px;
	width:250px;
	height:62px;
}

#eyecatch h2#air{
	background:url(img/air_sp/title_air.jpg) 10px 22px no-repeat;
	background-size:240px 40px;
	width:250px;
	height:62px;
}

#eyecatch h2#mobile{
	background:url(img/mobile_sp/title_mobile.jpg) 10px 22px no-repeat;
	background-size:240px 40px;
	width:250px;
	height:62px;
}

#eyecatch h2#ria{
	background:url(img/ria_sp/title_ria.jpg) 10px 22px no-repeat;
	background-size:240px 40px;
	width:250px;
	height:62px;
}

#eyecatch h2#soa{
	background:url(img/soa_sp/title_soa.jpg) 10px 22px no-repeat;
	background-size:240px 40px;
	width:250px;
	height:62px;
}

#eyecatch h2#cloud{
	background:url(img/cloud_sp/title_cloud.jpg) 10px 22px no-repeat;
	background-size:240px 40px;
	width:250px;
	height:62px;
}



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

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


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

a#clickable_img{
	display:block;
	width:100%;
}

#cnv-appeal {
	background:url(../shared/img_sp/bg_cnv.jpg) left top;
	width:auto;
	height:auto;
}

a#cnv-btn{
	background:url(../shared/img_sp/btn_inquiry.jpg) center 30px no-repeat;
	background-size:211px 32px;
	padding-top:30px;
	width:211px;
	height:32px;
}

/* タイトル　Java
=======================================*/

/* h2 */

h2#ttl_h2_java_1,
h2#ttl_h2_java_2{
	width:100%;
	height:36px;
}

h2#ttl_h2_java_1{
	background:url(img/java_sp/ttl_java_01.gif) left top no-repeat;
	background-size:500px 36px;
}

h2#ttl_h2_java_2{
	background:url(img/java_sp/ttl_java_02.gif) left top no-repeat;
	background-size:500px 36px;
}

/* h3 */

h3#ttl_h3_java_1{
	background:none;
	width:auto;
	height:auto;
}

h3#ttl_h3_java_1,
h3#ttl_h3_java_2,
h3#ttl_h3_java_3,
h3#ttl_h3_java_4,
h3#ttl_h3_java_5{
	background:url(../shared/img_sp/h3_square.gif) left 4px no-repeat;
	background-size:12px 12px;
	padding-left:20px;
	width:auto;
	height:auto;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}
.h3-strong-span{
	color: firebrick;
	font-size: 17px;
	font-family: "Arial Black", Gadget, "sans-serif";
}

/* タイトル　HTML5
=======================================*/

/* h2 */

h2#ttl_h2_html5_1,
h2#ttl_h2_html5_2{
	width:100%;
	height:36px;
}

h2#ttl_h2_html5_1{
	background:url(img/html5_sp/ttl_html5_01.gif) left top no-repeat;
	background-size:500px 36px;
}

h2#ttl_h2_html5_2{
	background:url(img/html5_sp/ttl_html5_02.gif) left top no-repeat;
	background-size:500px 36px;
}

/* h3 */

h3#ttl_h3_html5_1{
	background:none;
	width:auto;
	height:auto;
}

h3#ttl_h3_html5_1,
h3#ttl_h3_html5_2,
h3#ttl_h3_html5_3,
h3#ttl_h3_html5_4,
h3#ttl_h3_html5_5{
	background:url(../shared/img_sp/h3_square.gif) left 4px no-repeat;
	background-size:12px 12px;
	padding-left:20px;
	width:auto;
	height:auto;
	padding-bottom:10px;
	text-indent: 0px;
	font-size: 15px;
}

/* タイトル　Flex
=======================================*/

/* h2 */

h2#ttl_h2_flex_1,
h2#ttl_h2_flex_2{
	width:100%;
	height:36px;
}

h2#ttl_h2_flex_1{
	background:url(img/flex_sp/til_flex_01.gif) left top no-repeat;
	background-size:500px 36px;
}

h2#ttl_h2_flex_2{
	background:url(img/flex_sp/til_flex_02.gif) left top no-repeat;
	background-size:500px 36px;
}

/* h3 */

h3#ttl_h3_flex_1{
	background:none;
	width:auto;
	height:auto;
}

h3#ttl_h3_flex_2,
h3#ttl_h3_flex_3,
h3#ttl_h3_flex_4,
h3#ttl_h3_flex_5{
	background:url(../shared/img_sp/h3_square.gif) left 4px no-repeat;
	background-size:12px 12px;
	padding-left:20px;
	width:auto;
	height:auto;
}


/* タイトル　Air
=======================================*/

/* h2 */

h2#ttl_h2_air_1,
h2#ttl_h2_air_2{
	width:100%;
	height:36px;
}

h2#ttl_h2_air_1{
	background:url(img/air_sp/til_air_01.gif) left top no-repeat;
	background-size:500px 36px;
}

h2#ttl_h2_air_2{
	background:url(img/air_sp/til_air_02.gif) left top no-repeat;
	background-size:500px 36px;
}

/* h3 */

h3#ttl_h3_air_1{
	background:none;
	width:auto;
	height:auto;
}

h3#ttl_h3_air_2,
h3#ttl_h3_air_3,
h3#ttl_h3_air_4,
h3#ttl_h3_air_5,
h3#ttl_h3_air_6{
	background:url(../shared/img_sp/h3_square.gif) left 4px no-repeat;
	background-size:12px 12px;
	padding-left:20px;
	width:auto;
	height:auto;
}


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

/* h2 */

h2#ttl_h2_mobile_1,
h2#ttl_h2_mobile_2,
h2#ttl_h2_mobile_3{
	width:100%;
	height:36px;
}

h2#ttl_h2_mobile_1{
	background:url(img/mobile_sp/til_mobile_01.gif) left top no-repeat;
	background-size:500px 36px;
}

h2#ttl_h2_mobile_2{
	background:url(img/mobile_sp/til_mobile_02.gif) left top no-repeat;
	background-size:500px 36px;
}

h2#ttl_h2_mobile_3{
	background:url(img/mobile_sp/til_mobile_03.gif) left top no-repeat;
	background-size:500px 36px;
}

/* h3 */

h3#ttl_h3_mobile_1{
	background:none;
	width:auto;
	height:auto;
}

h3#ttl_h3_mobile_2,
h3#ttl_h3_mobile_3,
h3#ttl_h3_mobile_4,
h3#ttl_h3_mobile_5,
h3#ttl_h3_mobile_6{
	background:url(../shared/img_sp/h3_square.gif) left 4px no-repeat;
	background-size:12px 12px;
	padding-left:20px;
	width:auto;
	height:auto;
}


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

/* h2 */

h2#ttl_h2_ria_1,
h2#ttl_h2_ria_2{
	width:100%;
	height:36px;
}

h2#ttl_h2_ria_1{
	background:url(img/ria_sp/til_ria_01.gif) left top no-repeat;
	background-size:500px 36px;
}

h2#ttl_h2_ria_2{
	background:url(img/ria_sp/til_ria_02.gif) left top no-repeat;
	background-size:500px 36px;
}

/* h3 */

h3#ttl_h3_ria_1{
	background:none;
	width:auto;
	height:auto;
}

h3#ttl_h3_ria_2{
	background:url(../shared/img_sp/h3_square.gif) left 4px no-repeat;
	background-size:12px 12px;
	padding-left:20px;
	width:auto;
	height:auto;
}

/* h4 */

h4#ttl_h4_ria_1,
h4#ttl_h4_ria_2,
h4#ttl_h4_ria_3{
	background:url(../shared/img_sp/h4_square.gif) left 6px no-repeat;
	background-size:9px 9px;
	padding-left:20px;
	width:auto;
	height:auto;
}



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

/* h2 */

h2#ttl_h2_soa_1,
h2#ttl_h2_soa_2{
	width:100%;
	height:36px;
}

h2#ttl_h2_soa_1{
	background:url(img/soa_sp/til_soa_01.gif) left top no-repeat;
	background-size:500px 36px;
}

h2#ttl_h2_soa_2{
	background:url(img/soa_sp/til_soa_02.gif) left top no-repeat;
	background-size:500px 36px;
}

/* h3 */

h3#ttl_h3_soa_1{
	background:none;
	width:auto;
	height:auto;
}

h3#ttl_h3_soa_2,
h3#ttl_h3_soa_3,
h3#ttl_h3_soa_4,
h3#ttl_h3_soa_5,
h3#ttl_h3_soa_6,
h3#ttl_h3_soa_7{
	background:url(../shared/img_sp/h3_square.gif) left 4px no-repeat;
	background-size:12px 12px;
	padding-left:20px;
	width:auto;
	height:auto;
}


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

/* h2 */

h2#ttl_h2_cloud_1,
h2#ttl_h2_cloud_2{
	width:100%;
	height:36px;
}

h2#ttl_h2_cloud_1{
	background:url(img/cloud_sp/til_cloud_01.gif) left top no-repeat;
	background-size:500px 36px;
}

h2#ttl_h2_cloud_2{
	background:url(img/cloud_sp/til_cloud_02.gif) left top no-repeat;
	background-size:500px 36px;
}

/* h3 */

h3#ttl_h3_cloud_1{
	background:none;
	width:auto;
	height:auto;
}

h3#ttl_h3_cloud_2{
	background:url(../shared/img_sp/h3_square.gif) left 4px no-repeat;
	background-size:12px 12px;
	padding-left:20px;
	width:auto;
	height:auto;
}
h3#ttl_h3_cloud_3{
	background:none;
	width:auto;
	height:auto;
}
h3#ttl_h3_cloud_4{
	background:none;
	width:auto;
	height:auto;
}