/*
	Minimal CSS
	minimalcss.com
*/

/* Reset */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Layout */
body { background-color: #fff; color: #333;	font: 14px/20px -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; } 

header { width: 100%; margin: 0 auto; position: relative; padding: 20px 0; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.logo { font-size: 20px; color: #333; }

nav ul { margin: 0; }
nav ul li { display: inline; margin-right: 20px; font-size: 16px; line-height: 28px; color: #333; }
nav ul li a { color: #555; }

.container { position: relative; text-align: left; width: 960px; max-width: 90%; margin: 0 auto; height: 90%; }

footer { border-top:1px solid #ccc; font-size:10px; line-height:14px; color:#999; }
footer a { color:#999999; }
footer a:hover { color:#105CB6; }
footer ul li { display:inline; list-style:none; padding-left:20px; }

/* Typography */
a { color: #105CB6; text-decoration: none; }
a:hover, a:focus { color: #105CB6; text-decoration: underline; }
a:active { color: #105CB6; }

h1 { font-size: 30px; line-height: 36px; margin-bottom: 20px; }
h2 { font-size: 24px; line-height: 20px; margin-bottom: 20px; }
h3 { font-size: 20px; line-height: 20px; margin-bottom: 10px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 10px; }
h5 { font-size: 14px; line-height: 20px; margin-bottom: 20px; }
h6 { font-size: 12px; line-height: 20px; margin-bottom: 20px; }
h1,h2,h3,h4,h5,h6 { color: #555; }

p { margin-bottom: 20px; }

.float-left     { float: left; }
.float-right    { float: right; }
img.float-left  { float: left; margin: 0 20px 20px 0; }
img.float-right { float: right; margin: 0 0 20px 20px; }
img.center 		{ margin: 0 auto; display: block; }

.text-left 	  { text-align: left; }
.text-center  { text-align: center; }
.text-right   { text-align: right; }
.text-justify { text-align: justify; }

/* Misc */
hr { background-color: #ccc; border: 0px; color: #ccc; height: 1px; margin-bottom: 20px; }

pre, code { background-color: #eee; display:block; padding:10px; }

pre {
	margin-bottom: 20px;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

blockquote { margin: 10px 10px 20px; padding: 9px; background-color: #f8f8f8; color: #666; border-left: 5px solid #ddd; font: 14px/20px Georgia, Times, serif; quotes: "\201C" "\201D"; }
blockquote p { margin: 0; }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after  { content: close-quote; font-weight: bold; }

/* List */
ul { margin-bottom: 20px; list-style-position:inside; }
ol { margin-bottom: 20px; list-style-position:inside; }
li { padding-left: 1em; text-indent: -1em; }
ul ul, ol ol { margin-bottom:0; }

/* Form */
fieldset { position: relative; border-top:1px solid #ccc; padding: 10px; margin-bottom:20px; }
fieldset legend { font-weight:bold; font-size:16px; padding: 0 5px; }

/* Table */
table {
	margin-bottom: 20px;
	width: auto;
	text-align: left;
}
th { font-weight: bold; }
td {
	vertical-align: top;
}
tfoot { font-style: italic; }

/* Span */
.ml50 { margin-left: 50px; }
.ml10 { margin-left: 10px; }
.fl { float: left; }
.pl1em { padding-left: 1em; }
.pl3em { padding-left: 3em; }
.ib { display: inline-block; font-size: 12px; color: #333;}
.ib1em {
  display: inline-block;
  padding-left : 1em;
}

/* Print */
@media print {
	* {
		text-shadow: none !important;
		background: transparent !important;
		box-shadow: none !important;
		color: #000 !important;
	}
}

/* Image */

img {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}