/* CSS Document */


/*flash
-------------------------*/
.flash {
	width:980px;
	margin:0 auto 20px;
}



/*cloud_computing
-------------------------*/
.cloud_computing_wrap {
	width:900px;
	margin-bottom:10px;
}

.cloud_c_box01 {
	background:url(../images/index/cloud_c_shadow_img01.jpg) bottom center no-repeat;
	width:300px;
	float:left;
	padding-bottom:14px;
}

.cloud_c_box02 {
	background:url(../images/index/cloud_c_shadow_img02.jpg) bottom center no-repeat;
	width:185px;
	float:left;
	padding-bottom:14px;
}

.cloud_c_box03 {
	background:url(../images/index/cloud_c_shadow_img02.jpg) bottom center no-repeat;
	width:185px;
	float:left;
	padding-bottom:14px;
	margin-left:10px;
}

.hed_cloud_c_img01 {
	background:url(../images/index/cloud_computing_img.jpg) 0 0 no-repeat;
	width:300px;
	height:60px;
	text-indent:-9999px;
}

.cloud_c_img01_box {
	width:288px;
	background:url(../images/index/bg_box_img.gif) bottom left repeat-x;
	border-bottom:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
	border-right:1px solid #DFDFDF;
	padding:0 5px 10px;
}


.hed_cloud_c_img02 {
	background:url(../images/index/saas_img.jpg) 0 0 no-repeat;
	width:185px;
	height:60px;
	text-indent:-9999px;
}

.cloud_c_img02_box {
	width:173px;
	background:url(../images/index/bg_box_img.gif) bottom left repeat-x;
	border-bottom:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
	border-right:1px solid #DFDFDF;
	padding:0 5px 10px;
}

.hed_cloud_c_img03 {
	background: url(../images/index/paas_img.jpg) 0 0 no-repeat;
	width:185px;
	height:60px;
	text-indent:-9999px;
}

.hed_cloud_c_img04 {
	background:url(../images/index/haas_img.jpg) 0 0 no-repeat;
	width:185px;
	height:60px;
	text-indent:-9999px;
}

.cloud_c_img03_box {
	width:173px;
	background:url(../images/index/bg_box_img.gif) bottom left repeat-x;
	border-bottom:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
	border-right:1px solid #DFDFDF;
	padding:0 5px 10px;
	margin-left:10px;
}

.cloud_text {
	height:130px;
	margin-bottom:20px;
	padding-left: 5px;
	padding-right: 5px;
	font-size:0.9em;
}



/*main
-------------------------*/
.main_box {
	width:660px;
	margin:0 auto 20px;
}

.title_news_img {
	background:url(../images/index/title_news_img.jpg) 0 0 no-repeat;
	width:680px;
	height:43px;
	text-indent:-9999px;
}

.bg_news_color {
	background: url(../images/common/arrow_red.gif) 2px 10px no-repeat #E6E6E6;
	width:640px;
	padding:5px 5px 5px 15px;
}

.bg_news_nocolor {
	background: url(../images/common/arrow_red.gif) 2px 10px no-repeat #FFFFFF;
	width:640px;
	padding:5px 5px 5px 15px;
}



.title_portal_img {
	background:url(../images/index/title_portal_img.jpg) 0 0 no-repeat;
	width:680px;
	height:43px;
	text-indent:-9999px;
}


.portal_box_l {
	width:320px;
	float:left;
}


.portal_box_r {
	width:320px;
	float:right;
}


.portal_img {
	width:120px;
	float:left;
}

.portal_text {
	width:190px;
	float:right;
}

/*2010/04/15追加　セミナー情報
-------------------------*/
.title_seminar_img {
	background:url(../images/index/title_seminar_img.jpg) 0 0 no-repeat;
	width:680px;
	height:43px;
	text-indent:-9999px;
}

.seminar_box {
	width:650px;
}

.seminar_img {
	width:260px;
	padding-top:7px;
	text-align:center;
	float:left;
}

.seminar_text {
	width:370px;
	float:right;
}

/*2010/06/28追加　セミナー情報
-------------------------*/
.seminar_arrow{
	background: url(../images/common/arrow_red.gif) 10px 6px no-repeat #FFFFFF;
	padding:0px 0px 0px 25px;
}
.seminar_noarrow{
	padding:0px 0px 0px 10px;
}
.seminar_gray{
	background-color:#E6E6E6;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}
.seminar_smallnon{
	font-size:10px;
	padding:0px 0px 0px 10px;
}
.seminar_smallgon{
	font-size:11px;
	color:#808080;
}