/* スタイルシート */
/* 背景：aliceblue */
/*
body {background-color: #F0F8FF}
*/

/* コンテナ */
div#rn_container {width: 780px; margin: 0px auto; padding: 0px;}

#wrapper:after,
#rn_container:after,
#rn_lcontents:after,
.tcat_forum:after,
.tcat_info02:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#wrapper,
#rn_container,
#rn_lcontents,
.tcat_forum, 
.tcat_info02 {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #wrapper,
* html #rn_container,
* html #rn_lcontents,
 {height: 1%;}
#wrapper, #rn_container, #rn_lcontents {display: block;}
/* End hide from IE-mac */

/* rn_header
---------------------------------------*/
#rn_header {
	width: 780px;
	height: 55px;
	position: relative;
	margin: 0px;
	padding: 0px;	
}

#rn_header #logo {
	position: absolute;
	left: 0px;
	top: 10px;
}

#rn_header #access {
	position: absolute;
	right: 94px;
	top: 27px;
}

#rn_header #sitemap {
	position: absolute;
	right: 2px;
	top: 27px;
}

/* rn_tmenu
---------------------------------------*/
#rn_tmenu {
	height: 41px;
	margin-bottom: 15px;
	clear: both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 780px;
}

#rn_tmenu ul.dropdown{
	width: 780px;
	height:41px;
	padding: 0px;
	text-align: left;
	margin: 0px;
}
#rn_tmenu ul.dropdown a{color: #003399;text-decoration: none;}
#rn_tmenu ul.dropdown{ position: relative; z-index: 11; }
#rn_tmenu ul.dropdown li{
	float: left;
	width:130px;
	padding: 0px;
	margin-top: 0px;	
	list-style-type: none;
}
#rn_tmenu ul.dropdown li img {
	vertical-align: bottom;
}
#rn_tmenu ul.dropdown a:hover{}
#rn_tmenu ul.dropdown a:active{}
#rn_tmenu ul.dropdown li a{display: block;font-size:0.8em;}
#rn_tmenu ul.dropdown li:last-child a{ border-right: none; }
#rn_tmenu ul.dropdown li.hover, ul.dropdown li:hover{
	position: relative;
	background:#d7ebdb;/*#ffcc66;*/
	background-image: url(images/idropduwn.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
}
#rn_tmenu ul.dropdown li.hover a{}
#rn_tmenu ul.dropdown ul{
background: #fff;
width: 130px;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
padding: 0px;
margin: 0px;
}
#rn_tmenu ul.dropdown ul li{
	width:110px;
	font-weight:normal;
	color: #000;
	float: none;
	height: auto;
	border-bottom:solid 1px #ccc;
	/*border-left:solid 5px #ff5700;
	padding-left: 5px;*/
	padding-left: 15px;
	margin:0px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	background-image: url(images/idropduwn.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	background-color: #eff9f1;
}
#rn_tmenu ul.dropdown ul li a{display: inline;}
#rn_tmenu ul.dropdown ul li.hover a{}
#rn_tmenu ul.dropdown ul li.lst{border-bottom:none;}



/* rn_topimg
---------------------------------------*/
#rn_topimg {
	height: 120px;
	margin: 0px 0px 22px;
	padding: 0px;	
}

/* rn_contents
---------------------------------------*/
/* rn_rcontents */

#rn_rcontents {
	width: 190px;
	float: right;
	background-image: url(images/rn_rmenubg01.gif);
	background-repeat: no-repeat;
	background-position:top;
/*
	background-attachment: fixed;
	background-position: 0px 20px;
*/
	margin: 0px;
	padding: 0px;
}

.rn_rcontents_bg {
	width: 182px;
	background-image: url(images/rn_rmenubg02.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px;
	padding: 0px 4px 4px;
}


#rn_rcontents #rn_rmenu {
	width: 182px;
	padding: 4px 4px 0px;
}

#rn_rcontents img {
	margin: 0px auto;
	vertical-align: bottom;
}

.tcat_info01 {
	margin-bottom:18px;
}



/* rn_lcontents */

#rn_lcontents {
	width: 575px;
	float: left;
	margin: 0px;
	padding: 0px;	
}


#rn_lcontents .tcat_forum {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#rn_lcontents .tcat_info02 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
}

#rn_lcontents h2 {
	margin: 0px;
	padding: 3px 0 3px 10px;
}

/* 行政フォーラム */
#rn_lcontents div.tcat_forum dl {
	clear: both;
	margin: 15px 0 20px 0;
	padding: 0px;
}

#rn_lcontents div.tcat_forum dt {
  width: 50px;
	float: left;
	font-size: 0.8em;
	font-weight: bold;
	display:inline;
}

