@charset "utf-8";
/* CSS Document */


/* 旧デザインのcssより抜粋　150803
----------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block; }

body {
	line-height: 1; }

ol, ul {
	list-style: none; }

blockquote, q {
	quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }

table {
	margin-bottom: 0.5em; /* add oda 160629 */
	border-collapse: collapse;
	border-spacing: 0; }

input, textarea {
	margin: 0;
	font-size: 100%; }

html {
	height: 100%;
	overflow-y: scroll;
	font-size: 62.5%; }

body {
	height: 100%;
	color: #333333;
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%; }

input, select, textarea {
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }

body > div {
	font-size: 12px;
	font-size: 1.2rem; }
	@media screen and (min-width: 740px) {
		body > div {
			font-size: 14px;
			font-size: 1.4rem; } }
	@media print {
		body > div {
			font-size: 14px;
			font-size: 1.4rem; } }

a {
	color: #1067b6;
	text-decoration: none; }
	a:hover {
		color: #059fe0;
		text-decoration: underline; }

a:hover img {
		opacity: 0.7;
		-ms-filter: "alpha(opacity=70)"; }/*ike141012*/

.pointer {
	cursor: pointer; }

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic; }
	.ie8 img {
		width: auto;
		}
.img figcaption {
		padding: 8px;
		font-size: 13px;
		font-size: 1.3rem;
} /* ike add 161031  */
p {
	margin-bottom: 0.7em; }

.mt0 {margin-top: 0 !important;}
.mt30 {margin-top: 30px !important;}
.mb0 { margin-bottom: 0 !important;}
.mb20 { margin-bottom: 20px !important;}
.pt0 {padding-top: 0 !important;}
.pb0 {padding-bottom: 0 !important;}

html {
	font-family: 'narrow'; }
	@media screen and (min-width: 740px) {
		html {
			font-family: 'medium'; } }
	@media print {
		html {
			font-family: 'medium'; } }

body:after {
	content: 'narrow';
	display: none; }
	@media screen and (min-width: 740px) {
		body:after {
			content: 'medium'; } }
	@media print {
		body:after {
			content: 'medium'; } }

/* responsive-parts 2015/09/30 h9
----------------------------*/
.PC{display:block !important;}
.SP{display:none !important;}
@media screen and (max-width: 739px) {
.PC{display:none !important;}
.SP{display:block !important;}
}
@media screen and (min-width: 740px) {
	[data-show-screen="narrow"] {
		display: none; } }
@media print {
	[data-show-screen="narrow"] {
		display: none; } }
[data-show-screen="medium"] {
	display: none; }
	@media screen and (min-width: 740px) {
		[data-show-screen="medium"] {
			display: block; } }
	@media print {
		[data-show-screen="medium"] {
			display: block; } }

[data-show-device="hide"] {
	display: none; }

/* tooltip 2015.12.1 ike add
----------------------------*/
.tooltip {
	position: absolute! important;
		z-index: 100! important;
		right: 0! important;
		top: 130px! important; }
	@media screen and (max-width: 740px) {
	.tooltip {display: none;}
	}

/* SNS
----------------------------*/
.g_sns_pagetop_wrapper {
	margin-top: 15px;	 /* 0814 ike add */
	margin-bottom: 15px;
	padding-right: 0! important;	 /* 0801 ike update */
	min-height: 40px;
	position: relative; }
	@media screen and (min-width: 740px) {
		.g_sns_pagetop_wrapper {
			margin-top: 30px;	 /* 0814 ike add */
			margin-bottom: 0;
			padding-right: 0;
			position: static; } }
	@media print {
		.g_sns_pagetop_wrapper {
			margin-bottom: 0;
			padding-right: 0;
			position: static; } }

.sns_btn {overflow: visible;}/*14.05*/

.g_sns_tel .sns_btn_list {
	margin-bottom: 0;
	padding-right: 0;
	padding-left: 0;
	position: absolute;
	bottom: 0;
	left: 10px; }
.g_sns_tel .sns_btn_g_plusone,
.g_sns_tel .sns_btn_hatena,
.g_sns_tel .sns_btn_pocket,
.g_sns_tel .g_lp_tel {
	display: none; }
@media screen and (min-width: 740px) {
	.g_sns_tel {
		display: table-cell; }
		.g_sns_tel .sns_btn_list {
			padding-top: 0;
			position: static;
			bottom: auto;
			left: auto;
			text-align: right; }
		.g_sns_tel .sns_btn {
			float: none;
			min-height: 25px;
			display: inline-block;
			vertical-align: top; }
		.g_sns_tel .sns_btn_twitter {
			margin-right: 0;
			width: 102px; }
		.g_sns_tel .sns_btn_pocket {
			margin-right: 0;
			width: 94px; }
		.g_sns_tel .g_lp_tel {
			display: block;
			text-align: right; } }
