@charset "utf-8";

/*
========================= 《default.css》 ==========================

			デフォルト設定
				1.マージン・インデント
				2.位置クラス
				3.アクセシビリティ
				4.不具合回避

====================================================================
*/

/* 1.マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.migration-html .m0b { margin-bottom: 0 !important; }
.migration-html .m1b { margin-bottom: 1px !important; }
.migration-html .m2b { margin-bottom: 2px !important; }
.migration-html .m3b { margin-bottom: 3px !important; }
.migration-html .m4b { margin-bottom: 4px !important; }
.migration-html .m5b { margin-bottom: 5px !important; }
.migration-html .m6b { margin-bottom: 6px !important; }
.migration-html .m7b { margin-bottom: 7px !important; }
.migration-html .m8b { margin-bottom: 8px !important; }
.migration-html .m9b { margin-bottom: 9px !important; }
.migration-html .m10b { margin-bottom: 10px !important; }
.migration-html .m13b { margin-bottom: 13px !important; }
.migration-html .m15b { margin-bottom: 15px !important; }
.migration-html .m20b { margin-bottom: 20px !important; }
.migration-html .m25b { margin-bottom: 25px !important; }
.migration-html .m30b { margin-bottom: 30px !important; }
.migration-html .m35b { margin-bottom: 35px !important; }
.migration-html .m40b { margin-bottom: 40px !important; }
.migration-html .m45b { margin-bottom: 45px !important; }
.migration-html .m50b { margin-bottom: 50px !important; }

.migration-html .m5l { margin-left: 5px !important; }
.migration-html .m10l { margin-left: 10px !important; }
.migration-html .m15l { margin-left: 15px !important; }
.migration-html .m20l { margin-left: 20px !important; }
.migration-html .m25l { margin-left: 25px !important; }
.migration-html .m30l { margin-left: 30px !important; }

.migration-html .m5r { margin-right: 5px !important; }
.migration-html .m10r { margin-right: 10px !important; }
.migration-html .m15r { margin-right: 15px !important; }
.migration-html .m20r { margin-right: 20px !important; }
.migration-html .m25r { margin-right: 25px !important; }
.migration-html .m30r { margin-right: 30px !important; }
.migration-html .m40r { margin-right: 40px !important; }
.migration-html .m50r { margin-right: 50px !important; }

.migration-html .p5b { padding-bottom: 5px !important; }
.migration-html .p10b { padding-bottom: 10px !important; }
.migration-html .p15b { padding-bottom: 15px !important; }
.migration-html .p20b { padding-bottom: 20px !important; }
.migration-html .p25b { padding-bottom: 25px !important; }
.migration-html .p30b { padding-bottom: 30px !important; }

.migration-html .p5l { padding-left: 5px !important; }
.migration-html .p10l { padding-left: 10px !important; }
.migration-html .p15l { padding-left: 15px !important; }
.migration-html .p20l { padding-left: 20px !important; }
.migration-html .p25l { padding-left: 25px !important; }
.migration-html .p30l { padding-left: 30px !important; }



/* 2.位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.migration-html .clear { clear: both; }

.migration-html .cen { text-align: center; }
.migration-html .left { text-align: left; }
.migration-html .right { text-align: right; }

.migration-html .fLeft { float: left; }
.migration-html .fRight { float: right; }

.migration-html .img.imgRight,
.migration-html .alignright {
	float: right;
	font-size: 85%;
	line-height: 1.2;
	margin: 0 0 10px 15px;
}
.migration-html .img.imgLeft,
.migration-html .alignleft { 
	float: left;
	font-size: 85%;
	line-height: 1.2;
	margin: 0 15px 10px 0;
}
	.migration-html .alignright img,
	.migration-html .alignleft img {
		margin: 0 0 3px;
	}

.migration-html .lh2 { line-height: 2; }

@media only screen and (max-width: 680px) {
.migration-html .fLeft,
.migration-html .fRight,
.migration-html .img.imgRight,
.migration-html .alignright,
.migration-html .img.imgLeft,
.migration-html .alignleft { float: none; } }


/* 3.アクセシビリティ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.migration-html .hide { height: 0; width: 0; overflow: hidden; position: absolute; /* for the benefit of IE5 Mac */ }



/* 4.不具合回避・デバッグ用
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.migration-html .clearfix:after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  height: 0;
  visibility: hidden;
}

.migration-html .clearfix { min-height: 1px; }

.migration-html .debug { border: 1px solid #FF0000; }


/* 書式編集モードでのスタイル指定 */
.migration-html ul.aly_list_ul{
	margin:10px 0 10px 20px!important;
	padding:0 0 0 20px!important;
	list-style:disc!important;
}
.migration-html ul.aly_list_ul li{
	margin:0!important;
	padding:0!important;
	list-style:disc!important;
}