#rn_lcontents div.tcat_forum dd {
	font-size: 0.8em;
	line-height: 1.8em;
	margin: 0 0 0 60px;
	width : 500px;
}

#rn_lcontents div.tcat_forum dd {
	font-size: 0.8em;
	line-height: 1.8em;
	margin: 0 0 0 60px;
	width : 500px;
}

#rn_lcontents .tcat_forum {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.toptema {
	margin-top:15px;
	font-size: 0.8em;
	margin-left:15px;
	margin-bottom:20px;
}

.toptema th, .tit01 {
	color: #1e66a1;
}

.toptema th {
	color: #1e66a1;
	vertical-align:top;
	padding-right:15px;
	padding-top:3px;
}

.tit01 {
	font-size:1.2em;
}

.topnews {
	margin-top:15px;
	font-size: 0.8em;
	margin-left:15px;
	margin-bottom:20px;
}

.topnews th {
	font-weight:bold;
	text-align:left;
	padding:3px 10px 3px 5px;
}

.topnews a {
	color:#003399;
}
	
#rn_lcontents div.tcat_forum dd span {
	font-weight: bold;
}


/* これからの研修 */
#rn_lcontents div.tcat_info02 dl {
	clear: both;
	margin: 15px 0 20px 0;
	padding: 0px;
}

#rn_lcontents div.tcat_info02 dt {
	width: 150px;
	float: left;
	font-size: 0.8em;
	line-height: 1.6em;
	font-weight: bold;
	margin:0 0 5px; 0;
	padding:0 0 0 30px;
}

#rn_lcontents div.tcat_info02 dt.new {
	background-image: url(images/inew.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.3em;
}


#rn_lcontents div.tcat_info02 dd {
	font-size: 0.8em;
	line-height: 1.6em;
  margin: 0 0 5px 180px;
	width : 380px; 
	padding:0;
}

#rn_lcontents div.tcat_info02 dd a {
	color:#003399;
}

#food {
	margin: 0px auto;
	padding: 0px;
	width:780px;
	height:90px;
	position: relative;
}


#fbmenu {
	position: absolute;
	top:8px;
	left:612px;
	width:181px;
	height:15px;
}

ul#fbmenu {
	margin:0;
	padding:0;
}

#fbmenu li {
	float: left;
	margin:0 0 0 14px;
	padding:0;
	list-style:none;
	display:inline;
}

#rn_fmenu {
	margin: 0px;
	padding: 0px;
	font-size:0.7em;
	position: absolute;
	top:8px;
	left:0px;
	width:520px;
}

#rn_fmenu li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	color:#666666;
}
#rn_fmenu li a {
	text-decoration:none;
	color:#666666;
}
#rn_fmenu li a:hover {
	text-decoration: underline;
}

.faccess {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top:35px;
	left:0px;
	font-size:0.7em;
	line-height:1.6em;
}

.copylight {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top:75px;
	left:0px;
	font-size:0.7em;
	line-height:1.8em;
	text-align:center;
	width:780px;
}

.clr {
	clear:both;
}



/**************************   ここから従来のCSS   ***********************************************/


/* コンテナ */
div#container {width: 780px;
               margin: auto}

/* ヘッダー */
div#header {background-image: url(img/NIPA_panorama_780.jpg);
            background-color: #007bbb; /* 紺碧 */
            padding-top: 20px;
            padding-bottom: 20px;
            border-top: solid 10px #2a83a2}
div#header h1 {font-size: 27px;
               font-family: 'Trebuchet MS', Helvetica, sans-serif;
               margin: 0 20px}
div#header h1 a{text-decoration: none;
                color: #274a78} /* 青藍 */
div#header p {font-size: 12px;
              margin: 8px 60px 0}

div#image{
	color: #333333;
	background-color: #ffffff;
	background-image: url(img/DormitoryView.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 0px;
	maring-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 780px;
	height: 220px;
	clear: both;
}
div#image .pad {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}

/* コンテンツ */
div#content  {width: 570px;
             float: left}
/* 更新日付 */
div#koushin p {
          float: right;
          font-size: 0.775em;
          font-family: 'Trebuchet MS', Helvetica, sans-serif;
          color: #abced8; /* 秘色色 */
          padding: 3px 0 0 0;
          margin: 0px 0px 0px 0px;
}

div#content h1  {font-size: 1.0em;
               font-family: 'Trebuchet MS', Helvetica, sans-serif;
               padding: 5px 0px 5px 15px; /* 上，右，下，左余白 */
               color: #fff; /* 白抜き */
               background-image: url(img/info_bar_baikou.jpg);
               background-position: left;
               background-repeat: repeat-y}