@media print {
	.g_sns_tel {
		display: table-cell; }
		.g_sns_tel .sns_btn_list {
			padding-top: 0;
			position: static;
			bottom: auto;
			left: auto;
			text-align: right; }
		.g_sns_tel .sns_btn {
			float: none;
			min-height: 25px;
			display: inline-block;
			vertical-align: top; }
		.g_sns_tel .sns_btn_twitter {
			margin-right: 0;
			width: 102px; }
		.g_sns_tel .sns_btn_pocket {
			margin-right: 0;
			width: 94px; }
		.g_sns_tel .g_lp_tel {
			display: block;
			text-align: right; } }
		.sns_btn_list {
	margin-bottom: 0.7em;
	padding: 0 10px;
	vertical-align: middle;
	zoom: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
	.sns_btn_list:after {
		display: block;
		content: "";
		clear: both;
		overflow: hidden; }
	@media screen and (min-width: 740px) {
		.sns_btn_list {
			padding: 0 10px;
			display: table;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			margin-right: auto;
			margin-left: auto;
			width: 100%;
			max-width: 980px; } }
	@media print {
		.sns_btn_list {
			padding: 0 10px;
			display: table;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			margin-right: auto;
			margin-left: auto;
			width: 100%;
			max-width: 980px; } }
	@media screen and (min-width: 1040px) {
		.sns_btn_list {
			padding: 0; } }
	@media print {
		.sns_btn_list {
			padding: 0; } }

.sns_btn {
	margin-right: 3px;	 /* 0801 ike update 5px */
	float: left;
	min-height: 30px;
	overflow: hidden; }

.sns_btn_g_plusone {
	width: 50px; } /* 60px */

.embed_fb_like_box {
	margin-bottom: 0.7em;
	border: solid 1px #cecece;
	max-width: 518px;
	min-height: 247px; }

.fb-like-box,
.fb-like-box iframe[style],
.fb-like-box span {
	width: 100% !important;
	max-width: 518px; }

.fb_iframe_widget > span {  /* 170313 add oda */
	vertical-align: baseline !important;
}
	
	.content_center {
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
	@media screen and (min-width: 740px) {
		.content_center {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			max-width: 1040px; } }
	@media print {
		.content_center {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			max-width: 980px; } }
	@media screen and (min-width: 1040px) {
		.content_center {
			padding: 0; } }
	@media print {
		.content_center {
			padding: 0; } }

.box {
	margin-bottom: 0.7em;
	padding: 1em 1.4em .7em;/*1.4em 1.4em .7em; 14.05*/
	border: solid 1px #cecece; }
	.box .text_more,
	.box .text_to_top {
		margin-bottom: 0.7em; }
		
.box_blue {
	margin-bottom: 0.7em;
	padding: 1em 1.4em .7em;/*add tate 15.11*/
	border: solid 1px #489DEE; }
	.box .text_more,
	.box .text_to_top {
		margin-bottom: 0.7em; }
		
/* ike add 20151130 */
.tw{
	border: 1px solid #bbb;
	font-size: 12px;
	padding: 7px 5px;
	text-align: center;
	margin-bottom: 8px;
}
.tw a,
	.tw a:hover{
	color: #555;
	text-decoration: none; }
/* ike add 20151130 end */


/* 新デザインのcss　150803
----------------------------*/

body { height: auto !important; } /* 0803 shina add */


a:hover img.rollover {
		opacity: 1;
		-ms-filter: "alpha(opacity=10)";
}

/* グローバルナビゲーション
----------------------------*/
header .umenu{
	position: relative;
	width: 100%;
	height: 34px;
	display: table;
/*	z-index: 150;	 150802 renewal del	*/
}
header nav a{
	color: #666;
}
header nav a:hover{
	color: #222;
	text-decoration: none;
}
header nav.gnav{
	color: #999;
	font-size: 13px;	/* 0805 ike update 12px */
	font-weight: bold;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
header nav.gnav ul li{
	margin: 0 4% 0 0;
	display: inline-block;
}
header nav.gnav ul li.strong a:hover{
	text-decoration: none;
}

header nav.gnav ul li.cloud a.active{ color: #4D9FEB; }
header nav.gnav ul li.bigdata a.active{ color: #FD5141; }
header nav.gnav ul li.datacenter a.active{ color: #2d448c; }
header nav.gnav ul li.network a.active{ color: #55C296; }

header nav.gnav ul li a.arrow{
	padding: 0 15px 0 0;
	background: url(/service_shared/img/common/ico_umenu_arrow.png) no-repeat right 50%;
}
header nav.gnav ul li:last-child{
		margin: 0;
}
header nav.gnav ul li ul{
	display: block;
	position: absolute;
	background: #fff;
	border: #eee solid 1px;
	padding: 10px 15px;
	margin: 7px 0 0 -20px;	/* 0805 ike update 8px 0 0 -20px; */
	z-index: 300;	/* 150802 renewal add	*/
}
header nav.gnav ul li ul li{
	display: block;
	margin: 2px 0;
	text-align: left;
}
header nav.unav{
	color: #999;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 2px;/*20px*/
}
header nav.unav ul li{
	display: inline-block;
}
header nav.unav ul li h1{
	margin: 0;
}
header nav.unav ul li .search{
	position: relative;
}
header nav.unav ul li .search input[type=text]{
	padding: 3px 8px;
	width: 96%;
	height: 26px;
	border: #666 solid 1px;
}
header nav.unav ul li .search input[type=image]{
	position: absolute;
	right: 2px;
	top: 2px;
}


/* ヘッダー
----------------------------*/
header .header_area{
	color: #fff;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	position: relative;
}
header .header-fixed{
	padding-top: 80px;
}
header .fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
header .header_area .logo{
	width: 100%;
	max-width: 195px;
	position: absolute;
}
header .header_area #nav{
	position: relative;
	top: 0;
	left: 210px;
	font-size: 15px; /* updata oda 170711 */
	max-width: 550px;
}
header .header_area #nav ul li{
	float: left;
	padding: 12px 8px; /* 10px updata 170711 */

}

header .header_area #nav a{
	text-decoration: none;
	color: #fff;
}
header .header_area #nav a:hover {
	border-bottom: #fff solid 2px;
}
header .header_area #nav a.active {
	border-bottom: #fff solid 2px;
}
header .header_area .user{
	position: absolute;
	top: 10px; /* 7px updata oda 170711  */ 
	right: 0;
	font-size: 16px;
	max-width: 380px; /* ike 20150925 240px; */
	border-left: rgba(255,255,255,0.4) solid 1px;
}
header .header_area .user ul li{
	float: left;
	font-size: 14px; /* add oda 170711 */
	font-size: 1.4rem;
}
header .header_area .user a{
	text-decoration: none;
	padding: 12px 8px;/* 10px 15px; updata oda 170711*/
	color: #fff;
}
header .header_area .user a.start{
	border: #fff solid 1px;
	padding: 5px 10px;
}
header .header_area .sp_user{
	display: none;
}

@media screen and (max-width: 979px) {
	header nav.gnav{
		text-align: left;
		padding: 0 0 0 20px;
	}
	header .header-fixed{
		padding-top: 94px;
	}
	header .fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 90%;
	}
	header .header_area #nav{
		top: 38px;
		left: 0;
	}
	header .header_area .user{
		top: 50px; /* 47px updata oda 170711 */
	}
}
@media screen and (max-width: 760px) {
	header .header_area .user ul li{
	float: left;
	font-size: 13px; /* add oda 170711 */
	font-size: 1.3rem;
	}
}



@media screen and (max-width: 739px) {
header .header-fixed{
	padding-top: 50px;
}
header .umenu{
	display: none;
}
header .header_area #nav{
	display: none;
}
header .header_area .user{
	display: none;
}
header .header_area .logo{
	width: 100%;
	max-width: 130px;
	position: absolute;
	top: 5px;
}
header .header_area .sp_user{
	display: block;
	position: absolute;
	top: 7px;
	right: 0;
	font-size: 16px;
	max-width: 240px;
}
header .header_area .sp_user p,
header .header_area .sp_user div{
	display: inline-block;
}
header .header_area .sp_user a{
	text-decoration: none;
	padding: 10px 0 10px 15px;
	color: #fff;
}
header .header_area .sp_user .menu a img {
	width: 20px;
}
}
@media print {
	.smenu,.smenu.fixed{ display: none !important; } /* 161021 add oda */
}

/* ドロワーメニュー
----------------------------*/
.sb-slidebar nav ul li a{
	display: block;
	padding: 10px 35px;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
}
.sb-slidebar nav ul.sp_smenu{
	background: #444;
	border-top: #555 solid 1px;
}
.sb-slidebar nav ul.sp_smenu li{
	border-bottom: #555 solid 1px;
	background: url(/service_shared/img/svg/icn_arrow_w.svg) no-repeat 95% 50% / 10px;
}
.sb-slidebar nav ul.sp_smenu li.close{
	background: none;
	text-align: right;
	padding: 10px;
}
.sb-slidebar nav ul.sp_smenu li.close img {
	width: 15px;
}

/* サイドメニューのボタン用スタイル 2015.08.04 t.shinagawa add */
.side_btn:before,
.side_btn:after {
	content: "";
	display: block;
	overflow: hidden;
}
.side_btn:after {
	clear: both;
	overflow: hidden;
}
.side_btn {
	zoom: 1;
	overflow: hidden;
	margin-bottom: 0;	/* 0805 ike add */
	background: #444;	/* 0805 ike add */
}

.side_btn a{
	display: block;
	color: #fff;
	font-size: 14px;
	text-align:center;
	border: #fff solid 1px;
	padding: 5px 0;		/* 0813 ike update 2px 0 */
	margin: 10px 7%;
	z-index: 100;
	float: left;
	width: 34%;
	background: none;
}
.side_btn a:hover{
	text-decoration: none;
	background-color:#fff;
	color:#000;
}

/*ココマデ*****************************************************/


#sp_umenu ul li a{ padding: 10px }	 /* 0813 ike add */

.sb-slidebar nav ul.sp_umenu{
	background: #222;
}
.sb-slidebar nav ul.sp_umenu li{
/*	border-bottom: #555 solid 1px;	0805 ike del */
	outline: #3C3B3B solid 1px;	/* 0805 ike add */
	background: url(/service_shared/img/common/ico_umenu_arrow_sp.png) no-repeat 95% 50%;
}
.sb-slidebar nav ul.sp_umenu li.noarrow{
	background: none;
}
.sb-slidebar nav ul.sp_umenu li ul.clearfix:before,
.sb-slidebar nav ul.sp_umenu li ul.clearfix:after {
	content: "";
	display: block;
	overflow: hidden;
}
.sb-slidebar nav ul.sp_umenu li ul.clearfix:after {
	clear: both;
	overflow: hidden;
}
.sb-slidebar nav ul.sp_umenu li ul.clearfix {
	zoom: 1;
	overflow: hidden;
}
.sp_umenu li{
	text-align: center;
    background: none!important;
}
.sb-slidebar nav ul.sp_umenu li ul li{
	border-bottom: none;
	float: left;
	width: 50%;
	text-align: center;
	background: none;
}
.sb-slidebar nav ul.sp_umenu li ul li a.border{
	border-right: #555 solid 1px;
}
.sb-slidebar nav .logo{
	padding: 10px;
	text-align: center;
}
.sb-slidebar nav .logo h1{
	margin: 0;
}
.sb-slidebar nav .logo img {
	width: 120px;
}
.sb-slidebar nav ul.sp_smenu li.support,
.sb-slidebar nav ul.sp_umenu li.support{
	background-color: #555;
	border-bottom: #666 solid 1px;
	background-image: url(/service_shared/img/common/ico_umenu_arrow_sp.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

.sb-slidebar {
	width: 83%;
}
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	-moz-transition: -moz-transform 400ms ease;
	-o-transition: -o-transform 400ms ease;
	transition: transform 400ms ease;
}

.sb-slidebar nav ul.sp_smenu li a:hover,
.sb-slidebar nav ul.sp_umenu li a:hover{
	text-decoration:none;
}


/* アコーディオン用サブスタイル追加 2015.08.03 t.shinagawa add */
.sb-slidebar nav ul.sp_smenu .toggle_on{
	background: none;
}

.toggle_on a {
	color:red;
	background-image:url(/service_shared/img/common/ico_plus.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

.child_nav {
	display: none;
}

.child_nav li {
	color: #fff;
	font-size: 12px;
	cursor:pointer;
/* 	margin-left:20px;	0805 ike del */
	padding-left:20px;	/* 0805 ike add */
}
/*ココマデ*****************************************************/


/* メインコンテンツ
----------------------------*/
.g_main{
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
}
.content{
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	font-size: 16px;
	font-size: 1.6rem;
	overflow: hidden;
	color: #333;
}
.g_content,
.content_center,
.g_content_wrapper{
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
}
.content a,
.g_content a,
.content_center a{
	color: #00A3D8;
}
.bg_grey{
	padding: 80px 0;
	background: #F4F4F4;
}
.content table,
.g_content table,
.content_center table {
	border-collapse: collapse;
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	table-layout: fixed;
}
.content table th,
.content table td,
.g_content table th,
.g_content table td,
.content_center table th,
.content_center table td {
	padding: 0.5em 0.7em;
		text-align: left;
		vertical-align: middle;
}
.content table th,
.gcontent table th,
.content_center table th {
	border: solid 1px #DDDDDD;
		border-left: none;
		background-color: #F7F7F7;
		font-weight: bold;
	word-wrap:break-word;	/* 150802 renewal add	*/
}
.content table td,
.gcontent table td,
.content_center table td {
		border: solid 1px #DDDDDD;
		border-right: none;
	word-wrap:break-word;	/* 150802 renewal add	*/
}
.content table td:first-child,
.g_content table td:first-child,
.content_center table td:first-child {
	border-left: none;
}
.content table thead th,
.g_content table thead th,
.content_center table thead th {
		padding: 0.5em 0.7em;
		border-top: solid 1px #DDDDDD;
		border-right: solid 1px #DDDDDD;
		background-color: #EEEEEE;
	color: #333;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
}
.content table thead th:first-child,
.g_content table thead th:first-child,
.content_center table thead th:first-child {
		border-left: none;
}
.content table thead tr th:last-child,
.g_content table thead tr th:last-child,
.content_center thead tr th:last-child {
	border-right: none;
}

/* 2015/09/29 h9*/
table p,
table ul,
table ol,
table dl,
table .img {
	margin-top: 0.7em;
	margin-bottom: 0;
}
table p:first-child,
table ul:first-child,
table ol:first-child,
table dl:first-child,
table .img:first-child {
margin-top: 0; }


/*--   タイトル下 ナビ  --*/
.content .list_page_nav,
.g_content .list_page_nav,
.content_center .list_page_nav {
	margin-top: 0;
	padding-bottom: 0;
	font-size: 95%;
	text-align: center;
}
.content .list_page_nav .list_page_nav_item a,
.g_content .list_page_nav .list_page_nav_item a,
.content_center .list_page_nav .list_page_nav_item a{
	color: #333;
}


@media screen and (max-width: 979px) {
.content{
	width: 98%;
}
}
@media screen and (max-width: 739px) {
.content{
	width: 96%;
	font-size: 14px;
	font-size: 1.4rem;
}
.g_content{
	font-size: 14px;
	font-size: 1.4rem;
}
.content_center{
	font-size: 14px;
	font-size: 1.4rem;
}
.content table,
.g_content table,
.content_center table {
	font-size: 12px;
	font-size: 1.2rem;
}
.bg_grey{
	padding: 40px 0;
	background: #F4F4F4;
}
}

/* ------ title -------------------------------- */
.content h1,.g_content h1,.content_center h1,.g_content_wrapper h1 {
	font-size: 44px;	/* 0805 ike update 40→44 */
	font-size: 4.4rem; 	/* 0805 ike update 4.0→4.4 */
	padding: 60px 0 80px; 	/* 0805 ike update */
}
.content h2,.g_content h2,.content_center h2,.g_content_wrapper h2{
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: bold;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 60px;
}

.content h3,.g_content h3,.content_center h3,.g_content_wrapper h3{
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: 60px;
	margin-bottom: 40px;
}

.content h4,.g_content h4,.content_center h4,.g_content_wrapper h4{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media screen and (max-width: 739px) {
	.content h1,.g_content h1,.content_center h1,.g_content_wrapper h1 {
		font-size: 23px;	/* 0805 ike update 22→23 */
		font-size: 2.3rem;	/* 0805 ike update 2.2→2.3 */
		padding: 30px 0 40px;
	}
	.content h2,.g_content h2,.content_center h2,.g_content_wrapper h2{
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.content h3,.g_content h3,.content_center h3,.g_content_wrapper h3{
		font-size: 18px;	/* 0805 ike update 16px */
		font-size: 1.8rem;	/* 0805 ike update 1.6rem */
		font-weight: bold;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.content h4,.g_content h4,.content_center h4,.g_content_wrapper h4{
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
	}
}


/* 2015/09/30 h9 */
.auto_br {display: inline-block; }
@media screen and (max-width: 739px) {
	.auto_br { display: inline-block; }
}

/* --- button --- */

.btn {/* 2015/10/07 common.min.cssより抜粋 h9 */
	margin-right: auto;
	margin-left: auto;
	padding: 1em 0;
	max-width: 300px;
	font-weight: bold;
	display: block;
	line-height: 1;
	text-align: center;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
	background-color: #2ba0f6;
	background-image: -webkit-linear-gradient(top, #6ec0f7 0, #2ba0f6 100%);
	background-image: linear-gradient(to bottom, #6ec0f7 0, #2ba0f6 100%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
	.btn:hover {
		background-color: #6abcf9;
		background-image: -webkit-linear-gradient(top, #99d2f9 0, #6abcf9 100%);
		background-image: linear-gradient(to bottom, #99d2f9 0, #6abcf9 100%); }
	.btn:hover {
		color: #fff;
		text-decoration: none; }

a.btn_gray {
border: #333 solid 5px;
color: #333;
background: none;
width: 100%;
height: 60px;
border-radius: 0; }
a.btn_gray:before {
	content: '';
	display: inline-block;
	font-size: 0;
	line-height: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 5px;
	height: 5px;
	margin: 0 5px 5px 0;
	border-left-width: 0;
	border-top-width: 0; }
a.btn_gray:hover {
	color: #fff;
	background: #333;
	text-decoration: none;
}

.btn_blue_green {/* 2015/10/02 common.min.cssより抜粋 h9 */
	color: #fff;
	background-color: #268dde;
	background-image: -webkit-linear-gradient(top, #79c0e7 0, #268dde 100%);
	background-image: linear-gradient(to bottom, #79c0e7 0, #268dde 100%); }
	.btn_blue_green:hover {
		color: #fff;
		text-decoration: none;
		background-color: #5babe5;
		background-image: -webkit-linear-gradient(top, #8dc9eb 0, #5babe5 100%);
		background-image: linear-gradient(to bottom, #8dc9eb 0, #5babe5 100%); }

.btn_xs {/* 2015/10/02 common.min.cssより抜粋 h9 */
	padding-top: 3px;
	padding-bottom: 3px;
	width: 140px;
	display: inline-block; }

.btn_print {/* 2015/10/02 common.min.cssより抜粋 h9 */
	padding-left: 35px;
	min-height: 20px;
	display: block;
	background: url("/img/shared/icn_print.png") no-repeat 5px 50%;
	font-weight: bold; }

.btn_r {/* 2015/10/02 common.min.cssより抜粋 h9 */
	margin-left: auto;
	display: block; }


/* --- image common.min.cssより抜粋　2015/09/27 h9 --- */

.img {
	margin-bottom: 0.7em;
	text-align: center;
}



/* ------ ul ----------------------------------- */

/* --- normal list --- */

.list{/* 2015/10/01 h9 */
	margin-left: 1.8em;
}
.list li{/* 2015/10/01 h9 */
	list-style-type: disc;
	padding-left: 0;
	margin-bottom: 5px;
	/*list-style-position: inside;*/
}

.list_ol {/* --- common.min.cssより抜粋　2015/09/27 h9 --- */
	margin-bottom: 0.7em;
	margin-left: 2.2em;
	list-style-type: decimal;
	list-style-position: outside; }
	.list_ol .list_item {
		margin-top: 0.35714em; }
		.list_ol .list_item:first-child {
			margin-top: 0; }
		.list_ol .list_item ol {
			margin-top: 0.35714em;
			margin-left: 2.5em;
			list-style-type: decimal; }


/* --- link list --- */

.link li,
p.link { /* ike add 151015*/
	padding-left:15px;
	margin-bottom:5px;
	list-style-position: inside;
	background: url(/service_shared/img/cloud/ico_arrow_list.png) no-repeat left 50%;
}

.link li a,
.link li a:link,
.link li a:visited,
.link li a:active{
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
}

.link li a:hover{
	text-decoration: underline;
}

/* --- link_anchor 2015/10/01 h9 --- */
.link_anchor li{
	padding-left:15px;
		margin-right:15px;
	margin-bottom:5px;
	list-style-position: inside;
		display: inline;
	white-space: nowrap;
	background: url(/service_shared/img/ico_arrow_anchor_list.png) no-repeat left 50%; /* oda add 170112 */
}
.link_anchor.disp_y li { display: block; }

.link_anchor li a,
.link_anchor li a:link,
.link_anchor li a:visited,
.link_anchor li a:active{
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
}
.link_anchor li a:hover{
	text-decoration: underline;
}
@media screen and (max-width: 739px) {
.link_anchor li{
	display: block;
	white-space: normal;
}
}

/* --- link-r list 2015/09/28 h9 --- */

.link-r li{
	text-align: right;
}

.link-r li a,
.link-r li a:link,
.link-r li a:visited,
.link-r li a:active{
	padding-left:15px;
	margin-bottom:5px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
}

.link-r li a:hover{
	text-decoration: underline;
}

/* --- link-r list 2015/10/02 common.min.cssより抜粋 h9 --- */

.list_page_nav {
	margin-top: 3em;/*14.05*/
	padding-bottom: 0.4em;
	font-size: 114.02857%;
	text-align: center; }

.list_page_nav_item {
	margin-bottom: 1em;
	padding-right: 0.75em;
	padding-left: 0.75em;
	border-left: solid 1px #1066b6;
	display: inline-block;
	line-height: 1.0; }

.list_page_nav_item:first-child {
	border-left: 0; }

.list_page_nav_item > .is_active {
	color: #6d5e5e;
	font-weight: bold; }


/* --- list_checked_item 2015/10/04 common.min.cssより抜粋 h9 --- */
.list_checked_item {
	margin-bottom: 0.55556em;
	padding-left: 25px;
	position: relative; }
	.list_checked_item:before {
		content: '';
		width: 19px;
		height: 20px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background: url("/img/shared/icn_checked.png") no-repeat 0 0; }
.l_check_list li {
	line-height: 1.4; /* 1019 ike update 1.2 */
	margin-bottom: 1em;
	font-size: 14px;
	font-size: 1.4rem;}


.list_item_link {	/* 0809 ike add */
		text-align: left;
		margin: 0.2em;
}

.list_item_link > a { /* 160914 oda add */
		padding-left: 15px;
		display: inline-block;
		position: relative;
}
.list_item_link > a:before {
		content: '';
		width: 8px;
		height: 8px;
		display: block;
		position: absolute;
		top: 4px;
		left: 0;
		background: url("/img/shared/ico_link_list.png") no-repeat 0 0;
		background-size: 8px auto; }


/* --- 右ビュレット 17/1/13 add oda --- */
.link_right:after{display: block;content: "";clear: both;overflow: hidden;}
.link_right ul{　margin-top:9px;  float: right; }
.link_right li{ display: inline-block; }
.link_right li:nth-child(2){ margin-left:10px; }
.link_right li a{
	display: inline-block;
	text-align: center;
	color:#333;
	padding:0 18px 0 0;
	background:url(/service_shared/img/top/ico_arrow_02.png) right 0.05em no-repeat;
	background-size:11px 9px;
	font-size: 90%;
	line-height: 1.1;
}
.link_right li a:hover{ color: #00A3D8; }



/* --- pdf-icon link-list	0826 ike move --- */
.link-list li { border-bottom: #DDD 1px solid; padding: 15px 0 14px 1px; }
.link-list li img { padding-right: 8px; }
.link-list li ul { padding-top: 12px; }
.link-list li li { border: none; list-style: inside disc; padding: 0 0 3px; margin-left: 10px; }

/* --- caution list --- */

.caution{
	font-size: 15px;
}

/* 2015/10/02 common.min.cssより抜粋 h9 */
.text_note {
	margin-bottom: 1em;
	font-size: 10px;
	font-size: 1rem; }
	@media screen and (min-width: 740px) {
		.text_note {
			font-size: 12px;
			font-size: 1.2rem; } }
	@media print {
		.text_note {
			font-size: 12px;
			font-size: 1.2rem; } }
	.text_note p {
		margin-bottom: 0; }

.text_note_border {
	padding-top: 1em;
	border-top: solid 1px #cecece; }
.text_note_list > li {
	padding-left: 2em;
	position: relative; }
.text_note_list .text_note_mark {
	position: absolute;
	top: 0;
	left: 0; }


/* ------ box ----------------------------- */
/* --- common.min.cssより抜粋　2015/09/27 h9 --- */
.box_icon {
	display: inline-block; }

.box_alt {
	background-color: #f7f7f7; }

.box_em {
	border: solid 1px #87c0f6;
	box-shadow: 0 0 0 3px #b8dbf9 inset; }
	.ie8 .box_em {
		border: solid 3px #b8dbf9;
		box-shadow: none; }


/* ------ layout --------------------------------- */
.layout-frame {
	clear: both;
/*	margin-left: -2%;	1013 ike del */
	overflow: hidden;
}
.layout-unit, .layout-unit-fix {
	float: left;
	display: inline;
	margin-left: 2%;
}
.layout-unit:first-child, .layout-unit-fix:first-child {margin-left: 0%! important;} /* ike 20151214*/

	.layout-unit.layout-2col, .layout-unit-fix.layout-2col { width: 48%; }
	.layout-unit.layout-2col-90w, .layout-unit-fix.layout-2col-90w { width: 88%; } /* 2015/09/28 h9 */
	.layout-unit.layout-2col-80w, .layout-unit-fix.layout-2col-80w { width: 78%; } /* 2015/09/28 h9 */
	.layout-unit.layout-2col-70w, .layout-unit-fix.layout-2col-70w { width: 68%; } /* 2015/09/28 h9 */
	.layout-unit.layout-2col-60w, .layout-unit-fix.layout-2col-60w { width: 58%; } /* 2015/09/28 h9 */
	.layout-unit.layout-2col-50w, .layout-unit-fix.layout-2col-50w { width: 48%; } /* 1013 ike add */
	.layout-unit.layout-2col-40w, .layout-unit-fix.layout-2col-40w { width: 38%; } /* 2015/09/28 h9 */
	.layout-unit.layout-2col-30w, .layout-unit-fix.layout-2col-30w { width: 28%; } /* 2015/09/28 h9 */
	.layout-unit.layout-2col-20w, .layout-unit-fix.layout-2col-20w { width: 18%; } /* 2015/09/28 h9 */
	.layout-unit.layout-2col-10w, .layout-unit-fix.layout-2col-10w { width: 8%; } /* 2015/09/28 h9 */
	.layout-unit.layout-3col, .layout-unit-fix.layout-3col { width: 32%; } /* 31% koma 160726 */

@media screen and (max-width: 739px) {
	.content{width: 90%;}
	.layout-frame {	/* 160517 ike .content .layout-frame  */
		clear: both;
		margin-left:0;
	}
	.layout-unit {	/* 160517 ike .content .layout-unit  */
		float: none;
		display: inline;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.layout-unit.layout-2col { width: 100%; }
	.layout-unit.layout-2col-90w,
	.layout-unit.layout-2col-80w,
	.layout-unit.layout-2col-70w,
	.layout-unit.layout-2col-60w,
	.layout-unit.layout-2col-50w,
	.layout-unit.layout-2col-40w,
	.layout-unit.layout-2col-30w,
	.layout-unit.layout-2col-20w,
	.layout-unit.layout-2col-10w { width: 100%; } /* 2015/09/28 h9 */
	.layout-unit.layout-3col { width: 100%; }
}


/* ぱんくずリスト
----------------------------*/
.lnav{
	padding: 15px;
}
.lnav ul{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.lnav ul li{
	font-size: 12px;
	background: url(/service_shared/img/common/ico_arrow_lnav.png) no-repeat right 50%;
	padding: 0 15px 0 0;
	margin: 0 3px 0 0;
	display: inline-block;
}
.lnav ul li:last-child{
	background: none;
	padding: 0;
	margin: 0;
}


/* pagetop
----------------------------*/
.pagetop {
		display: none;
		position: fixed;
		bottom: 75px;
		right: 36px;
		z-index:100;
}
.pagetop a.pc{
	display: block;
}
.pagetop a.sp{
	display: none;
}

@media screen and (max-width: 979px) {
.pagetop {
		display: block;
	position: static;
		bottom: 0;
		right: 0;
	margin: 0;
}
.pagetop a{
	width: 100%;
	display: block;
	padding: 2% 0;
	text-align: center;
}
.pagetop a.pc{
	display: none;
}
.pagetop a.sp{
	display: block;
}
}
@media print { /* add 161021 oda */
	.pagetop { display: none !important; }
}

/* footer
----------------------------*/
footer .fmenu{
	padding: 25px 0;
	background: #F7F7F7;
}
footer .fmenu ul{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
footer .fmenu ul li{
	display: inline-block;
	border: #EEEEEE solid 1px;
}
footer .fmenu ul li img {
	width: 28px;
}
footer .fmenu ul li a{
	width: 116px;
	display: block;
	padding: 13px 0;
	color: #333;
	text-align: center;
	background: #fff;
}
footer .fmenu ul li a:hover{
	text-decoration: none;
	box-shadow: 0 0 0 3px #333 inset;
}
footer .fmenu ul li a span{
	width: 100%;
	display: block;
	margin: 12px 0 0 0;
	font-size: 1.3rem;
}
footer .futility{
	position: relative;
	width: 100%;
	max-width: 980px;
	margin: 25px auto 40px auto;
}
footer .futility ul.pc{
	display: block;
}
footer .futility ul.sp{
	display: none;
}
footer .futility ul.linkArea{
	width: 73%;
	float: left;
	margin-top: 5px;
}
footer .futility ul.linkArea li{
	display: inline-block;
	margin: 0 14px 0 0; /*tate 0 30px 0 0*/
}
footer .futility ul.linkArea li a{
	color: #525252;
}
footer .futility ul.snsArea{
	width: 27%;
	float: right;
	text-align: right;
}
footer .futility ul.snsArea li{
	display: inline-block;
	background: url(/service_shared/img/common/ico_fmenu_bar.png) no-repeat 0 50%;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}
footer .futility ul.snsArea li:first-child{
	display: inline-block;
	background: url(/service_shared/img/common/ico_fmenu_bar.png) no-repeat 0 50%;
	margin: 0;
	padding: 0 0 0 10px;
}

footer .futility .search-box{
	position: absolute;
	width: 230px; /* 160525 oda */
	margin: 30px 0 0 -103px;
	display: none;
	background-color: #fff;
}

footer .futility .search-box:before,
footer .futility .search-box:after{
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	margin: -3px 0 0 -3px;
	border-top-width: 6px;
	border-top-style: solid;
	border-left: 6px solid transparent;
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}
footer .futility .search-box:before{
	top: 0;
	border-top-color: #aaa;
}
footer .futility .search-box:after{
	top: 1px;
	border-top-color: #fff;
}

footer .futility .search-box form{
	border: solid 1px #ddd;
	padding: 9px;
}

footer .futility input.text-box {  /* 160614 */
	width: 66%;
	height: 24px;
	border: 1px solid #bdbdbd; 
	}

footer .futility input.search-btn { /* 160614 */
	box-sizing: border-box;
	line-height: 0;
	width: 57px;
	height: 28px;
	color: #FFF;
	font-size: 12px;
	font-size: 1.2rem;
	border: 1px solid #000;
	border-radius: 2px;
	background: #333; 
	}

footer .futility .search-box p{
	position: relative;
	width: 206px;
	margin: 0 auto;
	border: solid 1px #ccc;
}

@media screen and (max-width: 739px) {  /* 160614 */
	footer .futility .search-box form {
		position: relative;
		padding-right: 65px !important; }
 
	footer .futility .search-box .text-box{
		width: 100%; }
 
	footer .futility .search-box .search-btn{
		position: absolute;
		bottom: 0;
		right: 0;
		width: 57px; }
}

/*footer .futility .search-box p .textbox{
	width: 170px;
	line-height: 34px;
	margin: 0 0 0 5px;
	padding: 0;
	border: 0;
}
footer .futility .search-box p .button{
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -10px;
}
footer .futility .search-box .g_search_text_wrapper input{
	width: 100%;
	border: none;
}
footer .futility .search-box .g_search_btn_wrapper input{
	position: absolute;
	top: 3px;
	right: 0;
}
*/
footer .info{
	width: 100%;
	max-width: 980px;
	margin: 15px auto;
	color: #888888;
}
footer .info p.tel{
	width: 60%;
	float: left;
	font-size: 3.0rem;
	margin: 0;
}
footer .info p.tel a { /* add 161028 oda */
	color: #888;
}
footer .info p.tel a:hover { /* add 161028 oda */
	text-decoration: none;
}
footer .info p.tel span{
	margin: 0 0 0 15px;
	font-size: 1.2rem;
}
footer	.eng {
	display: none;
}
footer .info p.copyright{
	width: 40%;
	float: right;
	padding: 20px 0 0 0;
	text-align: right;
	margin: 0;
}

@media screen and (max-width: 979px) {
footer .fmenu{
	padding: 0;
	background: #F7F7F7;
}
footer .fmenu ul{
	border-top: #EEEEEE solid 1px;
}
footer .fmenu ul li{
	display: block;
	border: none;
	outline: #EEEEEE solid 1px;
	width: 25%;
	float: left;
}
footer .fmenu ul li.f_service {
	width: 50%;
}
footer .fmenu ul li:nth-child(4n) {
	border-right: none;
}
footer .fmenu ul li a{
	width: 100%;
	display: block;
	padding: 13px 0;
	color: #333;
	text-align: center;
	background: #fff;
}
footer .fmenu ul li a span{
	font-size: 1.4rem;
}
footer .futility{
	width: 98%;
	clear: both;
	max-width: 980px;
	margin: 0 auto 0 auto;
	padding: 25px 0 40px 0;
}
footer .futility ul.linkArea {
		width: 72%;
}
footer .futility ul.linkArea li{
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 1.2rem;
}
footer .futility ul.snsArea {
		width: 28%;
}
footer .futility ul.snsArea li{
	margin: 0 0 0 7px;
	padding: 0 0 0 7px;
}
footer .info{
	width: 96%;
}
footer	.eng {
	display: none;
}
}
@media screen and (max-width: 739px) {
	footer .fmenu ul li a span{
		font-size: 1.1rem; /* 0.9rem */
	}
	footer .futility{
		width: 100%;
		padding: 0;
	}
	footer .futility ul.linkArea{
		width: 100%;
		float: none;
	}
	footer .futility ul.pc{
		display: none;
	}
	footer .futility ul.sp{
		display: block;
		border-bottom: #EEEEEE solid 1px;
		padding: 10px 0;
		background: #F7F7F7;
		overflow: auto;
	}
	footer .futility ul.linkArea li{
		display: block;
		border: none;
		background: url(/service_shared/img/common/ico_fmenu_bar.png) repeat-y right top;
		width: 25%;
		float: left;
		margin: 0;
	}
	footer .futility ul.linkArea li:last-child{
		background: none;
	}
	footer .futility ul.linkArea li a{
		width: 100%;
		display: block;
		padding: 0;
		color: #333;
		text-align: center;
	}
	footer .futility ul.linkArea li a:hover{
		text-decoration: none;
	}
	footer .futility ul.linkArea li a span{
		width: 100%;
		display: block;
		margin: 5px 0 0 0;
	}
	footer .futility .search-box{
		position: relative;
		width: 96%;  /*  160525 oda */
		margin: 20px auto 0; /* 20px 0 0 0   160525 oda */
		top: 0 !important;
		left: 0 !important;
		display: block !important;
	}
	footer .futility .search-box:before,
	footer .futility .search-box:after{
		display: none;
	}
	footer .futility .search-box form{
		border: 0;
		padding: 0;
	}
	footer .futility .search-box p{
		position: relative;
		width: 206px;
		margin: 0 auto;
		border: solid 1px #ccc;
		padding: 5px;
	}
	footer .futility .search-box .g_search_text_wrapper input{
		width: 95%;
		border: none;
	}
	footer .futility .search-box .g_search_btn_wrapper input{
		right: 7px;
		top: 5px;
	}
	footer .futility ul.snsArea{
		width: 100%;
		float: none;
		clear: both;
		margin-top: 20px; /* 160526 oda */
		text-align: center;
	/* ike del 20150925 	padding: 20px 0 0 0; */
	}
	footer .info{
		margin: 0px auto; /* ike update 20150925 15px auto 0 auto; */
	}
	footer .info p.tel{
		width: 100%;
		float: none;
		text-align: center;
		margin: 0;
	}
	footer .info p.tel span{
		margin: 0;
		display: block;
	}
	footer .info p.copyright{
		width: 100%;
		float: none;
		text-align: center;
		padding: 0;
	}
	footer	.info p.eng {
			display: block;
			text-align: center;
	}
	footer	.info p.eng a{
		color: #888888;
	}
}

/* アンカー時のヘッダー部のマージン調整
----------------------------*/
*[anchorlink="true"] {
	margin-top: -80px !important;
	padding-top: 80px !important;
}
*[data-fragment="no_margin"] {
		margin-top: -90px !important;
		padding-top: 90px !important;
}
@media screen and (max-width: 979px) {
	*[anchorlink="true"] {
		margin-top: -80px !important;
		padding-top: 80px !important;
	}
	*[data-fragment="no_margin"] {
		margin-top: -110px !important;
		padding-top: 110px !important;
	}
}
@media screen and (max-width: 739px) {
	*[anchorlink="true"] {
		margin-top: -40px !important;
		padding-top: 40px !important;
	}
	*[data-fragment="no_margin"] {
		margin-top: -65px !important;
		padding-top: 65px !important;
	}
}



/* list_pager
----------------------------*/
.list_pager {
	color: #333;
	font-size: 100% !important;
	font-weight: normal;
	text-align: left;
}
.list_pager a:hover {
	color: #1067b6;
	text-decoration: underline;
	background: none;
}
.list_pager_prev {
	padding-right: 0;
	padding-left: 21px;
	background: none;
	font-size: 16px;
	font-size: 1.6rem;
}
.list_pager_prev:after {
		margin-top: -4px;
		width: 5px;
		height: 8px;
		background: url("/img/shared/icn_pager_prev.png") no-repeat 0 50%;
}

/* icon_new  common.min.cssより抜粋 2015/10/04 h9
----------------------------*/
.icon_new {
	color: #dc001f;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	font-size: 1.2rem;/*1.4rem; 14.05*/ }


/* icon_category
----------------------------*/
.icon_category {
	padding-right: 5px;
	padding-left: 5px;
	font-size: 16px;
	font-size: 1.6rem;
	background-color: #55C296;
}
/* 2015/10/04 h9 */
.icon_category.icon_open {
	border: solid 1px #e36c09;
	min-width: 50px;
	background-color: #fff;
	color: #e36c09; }



/* pager
----------------------------*/

.spager {text-align: center;}
.spager a {
	display: inline-block;
	padding: 0 10px;
	color: #333;
	vertical-align: middle;
}
.spager a:hover {
	color: #4D9FEB;
	text-decoration: none;
}

.spager a img{
	padding: 0 5px;
}


/* PC・スマホ出し分け　price.css
----------------------------*/
.view-pc { display: inline; }
.view-sp { display: none; }

@media screen and (max-width: 739px) {
	.view-pc { display: none; }
	.view-sp { display: inline; }
}


/* Button parts
----------------------------*/

/* ike replace 20150925     oda updata 20170112 */
/* ------------------ ボタン 大（共通）------------------  */
p.button, p.sbutton_cv, p.sbutton_black_cv, p.sbutton_white_cv, p.button_fill,p.sbutton_white_cv_fill {
	margin: 50px auto;
	width: 100%;
	max-width: 340px; /* 360px;  updata oda 160705 */
}

p.button a, p.sbutton_cv a, p.sbutton_black_cv a, p.sbutton_white_cv a, p.button_fill a,p.sbutton_white_cv_fill a {
	padding: 20px 0;
	text-align: center;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 2.6rem;
	font-size: 26px;
}

p.button_fill a,p.sbutton_white_cv_fill a { color: #FFF; }

p.button a:hover, p.sbutton_cv a:hover, p.sbutton_black_cv a:hover, p.sbutton_white_cv a:hover, p.button_fill a:hover, p.sbutton_white_cv_fill a:hover {
	text-decoration: none;
}

/* カテゴリー別ボタン 大 */
p.button a:hover, p.sbutton_cv a:hover{
	color: #fff;
}

/* 黒枠ボタン 大 */
p.sbutton_black_cv a{
	color: #333;
	box-shadow: 0 0 0 5px #333 inset;
}
p.sbutton_black_cv a:hover{
	box-shadow: 0 0 0 5px #333 inset;
	background: #333;
	color: #fff;
}
/* 白枠ボタン 大 */
p.sbutton_white_cv a{
	color: #fff;
	box-shadow: 0 0 0 5px #fff inset;
}
p.sbutton_white_cv a:hover{
	box-shadow: 0 0 0 5px #fff inset;
	background: #fff;
	color: #4D9FEB;
}
/* 白枠ボタン 大 反転 */
p.sbutton_white_cv_fill a{
	color: #4D9FEB;
	box-shadow: 0 0 0 5px #fff inset;
	background: #FFF;
}
p.sbutton_white_cv_fill a:hover{
	box-shadow: 0 0 0 5px #fff inset;
	background: none !important;
	color: #FFF;
}


/* ------------------ ボタン 小（共通）------------------  */
p.sbutton, p.sbutton_black, p.sbutton_white, p.sbutton_fill, p.sbutton_white_fill {
	margin: 30px auto;
	width: 100%;
	max-width: 250px;
}
p.sbutton a, p.sbutton_black a, p.sbutton_white a, p.sbutton_fill a, p.sbutton_white_fill a {
	padding: 15px 0;
	text-align: center;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 1.8rem;
}
p.sbutton a:hover, p.sbutton_black a:hover, p.sbutton_white a:hover, p.sbutton_fill a:hover, p.sbutton_white_fill a:hover {
	text-decoration: none;
}

/* カテゴリーカラーボタン 小 */
p.sbutton a:hover, p.sbutton_fill a:hover { color: #fff; }

/* 黒枠ボタン 小 */
p.sbutton_black a{
	color: #333;
	box-shadow: 0 0 0 3px #333 inset;
}
p.sbutton_black a:hover{
	box-shadow: 0 0 0 3px #333 inset;
	background: #333;
	color: #fff;
}
/* 白枠ボタン 小 */
p.sbutton_white a{
	color: #fff;
	box-shadow: 0 0 0 3px #fff inset;
}
p.sbutton_white a:hover{
	box-shadow: 0 0 0 3px #fff inset;
	background: #fff;
	color: #4D9FEB;
}
/* 白枠ボタン 小・反転 */
p.sbutton_white_fill a{
	color: #4D9FEB;
	box-shadow: 0 0 0 3px #fff inset;
	background: #FFF;}
	
p.sbutton_white_fill a:hover{
	box-shadow: 0 0 0 3px #fff inset;
	background: none;
	color: #FFF;
}

/* ------------------ ボタン 極小（共通）------------------  */
.btn_ss {
margin: 5px 10px! important;
max-width: 200px! important; }
.btn_ss a {
padding: 12px 0! important;
font-size: 1.6rem! important; }


/* 横並びに複数ボタンを配置 */
.col_btn p.button,
.col_btn p.sbutton_cv,
.col_btn p.sbutton,
.col_btn p.sbutton_black_cv,
.col_btn p.sbutton_black,
.col_btn p.sbutton_white_cv,
.col_btn p.sbutton_white,
.col_btn p.button_fill,
.col_btn p.sbutton_fill,
.col_btn p.sbutton_white_cv_fill,
.col_btn p.sbutton_white_fill  {
	display: inline-block;
	margin: 10px;
	width: 100%;
	/* max-width: 340px;  del oda 160705 */
}

/* 横並びに複数ボタンを配置 2カラム構成時 */
.col_btn_2clm p.button,
.col_btn_2clm p.sbutton_cv,
.col_btn_2clm p.sbutton,
.col_btn_2clm p.sbutton_black_cv,
.col_btn_2clm p.sbutton_black,
.col_btn_2clm p.sbutton_white_cv,
.col_btn_2clm p.sbutton_white,
.col_btn_2clm p.button_fill,
.col_btn_2clm p.sbutton_fill,
.col_btn_2clm p.sbutton_white_cv_fill,
.col_btn_2clm p.sbutton_white_fill {
	display: inline-block;
	margin: 1%;
	width: 47.2%;
	max-width: none;
}


@media screen and (max-width: 979px) {


	/* カテゴリーカラーボタン 大 */
	.col_btn_2clm p.button a,
	.col_btn_2clm p.sbutton_cv a,
	.col_btn_2clm p.button_fill a{
		font-size: 2.2rem;
		font-size: 22px;
	}
	
	/* 黒枠ボタン 大 */
	.col_btn_2clm p.sbutton_black_cv a{
		font-size: 2.2rem;
		font-size: 22px;
	}
	
	/* 白枠ボタン 大 */
	.col_btn_2clm p.sbutton_white_cv a,
	.col_btn_2clm p.sbutton_white_cv_fill a{
		font-size: 2.2rem;
		font-size: 22px;
	}
	
	/* 横並びに複数ボタンを配置 2カラム構成時 */
	
	.col_btn_2clm{
		text-align: center;
	}
	.col_btn_2clm p.button,
	.col_btn_2clm p.sbutton_cv,
	.col_btn_2clm p.sbutton,
	.col_btn_2clm p.sbutton_black_cv,
	.col_btn_2clm p.sbutton_black,
	.col_btn_2clm p.sbutton_white_cv,
	.col_btn_2clm p.sbutton_white,
	.col_btn_2clm p.button_fill,
	.col_btn_2clm p.sbutton_fill,
	.col_btn_2clm p.sbutton_white_cv_fill,
	.col_btn_2clm p.sbutton_white_fill {
		width: 100%;
		max-width: 290px;
	}
}
@media screen and (max-width: 740px) {
	p.button,
	p.sbutton_cv,
	p.sbutton_black_cv,
	p.sbutton_white_cv,
	p.button_fill,
	p.sbutton_white_cv_fill,
	p.sbutton_white_fill {
		width: 100%;
		max-width: 290px;
	}
	
	/* カテゴリーカラーボタン 大 */
	p.button a,
	p.sbutton_cv a,
	p.button_fill a{
		font-size: 2.2rem;
		font-size: 22px;
	}
	
	/* 黒枠ボタン 大 */
	p.sbutton_black_cv a{
		font-size: 2.2rem;
		font-size: 22px;
	}
	
	/* 白枠ボタン 大 */
	p.sbutton_white_cv a,
	p.sbutton_white_cv_fill a{
		font-size: 2.2rem;
		font-size: 22px;
	}
	
	/* 横並びに複数ボタンを配置 */
	.col_btn{
		text-align: center;
	}
	.col_btn p.button,
	.col_btn p.sbutton_cv,
	.col_btn p.sbutton,
	.col_btn p.sbutton_black_cv,
	.col_btn p.sbutton_black,
	.col_btn p.sbutton_white_cv,
	.col_btn p.sbutton_white,
	.col_btn p.button_fill,
	.col_btn p.sbutton_fill,
	.col_btn p.sbutton_white_cv_fill,
	.col_btn p.sbutton_white_fill {
		margin: 10px 0 0 0;
	}
}


/* 導入事例
----------------------------*/
.case_list{
	max-width:960px;
	margin:50px auto;
}
.case_list ul{
	margin-right: -1%;
	padding-bottom:10px;
}
.case_list ul:after {display: block;content: "";clear: both;overflow: hidden;}

.case_list li{
	float: left;
	width: 23%;
	margin-right: 2%;
	margin-bottom:1%;
	padding:5px 0;
	position: relative;
	overflow: hidden;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
}
.case_list li:nth-child(5n){clear: both;}

@media screen and (max-width: 979px) {
	.case_list{
		width:auto;
		margin:20px 1% 20px 2%;
	}
}

@media screen and (max-width: 740px) {
	.case_list{
		width:auto;
		margin:20px 10px;
	}
	.case_list li{
		width: 48%;
		background-size:85% auto;
		/*padding:10px 4%;*/
	}
	.case_list li:nth-child(5n){clear: none;}
	.case_list li:nth-child(n+5){display: none;}
	.case_list li:nth-child(2n+1){clear: both;}
}

.case_list_txt{
	display: block;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
}
.case_list_txt_inner{
	width:100%;
	height:90px;
	display: block;
	text-align: center;
/*  background-color:rgba(60,60,60,0.90);}
	color:#fff;	/* 201512 ike del*/
	padding:0 5px 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 740px) {
	.case_list_txt_inner{
		width:100%;
		height:70px;
	}}
a span span.case_list_txt_inner{
	background-color:rgba(60,60,60,0.90);
	color:#fff; }	/* 201512 ike add*/

.case_list_txt_inner > *{
		vertical-align: middle;
		display: inline-block;
}
.case_list_txt_inner:before{
		content: "";
		height: 100%;
		vertical-align: middle;
		width: 0px;
		display: inline-block;
}

.case_list p{
	text-align: right;
}
.case_list p a{
	display: inline-block;
	border:1px solid #444;
	padding:10px 23px 8px 23px;
	color: #444;
}
.case_list p a:hover{
	background: #444;
	color:#fff;
	text-decoration: none;
}

@media screen and (max-width: 740px) {
	.case_list p{
		text-align: right;
	}
	.case_list p a{
		padding:5px 10px 3px 10px;
		font-size: 90%;
	}
}

/* ------ h9yamamoto150721 ------ */
#g_blog_ticker{display: none}
@media screen and (min-width: 740px) {
	#g_blog_ticker{display: block;}
		#g_blog_ticker_btn{
			position: fixed;
			bottom:110px;
			right: -60px;
			width:60px;
			height: 60px;
			z-index:1100;
			background: url(/service_shared/img/common/g_blog_ticker_btn_ov.png);
		}
		#g_blog_ticker_btn a:hover img{
			opacity: 0;
			-ms-filter: "alpha(opacity=0)";
		}
		#g_blog_ticker_inner{
			position: fixed;
			bottom:110px;
			right: -260px;
			width:260px;
			z-index:1100;
		}
		#g_blog_ticker_inner:after {display: block;content: "";clear: both;overflow: hidden;}
			#g_blog_ticker_title{
				background: url(/service_shared/img/common/g_blog_ticker_title_ov.png);
			}
			#g_blog_ticker_title a:hover img{
				opacity: 0;
				-ms-filter: "alpha(opacity=0)";
			}
			#g_blog_ticker_main{
				padding:15px 15px 14px 15px;
				background:#fff;
			}
				#g_blog_ticker_main dt{
					font-size:80%;
					color:#a3a3a3;
					border-top:1px solid #cccccc;
					margin:10px 0 0 0;
					padding:10px 0 0 0;
				}
				#g_blog_ticker_main dt:first-child{
					border:none;
					margin:0;
					padding:0;
				}
				#g_blog_ticker_main dd{
					line-height: 1.3;
				}
						#g_blog_ticker_main a{
							font-size:90%;
							color:#333;
						}
						#g_blog_ticker_main a:hover{
						}
}
/* ------ Service-Menu Dropdown 20151224 Fe --------------------------------- */
#snav li.arrow {
	display: block;
	width: 38px;
	margin-right: 7px;
	background: url(/service_shared/img/common/ico_umenu_arrow_white.png) no-repeat right 50%;
}
#snav li ul.snav_box01,
#snav li ul.snav_box02 {
	background: #fff;
	border: #ccc solid 1px;
	box-shadow: #ccc 0 2px 10px; /* 20160106 Fe */
	color: #333;
	display: none; /* 20160106 Fe display: block; */
	position: absolute;
	z-index: 150;
}
#snav li ul.snav_box01::after,
#snav li ul.snav_box02::after {
	position: absolute;
	bottom: 100%;
	left: 50%;
	content: '';
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff;
	margin-left: -8px;
}
#snav li ul.snav_box01 a,
#snav li ul.snav_box02 a {
	color: #333;
}

#snav li ul.snav_box01 {
	width: 560px;
	margin: 13px 0 0 -115px;
	padding: 0;
}
#snav li ul.snav_box01::after {
	left: 157px;
}
#snav li ul.snav_box01 li {
	width: 100px;
	float: left;
	font-size: 12px;
	line-height: 1.4;
	margin: 0;
	padding: 40px 0 0;
	text-align: center;
}
#snav li ul.snav_box01 li img {
	padding: 0 0 10px;	
}
#snav li ul.snav_box01 li.snav_box01_br {
	clear: both;
	padding-left: 30px;
}
#snav li ul.snav_box01 li.snav_box01_link {
	clear: both;
	float: none;
	font-size: 14px;
	width: 100%;
}
#snav li ul.snav_box01 li.snav_box01_link a {
	background: #eee;
	border: solid 1px #eee;
	display: block;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
#snav li ul.snav_box01 li.snav_box01_link a:hover {
	background: #f5f5f5;
	border: solid 1px #f5f5f5;
}
#snav li ul.snav_box02 a {
	border-bottom: solid 1px #fff;
}
#snav li ul.snav_box02 a:hover {
	border-bottom: solid 1px #666;
}

#snav li ul.snav_box02 {
	width: 520px;
	margin: 13px 0 0 -380px;
	padding: 15px 20px 25px;
}
#snav li ul.snav_box02::after {
	left: 402px;
}
#snav li ul.snav_box02 li a {
	line-height: 2;
}
#snav li ul.snav_box02 li.sb01 {
	width: 130px;
	float: left;
	font-size: 14px;
}
#snav li ul.snav_box02 li.sb01 span {
	background: url(/service_shared/img/svg/cloud/icn_cloud.svg) no-repeat center left / 29px;
	font-weight: bold;
	font-size: 14px;
	line-height: 3;
	padding: 5px 0 0 32px;
}
#snav li ul.snav_box02 li.sb02 {
	width: 200px;
	float: left;
	font-size: 14px;
	margin-top: 3px;
}
#snav li ul.snav_box02 li.sb02 span {
	font-weight: bold;
	font-size: 14px;
	line-height: 2.5;
}
#snav li ul.snav_box02 li.sb02 p {
	dislplay: block;
	margin: 0;
	padding: 0 0 0 32px;
}
#snav li ul.snav_box02 li.sb02 p.sb02_ilb {
	background: url(/service_shared/img/svg/cloud/icn_cloud_ilb.svg) no-repeat center left / 26px;
}
#snav li ul.snav_box02 li.sb02 p.sb02_rdb {
	background: url(/service_shared/img/svg/cloud/icn_cloud_rdb.svg) no-repeat center left / 26px;
}
#snav li ul.snav_box02 li.sb02 p.sb02_gcs {
	background: url(/service_shared/img/svg/cloud/icn_cloud_gcs.svg) no-repeat center left / 26px;
}
#snav li ul.snav_box02 li.sb02 p.sb02_gcda {
	background: url(/service_shared/img/svg/cloud/icn_cloud_gcda.svg) no-repeat center left / 26px;
}
#snav li ul.snav_box02 li.sb02 p.sb02_cdn {
	background: url(/service_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat center left / 26px;
}
#snav li ul.snav_box02 li.sb02 p.sb02_dns {
	background: url(/service_shared/img/svg/cloud/icn_cloud_dns.svg) no-repeat center left / 26px;
}
#snav li ul.snav_box02 li.sb02 p.sb02_metal {
	background: url(/service_shared/img/svg/cloud/icn_cloud_baremetal.svg) no-repeat center left / 26px;
}
#snav li ul.snav_box02 li.sb02 p.sb02_private {
	background: url(/service_shared/img/svg/cloud/icn_cloud_private.svg) no-repeat center left / 26px;
}

