@charset "Shift_JIS";

body {
	 margin: 0px;
	 font-size:12px;
	 color: #333;
	 background:#fff;
	 text-align:center;
}
div ,h1 ,h2 ,h3 ,form ,ul ,li ,hr ,p ,table ,tr ,th ,td{
	margin:0px;
	padding:0px;
}

img {
	border:none;
}

br.clear{
	clear:both;
}
form{
	display:inline;
}


/* ::::::::::::::: リンクの基本色::::::::::::::: */
a:link { text-decoration:underline; color:#008F00; }
a:visited { text-decoration:underline; color:#008F00; }
a:active { text-decoration:none; color:#00CC00; }
a:hover { text-decoration:none; color:#00CC00; }

/**** 枠組み ****/
div#container{
	width:750px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	border-left:solid 1px #aaaaaa;
	border-right:solid 1px #aaaaaa;
	border-bottom:solid 1px #aaaaaa;
}
/**** header ****/
#header{
	width:100%;
	padding:0px 0px 0px 0px;
}
h1{
	margin:0px;
	padding:5px 15px 5px 15px ;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-bottom:solid 2px #ddd;
}
/**** contents ****/
#main{
	width:720px;
	margin:0px auto 0px auto;
	padding:0px 0px 30px 0px;
	text-align:center;
	line-height:1.3;
}

/**** footer ****/
#footer{
	margin:0px 0px 0px 0px;
	border-top:solid 1px #aaaaaa;
}
#footer address{
	padding:5px 12px 5px 12px;
	font-size:12px;
	font-style:normal;
	text-align:right;
}

/**** TABLE関係 ****/
table{
	font-size:12px;
}
th ,td{
	line-height:1.3;
}
table input{
	vertical-align:middle;
}
table select{
	vertical-align:middle;
}
/**** ページタイトル ****/

h2{
	margin:15px 0px 10px 0px;
	padding:5px 0px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	border-bottom:solid 2px #FF80B8;
}
h3{
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px ;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	border-bottom:solid 1px #FF80B8;
}
/**** リスト ****/
ul{
	padding-left:30px;
	margin:5px 0px;
	text-align:left;
}

/**** ページナビ ****/
div.pagenavi {
	padding:5px 0px 0px 0px ;
	text-align:right;
}
div.pagenavi a{
	 padding:0px 2px;
}

div.backlink{
	text-align:right;
}

/**** ログインページ ****/
.login{
	width:60%;
	margin:12px auto 80px auto;
	background:#FFE6F1;
	border:solid 1px #999999;
}
.login th{
	width:40%;
	padding:12px 5px 5px 5px;
	text-align:right;
	font-weight:bold;
}
.login td{
	padding:12px 5px 5px 5px;
}
.login td.button{
	padding:5px 5px 12px 5px;
	text-align:center;
}

/**** カテゴリ選択 ****/
.category{
	margin:20px 0px;
	padding:10px 10px;
	background:#FFE6F1;
	text-align:center;
}
.category table{
	width:700px;
}
.category td {
	width:15%;
	padding:8px 10px;
}
.category td a {
	width:100%;
	display:block;
	padding:5px 0px;
	text-align:center;
	text-decoration:none;
}
.category a:link {
	border:outset 2px #fff;
	color:#333;
	background:#ddd;
	font-weight:normal;
	text-decoration:none;
}
.category a:visited {
	border:outset 2px #fff;
	color:#333;
	background:#ddd;
	font-weight:normal;
	text-decoration:none;
}
.category a:active {
	border:inset 2px #ccc;
	color:#E60066;
	background:#ccc;
	font-weight:bold;
	text-decoration:none;
}
.category a:hover {
	border:inset 2px #ccc;
	color:#E60066;
	background:#ccc;
	font-weight:bold;
	text-decoration:none;
}


/**** 検索box ****/
.searchbox{
	margin:10px 0px;
	padding:10px 10px;
	background:#FFBFDC;
	text-align:left;
}
.searchbox form{
	display:block;
	padding:2px 0px;
}

/**** 一覧用テーブル ****/
table.list{
	width:100%;
	margin:5px 0px 5px 0px;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
}
table.list th ,table.list td{
	font-weight:normal;
	border-bottom:solid 1px #999;
	border-right:solid 1px #999;
	padding:4px;
	vertical-align:top;
}
table.list th{
	background:#FFE6F1;
	white-space:nowrap;
	font-weight:normal;
	color:#222;
}
table.list　p{
	text-align:left;
}
table.list input{
	vertical-align:top;
}
/**** 回答例table ****/
.return table{
	width:90%;
	margin:0px 0px 10px auto;
	border:solid 1px #999;
	text-align:left;
}
.return th,
.return td{
	padding:10px 10px;
}
.return th{
	background:#EED8C6;
	font-weight:normal;
}
.return .button td{
	background:#ddd;
}
/**** 編集ページ ****/
table.edit{
	width:100%;
	margin:20px auto;
	background:#FFF0F7;
}
table.edit td ,table.edit th{
	vertical-align:top;
	padding:10px 0px 0px 10px;
}
table.edit th{
	width:20%;
	text-align:right;
	font-weight:bold;
	white-space:nowrap;
}
table.edit .title td{
	padding:10px 10px 0px 10px;
}
table.edit .button td{
	padding:10px 0px 10px 10px;
}
table.edit .delete{
	background:#DDEEFF;
}
/**** 質問用テーブル ****/
table.question{
	width:100%;
	margin:10px 0px 10px 0px;
	border:solid 1px #999;
}
table.question th ,table.question td{
	font-weight:normal;
	padding:10px;
	vertical-align:top;
}
table.question th{
	background:#FFE6F1;
	white-space:nowrap;
	font-weight:normal;
	color:#222;
	text-align:left;
}
table.question .button td{
	background:#ddd;
}
table.question input{
	vertical-align:top;
}

/**** 削除 ****/
div#delete{
	text-align:center;
	margin:10px auto 0px auto;
	background:#bbb;
	padding:12px 0px;
}
div#delete h3{
	padding:10px;
	font-size:12px;
	font-weight:bold;
}

/**** 左寄せテキスト ****/
.left{
	text-align:left;
}
/**** 中央寄せテキスト ****/
.center{
	text-align:center;
}
/**** 右寄せテキスト ****/
.right{
	text-align:right;
}
/**** エラーメッセージ ****/
#error{
	margin:20px 0px 0px 0px;
	color:#f00;
}
/**** キャプション ****/
.caption{
	text-align:left;
}
/**** font 指定 ****/
.normal{
	font-size:12px;
	font-weight:normal;
}
.small{
	font-size:12px;
	font-weight:normal;
}

.red{
	color:red;
}
.blue{
	color:blue;
}
textarea{
	font-size:12px;
}