@charset 'utf-8';

#rightLocalNavigation .navigationBox .body .subMenu .position2-1 {
    background-color: #dee5f1;
}

#mapImage {
    margin-left: 27px;
}

#area_index_japan {
  width: 635px;
  height: 551px;
  background-image: url('/knowledge/area/shared/img/nihon.jpg');
  background-repeat: no-repeat;
  margin: 20px 0 15px;
  position: relative;
}

#area_index_japan p,
#area_index_japan div {
  margin: 0 ;
  padding: 0 ;
  border: none ;
  text-align: left;
}

#form_hokkaido {
  position:absolute;
  top: 100px;
  left: 500px;
}

#form_tohoku {
  position:absolute;
  top: 270px;
  left: 460px;
}

#form_kanto {
  position:absolute;
  top: 370px;
  left: 440px;
}

#form_hokuriku {
  position:absolute;
  top: 310px;
  left: 300px;
}

#form_tokai {
  position:absolute;
  top: 415px;
  left: 310px;
}

#form_kansai {
  position:absolute;
  top: 375px;
  left: 240px;
}

#form_tyugoku {
  position:absolute;
  top: 340px;
  left: 160px;
}

#form_shikoku {
  position:absolute;
  top: 435px;
  left: 190px;
}

#form_kyusyu {
  position:absolute;
  top: 400px;
  left: 40px;
}

#form_txt {
  position:absolute;
	bottom:10px;
  left: 250px;
  font-weight: bold;
  line-height: 1.5;
}


#area_index_japan .menu {
    position: absolute;
    left: 38px;
    top: 36px;
    width:280px;
    height:270px;
}

#area_index_japan .selectWrapper {
    display: block;
    width:300px;
    margin-top: 2px;
}

#area_index_japan .selectWrapper .btn {
    margin-left: 10px;
    float:left;
    width:100px;
}

#area_index_japan .selectWrapper .btn img{
    width:100px;
}

#area_index_japan .selectWrapper select {
    margin-left: 5px;
    width:130px;
}


/*写真部分のレイアウト*/
#imgBoxTable {
  width: 635px;
  font-size: 120% !important;
}

#imgBoxTable td li{
  list-style: none;
}
#imgBoxTable tr {
  height:24px;
  line-height:24px;
}

#imgBoxTable td.imgBoxTableTop{
}

#imgBoxTable td a{
  background-image: url('/shared/img/arrow_middle_right.gif');
  background-repeat: no-repeat;
  background-position-y: 60%;
  padding-left: 1.5em;
  margin-left: 0.5em;
}

/*knowledge共通css*/

/*arrowBoxが元のサイズ指定が*/
/*height:auto !important;なので*/
/*文字サイズによっては途切れてしまうのを防ぐため*/
#mainArea .arrowBox_020 .arrow_020{
    min-height:58px;
    vertical-align: middle;
}

#mainArea .arrowBox_020 .arrow_010{
    min-height:58px;
    vertical-align: middle;
}

#mainArea .arrowBox_020 p {
}

/*要素をディスプレイに表示しない*/
.hidden {
    display:none;
}

/*span要素に色を持たせる*/
span .colorRed {
    color:red;
}

span .colorBlue{
    color:blue;
}

/*custom2colum*/
#mainArea .knowledge2Column {
    width: 640px;
    padding: 0px;
}

#mainArea .knowledge2Column .column {
    width: auto;
    height: auto;
    padding: 0px;
}

#mainArea .knowledge2Column .leftcolumn {
    margin: 0px 25px 0px 0px;
    float:left;
}

#mainArea .knowledge2Column .rightcolumn {
    margin: 0px 0px 0px 25px;
    float:right;
}
#mainArea .knowledge2Column p {
    padding: 0;
    margin:0px 0px 20px;
}

.linkageBox ul.link li {
    list-style:none;
    float:right;
    margin:0;
    width:90%;
}

.smallText {
    font-size:80%;
}

/* 画像のみのdivなどに適応 適切なスペースをとる*/
.btnSpace {
    margin-left: 30px;
}

.btnSpace img{
    margin-top: 10px;
    width:95%;
}

/* 5つ並びのdiv*/
.split5Column {
    list-style-type:none;
    width      : 17%;
    padding    : 5px;
    text-align : center;
    float: left;
}

.split5Column img {
    width      : 100%;
    margin     : auto;
}


.split5Column span {
    font-size:80%;
}

.bold {
    font-weight:bold;
}

.timeBlock {
    margin-top: 1ex;
    display: block;
}

.textBlock {
    padding-left: 6ex;
    display: block;
}

/*初期設定だとnavと被ってしまうから*/
#tagline h1 span {
    width:520px;
    display: block;
}

#mainArea .image{
	margin-bottom:20px;
}