@charset "utf-8";

/*
==================================================
基本スタイルシート(全ページ共通ヘッダー・フッター部分)
==================================================
*/

/*デフォルト
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
*{ padding:0px; margin:0px; }
body {
font-size:14px;
font-family:Helvetica, Arial, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
line-height: 1.7;
color:#282828;
background:#f6f6f6;
min-width:1000px;
position:relative;
}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:14px;line-height:1.2;}

/*--画像--*/
img{ border:none; margin:0px; background-color:transparent; }

/*--リンク--*/
a:link,a:visited {
color:#009FE8;
text-decoration:none;
-moz-outline-style:none;
/*
overflow:hidden;
*/
}
a:hover,a:active,a:after {
color:#009FE8;
text-decoration:underline;
-moz-outline-style:none;
/*
overflow:hidden;
*/
}

/*--リスト--*/
ul,ol,dl,dt,dd,li{ color:#282828; list-style:none; }

/*--clearfix--*/
.clearfix {width:100%;}
.clearfix:after{ content: ""; display: block; clear: both; }

/*レイアウト
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
#header{
	width:100%;
	position:relative;
	z-index:102;
	}
#header.fixed{
	position:fixed;
	top:0;
	left:0;
	animation-duration: .5s;
	animation-name: header-fix;
	}
@keyframes header-fix {
	0% {top: -100px;}
	100% {top: 0;}
	}

#contents,
#main,
.wrap{
	width:1000px;
	margin:0px auto;
	}
	#column{
		width:740px;
		float:right;	
		}
	#nav{
		width:220px;
		float:left;
		}
#gmogroupfooter {
    margin: auto;
    width: 1000px;
	}

/*全ページ共通
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
a:hover.hover,
.all-hover a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration:none;
}

/* ヘッダー
---------------------------------------------------------- */
/*
#cloud_header{
	z-index: 10;
	}
*/
#header{
	position:relative;
	height:86px;
	background:#fff;
	/* box-shadow */
	/*
	box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 3px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 3px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 3px 3px;
	*/
	border-bottom:1px solid #e0e0e0;
	}
#header.fixed{
	height:90px;
	}
#header.fixed:before{
	content:'';
	display:block;
	width: 100%;
	height:38px;
	background:#eee;
	/*
	border-bottom:3px solid #4ac5db;
	*/
	}
#header .show-for-fixed{
	display: none;
	}
#header.fixed .show-for-fixed{
	display: block;
	}
#header.fixed .hide-for-fixed{
	display: none;
	}
	#header > .wrap{
		position:relative;
		/*
		z-index:4;
		*/
		}
	#header.fixed > .wrap{
		/*
		display:none;
		height:31px;
		*/
		}
	/* logo */
	#header .logo{
		position: absolute;
		top:15px;
		left:1px;
		}
	#header .logo > h1,
	#header .logo > p{
		display: inline;
		}
	/* nav_function */
	#header .nav_function{
		position: absolute;
		top: 15px;
		right: 0;
		z-index: 1;
		}
	#header.fixed .nav_function{
		top: 12px;
		}
	#header .nav_function > ul{
		float:right;
		padding-left:10px;
		}
		#header .nav_function > ul >li{
			float:left;
			}
		#header .nav_function .btn-red,
		#header .nav_function .btn-white{
			margin-left:18px;
			}
		#header.fixed  .nav_function .btn-red{
			margin-left:8px;
			}
		#header.fixed .nav_function .btn-white{
			margin-left:0;
			margin-top: 2px;
			}
		#header #search_open{
			margin-left:5px;
			}
			#header .nav_function .btn-red > a{
				height:24px;
				padding:0 8px;
				line-height:24px;
				font-size:11px;
				}
			#header .nav_function .btn-white > a{
				display:block;
				height:25px;
				line-height:28px;
				border-bottom:4px solid #fff;
				color:#282828;
				font-size:12px;
				text-decoration:none;
				}
			#header .nav_function .btn-white > a:hover{
				border-bottom:4px solid #009fe8;
				}
		#header .nav_function .gnav_li_trigger{
			position:relative;
			margin-left: 9px;
			}
			#header .nav_function .gnav_li_trigger > a{
				height:30px;
				padding:0 28px 0 10px;
				background:url(/images2/ico_header_dropdown2.png) no-repeat 100% 12px;
				border-bottom:none !important;
				}
			#header .nav_function .gnav_li_trigger > a:hover,
			#header .nav_function .gnav_li_trigger.select > a{
				color:#fff !important;
				background:url(/images2/ico_header_dropdown2.png) #303030 no-repeat 100% -8px;
				/*
				position:relative;
				z-index:10;
				*/
				}
			#header .nav_function .gnav_sub a{
				width:174px;
				font-size:12px;
				}
		#header #search_open{
			margin-left:5px;
			}
			#header #search_open a{
				display:block;
				width:24px;
				height:24px;
				padding:0;
				border-radius:4px;
				border:2px solid #e2e2e2;
				background:url(/images2/ico_header_search.png) #e2e2e2 no-repeat 50% 50%;			
				
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
				}
			#header #search_open a:hover{
				background-color:#fff;
				}
		
	/* Google検索 */
