@charset 'UTF-8';

body {
  color: #333;
  padding-top: 0;
  padding-bottom: 0;
}
body:lang(ja) {
  font-family: 'Helvetica Neue', Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
}
body:lang(ko) {
  font-family: 'Helvetica Neue', Helvetica, Arial, 'Nanum Gothic', 'NanumGothic', 'Malgun Gothic', AppleGothic, Gulim, sans-serif;
}
body:lang(zh-CN) {
  font-family: 'Helvetica Neue', Helvetica, Arial, 'Heiti SC Light', Hei, SimHei, sans-serif;
}
body:lang(zh-TW) {
  font-family: 'Helvetica Neue', Helvetica, Arial, 'Heiti TC Light', 'Microsoft JhengHei', '微軟正黑體', 'Trebuchet MS', sans-serif;
}

	a {color:#0000ff;text-decoration:none}
	a:link    {color:#003399;text-decoration:none}
	a:visited {color:#003399;text-decoration:none}
	a:active  {color:#008000;text-decoration:none;}
	a:hover   {color:#000099;text-decoration:underline}


	#indent {
		margin:0px 0px 10px 30px;
	}

	#itemiz {
		margin:0px 10px 5px 10px;
	}

	#images {
		text-align:center;
		margin:20px 0px 20px 0px;
	}

	#steps {
		margin:5px 0px 5px 0px;
	}

	#blanks {
		height: 5px;
	}

	#tables {
		margin:15px 0px 15px 0px;
	}

	#title {
		margin: 30px 0px 9px 0px;
	}

	.table-head {
		text-align:center;
		font-size: small;
		font-weight: bold;
		margin:3px;
	}

	.table-text {
		font-size: small;
		margin:3px;
		letter-spacing:0px;
	}

	.table-note {
		font-size: x-small;
		margin:0px 0px 5px 30px;
		letter-spacing:0px;
	}

	#square {
		margin:5px 0px 20px 0px;
	}

	.mark-no {
		font-size: small;
		font-weight: bold;
		height: 18px;
		margin:15px 0px 0px 15px;
		padding:0px;
	}

	.mark-text {
		font-size: small;
		color: #131313;
		line-height: 140%;
		margin:4px 4px 4px 4px;
		letter-spacing:0px;
	}

	.jumper {
		font-size: small;
		margin: 4px 2px 2px 0px;
		padding: 4px 0px 0px 20px;
		background: url('link_bul.gif') no-repeat 0px 6px;
	}

	.bullet {
		font-size: small;
		line-height: 120%;
		margin:5px 5px 5px 5px;
		padding:0px 0px 0px 15px;
		background:url('bg_bull.gif') no-repeat 0px 5px;
	}

	.topics {
		font-size: x-small;
		margin:30px 0px 9px 0px;
	}

	.chap-title {
		font-size: medium;
		letter-spacing:0px;
		margin:12px 0px 0px 12px;
	}

	.menu-title {
		font-size: x-large;
		color: #ffffff;
		margin:0px 0px 0px 0px;
		letter-spacing:-1px;
	}

	.menu-text {
		font-size: small;
		margin:5px 0px 0px 0px;
	}

	.sect-title {
		color:#666666;
		font-size: small;
		font-weight: bold;
		margin:20px 0px 2px 0px;
		padding:0px 0px 1px 24px;
		letter-spacing:0px;
		background:url('link.gif') no-repeat 4px 1px;
/*		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;*/
	}

	.sect-text {
		color:#4c4c4c;
		font-size: x-small;
		margin:5px 0px 15px 20px;
	}

/* link用に追加 sect-titleのボールドをなくしたもの*/
	.link {
		color:#666666;
		font-size: small;
		margin:3px 0px 0px 0px;
		padding:0px 0px 1px 24px;
		letter-spacing:0px;
		background:url('link.gif') no-repeat 4px 1px;
/*		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;*/
	}


/* _ep_hfdata.jsで使用している */
	.foot-text {
		font-size: 10px;
		line-height: 120%;
		color: #666666;
		margin-top: 12px;
		padding-left: 12px;
		padding-top: 4px;
		border-top: 1px solid #2980b9;
	}

/* とりあえず使ってないが上に関連しているので残す。使用時はコメントを解除する。
	.foot-text a {color:#666666;text-decoration:none}
	.foot-text a:link    {color:#666666;text-decoration:none}
	.foot-text a:visited {color:#666666;text-decoration:none}
	.foot-text a:active  {color:#666666;text-decoration:none;}
	.foot-text a:hover   {color:#0000ff;text-decoration:underline}
*/


	.head-a {
		font-size: x-large;
		margin:0px 0px 20px 0px;
		padding:12px 8px 8px 12px;
		border-left:4px solid #2980b9;
		letter-spacing:0px;
		background-color: #ecf0f1;
	}

	.head-b {
		font-size: large;
		margin:40px 0px 10px 0px;
		padding:0px 0px 5px 0px;
		border-bottom:1px solid #666;
		letter-spacing:0px;
	}

	.head-c {
		font-size: small;
		margin:30px 0px 10px 0px;
		padding:5px;
		border:1px solid #bbb;
		letter-spacing:0px;
	}

