/* ===== Basic Style ===== */

body {
	font-family: ms ui gothic,arial,helvetica;
	font-size: 12px;
	color: #333333;
	margin:0;
	padding:0;	
	text-align:center;
	background-image:url(images/kabe_snow.gif);
}
img {
	border: none;
}
hr {
	display: none;
}

a:link {color: blue;}
a:visited {color: blue;}
a:hover {color:blue;}
a:active {color: blue;}

/* ===== saiteigi Area ===== */
h1 {display: inline}

p {display: inline; line-height: 140%}

td {font-size: 12px; color: #333333}

em {font-style: normal; color: #FF0000}

.text-10p {font-size: 10px; color: #333333}

.text-14p {font-size: 14px; color: #333333}

.text-16p {font-size: 16px; color: #333333}

.text-18p {font-size: 18px; color: #333333}

.text-20p {font-size: 20px; color: #333333}

.h1-top {font-size: 12px; color: #006600; line-height: 135%}

.h2-top {font-size: 20px; color: #006600; line-height: 135%}

.h3-top {font-size: 12px;font-weight: bold;}

.line {line-height: 140%}

.white{color:white;}

.red{color:red;}

/* ===== MainContent Area ===== */
div#wrapper {
	width: 780px;
	margin: 0 auto;
	background-color:#FFFFFF;
}

/* ===== Header Area ===== */
div#header{
	height:172px;
	position:relative;
	float:left;
	background-image:url(images/back_header.jpg);
	background-repeat:no-repeat;
	text-align:left;
}
div#header-up{
width:346px; height:101px;
}

div#hnavi{
position:absolute;
right:0px;
top:0px;
}

/* ===== Global Navigation Area ===== */

div#gnavi {
	width: 780px;
	float: left;
}
div#gnavi ul {
	list-style-type:none;
	margin-left: 0;
	padding: 0px;
}
div#gnavi li {
	display:inline;
	padding-left: 5px;
	padding-right: 5px;
}
div#gnavi img {
	margin-top: 0px;
}

/* ===== top content Area ===== */
div#content-top{
	background-image:url(images/back_top_content.jpg);
	background-repeat:no-repeat;
	text-align:left;
	clear:both;
}
div#coment-top{
	width:360px;
	height:274px;
	text-align:left;
	padding-left:20px;
	padding-bottom:10px;
}

/* ===== top-foot Area ===== */
#top-foot{
	width: 780px;
	height: 140px;
	clear: both;
}
#top-foot-right {
	height: 125px;
	width: 467px;
	text-align:left;
	margin-top: 0px;
	padding-right: 80px;
	float: right;
}
#top-foot-right a{
color:blue;
width:100%;
line-height:120%;
}
#top-foot-right p.coment{
line-height:120%;
}

div#ad{
	height: 125px;
	margin-top: -5px;
	padding-left: 35px;
	float: left;
}

/* ===== top footer Area ===== */
.footer{
clear:both;
width:780;
text-align:center;
color: #FFFFFF;
background-color:#999966;
padding-top:12px;
padding-bottom:6px;
}