.search-box{
	display:none;
	position:absolute;
	width: 535px;
	padding-left: 255px;
	top:8px;
	left:210px;
	z-index: 1;
	background: #fff;
	}
	#search_close{
		position:absolute;
		top:10px;
		right:0;
		}
	.search-box .google_search{
		position:relative;
		width:525px;
		height:35px;
		padding-top:5px;
		padding-right:10px;
		background:url(/images2/bg_header_search.png) no-repeat 0 0 !important;
		}
		.gsc-clear-button{
			display:none;
			}
	/*
	#___gcse_1{
		float:left;
		width:250px;
	}
	.search-box .google_search #___gcse_0{
		float:right;
		width:250px;
	}
	*/
	table.gsc-search-box td.gsc-input{
		padding-right:0 !important;
		}
	input.gsc-search-button{
		display: none;
		}
	.gsc-search-box .gsc-input input.gsc-input{
		width:430px !important;
		background:none repeat scroll 0 0 transparent !important;
		padding:8px !important;
		border:none !important;
		text-indent: 30px;
		}
						
	/* 電話番号 */
	#header .number{
		float:left;
		padding:0 0 0 20px;
		line-height:1;
		text-align:center;	
		background:url(/images2/ico_header_tel.png) no-repeat 0 2px;
		}
		#header .number dt{
			font-size:17px;
			font-weight:bold;
			}
		#header .number dd{
			font-size:10px;
			}
	/* グローバルナビ */
	#header .gnav{
		width:100%;
		position:absolute;
		top:56px;
		left:0;
		font-size:13px;
		border-top:1px solid #e0e0e0;
		}
	#header.fixed > .gnav{
		top:38px;
		padding-top: 12px;
		font-size: 12px;
		}
		#header .wrap{
			height:29px;
			}
		#header .nav{
			float:left;
			}
			#header .nav > li{
				float:left;
				margin-right:12px;
				position:relative;
				}
			#header .nav > .gnav_li_trigger{
				}
				#header .nav > li > a{
					display:block;
					height:30px;
					padding:0 10px;
					line-height:30px;
					text-decoration:none;
					color:#231815;
					}
				#header .gnav .gnav_li_trigger > a{
					padding:0 28px 0 10px;
					background:url(/images2/ico_header_dropdown2.png) no-repeat 100% 12px;
					}
				#header .gnav .gnav_li_trigger > a:hover,
				#header .gnav .gnav_li_trigger.select > a{
					color:#fff !important;
					background:url(/images2/ico_header_dropdown2.png) #303030 no-repeat 100% -8px;
					/*
					position:relative;
					z-index:10;
					*/
					}
				#header .nav > li > a:hover:after,
				#header .selected > a:after{
					content:'';
					display:block;
					position:absolute;
					left:50%;
					bottom:0;
					height:4px;
					background:#009FE8;
					}
				/* トップ */
				#header .gnav_top > a{
					padding-left:0 !important;
					}
				#header.fixed .gnav_top{
					text-indent: 100%;
					white-space: nowrap;
					overflow: hidden;
					}
					/* 固定時に「TOP」のテキストをロゴに置換 */
					#header.fixed .gnav_top > a{
						display:block;
						width:208px;
						height:28px;
						padding-right: 0 !important;
						background: url(/images2/logo_5.png) no-repeat 0 0;
						}
				#header .gnav_top > a:hover:after,
				#header .gnav_top.selected > a:after{
					width:30px;
					margin-left:-20px;
					}
				#header.fixed .gnav_top > a:hover:after,
				#header.fixed .gnav_top.selected > a:after{
					display: none;
					}
				/* シリーズ */
				#header .gnav_series.selected > a:after{
					width:116px;
					margin-left:-65px;
					}
				#header.fixed .gnav_series.selected > a:after{
					width:60px;
					margin-left:-38px;
					}
				#header .gnav_series .gnav_sub{
					width:24em;
					}
				#header .gnav_series .gnav_sub > ul:not(:first-child) a{
					width:12em;
					}
					/* 固定時に「シリーズを非表示に」 */
					#header.fixed .gnav_series > a > span{
						display: none;
						}
					#header .gnav_series .gnav_sub > ul:not(:first-child){
						float: left;
						}
				/* ソリューション */
				#header .gnav_solution.selected > a:after{
					width:90px;
					margin-left:-54px;
					}
				#header .gnav_solution .gnav_sub a{
					width:15em;
					}
				/* 導入事例 */
				#header .gnav_case > a:hover:after,
				#header .gnav_case.selected > a:after{
					width:56px;
					margin-left:-28px;
					}
				/* サポート */
				#header .gnav_support.selected > a:after{
					width:50px;
					margin-left:-34px;
					}
				#header .gnav_support .gnav_sub a{
					width:12em;
					}
				/* ニュース */
				#header .gnav_info > a:hover:after,
				#header .gnav_info.selected > a:after{
					width:56px;
					margin-left:-28px;
					}
				/* パートナー */
				#header .gnav_partner > a:hover:after,
				#header .gnav_partner.selected > a:after{
					width:106px;
					margin-left:-53px;
					}
				/* お問い合わせ・お見積もり */
				#header .gnav_li_trigger.estimate{
					letter-spacing: -.05em;
					}
					#header .gnav_li_trigger.estimate .gnav_sub a{
						width: 14.5em;
						letter-spacing: 0;
						}
			/* サブナビ */
			#header .gnav_sub{
				display:none;
				position:absolute;
				top:30px;
				left:0;
				padding:15px 0;
				background:#303030;
				z-index:1;
				}
			#header .gnav_sub .basic,
			#header .gnav_sub .isolate{
				text-indent: 2em;
				font-weight: bold;
				font-size: 15px;
				}
			#header.fixed .gnav_sub .basic,
			#header.fixed .gnav_sub .isolate{
				font-size: 14px;
				}
			#header .gnav_sub .basic{
				color: #5AA528;
				}
			#header .gnav_sub .isolate{
				color: #3F68BA;
				}
				#header .gnav_sub a{
					display:block;
					line-height:40px;
					text-indent:2em;
					color:#fff !important;
					}
				#header .gnav_series li:not(:first-child) a{
					text-indent:3em;
					}
		
/* 左のキャンペーンバナー
---------------------------------------------------------- */
/* PR_box */
.PR_box.side{
	position:fixed;
	top:180px;
	left:0;
	z-index:103;
	}
	.PR_box.side .banner{
		position:relative;
		}
		.PR_box.side .banner .close_guide{
			position:absolute;
			top:2px;
			right:5px;
			}
			.PR_box.side .close_guide > img{
				cursor:pointer;
				}
	.PR_box.side .modal .open{
		display: none;
		}

