@charset "UTF-8";

/*--Base------------------------------------------------------------*/

html{/*スクロールバーと背景の色*/
background-color : #000000;
color : #a9a9a9;
line-height:1.65em;
font-size : 16px;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
vertical-align:baseline;
}

.appIconBig{
display: block;
margin-left: auto;
margin-right: auto;
}

img.left{
float:left;
margin-right:10px;
}

img.right{
float:right;
margin-left:10px;
}

#header {
width: 100%;
}

#main {
width: 100%;
}

#footer {
width: 100%;
}

#all {
width: 95%;
max-width: 700px;
margin: auto;
}

/*--Html------------------------------------------------------------*/

A{/*Linkの色とアンダーラインの消去*/
color : #fffafa;
text-decoration : none;
}

A:HOVER{
color : #f5f5f5;
text-decoration : underline;
}

.center {
text-align: center;
}

/*--Font------------------------------------------------------------*/

.graytext{FONT-WEIGHT: bold; COLOR: #a9a9a9}

.redtext{FONT-WEIGHT: bold; COLOR: #ff0000}

.redfntext{COLOR: #ff0000}

.yellowtext{FONT-WEIGHT: bold; COLOR: #ffff00}

.whitetext{FONT-WEIGHT: bold; COLOR: #ffffff}

.bluetext{FONT-WEIGHT: bold; COLOR: #0000ff}

.skybluetext{FONT-WEIGHT: bold; COLOR: #87ceeb}

.greentext{COLOR: #00ff00}

.greenfntext{FONT-WEIGHT: bold; COLOR: #00ff00}

.honeydewtabtext{COLOR: #00de2b}

.yellowfntext{COLOR: #ffff00}

.redfntext{COLOR: #ff0000}

.blacktext{COLOR: #000000}

.greenyellow{COLOR: #ADFF2F}

.skybluefntext{COLOR: #87ceeb}

.silverfntext{font-weight: bold; color : #ebebeb;}

.silvertext{color : #ebebeb;}

.fs{font-size:80%}

.limefntext{FONT-WEIGHT: bold; COLOR: #00FF00}

.coralfntext{FONT-WEIGHT: bold; COLOR: #FF7F50}

.magentatext{COLOR: #ff00ff}

p.size1{
font-size: large;
COLOR: #ff0000;
}

p.size2{
font-size: x-large;
COLOR: #ff0000;
}

p.size3{
font-size: xx-large;
COLOR: #ff0000;
}

/*--Heading------------------------------------------------------------*/

H1{
position: relative;
color: #FFFFFF;
font-size: 1.5em;
font-weight: bold;
margin: 0 0 1em;
padding: 0.5em 0.5em 0.5em 1.5em;
border-bottom: 3px solid #A0DAFF;
}

H1:before{
content: "";
position: absolute;
background: #FA8072;
top: 0;
left: 0.4em;
height: 14px;
width: 14px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}

H1:after{
content: "";
position: absolute;
background:#FFA500;
top: 1.0em;
left: 0;
height: 8px;
width: 8px;
transform: rotate(15deg);
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
}

H2{
/*タイトル*/
border-width : 0px 0px 2px 25px;
border-style : solid ;
border-color : #969696;
padding-left : 10px;
margin-right : 0%;
font-size: 24px;
}

H3{
/*サブタイトル*/
border-width : 0px 0px 2px 15px;
border-style : solid ;
border-color : #C8C8C8;
padding-left : 7px;
margin-right : 5%;
font-size: 20px;
}

H4{
border-left: solid 4px ;
border-bottom: solid 1px ;
border-color : #747474;
padding-left : 4px;
font-size: 17px;
}

/*--Table------------------------------------------------------------*/

table {
margin-left: auto;
margin-right: auto;
}

.top{
width: 680px;
height: 30px;
}

.line{
height: 1px;
background-color: #666666;
}

.link_menu{
width: 140px;
height: 25px;
background-color: #292929;
}

.Headline{
background-color: #292929;
}

.item{
width: 140px;
height: 50px;
}

.ftr{
width: 680px;
height: 25px;
background-color: #292929
}

table.style { 
width: 300px; 
border-collapse: collapse;
}

table.style th { 
border:1px solid #FFFFFF;
background-color: #2E2E2E;
text-align: center; 
} 

table.style tr td { 
border:1px solid #FFFFFF; 
text-align: left; 
} 

/*--Headlines------------------------------------------------------------*/

.HL{
height: 14.0em;
overflow: hidden; /*-- auto --*/
line-height:140%;
margin:  0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}

.HL:hover{
overflow: auto;
}

/*--Youtube--------------------------------------------------------------*/

.youtube {
    position:relative;
    width:100%;
    padding-top:56.25%;
}

.youtube iframe {
    position:absolute;
    top:0;
    right:0;
    width:100% !important;
    height:100% !important;
}