html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;font: 99%/1.5 'Meiryo UI', 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Verdana, 'ＭＳ Ｐゴシック', sans-serif; letter-spacing:0.068em;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}body {-webkit-text-size-adjust: none;}/* Box Model */*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}/* Containers */.container {margin-left: auto;margin-right: auto;} .container.\31 25\25 { width: 100%; max-width: 1200px; min-width: 960px;} .container.\37 5\25 { width: 720px;} .container.\35 0\25 { width: 480px;} .container.\32 5\25 { width: 240px;}.container {width: 960px;} @media screen and (max-width: 1800px) { .container.\31 25\25 { width: 100%; max-width: 1200px; min-width: 960px;} .container.\37 5\25 { width: 720px;} .container.\35 0\25 { width: 480px;} .container.\32 5\25 { width: 240px;}.container {width: 960px;}} @media screen and (max-width: 1280px) { .container.\31 25\25 { width: 100%; max-width: 1200px; min-width: 960px;} .container.\37 5\25 { width: 720px;} .container.\35 0\25 { width: 480px;} .container.\32 5\25 { width: 240px;}.container {width: 960px;}} @media screen and (max-width: 980px) { .container.\31 25\25 { width: 100%; max-width: 1200px; min-width: 960px;} .container.\37 5\25 { width: 720px;} .container.\35 0\25 { width: 480px;} .container.\32 5\25 { width: 240px;}.container {width: 960px;}} @media screen and (max-width: 736px) { .container.\31 25\25 { width: 100%; max-width: 1200px; min-width: 960px;} .container.\37 5\25 { width: 720px;} .container.\35 0\25 { width: 480px;} .container.\32 5\25 { width: 240px;}.container {width: 960px;}} @media screen and (max-width: 480px) { .container.\31 25\25 { width: 100%; max-width: 1200px; min-width: 960px;} .container.\37 5\25 { width: 720px;} .container.\35 0\25 { width: 480px;} .container.\32 5\25 { width: 240px;}.container {width: 960px;}} /* Basic */body {background: #eee;}body.is-loading *, body.is-loading *:before, body.is-loading *:after {-moz-animation: none !important;-webkit-animation: none !important;-ms-animation: none !important;animation: none !important;-moz-transition: none !important;-webkit-transition: none !important;-ms-transition: none !important;transition: none !important;}body, input, select, textarea {font-weight: 400;}a {-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;border-bottom: dotted 1px;color: #49bf9d;text-decoration: none;}a:hover {border-bottom-color: transparent;color: #F00; !important;text-decoration: none;}strong, b {color: #787878;font-weight: 400;}em, i {font-style: italic;}p {margin: 0 0 2em 0;}h1, h2, h3, h4, h5, h6 {font-weight: 400;line-height: 1em;margin: 0 0 1em 0;}h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;text-decoration: none;}h1 {font-size: 2em;line-height: 1.5em;}h2 {font-size: 1.5em;line-height: 1.5em;}h3 {font-size: 1.25em;line-height: 1.5em;}h4 {font-size: 1.1em;line-height: 1.5em;}h5 {font-size: 0.9em;line-height: 1.5em;}h6 {font-size: 0.7em;line-height: 1.5em;}sub {font-size: 0.8em;position: relative;top: 0.5em;}sup {font-size: 0.8em;position: relative;top: -0.5em;}hr {border: 0;border-bottom: solid 2px #efefef;margin: 2em 0;}hr.major {margin: 3em 0;}blockquote {border-left: solid 6px #efefef;font-style: italic;margin: 0 0 2em 0;padding: 0.5em 0 0.5em 1.5em;}section.special, article.special {text-align: center;}header p {color: #b2b2b2;position: relative;margin: 0 0 1.5em 0;}header h2 + p {font-size: 1.25em;margin-top: -1em;line-height: 1.5em;}header h3 + p {font-size: 1.1em;margin-top: -0.8em;line-height: 1.5em;}header h4 + p,  header h5 + p,  header h6 + p {font-size: 0.9em;margin-top: -0.6em;line-height: 1.5em;}header.major h2 {font-size: 2em;}/* Table */.table-wrapper {-webkit-overflow-scrolling: touch;overflow-x: auto;}table {margin: 0 0 2em 0;width: 100%;}table tbody tr {border: solid 1px #efefef;border-left: 0;border-right: 0;}table tbody tr:nth-child(2n + 1) {background-color: #f7f7f7;}table td {padding: 0.75em 0.75em;}table th {font-size: 0.9em;font-weight: 400;padding: 0 0.75em 0.75em 0.75em;text-align: left;}table thead {border-bottom: solid 2px #efefef;}table tfoot {border-top: solid 2px #efefef;}table.alt {border-collapse: separate;}table.alt tbody tr td {border: solid 2px #efefef;border-left-width: 0;border-top-width: 0;}table.alt tbody tr td:first-child {border-left-width: 2px;}table.alt tbody tr:first-child td {border-top-width: 2px;}table.alt thead {border-bottom: 0;}table.alt tfoot {border-top: 0;}/* Button */.button {-moz-appearance: none;-webkit-appearance: none;-ms-appearance: none;appearance: none;-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;background-color: transparent;border-radius: 0.35em;border: solid 3px #efefef;color: #787878 !important;cursor: pointer;display: inline-block;font-weight: 400;height: 3.15em;height: calc(2.75em + 6px);line-height: 2.75em;min-width: 10em;padding: 0 1.5em;text-align: center;text-decoration: none;white-space: nowrap;}.button:hover {border-color: #49bf9d;color: #49bf9d !important;}.button:active {background-color: rgba(73, 191, 157, 0.1);border-color: #49bf9d;color: #49bf9d !important;}.button.icon {padding-left: 1.35em;}.button.icon:before {margin-right: 0.5em;}.button.fit {display: block;margin: 0 0 1em 0;min-width: 0;width: 100%;}.button.small {font-size: 0.8em;}.button.big {font-size: 1.35em;}.button.special {background-color: #49bf9d;border-color: #49bf9d;color: #ffffff !important;}.button.special:hover {background-color: #5cc6a7;border-color: #5cc6a7;}.button.special:active {background-color: #3eb08f;border-color: #3eb08f;}.button:disabled {background-color: #e7e7e7 !important;border-color: #e7e7e7 !important;color: #b2b2b2 !important;cursor: default;}#header strong, #header b {color: #ffffff;}#header h2, #header h3, #header h4, #header h5, #header h6 {color: #ffffff;}#header h1 {color: rgba(255, 255, 255, 0.5);font-size: 1.35em;line-height: 1.75em;margin: 0;}#header .image.avatar {margin: 0 0 1em 0;width: 6.25em;}/* Footer */#footer {bottom: 0;left: 0;padding: 0 4em 6em 0;position: fixed;width: 35%;color: rgba(255, 255, 255, 0.4);font-size: 0.8em;margin: 1em 0 0 0;padding: 0;}/* Xlarge */ @media screen and (max-width: 1800px) {/* Basic */body, input, select, textarea {font-size: 12pt;}}/* Large */@media screen and (max-width: 1280px) {/* Header */#header {padding: 6em 3em 3em 3em;width: 30%;}#header h1 {font-size: 1.25em;}#header h1 br {display: none;}/* Footer *//* Main */#main {margin-left: 30%;max-width: none;padding: 6em 3em 3em 3em;width: calc(100% - 30%);}} /* Medium */@media screen and (max-width: 980px) {/* Basic */h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {display: none;}/* List */ul.icons li .icon {font-size: 1.25em;}/* Header */#header {background-attachment: scroll;background-position: top left, center center;background-size: auto, cover;left: auto;padding: 6em 4em;position: relative;text-align: center;top: auto;width: 100%;}#header h1 {font-size: 1.75em;}#header h1 br {display: inline;}/* Footer */#main {margin: 0;padding: 6em 4em;width: 100%;}} /* Small */@media screen and (max-width: 736px) {/* Basic */h1 {font-size: 1.5em;}h2 {font-size: 1.2em;}h3 {font-size: 1em;}/* Section/Article */section.special, article.special {text-align: center;}header.major h2 {font-size: 1.35em;}/* List */ul.labeled-icons li {padding-left: 2em;}ul.labeled-icons li h3 {line-height: 1.75em;}/* Header */#header {padding: 2.25em 1.5em;}#header h1 {font-size: 1.35em;}/* Footer */#footer {padding: 2.25em 1.5em;}/* Main */#main {padding: 2.25em 1.5em 0.25em 1.5em;}#main > section {margin: 2.25em 0 0 0;padding: 2.25em 0 0 0;}}







body{
	color: #577f63;}
	
#top #main #one #title {
	color: #333;
	text-align: right;
}
	
#header {
	background-color: #1f1815;
	background-attachment: scroll, fixed;
	background:#fafcb8  url("../../images/bg.jpg");
	background-position: top left, top left;
	background-repeat: repeat, no-repeat;
	background-size: auto, auto 100%;
	color: rgba(255, 255, 255, 0.5);
	height: 100%;left: 0;
	padding: 8em 4em 0 0;position: fixed;
	text-align: right;
	top: 0;
	width: 40%;}
	
#top #header nav ul {
	font-size: small;
	border-left:none;
}

#top #header nav ul li a {
	color: #0C9;
}


/* Main */
#main {margin-left: 45%;
       max-width: 54em;
       padding: 8em 4em 4em 4em;
       width: calc(100% - 40%);}
#main > section {
	border-top: solid 2px #efefef;
	margin: 4em 0 0 0;
	padding: 4em 0 0 0;
}
#main > section:first-child {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;}


blockquote {
	font-size: small;
}

dl {
	border-left: 1px solid #ccc;
	margin-bottom:2em;		
}

dl dt{
	padding: 1em 1em 1em 0.8em;
	}
	
dl dd{
	padding: 0.5em 2em 1em 4em;
	font-size: small;
	}	
	
ol, ul{
	border-left: 1px solid #ccc;
	padding: 0em 0em 0em 1em;
	margin-top:2em;
	margin-bottom:2em;
	
}
	
aside {
	margin-left:1em;

}	
		
#top #footer ul {
	border-left:none;
	
}

#top #header h1 {
	color: #F00;
}