/*
(c) 1999- plasmasphere.net:ソーイチ All rights reserved.
http://www.plasmasphere.net/
*/

@import url("general_style.css");

/*----------------------レイアウト-----------------------------*/
body {
	background:url(../img/cosmbg.jpg) #000;
	color:#fff;
	font-family:
		"Trebuchet MS",
		"ＭＳ Ｐゴシック",
		"ＭＳ ゴシック",
		"Osaka",
		sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	font-size:small;
}


#Topblock ,
#main ,
#container {
	background:url(../img/cosmmenu_700.jpg) no-repeat #000;
	text-align:left;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	padding:160px 0 0 0;
	border:dashed #555;
	border-width:0 2px 0 2px;
}


#title {
	padding:0;
	height:150px;
	width:700px;
	border:none;
	position:absolute;
	top:0;
	text-align:center;
}


#title h1 {
	font-size:120%;
	font-weight:bold;
	color:#09c;
	background:none;
	border:none;
	letter-spacing:2px;
	padding-top:55px;
	margin-left:auto;
	margin-right:auto;
}

#title h1 a {
	color:#09c;
}


#title span.sub {
	display:block;
	font-weight:normal;
	font-size:40%;
	text-align:center;
	border:none;
}

#contents {
	float:left;
	width:48%;
	margin:0 0 20px 0;
}

#attent {
	background:url(../img/cosm1.gif) no-repeat;
	background-position:right top;
	margin:0;
	float:left;
	width:48%;
}

#Picup {
	clear:both;
}

#acce {
	width:auto;
	background:url(../img/2bb.gif);
	text-align:right;
	font-size:small;
	margin:1em;
}

#newdate h2{
	text-align:left;
	border:0;
}


#contents {
	float:left;
}

address {
	position:relative;
	text-align:right;
	border:dashed 1px #555;
	border-width:1px 0 0 0;
	background:url(../img/2bb.gif);
	clear:both;
	padding:0;
	margin:4px 2px 5px 0;
}

#gamelist {
	float:right;
	width:49%;
	background:url(../img/cosm0.gif) no-repeat;
	background-position:right top;
}



/*-----------------------その他----------------------------*/
p {
	margin:0 1em;
	padding:0;
	line-height:160%;
}

address ,
.back-anchor ,
.posted{
	border-top:1px dashed #777;
	text-align:right;
	background:url(../img/2gk.gif) repeat;
	font-size:80%;
	margin:2em 0 0 0;
	padding:0;
}

.back-anchor {
	clear:both;
}

p.Write-in {
	border:0;
	text-align:left;
	text-indent:0;
}

.color {
	background-color:#fff;
}

img {
	border:0;
}

#webring ,
.none {
	display:none;
}

hr {
	visibility:hidden;
}

select,
input,
textarea,
checkbox {
	border:1px solid #9ac;
	background-color:#000;
	color:#9ac;
}

form {
	margin:0;
	padding:0;
	display:inline;
}

form p {
	margin:0;
	padding:0;
	display:inline;
}

.sub {
	border-top:dashed 1px #777;
	padding-left:1em;
	font-size:xx-small;
}

.expl {
	border-top:dashed;
	text-indent:+3em;
}

.lnk {
	border:none;
	text-align:right;
	font-size:small;
	color:#888;
}

.host {
	visibility:hidden;
}

.new {
	color:#f22;
}

.cngview ,
.bbs ,
table {
	border:1px dashed;
}

table {
	border:2px solid #777;
	margin:30px 0 30px 10px;
	background:url(../img/planet-bg.jpg);
	font-size:90%;
}

td ,
tr {
	border:1px dashed #777;
	border-width:0 0 1px 1px;
}

th {
	border:1px solid #777;
	border-width:1px 0 0 1px;
	background:url(../img/cosm1.gif) no-repeat right top;
}

#gmenu {
	margin-bottom:50px;
	margin-left:50px;
	background:url(../img/cosm0.gif) no-repeat;
	background-position:right top;
}

.style {
	margin:2em;
}

.sitename ,
.coment {
	margin:10px 100px 50px 100px;
	border-width:1px 1px 0 0;
	border:dashed #78a;
	background:url(../img/cosm0.gif) no-repeat;
	background-position:right top;
}

.noban {
	width:200px;
	height:40px;
	float:left;
	border:dashed;
}

.box1 {
	float:left;
}

.cngview ,
.sclink {
	padding:2px;
	border:1px dashed #555;
	text-align:center;
	background:url(../img/cosmline2.jpg);
	margin:0 50px;
	font-size:small;
}

.bbs {
	padding:5px 10px;
	border:2px dashed #78a;
	background:url(../img/cosm1.gif) no-repeat;
	background-position:right top;
	text-align:left;
}

.article {
	border:1px dashed #78a;
	margin:10px 10px;
}

.body {
	border:none;
	margin:10px 10px;
}

.Body {
	text-align:left;
	border-top:1px dashed #777;
	padding:0.5em 0;
}

