@charset "utf-8";

html,body,
div,span,
h1,h2,h3,h4,h5,h6,
a,em,img,
ul,li,dl,dt,dd,
table,tr,th,td {
margin:0;
padding:0;
}

body{
min-width:800px;
color:#444;
background:#fff;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
font-size:14px;
-webkit-text-size-adjust:100%;
line-height:146%;
}

ul{
list-style-type:none;
}

h1{
font-size:14px;
font-weight:normal;
}

h2{
font-size:20px;
font-weight:normal;
}

h3{
font-size:20px;
font-weight:normal;
color:#06f;
border-bottom:4px solid #06f;
}

h4,h5{
font-size:14px;
}

input,
textarea,
select{
color:#333;
border:inset 1px;
}

input:focus,
textarea:focus,
select:focus{
background-color:#ffffcc;
}

input.imeon{
ime-mode:active;
}

input.ascii{
ime-mode:inactive;
}

a{
color:#ff4500;
text-decoration:none;
}

a.button {
display:block;
margin:5px;
padding:10px;
text-align:center;
border:solid 1px #ccc;
border-radius:5px;
background-image:-webkit-linear-gradient(top,#fff,#fcfcfc);
background-image:-moz-linear-gradient(top,#fff,#fcfcfc);
background-image:-o-linear-gradient(top,#fff,#fcfcfc);
background-image:linear-gradient(top,#fff,#fcfcfc);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#fcfcfc',GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#fcfcfc',GradientType=0)
-webkit-box-shadow:0 0 2px #ddd;
box-shadow:0 0 2px #ddd;
}

a.button:hover {
background-image:-webkit-linear-gradient(top,#fcfcfc,#ccc);
background-image:-moz-linear-gradient(top,#fcfcfc,#ccc);
background-image:-o-linear-gradient(top,#fcfcfc,#ccc);
background-image:linear-gradient(top,#fcfcfc,#ccc);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#cccccc',GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#cccccc',GradientType=0)
}

img{
border:none;
}
/* ===== header ===== */

#header{
width:100%;
border-top:4px solid #06f;
border-bottom:1px solid #ddd;
background-color:#fff;
background-image:-webkit-linear-gradient(top,#fff,#fcfcfc);
background-image:-moz-linear-gradient(top,#fff,#fcfcfc);
background-image:-o-linear-gradient(top,#fff,#fcfcfc);
background-image:linear-gradient(top,#fff,#fcfcfc);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#fcfcfc',GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#fcfcfc',GradientType=0)
-webkit-box-shadow:0 0 5px #ddd;
box-shadow:0 0 5px #ddd;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#headerContents{
width:800px;
margin:0 auto;
overflow:hidden;
}

#logo{
float:left;
margin:5px 0;
}

#title{
margin:5px 0;
text-align:right;
}

#searchBox{
float:right;
width:300px;
}

/* ===== container ===== */

#container {
clear:both;
width:100%;
}

/* ===== navigation ===== */

#navigation{
width:800px;
margin:20px auto;
padding:5px;
overflow:hidden;
}

#navigation li{
float:left;
width:198px;
padding:0 1px;
}

#navigation li a{
width:100%;
margin:0;
padding:10px 0;
font-size:16px;
color:#333;
}

/* ===== contents ===== */

#contents {
width:800px;
margin:0 auto;
padding:0 5px;
overflow:hidden;
}

/* ===== ad ===== */

#ad {
clear:both;
width:800px;
margin:10px 0 5px;
border:1px dashed #ccc;
overflow:hidden;
}

#ad li{
float:left;
padding:5px 0 0 5px;
}

/* ===== cover ===== */

#cover{
position:relative;
width:800px;
height:300px;
-webkit-box-shadow:0 5px 5px #ddd;
box-shadow:0 5px 5px #ddd;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

@keyframes kf1 {
0% {opacity:1;}
25% {opacity:1;}
50% {opacity:0;}
80% {opacity:0;}
99%,100% {opacity:1;}
}

@-moz-keyframes kf1 {
0% {opacity:1;}
25% {opacity:1;}
50% {opacity:0;}
80% {opacity:0;}
99%,100% {opacity:1;}
}

@-webkit-keyframes kf1 {
0% {opacity:1;}
25% {opacity:1;}
50% {opacity:0;}
80% {opacity:0;}
99%,100% {opacity:1;}
}

@keyframes kf2 {
0% {opacity:0;}
30% {opacity:0;}
50% {opacity:1;}
75% {opacity:1;}
99%,100% {opacity:0;}
}

@-moz-keyframes kf2 {
0% {opacity:0;}
30% {opacity:0;}
50% {opacity:1;}
75% {opacity:1;}
99%,100% {opacity:0;}
}

@-webkit-keyframes kf2 {
0% {opacity:0;}
30% {opacity:0;}
50% {opacity:1;}
75% {opacity:1;}
99%,100% {opacity:0;}
}

#coverPhoto1 {
position:absolute;
top:0;
left:0;
z-index:80;
animation:kf1 20s linear infinite;
-moz-animation:kf1 20s linear infinite;
-webkit-animation:kf1 20s linear infinite;
}

