body,h1,h2,h3,h4,h5,p,ul,li,ol{
	margin:0;
	padding: 0;
	font-family: "meiryo",sans-serif;
}
ul,li{
	list-style-type: none;
}
body{
	background-color: "#f2f2f2";
}
#site-logo{
	background-color: #444;
	margin:0;
	padding:10px 0 0 0;
	text-align: center;
}
#site-logo img{
	height: 40px;
}
#header{
	border-bottom:1px solid #ddd;
	padding: 0 0 30px 0;
}
.header-image{
	width:100%;
}
.header-image img{
	width:100%;
}
.header-title{
	margin:0 0 0 30px;
}
.header-title h1{
	font-family: 'Kreon', serif;
	font-size: 40pt;
	color:#444;
	width:100%;
	max-width:600px;
	margin:40px 30px 20px 0;
}
.header-title h1 img{
	width:100%;
}
.header-title h2{
	font-size:20pt;
	line-height: 1.2;
	color:#666;
}
.header-lead{
	line-height:1.6;
	margin:20px 0 0 30px;
	width:70%;
	font-size:10pt;
	color:#666;
}
.header-lead p{
	padding:0 0 5pt 0;
}
#content{
	margin:0 0 30px 0;
	padding:30px 50px 30px 30px;
	max-width: 800px;
	color:#555;
}
#content h3{
	font-size:20pt;
	padding:30px 0 30px 0;
	line-height: 1.3;
}
#content p{
	font-size:11pt;
	padding:0 0 1em 0;
	line-height:1.7;
}



#content .inline-image{
	padding:0;
	border:1px solid #ccc;
	margin:30px auto 40px auto;
	max-width:540px;
}
#content .inline-image img{
	width:100%;
}

#content .horizonal-images{
	width:100%;	
}
#content .horizonal-images:after { content: ""; display: block; clear: both; }
#content .horizonal-images .inline-image{
	width:48%!important;
	float:left;
	margin-right:5px;
}

#content .inline-image p{
	font-size: 0.7rem;
	line-height:1.1;
	margin:0;
	padding:8px;
}
#content table{
	margin:30px auto 30px auto;
}
#content table caption{
	background-color: #999;
	color:white;
}
#content table th{
	font-weight: normal;
	font-size: 80%;
	background-color: #ddd;
	padding:5px;
}
#content table td{
	font-size:80%;
	padding:4px;
}

#footer{
	border-top:1px solid #ddd;
	padding:30px 50px 0px 0;
}
#footer p{
	color:#888;
	text-align: right;
	font-size:8pt;
}
#social-buttons-side{
	top:auto!important;
	bottom:100px!important;
	display: block;
}
#social-buttons-bottom{
	display:none;
}


div.video-container {
    position: relative;
    width: 80%;
    padding-top: 56.25%;
    margin:30px auto 30px auto;
}
 
div.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
ul li{
	margin-bottom:10px;
}