@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*/

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; }

.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: 980px; } }
  @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 2% 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: #4A4C75; }
header nav.gnav ul li.network a.active{ color: #55C296; }

header nav.gnav ul li a.arrow{
	padding: 0 15px 0 0;
	background: url(/sevice_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: 150;	/* 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: 16px;
	max-width: 550px;
}
header .header_area #nav ul li{
	float: left;
	padding: 10px;
}
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: 7px;
	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;
}
header .header_area .user a{
	text-decoration: none;
	padding: 10px 15px;
	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: 47px;
}
}


@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;
}
}
@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(/sevice_shared/img/common/ico_smenu_arrow_sp.png) no-repeat 95% 50%;
}
.sb-slidebar nav ul.sp_smenu li.close{
	background: none;
	text-align: right;
	padding: 10px;
}

/* サイドメニューのボタン用スタイル 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(/sevice_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;
}
.sb-slidebar nav ul.sp_umenu li ul li{
	border-bottom: none;
	float: left;
	width: 50%;
/* 	padding: 3px 0;		0805 ike del */
	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 ul.sp_smenu li.support,
.sb-slidebar nav ul.sp_umenu li.support{
	background-color: #555;
	border-bottom: #666 solid 1px;
	background-image: url(/sevice_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(/sevice_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: 980px;
	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;
}

.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;
}
.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; }


/* --- 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: 96%;}
	.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(/sevice_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: 30px; /* 0814 ike update 25px */
    right: 36px; /* 0814 ike update 25px */
    z-index:100; /* 1126 ike add */
}
.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 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;
}
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: 65%;
	float: left;
}
footer .futility ul.linkArea li{
	display: inline-block;
	margin: 0 23px 0 0; /*tate 0 30px 0 0*/
}
footer .futility ul.linkArea li a{
	color: #525252;
}
footer .futility ul.snsArea{
	width: 35%;
	float: right;
	text-align: right;
}
footer .futility ul.snsArea li{
	display: inline-block;
	background: url(/sevice_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(/sevice_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: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: 66%;
}
footer .futility ul.linkArea li{
	display: inline-block;
	margin: 0 8px 0 0;
}
footer .futility ul.snsArea {
    width: 34%;
}
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(/sevice_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;
	/* ike del 20150925 	margin-top: 10px; */
	}
	footer	.info p.eng a{
		color: #888888;
	}
}

/* アンカー時のヘッダー部のマージン調整
----------------------------*/
*[anchorlink="true"] {
	margin-top: -100px !important;
	padding-top: 100px !important;
}
*[data-fragment="no_margin"] {
    margin-top: -90px !important;
    padding-top: 90px !important;
}
@media screen and (max-width: 979px) {
	*[anchorlink="true"] {
		margin-top: -120px !important;
		padding-top: 120px !important;
	}
	*[data-fragment="no_margin"] {
		margin-top: -110px !important;
		padding-top: 110px !important;
	}
}
@media screen and (max-width: 739px) {
	*[anchorlink="true"] {
		margin-top: -75px !important;
		padding-top: 75px !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 */
/* ------------------ ボタン 大（共通）------------------  */
p.button, p.sbutton_cv, p.sbutton_black_cv, p.sbutton_white_cv {
	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 {
	padding: 20px 0;
	text-align: center;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 2.6rem;
	font-size: 26px;
}

p.button a:hover, p.sbutton_cv a:hover, p.sbutton_black_cv a:hover, p.sbutton_white_cv 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, p.sbutton_black, p.sbutton_white {
	margin: 30px auto;
	width: 100%;
	max-width: 250px;
}
p.sbutton a, p.sbutton_black a, p.sbutton_white 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 {
	text-decoration: none;
}

/* カテゴリーカラーボタン 小 */
p.sbutton 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;
}
/* ------------------ ボタン 極小（共通）------------------  */
.btn_ss {
margin: 5px 10px! important;
max-width: 200px! important; }
.btn_ss a {
padding: 12px 0! important;
font-size: 1.6rem! important; }


/* カテゴリーカラーボタン 大
p.button,
p.sbutton_cv{
	margin: 50px auto;
	width: 100%;
	max-width: 360px;
}
p.button a,
p.sbutton_cv a{
	padding: 20px 0;
	text-align: center;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 2.6rem;
	font-size: 26px;
}
p.button a:hover,
p.sbutton_cv a:hover{
	color: #fff;
	text-decoration: none;
}

/* カテゴリーカラーボタン 小
p.sbutton{
	margin: 30px auto;
	width: 100%;
	max-width: 250px;
}
p.sbutton a{
	padding: 15px 0;
	text-align: center;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 1.8rem;
}
p.sbutton a:hover{
	color: #fff;
	text-decoration: none;
}


/* 黒枠ボタン 大
p.sbutton_black_cv{
	margin: 50px auto;
	width: 100%;
	max-width: 360px;
}
p.sbutton_black_cv a{
	padding: 20px 0;
	text-align: center;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 2.6rem;
	font-size: 26px;
	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;
	text-decoration: none;
}

/* 黒枠ボタン 小
p.sbutton_black{
	margin: 30px auto;
	width: 100%;
	max-width: 250px;
}
p.sbutton_black a{
	padding: 15px 0;
	text-align: center;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 1.8rem;
	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;
	text-decoration: none;
}


/* 白枠ボタン 大
p.sbutton_white_cv{
	margin: 50px auto;
	width: 100%;
	max-width: 360px;
}
p.sbutton_white_cv a{
	padding: 20px 0;
	text-align: center;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 2.6rem;
	font-size: 26px;
	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;
	text-decoration: none;
}

/* 白枠ボタン 小
p.sbutton_white{
	margin: 30px auto;
	width: 100%;
	max-width: 250px;
}
p.sbutton_white a{
	padding: 15px 0;
	text-align: center;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 1.8rem;
	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;
	text-decoration: none;
}
/* 横並びに複数ボタンを配置 */
.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 {
  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 {
  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{
		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{
		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 {
		width: 100%;
		max-width: 290px;
	}
}
@media screen and (max-width: 740px) {
	p.button,
	p.sbutton_cv,
	p.sbutton_black_cv,
	p.sbutton_white_cv {
		width: 100%;
		max-width: 290px;
	}
	
	/* カテゴリーカラーボタン 大 */
	p.button a,
	p.sbutton_cv 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{
		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 {
	  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(/sevice_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(/sevice_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(/sevice_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(../img/cloud/spec/img_computing.png) top left no-repeat;
	background-size: 24px 18px;
	font-weight: bold;
	font-size: 14px;
	line-height: 3;
	padding: 0 0 0 28px;
}
#snav li ul.snav_box02 li.sb02 {
	width: 200px;
	float: left;
	font-size: 14px;
	margin-top: 5px;
}
#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_rdb {
	background: url(/sevice_shared/img/cloud/spec/icon_service02.png) center left no-repeat;
	background-size: 26px 20px;
	margin: 3px 0 0;
}
#snav li ul.snav_box02 li.sb02 p.sb02_obst {
	background: url(/sevice_shared/img/cloud/spec/icon_service03.png) center left no-repeat;
	background-size: 26px 20px;
}
#snav li ul.snav_box02 li.sb02 p.sb02_cdn {
	background: url(/sevice_shared/img/cloud/spec/icon_service04.png) center left no-repeat;
	background-size: 26px 20px;
}
#snav li ul.snav_box02 li.sb02 p.sb02_dns { /* updata oda 160720 */
	background: url(/sevice_shared/img/cloud/spec/icon_dns.png) center left no-repeat;
	background-size: 26px 20px;
}
#snav li ul.snav_box02 li.sb02 p.sb02_metal {
	background: url(/sevice_shared/img/cloud/spec/icon_service01.png) center left no-repeat;
	background-size: 26px 20px;
}
#snav li ul.snav_box02 li.sb02 p.sb02_private {
	background: url(/sevice_shared/img/cloud/spec/icon_private-cloud.png) center left no-repeat;
	background-size: 26px 20px;
}
#snav li ul.snav_box02 li.sb02 p.sb02_ilb {
	background: url(/sevice_shared/img/cloud/spec/icon_ilb.png) center left no-repeat;
	background-size: 26px 20px;
}

#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    					add160802 oda
--------------------------------------------------*/
#contact_box {
	display: none; /*　ロード中に要素のちらつきを防止  */
    position: fixed;
    bottom: 100px;
    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: 280px;
	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);
 }
p.close {
	display: inline;
	font-size: 18px;
	font-size: 1.8rem;
	color: #5B5B5B;
	cursor: pointer; }

#cv_box .inner {
	margin: 0 20px 20px 20px; }