#snav li ul.snav_box02 li.sb03 {
	border-left: solid 1px #ccc;
	color: #999;
	font-size: 14px;
	height: 200px;
	margin: 15px 0 0;
}
#snav li ul.snav_box02 li.sb03 a {
	color: #999;
}

/*--------------------------------------------------
contact_box
--------------------------------------------------*/
#contact_box {
	display: none;
	position: fixed;
	bottom: 150px;
	right: 0;
	color: #333;
	z-index: 200;
}

@media screen and (max-width: 1040px) {
	#contact_box { display: none !important; }
}

#cv_box { 
	box-sizing: border-box;
	width: 140px;
	padding: 5px;
	background: #E9F7FF;
	border: 3px solid #4D9FEB;
	border-right: none;
	border-radius: 3px 0 0 3px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	box-sizing: border-box;
	position: relative;
}

p.close {
	text-align: right;
	margin: 0 5px;
}

p.close span {
	display: block;
	cursor: pointer;
}

#cv_box .inner {
	margin: 0 5px;
}

#cv_box .inner p {
	margin-bottom: 0.8em;
}

#cv_box .inner p:last-child {
	margin-bottom: 0.5em;
}

#cv_box ul:after {
	display: inline;
	overflow: auto;
}

#cv_box ul li.tel_inq .tel_num {
	font-weight: bold;
	margin-bottom: 0;
}

