@charset"utf-8";

body{
margin:0;0;0;0;
background-color:black;
}

/*-----------------------------*/
/*　　main(heder)  PRGM        */
/*-----------------------------*/


.main{
width:940px;
height:auto;
margin-left:auto;
margin-right:auto;
padding:0em;
}

header{
width:940px;
height:470px;
}

/*-----------------------------*/
/*　  　headber PRGM           */
/*-----------------------------*/

.headber{
width:940px;
height:100%;
}

.headber li{
width:14%;
list-style-type:none;
float:left;
}






/*-----------------------------*/
/*　　文字(header)  PRGM      */
/*-----------------------------*/


.headber a{
display:inline-block;
width:100%;
text-align:center;
font-family:"Meiryo UI","MS Gothic",sans-serif;
/*font-family:"MS Mincho",serif;*/
font-size:0.9em;
text-decoration:none;
line-height:2.5em;
color:White;
}







/*-----------------------------*/
/*　　main-frame  PRGM      */
/*-----------------------------*/
.main-frame{
width:940px;
height:auto;
background-color:white;
}



/*-----------------------------*/
/*　　main(sidber-main)  PRGM      */
/*-----------------------------*/


.sidber-main{
width:310px;
min-height:100vh;
/*border-left: solid 20px;*/

/*border-left: solid 10px;*/

border-right: solid 5px;
background-color:black;
float:left;
}




.frame01{
width:310px;
height:auto;
/*border-right: solid 5px;*/
background-color:white;
float:left;
}

.sideber-1{
width:310px;
height:auto;
border-right: solid 5px;
border-bottom: solid 20px;
background-color:white;
float:left;
}


.sideber-2{
width:310px;
height:auto;
border-right: solid 5px;
border-bottom: solid 20px;
background-color:white;
float:left;
}

.face{
width:310px;
height:560px;
border-right: solid 5px;
/*border-left: solid 10px;*/

border-bottom: solid 20px;
background-color:white;
float:left;
}

.main-s{
width:615px;
min-height:100vh;
border-left: solid 5px;
border-bottom: solid 20px;
background-color:white;
float:left;
}

.main-s article{
width:575px;
height:auto;
margin-left:1em;
margin-right:1em;
margin-bottom:1em;


border: medium solid #ff00ff;
border-color:BurlyWood;
float:left;
}

footer{
width:940px;
height:auto;
background-color:white;
float:left;
}



/*-----------------------------*/
/*　　文字(sideber-1)  PRGM      */
/*-----------------------------*/

.sideber-1 h1{
/*text-align:center;*/
margin-left:1.0em;
padding-left:0em;
font-size:1.2em;
line-height:0.5em;
color:SteelBlue;
}

.sideber-1 h2{
/*text-align:center;*/
padding-left:0.5em;
font-size:1.0em;
line-height:0em;
color:blue;
}

.sideber-1 nl{
list-style-type: none;
}

.sideber-1 a{
  text-decoration: none;
}

.sideber-1 a:hover {
  text-decoration: underline;
}

.sideber-1 a{
margin-top:-3em;
/*padding-left:0.8em;*/
font-size:0.8em;
color:black;
}

.sideber-1 a span{
margin-top:-2.5em;
padding-left:0.5em;
font-size:1.0em;
line-height:2em;
color:purple;
}


/*-----------------------------*/
/*　　文字(sideber-2)  PRGM      */
/*-----------------------------*/
.sideber-2 h1{
/*text-align:center;*/
margin-left:1.0em;
padding-left:0em;
font-size:1.2em;
line-height:0.5em;
color:SteelBlue;
}


.sideber-2 h2{
padding-left:0.5em;
font-size:0.9em;
line-height:0.1em;
color:purple;
}

.sideber-2 nl{
list-style-type: none;
}
.sideber-2 a{
padding-left:1.0em;
font-size:0.8em;
color:black;
font-size:0.8em;
}

/*-----------------------------*/
/*　　文字(face)  PRGM      */
/*-----------------------------*/
.face h1{
/*text-align:center;*/
margin-left:1.0em;
padding-left:0em;
font-size:1.2em;
line-height:0.5em;
color:SteelBlue;
}



/*-----------------------------*/
/*　　文字(main-s)  PRGM      */
/*-----------------------------*/

.main-s h1{
/*text-align:center;*/
margin-left:1.0em;
padding-left:0em;
font-size:1.2em;
line-height:1.0em;
color:SteelBlue;
}

.main-s h2{
margin-left:2em;
padding-left:0.5em;
font-size:1.2em;
line-height:0.5em;
color:SteelBlue;
}

.main-s article h1{
margin-left:0.7em;
padding-left:0.5em;
font-size:1em;
line-height:0.5em;
color:blue;
}

.main-s article h2{
margin-left:1em;
padding-left:0.5em;
font-size:1em;
line-height:0.5em;
color:black;
}


.main-s article h3{
margin-left;1em;
padding-left:4em;
font-size:0.8em;
line-height:0.5em;
color:DeepSkyBlue;
}

.main-s article h4{
margin-left;1em;
padding-left:4em;
font-size:0.8em;
line-height:1.0em;
color:red;
}


.main-s article h5{
margin-top:-1em;
margin-left:13em;
padding-left:0.5em;
font-size:0.8em;
line-height:0.5em;
color:DarkGoldenrod;
}

.main-s article p{
margin-left:1em;
padding-left:0.5em;
padding-right:0.5em;
font-size:0.8em;
line-height:1.5em;
color:black;
}

.main-s article a{
text-decoration: none;
}

/*-----------------------------*/
/*　　文字(footer)  PRGM      */
/*-----------------------------*/

footer p{
font-size:1em;
text-align:center;
color:purple;
}