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

/* ==================== 基本設定 ==================== */
*{
	margin:0px;
	padding:0px;
}
body#pageTop{
	margin-top:15px;
	margin-bottom:15px;
	color:#000000;
	background-color:#ffed01;
}
img{
	border:none;
}
input{
	vertical-align:top;
}
a,
a:visited{
	color:#00acff;
	text-decoration:underline;
}
a:hover,
a:active{
	color:#7fd5ff;
}
ul,
ol{
	list-style-type:none;
}
table{
	border-collapse:collapse;
}
br.clear{
	clear:both;
}

/* ==================== 文字設定 ==================== */
body{
	font-size:small;
}
H1{
	font-size:small;
	font-weight:normal;
}
H2,H3,H4,H5,H6{
	font-size:medium;
}
P,
TD,TH,
LI,
INPUT,
TEXTAREA{
	font-size:small;
}

DIV#mainArea div#contents{
/*	line-height:1.8;*/
}


/* ==================== サイト全体　レイアウト ==================== */
DIV#container{
	width:950px;
	margin-right:auto;
	margin-left:auto;
	background:#ffffff url(../images/cmn/container_bg.gif) center top repeat-y;
}


/* ==================== ヘッダー ==================== */
DIV#header{
	background:#ffed01 url(../images/cmn/header_bg.gif) right 65% no-repeat;
}

/* ---------- H1 ---------- */
H1{
	float:left;
	padding-left:15px;
	width:600px;
}

/* ---------- サイト内検索 ---------- */
DIV#header DIV#headerSearch{
	float:right;
	padding-right:10px;
	padding-left:25px;
	background:url(../images/cmn/search_bg.gif) left center no-repeat;
}
DIV#header DIV#headerSearch form input.txtSearch{
	border:1px solid #ff5662;
	padding:1px;
	width:130px;
	height:18px;
	color:#bbbbbb;
}
DIV#header DIV#headerSearch form input.btnSearch{
	border:1px solid #ff5662;
	background-color:#ff9aa1;
	color:#ffffff;
	font-weight:bold;
	margin-left:5px;
	width:50px;
	height:22px;
}
/* ---------- ロゴ ---------- */
DIV#header DIV#headerLogo{
	margin-bottom:10px;
	clear:both;
}

/* ---------- グローバルメニュー ---------- */
UL#globalMenu,
UL#globalMenu LI,
UL#globalMenu LI A{
	height:50px;
}
UL#globalMenu{
	position:relative; /* liで絶対的に位置を設定する際に、ウインドウからでなくULからの位置を設定できるように設定 */
	background:url(../images/cmn/gmenu_bg.gif) center bottom no-repeat;
}
UL#globalMenu LI,
UL#globalMenu A{
	position:absolute;/* liを横に並べるために、絶対的に位置を設定できるように設定 */
	top:0px;/* liを横に並べるため、全ての高さを揃える */
}
UL#globalMenu LI{
	list-style-type:none;/*Netscapeでは、表示エリア外に設定してもリストの「・」が残ってしまうための対応*/
	font-size:0.1em;/* IEでは「文字の高さ×liの数」の余白があいてしまう。余白があかないように設定 */
}
UL#globalMenu A{
	display:block;
	text-indent:-999em;/* 文字を表示エリア外に移動 */
	text-decoration:none;/* firefoxでは下線がされてしまう問題を修正 */
	background-position:center center;
}
UL#globalMenu A#gM_search_univ{
	width:119px;/* ボタンの幅 */
	left:0px;/*ボタンの位置を指定*/
	background-image:url(../images/cmn/gmenu_search_univ.gif);
}
UL#globalMenu A#gM_search_univ:hover,
UL#globalMenu A#gM_search_univ:active{
	background-image:url(../images/cmn/gmenu_search_univ_over.gif);
}
UL#globalMenu A#gM_future{
	width:128px;/* ボタンの幅 */
	left:119px;/*ボタンの位置を指定*/
	background-image:url(../images/cmn/gmenu_future.gif);
}
UL#globalMenu A#gM_future:hover,
UL#globalMenu A#gM_future:active{
	background-image:url(../images/cmn/gmenu_future_over.gif);
}
UL#globalMenu A#gM_feature{
	width:92px;/* ボタンの幅 */
	left:247px;/*ボタンの位置を指定*/
	background-image:url(../images/cmn/gmenu_feature.gif);
}
UL#globalMenu A#gM_feature:hover,
UL#globalMenu A#gM_feature:active{
	background-image:url(../images/cmn/gmenu_feature_over.gif);
}
UL#globalMenu A#gM_government{
	width:152px;/* ボタンの幅 */
	left:339px;/*ボタンの位置を指定*/
	background-image:url(../images/cmn/gmenu_government.gif);
}
UL#globalMenu A#gM_government:hover,
UL#globalMenu A#gM_government:active{
	background-image:url(../images/cmn/gmenu_government_over.gif);
}
UL#globalMenu A#gM_enterprise{
	width:113px;/* ボタンの幅 */
	left:491px;/*ボタンの位置を指定*/
	background-image:url(../images/cmn/gmenu_enterprise.gif);
}
UL#globalMenu A#gM_enterprise:hover,
UL#globalMenu A#gM_enterprise:active{
	background-image:url(../images/cmn/gmenu_enterprise_over.gif);
}
UL#globalMenu A#gM_qa{
	width:147px;/* ボタンの幅 */
	left:604px;/*ボタンの位置を指定*/
	background-image:url(../images/cmn/gmenu_qa.gif);
}
UL#globalMenu A#gM_qa:hover,
UL#globalMenu A#gM_qa:active{
	background-image:url(../images/cmn/gmenu_qa_over.gif);
}


