@font-face {font-family: 'Miso';src: url('webfonts/23940C_0_0.eot');src: url('webfonts/23940C_0_0-.eot#iefix') format('embedded-opentype'),url('webfonts/23940C_0_0.woff') format('woff'),url('webfonts/23940C_0_0.ttf') format('truetype');}

/* ヘッダを fixed-top で固定しているのでアンカーリンクのズレを補正する */
h2, h3 {
  margin-top : -65px;
  padding-top : 65px;
}

/* リセット設定 */
* { margin: 0; padding: 0; border: 0; vertical-align: baseline;  font-family: Lato, Arial, Helvetica, sans-serif; font-size: inherit;  }

a:link { color: #00569B; text-decoration: none; }
a:visited { color: #3791D6; text-decoration: none; }
a:hover { color: #F15A24; text-decoration: none; }
a:active { color: #F15A24; text-decoration: none; }

nav.navbar{
  border-bottom:1px solid #3396C3;
}

/* ページ親コンテイナ */

footer{
 background:#00569B;
 margin-top:10px;
 padding:15px;
 height:50px;
 border-style: solid;
 border-color: #3396C3;
 font-size: 14px;
 color: #ffffff;
 clear:both;
 }

/* 左ナビゲーションメニュー */
@media screen and (min-width:576px) {
  .sidebar{
    border-right:1px solid #3396C3;
    background:#ffffff;
  }
}
@media screen and (max-width:576px) { 
  .sidebar{
    position: static;
    top: 0px;
    bottom: 0px;
    left: 0;
    z-index: 1000;
    padding: 20px 0;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    border-right:0px;
    background:#ffffff;
  }
}

ul li.nav-link {list-style-type:disc;}
a.nav-link {color: black;}
a.nav-link :link { color: #00569B; text-decoration: none; }
a.nav-link :visited { color: #3791D6; text-decoration: none; }
a.nav-link :hover { color: #F15A24; text-decoration: none; }
a.nav-link :active { color: #F15A24; text-decoration: none; }

.nav-link {
    padding: .3rem 0rem;
}

/* 右コンテナ */
#contents_inner{
  padding:20px 20px 80px 20px;
}

h1, h2, h3, h4, h5, h6 {font-family:'Roboto Slab', "Trebuchet MS", sans-serif; }
h1 {font-size: 30px; color:black; font-weight:700; margin:10px 0 15px 0; }
h2 {font-size: 24px; color:black; font-weight:700; margin:30px 0 5px 0; }
h3 {font-size: 20px; color:black; font-weight:600; margin:30px 0 2px 0;}
h4 {font-size: 16px; margin: 10px 0 5px 0; }
h5 {font-size: 14px; font-weight: bold; color: black; margin-top:20px;  padding-left:1em;}
p {font-size: 14px;}

hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #3396C3;
  margin: 30px 0 30px 0;
}

li.annotation {
    list-style-type: none;
}

table {
  margin: 20px 0 0 20px;
 	border-collapse: collapse;
	border: 0.5px solid #859697;
}

th {
	font-weight: bold;
	border-bottom: 0.5px solid #859697;
	border-left: 0.5px solid #859697;
	background-color: #D1E5F4;
	font-size: 14px;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}

th.type {
	margin: 20px;
	border-bottom: 0.5px solid #859697;
	background-color: #D1E5F4;
	vertical-align: middle;
	font-size: 14px;
}

td {
  margin: 0 2px 0 2px;
  word-wrap: break-word;
	border-bottom: 0.5px solid #859697;
	border-left: 0.5px solid #859697;
	font-size: 14px;
  padding:10px;
  vertical-align: middle;
  height: 10px;
}


td.left {
  margin: 0 2px 0 2px;
	text-align: left;
  word-wrap: break-word;
	border-bottom: 0.5px solid #859697;
	border-left: 0.5px solid #859697;
	font-size: 14px;
  padding:10px;
  vertical-align: middle;
  height: 10px;
}

img.logo{
	width: auto;
	height: 40px;
}

#tothetop p{
	text-align: right;
	padding: 5px;
	border-bottom: 2px solid #F15A24;
}

code.linenums {
  font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
}

code.linenums {
  font-size: 14px
  line-height:1.4;
}

/* Adjust for Japanese  *****************/
.contentheading {
    font-size: 28px;
    color: #ffffff;
    font-weight: 700;
    margin: 10px 0;
}

ul.unordered li {
    list-style-type: disc;
}
ul.unordered ul li {
    list-style-type: circle;
}

p.right{
	text-align: right;
	padding: 5px 40px 0px 5px;
}

 ol li.docotitle{
  	color: #404040;
  	border-left: solid 6px #3396C3;
  	border-bottom: solid 2px #dadada;
  	background: whitesmoke;
  	margin-bottom: 5px;
  	line-height: 40px;
  	padding: 10 10 10 20;
  	list-style-type: none!important;
  	font-weight: bold;
	  font-size: 18px;
}

 p.deco-source{
  color: #404040;
  border-left: solid 6px #758A99;
  background: whitesmoke;
  margin-bottom: 10px;
	margin-left: 20px;
  line-height: 30px;
  padding: 10 10 10 20;
	font-size: 16px;
}

 p.text{
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 16px;
}

 h4.deco-title{
	color: #404040;
  border-left: solid 6px #F15A24;
  border-bottom: solid 2px #dadada;
  background: whitesmoke;
  margin-bottom: 5px;
  line-height: 40px;
  padding: 10 10 10 30;
  list-style-type: none!important;
  font-weight: bold;
	font-size: 18px;
}

 h4.sub-title{
  color: white;
  padding: 7px 30px 7px 20px;
  display: inline-block;
  line-height: 1.3;
  background: #EFA823;
  vertical-align: middle;
  border-radius: 25px 25px 25px 25px;
	font-size: 18px;
	margin-left: 10px;
}

 h4.sub-title:before {
  content: '●';
  color: white;
  margin-right: 8px;
}

.button-blue {
	padding: .5em .5em;
	border: 1px solid #3396C3;
	border-radius: 4px;
	width: 300px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color:#3396C3;
	font-size: 16px;
	color: #FCFCFC;
	font-weight: bold;
}

/* 比較表*****************/

table.api{
  margin: 20px;
 	border-spacing: 2px;
  border-collapse: separate;
  border: 1px; color:#fff;
}

td.prologo-api{
	padding: 5px;
	text-align: center;
	vertical-align: middle;
  border: none;
	background: #F4D9E2;
	font-size: 14px;
	border-radius: 3px;
}

td.umllogo-api{
	padding: 5px;
	text-align: center;
	vertical-align: middle;
  border: none;
	background: #D7E5F2;
	font-size: 14px;
	border-radius: 3px;
}

td.comlogo-api{
	padding: 5px;
	text-align: center;
	vertical-align: middle;
  border: none;
	background: #F2E4D7;
	font-size: 14px;
	border-radius: 3px;
}

td.pro-api{
	padding: 1px;
	text-align: center;
	vertical-align: middle;
  border: none;
	background: #F4D9E2;
  color: black;
	border-radius: 3px;
}

td.uml-api{
	padding: 5px;
	text-align: center;
	vertical-align: middle;
  border: none;
	background: #D7E5F2;
	font-size: 14px;
  color: black;
	border-radius: 3px;
}

td.com-api{
	padding: 5px;
	text-align: center;
	vertical-align: middle;
  border: none;
	background: #F2E4D7;
	font-size: 14px;
  color: black;
	border-radius: 3px;
}

td.class-api{
	padding: 5px;
	text-align: center;
	vertical-align:middle;
	border: none;
	background: #eee;
	font-size: 14px;
  color: black;
	border-radius: 3px;
}

td.item-api{
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border: none;
	background: #F08080;
	font-size: 18px;
  color: #fff;
	border-radius: 4px;
  font-weight: bold;
}

img.yn-api{
	width: 45px;

/* Navigation  *****************/
#navigation h1, h2, h3, h4, h5, h6 { font-family:'Roboto Slab', "Trebuchet MS", sans-serif; }
#navigation h1 { font-size: 16px; color:#ffffff; font-weight:700; }
#navigation h2 { font-size: 14px; color:#black; font-weight:400; margin:10px 0 5px 0; }
#navigation h3 { font-size: 12px; color:#8CC450; font-weight:400; margin: 8px 0 4px 0; }
#navigation h4 { font-size: 16px; margin: 10px 0 5px 0; }
#navigation h5 { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #333333; }
#navigation p { font-size: 14px; line-height: 20px; margin-bottom:10px; }
#navigation img {border:none; /*margin: 10px 5px 10px 5px;*/}
#navigation img a{border:none; margin: 10px 5px 10px 5px;}
#navigation input[type=button],
#navigation input[type=submit],
#navigation button { cursor: pointer; text-decoration: none; display: inline-block; background-color: #ddd; padding: 2px 4px; border: 1px solid #aaa; }
#navigation textarea,
#navigation input[type=text],
#navigation input[type=password] { background-color: #fff; padding: 2px 4px; border: 1px solid #aaa; }