/* 使用していないが残す。
	.head-d {
		font-size: small;
		font-weight: bold;
		margin:30px 0px 20px 0px;
		padding:0px 0px 0px 10px;
		border-left:15px solid #666;
		letter-spacing:0px;
	}

	.head-e {
		font-size: small;
		margin:20px 0px 0px 0px;
		padding:0px 0px 0px 10px;
		border-left:15px solid #666;
		letter-spacing:0px;
	}
*/

	.body-text {
		font-size: small;
		line-height: 135%;
		margin:3px 0px 10px 0px;
	}

	.link-top {
		font-size: x-small;
		text-align:right;
		margin:20px 0px 20px 0px;
	}

	.itemiz {
		margin:0px 10px 5px 10px;
	}

	.head-a_menu {
		padding:1px 1px 1px 0px;
		border-left:5px solid #2980b9;
		background-color: #ecf0f1;
	}


/*Bootstrapのスタイルに上書き*/

.navbar {
	margin-bottom: 0px;
	border-radius:0px;
	font-size:small;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: #2980b9;
	color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #2980b9;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-toggle {
	position: relative;
	float: right;
	margin-right: 0px;
	padding: 9px 10px;
	margin-top: 0px;
	margin-bottom: 8px;
	background-color:#7092be;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 2px;
}
.navbar-collapse {
	max-height: 400px;
	margin-top: 14px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-left: 15px;
	border-top: none;
}
.theme-dropdown .dropdown-menu {
	position: static;
	display: block;
	margin-bottom: 20px;
}
.dropdown-menu {
	background-color: #ffffff;
	padding: 0px 0;
}
.navbar-brand {
	margin-top:-16px;
}
.navbar-brand > .sr-only {
	margin: 5px 20px;
}
.navbar-default {
	background-color: #ffffff;
	border-color:#c8c8c8;
}
.navbar-default .navbar-toggle{
	border-color:#2c3e50;
	background-color: #b6cae4;
}
.navbar-toggle {
	background-color: #7092be;
	float: right;
}
.navbar-header {
	float: none;
}
.header_btn {
	margin-top: -50px;
	float: right;
}
.container > .panel {
	margin-top: -20px;
}
.navbar-default {
	background-color: #fff;
	border-bottom: 2px solid #10218b;
	float: none;
}
.navbar .btn {
	border-width: 0;
	border-radius: 0;
}
.breadcrumb {
	background-color: transparent;
	padding: 5px 4px;
	border-radius: 0;
	border: none;
	margin-bottom: 20px;
}
.container>.navbar-header, .container>.navbar-collapse, {
	margin-right: 10px;
	margin-left: 0px;
}
.navbar-nav>li>a {
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	line-height: 20px;
}
.img-center {margin:0 auto;
}


/* 設計テンプレートより */

.corporate_brand {
  /* height: 50px; */ /* 指定したいのだが指定するとIE9,IE10で表示されなくなってしまう */
  padding: 15px 0;
  position: absolute;
}
.corporate_logo {
  height: 22px;
  margin: 0;
  padding: 1px;   /* 0の場合、svg画像の周囲が欠ける場合があるため値を設定しておく */
}
.ec_brand {
  height: 10px;
  margin: 0;
  padding: 14px 0 6px;
  text-align: center;
}
.ec_logo {
  height: 25px;
  margin: 0;
  padding: 1px;   /* 0の場合、svg画像の周囲が欠ける場合があるため値を設定しておく */
}

#migration_steps > img{
	border: 1px solid #000000;
	margin: 0 auto 20px auto;
	display: block;
	max-width: 100%;
}

#migration_steps > a {
	margin: 0 0 20px 30px;
	display: inline-block;
}

/* ------------ */


/* 横幅が768px以上のとき */
@media (min-width:768px){
	.navbar {
		margin-bottom: 0px;
	}
	.jumbotron{
		padding-left:40px;
		margin-bottom:30px;
		color:#0000ff;
		background-color:#2980b9;
		border-color:#7f8c8d;
	}
	.container {
		margin-left: 0px;
	}
	.jumbotron{
		padding-left:60px;
		padding-right:60px;
		margin-left: 0px;
		margin-bottom: 24px;
	}
	.jumbotron h1{
		font-size:52px;
		color:#ffffff;
		padding-bottom:30px;
	}
}



/* 横幅が767px以下のとき */
@media (max-width: 767px){
	.dropdown-menu {
		background-color: #ffffff;
	}
	.ec_logo {
		height: 23px;
	}
	.dropdown-header {
		padding: 0px 3px 0px 10px;
	}
	.head-a_menu {
		padding:5px 1px 5px 0px;
		border-left:5px solid #2980b9;
		background-color: #ecf0f1;
	}
		.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #333;
	}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0px 10px 0px 10px;
		border: 5px;
	}
	.dropdown-menu>li>a {
		display: block;
		padding: 5px 10px;
		clear: both;
		font-weight: 400;
		line-height: 1;
		color: #333;
		white-space: nowrap;
	}
	.navbar-nav {
		margin: 7.5px 0px;
	}
	
}