/* キャンペーン情報のモーダル表示 */
.campaign-modal{
	position:fixed;
	display: none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.4);
	z-index: 104;
	}
#campaign.active .campaign-modal{
	display: block;
	}
	.campaign-modal .img{
		position: absolute;
		top:50%;
		left:50%;
		width: 700px;
		height: 400px;
		margin: -200px 0 0 -350px;
		text-align:center;
		background: #fff;
	}
	.campaign-modal .close_modal{
		position: absolute;
		top: 14px;
		right: 14px;
		cursor:pointer;
		}
#campaign.active .banner{
	display: none;
	}
		
/* フッター
---------------------------------------------------------- */
/* footer_nav,copyright */
#footer_nav,#copyright{
	background:#363636;
	color:#fff;
	}
	#footer_nav a,#copyright a{
		color:#fff;
		}
#footer_nav{
	padding:50px 0;
	}
	#footer_nav .list_wrap{
		display:table;
		width:1000px;
		}
	#footer_nav .list{
		display:table-cell;
		padding-right:25px;
		}
	#footer_nav .list.last{
		padding-right:0;
		}
		#footer_nav .list li{
			margin-top:5px;
			font-size:12px;
			}
		#footer_nav .list .top,
		#footer_nav .list .top2{
			font-size:14px;
			}
		#footer_nav .list .top2{
			margin-top:10px;
			}
		#footer_nav .list .top,
		#footer_nav .list .top2,
		#footer_nav .list .top a,
		#footer_nav .list .top2 a{
			color:#fff;
			}	
		#footer_nav .list li a{
			color:#c5c5c5;
			}
			
	#footer_nav .links{
		padding-top:30px;
		}
	#footer_nav .links li{
		float:left;
		padding-right:30px;
		}
	#footer_nav .ssl{
		}
	#footer_nav .sitelock{
		width:255px;
		}
	#footer_
	#footer_nav .isms{
		}
		#footer_nav .isms img{
			float:left;
			}
		#footer_nav .isms span{
			display:block;
			float:left;
			width:140px;
			padding-left:10px;
			line-height:1.4;
			font-size:11px;
			color:#c5c5c5;
			}
	#footer_nav .links li.ir{
		padding:0;
		}
	#footer_nav .links li.social{
		padding:18px 20px 0 0;
		}
	#footer_nav .service_link{
		margin-top:50px;
		background:#1b1b1b;
		}
	#footer_nav .service_link .wrap{
		height:32px;
		padding:24px 0;
		line-height:32px;
		}
	#footer_nav .service_link p{
		float:left;
		padding-right:48px;
		border-right:1px solid #363636;
		}
	#footer_nav .service_link ul{
		float:right;
		display:table;
		width:790px;
		}
		#footer_nav .service_link li{
			display:table-cell;
			text-align:right;
			padding-left:30px;
			}
		#footer_nav .service_link li > a{
			color:#c6c6c6;
			}
		
#copyright{
	padding:0 0 30px 0;
	font-size:12px;
	}
	#copyright .copyright_left,
	#copyright li{
		float:left;
		}
	#copyright{
		color:#919191;
	}
	#copyright a{
		color:#c6c6c6;
	}
	#copyright ul{
		float:right;
	}
	#copyright li{
		padding-left:50px;
	}


/* ページトップ
---------------------------------------------------------- */
#footer-fixed {
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index:100;
	opacity: 0;
	display: none;;
	}
#footer-fixed.active{
	display: block;
	opacity: 1;
	animation-duration: 1s;
	animation-name: fade-in;
}
@keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
	}
	#footer-fixed > p{
		text-align:right;
		}
		
	/* ふきだし */
	#footer-fixed .contact{
		position: fixed;
		bottom: 0;
		right: 0;
		width:270px;
		padding:25px 30px 30px 30px;
		background:#effaff;
		text-align:center;
		border-top:2px solid #009eeb;
		border-left:2px solid #009eeb;
		border-radius:5px 0 0 0;
		box-shadow:rgba(0, 0, 0, 0.30) 0px 0px 5px 0px;
		}
	/* お問い合わせボタン */
	#footer-fixed .contact > dl{
		font-size: 14px;
		}
		#footer-fixed .contact > dl > dt{
			font-weight: bold;
			font-size: 18px;
			}
	/* お問い合わせボタン */
	#footer-fixed .btn-blue{
		margin-top: 20px;
		}
		#footer-fixed .btn-blue a{
			height:46px;
			line-height:46px;
			font-size: 16px;
			}
	/* 閉じるボタン */
	#footer-fixed .close_contact{
		position:absolute;
		top:0px;
		left:0px;
		cursor:pointer;
		}
		#footer-fixed .close_contact img{
			padding: 10px
			}

/* 下層パーツ
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
/*--見出し--*/
/*
#title{
	width:100%;
	position:relative;
	padding-top:28px;
	}
#title.managed{
	padding-top:18px;
	background:#009FE8;
	}
	#title .ruby .rt{
		top:-0.5em;
		}
	#service_title{
		position:relative;
		width:1000px;
		height:60px;
		margin:0 auto;
		padding-top:10px;
		line-height:1.3;
		}
	.basic #service_title{
		text-indent:295px;
		}
	.isolate #service_title{
		text-indent:310px;
		}
	.storage #service_title{
		text-indent:452px;
		}
		#service_title .logo{
			position:absolute;
			top:-5px;
			left:94px;
			width: auto;
			height: 60%;
			}
		#service_title span{
			font-size:16px;
			padding-left: 0.5em;
			}
*/			
#h1_title,.h1_title{
	margin-bottom:20px;
	font-size:34px;
	text-align:center;
	font-weight:bold;
	}