#cv_box ul li a { 
	display: block;
	padding: 5px 0;
	text-align: center;
	color: #4D9FEB;
	font-size: 14px;
	border-radius: 3px;
	font-weight: bold;
	border: 2px solid #4D9FEB;
	box-sizing: border-box;
}

#cv_box ul li a:hover {
	color: #FFF !important;
	text-decoration: none; }

#cv_box ul li a.simulation_link {
	display: inline;
	font-weight: normal;
	border: none;
	text-decoration: underline;
	margin-bottom: 3px;
	padding: 0;
	font-size: 1.1rem;
}
#cv_box ul li a.simulation_link:hover {
	color: #55C296 !important;
	text-decoration: none;
}

#cv_box ul li .tel_num span {
	display: block;
	color: #555;
	font-size: 1.1rem;
	font-weight: normal;
}

#cv_box ul li.mail_inq a {
	background-color: #FFF;
}
#cv_box ul li.mail_inq a:hover {
	background-color: #4D9FEB;
}

#cv_box ul li.price_sim a { background: url(/service_shared/img/common/contact_box/icon_price_cloud.png) no-repeat 15px 0.75em #FFF; }
#cv_box ul li.price_sim a:hover { background: url(/service_shared/img/common/contact_box/icon_price.png) no-repeat 15px 0.75em #4D9FEB; }


