@charset "utf-8";

/*----------keyframes animation----------*/
@-webkit-keyframes winkOver {
  0% {opacity: 1;}
  10% {opacity: 0.3;}
  20% {opacity: 0.2;}
  30% {opacity: 0.4;}
  40% {opacity: 0.8;}
  50% {opacity: 0.7;}
  60% {opacity: 0.5;}
  70% {opacity: 0.3;}
  80% {opacity: 0.8;}
  90% {opacity: 0.9;}
  100% {opacity: 1.0;}
}
@keyframes winkOver {
  0% {opacity: 1;}
  10% {opacity: 0.3;}
  20% {opacity: 0.2;}
  30% {opacity: 0.4;}
  40% {opacity: 0.8;}
  50% {opacity: 0.7;}
  60% {opacity: 0.5;}
  70% {opacity: 0.3;}
  80% {opacity: 0.8;}
  90% {opacity: 0.9;}
  100% {opacity: 1.0;}
}

/* layoutCSS Document */
html,body { background:#fbe535 url(../images/bg.gif) repeat; }

div#wrapper
{
}
div#contents
{
}
/*----------header----------*/
div#header
{
}

/*----------nav----------*/
div#nav li.outline {
	float:left;
}
div#nav li.oa {
	float:right;
}

/*----------article----------*/
div#article {
	clear:both;
}



/*----------commentContainer----------*/
div#commentContainer
{
	background: url(../images/comment.png) no-repeat center top;
	height:413px;
}
div#commentContainer h3,
div#commentContainer dl {
	position:absolute;
	top:-999px;
	height:-999px;
	overflow:hidden;
}
/*----------outlineContainer----------*/
div#notice
{
	padding-bottom:20px;
}

p.innerlink-head {
	padding:10px;
	text-align:right;
}

/*----------footer----------*/
div#footer
{
}
div#footer p.copy
{
}

/*----------is2nd----------*/
body.is2nd #header .mainimg2{
	padding-top: 10px;
}
body.is2nd #header .mainimg2 a{
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
body.is2nd #header .mainimg2 a:hover{
	opacity: 0.8;
}
body.is2nd #header #navigation{
}


/*----------outline----------*/
#outline div#outlineContainer
{
	background: url(../outline/images/outline.png) no-repeat center top;
	height:478px;
}
#outline div#outlineContainer h2,
#outline div#outlineContainer h3,
#outline div#outlineContainer p {
	position:absolute;
	top:-999px;
	height:-999px;
	overflow:hidden;
}

/*----------navigation----------*/
#navigation{
	margin-bottom: 10px;
	height: 82px;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
}
#navigation .navlist li{
	width: 225px;
	height: 82px;
	float: left;
}
#navigation .navlist li a{
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	width: 225px;
	height: 82px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#navigation .navlist li a:hover{
  -webkit-animation: winkOver 0.4s;
  animation: winkOver 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#navigation .navlist .outline a{background-position: 0px 0px;}
#navigation .navlist .oa a{background-position: -225px 0px;}
#navigation .navlist .backnumber a{background-position: -450px 0px;}