@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:#5b5c5e;
background:#fff;
min-width:1000px;
}
/*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{
color:#2d9cb0;
text-decoration:none;
overflow:hidden;
outline:none;
}
a:hover{
text-decoration:underline;
}


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

/*--clearfix--*/
.clearfix:before,.clearfix:after{content:"";display: table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}/* for IE6,7 */


/*レイアウト
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
#header{
	width:100%;
	background:#f5f5f5;
	}
#footer{
	width:100%;
	background:#ccc;
	}
.pankuzu,
.wrap{
	width:1000px;
	margin:0 auto;
	}

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

/* PR_box */
#PR_box{
	position:fixed;
	top:120px;
	left:0;
	z-index:3;
	}
	#PR_box .banner_l,
	#PR_box .banner_s{
		position:relative;
		display:none;
		}
		#PR_box .banner_l .close_guide,
		#PR_box .banner_s .close_guide{
			position:absolute;
			right:5px;
			}
		#PR_box .banner_l .close_guide{
			top:32px;
			}
		#PR_box .banner_s .close_guide{
			bottom:2px;
			}
			#PR_box .close_guide img{
				cursor:pointer;
				}

/*ヘッダー
---------------------------------------------------------- */
#header{
		background:#fff;
		width:100%;
	}
#header .wrap{
		/*text-align:bottom;*/
		padding-top: 5px;
		height:50px;
	}
	#header .logo{
		margin-left:10px;
		width:360px;
		height: 40px;
		float:left;
		cursor:pointer;
		}
		#header .logo a,#header h1.logo a{
			display:block;
			overflow:hidden;
			text-indent:100%;
			white-space:nowrap;
			width:356px;
			height:42px;
			background:url("/images/logo_v3.png.pagespeed.ce.HR6ib8zTuN.png") center no-repeat;
			background-size: contain;
			}
	#header .nav_function{
			vertical-align:text-bottom;
			text-align:right;
			font-size: 85%;
		}
		#header .nav_function ul{
			}
		#header .nav_function li{
			float:right;
			display:block;
			padding-top:25px;
			}
		#header .nav_function a{
			margin-left:14px;
			white-space:nowrap;
			vertical-align:text-bottom;
			}
		#header .nav_function a:before{
			margin-left:10px;
			content:"";
			width:9px;
			height:9px;
			background:url("/images/xico_header_link.png.pagespeed.ic.UeLAHlY4W5.png") no-repeat 0 1px;
			padding-left:12px;
			}
		.recommend {
			height: 50px;
			position: relative;
			text-align: right;
			width:600px;
			float:right;
		}
		.recommend a {
			bottom: 0px;
			position: absolute;
			right: 0;
			background-position:0 4px !important;
		}