#tagLine1 {
position:absolute;
right:10px;
bottom:5px;
z-index:85;
font-size:20px;
color:#fff;
text-shadow:  1px  1px 1px blue,
             -1px  1px 1px blue,
              1px -1px 1px blue,
             -1px -1px 1px blue;
animation:kf1 20s linear infinite;
-moz-animation:kf1 20s linear infinite;
-webkit-animation:kf1 20s linear infinite;
}

#coverPhoto2 {
position:absolute;
top:0;
left:0;
z-index:70;
animation:kf2 20s linear infinite;
-moz-animation:kf2 20s linear infinite;
-webkit-animation:kf2 20s linear infinite;
}

#tagLine2 {
position:absolute;
top:5px;
left:10px;
z-index:75;
font-size:20px;
color:#fff;
text-shadow:  1px  1px 1px red,
             -1px  1px 1px red,
              1px -1px 1px red,
             -1px -1px 1px red;
animation:kf2 20s linear infinite;
-moz-animation:kf2 20s linear infinite;
-webkit-animation:kf2 20s linear infinite;
}

/* ===== indexes ===== */

#indexes{
margin:20px 0;
}

#indexes li {
width:385px;
margin:10px 0;
overflow:hidden;
}

#indexes .left {
float:left;
}

#indexes .right {
float:right;
}

#indexes li a{
width:100px;
}

/* ===== news ===== */

#news {
clear:both;
}

#news li{
clear:both;
margin:10px 0;
overflow:hidden;
}

#news .date{
float:left;
}

#news .item{
margin-left:100px;
}

/* ===== section ===== */

.section{
padding:20px 0 10px;
}

.section a{
width:250px;
margin:0 auto;
}

.section ul{
padding-left:20px;
list-style:square outside;
}

/* ===== table ===== */

#contents table {
margin:20px 0 10px;
border:1px solid #999;
border-collapse:collapse;
}

#contents table th {
padding:5px;
text-align:center;
font-weight:bold;
background:#EFEBEF;
border:1px solid #999;
}

#contents table td {
padding:5px;
border:1px solid #999;
}

/* ===== about ===== */

#about {
width:550px;
margin:0 auto;
}

#about table {
margin:20px auto 10px;
}

#about table th {
padding:5px 15px;
text-align:right;
}

#about table td {
padding:5px 20px;
text-align:center;
}

#about object {
margin:20px 0;
-webkit-box-shadow:0 5px 5px #ddd;
box-shadow:0 5px 5px #ddd;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

/* ===== contact ===== */

#attention p,
#status p{
color:#ff4500;
margin:10px;
padding:10px;
text-align:center;
background-color:#ffffcc;
border:1px solid #ff4500;
}

#contact > dl {
width:500px;
margin:0 auto;
}

#contact dt {
float:left;
text-align:right;
}

#contact dd.left {
float:left;
}

#contact > dl > dt {
margin-left:-60px;
width:120px;
}

#contact > dl > dd {
margin:10px 0 10px 80px;
}

#contact dd dt {
width:28px;
text-align:center;
}

#contact a{
width:300px;
}

#contact div.center{
width:300px;
margin:0 auto;
}

#contact input[type="checkbox"]{
width:30px;
margin-left:100px;
}

#contact button {
width:100px;
margin-left:100px;
padding:5px;
}

#contact .required {
background-color:#ffcccc;
}

#contact :disabled,
#contact  .disabled{
color:#999;
background-color:#fafafa;
}

/* ===== sign ===== */

#sign {
text-align:right;
padding:5px;
}

/* ===== back to top ===== */

#back2top {
margin:30px 0 5px;
text-align:right;
}

#back2top a{
padding:5px 10px 4px;
color:#000;
background-color:#ececec;
border-radius:5px;
}

#back2top a:hover{
background-color:#ccc;
}

/* ===== footer ===== */

#footer{
clear:both;
background:#000;
}

#footerContents{
width:800px;
margin:0 auto;
padding-right:10px;
color:#fff;
}

#footerContents ul{
float:right;
margin-right:-10px;
overflow:hidden;
}

#footerContents ul li{
float:left;
padding:1px 0;
}

#footerContents ul li a{
display:block;
padding:4px 10px;
color:#fff;
border-radius:5px;
}

#footerContents ul li a:hover{
background:#666;
}

#copyright{
padding:5px 0;
}