#contact_box p.open {
	position: fixed;
	bottom: 150px;
	right : 34px;
	box-sizing: border-box;
	width: 60px;
	padding: 6px 0;
	font-size: 2.6rem;
	text-align: center;
	border: 3px solid #4D9FEB;
	border-radius: 50px;
	background: #4D9FEB;
	cursor: pointer;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	z-index: -10;
}
	
#contact_box p.open:hover { opacity: 0.5; }

/*--------------------------------------------------
	contact_box    	チャット用				add180601 tama
--------------------------------------------------*/
.contact_box_chat #cv_box {
	width: 182px;
	background: #4d9feb;
	border: 3px solid #fff;
	border-right: none;
	border-radius: 5px 0 0 5px;
	padding: 15px 5px 10px;
}

.contact_box_chat #cv_box p {
	color: #fff;
}

.contact_box_chat #cv_box p.close {
	font-weight: bold;
	font-size: 2rem; /* 20px */
	color: #fff;
	position: absolute;
	top: 10px;
	right: 2px;
}

#contact_box p.open_chat_panel {
	background: #fff;
}

.contact_box_chat p.sbutton, .contact_box_chat p.sbutton_black, .contact_box_chat p.sbutton_white, .contact_box_chat p.sbutton_fill, .contact_box_chat p.sbutton_white_fill {
	margin: 0;
}

