* {
	margin: 0;
	padding: 0;
	border-width:0;
}

html {
	overflow-y: scroll;
	font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

h1, h2, h3, h4, h5, h6, em, address {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form {
	margin: 0;
	padding: 0;
	color: #333333;
}

a img {
	border: none;
}

a:hover{
	position:relative;
	left:1px;
	top:1px;
}

body {
	padding:5px;
}

h1 {
	display:block;
	width:900px;
	margin:4pt auto 2pt auto;
	text-align:center;
	font-size:1.7em;
	color:#000000;
	font-weight: bold;
	text-shadow:
		1px 1px 0px #777777,
		2px 2px 0px #cccccc;
}

h2 {
	margin:0.8em 0 0.5em -10px;
	padding: 0.2em 0 0.2em 0.5em;
	font-size:1.2em;
	font-weight: normal;
	border-left: 0.3em solid #2b478e;
	border-bottom: 0.1em solid #dadfec;
	border-top: 2px solid #fafafa;
	border-right: 2px solid #fafafa;
	background-color:#f3f3f3;
}

h3 {
	margin:0 0 0.5em 0;
	font-weight: bold;
}

p {
	text-indent:1em;
	line-height:1.3;
	margin-bottom:0.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}

span {
	line-height:1.3;
}

dt {
	margin:0 0 0 1.5em;
	line-height:1.3;
	text-align: justify;
	text-justify: inter-ideograph;
}

dd {
	margin:0 0 0.5em 2.5em;
	line-height:1.3;
	text-align: justify;
	text-justify: inter-ideograph;
}

ul {
	margin:0 0 1em 0;
}

li {
	margin:0 0 0 1em;
	font-size:1em;
	line-height:1.5;
	text-align: justify;
	text-justify: inter-ideograph;
}

.caption {
	margin:0.1em 0 0.1em 0;
	text-indent:0em;
	font-size:1em;
	font-weight:bold;
}

table {
	border-collapse:collapse;
	margin:0.5em auto 1em auto;
}

th, td {
	padding:0.2em 5px 0.2em 5px;
	border-width:1px;
	border-style:solid;
	border-color:#999999;
}

th {
	text-align:center;
}

td {
	text-align:left;
}

.section {
	margin: 0 5px 1em 0;
	padding: 0 0 0 5px;
	clear:both;
}

.w50_section h2 {
	margin:0.8em 0 0.5em 0;
}

.w50_section {
	margin:0;
	padding:0 10px 0 0;
	width:48%;
	float:left;
	border-width:0;
}

.img100 {
	margin:0 auto 0 auto;
	height:100px;
	overflow:hidden;
}

.img200 {
	margin:0 auto 0 auto;
	height:200px;
	overflow:hidden;
}

.youtube {
	margin:0 auto 0 auto;
	height:252px;
	width:448px;
	overflow:hidden;
}

.img300 {
	margin:0 auto 0 auto;
	height:300px;
	overflow:hidden;
	border:0;
}

.img400 {
	margin:0 auto 0 auto;
	height:400px;
	overflow:hidden;
}

.img500 {
	margin:0 auto 0 auto;
	height:500px;
	overflow:hidden;
}

.img600 {
	margin:0 auto 0 auto;
	height:600px;
	overflow:hidden;
}

.img700 {
	margin:0 auto 0 auto;
	height:700px;
	overflow:hidden;
}

.img800 {
	margin:0 auto 0 auto;
	height:800px;
	overflow:hidden;
}

img {
	display:block;
	margin:0 auto 0 auto;
	text-align:center;
	border:0;
}

.lap {
	display:block;
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
	border:0;
}

.lap img, .lap div{
	display:inline;
}

.w100 {
	width:100px;
}

.w200 {
	width:200px;
}

.w300 {
	width:300px;
}

.w400 {
	width:400px;
}

.w500 {
	width:500px;
}

.w600 {
	width:600px;
}
.w700 {
	width:700px;
}

.w800 {
	width:800px;
}

.caption {
	margin:0.2em 0 1.5em 0;
	font-size:0.95em;
	font-weight:bold;
	text-align:center;
	line-height:1.1;
}

caption {
	margin:1em 0 0.2em 0;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	line-height:1.1;
}

.complement {
	position:static;
	text-align:right;
}

.red {
	color:#ff0000;
}

div#headernavi {
	margin:0 auto;
	width:940px;
	height:50px;
	text-align:right;
	border-width:0;
	background-image: url("../img/aot_logo100.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:250px 50px;
}

#navi {
	padding:0;
	text-align:center;
	border-width:2px 0 0 0;
	border-style:solid;
	border-color:#52a6a5;
}

#topicpath {
	margin:0 auto;
	padding:0.5em 0 0.2em 0;
	width:940px;
	font-size:0.9em;
}

#header {
	width:100%;
	margin:0 auto 0 auto;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#52a6a5;
}

#contents {
	width:940px;
	margin:0 auto 0 auto;
	clear:both;
}

