@charset "utf-8";

body {
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


*{
    margin:0px;
    padding:0px;
    color:#;
    font-size:10pt;
　　font-family: "メイリオ","ＭＳ 明朝",serif; 
    line-height:160%;
    scrollbar-face-color: #CCCCCC;
    scrollbar-shadow-color: #F0F0F0;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #999999;
    scrollbar-track-color:#FFFFFF;
    scrollbar-arrow-color: #FFFFFF;}
body{
    text-align:center;
    background:#FFF;}
h1{
    font-size:14pt;
    color:#000000;
    font-weight:normal;
    text-align:center;}
img{
    border:0px;}

img {
    max-width: 100%;
    height: auto;
}


/* ---■レイアウト■ --- */
#layout{
    margin: 0 auto;
    text-align:center;
    width:1280px;}
#header{
    margin:10px 0px 10px 0px;
    padding:10px;
    border:1px solid #CCC;
    background:#F9F9F9;}
#title{
    font-weight:bolder;
    text-align:center;
    text-size:16px;}
.banner{
    clear:both;
    margin:0px 0px 10px 0px;
    width:1280px;
    height:120px;
    text-align:center;
    background:#FFFFFF;}

#contain{
    clear:both;}
#left{
    float:left;
    width:1004px;}
#left-l{
    float:left;
    width:250px;
    background1:#cccccc;}
#left-cen{
    float:right;
    width:728px;
    background1:#cccccc;}
#right{
    float:right;
    width:250px;
    background1:#cccccc;}
#footer{
    clear:both;
    margin:10px 0px 10px 0px;
    padding:10px;
    font-size:9pt;
    background:#F0F0F0;}
#footer a{
    font-size:8pt;}



/* ---■メニュー■ --- */
.me-t{
    padding:0px 5px 0px 5px;
    font-size:10pt;
    text-align:left;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    background:#F9F9F9;}
.me-box{
    margin:0px 0px 10px 0px;
    padding:5px;
    font-size:10pt;
    text-align:left;
    border:1px solid #CCCCCC;}
.me-box-cen{
    margin:0px 0px 10px 0px;
    padding:5px;
    font-size:10pt;
    text-align:center;
    border:1px solid #CCCCCC;}


/* ---■記事■ --- */
.index-top{
    margin:0px 0px 10px 0px;
    padding:10px;
    text-align:left;
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    background:#F9F9F9;}
.kizi-t{
    margin:0px 0px 10px 0px;
    text-align:left;
    color:#000000;
    font-weight:bold;
    border-bottom:1px solid #999999;}
.kizi-t a{
    color:#000000;
    text-decoration:none;}
.kizi-t a:link{
    text-decoration:none;}
.kizi-t a:visited{
    text-decoration:none;}
.kizi-body{
    margin:15px 0px 0px 0px;
    text-align:left;}
.kizi-more{
    text-align:right;}
.kizi-info{
    margin:0px 0px 15px 0px;
    text-align:right;
    border-top:1px solid #F0F0F0;}

.cmt-box{
    margin:0px 0px 15px 0px;
    text-align:left;
    border-top:1px solid #F0F0F0;}

/* ---■フォント、リンク■ --- */

a {
	display: inline-block;
	transition: .3s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

a:link{
    text-decoration:underline;
    color:#0000FF;
    background-color:#ffffff;
    padding:1px;}
a:visited{
    text-decoration:underline;
    color:#000080;
    background-color:#ffffff;
    padding:1px;}
a:hover{
    text-decoration:none;
    font-size:125%;
    color:#ffff00;
    background-color:#3333cc;
    font-weight:bold;
    padding:3px;}
a:active{
    text-decoration:underline;
    font-size:125%;
    color:#3333cc;
    background-color:#ffff00;
    font-weight:bold;
    padding:3px;}




.pankuzu {
font-size:14px; 
text-align:center; 
margin:0px 0px 10px 0px;} 
.pankuzu a:link{color:#ff9900} 
.pankuzu a:visited{color:#ff9900}


/* ---■タイル■ --- */

table.type06 {
　　　　width: 700px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.type06 th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
}
table.type06 td {
	width: 550px;
	padding: 10px;
	vertical-align: top;
}
table.type06 .even {
	background: #efefef;
}

/*---■ナビ■ ---*/

#top-editarea {
    text-shadow: inherit;
}
#global {
    list-style: none;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
}
    #global {
        display: inline-block;
    }
    #global {
        text-decoration: none;
        display: block;
        padding: 1em;
    }
#content{
    margin-top: 0;
    background: #fff; /* ☆ */
    box-shadow: inherit;
}



/* ---■位置■ --- */

span.sample1 {color:#ff0000; position:static; top:10px; left:10px }
span.sample2 {color:#ff0000; position:relative; top:10px; left:10px }
span.sample3 {color:#ff0000; position:absolute; top:10px; left:10px }

span.sample40 {color:#ff0000; position:fixed; bottom :0px; left:0px }
span.sample41 {color:#ff0000; position:fixed; bottom :0px; right:0px }
span.sample42 {
  color:#ff0000; 
  position: fixed;
  bottom: 0%;
  left: 50%;
  margin-bottom: 60px;
  margin-left: -200px;
}

span.sample43 {
  color:#ff0000; 
  position: fixed;
  bottom: 0%;
  left: 0%;
  margin-bottom: 250px;
  z-index: 10;
}

span.sample44 {
  color:#ff0000; 
  position: fixed;
  bottom: 0%;
  right: 0%;
  margin-bottom: 250px;
  z-index: 9;
}