.Article {
	text-align:left;
	margin:30px 50px;
	border:1px dashed #78a;
	background:url(../img/planet-bg.jpg);
}

.Footer {
	text-align:right;
	font-size:80%;
	border-top:1px dashed #777;
}


.dbox ,
.dtitle ,
#lmenu ,
#lban {
	border:1px dashed;
	margin:10px 10px 30px;
}

.dbox {
	background:url(../img/cosm0.gif) no-repeat;
	background-position:right top;
	border-color:#78a;
}

.dbox img {
	max-width:400px;
}

.dtitle	{
	border-bottom:1px dashed #78a;
	border-width:0 0 1px 0;
}

#container ,
#center ,
.content {
	background-color: #000;
}


.diary ,
#link {
	border:0;
}

#lban{
	text-align:left;
	border:1px dashed #777;
	padding:0.5em 0;
}

h1,h2 {
	padding-left:5px;
}

h1 ,
h2 {
	background:url(../img/cosm2.png) no-repeat 30% 0;
	text-align:center;
}

h3 ,
h4 ,
h5 ,
h6 {
	background:url(../img/cosmline2.jpg) no-repeat;
	padding-left:5px;
	position:relative;
}

h5,h6 {
	text-align:left;
}

.Gamelistfont {
	text-align:center;
}

ul {
	list-style-type:circle;
	line-height:140%;
}

ul.c {
	list-style-type:disc;
}

dt {
	border-bottom:1px dashed #555;
	margin-left:1em;
}

dd {
	padding:0.5em;
	font-size:90%;
}


.line {
	font-size:smaller;
}

#cm {
	text-align:center;
}

.right {
	font-size:80%;
}

blockquote {
	border:1px dashed #555;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.info {
	clear:both;
	font-size:90%;
}

/*-----------------------リンク----------------------------*/

a:link ,
a:visited ,
a:active {
	color:#9ac;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#def;
}

#ringlink {
	color:#fff;
	background:none;
	border:none;
	cursor:text;
	text-decoration:none;
}

div#ring p {
	font-size:80%;
}

/*------------------------メニュー---------------------------*/

#navigation {
	border:dashed 1px #555;
	border-width:1px 0;
	background:url(../img/2bb.gif);
	text-align:center;
	margin:0;
	font-size:15px;
}

.noline {
	font-size:1px;
	color:#000;
	margin-left:39px;
}

#navigation ul {
	padding:2px 0;
	margin:0;
	word-spacing:1.4em;
}

#navigation ul li {
	display:inline;
}

#navigation a:hover {
	text-decoration:underline;
}

#navigation form input {
	margin:0 2px;
}


/*
#sss {
	font-size:13px;
	position:absolute;
	width:200px;
	margin-left:500px;
	text-align:right;
	left:15%;
	top:85px;
}

#gamemenu ,
#comumenu ,
#gallerymenu ,
#linksmenu ,
#diarymenu {
	position:absolute;
	top:17px;
	text-align:left;
	line-height:20px;
	visibility:hidden;
	border:1px dashed #555;
	background:url(../img/planet-bg.jpg);
	z-index:1;
	width:180px;
	padding:2px;
}

#gamemenu {
	left:195px;
	height:290px;
}
#comumenu {
	left:300px;
	height:85px;
}
#gallerymenu {
	left:420px;
	height:85px;
}
#linksmenu {
	left:505px;
	height:165px;
}
#diarymenu {
	left:590px;
}

*/


/*blog*/

#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 700px;
}


#center {
	float: left;
	width: 500px;
}

.content {
	font-size: 90%;
}

.content p {
	font-weight: normal;
	line-height: 150%;
	text-align: left;
}

.extended {
	margin-top:1em;
	text-align:right;
}

.content blockquote {
	line-height: 150%;
}

.content li {
	line-height: 150%;
}

.content h2 {
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}

.content h3 {
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}

.content p.posted {
	text-align: left;
	margin-top: 25px;
	line-height: normal;
	padding: 3px;
}

.sidebar {
	float: right;
	width: 200px;
}



#calendar {
  	line-height: 140%;
	font-size: 80%;
  	padding: 2px;
	text-align: center;
	margin-bottom: 30px;
}

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 90%;
}

#calendar caption {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em;
}

#calendar th {
	text-align: center;
	font-weight: normal;
}

#calendar td {
	text-align: center;
}

.sidebar h2 {
	font-size: x-small;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em;
}

.sidebar ul {
	padding-left: 2em;
	margin: 0px;
	margin-bottom: 30px;
	font-size:80%;
}

.sidebar ul ul {
	margin-bottom: 0px;
}


.photo {
	text-align: left;
	margin-bottom: 20px;
}

.link-note {
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
}

#powered {
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	margin-top: 50px;
}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
}

textarea[id="comment-text"] {
	width: 80%;
}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
}

.search_result em {
	font-size:120%;
	background:#ff0;
	color:#000;
}

#comment_form {
	float:left;
	width:25%;
	margin-left:5%;
}