@charset "Shift_JIS";

@import 'init.css';
@import 'fonts.css';
@import 'tips.css';

/*********************************************************
 フレーム */
body{
  line-height:1.6em;
  font-size:14px;
  color:#333;
  margin:0;
  font-family:Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
 background-color:#FFEFD5;
}

div#Container{
  width:600px;
  margin-right:auto;
  margin-left:auto;
}

h1{
	text-align:center;
	margin-bottom:6px;
}

/* ヘッダ */
div#Header{
  width:600px;
  margin-right:auto;
  margin-left:auto;
}

/* メイン */
div#Main{
	margin-bottom:12px;
  zoom:1;
}
div#Main:after{
  content:"";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}

ul#Navi{
	border-top:#999 solid 1px;
	border-bottom:#999 solid 1px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:18px;
	text-align:center;
}
ul#Navi li{
  display:inline;
  padding-right:9px;
  margin-right:9px;
  border-right:#333 solid 1px;
}
ul#Navi li.last{
  padding-right:0;
  margin-right:0;
  border-right:none;
}

ul.notice{
	list-style:disc outside;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:22px;
	margin-bottom:24px;
	border:#C00 solid 2px;
	background-color:#FCC;
}
ul.notice li{
	color:#F33;
	font-weight:bold;
}


div#WriteBox{
	padding:12px;
	margin-bottom:24px;
	border:#00CCCC solid 1px;
	background-color:#CCFFFF;
}
div#WriteBox table{
	margin-bottom:12px;
}
div#WriteBox table th,
div#WriteBox table td{
	padding:3px 6px;
	vertical-align:top;
}
div#WriteBox table th{
	font-weight:normal;
	text-align:left;
}
div#WriteBox table td{
	font-size:small;
}

table.threadList{
	background-color:#FFFFEC;
	border-collapse:collapse;
	border:#FF9966 solid 2px;
}
table.threadList th,
table.threadList td{
	border-collapse:collapse;
	border:#FF9966 solid 1px;
	padding:6px 6px;
	line-height:1em;
}
table.threadList th{
	background-color:#FFDDDD;
	color:#F00;
}
table.threadList td{
	background-color:#FFFFEC;
	font-size:small;
}
table.threadList td.title{
	font-size:14px;
}
table.threadList td.name{
}
table.threadList td.count{
	text-align:right;
	width:36px;
}
table.threadList td.date{
	width:108px;
}

div#ThreadBox{
	background-color:#FFFFEC;
	border-collapse:collapse;
	border:#FF9966 solid 2px;
	margin-bottom:18px;
}
div#ThreadBox h2{
	background-color:#FFDDDD;
	font-size:14px;
	color:#F00;
	padding:3px 12px;
}
div#ThreadBox h2 span{
	font-weight:normal;
	font-size:small;
	color:#000;
	margin-bottom:12px;
}
div#ThreadBox p.date{
	color:#800000;
	text-align:right;
	margin-bottom:12px;
	padding-right:12px;
}
div#ThreadBox div.message{
	margin-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	line-height:1.2em;
}
div#ThreadBox p.buttons{
	text-align:right;
	padding-right:12px;
	margin-bottom:12px;
}

div#ThreadBox div.post.sub{
}
div#ThreadBox div.post.sub h2{
	border-top:#FF9966 solid 2px;
	padding-left:36px;
}
div#ThreadBox div.post.sub div.message{
	padding-left:36px;
}

div#Howto{
	background-color:#FFFFEC;
	border-collapse:collapse;
	border:#FF9966 solid 2px;
	margin-bottom:18px;
}
div#Howto h2{
	background-color:#FFDDDD;
	font-size:14px;
	color:#F00;
	padding:3px 12px;
	margin-bottom:12px;
}
div#Howto ul{
	list-style:disc outside;
	margin-left:34px;
	margin-right:12px;
	margin-bottom:24px;
}

div#Main.edit h2{
	color:#666;
	font-size:medium;
	text-align:center;
	margin-bottom:12px;
	padding:6px;
	background-color:#FFFFEC;
	border-top:#FF9966 solid 2px;
	border-bottom:#FF9966 solid 2px;
}

/* フッタ */
address{
  padding:6px;
	text-align:center;
	font-size:small;
}

/* 共通 */
ul.list{
  list-style:disc outside;
  padding-left:24px;
}

ul.inline-list li{
  display:inline;
  padding-right:9px;
  margin-right:9px;
  border-right:#333 solid 1px;
}
ul.inline-list li.last{
  padding-right:0;
  margin-right:0;
  border-right:none;
}

hr.border{
  height:3px;
  border-right:none;
  border-left:none;
  border-top:none;
  border-bottom:#666 solid 2px;
  margin-bottom:12px;
}


/* 文字色 */
.color0{color:#000;}
.color1{color:#CC0000;}
.color2{color:#008000;}
.color3{color:#0000FF;}
.color4{color:#CC00CC;}
.color5{color:#FF00CC;}
.color6{color:#FF9933;}
.color7{color:#000099;}
.color8{color:#666666;}


table.emojiTable{
	margin-right:auto;
	margin-left:auto;
	margin-bottom:12px;
}
table.emojiTable td{
	padding:2px;
}

div#SearchBox{
	margin-bottom:24px;
	text-align:center;
}