.migration-html ol.aly_list_ol{
	margin:10px 0 10px 20px!important;
	padding:0 0 0 20px!important;
	list-style:decimal!important;
}
.migration-html ol.aly_list_ol li{
	margin:0!important;
	padding:0!important;
	list-style:decimal!important;
}


}
/* END */





/*
========================== 《base.css》 ============================

			基本設定
				1.要素設定
				2.枠組み
					2-1.ヘッダー
					2-2.メイン
					2-3.フッター
				3.リンク
					3-1.アイコンリンク
				99.共通クラス

====================================================================
*/
@media screen and (min-width: 800px) {

/* 2.枠組み
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

	/* 2-2.メイン
	──────────────────── */
	/* コンテンツ */
	
	.migration-html article {
		display: inline;
		float: left;
		margin: 0 0 20px 0;
		padding: 0 0 30px;
		width: 682px;
		position: relative;
	}
		.migration-html .home article {	/* 本文エリア */
			background: none;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		.migration-html .single article {	/* 単一記事 */
			background: #FFF;
			padding: 20px 20px 30px !important;
		}
		.migration-html .department-list article {
			background: #FFF;
			padding: 20px 20px 30px;
		}
		.migration-html .search article {
			background: #FFF;
			padding: 20px 20px 30px;
		}
		.migration-html .none404 article {
			background: #FFF;
			padding: 20px 20px 30px;
		}
		.migration-html .page article {	/* 固定ページ */
			background: #FFF;
			padding: 20px 20px 30px;
		}
		.migration-html .isotopever article {
			background: none;
			margin: 0;
			padding: 0;
			width: 100%;
		}


/* 3.リンク
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

/* パンくず => nav.css */
/* フッターリンク => nav.css */
	

	/* 3-1.アイコンリンク
	──────────────────── */
	.migration-html a.link { background: url(../img/common/icon01.gif) no-repeat 0 center; padding: 1px 0 0 17px; }
	.migration-html a.outLink { background: url(../img/common/icon01.gif) no-repeat 0 center; padding: 1px 0 0 17px; }
	


/* 99.共通クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.migration-html .item {
	margin: 0 1px 1px 0;
	float: left;
  overflow: hidden;
  position: relative;
}
.migration-html .item a {
	display: block;
	background-color: #FFF !important;
	padding: 20px 20px 25px;
}
.migration-html .item a:hover {
	background-color: #E5E5E5 !important;
}
.migration-html .item img {
	clear: both;
	margin: 0 0 13px !important;
	vertical-align: bottom;
}
.migration-html .item img.spImage {
	display:none;
}

.migration-html .itemArchive {
	display: block;
	background-color: #FFF !important;
	padding: 10px 15px 20px !important;
	margin: 0 1px 1px 0 !important;
	overflow: inherit !important;
	position: inherit !important;
	float: inherit !important;
}

.migration-html .itemArchiveEn {
	display: block;
	background-color: #FFF !important;
	padding: 10px 20px 20px !important;
	margin: 0 1px 1px 0 !important;
	overflow: inherit !important;
	position: inherit !important;
	float: inherit !important;
}

.migration-html ul.bukyoku {
}
.migration-html ul.bukyoku li {
	display: block;
	float: left;
	width: 200px; 
	line-height: 1;
	margin: 0 0 12px 15px;
}
.migration-html .item ul.bukyoku li a {
	display: inline !important;
	padding: 0 5px 0 0 !important;
	text-decoration: underline !important;
}
.migration-html .item ul.bukyoku li a:hover {
	background-color: #FFF !important;
	text-decoration: none !important;
}
.migration-html ul.bukyoku li a.on {
	background: url(/content/400010732.jpg) 0 3px no-repeat;
	font-weight: bold;
}

.migration-html div.research-news a { background: url(/content/400010747.png) no-repeat; }
.migration-html div.feature-stories a,
.migration-html div.feature-stories-sub a { background: url(/content/400010746.png) no-repeat; }
.migration-html div.editors-choice a { background: url(/content/400010745.png) no-repeat; }

.migration-html .col1 {
	width: 240px;
}
.migration-html .col2 {
	width: 481px;
}
.migration-html .col3 {
	width: 722px;
}
.migration-html .col1a {
	width: 210px;
}
.migration-html .col2a {
	width: 441px;
}
.migration-html .row3a {
	height: 350px;
}

.migration-html .date {
	display: block;
	float: right;
	font-size: 85%;
	line-height: 1;
	margin: 0 0 20px;
	height: 12px !important;
}
.migration-html .titBox {
	height: 60px;
}
.migration-html .stit {
	font-size: 108% !important;
	line-height: 1.4 !important;
}
.migration-html .disTit {
	font-size: 108% !important;
	font-weight: bold;
	line-height: 1.4 !important;
	margin: 0 0 5px;
}
.migration-html .tit {
	font-size: 139%;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 5px;
}
.migration-html .eBody {
	font-size: 93%;
	height: 30px;
	line-height: 1.2;
}

.migration-html .eBox {
	margin: 0 0 15px;
}
.migration-html .eBox a {
	color: #333 !important;
	display: block;
	background: #FFF;
	padding: 10px !important;
}
.migration-html .eBox a:hover {
	background: #E5E5E5;
}
.migration-html .eBodys {
	clear: both;
	font-size: 93%;
}

.migration-html table.entry {
}
	table.entry:hover {
		cursor: pointer;
	}
.migration-html table.entry th {
	padding: 0 10px 0 0;
	margin: 0;
	width: 120px;
	vertical-align: top;
}
.migration-html table.entry td {
	padding: 0;
	margin: 0;
	width: 100%;
}
.migration-html #gotop a {
	clear: both;
	display: block;
	float: right;
	background: url(/content/400010730.png) no-repeat;
	width: 71px;
	height: 0;
	padding: 20px 0 0;
	overflow: hidden;
	margin: 0 0 10px;
}

.migration-html #copy {
	float: right;
	margin: 0;
}
	.home #copy {
		margin: 0 30px 0 0;
	}

.migration-html .tags {
	display: block;
	float: right;
	font-size: 93%;
	line-height: 1.4;
	margin: 0 0 8px !important;
	padding: 0 0 0 30px;
	text-align: right;
}
.migration-html .tagsEn {
	display: block;
	float: right;
	font-size: 93%;
	line-height: 1.4;
	margin: 0 0 8px !important;
	padding: 0 0 0 35px;
	text-align: right;
}
.migration-html .tagIcon {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.migration-html #eBodyBox {
	padding: 0 10px;
}
.migration-html #eBodyBox p {
	margin: 0 0 15px;
	line-height: 1.6;
}

.migration-html #more a {
	clear: both;
	display: block;
	background: url(/content/400010724.png) no-repeat;
	width: 295px;
	height: 0;
	padding: 60px 0 0;
	margin: 0 auto 10px;
	overflow: hidden;
	cursor: pointer;
}
.migration-html #more div.loading {
	clear: both;
	display: block;
	background: url(../img/btn_more.gif) no-repeat;
	width: 295px;
	height: 0;
	padding: 60px 0 0;
	margin: 0 auto 10px;
	overflow: hidden;
	cursor: pointer;
}
.migration-html .en #more a {
	background: url(/content/400010726.png) no-repeat;
}
.migration-html .en #more div.loading {
	background: url(/content/400010725.gif) no-repeat;
}

.migration-html .asideBox {
	display: block;
	background: url(/content/400010744.png) 0 bottom no-repeat;
	line-height: 1.8 !important;
	padding: 10px 3px;
	margin: 0 0 50px;
	width: 206px;
}
.migration-html .asideBox a {
	text-decoration: none;
}
.migration-html .asideBox a:hover {
	text-decoration: underline;
}
.migration-html .asideBox a.pop {
	font-size: 123.1%;
}
.migration-html ul.mAchive {
}
.migration-html ul.mAchive li {
	background: url(/content/400010732.jpg) 0 6px no-repeat;
	font-weight: bold;
	padding: 0 0 0 15px;
	margin: 0 0 10px;
}
.migration-html ul.mAchive li a {
	display: inline;
	background: none !important;
}
.migration-html ul.mAchive li a:hover {
	background: none !important;
}
.migration-html ul.mAchive li.open {
	background: url(/content/400010731.jpg) 0 6px no-repeat;
}
.migration-html ul.mAchive li li {
	background: none;
	font-weight: normal;
	padding: 0 0 0 10px;
	margin: 0;
}
.migration-html div.fb-like {
	display: inline;
	float: right;
	margin: 0 12px 0 0;
	width: 100px;
}
.migration-html div.twBtn {
	display: inline;
	float: right;
	margin: 0 5px 0 0;
	width: 100px;
}
.migration-html div.mixiBtn {
	display: inline !important;
	float: right !important;
	margin: 0 5px 0 0 !important;
	width: 100px !important;
}
.migration-html div.gPlusone {
	display: inline !important;
	float: right !important;
	margin: 0 !important;
}

.migration-html .gBox {
	clear: both;
	background: #E7E7E7;
	padding: 17px;
	margin: 0 0 20px;
}
.migration-html .gBox:after {	/* clearfix */ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.migration-html .clumn2a {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	width: 46%;
}
.migration-html .clumn2b {
	display: block;
	border-left: solid 1px #FFF;
	padding: 0 0 0 20px;
	float: left;
	width: 46%;
}
.migration-html .nextEntry {
	display: inline;
	background: url(/content/400010734.png) right 0 no-repeat !important;
	float: right;
	line-height: 1.8;
	height: 24px;
	padding: 0 40px 0 0;
}
.migration-html .nextEntry2 {
	display: inline;
	background: url(/content/400010735.png) right 0 no-repeat !important;
	float: right;
	line-height: 1.8;
	height: 24px;
	padding: 0 40px 0 0;
}
.migration-html .prevEntry {
	display: inline;
	background: url(/content/400010736.png) left 0 no-repeat !important;
	float: left;
	line-height: 1.8;
	height: 24px;
	padding: 0 0 0 40px;
}
.migration-html .prevEntry2 {
	display: inline;
	background: url(/content/400010737.png) left 0 no-repeat !important;
	float: left;
	line-height: 1.8;
	height: 24px;
	padding: 0 0 0 40px;
}
.migration-html .none {
	display: none;
}
.migration-html .number {
	display: none;
}

.migration-html .pagerCen {
	display: inline-block;
	margin: 0 auto;
	padding: 0 20px 0 0;
	text-align: center;
	width: 400px;
}
.migration-html .pagerCen a {
	line-height: 1.8;
	height: 24px;
}
.migration-html .paginator {
	margin: 0 0 15px;
	text-align: right;
}
.migration-html .paginator a {
	margin: 0 10px 0 0;
}
.migration-html .inactive {
	text-decoration: none !important;
}
.migration-html .wBox {
	background: #FFF;
	padding: 20px 20px 5px;
	margin: 0 0 15px;
}
.migration-html .fsSha {
}
.migration-html .feature-stories .fsSha {
	display: block;
	background: url(/content/400010729.png) no-repeat;
	position: absolute;
	top: 0;
	right: 20px;
	overflow: hidden;
	width: 111px;
	height: 0;
	padding: 80px 0 0;
	z-index: 100;
}
.migration-html .rnSha {
	display: block;
	background: url(/content/400010742.png) no-repeat;
	position: absolute;
	top: 0;
	right: 20px;
	overflow: hidden;
	width: 111px;
	height: 0;
	padding: 80px 0 0;
	z-index: 100;
}
.migration-html .ecSha {
	display: block;
	background: url(/content/400010727.png) no-repeat;
	position: absolute;
	top: 0;
	right: 20px;
	overflow: hidden;
	width: 111px;
	height: 0;
	padding: 80px 0 0;
	z-index: 100;
}
.migration-html .info {
	clear: both;
	font-size: 93%;
	line-height: 1.8 !important;
	margin: 0 0 15px !important;
}

	/* 2-3.prettyLoader
	──────────────────── */

	.migration-html .prettyLoader{
		/* background: url(../img/prettyLoader/prettyLoader.png) top left no-repeat; */
		height:30px;
		position:absolute;
		width:30px;
		z-index:30000;
	}
	.migration-html .prettyLoader img {
		display:block;
		margin:7px 0 0 7px;
	}
	.migration-html .pl_ie6{
		background-image: url(../img/prettyLoader/prettyLoader.gif);
	}


.migration-html .sleBox {
	display: block;
	padding: 4px 5px;
	margin: 0;
	border: solid 1px #999;
	background: #CCC;
	line-height: 1;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(219, 219, 219)));
	background-image: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(219, 219, 219) 100%);
	background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(219, 219, 219) 100%);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffdbdbdb, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffdbdbdb, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=1)";
	zoom: 1;
}
.migration-html #filter dl {
	position: relative; z-index:10; top: 5px;
	display: none;
	margin: 0 0 8px 17px;
	padding: 0;
}
.migration-html #filter dl dd a {
	display: block;
	background: none !important;
	font-size: 93%;
	line-height: 1.1 !important;
	text-align: left;
	padding: 0 !important;
	height: 14px;
}
.migration-html #filter dl dd a:hover {
	cursor: pointer;
	text-decoration: underline;
}


