body#index{
	background:url(/images/top/header_bg_page.jpg) repeat-x 0 38px;
	}
#contents{
	width:950px;
	}

/* スライダー
---------------------------------------------------------- */
.mainVisual{
	position: relative;
	height: 295px;
	overflow: hidden;
	margin: 0 0 20px;
	}
#slider{
	height: 280px;
	overflow: hidden;
	}
/* 1枚目 */
.mainButton{
	position: relative;
	}
	.mainButton > span{
		position: absolute;
		top:186px;
		left:21px;
		overflow: hidden;
		}
		.mainButton > span > a{
			display:block;
			height:67px;
			float:left;
			margin-right:1px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			background:url(/images/top/main_btn.png) no-repeat;
			}
		.mainButton > span > a.support{
			width:201px;
			background-position:0 0;
			}
		.mainButton > span > a.support:hover{
			background-position:-201px 0;
			}
		.mainButton > span > a.security{
			width:194px;
			background-position:0 -67px;
			}
		.mainButton > span > a.security:hover{
			background-position:-194px -67px;
			}
/* 追加 */
.mainButton02{
	position: relative;
	}
	.mainButton02 > span{
		position: absolute;
		top:196px;
		left:138px;
		overflow: hidden;
		}
		.mainButton02 > span > a{
			display:block;
			height:54px;
			float:left;
			margin:0 3px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			background:url(/images/top/main_btn03.png) no-repeat;
			}
		.mainButton02 > span > a.shared{
			width:188px;
			background-position:0 0;
			}
		.mainButton02 > span > a.shared:hover{
			background-position:-194px 0;
			}
		.mainButton02 > span > a.private{
			width:188px;
			background-position:0 -57px;
			}
		.mainButton02 > span > a.private:hover{
			background-position:-194px -57px;
			}
		.mainButton02 > span > a.trial{
			width:283px;
			background-position:0 -114px;
			}
		.mainButton02 > span > a.trial:hover{
			background-position:-289px -114px;
			}
.mainButton04{
	position: relative;
	}
	.mainButton04 > span{
		position: absolute;
		top:196px;
		left:164px;
		overflow: hidden;
		}
		.mainButton04 > span > a{
			display:block;
			height:54px;
			float:left;
			margin:0 3px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			background:url(/images/top/main_btn04.png) no-repeat;
			}
		.mainButton04 > span > a.shared{
			width:188px;
			background-position:0 0;
			}
		.mainButton04 > span > a.shared:hover{
			background-position:-194px 0;
			}
		.mainButton04 > span > a.private{
			width:188px;
			background-position:0 -57px;
			}
		.mainButton04 > span > a.private:hover{
			background-position:-194px -57px;
			}
		.mainButton04 > span > a.privatecloud{
			width:232px;
			background-position:0 -114px;
			}
		.mainButton04 > span > a.privatecloud:hover{
			background-position:-239px -114px;
			}
.bx-prev,
.bx-next{
	display: block;
	position: absolute;
	top: 50%;
	width: 24px;
	height: 41px;
	margin-top:-20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(/images/top/main_ico_arrow.png) no-repeat;
	}
.bx-prev{
	left: 13px;
	background-position:0 0;
	}
.bx-next{
	right: 13px;
	background-position:100% 0;
	}
#bx-pager{
	width: 100%;
	text-align: center;
	position:absolute;
	bottom:0;
	left:0;
	}
	#bx-pager a{
		display:inline-block;
		width: 180px;
		height: 34px;
		margin:0 1px;
		background: #17338f;
		line-height: 34px;
		color: #fff;
		font-size:11px;
		border-radius:4px;
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		text-decoration:none;
		}
	#bx-pager a.active{
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		}
		#bx-pager .new:before,
		#bx-pager .campaign:before,
		#bx-pager .up:before{
			position:relative;
			top:4px;
			margin-right:5px;
			}
		#bx-pager .new:before{
			content:url(/images/top/main_ico_new.gif);
			}
		#bx-pager .campaign:before{
			content:url(/images/top/main_ico_campaign.gif);
			}
		#bx-pager .up:before{
			content:url(/images/top/main_ico_up.gif);
			}