/* グローバルナビ */
	#header #gnav_w{
		/*margin-top:5px;*/
		background:#e3e3e3;
		width:100%;
		font-size:14px;
		padding:3px 0 0;
		line-height:1.0;
		}
	#header .gnav{
		width:1001px;
		margin:0 auto;
		}
	#header .gnav > ul{
		height:17px;
		padding:10px 0px;
		}
	#header .gnav > ul > li{
		display:inline;
		position:relative;
		}
	#header .gnav ul li a{
		}
	#header .gnav ul li a:hover{
		text-decoration:none;
		}
	.gnav_li_trigger{
		background:none;
		}
	.gnav_li_trigger:hover{
		background:center 22px no-repeat;
		}
	#header .gnav li.gnav_li_trigger a{
		color:#333;
	}
	#header .gnav li.gnav_li_trigger a:hover{
		color:#fff;
		cursor: pointer
	}
	#header .gnav li.gnav_li_trigger .gnav_sub_left a:hover,
	#header .gnav li.gnav_li_trigger .mgr a:hover{
		color:#2d9cb0;
	}
	#header .gnav li.gnav_li_trigger .gnav_sub_left{
		font-size:12px;
	}
	#header .g_nav_home{
		width:18px;
		height:18px;
		float:left;
		display:block;
		margin-top:-9px;
		padding:6px 15px !important;
		background:url("/images/xbg_gnavhome.gif.pagespeed.ic.1ROoZBOuOJ.png") no-repeat 0 100%;
		}
	#header .g_nav_home a{
		width:18px;
		height:18px;
		display:block;
		background:url("/images/xico_home.gif.pagespeed.ic._-YxaJWJzf.png") no-repeat 0px 0px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		}
	#header .g_nav_home a:hover{
		background:url("/images/xico_home.gif.pagespeed.ic._-YxaJWJzf.png") no-repeat 0px -30px;
		}
	#header .g_nav_home_select{
		width:18px;
		height:18px;
		display:block;
		float:left;
		margin-top:-9px;
		padding:6px 15px !important;
		background:url("/images/xbg_gnavhome.gif.pagespeed.ic.1ROoZBOuOJ.png") no-repeat 0 100%;
		}
	#header .g_nav_home_select a{
		width:18px;
		height:18px;
		display:block;
		background:url("/images/xico_home.gif.pagespeed.ic._-YxaJWJzf.png") no-repeat 0px -30px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		}
			#header .gnav .gnav_li_trigger{
				display:block;
				float:left;
				}
			#header .gnav .gnav_li_trigger>span,
			#header .gnav .gnav_li_trigger>a{
				padding:12px 42px;
				background:url("/images/bg_gnavline.gif.pagespeed.ce.gYUoLfX63X.gif") no-repeat 100% 50%;
				}
			#header .gnav .gnav_li_trigger span:hover,
			#header .gnav .gnav_li_trigger.select span,
			#header .gnav .gnav_li_trigger>a:hover,
			#header .gnav .gnav_li_trigger.select>a{
				background-color:#ccc;
				margin-top:0;
				}
/*--グローバルサブメニュー--*/
#header .gnav_sub{
	display:none;
	text-align:left;
	}
	#header .gnav_sub{
		width:380px;
		position:absolute;
		top:12px;
		left:0px;
		border-radius:0px 0px 5px 5px;
		border:4px solid #ccc;
		background:#fff url("/images/xbg_header_sub.png.pagespeed.ic.VCkaP5r7rn.png") 20px 0 no-repeat;
		z-index:100;
		}

	#header .gnav_mgr .gnav_sub{
		width:230px;
		}
	#header .last .gnav_sub{
		position:absolute;
		left:-170px;
		background:#fff url("/images/xbg_header_sub.png.pagespeed.ic.VCkaP5r7rn.png") 190px 0 no-repeat;
		}
	#header .gnav_sub{
		padding:15px 10px 15px 10px;
		line-height:1.2;
		font-size:14px;
		}
	#header .gnav_sub{
		margin:10px 0px 0px;
		}
	#header .gnav li.gnav_li_trigger .gnav_sub_left a,
	#header .gnav li.gnav_li_trigger .mgr a{
		font-size:12px;
	}
	#header .gnav_sub .gnav_sub_left{
		display:block;
		float:left;
	}
	#header .gnav_sub ul li{
		padding-top:0px;
		}
	#header .gnav_sub li{
		margin-top:10px;
		line-height:1.2;
		}
	#header .gnav_sub{
		padding-top:0;
		}

	#header .gnav_sub li ul.gnav_link li {
		padding-left:15px;
		margin-top:5px;
		}
	#header .gnav_sub li.public ul.gnav_link li {
		padding-right:15px;
		}
	#header .gnav_sub li.mgr {
		margin-top:20px;
		}
	#header .gnav_sub li.shared a:before{
			content:url(/images/xico_gnav_shared.png.pagespeed.ic.53kEgWkU9D.png);
			}
	#header .gnav_sub li.public:before{
			content:url(/images/xico_gnav_public.png.pagespeed.ic.m1gKYQ6YMS.png);
			}
	#header .gnav_sub li.vps a:before{
			content:url(/images/xico_gnav_vps.png.pagespeed.ic.q8Iz62ZdZ8.png);
			}
	#header .gnav_sub li.private a:before{
			content:url(/images/xico_gnav_private.png.pagespeed.ic.yJhGtm-gP0.png);
			}
	#header .gnav_sub li.privatec a:before{
			content:url(/images/xico_gnav_privatec.png.pagespeed.ic.kCJchyHmv1.png);
			}
	#header .gnav_sub li.solution a:before{
			content:url(/images/xico_gnav_solution.png.pagespeed.ic.fjwMrJWozj.png);
			}
	#header .gnav_sub li.mgr a:before{
			content:url(/images/xico_gnav_mgr.png.pagespeed.ic.Pun6v-D9Qx.png);
			}
	#header .gnav_sub li.managed-cloud a:before{
		content:url(/images/xico_gnav_managed-cloud.png.pagespeed.ic.8DbjNgsD8H.png);
	}
	#header .gnav_sub li.rapidsite a:before{
		content:url(http://support.gmocloud.com/images/xico_gnav_rapidsite02.png.pagespeed.ic.VuY8IxQDf7.png);
	}
	#header .gnav_sub li.pleskmanaged a:before{
		content:url(http://support.gmocloud.com/images/xico_gnav_pleskmanaged.png.pagespeed.ic.KqXSeC-9JL.png);
	}
	#header .gnav_sub li.wishone a:before{
		content:url(http://support.gmocloud.com/images/xico_gnav_wishone.png.pagespeed.ic.mo06EHKSYR.png);
	}
	#header .gnav_sub li ul.gnav_link a:before{
				 content:url(/images/xico_header_link.png.pagespeed.ic.UeLAHlY4W5.png);
			 }