#footer {
	width:100%;
	margin:0.5em auto 0 auto;
	padding:0.5em 0 0.5em 0;
	border-width:4px 0 0 0 ;
	border-style:double;
	border-color:#52a6a5;
	clear:both;
}

div#footernavi {
	margin:0 auto 0 auto;
	width:940px;
}

div.goTop {
	width:12em;
	margin:0.5em 0 0.5em auto;
	text-align:right;
	clear:both;
}

#move {
	border-width:3px;
	padding:1em;
	border-style:double;
	border-color:#ff0000;
	background-color:#ffffcc;
}

#move h2 {
	margin:0;
	padding:0.5em;
	font-size:1.3em;
	color:#ff0000;
	font-weight: bold;
	border-width:0;
	background-color:#ffffcc;
}

span.super {
	vertical-align:super;
	font-size:70%;
}

span.sub {
	vertical-align:sub;
	font-size:70%;
}

.bold {
	font-weight: bold;
}

dt {
	font-weight: bold;
	display: list-item;
	list-style-type:disc;
}

div#navi {
	width:740px;
	margin: 0 auto 0 auto;
	border:0;
}

div#navi a{
	min-width:9em;
	display:block;
	font-size:11pt;
	float:left;
	margin:3px;
	padding:2px 1px 2px 1px;
	background-color:#ffffff;
	background-image:url("../img/ico_bg.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	border-color:#8fabf2 #2b478e #2b478e #8fabf2;
	border-style:solid;
	border-width:2px;
	border-radius:10px;
	text-decoration:none;
	color:#000000;
}

div#headernavi a {
	width:90px;
	margin:0 0 auto auto;
	display:block;
	font-size:11pt;
	padding:2px 0.5em 2px 0.5em;
	background-color:#ffffff;
	background-image:url("../img/ico_bg.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	border-color:#8fabf2 #2b478e #2b478e #8fabf2;
	border-style:solid;
	border-width:2px;
	border-radius: 10px;
	text-align:center;
	text-decoration:none;
	color:#000000;
}

div#footernavi a {
	display:block;
	font-size:11pt;
	float:left;
	margin:0 10px 0 10px;
	padding:2px 0.5em 2px 0.5em;
	background-color:#ffffff;
	background-image:url("../img/ico_bg.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	border-color:#8fabf2 #2b478e #2b478e #8fabf2;
	border-style:solid;
	border-width:2px;
	border-radius: 10px;
	text-align:center;
	text-decoration:none;
	color:#000000;
}

div.goTop a {
	display:inline-block;
	min-width:4em;
	font-size:11pt;
	margin:0 10px 0 10px;
	padding:2px 0.5em 2px 0.5em;
	background-color:#ffffff;
	background-image:url("../img/ico_bg.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	border-color:#8fabf2 #2b478e #2b478e #8fabf2;
	border-style:solid;
	border-width:2px;
	border-radius: 10px;
	text-align:center;
	text-decoration:none;
	color:#000000;
}

div#navi a:link {
	color:#000000;
}

div#footernavi a:link, div.goTop a:link, div#headernavi a:link {
	color:#000000;
}

div#navi a:visited {
	color:#000000;
}

div#footernavi a:visited, div.goTop a:visited, div#headernavi a:visited {
	color:#000000;
}

div#navi a:hover{
	color:#000000;
}

div#footernavi a:hover, div.goTop a:hover, div#headernavi a:hover {
	color:#000000;
}

div#navi a:focus{
	color:#000000;
}

div#footernavi a:focus, div.goTop a:focus, div#headernavi a:focus {
	color:#000000;
}

div#navi a:active{
	color:#000000;
}

div#footernavi a:active, div.goTop a:active, div#headernavi a:active {
	color:#000000;
}

div#topicpath {
	clear:both;
}

p#copyright {
	text-align:right;
	clear:both;
}


@media (-webkit-min-device-pixel-ratio: 0.5),(min-resolution: 0.5dppx) {
	body {
		text-size-adjust: 100%;
 　		-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
 　		-ms-text-size-adjust: 100%;/*EgdeMobile*/
 　		-moz-text-size-adjust: 100%;/*firefox*/
		}

    div#headernavi {
		background-image: url("../img/aot_logo100.png");
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size:250px 50px;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 1.25dppx) {
	body {
		text-size-adjust: 100%;
 　		-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
 　		-ms-text-size-adjust: 100%;/*EgdeMobile*/
 　		-moz-text-size-adjust: 100%;/*firefox*/
		}

    div#headernavi {
		background-image: url("../img/aot_logo300.png");
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size:250px 50px;
    }
}


@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
	body {
		text-size-adjust: 150%;
 　		-webkit-text-size-adjust: 150%;/*Chrome,Safari*/
 　		-ms-text-size-adjust: 150%;/*EgdeMobile*/
 　		-moz-text-size-adjust: 150%;/*firefox*/
		}

