@charset "UTF-8";
/* ******************************************************************

	--home.css--

	1. Layout setting

****************************************************************** */
#mainContents.mainBox,
#mainContents.mainBox .contentsBtm {
	background:#EAEAEA;
}
#mainContents.mainBox .topUnit .topMod {
	background:#FFF;
	padding:14px 0 0;
}
#mainContents .topUnit .topMod .inner .socialplugins {
	min-height:26px;
}
#mainContents.mainBox .topUnit .topMod .inner .socialplugins ul {
	margin-right:-8px;
}
.elementUnit {
	padding:20px 0;
}
.listNew {
	margin-right:-20px;
	padding-bottom:30px;
}
.listNew li {
	float:left;
	width:320px;
	margin-right:20px;
	height:70px;
	padding-bottom: 350px;
}
.listNew div {
	border:1px solid #D1D1D1;
	background:#FFF;
	padding-bottom:45px;
	position:relative;
}
.listNew ul li {
	float:none;
	width:auto;
	margin:0;
	padding:18px 18px 15px;
	background:url(../images/bg_line.gif) repeat-x 0 100%;
	color:#000;
	font-size:small;
}
.listNew ul li.last {
	background:none;
}
.listNew ul li p {
	line-height:1.5;
}
.listNew .date {
	background:url(../images/list_mark.png) no-repeat 0 0;
	display:inline-block;
	margin-bottom:5px;
	padding-left:38px;
}
.txtMore {
	border-top:1px solid #D1D1D1;
	width:100%;
	position:absolute;
	bottom:0;
}
.txtMore a {
	display:block;
	padding:14px 32px 11px;
	background:#F0F5F9 url(../images/ico_arrow01.gif) no-repeat 94% 48%;
	text-align:right;
	font-size:123.1%;
}
.group01 {
	padding-bottom:30px;
}
.imageEbook {
	float:left;
	margin-right:20px;
}
ul.socialList li:first-child {
	padding-bottom:10px;
}
ul.socialList li a {
	display:block;
	height:70px;
	overflow:hidden;
}
ul.socialList li a:hover img {
	margin:-70px 0 0;
}
.boxUnit {
	margin:0 auto 30px;
	padding-left:8px;
	width:1029px;
	position:relative;
}
.imageBox {
	background:url(../images/home/img_fixed.png) no-repeat 0 0;
	position:absolute;
	top:-70px;
	width:339px;
	height:415px;
	z-index:2;
}
.imageBox a {
	display:block;
	overflow:hidden;
	width:260px;
	position:absolute;
	left:39px;
}
.imageBox .btnHome {
	height:211px;
	margin-bottom:10px;
	bottom:81px;
}
.imageBox .btnHome:hover img {
	margin:-211px 0 0;
}
.imageBox .btnRegist {
	height:51px;
	bottom:30px;
}
.imageBox .btnRegist:hover img {
	margin:-51px 0 0;
}

/* cycle */
.boxCustom {
	background:#FFF;
	padding:1px 0 0;
	margin:-1px auto 0;
	width:100%;
}
.boxCustom .image {
	float:right;
	overflow:hidden;
	width:680px;
	height:335px;
	font-size:0;
	line-height:0;
	z-index:1;
}
.boxCustom .boxItem {
	background:#00375B;
}
.boxCustom .boxItem ul {
	padding:25px 0 20px;
	position:relative;
	margin:0 auto;
	width:1000px;
}
.boxCustom .boxItem li {
	float:left;
	margin-right:20px;
	width:150px;
}
.boxCustom .boxItem li.last {
	margin:0;
}
.boxCustom .boxItem li a {
	display:inline-block;
	position:relative;
	box-shadow:0 0 5px 0 #012842;
}
.boxCustom .boxItem li a .overlay {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:152px;
	height:62px;
	background:url(../images/bg_transperant.png) repeat 0 0;
}
.boxCustom .boxItem li:hover a .overlay,
.boxCustom .boxItem li.activeSlide a .overlay {
	border:3px solid #FFF000;
	background:none;
	width:144px;
	height:55px;
}