#wrapper #container {
	margin-top: 0;
}


/*フッター
---------------------------------------------------------- */
#footer{
	background:#2b2c30;
	color:#fff;
	}
.bnr_footer_sales{
	background:#f2f2f2;
	margin-top:80px;
	text-align: center;
	}
	.bnr_footer_sales img{
		margin:20px 0;
		}
#footer a{
	color:#fff;
	}
	#footer_btns{
		background:#a2a7ab;
		padding:20px 0;
		}
	#footer_btns .search-box .google_search {
		float:left;
		margin-top:15px;
		padding-top: 0px;
		width: 515px;
		height:30px;
		background:#fff;
		box-shadow:rgba(158, 158, 158, 0.65098) 1px 1px 1px 1px inset;
		-webkit-box-shadow:rgba(158, 158, 158, 0.65098) 1px 1px 1px 1px inset;
		-moz-box-shadow:rgba(158, 158, 158, 0.65098) 1px 1px 1px 1px inset;
		}

	/* google検索用 */
	table.gsc-search-box td{
		vertical-align:top !important;
	}
	.gsc-input-box{
		background:none !important;
		}
	.gsc-input-box,
	.gsc-search-box .gsc-input>input:hover,
	.gsc-input-box-hover {
		border:none !important;
		box-shadow:none !important;
		}
	.gsc-search-box .gsc-input input.gsc-input{
		text-indent:0 !important;
		background:none !important;
		}
	/* 入力中のリセットボタン */
	.gsib_b{
		display:none;
		}
	/* 検索ボタン */
	.gsc-search-button-v2{
		padding:6px !important;
		background: #9a9a9a !important;
		box-shadow:none !important;
		border: 1px solid #fff !important;
		margin-top: 2px !important;
		border-radius:4px !important;
		}
	/* 検索ワード候補 */
	.gsc-completion-container{
		margin:-12px 0 0 -6px !important;
		}

	/* probo検索ツール用 */
	#footer .probo-footer{
		float:left;
		margin-top: 15px;
	    padding-top: 0px;
	    width: 515px;
	    height: 30px;
	}
	#footer .probo-footer-search-box{
		position: relative;
	}
	#footer .probo-footer-search-box input[type=text]{
		box-sizing: border-box;
		width: 100%;
		height: 30px;
		padding-left:10px;
		border-radius:4px;
		-webkit-appearance:none;
		appearance:none;
		border-style: none;

	}
	#footer .probo-footer-search-box input[type=submit].sub_btn{
		width: 28px;
		height: 28px;
		background:url(http://support.gmocloud.com/images/xicon-search.png.pagespeed.ic.N9iHmOQewW.png) no-repeat 6px 7px #9a9a9a;
		color: #fff;
		border-radius:4px;
		position:  absolute;
		top:1px;
		right:1px;
		-webkit-appearance:none;
		appearance:none;
		border-style: none;
	}



	#footer_btns .form{
		float:right;
		}
		#footer_btns .form .contact{
			float:left;
			padding-left:10px;
		}
		#footer_btns .form a {
    background: none repeat scroll 0 0 #fff;
    border-color: #ddd #ddd #888;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px 1px 3px;
    color: #3c3c3c;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 20px 60px;
    position: relative;
}
#footer_btns .form a:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #333;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: block;
    height: 10px;
    left: 6px;
    margin: 0;
    position: absolute;
    top: 40%;
    transform: rotate(45deg);
    width: 10px;
}

	#footer_links{
		color:#fff;
		text-align:left;
		}
		#footer_links ul.list{
			padding-top:30px;
			display:block;
			float:left;
			width:400px;
			}
		#footer_links ul.last{
			padding-top:30px;
			display:block;
			float:left;
			width:200px;
			}
		#footer_links ul.list li{
			color:#fff;
			font-weight:bold;
			}
		#footer_links ul.list li.sub a{
			font-size: 11px;
			font-weight:normal;
			}
		#footer_links ul.list li.sub a:before{
			margin-left:5px;
			margin-right:5px;
			content:url(/images/xico_link.png.pagespeed.ic.qu9legS7FG.png);
			}

	#copyright,
	.footer_links{
		border-top:solid 1px #4A4B4F;
		font-size: 11px;
		padding:30px 0;
		}
		.footer_links {
			margin-top: 30px;
		}
		#copyright ul.cloud_links{
			float:left;
		}
		#copyright p{
			float:right;
			display:block;
		}
		#copyright ul.cloud_links li{
			display:block;
			float:left;
			padding-right:40px;
		}
		#copyright .copyright_right{
			float: right;
			color:#666;
			text-align:left;
		}
		.footer_seals{
			display: flex;
    		justify-content: center;
		}
		.footer_seals li{
			padding: 0 6px;
    		vertical-align: text-top;
		}

		.siteseal_links {
			padding: 40px 0;
			font-size: 0;
		}
