/*viavacocoa/go*/
* {
  box-sizing: border-box;
}

body {
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-family: sans-serif;
  font-size: 12px; /* 14px; */
  line-height: 1.8;
  color: #424040;
  /*color: #666;*/
  text-align: center;
  background-color: #fdfdfd;
}

body ul {
  list-style-type: none;
  padding: 0;
}

/* Style the header */
header {
  /*background-color: #666;*/
  /*padding: 50px;*/
  padding: 10px;
  text-align: center;
  /*font-size: 50px;*/
  font-family: sans-serif;
  /*font-weight: bold;*/
  /*color: white;*/
  /*text-shadow: 5px 5px 5px lightgray;*/
  /*box-shadow: 0px 0px 1px #000000;*/
  /*border: solid 1px;*/
  /*border-radius: 20px;*/
}

pre {
/*	width : 640px;*/
	margin-top : 13px;
	overflow : hidden;
	border : solid thin Silver;
	

	margin-left : 6px;
	margin-right : 6px;

	padding : 5px 5px 5px 5px;
	line-height: 15px;
	background-color : #eeeeee;
	font-size: 13px;
}

div.toc {
    width: 220px;
    background-color: #fafafa;/*#f1f1f1;*/
    padding: 0% 2%;
    border-radius: 3px;
    border: solid 1px #aaa;
}
div.title {
    font-weight: bold;
    text-align: center;
}

/* Container for flexboxes */
/*
section {
  display: -webkit-flex;
  display: flex;
}
*/

section > h1 {
    padding-top: 60px;
    border-bottom: solid 1px lightgrey;
}

/* Style the navigation menu */
nav {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  /*background: #ccc;*/
  padding: 20px;
}

/* Style the list inside the menu */
nav ul {
  list-style-type: none;
  padding: 0;
}

/* Style the content */
article {
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  /*background-color: #f1f1f1;*/
  padding: 10px;
}

/* Style the footer */
footer {
  /*background-color: #777;*/
  padding: 10px;
  font-size:12px;
  text-align: center;
  /*color: white;*/
  /*text-shadow: 5px 5px 5px gray;*/
  /*box-shadow: 0px 0px 1px #000000;*/
  /*border:solid 1px;*/
  /*border-radius: 20px;*/
}

/* Responsive layout - makes the menu and the content (inside the section) sit on top of each other instead of next to each other */
/*
@media (max-width: 600px) {
  section {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
*/
a {
    color: #0099f7;
    text-decoration: none;
}
a:hover {
    color: #9b0700;
    text-decoration:underline;
}

.container {
  /*width: 1000px;*/ /*必要な幅に設定*/
  margin: auto; /*ブラウザ中央に配置*/
}
.container:after { /*clearfix設定*/
  content:"";
  display:block;
  clear:both;
}
.left_wrap {
  /*width: 49%;*/ /*左カラム幅設定*/
  /*width: 33%;*/
  width: 25%;
  float: left; /*左にフロート配置*/
  /*float: right;*/
}
.left_wrap2 {
  width: 33%;
  float: left; /*左にフロート配置*/
  /*float: right;*/
}
.right_wrap {
  /*width: 49%;*/ /*右カラム幅設定*/
  width: 33%;
  /*float: right;*/ /*右のフロート配置*/
  float: left;
}
.middle_wrap {
    width: 33%;
    float: left;
}
.center_wrap {
    margin:auto;
    width: 95%;
}

div.text {
    font-size: 12px;
}
h1 {
    text-shadow: 1px 1px 1px lightgray;
    font-weight: lighter;
    border-bottom: 1px solid #aaa; /*#aaa;*/
}
h2 {
    text-shadow: 1px 1px 1px lightgray;
    font-weight: lighter;
    margin-top: 60px;
    /*padding-top: 40px;*/
    /*border-bottom: 1px solid;*/ /*#aaa;*/
}
h3 {
    text-shadow: 1px 1px 1px lightgray;
    font-weight: lighter;
    /*margin-top: 60px;*/
    /*border-bottom: 1px solid #aaa;*/
    /*text-decoration: underline;*/
}
h4 {
    text-shadow: 1px 1px 1px lightgray;
    font-weight: lighter;
    /*border-bottom: 1px solid;*/
}
h5 {
    text-shadow: 1px 1px 1px lightgray;
    font-weight: lighter;
    /*border-bottom: 1px solid;*/
}
h6 {
    text-shadow: 1px 1px 1px lightgray;
    font-weight: lighter;
}
div.centerleft {
    display: inline-block;
    text-align: left;
}
div.centerleft2 {
    display: inline-block;
    text-align: left;
    /*text-align: center;*/
    /*width: 30%;*/
    /*width: 300px;*/
    width: 60%;
}

code {
    /*padding: 10px;*/
	/*border: 1px solid #666 ;*/
	/*background: #ccc;*/
	/*box-shadow: 0px 0px 1px #000000;*/
	/*font-size: 14px;*/
	/*font-family: Courier;*/
	/*font-family: 'Courier', monospace;*/
	/*font-family:    Courier,
	                'DejaVu Sans Mono',
	                'Sans Bold',
	                'Serif Bold',
	                'VL Gothic Bold',
	                'WenQuanYi Micro Hei Bold',
	                'Monospace Bold',
	                'WenQuanYi Micro Hei Mono Bold',
                    monospace;*/
    font-family: Courier;
	/*color: #000;*/
}

div.cols-3 {
 column-count: 3;
 -webkit-column-count: 3; /* Chrome, Safari, Opera */
 -moz-column-count: 3; /* Firefox */
 
}

div.cols-2 {
 column-count: 2;
 -webkit-column-count: 2; /* Chrome, Safari, Opera */
 -moz-column-count: 2; /* Firefox */
 
}

li {
margin-bottom: 16px;
}