/* carousel */
#carousel {
	background-color:#FFF;
	border:1px solid #D1D1D1;
	margin-bottom:10px;
	padding:19px 69px 14px;
	position:relative;
}
.slides_container {
	width:870px;
}
.slides_container li {
	float:left;
	margin:0 10px;
}
.slides_container li img {
	border:1px solid #D1D1D1;
}
.carousel01 .navNext a,
.carousel01 .navPrev a {
	display:block;
	position:absolute;
	left:34px;
	top:34px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;
	width:30px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
}
.carousel01 .navNext a {
	background:url(../images/btn_next.gif) no-repeat 0 0;
	left:auto;
	right:34px;
}
.carousel01 .pagination {
	display:none;
}
.btnRequestApp {
	position:absolute;
	bottom:14px;
	right:45px;
	overflow:hidden;
	height:51px;
}
.btnRequestApp:hover img {
	margin:-51px 0 0;
}
#cycleSlider01 li {
	position:relative;
}
#cycleSlider01 li span {
	position:absolute;
	display:block;
	height:51px;
	overflow:hidden;
}
#cycleSlider01 li a:hover span img {
	margin:-51px 0 0;
}
#cycleSlider01 li.appdev span {
	top:270px;
	/*bottom:14px;*/
	right:40px;
}
#cycleSlider01 li.tutorial span {
	top:284px;
	/*bottom:0;*/
	right:55px;
}
#cycleSlider01 li.case span {
	top:209px;
	/*bottom:75px;*/
	left:110px;
}
#cycleSlider01 li.about span {
	top:284px;
	/*bottom:0;*/
	left:8px;
}
#cycleSlider01 li.ebook span {
	top:284px;
	/*bottom:0;*/
	left:8px;
}
#prev01,
#next01 {
	position:absolute;
	top:143px;
	left:357px;
	z-index:10;
	background-color:#FFF;
}
#next01 {
	left:auto;
	right:20px;
}

.label.label-member,.label.label-datastore,.label.label-push,.label.label-filestore,.label.label-script {
    display: none;
}
.member .label-member, .datastore .label-datastore, .push .label-push, .filestore .label-filestore, .script .label-script {
    display: inline-block;
}

.label {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: x-small;
    font-weight: bold;
    line-height: 1.1;
    padding: 4px 9px 3px;
}
.label.label-member {
    background: #372d6e none repeat scroll 0 0;
}
.label.label-sns {
    background: #876827 none repeat scroll 0 0;
}
.label.label-push {
    background: #811f1f none repeat scroll 0 0;
}
.label.label-iaas {
    background: #058700 none repeat scroll 0 0;
}
.label.label-index {
    background: #8c98cf none repeat scroll 0 0;
}
.label.label-datastore {
    background: #184a7c none repeat scroll 0 0;
}
.label.label-filestore {
    background: #537016 none repeat scroll 0 0;
}
.label.label-script {
    background: #7a6f6b none repeat scroll 0 0;
}


.appListapp {
    float: left;
}

.appListapp.detail {
    font-weight: bold;
    padding: 0 10px;
    width: 167px;
}

.appListtitle {
/*    font-size: 1.4em; */
}

ul#applist li{
    background: #eee none repeat scroll 0 0;
    display: block;
    float: left;
    margin: 5px;
    padding: 10px;
    width: 290px;
    height: 100px;
}

#applist {
    background: white none repeat scroll 0 0;
    padding: 18px 18px 15px;
    width: 963px;
    height: 268px;
}

.appListapp img {
    border-radius: 18%;
}

.applisttxtMore a{
    background: #f0f5f9 url("../images/ico_arrow01.gif") no-repeat scroll 98% 48%;
    display: block;
    font-size: 123.1%;
    padding: 14px 32px 11px;
    text-align: right;
}