/*ページトップ
---------------------------------------------------------- */
#page-top {
	position: fixed;
	bottom: 70px;
	right: 20px;
	}
	#page-top a {
		background: #333;
		text-decoration: none;
		color: #fff;
		width: 80px;
		height:80px;
		text-align: center;
		display: block;
		}
	#page-top a:hover {
		text-decoration: none;
		background: #999;
		}

/*--下層パーツ
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
/*--パン屑--*/
.pankuzu{
	}
	.pankuzu li{
		display:inline;
		font-size:11px;
		}
	.pankuzu li:before{
		margin-right:5px;
		content:"＞";
		}
	.pankuzu .home:before{
		content:"";
		}

/*--見出し--*/
.h1_title{
	}

.h2_title{
	font-size:18px;
	font-weight:lighter;
	padding-left:30px;
	margin:50px auto 10px;
	background:url("/images/xico_h2.gif.pagespeed.ic.cLxpjwTM6e.png") no-repeat 0 3px;
	}
.h3_title{
	}
.h4_title{
	}
.h5_title{
	}

/*--コンテンツパーツ--*/
.section{
	margin-bottom:40px;
	}
.section_border{
	border-bottom:1px solid #ddd;
	}
.section_frame{
	border:3px solid #ddd;
	background:#f6f6f6;
	padding:25px 25px 5px 25px;
	}
	.section p,
	.section ul,
	.section ol{
		margin-bottom:20px;
		}
.link_frame{
	height:41px;
	display:block;
	background:url("/images/xbg_link_frame.jpg.pagespeed.ic.jABs9ew9HE.jpg") ;
	width:700px;
	padding:0 10px;
	margin-bottom:20px;
	}
.link_frame:before{
	content:'関連リンク';
	font-size:80%;
	font-weight:bolder;
	display:block;
	}
.em{
	color:#ee7373;
	}
.image_wrap{
	text-align:center;
	margin:30px 0px;
	}
.text_right{
	text-align:right;
	}
.text_center{
	text-align:center !important;
	}
.fl_l{
	float:left;
	}
.fl_r{
	float:right;
	}
/*--リンク--*/
.link_arrow{
	background:url("/images/xlink_arrow.gif.pagespeed.ic.QIf0bLOUx_.png") no-repeat left 0 !important;
	padding-left:25px;
	}
