@charset "utf-8";

/*HP用設定ファイル*/
/*****************************************************/
/* 205 0LCS WebSite
/* 基本色:R8 G132 B194 #0884C2
/* 横幅：765px
/*****************************************************/



@media print {
  a                    {color:blue;}
}



/*表示用*/
@media screen {
  body                {background:url("../img/backimg01.jpg") repeat-x;}

  /*印刷用のタイトル*/
  .listttl {display:none;}
}



body {margin:0px 0px 30px; font-size:90%; font-family: sans-serif; line-height:1.4em;}

a       {color:#0000FF;}
a:hover {text-decoration:none;}

/*見出し*/
h1 {font-size:1.4em; margin-top:5px; padding:8px 20px; background:url("../img/h1.gif") no-repeat left center;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em; border:1px #dddddd solid; background-color:#f5f5f5; padding:5px 10px;}

p {line-height:140%;}



/***************************/
/*ヘッダー
/***************************/
#header {width:765px; height:200px; margin:0 auto; background:url("../img/headerline.gif") no-repeat left bottom; position:relative;}

#header img {display:block;}

ul.header-link {position:absolute; list-style:none; margin:0; padding:0; top:9.4em; right:0;}
ul.header-link li {display:inline-block; border-left:2px solid #ccc;}
ul.header-link li:last-child {border-left:none; padding:0 0.25em;}
ul.header-link li a {text-decoration:none; padding:0 0.5em; font-size:0.9em; color:#000;}

form.search {display:inline-block;}
form.search input[type=button] {background-color:#0974AA; border:1px #cccccc solid; color:#ffffff; cursor:pointer; line-height:1em; padding:0.3em 0.5em;}
form.search input[type=button]:hover, form.search input[type=button]:focus {background-color:#115F32;}

/*メニューボタン*/
ul.menubtn {width:100%; height:2.5em; margin:0; padding:0; list-style-type:none; display:table; table-layout:fixed;}
ul.menubtn li {width:auto; height:2.5em; display:table-cell; text-align:center; vertical-align:top;}
ul.menubtn li a {width:100%; height:100%; display:block; text-decoration:none; background-color:#0170A8; background:linear-gradient(to bottom,#5097BC,#0170A8); box-sizing:border-box; border:1px solid #015C8A; color:#fff; line-height:1.25em;}
ul.menubtn li a.lang {background-color:#02363E; background:linear-gradient(to bottom,#154D8A,#02363E); border:1px solid #0F3560;}
ul.menubtn li.lh2 a {line-height:2.5em;}
ul.menubtn li a:hover, ul.menubtn li a:focus, ul.menubtn li a.now {background-color:#33821C;  background:linear-gradient(to bottom,#61AA55,#33821C); border:1px solid #31790C;}
ul.menubtn li a.lang:hover, ul.menubtn li a.lang:focus {background-color:#1D4810;  background:linear-gradient(to bottom,#376030,#1D4810); border:1px solid #1C4507;}


/***************************/
/*コンテンツ
/***************************/

/*基本の外枠*/
#contents {width:765px; margin:0px auto; background:url("../img/contents.gif") repeat-y left top; background-color:#ffffff; border-bottom:1px #cccccc solid;      
}


#contents div.inbox {margin:0 auto; padding:10px 15px 10px;}

#contents h2 {margin-left:20px;}
#contents p  {margin-left:20px;}


/***************************/
/*フッター
/***************************/
#footer    {position:relative; width:765px; height:60px; margin:10px auto; font-size:12px;}

.NIES      {position:absolute; top:0px; left:0px; }
.bnr       {position:absolute; top:0px; left:565px;}
.copyright {position:absolute; top:10px; left:85px;}




/***************************/
/* 部品  
/***************************/
/*ボタン：ページの先頭へ*/
.topbtn   {clear:both; width:100%; margin-top:20px; height:30px; background:url("../img/footerline.gif") repeat-x left bottom; text-align:right;}
.topbtn a {width:104px; height:30px; display:block; margin:0 0 0 auto;}

/*回り込み*/
.floatc {clear:both;}

/*トップ：更新日*/
#mapbox-main span.updated {position: absolute; top: 360px; left: 10px; width: 180px; height: 20px; text-align: center; font-weight:bold; font-size: 0.8em;}


/*リンクマーク*/
.mk_link {background:url("../img/mk_link.gif") no-repeat left center; padding-left:15px;}


/************************************************/
/*トップページ
/************************************************/
#mapbox-main {position:relative; width:733px; height:495px; border:1px #dddddd solid; margin:0 auto 10px;}
#mapbox-main div.listbtn {position:absolute; top:450px; left:25px; width:147px; text-align:center; font-size:12px; border:2px #dddddd solid; background-color:#f5f5f5; padding:7px 0; font-weight:bold;}

/*お知らせ*/
.infobox {margin-bottom:5px; width:100%; height:50px;}
.infobox iframe {width:510px; height:100%; margin-left:20px;}




/************************************************/
/*シナリオページ
/************************************************/


/*地図*/
.mapbox {width:733px; margin:0 auto 20px; border:1px #dddddd solid;}


/*シナリオ一覧*/
.tbl-report {table-layout:fixed; width:100%; margin-bottom:30px; font-size:0.9em;}
.tbl-report tr {background:url("../img/line_t.gif") repeat-x left bottom;}
.tbl-report td {padding:0.5em 1em 15em; background:url("../img/line_t.gif") repeat-y right top; vertical-align:top; position:relative;}
.tbl-report td b {font-size:1.1em; display:block;}
.tbl-report td span {font-size:0.9em; display:block;}
.tbl-report td a {text-decoration:none; position:absolute; bottom:1.25em; left:1em;}
.tbl-report td div.cover {margin:5px 0 8px;}
.tbl-report td div.cover img {display:block; border:1px #dddddd solid; width:100px; height:140px; margin-bottom:5px;}
.tbl-report td div.writer {font-size:0.85em; font-weight:bold; line-height:1.3em; color:#000;}
.tbl-report td a div.link {background:url("../img/mk_link.gif") no-repeat left center; padding:1px 10px 1px 15px; text-decoration:underline;}
.tbl-report div.memo {font-size:0.8em; margin-top:5px; color: #003500;}
.tbl-report tr td:last-child {background:none;}

/************************************************/
/*シナリオ一覧
/************************************************/
#reportlist h3           {border-top:1px #cccccc solid; border-right:1px #999999 solid; border-bottom:1px #999999 solid;  border-left:1px #cccccc solid; margin-bottom:10px;}
#reportlist h3~h3        {margin-top:30px;}
#reportlist h3 a         {background:url("../img/mk_link.gif") no-repeat left center; padding-left:15px;}
#reportlist h4           {margin-bottom:5px;}
#reportlist span.updated {display:block; text-align:right; margin-top:10px; margin-right:10px;}

.tbl-list {width:100%; border:1px #dddddd solid; border-collapse:collapse;}

.tbl-list td                  {border-bottom:2px #dddddd solid; border-right:1px #dddddd dotted; padding:5px;}
.tbl-list td.country          {width:90px; text-align:center; font-size:0.9em;}
.tbl-list td.cover            {width:70px;}
.tbl-list td.cover img        {display:block; margin:0 auto; width:60px; height:80px; border:1px #dddddd solid;}
.tbl-list td.title            {padding:5px 10px; font-weight:bold;}
.tbl-list td.title div.writer {font-weight:normal; background:url("../img/line.gif") repeat-x left top; margin-top:10px; padding-top:10px;}
.tbl-list td.date             {width:110px; text-align:center; font-size:0.9em;}


/*印刷調整*/
.print-btn       {text-align:right; margin-bottom:-10px;}
.print-btn input {background-color:#0974AA; border:1px #cccccc solid; color:#ffffff; padding:3px 10px; cursor:pointer;}
.print-btn input:hover, .print-btn input:focus {opacity:0.8;}
.print-btn form  {margin:0; padding:0;}

span.fts {font-size:0.85em !important; display:inline !important;}