html{} 
body{
	font-family: Verdana, Roboto, "Droid Sans", "Yu Gothic UI","游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	margin:0px;
	padding:0px;
	color:#333333;
	text-align:center;
	font-size: 90%;
	} 
.whole{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:900px;
	}
article{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	}
article header{
	border:solid 1px #aaaaaa;
	margin:10px 0 10px;
	padding:10px;
	border-radius:5px;
	box-shadow:0px 2px 3px #cccccc;
	} 
article header h1{
	font-size:1.0rem;
	color:#000000;
	line-height:1.5rem;
	padding-left:0;
	margin:0;
	font-weight:normal;
	text-align:left;
	float:left;
	}
article header p{
	margin-top:2px;
	margin-left:300px;
	margin-right:0;
	font-size:1.0rem;
	}
article section{
	clear:both;
	border:solid 1px #aaaaaa;
	margin-right:8px;
	padding:2px; 
	border-radius:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	overflow:visible;
	}

/* For PC */ 
@media only screen and (min-width:900px){
	article section{ width:288px; } 
	article div[itemprop="articleBody"]{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	}
/* 3 colum Opera IE89*/
article section{
	clear:none;
	float:left;
	position:relative;
	}
article section + section + section { margin-right:0 } }
/* For tablet */
@media only screen and (min-width:600px) and (max-width:899px){ .whole{ margin-left:auto; margin-right:auto; text-align:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 10px; } } /* For mobile */
@media only screen and (max-width:599px){ .whole{ margin-left:auto; margin-right:auto; text-align:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 10px; } article header h1{ float:none; } article header p{ margin:0; } }
.bar{
	clear:both;
	background-color:#e5ecf9;
	margin-bottom:1rem;
	}
h1{ text-align:center; font-size:120%; font-weight:bold; color:#0000CD; 
	margin-top:0;
}
h2{
	font-size:1.0rem;
}
.nextnavi h2{
	font-size:1.0rem;
	color:blue;
	}
.nextnavi{
	border: #000000 solid 1px;
	margin:0.5rem;
	padding:0.3rem;
	}

article h2{ font-size:1.5rem; padding:2px 4px; margin:1px; }
h3{ margin-left:15px; }
p{ margin-left:5px; padding:5px; }
.ptitle{ font-weight:bold; }
article section p{
	margin-left:3px;
	padding:0;
}
A:hover,A:active{ color:red; } dt{ color:#4169E1; font-weight:bold; margin-top:1rem; } .by{ font-size:75%; margin-left:0.5rem; }
.jump{ font-size:75%; margin-left:0.5rem; }
 #menu01{ list-style: none; width: auto; padding: 0; } #menu01 li{ list-style: none; width: 100%; margin:0; padding: 0; border-bottom: 1px solid #879c18; } #menu01 li:last-child{ border-bottom: 0px; } #menu01 li a{ position: relative; display: block; margin: 0; padding: 7px; background: #333366; color: #fff; font-weight: bold; text-decoration: none; } #menu01 li a:before{ display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 10px; width: 10px; height: 10px; margin-top: -5px; background: #fff; } #menu01 li a:after{ display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 10px; height: 10px; margin-top: -5px; background: #333366; } #menu01 p{ margin:0 0 15px 20px; padding:0; }
textarea{
	width :100%;
}
.box{
	background-color:#CCCCFF;
	padding:0.5em;
	margin-left:3em;
}