@charset "utf-8";

/*
============================ Base CSS ==============================

			基本設定
				1.要素設定
				2.枠組み
					2-1.ヘッダー
					2-2.メイン
					2-3.フッター
				3.リンク
					3-1.アイコンリンク
				99.共通クラス

====================================================================
*/
@media screen and (min-width: 800px) {

/* 1.要素設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

body {
	color: #666;
	background: #E7E7E7;
	font: 13px ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}
* html body { font-size: small; }	/* for IE6 */
*:first-child+html body { font-size: small; }	/* for IE7 */

ul,dl,ol { text-indent: 0; }
li { list-style: none outside; }
th,td { vertical-align: top; }

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

strong { font-weight: bold; }

hr {
	clear: both;
	border: none;
	border-top: solid 1px #03426D;
	margin: 0 0 15px;
	padding: 5px 0 0;
	height: 5px;
}
* html hr {	/* IE6対策 */
	display: list-item;
	width: 0;
	height: 0;
	margin-left: -10px;
	list-style: url(../img/common/line01.gif) inside;
}
*:first-child+html hr {	/* IE7対策 */
	display: list-item;
	width: 0;
	height: 0;
	margin-left: -10px;
	list-style : url(../img/common/line01.gif) inside;
}

* html pre,* html code { font-size: 100%; line-height: 100%; }
*:first-child+html pre,
*:first-child html+code { font-size: 108%; line-height: 100%; }

address,caption,
code,th { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }



/* 2.枠組み
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 964px;
}
	.home #wrapper {
		margin: 0 30px;
		width: inherit;
	}


	/* 2-1.ヘッダー
	──────────────────── */
	header {
		margin: 0;
		padding: 0;
		width: 964px;
	}
	header:after { /* clearfix */ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
		.home header {
			width: 100%;
		}
		
	hgroup {
		display: block;
		float: right;
		padding: 11px 0 0;
		margin: 0 0 8px;
		width: 262px;
	}
	hgroup:after { /* clearfix */ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
	
	/* ロゴ */
	#logo {
		float: left;
		margin: 0;
	}
	#logo a {
		background: url(/content/400010740.png) no-repeat;
		display: block;
		overflow: hidden;
		padding: 121px 0 0;
		width: 261px;
		height: 0;
	}
	
	#utLogo {
		float: right;
		margin: 35px 35px 0 0;
	}
	#utLogo a {
		background: url(/content/400010748.png) no-repeat;
		display: block;
		overflow: hidden;
		padding: 33px 0 0;
		width: 122px;
		height: 0;
	}
	
	#utLogoSp {
		float: right;
		margin: 35px 35px 0 0;
	}
	#utLogoSp a {
		background: url(../img/ut_logo_pc.svg) no-repeat;
		display: block;
		overflow: hidden;
		padding: 33px 0 0;
		width: 122px;
		height: 0;
	}
	
	#searchBox {
		clear: both;
	}
	#searchBox form {
	}
	#searchBox input {
		float: left;
		border: solid 1px #DCDCDC;
		line-height: 1;
		width: 190px;
		height: 26px;
		/height: 22px;
		padding: 2px 5px 0;
		/padding: 8px 5px 0;
		outline: none;
		border-radius: 0;
		webkit-border-radius: 0;
		-webkit-appearance: none;
	}
	.btnSearch {
		border: none !important;
		width: 59px !important;
		height: 30px !important;
		padding: 0 !important;
		border-radius: 0;
		webkit-border-radius: 0;
		-webkit-appearance: none;
	}
	
	/* ヘッダーナビ => nav.css */


	/* 2-2.メイン
	──────────────────── */
	/* コンテンツ */
	
	article {
		display: inline;
		float: left;
		margin: 0 0 20px 0;
		padding: 0 0 30px;
		width: 682px;
		position: relative;
	}
		.home article {	/* 本文エリア */
			background: none;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		.single article {	/* 単一記事 */
			background: #FFF;
			padding: 20px 20px 30px !important;
		}
		.department-list article {
			background: #FFF;
			padding: 20px 20px 30px;
		}
		.search article {
			background: #FFF;
			padding: 20px 20px 30px;
		}
		.none404 article {
			background: #FFF;
			padding: 20px 20px 30px;
		}
		.page article {	/* 固定ページ */
			background: #FFF;
			padding: 20px 20px 30px;
		}
		.isotopever article {
			background: none;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		/*article.research-news { background #FFF: url(/content/400010747.png) no-repeat; }
		article.feature-stories,
		article.feature-stories-sub { background: #FFF url(/content/400010746.png) no-repeat; }
		article.editors-choice { background: #FFF url(/content/400010745.png) no-repeat; }*/
		
	#container {
		margin: 0 0 13px;
	}
	
	aside {	/* サイドバー */
		clear: both;
		display: inline;
		float: left;
		width: 241px;
		margin: 0;
	}
	.home aside {
		height: 381px;
	}
	.section { }
	.section:after {	/* clearfix */ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
	
	table.liquid {
		clear: both;
	}
	table.liquid th {
		width: 241px;
	}
	table.liquid td {
		width: 100%;
	}


	/* 2-3.フッター
	──────────────────── */
	footer {
		margin: 0 auto;
		padding: 0 0 30px;
		width: 964px;
	}
		.home footer {
			margin: 0;
			width: 100%;
		}
	#checherBox {
		clear: both;
		background: url(/content/400010728.png) repeat-x;
		padding: 0;
		margin: 0;
		height: 284px;
	}
	
	/* フッターナビ => nav.css */
	


/* 3.リンク
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

a, area { overflow: hidden; outline: none; }

a:link,
a:visited { text-decoration: underline; color: #333; }
a:hover,
a:active { text-decoration: none; color: #FF6600; }

.item a:link,
.item a:visited,
.item a:hover,
.item a:active { text-decoration: none; color: #333; }


/* パンくず => nav.css */
/* フッターリンク => nav.css */
	

	/* 3-1.アイコンリンク
	──────────────────── */
	a.link { background: url(../img/common/icon01.gif) no-repeat 0 center; padding: 1px 0 0 17px; }
	a.outLink { background: url(../img/common/icon01.gif) no-repeat 0 center; padding: 1px 0 0 17px; }
	


/* 99.共通クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.item {
	margin: 0 1px 1px 0;
	float: left;
  overflow: hidden;
  position: relative;
}
.item a {
	display: block;
	background-color: #FFF !important;
	padding: 20px 20px 25px;
}
.item a:hover {
	background-color: #E5E5E5 !important;
}
.item img {
	clear: both;
	margin: 0 0 13px !important;
	vertical-align: bottom;
}
.item img.spImage {
	display:none;
}

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

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

ul.bukyoku {
}
ul.bukyoku li {
	display: block;
	float: left;
	width: 200px; 
	line-height: 1;
	margin: 0 0 12px 15px;
}
.item ul.bukyoku li a {
	display: inline !important;
	padding: 0 5px 0 0 !important;
	text-decoration: underline !important;
}
.item ul.bukyoku li a:hover {
	background-color: #FFF !important;
	text-decoration: none !important;
}
ul.bukyoku li a.on {
	background: url(/content/400010732.jpg) 0 3px no-repeat;
	font-weight: bold;
}

div.research-news a { background: url(/content/400010747.png) no-repeat; }
div.feature-stories a,
div.feature-stories-sub a { background: url(/content/400010746.png) no-repeat; }
div.editors-choice a { background: url(/content/400010745.png) no-repeat; }

.col1 {
	width: 240px;
}
.col2 {
	width: 481px;
}
.col3 {
	width: 722px;
}
.col1a {
	width: 210px;
}
.col2a {
	width: 441px;
}
.row3a {
	height: 350px;
}

.date {
	display: block;
	float: right;
	font-size: 85%;
	line-height: 1;
	margin: 0 0 20px;
	height: 12px !important;
}
.titBox {
	height: 60px;
}
.stit {
	font-size: 108% !important;
	line-height: 1.4 !important;
}
.disTit {
	font-size: 108% !important;
	font-weight: bold;
	line-height: 1.4 !important;
	margin: 0 0 5px;
}
.tit {
	font-size: 139%;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 5px;
}
.eBody {
	font-size: 93%;
	height: 30px;
	line-height: 1.2;
}

.eBox {
	margin: 0 0 15px;
}
.eBox a {
	color: #333 !important;
	display: block;
	background: #FFF;
	padding: 10px !important;
}
.eBox a:hover {
	background: #E5E5E5;
}
.eBodys {
	clear: both;
	font-size: 93%;
}

table.entry {
}
	table.entry:hover {
		cursor: pointer;
	}
table.entry th {
	padding: 0 10px 0 0;
	margin: 0;
	width: 120px;
	vertical-align: top;
}
table.entry td {
	padding: 0;
	margin: 0;
	width: 100%;
}
#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;
}

#copy {
	float: right;
	margin: 0;
}
	.home #copy {
		margin: 0 30px 0 0;
	}

.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;
}
.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;
}
.tagIcon {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

#eBodyBox {
	padding: 0 10px;
}
#eBodyBox p {
	margin: 0 0 15px;
	line-height: 1.6;
}

#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;
}
#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;
}
.en #more a {
	background: url(/content/400010726.png) no-repeat;
}
.en #more div.loading {
	background: url(/content/400010725.gif) no-repeat;
}

.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;
}
.asideBox a {
	text-decoration: none;
}
.asideBox a:hover {
	text-decoration: underline;
}
.asideBox a.pop {
	font-size: 123.1%;
}
ul.mAchive {
}
ul.mAchive li {
	background: url(/content/400010732.jpg) 0 6px no-repeat;
	font-weight: bold;
	padding: 0 0 0 15px;
	margin: 0 0 10px;
}
ul.mAchive li a {
	display: inline;
	background: none !important;
}
ul.mAchive li a:hover {
	background: none !important;
}
ul.mAchive li.open {
	background: url(/content/400010731.jpg) 0 6px no-repeat;
}
ul.mAchive li li {
	background: none;
	font-weight: normal;
	padding: 0 0 0 10px;
	margin: 0;
}
div.fb-like {
	display: inline;
	float: right;
	margin: 0 12px 0 0;
	width: 100px;
}
div.twBtn {
	display: inline;
	float: right;
	margin: 0 5px 0 0;
	width: 100px;
}
div.mixiBtn {
	display: inline !important;
	float: right !important;
	margin: 0 5px 0 0 !important;
	width: 100px !important;
}
div.gPlusone {
	display: inline !important;
	float: right !important;
	margin: 0 !important;
}

.gBox {
	clear: both;
	background: #E7E7E7;
	padding: 17px;
	margin: 0 0 20px;
}
.gBox:after {	/* clearfix */ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clumn2a {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	width: 46%;
}
.clumn2b {
	display: block;
	border-left: solid 1px #FFF;
	padding: 0 0 0 20px;
	float: left;
	width: 46%;
}
.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;
}
.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;
}
.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;
}
.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;
}
.none {
	display: none;
}
.number {
	display: none;
}