div.info h2 {font-size: 1.3em;
               font-family: 'Trebuchet MS', Helvetica, sans-serif;
               padding: 5px 0px 5px 15px; /* 上，右，下，左余白 */
               color: #fff; /* 白抜き */
               background-image: url(img/info_bar_aoai.jpg);
               background-position: left;
               background-repeat: repeat-y;
               margin: 10px 0 0 0;
}

/* おしらせ info */
div.info {font-size: 0.775em;
          font-family: 'Trebuchet MS', Helvetica, sans-serif;
          color: #274a78} /* 青藍 */

/* おしらせ一覧 */
div.ichiran  a {
          float: right;
          font-size: 0.775em;
          font-family: 'Trebuchet MS', Helvetica, sans-serif;
          color: #abced8; /* 秘色色 */
          text-decoration: none;
          padding: 0 0 0 0;
          margin: 0px;
}
div.ichiran a:hover {
          color: black;
}

/* 定義リストを横並びに */

div.info dt {
          color: #274a78; /* 青藍 */
          float: left;
          width: 10em;
          padding: 3px 0 0 0;
}
div.info dd {
          margin: 0 0 0 10em;
          padding: 3px 3px 0 0;
}

div.info a {
          text-decoration: none;
}

/* 研修情報 */
div.kensyu_info {
          font-size: 0.775em;
          font-family: 'Trebuchet MS', Helvetica, sans-serif;
          color: #274a78} /* 青藍 */

div.kensyu_info h2 {font-size: 1.3em;
               font-family: 'Trebuchet MS', Helvetica, sans-serif;
               padding: 5px 0px 5px 15px; /* 上，右，下，左余白 */
               margin: 10px 0 0 0;
               color: #fff; /* 白抜き */
               background-image: url(img/info_bar_baikou.jpg);
               background-position: left;
               background-repeat: repeat-y}

/* 研修情報のキーワードとタイトルを横並びに */

div.kensyu_info dt {
          color: #274a78; /* 青藍 */
          float: left;
          width: 15em;
          padding: 3px 0 0 0;
}
div.kensyu_info dd {
          margin: 0 0 0 15em;
          padding: 3px 3px 0 0;
}

div.kensyu_info a {
          text-decoration: none;
}

/* 記事 */
div.post   {border: solid 1px #005890;
            padding: 10px;
            margin: 10px auto}
div.post h2 {font-size: 0.875em;
             border-bottom: solid 1px #f7951e;
             padding-bottom: 5px;
             margin: 0}
div.post h2 a {text-decoration: none;
               color: #000000}
div.honbun  {font-size: 0.75em;
             line-height: 1.6;
             margin-top: 10px}
div.honbun h2 {font-size: 0.875em;
             border-bottom: solid 1px #f7951e;
             padding-bottom: 5px;
             margin: 0}
div.web_honbun  {font-size: 0.75em;
             line-height: 1.6;
             margin-top: 10px}
div.web_honbun h2 {font-size: 1.275em;
             border-bottom: solid 1px #f7951e;
             padding-bottom: 5px;
             margin: 0}
div.honbun p {margin-top: 0}

div.honbun a {text-decoration: none;}


/* サイドバー */
div#sidebar {
            float: right;
            width: 200px;
}

div#sidebar h2 {
             text-align: center;
             background-color: #84a2d4;  /* 青藤 */
             font-size: 13px;
             font-family: 'Trebuchet MS', Helvetica, sans-serif;
             color: #fff;
             padding: 5px;
             margin: 0px;
}
div#sidebar ul {
             list-style: none;
             test-align: left;
             text-indent: 1em;
             padding: 0px;
             margin: 0px;
}
div#sidebar li {
            font-size: 11px;
            font-family: 'Trebuchet MS', Helvetica, sans-serif;
             letter-spacing: 0.2em;
             width: 100%;
             padding: 0px;
             margin: 0px;
}
div#sidebar li a {
             display: block;
             width: 100%;
             height: auto;
             line-height: 200%;
             color: #008899;     /* 納戸色 */
             text-decoration: none;
             background-color: #e7e7eb;  /* 紫水晶 */
             margin: 0px;
             padding: 0px;
}
div#sidebar li a:hover {
             color: black;
             line-height: 200%;
             background-color: #d3ccd6; /* 牡丹鼠 */
             text-decoration: none;
             margin: 0px 0px 0px -5px;
             padding: 0px;
             width: 100%;
             height: auto;
}


/* フッター */
div#footer  {
             border-top: solid 5px #2a83a2;  /* 花浅黄 */
             margin-top: 26px}

address    {
            text-align: center;
            font-size: 0.75em;
            font-style: normal;
            font-family: Verdana, sans-serif;
            color: #abced8; /* 秘色色 */
            padding-top: 6px}

