body   {
}

a        {decoration:none;
          text-decoration:none;
          line-height: 1.5em;
}
a:link { color: #000080 ; }
a:visited { color: #000080 ; }

a.next  {color: #306bad;
          text-decoration: none;}

a.next:hover  {color: #306bad;
                background-color:#ffff99;
                text-decoration: none;}

a.next:visited  {color: #306bad;
           text-decoration: none;}

h1       {
          background-image: url(titleb-m.png);
          background-repeat: repeat-y;
          margin-top: 0;
          margin-bottom: 0}

hr       {height: 1px;
          color:#1d3770}

/* コンテナ */
div#container  {font-size: 1.25em;
                margin-left:auto;
                margin-right:auto;
}



/* メニュー */

p#menu    { padding-left: 0.5em; }

p#menu a  {decoration:none;
          text-decoration:none;
          line-height: 1.5em;
          white-space: nowrap;
}

ul#menu      {font-size: 1.25em;
              margin-top: 0;
              margin-left: 0;
              padding-left: 0;
              height: 40px}

ul#menu li   {list-style-type: none;
              float: left}

ul#menu li a  {display: block;
              width: 149px;
              line-height: 40px;
              text-decoration: none;
              text-align: center;
              color: #ffffff;
              background-image:  url(menub1-m.png);
              border-right: solid 1px #ffffff}

ul#menu li a:hover {background-image:  url(menub2-m.png)}

ul#menu li.menulast a {border-right: none}



/* コンテンツ */

div#content   {font-size: 1em;
        margin-left: auto;
        margin-right: auto
        
}

div#content h2  {font-size: 1em;
                 background-color: #014471;
                 background-image: url(bar-h2b-m.png);
                 background-repeat: repeat-y;
                 color: #ffffff;
                 padding-left: 10px;
                 padding-right: 10px;
                 margin-bottom: 0;
                 clear: both}

div#content h3  {font-size: 1em;
                 background-image: url(bar-h3b-m.png);
                 background-repeat: repeat-y;
                 padding-left: 30px;
                 padding-right: 10px;
                 margin-top: 30px;
                 margin-bottom: 20px;
                 clear: both}

div#content p    {
                 padding-right: 10px;
                 margin-top: 10px}


.off             {margin-bottom: 15px}

.map             {margin-top: 10px}

.qr        {vertical-align:middle}


/* テーブル */

table            {border: none}

th               {vertical-align: top}

td               {padding-left: 20px;
                  }

div.stc          {font-size:0.85em;
                  line-height: 1.6;
                  margin-top: 0;
                  padding-top: 0;
                  vertical-align: top}
                  
p.blank           {line-height: 5px}

/* フッター */

div#footer {
	background-image: url(line-blue.png);
            background-repeat: repeat-x;
            margin-top: 25px;
            padding-top: 8px;
                 clear: both}

address  {
	font-size: 0.75em;
          font-style: normal;
          text-align: center;
          margin-bottom: 10px
}

.wrapper{
margin-left: auto;
margin-right: auto
margin-bottom: 20px;
}

.contleft{
margin-bottom: 20px;
padding-right: 10px;
font-weight: bold;
text-align: center;
}

.contright{
padding-right: 10px;
margin-bottom: 20px;
}

.mobilehidden{
display: none;
clear: both}
}

.portrait ul#menu {
        margin-bottom: 130px;
}

.portrait div.mobileheader img	{width: 100%;
		height: auto}

.portrait div.contleft img	{width: 100%;
		height: auto}

.portrait div.contright img	{width: 100%;
		height: auto}

.landscape ul#menu {
        margin-bottom: 90px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}