.contact_box_chat p.sbutton_fill .bluebtn {
	width: 150px;
	padding: 10px 3px;
	border-radius: 0;
	background: #ff9b0d;
	box-shadow: none;
	font-size: 1.4rem; /* 14px */
	border: 2px solid #ff9b0d;
	margin-top: 6px;
	display: block;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.contact_box_chat p.sbutton_fill .bluebtn:hover {
	color: #ff9b0d;
	background: #fff;
	border: 2px solid #fff;
}

.contact_box_chat p.sbutton_fill.chat_close {
	width: 150px;
	padding: 10px 3px;
	border-radius: 0;
	background: #aaa;
	box-shadow: none;
	font-size: 1.4rem; /* 14px */
	border: 2px solid #aaa;
	margin-top: 6px;
	display: block;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.contact_box_chat p.textf_s {
	font-size: 1.1rem; /* 11px */
	line-height: 1.6rem; /* 16px */
}

.contact_box_chat #cv_box ul li a {
	display: inline;
	padding: 0;
	border-radius: 0;
	border: none;
}

.contact_box_chat #cv_box li.contact_cp_chat {
	background: #fff;
	padding: 10px 10px 7px;
	font-size: 1.2rem; /* 12px */
	margin-top: 12px;
	border: solid 2px #ff6860;
}

