@charset "UTF-8";

/* FontSize */

body{
	margin: 0;
	padding: 0;
	font-family: "メイリオ", "Mairyo UI", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", "Osaka－等幅", Osaka, sans-serif;
	background: #FFF url("./images/back_00.png");
	/* background: #EEE; */
}
article{
	width: 800px;
	margin: 0;
	padding: 0;
	background: #FFF;
	box-shadow: 5px 5px 5px;
}
headder{
/*	margin: 5px;
	padding: 3px;
*/}
nav {
	width: 690px;
	margin: 5px;
	padding: 3px;
	background: #CBE;
	border: 3px ridge #EEE;
	position: relative;
	left: 85px;
}
aside{
	width: 70px;
	height: 1610px;
	margin: 5px;
	padding: 3px;
	background: #FFF url("bg.png");
	float: left;
}

section{
	width: 714px;
	margin: 0px;
	padding: 0px;
	float: right;
}

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}


.td_menu {
	font-size: 10px; 
	}
.td_01 {
	font-size: 12px 
	}
.td_02 {
	font-size: 14px 
	}
.td_03 {
	font-size: 10px 
	}

.ft_ss {
	font-size: 0.75em;
}
.ft_s1 {
	font-size: 0.8em;
	line-height: 1.2em;
	color: #333333;
}
.ft_s {
	font-size: 0.8em;
	line-height: 1.4em;
	color: #333333;
}
.ft_xs {
	font-size: 16px;
	line-height: 1.4em;
	padding: 5px 15px;
	color: #333333;
}
.ft_xs1 {
	font-size: 0.9em;
	line-height: 1.0em;
	color: #333333;
}
.ft_8p {
	font-size: 8pt;
}
.ft_9p {
	font-size: 9pt;
	line-height: 13pt;
}
.ft_10p {
	font-size: 10pt;
	line-height: 12pt;
}
.ft_12p {
	font-size: 12pt;
	line-height: 14pt;
}
.new {
	vertical-align: middle;
}
.news {
	font-size: 1.0em;
	line-height: 1.8em;
	color: #333333;
}
.topics {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #333333;
}
.topics_title {
	font-size: 11pt;
	font-weight: bold;
	color: #006699;
}
.date {
	font-size: 10px;
	color: #069;
}
.sitemap {
	font-size: 8pt;
	color: #333333;
}
.tb_toptitle {
	font-size: 14pt;
	font-weight: bold;
	color: #003366;
	letter-spacing: 2px;
}
.tb_title {
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	letter-spacing: 1px;
}
.tb3_title {
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1px;
}
.tb_text {
	font-size: 10pt;
	line-height: 23px;
	color: #333333;
}
.search {
	font-size: 10pt;
}

/* Display Style */
.inline_style {
 display: inline;
}
.list_style {
 display: list-item;
}
.block_style {
 display: block;
}


/* Graph */
.graph {
	font-size: 10pt;
	line-height: 21px;
}
th {
	font-weight: normal;
}
caption	{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
.rotate:hover {
	transition: transform 2s linear;
	transform: rotateY(360deg);
	-webkit-transition: -webkit-transform 2s linear;
	-webkit-transform: rotateY(360deg);
}
.t_l:hover {
	transition: transform 0.5s linear;
	transform-origin:left top;
	transform: rotateZ(40deg);
	-webkit-transition: -webkit-transform 0.5s linear;
	-webkit-transform-origin:left top;
	-webkit-transform: rotateZ(40deg);
}

.large:hover {
	transition: 0.5s;
	transform:  scale(1.15, 1.15);
/*	-webkit-transition: -webkit-transform 2s linear;
	-webkit-transform:  scale(1.5, 1.5); */
}

.alignnone:hover {
	transition: 0.5s;
	transform:  scale(1.10, 1.10);
}

@keyframes moving{
	0%{transform:translate( 0px, 0px);}
	50%{transform:translate( 0px, 1564px);}
	100%{transform:translate( 0px, 0px);}
}

#nu{
	margin: 5px 8px 0px 10px;
}

#cs{
	animation: moving 8s infinite linear;
}

/* Link */
a:link {
	color: #003399;
	text-decoration: none;
}
a:visited {
	color: #993366;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.t_bk {
	background-color: #ffaaaa;
	font-weight: bold;
}

.r_b {
	position: absolute;
	right: 200px;
	bottom: 0px;
}

.t_l {
	position: absolute;
	top: 260px;
	left: 500px;
}


/* 見出し */
h1 {
	font-size: 24pt;
	line-height: 28px;
	font-weight: bold;
	display: inline;
}
h2 {
	font-size: 20pt;
	line-height: 24px;
	font-weight: bold;
	display: inline;
}
h2 img {
	position: relative;
	margin: 3px;
	top: 6px;
}
h3 {
	font-size: 18pt;
	line-height: 20px;
	font-weight: bold;
	display: inline;
}
h4 {
	font-size: 16pt;
	line-height: 18px;
	font-weight: bold;
	display: inline;
}
h5 {
	font-size: 14pt;
	line-height: 15px;
	font-weight: normal;
	display: inline;
}
h6 {
	font-size: 12pt;
	line-height: 15px;
	font-weight: normal;
	display: inline;
}
p {
	font-size: 12pt;
	line-height: 1.2em;
	margin-left: 0.9em;
	display: inline;
}


/* List */
li	{	margin-left: -0.5em; }
ol {	display: block; }

/* color */
.blk {	color: #333333 }
.b {	color: #003399 }
.r {	color: #FF3333 }
.o {	color: #FF6600 }
.g { color: #009900 }
.a { color: #666666 }
.w { color: #ffffff }

/* Font Style */
.font_bold	{ font-weight: bold; }
.font_italic	{	font-style: italic; }
.font_normal	{	font-weight: normal; }

/* indent */
.indent {
	margin-left: 40px;
}

.kage  { box-shadow: 5px 5px 5px 3px rgba(0,0,0,0.4); }
.kage2 { box-shadow: 2px 4px 2px 1px rgba(0,0,0,0.4);
	 margin-right: 5px; }