.link_pdf {
	background:url("/images/xlink_pdf.gif.pagespeed.ic.4shGNLWpay.png") no-repeat right -2px;
	padding-right:21px;
}
/*.link_arrow a{
	position:relative;
	padding-left:10px;
	}
.link_arrow a:before{
	display: block;
	content: "";
	position: absolute;
	width:4px;
	height:8px;
	top:50%;
	left:0;
	margin-top:-4px;
	background:url("/images/link_arrow.png") no-repeat 0 0;
}*/
/*
.targetblank{
    padding-right: 21px;
	background:url("/images/ico_blank.gif.pagespeed.ce.Gr9e4XGPqr.gif") no-repeat 100% 50%;
	}
*/
.pdf_link {
    padding-right: 21px;
    background: url("/images/xico_pdf.gif.pagespeed.ic.AsRblG7QwD.png") no-repeat 100% 50%;
	}

/*--リスト--*/
.list_arrow li{
	padding-left:1em;
	text-indent:-1em;
	}

.list_arrow li:before{
	content:'●';
	padding-right:5px;
	color:#c2c5cd;
	}
.list_disc li{
	padding-left:1em;
	text-indent:-1em;
	}

.list_disc li:before{
	content:'●';
	padding-right:5px;
	color:#c2c5cd;
	}
.list_number li{
	list-style-type:decimal;
	margin-left:23px;
	}


ol.circle {
	counter-reset:li;
	padding:0;
	list-style:none;
	margin-left:30px;
}
ol.circle li {
	position:relative;
	margin:0 0 6px 2em;
	padding:4px 8px;
}
ol.circle li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	position:absolute;
	left:-2em;
	color:#fff;
	background:#ff3333;
	font-weight:bold;
	text-align:center;
	border-radius: 50%;
	width: 25px;
	height: 25px;
}
ol.circle_blue li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	position:absolute;
	left:-2em;
	color:#fff;
	background:#4781AE;
	font-weight:bold;
	text-align:center;
	border-radius: 50%;
	width: 25px;
	height: 25px;
}




/*--テーブル--*/
.table{
	width:100%;
	border-collapse:collapse;
	border:1px solid #d6d6d6;
	margin:0 auto 30px;
	background-color:#ffffff;
	}