address a  {color: #000000}

/* サイトマップ */
div.sitemap {
            border: solid 1px #005890;
            padding: 18px;
            margin: 10px auto;
            font-size: 0.85em;
            line-height: 1.6em;
            margin-top: 10px}
div.sitemap a {text-decoration: none}

/* フォーム */
fieldset {
       border:1px solid #EEEEEF;
       margin: 2px 0px 20px 0px;
       padding: 5px 10px;
}
div.sub-group {
       border-bottom-width: 1px;
       border-bottom-style: dotted;
       border-bottom-color: #CCCCCC;
       padding: 7px 15px;
}
div.even {background-color: #F9F9F9; }
div.last {border-bottom-style: none; }

label.label-txt{
    width: 10em;
   display: block;
   float: left;
   border-right-width: 5px;
   border-right-style: solid;
   border-right-color: #CCCCCC;
   margin-right: 15px;
}

input.txt-field, select{
       color: #666666;
       background-color: #F9F9F9;
       border: 1px solid #999999;
}
input.txt-field:focus, select:focus {
       color: #333333;
       background-color: #FFFFCC;
       border-color: #330000;
}
#btn-box {
       text-align: center;
      padding-bottom: 40px;
}
#btn-box button {
       width: 120px;
       height: 35px;
       background-image: url(img/info_button_aoai.jpg);
       border-style: none;
       font-size: 1.25em;
       font-family: 'Trebuchet MS', Helvetica, sans-serif;
       color: #FFFFFF;
       text-align: center;
       margin: 0px 2px;
       padding: 0px;
}
#btn-box button:hover {
       width: 120px;
       height: 35px;
       background-image: url(img/info_button_aiao_bright.jpg);
       border-style: none;
       font-size: 1.25em;
       font-family: 'Trebuchet MS', Helvetica, sans-serif;
       color: #FFFFFF;
       text-align: center;
       margin: 0px 2px;
       padding: 0px;
}
/* ボタン風リンク */
div.forum_button  {
       text-align: center;
}
div.forum_button button {
       float: center;
       background-image: url(img/info_button_aoai.jpg);
       width: 120px;
       height: 30px;
       background-color: #e7e7eb;
       border-style: none;
       margin: auto;
       padding: 0 0 0 0;
       font-size: 1.25em;
       font-family: 'Trebuchet MS', Helvetica, sans-serif;
       color: #FFFFFF;
       text-align: center;
}

div.forum_button button:hover {
       background-image: url(img/info_button_aiao_bright.jpg);
}

/* フォーラム情報表示 */
div.forum_info {
          font-size: 0.95em;
          font-family: 'Trebuchet MS', Helvetica, sans-serif;
          color: #274a78;   /* 青藍 */
          margin: 0 0 0 3em;
}
div.forum_info dt {
          color: #274a78; /* 青藍 */
          float: left;
          width: 5em;
          padding: 3px 0 0 0;
}
div.forum_info dd {
          margin: 0 0 0 5em;
          padding: 3px 3px 0 0;
}

/* 東大コラボの情報 */
div.sympo_info {
          font-size: 0.90em;
          font-family: 'Trebuchet MS', Helvetica, sans-serif;
          color: #274a78} /* 青藍 */

div.sympo_info dt {
          color: #274a78; /* 青藍 */
          float: left;
          width: 10em;
          padding: 3px 0 0 0;
}
div.sympo_info dd {
          margin: 0 0 0 10em;
          padding: 3px 3px 0 0;
}


/* 表示背景の青と黄 */
.box_blue{
	margin:10px;
	padding:10px;
	background-color:#eaedf7;		/* 白菫色 */
}

.box_yellow{
	margin:10px;
	padding:10px;
	background-color:#fef4f4;		/* 桜色 */
}

/* 次官講話の書式 */
div.jikan a {
        text-decoration: none;
}

table.schedule {
/*  border-collapse: collapse;*/
  border-top: 1px solid #cccccc;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 1px solid #333333;
  margin-bottom: 20px;
}
table.schedule td {
  width: 20px;
  height: 20px;
  border-top: 0px;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #cccccc;
  border-right: 0px;
}

table.schedule td.cell-first {
  border-left: 1px solid #333333;
}
table.schedule tr.month td {
  color: #ffffff;
  background: #333333;
  font-weight: bold;
  text-align: center;
  border-top: 0px;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #cccccc;
  border-right: 0px;
}
table.schedule tr.month td.cell-first {
  border-left: 1px solid #333333;
}

table.schedule td.course-name {
  width: 85px;
  font-weight: bold;
  border-top: 0px;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #333333;
  border-right: 0px;
}