/* ==================== メインエリア ==================== */
div#mainArea{
	padding-right:10px;
	padding-left:10px;
}

/* ---------- コンテンツ ---------- */
div#mainArea div#contents{
	float:left;
	width:740px;
	margin-bottom:20px;
}

/* ---------- サブコンテンツ ---------- */
div#mainArea div#subContents{
	float:right;
	width:180px;
	margin-bottom:10px;
}


/* ==================== フッター ==================== */
DIV#footer{
	clear:both;
	padding-right:10px;
	padding-left:10px;
	background:url(../images/cmn/footer_bg.gif) center bottom no-repeat;
	text-align:center;
}
DIV#footer DIV#footerMenu{
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #cccccc;
}

DIV#footer DIV#footerFuture,
DIV#footer DIV#footerField,
DIV#footer DIV#footerCategory{
	font-size:x-small;
	text-align:left;
	color:#818181;
	line-height:1.4em;
}
DIV#footer DIV#footerFuture A,
DIV#footer DIV#footerField A,
DIV#footer DIV#footerCategory A{
	color:#818181;
	text-decoration:none;
}
DIV#footer DIV#footerFuture A:hover,
DIV#footer DIV#footerField A:hover,
DIV#footer DIV#footerCategory A:hover{
	color:#7fd5ff;
	text-decoration:none;
}
DIV#footer DIV#footerFuture{
	border-top:1px solid #cccccc;
	padding-top:5px;
}
DIV#footer DIV#footerCategory{
	padding-bottom:5px;
}

DIV#footer DIV#copyright{
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #cccccc;
}
DIV#footer DIV#copyright img.imgAnesta{
	padding-left:10px;
}


/* ==================== コンテンツ内のいろいろ ==================== */
div#mainArea div#contents div#pankuzu{
	padding-bottom:20px;
	padding-left:10px;
}

div#mainArea div#contents div.contentsBox{}

div#mainArea TABLE.border{}
div#mainArea TABLE.border TH,
div#mainArea TABLE.border TD{
	vertical-align:top;
	border:1px solid #DDDDDD;
	padding:3px;
}

/* ==================== サブコンテンツ内のいろいろ ==================== */

/* ----- 特集 ----- */
div#mainArea div#subContents div#featureListLabel{
	background:url(../images/cmn/pink_sub_mid_bg.gif) center top repeat-y;
}
div#mainArea div#subContents div#featureListLabel ul#featureList{
	margin-right:7px;
	margin-left:7px;
}
div#mainArea div#subContents div#featureListLabel ul#featureList li{
	line-height:1.4;
	padding-top:7px;
	padding-bottom:8px;
	padding-left:8px;
	border-bottom:1px solid #d7d7d7;
	background:url(../images/cmn/triangle_pink.gif) left 0.9em no-repeat;
}
div#mainArea div#subContents div#featureListLabel p.moreInfo{
	padding-top:10px;
	padding-right:7px;
	padding-left:7px;
	padding-bottom:10px;
	text-align:right;
	background:url(../images/cmn/pink_sub_btm_bg.gif) center bottom no-repeat;
}

/* ----- 政府の取り組み ----- */
div#mainArea div#subContents div#governmentListLabel{
	background:url(../images/cmn/orange_sub_mid_bg.gif) center top repeat-y;
}
div#mainArea div#subContents div#governmentListLabel ul#governmentList{
	margin-right:7px;
	margin-left:7px;
}
div#mainArea div#subContents div#governmentListLabel ul#governmentList li{
	line-height:1.4;
	padding-top:7px;
	padding-bottom:8px;
	padding-left:8px;
	border-bottom:1px solid #d7d7d7;
	background:url(../images/cmn/triangle_orange.gif) left 0.9em no-repeat;
}
div#mainArea div#subContents div#governmentListLabel p.moreInfo{
	padding-top:10px;
	padding-right:7px;
	padding-left:7px;
	padding-bottom:10px;
	text-align:right;
	background:url(../images/cmn/orange_sub_btm_bg.gif) center bottom no-repeat;
}