/* 1行ニュース
---------------------------------------------------------- */
.news_ticker{
	display: table;
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #d6d6d6;
	
	background: #eee; /* Old browsers */
	background: -moz-linear-gradient(top,  #b9b7b7 1%, #eeeeee 8%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b9b7b7), color-stop(8%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b9b7b7 1%,#eeeeee 8%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b9b7b7 1%,#eeeeee 8%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b9b7b7 1%,#eeeeee 8%); /* IE10+ */
	background: linear-gradient(to bottom,  #b9b7b7 1%,#eeeeee 8%); /* W3C */
	}
	.news_ticker:before{
		content:'NEW';
		display: table-cell;
		width:60px;
		vertical-align: middle;
		background: #fc0;
		color: #fff;
		text-align:center;
		}
	.news_ticker li{
		margin:6px 0 4px 16px;
		}
	.news_ticker a{
		text-decoration: underline;
		}
	.news_ticker a:hover{
		text-decoration: none;
		}

/* columLeft , columRight
---------------------------------------------------------- */
.columLeft{
	width:626px;
	float:left;
	}
.columRight{
	width:307px;
	float:right;
	}
	
/* 共通箇所
---------------------------------------------------------- */
.section{
	margin-bottom: 20px;
	}
.section h2{
	margin-top:5px;
	margin-bottom: 8px;
	font-size:16px;
	font-weight:bold;
	}
.section h3{
	height:25px;
	padding-top: 12px;
	font-size:16px;
	text-indent:20px;
	background:url(/images/top/bg_bar.gif) no-repeat;
	}
.section a{
	text-decoration: underline;
	}
.section a:hover{
	text-decoration: none;
	}
.section .btn_list{
	margin-bottom: 0;
	}
	.section .btn_list > a{
		display:block;
		width:59px;
		height:22px;
		line-height:22px;
		text-indent:14px;
		font-size:12px;
		background:url(/images/top/p_list.gif) no-repeat 0 0;
		text-decoration:none;
		}
.section a.arrow{	
	background:url(/images/top/p_arrow.gif) no-repeat 0 50%;
	padding-left:12px;
	}
.section .bg_blue,
.section .bg_red{
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	}
.section .bg_blue{
	background:url(/images/top/bg_repeat_blue.jpg) repeat-x 0 0;
	}
.section .bg_red{
	background:url(/images/top/bg_repeat_red.jpg) repeat-x 0 0;
	}

/*service
---------------------------------------------------------- */
.section.service{
	}
	.section.service > ul{
		clear:both;
		overflow: hidden;
		}
		.section.service .shared,
		.section.service .private,
		.section.service .private-cloud{
			padding:5px;
			background:#eee;
			}
		.section.service .private{
			margin-bottom:8px;
			}
		.section.service .shared{
			float:left;
			}
		.section.service .private-cloud{
			float:right;
			}
			.section.service .shared > a,
			.section.service .private > a,
			.section.service .private-cloud > a{
				display:block;
				text-decoration:none;
				text-align:center;
				color:#000;
				background:url(/images/top/btn_sprite.png) no-repeat;
				}
			.section.service .shared > a{
				width:299px;
				height:156px;
				background-position:0 0;
				}
			.section.service .shared > a:hover{
				background-position:-299px 0;
				}
			.section.service .private-cloud > a{
				width:299px;
				height:156px;
				background-position:0 -156px;
				}
			.section.service .private-cloud > a:hover{
				background-position:-299px -156px;
				}
			.section.service .private > a{
				width:616px;
				height:128px;
				background-position:0 -312px;
				}
			.section.service .private > a:hover{
				background-position:0 -440px;
				}
	.section.service strong{
		display:block;
		height:33px;
		margin-bottom:10px;
		padding-top: 17px;
		color:#fff;
		font-size:24px;
		font-weight:normal;
		}
	.section.service .private strong{
		font-size:22px;
		/* プランリニューアルのアイコン調整用 */
		position: relative;
		}
		.section.service .private strong .ico{
			position: absolute;
			top:13px;
			left:100px;
			padding:2px 5px;
			background: #f90;
			border-radius: 4px;
			color: #fff;
			font-size: 12px;
			vertical-align: middle;
			}
	.section.service .red{
		color:#f41044;
		}
	.section.service em{
		font-size:20px;
		font-weight:bold;
		}
	.section.service .text{
		display:block;
		height:52px;
		padding-top:20px;
		font-size:14px;
		}
	.section.service .private .text{
		padding-top:12px;
		}
	
/* feature
---------------------------------------------------------- */
.section.feature{
	}
	.section.feature .inside{
		padding:25px 0 0;
		}
		.section.feature .inside .block_3,
		.section.feature .inside .block_4{
			float:left;
			margin-left:18px;
			margin-bottom:15px;
			}
		.section.feature .inside .block_3{
			width:184px;
			}
		.section.feature .inside .block_4{
			width:294px;
			}
		.section.feature .inside dt{
			margin-bottom: 12px;
			}
		.section.feature .inside .pic{
			float:left;
			padding-right:10px;
			}
		.section.feature .inside .text{
			float:left;
			font-size: 0.9em;
			}
		.section.feature .inside .block_3 .text{
			width:112px;
			}
		.section.feature .inside .block_4 .text{
			width:212px;
			}

/* move
---------------------------------------------------------- */
.section.move{
	}
	.section.move .inside{
		padding:19px 0;
		}
		.section.move .inside dl{
			float:left;
			width:184px;
			margin-left:18px;
			}
		.section.move .inside dl.last{
			width:199px;
			}
		.section.move .inside dt{
			line-height: 1.5em;
			}
		.section.move .inside dt,
		.section.move .inside dt img{
			margin-bottom: 6px;
			}
		.section.move .inside dd{
			font-size: 0.9em;
			}
		.section.move .inside dl.last dd{
			margin-right: 15px;
			}

/* case_logo
---------------------------------------------------------- */
.section.case_logo{
	}
	.section.case_logo > div{
		clear: both;
		padding-bottom: 20px;
		}
	.section.case_logo ul{
		clear:both;
		padding:24px 0 10px;
		text-align:center;
		}
		.section.case_logo ul li{
			display:inline;
			padding:0 12px;
			}
	.section.case_logo dl{
		font-size: 0.9em;
		}
		.section.case_logo dl dt{
			margin-bottom: 12px;
			}
		.section.case_logo a.btn-case{
			padding: 4px 20px;
			background: #ff0032;
			text-decoration: none;
			color:#fff;
			}
		.section.case_logo a.btn-case:hover{
			filter:alpha(opacity=80);
			-moz-opacity: 0.8;
			opacity: 0.8;
			}

/* order
---------------------------------------------------------- */
.section.order{
	margin-bottom: 0;
	}
	.section.order .bg_red{
		padding:25px 18px 15px;
		}
	.section.order .btn-order,
	.section.order .btn-estimate,
	.section.order .btn-request{
		padding-bottom:13px;
		background:url(/images/top/btn_sprite.png);
		}
	.section.order .btn-order{
		width: 268px;
		background-position:0 -778px;
		}
	.section.order .btn-estimate,
	.section.order .btn-request{
		background-position:0 -837px;
		}
	.section.order .btn-estimate{
		float:left;
		}
	.section.order .btn-request{
		float:right;
		}
		.section.order .btn-order > a,
		.section.order .btn-estimate > a,
		.section.order .btn-request > a{
			display: block;
			height:46px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			text-decoration: none;
			background:url(/images/top/btn_sprite.png);
			}
		.section.order .btn-order > a{
			width:100%;
			background-position:0 -778px;
			}
		.section.order .btn-order > a:hover{
			background-position:-268px -778px;
			}
		.section.order .btn-estimate > a{
			width:131px;
			background-position:0 -837px;
			}
		.section.order .btn-estimate > a:hover{
			background-position:-131px -837px;
			}
		.section.order .btn-request > a{
			width:132px;
			background-position:-262px -837px;
			}
		.section.order .btn-request > a:hover{
			background-position:-394px -837px;
			}
	.section.order .tel{
		clear: both;
		padding-top:11px;
		}
		.section.order .tel a{
			display:block;
			width:268px;
			height:45px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			background:url(/images/top/btn_sprite.png) no-repeat 0 -668px;
			}
	.section.order .link{
		}
		.section.order .link > li{
			width: 50%;
			float:left;
			font-size: 0.9em;
		}
	.section.order .support{
		width:267px;
		margin:15px auto;
		}
		.section.order .support a{
			display:block;
			width:267px;
			height:70px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			text-decoration: none;
			background:url(/images/top/btn_sprite.png) no-repeat 0 -588px;
			}
		.section.order .support a:hover{
			background-position:-267px -588px;
			}

/* servicerelease
---------------------------------------------------------- */
.section.servicerelease{
	}
	.section.servicerelease .inline{
		overflow-y:auto;
		max-height: 335px;
		padding: 0 18px 15px;
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;
		border-radius: 0 0 4px 4px;
		}
	.section.servicerelease dl{
		display: flex;
		border-bottom:1px dotted #777;
		justify-content: flex-start;
		align-items: center;
		}
	.section.servicerelease dl > dt{
		position: relative;
		margin-right: 10px;
		height:30px;
		min-width:85px;
		color:#fff;
		background: #9a9fa4;
		border-radius: 4px;
		}
	.section.servicerelease dl > dt::before{
		display: block;
		position: absolute;
		top: 7px;
		left: 50%;
		width: 1px;
		height: 16px;
		background: #fff;
		content: '';
		}
	.section.servicerelease dl > dt.blue{
		background: #3665af;
		}
	.section.servicerelease .shared,
	.section.servicerelease .private,
	.section.servicerelease .private-c{
		display:inline-block;
		width: 42px;
		float: left;
		line-height:1;
		margin-top:9px;
		text-align: center;
		}
	.section.servicerelease .private-c{
		margin-top:7px;
		font-size:10px;
		letter-spacing:.1em;
		}
		.section.servicerelease .yellow{
			display:inline-block;
			width: 42px;
			margin-top:7px;
			line-height:1;
			color: #f7cd46;
			font-size: 10px;
			text-align: center;
			}
		.section.servicerelease .num{
			margin-right: 2px;
			font-size: 14px;
			font-weight: bold;
			font-family: arial, sans-serif;
			}
	.section.servicerelease dl > dd{
		padding: 10px 0;
		width:auto;
		font-size:12px;
		color: #777;
		}


/* singleproduct
---------------------------------------------------------- */
/*
.section.singleproduct{
	position:relative;
	font-size: 0.9em;
	margin-bottom: 30px;
	}
	.section.singleproduct h3{
		}
	.section.singleproduct .inline{
		padding: 15px 18px;
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;
		border-radius: 0 0 4px 4px;
		}
	.section.singleproduct .btn_list{
		position:absolute;
		top:7px;
		right:6px;
		}
	.section.singleproduct ul{
		position:relative;
		padding:13px 10px 8px 45px;
		background:url(/images/top/bg_repeat_dotline.gif) repeat-x 0 0;
		}
	.section.singleproduct ul:before{
		position:absolute;
		left:5px;
		}
	.section.singleproduct ul.ssl:before{
		top:9px;
		content:url(/images/top/single_ico_ssl.gif);
		}
	.section.singleproduct ul.domain:before{
		top:11px;
		content:url(/images/top/single_ico_domain.gif);
		}
	.section.singleproduct ul.security:before{
		top:11px;
		content:url(/images/top/single_ico_security.gif);
		}
		.section.singleproduct ul li{
			margin-bottom: 5px;
			}
*/

/* agent
---------------------------------------------------------- */
/*
.section.agent{
	}
	.section.agent .inline{
		padding: 10px 0;
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;
		border-radius: 0 0 4px 4px;
		}
	.section.agent dl{
		width:267px;
		margin:0 auto;
		}
	.section.agent dt img{
		margin: 8px 0;
		}
	.section.agent dd{
		margin-top: 8px;
		font-size: 0.9em;
		}
*/

/* news
---------------------------------------------------------- */
.section.news{
	position:relative;
	clear:both;
	width:100%;
	}
	.section.news .news_rss_btn,
	.section.news .btn_list{
		position:absolute;
		top:-4px;
		}
	.section.news .news_rss_btn{
		right:70px;
		}
	.section.news .btn_list{
		right:5px;
		}
	.section.news h2{
		padding-bottom: 12px;
		background: url(../../common/images/ba_h2_bg.gif) repeat-x 0 100%;
		}
	.section.news dl.date {
		overflow:hidden;
		padding:0 0 5px;
		margin:5px 0 0;
		width:100%;
		font-size:0.9em;
		border-bottom:1px solid #e5e5e5;
		}
		.section.news dl.date dt {
			float:left;
			margin:0 13px 0 0;
			line-height:20px;
			padding:7px 0;
			color:#0e3192;
			}
			.section.news dl.date dt span.day{
				width:78px;
				float:left;
				padding:0 0 0 12px;
				background:url(../../common/images/p_blueArrow.jpg) no-repeat left center;
				}
			.section.news dl.date dt span.icon{
				width:81px;
				float:left;
				}
		.section.news dl.date dd {
			float:left;
			width:760px;
			line-height:20px;
			padding:7px 0;
			}
			.section.news dl.date dd img {
				vertical-align:bottom;
				}
		.section.news .point_new{
			padding-left:10px;
			}
		.section.news dl.date a {
			border-bottom:1px dotted;
			text-decoration: none;
			}
		.section.news dl.date a:hover,
		.section.news dl.date a:active{
			background:#d9ebfe;
			}

/* info
---------------------------------------------------------- */
.section.info{
	margin-bottom: 40px;
	}
	.section.info .title{
		font-size:16px;
		font-weight:bold;
		line-height: 1.4;
		color:#165caa;
		margin-bottom: 10px;
		}
	.section.info .text{
		font-size:0.9em;
		}
	.section.info .banner{
		margin: 20px 0 5px;
		}
		.section.info .banner > a{
			display:block;
			width:305px;
			height:70px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			background:url(/images/top/btn_sprite.png) no-repeat -279px -668px;
			}
	
/* social
---------------------------------------------------------- */
.social{
	float:left;
	padding-left:5px;
	padding-bottom: 18px;
	}
	.social .twitter,
	.social .facebook{
		float:left;
		padding-left:15px;
		}
		.social .twitter > a,
		.social .facebook > a{
			display:block;
			height:56px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			text-decoration: none;
			background:url(/images/top/btn_sprite.png) no-repeat;
			}
		.social .twitter > a{
			width:50px;
			background-position:-114px -718px;
			}
		.social .facebook > a{
			width:64px;
			background-position:0 -718px;
			}

	
/* ssl_seal
---------------------------------------------------------- */
.ssl_seal{
	float:right;
	}
/* パートナー企業
---------------------------------------------------------- */
.partner_banner{
	clear: both;
	width: 280px;
	margin-left:18px;
	padding: 10px 10px 0 0;
	border-top:1px solid #ccc;
	vertical-align: middle;
	text-align: right;
	}
	.partner_banner > li{
		float: left;
		}
	.partner_banner > .redhat{
		padding: 0 20px 0 55px;
		}
	.partner_banner > .plesk{
		padding: 12px 0 0 0;
		}
		.partner_banner > .plesk > img{
			border:1px solid #ccc;
			}

/* キャンペーン：モーダルウィンドウ表示
---------------------------------------------------------- */
#campaign_top {
	position: absolute;
	width: 100%;
	height: 500px;
	top: 87px;
	left: 0;
	background: rgba(0,0,0,0.4);
	display: none;
	z-index: 1;
	}
	#campaign_top .img {
		padding-top: 30px;
		text-align: center;
		}
	#campaign_top .close{
	position: absolute;
	top: 35px;
	right: 50%;
	margin-right: -350px;
	cursor: pointer;
	}