﻿
body { 
 	
width:545px;

font-family:Century Gothic, Arial, sans-serif;

margin-top:20px ;

margin-right: auto;

margin-left:  auto;

padding-left:1px;

padding-right:1px;

line-height: 18px;
}



header, nav, article, aside, section, footer, address {
	
display:block;
}




/*背景色指定はhtml*/

header, nav, article, aside,  footer {

    margin:0px ;

    padding:0px;
color:#666;
   

}


/*--ナビ左寄せ指定--*/
#nav {
  list-style: none;
  overflow: hidden;
  padding-left: 0; 
}

#nav li {
  width: 107px;
  text-align: center;
  background-color:#666;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-right: 2px;
}

#nav li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 20px;
}

#nav li a:hover{
  text-decoration: none;
  color:#e6e6ca;
  font-weight: bold;
  padding: 20px;
}


/*--ナビ開いてるページ指定--*/

#nav li.open {
  width: 107px;
  text-align: center;
    background-color:#666;
  float: left;
  height: 50px;
  line-height: 50px;
  margin-right: 2px;
}

#nav li.open  a {
  text-decoration: none;
  color:lightyellow;
  font-weight: bold;
  padding: 20px;
}





section{
 margin:10px ;

    padding:5px;

}


/*section線　背景　指定はhtmlーーーーーーーーーーーー*/



/*header,article,aside a&a hover アンダーライン有無　指定ーーーーーーーーー*/

header a, article a, aside a{
color:#666;
text-decoration: none;
padding-bottom:1px;    /*アンダーライン無し*/
}

header a:hover, article a:hover, aside a:hover{
color:#666;
text-decoration:underline;
padding-bottom:1px;    /*アンダーラインあり*/
}




 




	
/*フッターーーーーーーーーーーーーーーーーーーーーーーーー*/
.page{
font-size:150%;
text-decoration:underline;
}

.page-next{
font-size:120%;
}


footer {
clear:both;
border:none;
color:#666;
font-size:100%;

}


footer a{
color:#666;
font-size: 100%;
text-decoration:none;
}

footer a:hover{
text-decoration: underline;
}