/* ----- 企業紹介 ----- */
div#mainArea div#subContents div#enterpriseListLabel{
	background:url(../images/cmn/green_sub_mid_bg.gif) center top repeat-y;
}
div#mainArea div#subContents div#enterpriseListLabel ul#enterpriseList{
	margin-right:7px;
	margin-left:7px;
}
div#mainArea div#subContents div#enterpriseListLabel ul#enterpriseList li{
	line-height:1.4;
	padding-top:7px;
	padding-bottom:8px;
	padding-left:8px;
	border-bottom:1px solid #d7d7d7;
	background:url(../images/cmn/triangle_green.gif) left 0.9em no-repeat;
}
div#mainArea div#subContents div#enterpriseListLabel p.moreInfo{
	padding-top:10px;
	padding-right:7px;
	padding-left:7px;
	padding-bottom:10px;
	text-align:right;
	background:url(../images/cmn/green_sub_btm_bg.gif) center bottom no-repeat;
}
/*
 * ==================================================
 * 未来研究所 トップと下層共用
 * ==================================================
 */
	 
#future 
{
	position: relative;
	margin-bottom: 6px;
	width: 740px;
	background-image: url(../images/cms/index/bg_future_mid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
	 
#future h2 
{
	margin-bottom: 13px;
}
  
#future .articles 
{
	padding: 10px 20px 15px;
}
	 
#future .articles li 
{
	float: left;
	margin-bottom: 15px;
	width: 140px;
}
	 
#future .articles li.secondary 
{
	display: none;
}
 
#future .articles li p 
{
	text-align: center;
}
 
#future .articles li .photo 
{
	padding: 4px;
	margin: 0 20px 10px;
	width: 90px;
	height: 90px;
	overflow: hidden;
	border: 1px solid #e6e6e6;
	background-image: url(../images/cms/index/bg_future_photo.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
 	
#future .articles li p.name 
{
height:3em;
}
	
#future .articles li p.name .univ A
{
	font-weight: bold;
}
#future .articles li span.univ
{
	display:block;
	overflow:hidden;
	height:6.25em;
	line-height:1.25em;
}
* html #future .articles li span.univ
{
	line-height:1.1em;
	height:5.5em;
}
    
#future .archives 
{
	padding: 0 10px 10px;
	background-image: url(../images/cms/index/bg_future_btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
	
#future .archives .categories 
{
	float: left;
	width: 530px;
}
	
#future .archives .categories h3 
{
	margin-bottom: 10px;
}
 
#future .archives .categories p 
{
	padding: 0 3px;
}
  
#future .archives .button 
{
	float: right;
	width: 180px;
}
  
#future #navFuture 
{
}
	 
#future #navFuture .prev 
{
	position: absolute;
	top: 140px;
	left: 2px;
}

 
#future #navFuture .next 
{
	position: absolute;
	top: 140px;
	left: 708px;
}
#future .articles li{
	width:320px;
	margin:0px 0px 5px 20px;
}
#future .articles li DIV.photo{
	margin:0px 5px 0px 0px;
	padding:3px;
	float:left;
}
#future .articles li P.name{
	margin:0px;
	padding:10px;
	float:left;
	width:195px;
	height:76px;
	text-align:left;
	border:1px solid #E9E9E9;
}
* html #future .articles li{
	width:320px;
	margin:0px 10px 5px 10px;
}
.pubYear{
	display:block;
	float:right;
	margin:0px 0px 3px 3px;
	padding:3px 3px 3px 22px;
	width:6em;
	border:1px solid #FFCC99;
	background-image:url(../images/cms/future/books.gif);
	background-position:3px 3px;
	background-repeat:no-repeat;
	background-color:#F5F5F5;
	text-align:center;
	font-weight:bold;
	color:#F55500;
	font-size:10pt;
}


/**
 * ==================================================
 * CLEAR FIX 
 * ==================================================
 */
	 
#future .articles:after, 
#future .articles ul:after,
#future .archives:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	 
#future .articles, 
#future .articles ul,
#future .archives
{
	display:inline-block;
}
/* Hide from IE Mac \*/
 
#future .articles, 
#future .articles ul,
#future .archives
{
	display:block;
}
/* End hide from IE Mac */