.table th,
.table td{
	padding:10px 15px;
	border:1px solid #d6d6d6;
}
.table thead th{background:#ccc;}
.table thead td{background:#ddd;}
.table tbody th{background:#f9f9f9;}
.table tbody td{background:#fff;}

/*--ルビ--*/
ruby{
	position:relative;
	line-height:1;
	}
ruby rt{
	font-size:0.5em;
	margin:0px 3px;
	position:absolute;
	top:-1.1em;
	left:10%;
	}
/*IE9▼*/
:root ruby rt{
top:-2.8em\0/;
}
ruby rp{
	font-size:75%;
	letter-spacing:-0.2em;

	}

/*--注意書き--*/
.add {
    color: #5f646c;
    font-size: 10px;
	}
.add li{
	text-indent:-1em;
	padding-left:1em;
	}
.red{
color:#ff0000;
}


.seatch_add{margin-bottom:0 !important;
	font-size:90%;}

/*------ボタンデフォルト---------*/
.btn a {
	border-color: #ddd;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: relative;
	text-align:center;
	}
.btn a:hover{
	text-decoration:none;
	}
.btn a:before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	border-style: solid;
	border-width: 1px 1px 0 0;
	content: "";
	display: block;
	height: 10px;
	left: 6px;
	margin: 0;
	position: absolute;
	top: 40%;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	width: 10px;
}

/*------ボタン青色---------*/
.btn_blue a{
	display: block;
	width:300px;
	height:50px;
	margin:0 auto;
	line-height:50px;
	background:#4a8fcc;
	border-width: 1px solid #ddd;
	border-radius: 5px;
	box-shadow:0 -3px 0 #254766 inset;
	font-size:16px;
	font-weight:bolder;
	text-align:center;
	color: #fff;
	}

/*------/ボタンデフォルト---------*/
/*----ボタン追加セットサンプル------------
.btn_altus_support_wrap .btn a{
	width:205px;
	height:28px;
	background:#eff9fb;
	padding:5px 0 0 15px;
	color: #333;
	box-shadow:0 -3px 0 #bfc7c9 inset;
	}
.btn_altus_support_wrap .btn a:before{
	top:30%;
	}
----ボタン追加セットサンプル------------*/



/*------- アコーディオン開閉 ----------------*/
.accordion{
	}
	.accordion .triger{
		position:relative;
		cursor:pointer;
		}
	.accordion .triger:after{
		content:'';
		position:absolute;
		top:50%;
		right:0;
		width:20px;
		height:20px;
		margin-top:-10px;
		background:url(/images/ico_acc.png.pagespeed.ce.UYeVmL0q-W.png) no-repeat 50% 0 !important;
		}
	.accordion .triger.hover:after{
		background-position:50% -100px !important;
		}
	.accordion .select:after{
		background-position:50% -200px !important;
		}
	.accordion .select.hover:after{
		background-position:50% -300px !important;
		}
	.accordion .sub{
		}

/*------- アコーディオン開閉リンクlist ----------------*/
.accordion{
	}
	.accordion .navlink_triger{
		position:relative;
		cursor:pointer;
		color:#2d9cb0;
		}
	.accordion .navlink_triger:after{
		content:'';
		position:absolute;
		top:50%;
		right:0;
		width:20px;
		height:20px;
		margin-top:-10px;
		background:url(/images/ico_acc.png.pagespeed.ce.UYeVmL0q-W.png) no-repeat 50% 0 !important;
		}
	.accordion .navlink_triger.hover:after{
		background-position:50% -100px !important;
		}
	.accordion .select:after{
		background-position:50% -200px !important;
		}
	.accordion .select.hover:after{
		background-position:50% -300px !important;
		}
	.accordion .sub_navlink{
		}
	.sub_navlink ul{margin-bottom:0 !important;margin-left:15px;}
	.sub_navlink li:last-child{border-bottom:2px solid #fff !important;}

/*------- ニュース----------------*/
.news_wrap {
    padding: 0 0 20px;
}
.news_wrap dt {
    clear: both;
    float: left;
    font-weight: bold;
    width: 200px;
}
.news_wrap dd {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding: 0 0 10px 200px;
}
.news_wrap dt span {
    margin-right: 20px;
    vertical-align: bottom;
}
.news_wrap dt span a {
    border-radius: 5px;
    clear: both;
    color: #fff;
    display: block;
    float: left;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 70px;
}
.news_wrap dt span.news a,
.news_wrap dt span.topnews a {
    background-color: #81bec7;
}
.news_wrap dt span.info a {
    background-color: #81bec7;
}
.news_wrap dt span.seminar a {
    background-color: #a698c7;
}
.news_wrap dt span.event a {
    background-color: #a0be97;
}
.news_wrap dt span.release a {
    background-color: #d9b0a0;
}
.news_wrap dt span.campaign a,
.news_wrap dt span.camp a {
    background-color: #d9bc83;
}
.news_wrap dt span.workshop a {
    background-color: #779fd2;
}
.news_wrap dt span.maintenance a {
    background-color: #779fd2;
}

#newstool .newstool-label {
	color: #fff;
	display:inline-block;
	width: 100px;
	border-radius: 4px;
	background-color: #81bec7;
	text-align: center;
	pointer-events: none;
}
#newstool .newstool-label.seinarlabel {
	background-color: #a698c7;
}
#newstool .newstool-label.maintenancelabel {
    background-color: #779fd2;
}
#newstool .newstool-label.campaignlabel {
	background-color: #d9bc83;
}
#newstool .news-title a p{display: inline-block;}

<<<<<<< HEAD
=======

>>>>>>> master
/*------- マネージドサービス ----------------*/
.managed_wrap {
	width:720px;
	overflow:hidden;
	}
	.managed_wrap > .inside {
		width:740px;
		}
		.managed_wrap .box-wide{
			width:720px;
			margin-bottom:20px;
			}
			.managed_wrap .box-wide strong{
				font-size:16px;
				}
			.managed_wrap .box-wide .price{
				margin-bottom:0;
				text-align:right;
				}
			.managed_wrap .box-wide.watch .price{
				min-height:40px;
				padding:192px 10px 0 0;
				background:url(/images/img_managed_watch.png.pagespeed.ce.-hfmRJyL0x.png) no-repeat 0 0;
				}
			.managed_wrap .box-wide.security .price{
				min-height:45px;
				padding:205px 10px 0 0;
				background:url(/images/img_managed_security.png.pagespeed.ce.8VdS9oPclM.png) no-repeat 0 0;
				}
				.managed_wrap .box-wide .price > span{
					font-size:32px;
					}
		.managed_wrap .box{
			width:324px;
			margin:0 20px 20px 0;
			padding:10px 10px 0 10px;
			float:left;
			border:3px solid #eee;
			}
		.managed_wrap .text{
			margin-bottom:5px;
			}
		.managed_wrap .price{
			font-size:16px;
			font-weight:bold;
			}
		.managed_wrap .link{
			margin-left:0;
			margin-bottom:10px;
			}