#cv_box .inner p{ font-size: 14px !important; font-size: 1.4rem !important; }
#cv_box ul:after {
	display: inline;
    overflow: auto; }
#cv_box ul li.tel_inq .tel_num{ 
	font-size: 28px !important;
	font-size: 2.8rem !important;
	line-height: 0.8; }

#cv_box ul li a{ 
	display: block;
	margin-bottom: 5px;
	padding: 10px 10px 10px 50px;
	color: #4D9FEB;
	font-size: 16px;
	font-size: 1.6rem;
	border-radius: 3px;
	font-weight: bold;
	border: 3px solid #4D9FEB; }

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

#cv_box ul li.tel_inq .tel_num  {
	margin-top: 30px;
	padding-left: 25px; 
	background: url(/sevice_shared/img/common/contact_box/icon_tel_cloud.png) no-repeat -5px top; }
#cv_box ul li.tel_inq .tel_num span {
	display: block;
	color: #555; }

#cv_box ul li.mail_inq a { background: url(/sevice_shared/img/common/contact_box/icon_mail_cloud.png) no-repeat 15px 0.75em #FFF; }
#cv_box ul li.mail_inq a:hover { background: url(/sevice_shared/img/common/contact_box/icon_mail.png) no-repeat 15px 0.75em #4D9FEB; }
#cv_box ul li.price_sim a { background: url(/sevice_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(/sevice_shared/img/common/contact_box/icon_price.png) no-repeat 15px 0.75em #4D9FEB; }