/*
.managed #h1_title{
	height:61px;
	}
	.managed #h1_title a{
		color:#fff;
		text-decoration:none;
		}
*/
/* 商材サブナビ */
#sub_nav{
	width:1000px;
	margin:0 auto 40px;
	}
	#sub_nav.basic{background:#5AA528;}
	#sub_nav.isolate{background:#3F68BA;}
	#sub_nav.storage{background:#00978C;}
	#sub_nav.managed{background:#009FE8;}
	#sub_nav ul{
		height:38px;
		}
	#sub_nav li{
		float:left;
		}
	#sub_nav .nav_4 li{width:250px;}
	#sub_nav .nav_5 li{width:200px;}
		#sub_nav li a{
			display:block;
			height:38px;
			line-height:38px;
			text-align:center;
			color:#fff;
			text-decoration:none;
			border-left:1px solid #fff;
			}
		#sub_nav.basic li a:hover,
		#sub_nav.basic .select a{
			background:#2e7900;
		}
		#sub_nav.isolate li a:hover,
		#sub_nav.isolate .select a{
			background:#213a99;
		}
		#sub_nav.storage li a:hover,
		#sub_nav.storage .select a{
			background:#006b63;
		}		
		#sub_nav.managed li a:hover,
		#sub_nav.managed .select a{
			background:#4dbbf1;
		}
		#sub_nav .nav01 a,
		#sub_nav .nav02 a,
		#sub_nav .nav03 a,
		#sub_nav .nav05 a{
			letter-spacing:10px;
			}

/*--パン屑--*/
.pankuzu{
	margin:20px auto;
	}
	.pankuzu li{
		display:inline;
		margin:0px 5px 0px 0px;
		line-height:1.4;
		font-size:11px;
		}
	.pankuzu li:after{
		margin-left:5px;
		content:"＞";
		color:#ccc;
		}
	.pankuzu li:last-child:after{
		content:"";
		}
/* 左サイドナビ */
#nav{
	margin-top:5px;
	border-top:1px dotted #c5c5c5;
	}
	#nav li{
		border-bottom:1px dotted #c5c5c5;
		}
		#nav li a{
			display:block;
			padding:14px 5px 14px 26px;
			color:#282828;
			background-position:16px -497px;
			}
		
		#nav li a:hover{
			text-decoration:none;
			background-color:#f2f2f2;
		}
		#nav .select,
		#nav .select a:hover{
			background-color:#dae9ec;
		}
		#nav .select-basic,
		#nav .select-basic a:hover{
			background-color:#cfe1b1;
			}
		#nav .select-isolate,
		#nav .select-isolate a:hover{
			background-color:#d9e1f7;
			}
		#nav .select-storage,
		#nav .select-storage a:hover{
			background-color:#acd3d0;
			}
		#nav .new{
			margin:0 10px;
			padding:1px 4px;
			color:#E8104E;
			font-size:10px;
			border:1px solid #E8104E;
			}

/*--コンテンツパーツ--*/
.h1_title{
	margin:80px 0 10px;
	font-size:44px;
	font-weight:normal;
	}
.page_catch{
	margin:60px 0 10px;
	font-weight:normal;
	font-size:14px;
	text-align:center;
	}
/*2カラムの時の指定*/
#column .page_catch{
	margin:0 0 10px;
	}
	.page_catch .ruby .rt{
		top:-0.5em;
		text-indent:0.2em;
		}
.page_title{
	margin:0 0 10px 0;
	font-size:44px;
	font-weight:normal;
	}
	.page_title .ruby .rt{
		top:-0.1em;
		}
	.page_title.new:before{
		content:'NEW';
		vertical-align:10px;
		margin:0 10px;
		padding:6px 10px;
		font-size:18px;
		color:#E8104E;
		border:1px solid #E8104E;
		}
		
.top_text{
	margin-bottom:0;
	font-size:18px;
	}
	.top_text .ruby .rt{
		top:-0.3em;
		}
.h2_title{
	font-size:32px;
	margin-bottom:40px;
	text-align:center;
	line-height:1.7;
	}
/* リード文 */
.section p.lead_text{
	margin:-20px 0 40px 0;
	text-align:center;
	font-size:128%;
}
.h3_title{
	margin-bottom:30px;
	padding:15px 15px 15px 45px;
	background:url("/images2/ico_h3.png") #e8eaec no-repeat 15px 50%;
	font-size:171%;
	line-height:1;
	border-radius:4px;
}
.h3_title.basic,
.h3_title.isolate,
.h3_title.storage,
.h3_title.managed{
	padding:15px;
}
.h3_title.basic:before,
.h3_title.isolate:before,
.h3_title.storage:before,
.h3_title.managed:before{
	content:'';
	width:20px;
	height:20px;
	display:block;
	float:left;
	margin:2px 10px 0 0;
	border-radius:4px;
}
.title_line{
	position:relative;
	margin:0 100px 20px;
	font-size:26px;
	text-align:center;
	line-height:1;
	}
.title_line:before{
	content: "";
	display: block;
	position: absolute;
	background:#d0d0d0;
	width: 100%;
	height: 1px;
	top: 50%;
	z-index: 1;
	}
.title_line span{
	position: relative;
	z-index: 5;
	padding:0 10px;
	}
.title_line span{
	background:#f6f6f6;
	}
.title_line span.white,
.bg-white .title_line span{
	background:#fff;
	}