.migration-html .icnPdf {
	padding: 0 0 7px 33px;
	background: url(/content/400002189.png) no-repeat 0 0;
}


}
/* END */





/*
=========================== 《text.css》 ===========================

			フォント設定
				1.フォントサイズの基準
				2.見出し
				3.フォントサイズ
				4.フォントカラー
				5.その他

====================================================================
*/
@media screen and (min-width: 800px) {

/* 1.フォントサイズの基準
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽

参考：Yahoo! UI Library: Fonts CSS
　　　http://developer.yahoo.com/yui/fonts/

26px : 197%
24px : 182%
22px : 167%
20px : 153.9%
18px : 139%
16px : 123.1%
15px : 116%
14px : 108%
13px : 100%
12px : 93%
11px : 85%
10px : 77%

*/



/* 2.見出し
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽

h1,h2,h3,h4,h5,h6 { clear: both; }

article h1 {
	clear: both;
	display: block;
	font-size: 197%;
	font-weight: normal;
	margin: 0 0 15px;
	padding: 0;
}
	article h1.short {
		width: 550px;
	}
	.feature-stories article h1 {
		margin: 0 0 30px;
	}
article h2 {
	clear: both;
	border-top: solid 1px #DCDCDC;
	border-bottom: solid 1px #DCDCDC;
	display: block;
	font-size: 123.1%;
	margin: 0 0 20px;
	padding: 5px;
}
h3 {
	font-size: 108%;
	font-weight: bold;
	margin: 0 0 10px;
}
article h3 {
	clear: both;
	font-size: 100%;
	padding: 30px 0 0;
}
aside h3 {
	font-size: 100%;
	background: url(/content/400010743.png) 0 bottom no-repeat;
	padding: 0 0 7px 3px;
	margin: 0;
}
article h4 {
	font-weight: bold;
	margin: 0 0 10px;
	padding: 10px 0 0;
}
 */
/* 3.フォントサイズ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.migration-html .fs10 { font-size: 77% !important; }
.migration-html .fs11 { font-size: 85% !important; }
.migration-html .fs12 { font-size: 93% !important; }
.migration-html .fs13 { font-size: 100% !important; }
.migration-html .fs14 { font-size: 108% !important; }
.migration-html .fs15 { font-size: 116% !important; }
.migration-html .fs16 { font-size: 123.1% !important; }
.migration-html .fs18 { font-size: 139% !important; }
.migration-html .fs20 { font-size: 153.9% !important; }
.migration-html .fs22 { font-size: 167% !important; }



/* 4.フォントカラー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.migration-html .red { color: #FF0033; }
.migration-html .blue { color: #069; }
.migration-html .liteblue { color: #72A1C9; }
.migration-html .green { color: #669933; }
.migration-html .orange { color: #FF6600; }
.migration-html .white { color: #FFFFFF; }
.migration-html .gray { color: #999999; }



/* 99.その他の要素
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Inner Reset  */
.migration-html #article th p, #article th li, #article th dt, #article th dd,
.migration-html #article td p, #article td li, #article td dt, #article td dd,
.migration-html #article li p, #article li li, #article li dt, #article li dd,
.migration-html #article dt p, #article dt li, #article dt dt, #article dt dd,
.migration-html #article dd p, #article dd li, #article dd dt, #article dd dd {
	font-size: 100%;
}