#contact_box p.open {
	position: fixed;
	bottom: 90px; 
	right : 34px;
	box-sizing: border-box;
	width: 60px;
	padding: 6px 0;
	font-size: 26px;
	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; }

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

.contact_box_bigdata #cv_box ul li.tel_inq .tel_num  {
	background: url(/sevice_shared/img/common/contact_box/icon_tel_bigdata.png) no-repeat -5px top;
	padding-left: 25px; }

.contact_box_bigdata #cv_box ul li a{ 
	color: #FD5141;
	border-color: #FD5141; }

.contact_box_bigdata #cv_box ul li.mail_inq a { background: url(/sevice_shared/img/common/contact_box/icon_mail_bigdata.png) no-repeat 15px 0.75em #FFF; }
.contact_box_bigdata #cv_box ul li.mail_inq a:hover { background: url(/sevice_shared/img/common/contact_box/icon_mail.png) no-repeat 15px 0.75em #FD5141; }
.contact_box_bigdata #cv_box ul li.login_inq a { background: url(/sevice_shared/img/common/contact_box/icon_login_bigdata.png) no-repeat 15px 0.75em #FFF; }
.contact_box_bigdata #cv_box ul li.login_inq a:hover { background: url(/sevice_shared/img/common/contact_box/icon_login.png) no-repeat 15px 0.75em #FD5141; }

.contact_box_bigdata p.open {
	border-color: #ff6e60 !important; 
	background: #ff6e60 !important; }
		
/*-------------------------
	datacenter
-------------------------*/
.contact_box_datacenter #cv_box {
	background: #FAF6FF;
	border-color: #4A4C75; }

.contact_box_datacenter #cv_box ul li.tel_inq .tel_num  {
	background: url(/sevice_shared/img/common/contact_box/icon_tel_datacenter.png) no-repeat -5px top;
	padding-left: 25px; }

.contact_box_datacenter #cv_box ul li a{ 
	color: #4A4C75;
	border-color: #4A4C75; }

.contact_box_datacenter #cv_box ul li.mail_inq a { background: url(/sevice_shared/img/common/contact_box/icon_mail_datacenter.png) no-repeat 15px 0.75em #FFF; }
.contact_box_datacenter #cv_box ul li.mail_inq a:hover { background: url(/sevice_shared/img/common/contact_box/icon_mail.png) no-repeat 15px 0.75em #4A4C75; }
.contact_box_datacenter #cv_box ul li.login_inq a { background: url(/sevice_shared/img/common/contact_box/icon_login_datacenter.png) no-repeat 15px 0.75em #FFF; }
.contact_box_datacenter #cv_box ul li.login_inq a:hover { background: url(/sevice_shared/img/common/contact_box/icon_login.png) no-repeat 15px 0.75em #4A4C75; }

.contact_box_datacenter p.open {
	border-color: #6f72b3 !important;
	background: #6f72b3 !important; }

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

.contact_box_network #cv_box ul li.tel_inq .tel_num  {
	background: url(/sevice_shared/img/common/contact_box/icon_tel_network.png) no-repeat -5px top;
	padding-left: 25px; }

.contact_box_network #cv_box ul li a{ 
	color: #55C296;
	border-color: #55C296; }

.contact_box_network #cv_box ul li.mail_inq a { background: url(/sevice_shared/img/common/contact_box/icon_mail_network.png) no-repeat 15px 0.75em #FFF; }
.contact_box_network #cv_box ul li.mail_inq a:hover { background: url(/sevice_shared/img/common/contact_box/icon_mail.png) no-repeat 15px 0.75em #55C296; }

.contact_box_network p.open {
	border-color: #55C296 !important;
	background: #55C296 !important; }


/* ****************************** 汎用モジュール 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; }