.h4_title{
	margin-bottom:30px;
	font-size:142%;
	line-height:1;
}
.h4_title:before{
	content:'';
	width:7px;
	height:20px;
	display:block;
	float:left;
	margin:0 10px 0 0;
	background:#979ba2;
	border-radius:4px;
}
#no_account,#account{
	margin-bottom: 0;
	margin-top: -180px;
	padding-top: 180px;
}
/* BASIC用色指定 */
.h3_title.basic{background:#d9e6c3;}
.h3_title.basic:before{background:#57a719;}
.h4_title.basic:before{background:#57a719;}

/* managed用色指定 */
.h3_title.managed{background:#dae9ec;}
.h3_title.managed:before{background:#009eeb;}
.h4_title.managed:before{background:#009eeb;}

.h5_title{
	font-size:16px;
	line-height:1.2;
	border-left:8px solid #ddd;
	padding-left:16px;
	margin-bottom:25px;
	}
/*
.h3_title{
	font-size:22px;
	border-bottom:3px solid #ddd;
	line-height:1.2;
	margin-bottom:35px;
	}
.h4_title{
	font-size:18px;
	border-left:5px solid #4dcce3;
	padding-left:10px;
	line-height:1.2;
	margin-bottom:35px;
	}
.h5_title{
	font-size:16px;
	line-height:1.2;
	margin-bottom:25px;
	}
*/
.section{
	margin-bottom:80px;
	}
/*
.section_border{
	border-bottom:1px solid #ddd;
	padding-bottom:30px;
	margin-bottom:50px;
	}
.section_frame{
	border:3px solid #ddd;
	padding:25px 25px 5px;
	margin-bottom:30px;
	}
*/
	.section p,
	.section ul,
	.section ol
	{
		margin-bottom:20px;
		}
/*
.section_frame_em{
	border:3px solid #f8b802;
	background:#fff5cb;
	padding:25px 25px 5px;
	margin-bottom:30px;
	color:#ff8400;
	}
	.section p,
	.section_border p,
	.section_frame p{
		margin-bottom:20px;
		}
.add{
	color:#5f646c;
	font-size:10px;
	}
*/
.em{
	color:#E8104E;
	}
.image_wrap{
	text-align:center;
	margin:30px 0px;
	}
.text_left{
	text-align:left !important;
	}
.text_right{
	text-align:right !important;
	}
.text_center{
	text-align:center !important;
	}
.bg-white{
	background:#fff;
	}
.float_l{
	float: left;
	}
.float_r{
	float: right;
	}
dl.info dt .ico_new,
.icon-new:before{
	margin-right:5px;
	color:#E8104E;
	border:1px solid #E8104E;
	}
dl.info dt .ico_new{
	padding:0px 6px;
	}
.icon-new:before{
	content:'NEW';
	padding:3px 6px;
	}
	
/**リンク**/
a.link_arrow,
.link_arrow a{
	background:url("/images2/ico_arrow2.png") no-repeat 0 50%;
	padding-left:10px;
	min-height:14px;
	}
.targetblank{
	background:url("/images2/ico_blank.png") no-repeat 100% 50%;
	min-height:14px;
	padding-right:14px;
	}
.link_pdf {
    background: url("/images/link-pdf.gif") no-repeat right center;
    padding-right: 21px;
	}

.list_number li{
	list-style-type:decimal;
	margin-left:23px;
	}
	
/**テーブル**/
.table{
	width:100%;
	border-collapse:collapse;
	border:1px solid #d6d6d6;
	margin:0 auto 30px;
	background-color:#ffffff;
	}
.table th,
.table td{
	border:1px solid #d6d6d6;
}
.table th{
	padding:10px 20px;
}
.table td{
	padding:10px 15px;
}
.table thead th{
	background:#f2f2f2;
	font-size:114%;
	}
.table tbody th{
	background:#fafafa;
	text-align:left;
	}
.table td{
	font-size:92%;
	}
/* 3等分 */
.block3 th,.block3 td{width:33%;}
/* tdをすべてセンタリング */
.td-center td{
	text-align:center;
}
/* table2 */
.table2{
	width:100%;
	border-collapse:collapse;
	margin:0 auto 10px;
	line-height:1.4;
	}
	.table2 thead th,
	.table2 thead td{
		padding:10px 0;
		background:#ddd;
		font-weight:normal;
		}
	.table2 tbody th,
	.table2 tbody td{
		padding:15px 15px;
		font-weight:normal;
		border-bottom:1px solid #ddd;
		}
	.table2 tbody th{
		text-align:left;
		}
	.table2 tbody td{
		border-left:1px solid #ddd;
		}
	.table2 tfoot th,
	.table2 tfoot td{
		padding:15px 15px;
		font-weight:bold;
		border-bottom:1px solid #ddd;
		}

/*
.gray{
	background:#e0e0e0 !important;
	}
.grayout{
	background:#eee !important;
	color:#aaa;
	}
.pink {
	background:#ff0024 !important;
	color:#fff;
	}
*/

/*--ルビ--*/
ruby rt{
	font-size:75%;
	margin:0px 3px;
	display:inline;
	}
ruby rp{
	font-size:75%;
	letter-spacing:-0.2em;
	}
.ruby{
	position: relative;
	display: inline-block;
	}
.ruby .rb{
	display: inline-block;
	margin-top: 0.3em;
	white-space: nowrap;
	}
.ruby .rt{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 50%;
	text-indent:1.2em;
	}

/* ☆申し込みボタン */
.btn-order a{
	display:block;
	height:56px;
	padding-top:8px;
	border-radius:4px;
	color:#fff;
	font-size:12px;
	text-align:center;
	background:url("/images2/bg_btn.png") #E8104E no-repeat 100% 100%;
	}
	.btn-order a strong{
		display:block;
		font-size:18px;
		}
		
/* ☆水色ボタン */
.btn-link a{
	display:block;
	border-radius:4px;
	color:#fff;
	text-align:center;
	background:url("/images2/bg_btn.png") #4ac5db no-repeat 100% 100%;
	}

/* リスト */
/*
.list-disc li{
	padding-left:15px;
	background:url("/images2/icons.png?var=20150430") no-repeat -993px -401px;
	}
.list-disc.basic li{background-position:-993px -102px;}
.list-disc.isolate li{background-position:-993px -162px;}
.list-disc.storage li{background-position:-993px -222px;}
.list-disc.managed li{background-position:-993px -438px;}
*/

.list-disc li{
	padding-left:1em;
	text-indent:-1em;
	}
.list-disc li:before{
	content:'●';
	padding-right:5px;
	color:#666;
	}
.list-disc.basic li:before{color:#5AA528;}
.list-disc.isolate li:before{color:#3F68BA;}
.list-disc.storage li:before{color:#00978C;}
.list-disc.managed li:before{color:#009FE8;}
/* 関連コンテンツ */
.related-link{
	margin-bottom: 90px;
	padding:10px 20px;
	background:#fff;
	font-size:78%;
	border-radius:4px;
}


/* 注意書き */
.add {
    color: #5f646c;
    font-size: 12px;
	}
	.add li{
		text-indent:-1em;
		padding-left:1em;
		color: #5f646c;
		}
		
/* お問い合わせ（青）・申し込み（赤）のボタン */
	.btn-contact-l a,
	.btn-order-l a,
	.btn_inquiry a{
		display:block;
		width:230px;
		height:80px;
		padding:20px 0 0 90px;
		border-radius:4px;
		font-size:13px;
		color:#fff;
		background:url("/images2/icons.png?var=20150430") no-repeat 0 0;
		}
		.btn_inquiry .contact a,
		.btn-contact-l a{
			background-position:0 0;
			}
		.btn_inquiry .estimate a{
			background-position:-320px 0;
			}
		.btn_inquiry .order a,
		.btn-order-l a{
			background-position:-640px 0;
			}
	.btn-contact-l strong,
	.btn-order-l strong,
	.btn_inquiry .contact strong,
	.btn_inquiry .order strong{
		display:block;
		font-size:30px;
		line-height:1.4;
		}
	.btn_inquiry .estimate strong{
		display:block;
		/*
		margin-top:-3px;
		*/
		padding-top:3px;
		font-size:22px;
		line-height:1.2;
	}
	.btn-contact-m a,
	.btn-order-m a{
		display:block;
		height:80px;
		background:url("/images2/icons.png?var=20150430") no-repeat 0 0;
		color:#fff;
		font-size:16px;
		}
		.btn-contact-m a{
			width:285px;
			padding:20px 0 0 115px;
			background-position:0 -170px;
		}
		.btn-order-m a{
			width:275px;
			padding:20px 0 0 125px;
			background-position:-400px -170px;
		}
	.btn-contact-m strong,
	.btn-order-m strong{
		display:block;
		font-size:30px;
		line-height:1;
		}

.btn-contact-s a,
.btn-order-s a{
	display:block;
	background:url("/images2/icons.png?var=20150430") no-repeat;
	color:#fff;
	font-size:12px;
	}
	.btn-order-s a{
		width:165px;
		}
	.btn-contact-s a,
	.btn-estimate-s a,
	.btn-order-s a{	
		height:57px;
		padding-top:13px;
		padding-left:54px;
	}
	.btn-contact-s a{
		width:220px;
		padding-left:100px;
		background-position:-658px -100px;
		}
	.btn-estimate-s a{
		height:55px;
		padding-top:15px;
		font-size:16px;
		line-height:1.4;
		font-weight:bold;
		background-position:-219px -100px;
	}
	.btn-order-s a{
		background-position:-438px -100px;
	}
.btn-contact-s a strong,
.btn-order-s a strong{
	display:block;
	font-size:21px;
	line-height:1;
	}
	
/* コンバージョンエリア 20150629  */
.btn_inquiry_02 {
	padding:30px 0 20px;
	background:#fff;
	}
	.btn_inquiry_02 .left,
	.btn_inquiry_02 .right {
		float:left;
		width:500px;
		min-height:125px;
		padding-top:30px;
		text-align:center;
		}
	.btn_inquiry_02 .left {
		position:relative;
		}
		.btn_inquiry_02 .left:after{
			content:url("/images2/ico_free.png");
			position:absolute;
			top:25px;
			right:95px;
			}
		/* テキスト */
		.btn_inquiry_02 .left ul {
			width:27.5em;
			margin:0 auto;
			text-align:left;
			font-size:12px;
			}
		.btn_inquiry_02 .add{
			margin-top:10px;
			}
			
	/* 申し込み・問い合わせボタン */
	.btn_inquiry_02 .btn-red,
	.btn_inquiry_02 .btn-blue{
		width:276px;
		margin:0 auto 10px;
		text-align:center;
		}
		.btn_inquiry_02 .btn-red a{
			height:46px;
			padding-top:10px;
			font-size:12px;
			line-height:1.2;
			}
		.btn_inquiry_02 .btn-red strong{
			display:block;
			font-size:18px;
			}
		.btn_inquiry_02 .btn-blue a{
			height:56px;
			line-height:56px;
			font-size:18px;
			}

/* コンバージョンエリア 20160726  */
.btn_inquiry_03 {
	width: 996px;
	margin: 40px auto 80px;
	border:2px solid #009FE8;
	background: #f6f6f6;
	/*
	padding:30px 0 20px;
	background:#fff;
	*/
	}
	.btn_inquiry_03 .title{
		line-height: 50px;
		background: #009FE8;
		color: #fff;
		text-align: center;
		font-size: 18px;
		}
	.btn_inquiry_03 .title.campaign > a{
		color: #fff;
		}
	.btn_inquiry_03 .title.campaign > a::after{
		vertical-align: -4px;
		margin-left: 4px;
		content: url(/images2/ico_arrow_white2.png);
		}
	/* 申し込みボタン */
	.btn_inquiry_03 .btn-red{
		width:350px;
		margin:20px auto 10px;
		text-align:center;
		}
		.btn_inquiry_03 .btn-red a{
			height:42px;
			line-height: 42px;
			font-size:17px;
			}
	.btn_inquiry_03 .link_arrow{
		font-size: 12px;
		}
	/* その他のボタン */
	.btn_inquiry_03 > ul{
		height: 30px;
		margin-top: 10px;
		margin-bottom: 0;
		padding: 12px 0;
		background: #fff;
		}
		.btn_inquiry_03 > ul > li{
			float: left;
			width: 330px;
			text-align: center;
			}
		.btn_inquiry_03 > ul > li:nth-child(2){
			border-left:2px solid #c3c3c3;
			border-right:2px solid #c3c3c3;
			}
			.btn_inquiry_03 > ul > li > a{
				display: block;
				height: 30px;
				line-height: 30px;
				font-size: 17px;
				font-weight: bold;
				}
			.btn_inquiry_03 > ul > li > a.targetblank{
				background-position: 235px 50%;
				}

/* キャンペーンバナー */
.campaign a:hover img {
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity = 50);
}
.campaign_warp {
	width:1000px;
	margin:40px auto;
}
.campaign_warp .list {
	margin-top:20px;
}
.campaign_warp .list li {
	float:left;
	padding-left:50px;
}
.campaign_warp .list li.first {
	padding-left:0;
}

/* PDFダウンロードボタン */
.donwload_pdf{
	}
	.donwload_pdf a{
		display:block;
		position:relative;
		float:right;
		margin-top:-90px;
		padding:0 35px 0 15px;
		height:40px;
		line-height:40px;
		color:#fff;
		border-radius:4px;

		background: #9d9d9d;
		background: -moz-linear-gradient(top,  #9d9d9d 50%, #8c8c8c 50%, #8c8c8c 50%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#9d9d9d), color-stop(50%,#8c8c8c), color-stop(50%,#8c8c8c));
		background: -webkit-linear-gradient(top,  #9d9d9d 50%,#8c8c8c 50%,#8c8c8c 50%);
		background: -o-linear-gradient(top,  #9d9d9d 50%,#8c8c8c 50%,#8c8c8c 50%);
		background: -ms-linear-gradient(top,  #9d9d9d 50%,#8c8c8c 50%,#8c8c8c 50%);
		background: linear-gradient(to bottom,  #9d9d9d 50%,#8c8c8c 50%,#8c8c8c 50%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#8c8c8c',GradientType=0 );
		}
	.donwload_pdf a:before{
		content:'';
		display:block;
		position:absolute;
		width:18px;
		height:18px;
		top:10px;
		right:10px;
		background:url("/images/link-pdf.gif") no-repeat;
		}

/* ニュースエリア */
.news_ticker{
	position:relative;
	margin-top:30px;
	height:40px;
	line-height:40px;
	background:#fff;
	border:2px solid #f38382;
	border-radius:4px;
	}
.news_ticker:before{
	content:'NEW';
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:40px;
	background:#f38382;
	color:#fff;
	font-weight:bold;
	text-align:center;
	}
	
/* ドメイン検索 */
.domain_search{
	padding-top: 20px;
	padding-bottom: 10px;
	font-size:16px;
	text-align: center;
	}
	.domain_search .n_text{
		width:370px;
		height:36px;
		margin:0 8px;
		padding:0 10px;
		line-height:36px;
		outline:none;
		font-size:18px;
		background:#f9f9f9;
		border:1px solid #d1d1d1;
		}
	.domain_search .send_btn{
		width:95px;
		height:36px;
		font-size:16px;
		position: relative;
		overflow: hidden;
		border-radius:4px;
		border:none;
		cursor:pointer;
		outline:none;
		color:#fff;
		text-decoration:none;
		text-align:center;
		text-shadow:rgba(0,0,0,0.2) 0px 0px 5px;
		border:2px solid #009FE8;
		background: #009FE8;
		}
	.domain_search .send_btn.hover{
		background-color:#fff;
		text-shadow:rgba(0,0,0,0) 0 0 0;y
		color:#24a0b6;
		border:2px solid #6fd5e7;
		}
	.domain_search .send_btn.hover:after{
		background-position:-11px 0;
		}
	
/* ボタンルールの設定（2015年6月〜）
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.btn-blue,
.btn-orange,
.btn-red,
.btn-grey,
.btn-black,
.btn-basic2,
.btn-isolate2,
.btn-storage2{
	position: relative;
	}
	.btn-blue a,
	.btn-orange a,
	.btn-red a,
	.btn-grey a,
	.btn-black a,
	.btn-basic2 a,
	.btn-isolate2 a,
	.btn-storage2 a{
		display:block;
		border-radius:4px;
		color:#fff;
		text-decoration:none;
		text-align:center;
		text-shadow:rgba(0,0,0,0.2) 0px 0px 5px;
		}
	.btn-blue a:hover,
	.btn-orange a:hover,
	.btn-red a:hover,
	.btn-grey a:hover,
	.btn-black a:hover,
	.btn-basic2 a:hover,
	.btn-isolate2 a:hover,
	.btn-storage2 a:hover{
		background-color:#fff;
		text-shadow:rgba(0,0,0,0) 0 0 0;
		}
	.btn-blue a.targetblank:after,
	.btn-orange a.targetblank:after,
	.btn-red a.targetblank:after,
	.btn-grey a.targetblank:after,
	.btn-black a.targetblank:after,
	.btn-basic2 a.targetblank:after,
	.btn-isolate2 a.targetblank:after,
	.btn-storage2 a.targetblank:after{
		content: url(/images2/ico_blank2.png);
		margin-left: 8px;
		margin-right: -19px;
		}
	.btn-blue a.targetblank:hover:after,
	.btn-orange a.targetblank:hover:after,
	.btn-red a.targetblank:hover:after,
	.btn-grey a.targetblank:hover:after,
	.btn-black a.targetblank:hover:after,
	.btn-basic2 a.targetblank:hover:after,
	.btn-isolate2 a.targetblank:hover:after,
	.btn-storage2 a.targetblank:hover:after{
		content: url(/images2/ico_blank.png);
		}
/* ボタン：水色 */
.btn-blue a{
	border:2px solid #009FE8;
	background: #009FE8;
	}
.btn-blue a:hover{
	color:#009FE8;
	}
/* ボタン：オレンジ色（ログイン系） */
.btn-orange a{
	border:2px solid #F39800;
	background: #F39800;
	}
.btn-orange a:hover{
	color:#F39800;
	}

/* ボタン：赤色（申し込み系） */
.btn-red a{
	border:2px solid #E8104E;
	background: #E8104E;
	}
.btn-red a:hover{
	color:#E8104E;
	}
	
/* ボタン：灰色 */
.btn-grey a{
	border:2px solid #666;
	background: #666;
	}
.btn-grey a:hover{
	color:#666;
	}
	
/* ボタン：黒色 */
.btn-black a{
	border:2px solid #3e3e3e;
	background: #3e3e3e;
	}
.btn-black a:hover{
	color:#3e3e3e;
	}
	
/* ボタン：黄緑色（Basic系） */
.btn-basic2 a{
	border:2px solid #5AA528;
	background: #5AA528;
	}
.btn-basic2 a:hover{
	color:#5AA528;
	}
	
/* ボタン：青色（Isolate系） */
.btn-isolate2 a{
	border:2px solid #3F68BA;
	background: #3F68BA;
	}
.btn-isolate2 a:hover{
	color:#3F68BA;
	}
	
/* ボタン：緑色（オブジェクトストレージ系） */
.btn-storage2 a{
	border:2px solid #00978C;
	background: #00978C;
	}
.btn-storage2 a:hover{
	color:#00978C;
	}

/* アコーディオン
---------------------------------------------------------- */
.accordion{
	}
	.accordion .triger{
		position:relative;
		margin:20px auto 60px;
		width:29px;
		height:29px;
		cursor:pointer;
		background:url(/images2/ico_acc.png) no-repeat 50% 0;
		}
	.accordion .triger.hover{
		background-position:50% -29px;
		}
	.accordion .select{
		background-position:50% -58px;
		}
	.accordion .select.hover{
		background-position:50% -87px;
		}
	.accordion .sub{
		}

/* ページ下部のprev・nextボタン
---------------------------------------------------------- */
/*
.btn_inquiry_03 + .prev_next.border-top{
	margin-top: -40px !important;
	}
*/
.prev_next{
	padding:40px 0;
	}
.prev_next.border-top{
	margin-top:0;
	border-top:10px solid #fff;
	}
	.prev_next .prev{
		float:left;
		padding-left:30px;
		}
		.prev_next .prev > a{
			padding-left:45px;
			background:url("/images2/ico_prev.png") no-repeat 0 50%;
			}
	.prev_next .next{
		float:right;
		padding-right:30px;
		}
		.prev_next .next > a{
			padding-right:45px;
			background:url("/images2/ico_next.png") no-repeat 100% 50%;
			}


/* 商材・仕様下部のナビゲーション
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
.service_nav{
	padding:40px 0 0 0;
	border-top:10px solid #fff;
	}
	.service_nav .name{
		margin-bottom:10px;
		font-size:16px;
		color:#a0a0a0;
		}
		.service_nav .name .ruby .rb{
			margin-top:0;
			}
		.service_nav .name .ruby .rt{
			top:-1em;
			left:-0.5em;
			}
	.service_nav dl{
		position:relative;
		width:835px;
		padding:12px 0 12px 165px;
		border-bottom:1px solid #d6d6d6;
		line-height:1.2;
		}
	.service_nav dl.standard{
		border-top:1px solid #d6d6d6;
		}
		.service_nav dt{
			position:absolute;
			top:17px;
			left:4px;
			}
		.service_nav dd{
			float:left;
			width:278px;
			padding:5px 0;
			font-size:12px;
			}
			.service_nav dd .link_arrow a[target$="_blank"]:after,
			.service_nav dd a.link_arrow[target$="_blank"]:after{
				content:url(/images2/ico_blank.png);
				margin-left:4px;
				}
	/* ユーザーインターフェースで高さ調整 */
	.service_nav .ui{
		min-height:3em;
		}
	/* ご利用例の時のみ4つ並び */
	.service_nav .case{
		padding:12px 0 12px 165px;
		}
		.service_nav .case dd{
			width:208px; 
			}
	.service_nav .btn{
		width:640px;
		margin:0 auto;
		padding:58px 0 80px 0;
		}
		.service_nav .btn li{
			float:left;
			margin: 0 40px;
			}
	/* newアイコン */
	.service_nav .newicon{
		margin-left: 5px;
		padding: 0px 2px;
		font-size:10px;
		color:#E8104E;
		font-weight:normal;
		border:1px solid #E8104E;
		}
		
/* IsolateコンサルCVエリア
----------------------------------------------------------------------------------------------------*/
.callcenter{
	position:relative;
	padding:22px 0 66px 0;
	font-size:14px;
	text-align:left;
	}
.callcenter-inside{
	min-height:100px;
	padding-top:23px;
	padding-right:30px;
	background:url("/images2/isolate/price/bg_grid.png") repeat 50% 0;
	}
.callcenter:before{
	position:absolute;
	top:0;
	left:10px;
	content:url("/images2/isolate/price/img_contact.png");
	}
	.callcenter .catch{
		width:25em;
		margin:0 auto;
		line-height:1;
		font-size:26px;
		background: linear-gradient(transparent 50%, #f8fe4d 0%);
		}
	.callcenter .text{
		margin-top:10px;
		padding-left:165px;
		}
	.callcenter .tel{
		position:absolute;
		top:95px;
		right:25px;
		line-height:1;
		text-align:center;	
		}
		.callcenter .tel dt{
			font-size:22px;
			font-weight:bold;
			}
		.callcenter .tel dd{
			font-size:10px;
			}
	.callcenter .btn-grey,
	.callcenter .btn-red{
		position:absolute;
		top:45px;
		right:20px;
		width:150px;
		}
		.callcenter .btn-grey a,
		.callcenter .btn-red a{
			height:36px;
			line-height:36px;
			}