﻿@charset "Shift_JIS";

/* --- COCフォント ---*/
@font-face {
	font-family: CoCFont;
	src: url(http://clans.click/rsd/font/coc.ttf);
}

/* 連戦弾カラーコード */

/* 紺色　RGB（ 41, 36, 82）292452 */
/* 黄色　RGB（239,231, 74）efe74a */
/* 灰色　RGB（ 41, 48, 49）293031 */


/* 全体 */
body {
	margin: 0;
	padding: 0;3
	font-family:Osaka-mono,"Osaka-等幅",'ＭＳ ゴシック',monospace;
	font-size:12px; 
	font-weight:bold;
	background-color: #292452;
	border:0
}

/* --- コンテナ --- */
#container {
	width: 100%;		/* ページの幅 */
	margin: 0 auto;		/* センタリング */
}

/* --- ヘッダ --- */
#header {
	height: 55px;
	padding: 2px 2px;
	background-color: #292452;
	color: #DDDDDD;
}

/* --- 入力欄 --- */
#input {
	font-size:10px; 
	height: 280px;
	padding: 5px 5px;
	background-color: #6b6d4a;
	color: #DDDDDD;
}


/* --- 広告代理欄 --- */
#cm {
	height: 500;
	padding: 5px 5px;
	background-color: #424542;/
	color: #FFFFFF;
}

/* --- メイン --- */
#main {
	padding: 5px 5px;
	color: #FFFFFF;
}


/* --- コンテンツ --- */
#content {
	height: 400;
	padding: 5px 5px;
	background-color: #292452;
/*	color: #FFFFFF;*/
}

#content a {
	text-decoration: none;
}

/* 小さな丸穴パターン */
.bg_pat {
	background:
	radial-gradient(black 15%, transparent 16%) 0 0,
	radial-gradient(black 15%, transparent 16%) 6px 6px,
	radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
	radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 6px 7px;
	background-size:12px 12px;
}

/* --- フッタ --- */
#footer {
	height: 15px;
	padding: 2px 2px;
	background-color: #222222;
	color: #DDDDDD;

	/* LINE */
/*
	background-image: linear-gradient(transparent 50%, rgba(20,20,20,.5) 50%);
	background-size: 3px 3px;
*/
}

#footer a {
	text-decoration: none;
}


/* --- エラーメッセージ --- */
#errmsg {
	height: 20px;
	padding: 2px 2px;
	background-color: #AA0000;
	color: #DDDD00;
}

/* --- メニュー --- */
#menu {
	height: 5px;
	padding: 2px 2px;
	background-color: #efe74a;
	color: #DDDDDD;

/*
	/* LINE */
	background-image: linear-gradient(transparent 50%, rgba(20,20,20,.5) 50%);
	background-size: 3px 3px;
*/
}

#menu a {
	text-decoration: none;
}

/* --- メニュー --- */
#nav {
	margin: 0;
	padding: 0;
	width: 10;
	font-size:10px; 
}

#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	width: 39px;
	margin: 0;
	padding: 0;
}clr_cmt

#nav li.page_nav {
	float: left;
	width: 20px;
	margin: 0;
	padding: 0;
}

#nav a {
	text-align: center;
	display:block;
	padding: 0 0;
	width: 100%;
	color: white;
}

#nav a:hover {
	background-color: #424542;
	color: white;
}

hr {
	border:none;
/*	border-top:solid 1px #947d5a; */
	border-top:solid 1px #666666;
	height:3px;
	color:#FFFFFF;
}

h1 {
	border: solid 0px red;
	font-size: 1.45em;
	padding: 0px; 
	margin:  0px;
}

h3 {
	border: solid 0px red;
	font-size: 1.20em;
	padding: 3px; 
	margin:  3px;
	color:#FFFFFF;

}