.migration-html #article strong { font-weight: bold; }
.migration-html #article em { font-style: italic; }

.migration-html .bold { font-weight: bold; }

.migration-html .inH1 		{ margin: 0 10px 10px; }
.migration-html .inH1end 	{ margin: 0 10px 25px; }
.migration-html .inH2 		{ margin: 0 0 10px; }
.migration-html .inH2end 	{ margin: 0 0 25px; }
.migration-html .inH3 		{ margin: 0 0 10px 0; }
.migration-html .inH3end 	{ margin: 0 0 25px 0; }
.migration-html .inH4 		{ margin: 0 0 10px 0; }
.migration-html .inH4end 	{ margin: 0 0 25px 0; }
 

.migration-html #article ul.disc { margin: 0 0 15px 15px; }
.migration-html #article ul.disc li {
	line-height: 1.6;
	list-style: disc;
	margin: 0 0 0 1px;
}
.migration-html #article ul.caution { margin: 0 0 15px 15px; }
.migration-html #article ul.caution li {
	color: #666;
	font-size: 77%;
	margin: 0 0 0 10px;
	text-indent: -1em;
}

.migration-html #article .caution2 {
	color: #666;
	font-size: 77%;
	margin: 0 0 15px;
	text-indent: -1em;
}
.migration-html #article p.quotation {
	float:right;
	width:200px;
	padding:10px;
	margin:10px 0 10px 10px;
	border:1px solid #eee;
	font-size:150%;
}

.migration-html .wp-caption {
	font-size: 85%;
	text-align: left;
}

/* END */