.contact_box_chat #cv_box li.contact_cp_chat p {
	color: #ff6860;
	font-weight: bold;
	margin-bottom: 0;
}

.contact_box_chat #cv_box ul li.contact_cp_chat a {
	color: #4d9feb;
	font-size: 1.2rem; /* 12px */
}

.contact_box_chat #cv_box ul li.contact_cp_chat a:hover {
	color: #4d9feb !important;
	text-decoration: underline;
}

/* 吹き出し矢印 */
.cp_arrow {
	background-color: #fff;
	border-radius: 5px;
	position: relative;
}
 
.cp_arrow:before, .cp_arrow:after {
	border: 10px solid transparent;
	border-top-width: 0;
	content: "";
	display: block;
	left: 70px;
	position: absolute;
	width: 0;
	z-index: 100;
}

.cp_arrow:before {
	border-bottom-color: #ff6860;
	top: -8px;
}

.cp_arrow:after {
	border-bottom-color: #fff;
	top: -5px;
}

.contact_box_chat #cv_box li.tel_inq {
	margin-top: 10px;
}

/*-------------------------
	bigdata
-------------------------*/
.contact_box_bigdata #cv_box {
    background: #FD5141;
}

#contact_box p.open_bigdata {
    border: 3px solid #FD5141;
}

/*-------------------------
	datacenter
-------------------------*/
.contact_box_datacenter #cv_box {
    background: #4A4C75;
}

#contact_box p.open_datacenter {
    border: 3px solid #4A4C75;
}

/*-------------------------
	network
-------------------------*/
.contact_box_network #cv_box {
    background: #55C296;
}

#contact_box p.open_network {
    border: 3px solid #55C296;
}


/* ****************************** 汎用モジュール ike add20160615 ****************************** */

/* --- text --- */
.textf_s, .text_s {font-size: 13px; font-size: 1.3rem; }
.textf_m {font-size: 14px; font-size: 1.4rem; }
.textf_mm, .text_m {font-size: 16px !important; font-size: 1.6rem !important; }
.textf_l, .text_m_l {font-size: 22px; font-size: 2.2rem; }

@media screen and (max-width: 739px) {
.textf_s, .text_s {font-size: 12px; font-size: 1.2rem; }
.textf_m {font-size: 13px; font-size: 1.3rem; }
.textf_mm, .text_m {font-size: 14px !important; font-size: 1.4rem !important; }
.textf_l, .text_m_l {font-size: 20px; font-size: 2.0rem; }
}

@media print {
	.textf_s, .text_s {font-size: 13px; font-size: 1.3rem; } 
		.textf_m {font-size: 14px; font-size: 1.4rem; }
		.textf_mm, .text_m {font-size: 16px; font-size: 1.6rem; }
		.textf_l, .text_m_l {font-size: 22px; font-size: 2.2rem; }
}

.text_lead {/* 2015/09/29 h9 */
	margin-bottom: 0.7em;
	font-weight: bold;
	line-height: 1.2; }

.lead {font-size: 28px; font-size: 2.8rem;}

@media screen and (max-width: 739px) {
	.lead {font-size: 18px; font-size: 1.8rem;}
}

/*--ページタイトル・見出し--*/
.stitle{ /*--ページタイトル--*/
	font-size: 40px !important;
	font-size: 4.0rem !important;
	margin: 60px 0 80px 0 !important;
}
.shdg_01{ /*--大見出し--*/
	font-size: 34px !important;
	font-size: 3.4rem !important;
	font-weight: bold;
	text-align: center !important;
	margin: 80px 0 60px 0 !important;
}
.shdg_01_2clm{ /*--大見出し2カラムページ用--*/
	font-size: 34px !important;
	font-size: 3.4rem !important;
	font-weight: bold;
	text-align: left !important;
	margin: 80px 0 60px 0 !important;
}

.shdg_02{ /*--中見出し--*/
	font-size: 24px !important;
	font-size: 2.4rem !important;
	margin: 60px 0 40px 0 !important;
	text-align: left !important;
	font-weight: bold;
}
.shdg_03{ /*--小見出し--*/
	font-size: 20px !important;
	font-size: 2.0rem !important;
	margin: 20px 0 !important;
	text-align: left !important;
	font-weight: bold;
}
.shdg_04{ /*--孫見出し--*/
	font-size: 18px !important;
	font-size: 1.8rem !important;
	margin: 20px 0 !important;
	text-align: left !important;
	font-weight: bold;
}

@media screen and (max-width: 739px) {
	.stitle{ /*--ページタイトル--*/
		font-size: 22px !important;
		font-size: 2.2rem !important;
		margin: 30px 0 40px !important;
	}
	.shdg_01{ /*--大見出し--*/
		font-size: 20px !important;
		font-size: 2.0rem !important;
		margin:40px 0 30px !important;
	}
	.shdg_01_2clm{ /*--大見出し2カラムページ用--*/
		font-size: 20px !important;
		font-size: 2.0rem !important;
		margin:40px 0 30px !important;
	}
	.shdg_02{ /*--中見出し--*/
		font-size: 16px !important;
		font-size: 1.6rem !important;
		margin: 30px 0 20px 0 !important;
	}
	.shdg_03{ /*--小見出し--*/
		font-size: 15px !important;	/* 14px update ike 160915*/
		font-size: 1.5rem !important; /* 1.4rem update ike 160915*/
		margin: 20px 0 !important;
	}
	.shdg_04{ /*--孫見出し--*/
		font-size: 15px !important;	/* 14px update ike 160915*/
		font-size: 1.5rem !important; /* 1.4rem update ike 160915*/
		margin: 15px 0 !important;
/*		font-weight: normal;	del ike 160915*/
	}
}

/* ------ font --------------------------------- */
.bold, .text_b, .text_lead { font-weight: bold!important; }
.normal, .text_lead_l { font-weight: normal!important; }
.super, .text_super {vertical-align: super; font-size: 80%; }

