@charset "shift_jis";
/* CSS Document */


body{
	width:100%;
	height:auto;
	position:relative;
	display:block;
	border:0;
	padding:0;
	margin:0;
	color:#444444;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "游ゴシック", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4em;
	line-height:1.8;
	text-align:center;
	box-sizing: border-box;
	touch-callout:none;
	-webkit-touch-callout: none;
	-moz-touch-callout:none;
	-webkit-text-size-adjust:none;
}

#wrapper {
	width:100%;
	height:auto;
	display:block;
	padding:40px 0;
	position:relative;
	text-align:left;
	overflow:hidden;
}

@media (max-width: 800px) {
body {
	font-size:1.2em;
	line-height:1.6;
}

#wrapper {
	padding:20px 0;
}
}



/* contents =========================== */

#contents {
	width:1000px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

.w-full {
	width:100%;
	height:auto;
	margin-bottom:20px;
	overflow:hidden;
}

.w-col2-wrap {
	margin-right:-3.8461%;
}

.w-col2 {
	width:46.1538%;
	height:auto;
	margin:20px 3.8461% 0 0;
	border:5px solid #ccc;
	box-sizing:border-box;
	float:left;
}

.w-col2 img { width:100%; }

.sha2test-wrap {
	width:100%;
	height:auto;
	padding:30px;
	margin:10px 0;
	background-color:#ECF2F9;
	font-size:18px;
	color:#717984;
	font-weight:bold;
	text-align:center;
	box-sizing:border-box;	
}

.sha2test-wrap a {
	font-size:14px;
}


@media (max-width: 1000px) {
#contents {
	width:100%;
	margin:0 auto;
	padding:0 4%;
	box-sizing:border-box;
}
}

h1 {
	font-size:132%;
	font-weight:bold;
	margin-bottom:20px;
	border-bottom:1px #444444 solid;
}

.brdDot {
	border:1px #444444 dotted;
	padding:20px;
}

.brdDouble {
	border:3px #444444 double;
	padding:20px;
}

@media (max-width: 640px) {
.w-col2-wrap {
	margin-right:0;
}

.w-col2 {
	width:100%;
	height:auto;
	margin-right:0;
	border:5px solid #ccc;
	float:none;
}

.sha2test-wrap {
	padding:15px;
	margin:10px 0;
	font-size:14px;
	text-align:left;
}

.sha2test-wrap a {
	font-size:12px;
}

.brdDot {
	padding:10px;
}

.brdDouble {
	padding:10px;
}
}