/* ### <span class="xxx"></span> ### */
.clr_name		{ color:#ded79c; font-size: 14px; }												/* 名前色 */
.clr_clan		{ color:#609c60; font-size: 12px; }												/* 所属クラン色 */
.clr_mes		{ color:#ffffff; font-size: 12px; }												/* メッセージ色 */
.clr_dttm		{ color:#9c9c9c; font-size:  8px; text-align: right; }							/* 日時＆役職 */
.clr_kick		{ color:#5aa610; font-size:  8px; }												/* キック色 */
.clr_sysmes	{ color:#5aa610; font-size:  8px; }													/* システムメッセージ色 */
.clr_cntr		{ color:#5aa610; font-size:  10px; }											/* カウンタメッセージ色 */
.clr_cmt		{ color:#ffffff; font-size:  10px; }												/* コメント色 */

.clr_pv			{ color:#AAAAAA; font-size:   8px; }											/* PVメッセージ色 */
.clr_pvnum		{ color:#008B8B; font-size:   8px; font-family:CoCFont; }	/* PVメッセージ色 */
.clr_cpyrt		{ color:#F5DEB3; font-size:   6px; font-family:CoCFont; } 	/* Copyrightメッセージ色 */

	





.btn				{ margin: 0; padding: 0; border: 0; }
.logo				{ float: left; }

.DotLine {
	background-image: linear-gradient(transparent 50%, rgba(20,20,20,.5) 50%);
	background-size: 3px 3px;
}

.Test {
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 6px 6px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 6px 7px;
background-size:12px 12px;
}




/*** タイトルログ * http://blog.56doc.net/Entry/514/ ***/
h1{
  padding:10px;
/*  font-family: 'Vidaloka', serif; */
/*  text-align:center; */
  font-weight:200;
  color:#666;
  background-color:#293031;
}

.maintitle{
  display:block;
  font-size:36px;
  line-height:36px;
  letter-spacing:-2px;
  text-shadow:0px 0px 3px #fff,
  0px 0px 3px #fff,
  0px 0px 4px #fff,
  0px 0px 6px #f0a,
  0px 0px 10px #f0a;
  0px 0px 12px #f0a;
  0px 0px 15px #f0a;
  0px 0px 23px #f0a;
}

.description{
  display:block;
  font-size:12px;
  line-height:15px;
  letter-spacing:3px;
  text-shadow:0px 0px 2px #fff,
  0px 0px 2px #fff,
  0px 0px 3px #fff,
  0px 0px 4px #f0a,
  0px 0px 7px #f0a;
  0px 0px 8px #f0a;
  0px 0px 10px #f0a;
  0px 0px 15px #f0a;
}


.tblcss {
border-spacing: 0;
border-radius: 5px;
box-shadow:2px 2px 2px #777;
font-size:9px; 
}
.tblcss caption { text-align: left; }
.tblcss tr { background: #fff; }
.tblcss tr:nth-child(2n+1) { background: #daffda; }
.tblcss th:first-child{border-radius: 5px 0 0 0;}
.tblcss th:last-child{border-radius:0 5px 0 0; border-right: 1px #777 solid;}
.tblcss tr:last-child td:first-child{border-radius: 0 0 0 5px;}
.tblcss tr:last-child td:last-child{border-radius:0 0 5px 0;}
.tblcss th {
padding: 2px 8px;
text-align: center;
font-weight:normal;
border-top: 1px #777 solid;
border-left: 1px #777 solid;
border-bottom: 1px #777 solid;
background: #9fc;
background-image: -webkit-linear-gradient(#dff, #9fc);
background-image: linear-gradient(#dff, #9fc);
text-shadow:1px 1px 1px #999;
}
.tblcss td {
padding: 2px 8px;
border-left: 1px #777 solid;
border-bottom: 1px #777 solid;
}
.tblcss td:last-child{ border-right: 1px #777 solid; }
.tblcss tr:hover { background: #afa; text-shadow:1px 1px 1px #999; }