/* ------ text-color --------------------------------- */
.tc_cloud {color: #4D9FEB !important; }
.tc_bigdata {color: #FD5141 !important; }
.tc_datacenter {color: #4A4C75 !important; }
.tc_network {color: #55C296 !important; }
.tc_white, .text_white {color: #FFF !important; }
.tc_black {color: #000 !important; }
.tc_red, .text_red, .attention {color: #f00000 !important; }
.tc_blue, .text_blue {color: #09A9F5 !important; }
.tc_orange, .text_orange {color: #f08512 !important; }

/* ------ position ----------------------------- */

.center, .text_c { text-align: center!important; }
.right, .text_r { text-align: right!important; }
.left, .text_l  { text-align: left!important; }

.top   { vertical-align: top; }
.bottom{ vertical-align: bottom; }
.middle{ vertical-align: middle; }

.float-l{ float: left; }
.float-r{ float: right; }
.clear  { clear: both; }

/* ------ background-color --------------------------------- */

.bgc_cloud, .bg_blue02 {background-color: #4D9FEB !important; }
.bgc_bigdata {background-color: #FD5141 !important; }
.bgc_datacenter {background-color: #4A4C75 !important; }
.bgc_network {background-color: #55C296 !important; }
.bgc_grey {background-color: #f4f4f4 !important; }
.bgc_skyblue {background-color: #7CD4F0 !important; }
.bgc_green {background-color: #91C974 !important; }
.bgc_orange{background-color: #FF9700 !important; }
.bgc_purple{background-color: #7760BA !important; }
.bgc_lightorange, .bg_orange01{background-color: #f1a657 !important; }
.bgc_lightblue, .bg_blue01 {background-color: #CCE9FA!important; }
.bgc_lightgray, .bg_gray01 {background-color: #F4F4F4!important; }/* #EAEBED ike */
.bgc_lightgreen, .bg_green01 {background-color: #d4e8d3!important; }
.bgc_lightpurple, .bg_purple01{background-color: #e4d9f3!important; }
.bgc_white {background-color: #FFF !important;} /* add oda 160905 */

/* --- margin-top --- */
.mt0{ margin-top: 0 !important; }
.mt5{ margin-top: 5px !important; }/* 2015/09/29 h9 */
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.mt60{ margin-top: 60px !important; }
.mt70{ margin-top: 70px !important; }
.mt80{ margin-top: 80px !important; }
.mt90{ margin-top: 90px !important; }
.mt100{ margin-top: 100px !important; }


/* --- margin-bottom 2015/09/29 h9  --- */
.mb0{ margin-bottom: 0 !important; }
.mb10{ margin-bottom: 10px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb60{ margin-bottom: 60px !important; }
.mb70{ margin-bottom: 70px !important; }
.mb80{ margin-bottom: 80px !important; }
.mb90{ margin-bottom: 90px !important; }
.mb100{ margin-bottom: 100px !important; }


/* --- padding-top --- */
.pt0{ padding-top: 0 !important; }
.pt10{ padding-top: 10px !important; }
.pt20{ padding-top: 20px !important; }
.pt30{ padding-top: 30px !important; }
.pt40{ padding-top: 40px !important; }
.pt50{ padding-top: 50px !important; }
.pt60{ padding-top: 60px !important; }
.pt70{ padding-top: 70px !important; }
.pt80{ padding-top: 80px !important; }
.pt90{ padding-top: 90px !important; }
.pt100{ padding-top: 100px !important; }


/* --- margin-bottom --- */
.pb0{ padding-bottom: 0 !important; }
.pb10{ padding-bottom: 10px !important; }
.pb20{ padding-bottom: 20px !important; }
.pb30{ padding-bottom: 30px !important; }
.pb40{ padding-bottom: 40px !important; }
.pb50{ padding-bottom: 50px !important; }
.pb60{ padding-bottom: 60px !important; }
.pb70{ padding-bottom: 70px !important; }
.pb80{ padding-bottom: 80px !important; }
.pb90{ padding-bottom: 90px !important; }
.pb100{ padding-bottom: 100px !important; }

/* --- margin-left 2015/09/30 h9  --- */
.idt0{margin-left: 0px !important; }
.idt10{margin-left: 10px !important; }
.idt20{margin-left: 20px !important; }

@media screen and (max-width: 739px) {
/* --- margin-top --- */
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 15px !important; }
.mt30{ margin-top: 20px !important; }
.mt40{ margin-top: 20px !important; }
.mt50{ margin-top: 25px !important; }
.mt60{ margin-top: 30px !important; }
.mt70{ margin-top: 35px !important; }
.mt80{ margin-top: 40px !important; }
.mt90{ margin-top: 45px !important; }
.mt100{ margin-top: 50px !important; }

/* --- margin-bottom --- */
.mb10{ margin-bottom: 10px !important; }
.mb20{ margin-bottom: 15px !important; }
.mb30{ margin-bottom: 20px !important; }
.mb40{ margin-bottom: 20px !important; }
.mb50{ margin-bottom: 25px !important; }
.mb60{ margin-bottom: 30px !important; }
.mb70{ margin-bottom: 35px !important; }
.mb80{ margin-bottom: 40px !important; }
.mb90{ margin-bottom: 45px !important; }
.mb100{ margin-bottom: 50px !important; }

/* --- padding-top --- */
.pt10{ padding-top: 10px !important; }
.pt20{ padding-top: 15px !important; }
.pt30{ padding-top: 20px !important; }
.pt40{ padding-top: 20px !important; }
.pt50{ padding-top: 25px !important; }
.pt60{ padding-top: 30px !important; }
.pt70{ padding-top: 35px !important; }
.pt80{ padding-top: 40px !important; }
.pt90{ padding-top: 45px !important; }
.pt100{ padding-top: 50px !important; }

/* --- margin-bottom --- */
.pb10{ padding-bottom: 10px !important; }
.pb20{ padding-bottom: 15px !important; }
.pb30{ padding-bottom: 20px !important; }
.pb40{ padding-bottom: 20px !important; }
.pb50{ padding-bottom: 25px !important; }
.pb60{ padding-bottom: 30px !important; }
.pb70{ padding-bottom: 35px !important; }
.pb80{ padding-bottom: 40px !important; }
.pb90{ padding-bottom: 45px !important; }
.pb100{ padding-bottom: 50px !important; }
}

/* --- width --- *//* --- common.min.cssからperを移植 2015/09/27 h9 --- */
.per1 { width: 1%! important; }
.per2 { width: 2%! important; }
.per3 { width: 3%! important; }
.per4 { width: 4%! important; }
.per5 { width: 5%! important; }
.per6 { width: 6%! important; }
.per7 { width: 7%! important; }
.per8 { width: 8%! important; }
.per9 { width: 9%! important; }
.w10, .per10 { width: 10%! important; }
.per11 { width: 11%! important; }
.per12 { width: 12%! important; }
.per13 { width: 13%! important; }
.per14 { width: 14%! important; }
.per15 { width: 15%! important; }
.per16 { width: 16%! important; }
.per17 { width: 17%! important; }
.per18 { width: 18%! important; }
.per19 { width: 19%! important; }
.w20, .per20 { width: 20%! important; }
.per21 { width: 21%! important; }
.per22 { width: 22%! important; }
.per23 { width: 23%! important; }
.per24 { width: 24%! important; }
.per25 { width: 25%! important; }
.per26 { width: 26%! important; }
.per27 { width: 27%! important; }
.per28 { width: 28%! important; }
.per29 { width: 29%! important; }
.w30, .per30 { width: 30%! important; }
.per31 { width: 31%! important; }
.per32 { width: 32%! important; }
.per33 { width: 33%! important; }
.per34 { width: 34%! important; }
.per35 { width: 35%! important; }
.per36 { width: 36%! important; }
.per37 { width: 37%! important; }
.per38 { width: 38%! important; }
.per39 { width: 39%! important; }
.w40, .per40 { width: 40%! important; }
.per41 { width: 41%! important; }
.per42 { width: 42%! important; }
.per43 { width: 43%! important; }
.per44 { width: 44%! important; }
.per45 { width: 45%! important; }
.per46 { width: 46%! important; }
.per47 { width: 47%! important; }
.per48 { width: 48%! important; }
.per49 { width: 49%! important; }
.w50, .per50 { width: 50%! important; }
.per51 { width: 51%! important; }
.per52 { width: 52%! important; }
.per53 { width: 53%! important; }
.per54 { width: 54%! important; }
.per55 { width: 55%! important; }
.per56 { width: 56%! important; }
.per57 { width: 57%! important; }
.per58 { width: 58%! important; }
.per59 { width: 59%! important; }
.w60, .per60 { width: 60%! important; }
.per61 { width: 61%! important; }
.per62 { width: 62%! important; }
.per63 { width: 63%! important; }
.per64 { width: 64%! important; }
.per65 { width: 65%! important; }
.per66 { width: 66%! important; }
.per67 { width: 67%! important; }
.per68 { width: 68%! important; }
.per69 { width: 69%! important; }
.w70, .per70 { width: 70%! important; }
.per71 { width: 71%! important; }
.per72 { width: 72%! important; }
.per73 { width: 73%! important; }
.per74 { width: 74%! important; }
.per75 { width: 75%! important; }
.per76 { width: 76%! important; }
.per77 { width: 77%! important; }
.per78 { width: 78%! important; }
.per79 { width: 79%! important; }
.w80, .per80 { width: 80%! important; }
.per81 { width: 81%! important; }
.per82 { width: 82%! important; }
.per83 { width: 83%! important; }
.per84 { width: 84%! important; }
.per85 { width: 85%! important; }
.per86 { width: 86%! important; }
.per87 { width: 87%! important; }
.per88 { width: 88%! important; }
.per89 { width: 89%! important; }
.w90, .per90 { width: 90%! important; }
.per91 { width: 91%! important; }
.per92 { width: 92%! important; }
.per93 { width: 93%! important; }
.per94 { width: 94%! important; }
.per95 { width: 95%! important; }
.per96 { width: 96%! important; }
.per97 { width: 97%! important; }
.per98 { width: 98%! important; }
.per99 { width: 99%! important; }
.w100, .per100 { width: 100%! important; }

/*---- clearfix  add oda 160824 ----*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden; }
 /* ike add 170512  */
#info{margin:50px auto;width:100%;max-width:1040px}#info .leftBox{width:13%;float:left}#info .rightBox{width:100%;/*float:right*/margin:0 auto}#info .rightBox ul li span.category{background:#4d9feb;padding:0 10px;margin:0 15px;color:#fff;font-size:1.2rem;display:inline-block;text-align:center;width:96px}
@media screen and (max-width:979px){#info{margin:25px auto;width:100%;max-width:970px}#info .leftBox{width:94%;margin:0 auto 5%;float:none}#info .rightBox{width:94%;margin:0 auto;float:none}#info .rightBox ul li{line-height:2}}

/* svg */
img[src$=".svg"] {
	width: 100%;
	height: auto;
}

/* CVボタン */
.cv_account a {
	font-size: 2.3rem;
	text-align: center;
	max-width: 272px;
	margin: 0 auto;
	padding: 18px 20px 15px;
	display: block;
	background: linear-gradient(to right, #ff7002 , #ffbf00);
	border-radius: 5px;
	color: #fff;
	position: relative;
	filter: drop-shadow(0px 1px 3px rgba(0,0,0,0.2));
}
.cv_account a:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 15px;
	background: url(/service_shared/img/svg/icn_arrow_bold_w.svg) no-repeat 0 0 / 10px;
	top: 26px;
	right: 15px;
}
.cv_account a:hover {
	text-decoration: none;
	opacity: .8;
	transition: 0.2s linear;
}

@media screen and (max-width: 768px) {
	.cloud_f_cv {
		padding-bottom: 40px;
	}
	.cloud_f_cv > .content > .flex {
		display: block;
	}
	.cloud_f_cv .content > .flex > div.cv_left {
		margin: 0 auto 15px;
	}
	.cloud_f_cv .cv_right .flex {
		display: block;
	}
	.cloud_f_cv .cv_right .c_top_btn a {
		width: 250px;
		margin: 0 auto;
		font-size: 1.5rem;
	}
	.cloud_f_cv .cv_right .c_top_btn a:first-child {
		margin-bottom: 5px;
	}
}

/*------------------------------------------
  クラウド専用フッターCTAエリア
------------------------------------------*/
#area_cta {
    background: #f5f5f5;
    padding: 50px 0;
}
#area_cta .flex {
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
}
#area_cta .flex > div {
    width: 30%;
}
#area_cta figure {
    background: #e9e9e9;
    border-radius: 50%;
    max-width: 60px!important;
    margin: 0 auto 15px;
    padding: 25px;
}
#area_cta h5 {
    color: #2f5597;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 10px;
}
#area_cta p {
    margin-bottom: 20px;
}
#area_cta a.btn {
    background: #4d9feb;
    color: #fff;
    border-radius: 3px;
    font-size: 1.8rem;
    font-weight: normal;
    max-width: none;
    margin-top: 0;
}
#area_cta a.btn.mail {
    background: #fff;
    border: 1px solid #999;
    color: #333;
}
#area_cta a.btn.facebook {
    background: #2f5597;
}
#area_cta a.btn.twitter {
    background: #1da1f2;
}
#area_cta a:hover {
    opacity: .8;
    transition: .8s;
}
@media screen and (max-width: 768px) {
    #area_cta .flex {
        display: block;
    }
    #area_cta .flex > div {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
}

/*------------------------------------------
  サイト内検索
------------------------------------------*/
.search_result #probo form #search_form {
	width: 100%;
	padding-right: 0;
	text-align: center;
}
#probo form #search_form input#q.searchword {
	width: 80%;
	max-width: 660px;
	height: auto;
	border: 1px solid #ddd;
	border-radius: 50px;
	margin: 0 auto;
	font-size: 1.8rem;
	padding: 10px 10px 10px 55px;
	box-sizing: border-box;
	box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);
	position: relative;
	background: url(/service_shared/img/svg/icn_search.svg) no-repeat 20px 50% / 25px;
	background-color: #fff;
}
.search_result ._pbox-searchresult ._records ._record ._title,
.search_result ._pbox-searchresult ._records ._record ._nearby,
.search_result ._pbox-searchresult ._records ._record ._url {
	padding-left: 0;
}
@media screen and (max-width: 739px) {
	#probo form #search_form input#q.searchword {
		width: 100%;
		font-size: 1.6rem;
	}
}