@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
	font-family:'Open Sans', sans-serif;
    font-size: 14px;
	line-height:1.8em;
    color: #555;
	background-color: #ffffff;
	margin:0px;
}

h1 {
    font-size: 1.8em;
	font-weight:normal;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 1.5em;
	padding-bottom:0.6em;
	border-bottom:solid 1px #c7c7c7;
}

h2 {
    font-size: 1.5em;
	font-weight:normal;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 1.2em;
}

h3 {
    font-size: 1.3em;
	font-weight:normal;
    line-height: 1.2em;
	margin-top: 1.2em;
    margin-bottom: 1.2em;
}

ol {
	padding-left:1.5em;
}

ul {
	padding-left:1.5em;
	list-style-type: square;
}

a {
	color:inherit;
	text-decoration:none;
}

a:hover {
	color:inherit;
	text-decoration:none;
	background-color:#289f00;
	box-sizing:border-box;
	border-radius:0.2em;
}

.link {
	text-decoration:none;
}

.link:hover {
	text-decoration:none;
	border-bottom:solid 2px #2cb100;
	background-color:inherit;
	border-radius:0;
}

.index_area {
	color:#ffffff;
	background-color:#2cb100;
	line-height:1.6em;
}

.index {
	border-left:solid 2px #248600;
	padding-left:8px;
	margin-left:1px;
	line-height:1.6em;
}

.index_on {
	border-left:solid 4px #ffffff;
	padding-left:7px;
	margin-left:0px;
	line-height:1.6em;
}

.doc_area {
}

.footer {
	font-size:1.2em;
	color:#999;
	padding:0 0 1.2em 0;
}

.icon {
	vertical-align: middle;
	height:1em;
	margin-bottom:0.2em;
	border: dotted 1px #aaa;
}

.icon_cmt {
	vertical-align: middle;
	height:1em;
	margin-bottom:0.25em;
}

.image {
	border: 1px solid #c7c7c7;
	margin-left:2px; /* To align with APN */
	margin-top:0.4em;
	margin-bottom:0.4em;
}

.apn {
	border: 3px solid #2cb100;
	margin-top:0.5em;
	/*margin-bottom:0.5em; there is text bottom of it */
}

.YTwrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.YTwrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.comment {
	background-color: #f5f5f5;
	padding:1em;
}

.email {
	vertical-align:middle;
	height:1.4em;
	margin-bottom:0.1em;
}

.keyboard {
  background-color: #f3f3f3;
  border: 1px solid #aaa;
  line-height: 1.4;
  text-shadow: 0 1px 0 #fff;
  display: inline-block;
  padding: 0.0em 0.5em 0.1em 0.5em;
  margin: 0 0.1em 0.1em;
  white-space: nowrap;
  box-shadow: 0 1px 0px rgba(0,0,0,0.2),0 0 0 2px #fff inset;
  border-radius: 4px;
}

.mouse {
  background-color: #ffffff;
  border: 1px solid #aaa;
  line-height: 1.4;
  text-shadow: 0 1px 0 #fff;
  display: inline-block;
  padding: 0.0em 0.5em 0.1em 0.5em;
  margin: 0 0.1em 0.1em;
  white-space: nowrap;
  border-radius: 0.5em;
}