@charset "utf-8";

/* ========================================================================================================================/
	
	Document : style.css

/======================================================================================================================== */

body {
	min-width:800px !important;
	}

section {
	width:calc(100% - 40px) !important;
	max-width:800px;
	text-align:left;
	box-sizing:bordr-box;
	margin:100px auto;
	max-height:99999px;
	}

	section .inner {
		margin:0 0 50px 0;
		}
		section .inner h2 {
			font-size:20px;
			text-indent:-6.9em;
			letter-spacing:0.1em;
			box-sizing:border-box;
			border-bottom:dotted 1px #ffffff;
			margin:0 0 20px 0;
			padding:0 0 10px 6.9em;
			}
			section .inner h2 span {
				font-size:15px;
				font-weight:normal;
				letter-spacing:0;
				}
		section .inner img {
			max-width:800px;
			height:auto;
			margin:0 0 15px 0;
			}
		section .inner p {
			text-align:left;
			padding-bottom:30px;
			}
		/*section .inner img {
			float:right;
			max-width:300px;
			height:auto;
			margin:0 0 20px 20px;
			}
		section .inner p {
			text-align:left;
			}*/

	section .news {
		float:left;
		width:500px;
		box-sizing:border-box;
		border:solid 1px #ffffff;
		padding:20px;
		max-height:99999px;
		}

	section .archive {
		float:right;
		width:250px;
		box-sizing:border-box;
		border:solid 1px #ffffff;
		padding:20px;
		max-height:99999px;
		}
		section .news h3,
		section .archive h3 {
			font-size:17px;
			box-sizing:border-box;
			border-bottom:dotted 1px #ffffff;
			margin:0 0 20px 0;
			padding:0 0 10px 0;
			}
		section .news ul,
		section .archive ul {
			margin:-5px 0 0 0;
			list-style:none;
			}
			section .news ul li,
			section .archive ul li {
				margin:5px 0 0 0;
				}
				section .news ul li a,
				section .archive ul li a {
					color:#ffffff;
					}