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

/* home */

#top {
 background-image: url(../img/top_image.jpg);
 background-attachment: fixed; 
 overflow: hidden;
 margin: 0 -13px -2em -13px;
 padding: 10px;
}

#wrapper {
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 min-width: 1000px;
 overflow: hidden;
}

#home_left {
    width: 50%;
    float: left;
}


#home_right {
    float: right; 
    width: 49%;
}

.tp_box {
 padding: 5px; 
 background-color: white;
}


/* begin Box, Sheet */
.art-sheet
{
  position: relative;
  margin: 0 auto;
  min-width: 43px;
  min-height: 43px;
  margin-top: -5px;
  margin-bottom: -5px;
  cursor:auto;
}

.art-sheet-body
{
  position: relative;
  padding: 15px;
    padding-top:15px;
    padding-bottom:15px;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl
{
  position: absolute;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl
{
  width: 62px;
  height: 62px;
  background-image: url('../img/sheet_s.png');
}

.art-sheet-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 31px, 31px, auto);
}

.art-sheet-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 31px, 31px);
}

.art-sheet-bl
{
  bottom: 0;
  left: 0;
  clip: rect(31px, 31px, auto, auto);
}

.art-sheet-br
{
  bottom: 0;
  right: 0;
  clip: rect(31px, auto, auto, 31px);
}

.art-sheet-tc, .art-sheet-bc
{
  left: 31px;
  right: 31px;
  height: 62px;
  background-image: url('../img/sheet_h.png');
}

.art-sheet-tc
{
  top: 0;
  clip: rect(auto, auto, 31px, auto);
}

.art-sheet-bc
{
  bottom: 0;
  clip: rect(31px, auto, auto, auto);
}

.art-sheet-cr, .art-sheet-cl
{
  top: 31px;
  bottom: 31px;
  width: 62px;
  background-image: url('../img/sheet_v.png');
}

.art-sheet-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 31px);
}

.art-sheet-cl
{
  left: 0;
  clip: rect(auto, 31px, auto, auto);
}

.art-sheet-cc
{
  position: absolute;
  top: 31px;
  left: 31px;
  right: 31px;
  bottom: 31px;
  background-color: #FFFFFF; 
}

#art-page-background-top-texture, #art-page-background-middle-texture{
  min-width: 450px;
}
/* end Box, Sheet */
 

/* begin Layout */
.art-content-layout
{
  display: table;
  position:relative;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent; 
  border: none !important;
  padding:0 !important;
  width:100%;
  margin-top:0;
  margin-bottom:0;
}
.art-layout-cell, .art-content-layout-row
{
  background-color: Transparent;
  vertical-align: top;
  text-align: left;
  border: none;
  margin:0;
  padding:0;
}

.art-content-layout .art-content-layout{margin:0;}
.art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;}
.art-layout-cell .art-layout-cell{display: block;}
.art-content-layout-row {display: table-row;}
.art-layout-glare{position:relative;}
/* end Layout */


ul.pagelink3 {
    list-style-type: none;
    list-style-position: outside;
    list-style-image: url(//www.jma.go.jp/jma/en/common/sublink1.gif);
    margin: 0em;
    padding: 0em 0em 0em 1.6em;
    line-height: 150%;
    font-size: 80%;
}

ul.pagelink4 {
    list-style-type: none;
    list-style-position: outside;
    list-style-image: url(//www.jma.go.jp/jma/en/common/sublink2.gif);
    margin: 0em;
    padding: 0em 0em 0.2em 1.6em;
    line-height: 150%;
    font-size: 80%;
}

div.info_left {
    width: 49%;
    float: left;
}

div.info_right {
    width: 49%;
    float: right;
}

div.home_information_warn {
    border: thin solid #fc9b9a;
    background-color: #fef8f8;
    margin: 0em 0em 0.5em 0em;
    padding: 0.4em;
    line-height: 150%;
}

div.home_information_info {
    border: thin solid #7886b6;
    background-color: #edeff5;
    margin: 0em 0em 0.5em 0em;
    padding: 0.4em;
    line-height: 150%;
}

div#ui-tab {
    text-align:center;
}