.pagerCen {
	display: inline-block;
	margin: 0 auto;
	padding: 0 20px 0 0;
	text-align: center;
	width: 400px;
}
.pagerCen a {
	line-height: 1.8;
	height: 24px;
}
.paginator {
	margin: 0 0 15px;
	text-align: right;
}
.paginator a {
	margin: 0 10px 0 0;
}
.inactive {
	text-decoration: none !important;
}
.wBox {
	background: #FFF;
	padding: 20px 20px 5px;
	margin: 0 0 15px;
}
.fsSha {
}
.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;
}
.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;
}
.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;
}
.info {
	clear: both;
	font-size: 93%;
	line-height: 1.8 !important;
	margin: 0 0 15px !important;
}

	/* 2-3.prettyLoader
	──────────────────── */

	.prettyLoader{
		/* background: url(../img/prettyLoader/prettyLoader.png) top left no-repeat; */
		height:30px;
		position:absolute;
		width:30px;
		z-index:30000;
	}
	.prettyLoader img {
		display:block;
		margin:7px 0 0 7px;
	}
	.pl_ie6{
		background-image: url(../img/prettyLoader/prettyLoader.gif);
	}


.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;
}
#filter dl {
	position: relative; z-index:10; top: 5px;
	display: none;
	margin: 0 0 8px 17px;
	padding: 0;
}
#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;
}
#filter dl dd a:hover {
	cursor: pointer;
	text-decoration: underline;
}


.icnPdf {
	padding: 0 0 7px 33px;
	background: url(/content/400002189.png) no-repeat 0 0;
}


}
/* END */