.footer a{
font-size:12px;
padding-left:5px;
padding-right:5px;
color: #FFFFFF;
text-decoration:none;
}
.footer a:link {color: #FFFFFF; text-decoration:none}
.footer a:visited {color: #FFFFFF; text-decoration:none}
.footer a:hover {color:#FFFFFF; text-decoration:none}
.footer a:active {color: #FFFFFF; text-decoration:none}

.sougo{
font-size:10px;
text-align:right;
padding-left:20px;
}
.sougo a{
font-size:10px;
padding-right:10px;
color: #FFFFFF;
text-decoration:none;
}

.copy{
background-image:url("images/back_copy.gif");
background-repeat:no-repeat;
	color: #666666;
	width: 780px;
	height:16px;
	clear: both;
	text-align:left;
}
.copy p{
margin-left: 20px;
}
.copy address{
margin-top: 3px;
margin-left: 20px;
}
.copy a:link {color: #666666; text-decoration:none}
.copy a:visited {color: #666666; text-decoration:none}
.copy a:hover {color: #666666; text-decoration:none}
.copy a:active {color: #666666; text-decoration:none}

/* ===== pan Navigation Area ===== */
div#pnavi {
text-align:left;
font-size:12px;
margin:0;
padding-left:10px;
color:#999999;
}

div#pnavi a{
padding-left:10px;
padding-right:10px;
color:#999999;
}

/* ===== small Navigation Area ===== */

.snavi a{
font-size:12px;
padding-right:20px;
color: blue;
text-decoration:none;
}

/* ===== Contents Area upper ===== */
#title{
width:780;
text-align:left;
}

#title img{
float:right;
padding-right:90px;
}

/* ===== Contentsn Area menu ===== */
#left_bar{
width:180px;
font-size: 12px;
float:left;
text-align:left;
padding-top:25px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
p.left_menu a{
color:blue;
width:100%;
line-height:200%;
}

#leftbar a{
padding-left:10px;
padding-right:10px;
text-decoration:none;
width:100%;
}

/* ===== Contents Main Area===== */
#main{
width:540px;
text-align:left;
float:right;
padding:18px 10px 10px 10px;
}

#main .list-n{
padding:5px;
color:white;
background-color:#999999;
text-align:center;
}
#main .list-nb{
padding:5px;
text-align:center;
color:white;
background-color:#666666;
}
#main .list-nc{
padding:5px;
text-align:center;
color:white;
background-color:#333333;
}
#main .list-lb{
padding:5px;
background-color:#666666;
text-align:left;
color:#FFFFFF;
}
#main .list-l{
padding:5px;
background-color:#FFFFCC;
text-align:left;
}
#main .list-l2{
padding:5px;
background-color:#EEEEEE;
text-align:left;
}
#main .list{
padding:5px;
text-align:left;
}
#main .list2{
padding:5px;
text-align:left;
background-color:#EEEEEE;
}
#main .list-c{
text-align:center;
padding:5px;
}
#main .list-c2{
text-align:center;
padding:5px;
background-color:#EEEEEE;
}

#main .list-r{
text-align:right;
padding:5px;
}
#main .list-r2{
text-align:right;
padding:5px;
background-color:#EEEEEE;
}

/* ===== main section Area ===== */
.section{
	margin:0 0 28px 0;
	
}
.section h2{
font-family: ms ui gothic,arial,helvetica;
font-size: 18px;
color: #990000;
background-image: url(images/back_h2.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 38px;
padding-top: 9px;
padding-bottom: 6px;
margin-bottom:6px;
}

.section h3{
font-family: ms ui gothic,arial,helvetica;
font-size: 16px;
color: #990000;
background-image: url(images/back_h2.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 38px;
padding-top: 9px;
padding-bottom: 6px;
margin-bottom:6px;
}

.smidashi {
padding-left: 26px;
line-height: 150%;
background-image: url(images/icon_listbox2.gif); background-repeat: no-repeat; background-position: center left;
}

.section .wd{
display:block;
width:460px;
}
.section .wdm{
display:block;
width:250px;
padding:5px;
}

.section ul{
	list-style:none;
	margin-left:0;
}

.section li{
	line-height:150%;
}
/* ===== link section Area ===== */
.linksection{
	margin:0 0 36px 0;
	
}
.linksection h2{
font-family: ms ui gothic,arial,helvetica;
font-size: 18px;
color: #990000;
margin:0;
}

.linksection h3{
font-family: ms ui gothic,arial,helvetica;
font-size: 18px;
color: #990000;
margin:0;
}

/* ===== Contents Main Doryokuti Area===== */

#main .no{
padding:5px;
text-align:center;
background-color:#FFCCFF;
}
#main .name{
text-align:left;
padding:5px;
background-color:#FFFFCC;
}
#main .number{
text-align:center;
padding:5px;
background-color:#EEEEEE;
}

#main .ngreen{
color:#00CC00;
font-weight:bold;
}
#main .nblue{
color:blue;
font-weight:bold;
}
#main .nred{
color:red;
font-weight:bold;
}
/* ===== Contents Main Battle Type Area===== */
#main .maru{
padding:2px;
text-align:center;
color:#CC0000;
font-weight:bold;
}
#main .sankaku{
padding:2px;
text-align:center;
color:#99FF00;
}
#main .batu{
padding:2px;
text-align:center;
color:#6633CC;
font-weight:bold;
}

/* ===== Contents footer Area===== */