/*チャットボット
---------------------------------------------------------- */
.embeddedServiceHelpButton .helpButton .uiButton {
        background: #045cac !important;
        font-family: "Salesforce Sans", sans-serif;
}
.embeddedServiceHelpButton .helpButton .uiButton:focus {
        outline: 1px solid #045cac;
}
@font-face {
        font-family: 'Salesforce Sans';
        src: url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.woff') format('woff'),
        url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.ttf') format('truetype');
}
#snapins_invite { background-color: #FFFFFF; font-family: "Salesforce Sans", sans-serif; overflow: visible; border-radius: 8px; visibility: hidden; }
.embeddedServiceInvitation { background-color: transparent; max-width: 290px; max-height: 210px; -webkit-box-shadow: 0 7px 12px rgba(0,0,0,0.28); -moz-box-shadow: 0 7px 12px rgba(0,0,0,0.28); box-shadow: 0 7px 12px rgba(0,0,0,0.28); }
@media only screen and (min-width: 48em) { /*mobile*/ .embeddedServiceInvitation { max-width: 332px; max-height: 210px; } }
.embeddedServiceInvitation > .embeddedServiceInvitationHeader { width: inherit; height: 32px; line-height: 32px; padding: 10px; color: #FFFFFF; background-color: #045cac; overflow: initial; display: flex; justify-content: space-between; align-items: stretch; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.embeddedServiceInvitationHeader #embeddedServiceAvatar { width: 32px; height: 32px; border-radius: 50%; }
.embeddedServiceInvitationHeader .embeddedServiceTitleText { font-size: 18px; color: #FFFFFF; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; align-self: stretch; flex-grow: 1; max-width: 100%; margin: 0 12px; }
.embeddedServiceInvitationHeader .embeddedServiceCloseIcon { border: none; border-radius: 3px; cursor: pointer; position: relative; bottom: 3%; background-color: transparent; width: 32px; height: 32px; font-size: 23px; color: #FFFFFF; }
.embeddedServiceInvitationHeader .embeddedServiceCloseIcon:focus { outline: none; }
.embeddedServiceInvitationHeader .embeddedServiceCloseIcon:focus::before { content: " "; position: absolute; top: 11%; left: 7%; width: 85%; height: 85%; background-color: rgba(255, 255, 255, 0.2); border-radius: 4px; pointer-events: none; }
.embeddedServiceInvitationHeader .embeddedServiceCloseIcon:active, .embeddedServiceCloseIcon:hover { background-color: #FFFFFF; color: rgba(0,0,0,0.7); opacity: 0.7; }
.embeddedServiceInvitation > .embeddedServiceInvitationBody { background-color: #FFFFFF; max-height: 110px; min-width: 260px; margin: 0 8px; font-size: 14px; line-height: 20px; overflow: auto; }
.embeddedServiceInvitationBody p { color: #3a3d42; padding: 8px; margin: 12px 0; }
.embeddedServiceInvitation > .embeddedServiceInvitationFooter { width: inherit; color: #FFFFFF; text-align: right; background-color: #FFFFFF; padding: 10px; max-height: 50px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.embeddedServiceInvitationFooter > .embeddedServiceActionButton { font-size: 14px; max-height: 40px; border: none; border-radius: 4px; padding: 10px; margin: 4px; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; }
.embeddedServiceInvitationFooter > #acceptInvite { background-color: #045cac; color: #FFFFFF; }
.embeddedServiceInvitationFooter > #rejectInvite { background-color: #FFFFFF; color: #045cac; }