div#footer-main{
width:780px;
clear:both;
text-align:center;
color: #FFFFFF;
background-image:url(images/back_footer.gif);
background-repeat:no-repeat;
padding-top:50px;
}

div#footer-main a{
font-size:12px;
padding-left:5px;
padding-right:5px;
color: #FFFFFF;
text-decoration:none;
}
div#footer-main a:link {color: #FFFFFF; text-decoration:none}
div#footer-main a:visited {color: #FFFFFF; text-decoration:none}
div#footer-main a:hover {color:#FFFFFF; text-decoration:none}
div#footer-main a:active {color: #FFFFFF; text-decoration:none}

#chat {
margin-top:20px;
}
.pickup{
background-color:#D2F4FA;
}

/* ===== color Area ===== */
#main .white{
color:white;
}
#main .black{
color:black;
}
#main .blue{
color:blue;
}
#main .green{
color:#00CC00;
}
#main .yellow{
color:yellow;
}
#main .red{
color:red;
}
#main .pink{
color:#FF99CC;
}
#main .purple{
color:#CC33CC;
}

/* ===== Mini List Area ===== */
div#title2{
	float:right;
	margin-right:45px;
}

div#search{
	width:780px;
	clear:both;
	text-align:right;
	padding-top:15px;
	padding-right:90px;
}


/* トップページのデザイン設定 */
.title { font-size : 16pt; color:#69F; font-weight:bold; text-align : center; }		/* タイトルの設定(文字サイズ,文字色,太字にするか,文字寄せ) */
.tr1 { background-color:#FF9900; font-weight:bold; text-align:center; }	/* テーブル見出し部分の文字色、背景色、太字にするかどうか */
.tr2 { background-color:#ffffcc;}					/* テーブルの本体部分の背景色、およびセンタリングするかの設定 */
.tr3 { background-color:#ffffff;}					/* 本体部分は、↑とこの色で縞模様になります。それが嫌なら上と同じ色に */
.new { color:#F63; font-size:10px; }									/* 新着記事の日付部分を、どんな色に変えるか */
small{ font-size : 10pt; }								/* 日付の大きさ(これだけ小さくしている) */

/* 詳細表示ページのデザイン設定 */

.left { text-align:center; background-color:#FFFFCC; width: 200; }						/* 項目を表示する部分（文字寄せ,背景色,幅） */
.right { text-align:left; background-color:#FFFFEC; width: 400; }						/* 内容を表示する部分（文字寄せ,背景色,幅） */
.com1 { text-align:left; background-color:#FFFFCC; font-weight:bold; }				/* コメント見出し部分（文字寄せ,文字色,背景色,太字にするか） */
.com2 { text-align:left;}						/* コメントの本体部分（文字寄せ,背景色,幅） */


/* その他のページの設定 */
.midashi { font-size : 12pt; color:#FFFFFF; background-color:#FF9900; font-weight:bold; text-align:center; height: 27; }	/* タイトル部分（サイズ,文字色,背景色,太字にするかどうか,文字寄せ） */
.bold { font-size : 12pt; color:#FF0000; font-weight:bold; }									/* 強調させる部分部分（文字色,太字にするかどうか） */
.check{ font-size : 10pt; color:#FF6666; }									/* 入力必須項目につける「*」印の書式設定 */
.mail { text-align:right; }				/* メール送信フォームでの見出し（[名前]など）設定（文字寄せ,文字色,背景色,） */
.syousainame { font-size : 16px; color:#FFFFFF;	background-color:#FF9900; font-weight:bold; text-align:left;}	/* 詳細ページのネーム部分（サイズ,文字色,背景色,太字にするかどうか,文字寄せ） */

.white-10p {
	font-size: 10px;
	color: #FFFFFF;
}

.s1 {
	font-size:10px;
}

.blue {
	color: blue;
}

/* ===== Link Navigation Area ===== */

.linknavi a{
font-size:12px;
font-weight:bold;
padding:0 20px 0 20px;
color: blue;
text-decoration:none;
}

.tokuseinavi a{
font-size:12px;
font-weight:bold;
padding:0 5px 0 5px;
color: blue;
text-decoration:none;
}

/* ===== Adcense Area ===== */

div#ad468{
	padding-top:16px;
	display:none;
}

div#ad468c{
	padding-top:16px;
	padding-bottom:16px;
	display:none;
}