@charset "UTF-8" ;
/*エンコーディング*/

/*ブラウザ依存*/
* {
	margin : 0px ;
	font-size : 12pt ;
}


body {
	text-align : center ;
	font-size : 1em ;
	height : 100% ;
	background : url(back.png) repeat ;
	margin : 0px ;
	padding : 0px ;
}

img {
	border : none ;
}

/* システム警告文 */
span.system_announce {
	font-style : italic ;
}

/*リンク色指定*/
a {
	white-space : -moz-pre-wrap ;
	white-space : -pre-wrap ; 
	white-space : -o-pre-wrap ;
	white-space : pre-wrap ;
	word-wrap : break-word ;
	font-size : 1em ;
}

a:link,
a:visited {
	color : #af6963 ;
	text-decoration : underline ;
}

a:hover,
a:active {
	color : #663300 ;
	text-decoration : underline ;
}

/* 表組みレイアウト */
table.wiki {
	background-color : #e8d797 ;
}

td.wiki,
td.rank {
	padding : 5px ;
	margin : 1px ;
	color : inherit ;
	background-color : #eff6ff ;
	font-size : 0.9em ;
	text-align : left ;
}
th.wiki {
	padding : 5px ;
	margin : 1px ;
	color : inherit ;
	background-color : #eff6cf ;
	font-size : 0.9em ;
	text-align : left ;
}



/*全項目*/
#all {
	text-align : left ;
	width : 750px ;
	height : auto ;
	background : url(main_back2.png) repeat ;
	border-right : 1px solid #333333 ;
	border-left : 1px solid #333333 ;
	border-bottom : 1px solid #333333 ;
	margin : 0px auto ;
	vertical-align : top ;
}

/*タイトルを入れるけど、実際には隠します*/
#all h1 {
	display : inline ;
	font-size : 9px ;
	visibility : hidden ;
}

/*タイトルバナー START*/
#title {
	float : left ;
	width : 500px ;
	height : 84px ;
	background : url(title.gif) no-repeat;
}

#title a {
	text-decoration : none ;
	display : block ;
	width : 351px ;
	height : 63px ;
}

/*ログイン、検索フォーム*/
#login {
	text-align : right ;
	height : 63px ;
	margin-right : 0.5em ;
}

#login ul {
	list-style-type : inherit ;
	margin-bottom : 1em ;
}

#login li {
	display : inline ;
}

#login li a {
	font-size : 0.9em ;
}

#login .searchform {
	width : 120px ;
}

/*メニューバー*/
#menu {
	clear : both ;
	height : 30px ;
	margin : 0px ;
	text-align : right ;
	background : #ffebbb ;
}

#menu ul {
	list-style-type : inherit ;
	padding : 0px ;
}

#menu li {
	width : 100px ;
	height : 20px ;
	text-align : center ;
	float : right ;
	background : #ffffff ;
	margin : 3px 4px 3px 4px ;
	padding : 0px ;
	border : 1px solid #ea7500 ;
	border-left : 3px solid #ea9600 ;
	display : block ;
	overflow : hidden ;
}

#menu li a {
	height : 100% ;
	font-size : 10pt ;
	display : block ;
	letter-spacing : 2px ;
	vertical-align : middle ;
	line-height : 20px ;
	text-decoration : none ;
}
#menu li a:hover,
#menu li a:active {
	color : #aa6600 ;
	background-color : #ffea5d ;
	text-decoration : none ;
}

/* ナビゲーター */
#navigator {
	height : 21px ;
	border-top : 1px solid #aa5500 ;
	border-bottom : 1px solid #aa5500 ;
	background : #ffefdd ;
}

#navigator ul {
	list-style-type : inherit ;
	padding : 0px 10px ;
}

#navigator li {
	display : inline ;
	height : 21px ;
	margin-left : 5px ;
	vertical-align : middle ;
}

#navigator li.warning {
	display : inline ;
	height : 21px ;
	margin-left : 5px ;
	vertical-align : middle ;
	color : #ee6666 ;
	font-style : italic ;
} 

/* コンテンツ */
#main {
	font-family : "Verdana", sans-serif ;
	padding : 0.5em ;
}

/* コンテンツ内のフォームの大きさ */
#main input {
	font-size : 0.8em ;
}

#main p {
	font-size : 0.95em ;
	line-height : 1.6em ;
	margin : 10px 1em ;
}

#main p span {
	font-size : 0.95em ;
	line-height : 1.9em ;
}

#main span.address1 {
	font-size : 0.95em ;
	border-bottom : 2px dashed #ee3300 ;
	line-height : 1.9em ;
}

#main span.address2 {
	font-size : 1em ;
	font-style : italic ;
	border-bottom : 2px dashed #ee3300 ;
	color : #660000 ;
	background-color : #ffefef ;
	line-height : 1.9em ;
}

/* レス、投稿統一フォーム */
#main div#post {
	margin : 1em ;
	padding : 0px ;
}

#main div#post table tr.need td {
	background-color : #f9ffff ;
	font-weight : bold ;
	padding : 4px ;
}

#main div#post table tr.noneed td {
	background-color : #fff6ef ;
	padding : 4px ;
}

#main div#post table tr td input.name {
	width : 150px ;
}

#main div#post table tr td input.number {
	width : 90px ;
}

#main div#post div.comment {
	margin : 0px ;
	padding : 0px ;
}

#main div#post div.comment textarea {
	font-size : 0.9em ;
	border : dashed #ffcfcc 2px ;
	padding : 5px ;
}

#main div#post div.submit {
	margin : 10px 0px ;
}

/* 方法によって大きさが異なる */
#main div#post div.res {
	margin : 0px ;
	overflow: auto;
}

#main div#post div.postadd {
	margin : 0px ;
	overflow: auto;
}

#main div#post div div.item {
	float : left ;
	margin : 0px ;
	margin-bottom : 1em ;
	padding : 0em ;
}

#main div#post div div.powerd {
	float : left ;
	margin : 1em ;
}

/* メニューコマンド用 */
#main div#manip {
	clear : both ;
	width : 700px ;
}

#main div#manip div.internal {
	border-top : 1px dashed #ee9999 ;
	border-bottom : 1px dashed #fedf9f ;
}

#main div#manip div.internal div.list {
	margin : 0.5em ;
}

#main div#manip div.internal div.list ul {
	list-style-type : none ;
	height : 30px ;
	margin : 0px ;
	padding : 0px ;
}

#main div#manip div.internal div.list ul li {
	float : left ;
	margin : 3px 4px ;
	display : block ;
	background : url(manip.gif) no-repeat ;
}

#main div#manip div.internal div.list ul li.current {
	background : url(dab_manip.gif) no-repeat ;
}

#main div#manip div.internal div.list ul li a,
#main div#manip div.internal div.list ul li span {
	display : block ;
	margin : 0px ;
	padding : 0px 0px 0px 22px ;
}

/* ポスト一覧 */
/* 全体 */
#main div.postlist {
	clear : both ;
	width : 700px ;
}

/* 内部要素 */
#main div.postlist div.internal {
	border-top : 1px dashed #ee9999 ;
	padding : 1em ;
}

/* 画像を右寄せで設置させる */
#main div.postlist div.internal div.image {
	float : right ;
}

/* 画像の囲い */
#main div.postlist div.internal div.image p {
	text-align : center ;
	width : 160px ;
	height : 160px ;
}

#main div.postlist div.internal div.image p a {
}

/* 画像のインライン要素 */
#main div.postlist div.internal div.image p img.main {
	border : 2px dashed #ffdfcd ;
	vertical-align : middle ;
}

/* テキスト表示エリア全体 */
#main div.postlist div.internal div.contents {
	float : left ;
	width : 450px ;
	height : 160px ;
}

#main div.postlist div.internal div.contents div.title {
	margin : 0px ;
	padding : 0px ;
}

#main div.postlist div.internal div.contents div.title span {
	line-height : 1em ;
	margin : 0em ;
	padding : 0em ;
	border : none ;
	background-color : inherit ;
}

#main div.postlist div.internal div.contents div.title span.title {
	font-size : 1.4em ;
	color : #666666 ;
}

#main div.postlist div.internal div.contents div.title span.name {
	font-size : 1.1em ;
	color : #df69df ;
}

#main div.postlist div.internal div.contents div.title span.product {
	font-size : 1.1em ;
	color : #bfbf19 ;
}

#main div.postlist div.internal div.contents div.title span.symbol {
	font-size : 1.1em ;
	color : #dfdf19 ;
}

#main div.postlist div.internal div.contents div.title span.maker {
	font-size : 1em ;
	color : #333366 ;
	background-color : inherit ;
	margin : 0em ;
	padding : 0em ;
}

#main div.postlist div.internal div.contents div.reseven {
	border : dashed #afafff 2px ;
	font-size : 0.9em ;
	height : 90px ;
	overflow : hidden ;
}

#main div.postlist div.internal div.contents div.resodd {
	border : dashed #9fcf9f 2px ;
	font-size : 0.9em ;
	height : 90px ;
	overflow : hidden ;
}

#main div.postlist div.internal div.contents div p {
	margin : 0px ;
	padding : 5px ;
}

/* イメージがないときのコメントエリア */
#main div.postlist div.internal div.contents div#comment {
	margin : 1em 0em ;
}

#main div.postlist div.internal div.contents div#comment div.over {
	width : 640px ;
}

#main div.postlist div.internal div.contents div#comment div.over div.post {
	font-size : 0.9em ;
	color : #000066 ;
	border : solid #afdfff 2px ;
	background-color : #ffffff ;
}

#main div.postlist div.internal div.contents div#comment div.over div.post p {
	padding : 5px ;
	margin : 0em ;
}




/* ページ機能 */
#main div.page {
	clear : both ;
	width : 700px ;
}

#main div.page div.above {
	border-top : 1px dashed #fece9e ;
}

#main div.page div.below {
	border-top : 1px dashed #ee9999 ;
	border-bottom : 1px dashed #fece9e ;
}

#main div.page div div.list {
	height : 60px ;
}

#main div.page div div.list ul {
	list-style-type : none ;
	margin : 1em ;
	padding : 0px ;
}

#main div.page div ul li {
	float : left ;
	width : 30px ;
	height : 25px ;
	text-align : center ;
	background : #ffffff ;
	margin : 3px 4px 3px 4px ;
	padding : 0px ;
	border : 1px solid #ffbfaa ;
	display : block ;
	overflow : hidden ;
}

#main div.page div ul li.now {
	background : #ffefcf ;
	font-size : 1em ;
	padding : 2px ;
	border : none ;
}

#main div.page div ul li.prev {
	background : url(prev.gif) no-repeat #ffffff ;
	width : 40px ;
	text-align : left ;
}

#main div.page div ul li.next {
	background : url(next.gif) no-repeat #ffffff ;
	width : 40px ;
	text-align : right ;
}

#main div.page div ul li.noprev {
	background : url(prev.gif) no-repeat #ffefcf ;
	width : 40px ;
	text-align : left ;
}

#main div.page div ul li.nonext {
	background : url(next.gif) no-repeat #ffefcf ;
	width : 40px ;
	text-align : right ;
}

/* トップへ戻るコマンドは特殊 */
#main div.page div ul li.gotop {
	height : 100% ;
	text-align : right ;
	border : none ;
	background : none ;
	margin : 3px 4px 3px 4px ;
	padding : 0px ;
}

#main div.page div ul li a,
#main div.page div ul li span {
	font-size : 1em ;
	display : block ;
	height : 100% ;
	padding : 2px ;
}

#main div.page div ul li a:hover,
#main div.page div ul li a:active {
	color : #cc3300 ;
	background-color : #ffefcf ;
	text-decoration : none ;
}

#main div.page div ul li.prev a:hover,
#main div.page div ul li.prev a:active {
	color : #cc3300 ;
	background : url(prev.gif) no-repeat #ffefcf ;
	text-decoration : none ;
}

#main div.page div ul li.next a:hover,
#main div.page div ul li.next a:active {
	color : #cc3300 ;
	background : url(next.gif) no-repeat #ffefcf ;
	text-decoration : none ;
}

/* トップへ戻るコマンド */
#main div.page div ul li.gotop a {
	display : inline ;
	margin : 0px ;
	padding : 2px ;
}

#main div.page div ul li.gotop a:hover,
#main div.page div ul li.gotop a:active {
	color : none ;
	background : none ;
	text-decoration : none ;
}




/* 詳細閲覧画面 */
/* 画像エリア */
#main div.focus {
	clear : both ;
	width : 700px ;
}

#main div.focus div.contents {
	border-top : 1px dashed #ee9999 ;
}

/* 画像表示エリア */
#main div.focus div.contents div.image {
}

#main div.focus div.contents div.image p {
	margin : 1em ;
	padding : 0px ;
}

#main div.focus div.contents div.image p img {
	border : 3px dashed #eedede ;
}

#main div.focus div.contents div.image p img.nolink {
	border : 3px dashed #333333 ;
}

/* 詳細閲覧エリア */
#main div.focus div.contents div#detail {
	margin : 1em ;
}

#main div.focus div.contents div#detail table.detail tr th {
	background-color : #fff6ef ;
	font-size : 0.9em ;
}

/* データベース表示エリア */
#main div.focus div.contents div#db {
	margin : 1em ;
}

#main div.focus div.contents div#db table.database tr th {
	background-color : #fff6ef ;
	font-size : 0.9em ;
}

/* 共通部分 */
#main div.focus div.contents div table {
	background-color : #e8b792 ;
	width : 640px ;
}

#main div.focus div.contents div table tr {
	text-align : center ;
	height : 28px ;
	font-size : 0.9em ;
}

#main div.focus div.contents div table tr td {
	background-color : #ffefcc ;
	font-size : 0.9em ;
}

#main div.focus div.contents div table td span.name {
	font-size : 1.2em ;
	color : #c966c9 ;
}

#main div.focus div.contents div table td span.link {
	font-size : 1.1em ;
}

/* コメントエリア */
#main div.focus div.contents div#comment {
	margin : 1em ;
}

#main div.focus div.contents div#comment div.over {
	width : 640px ;
}

#main div.focus div.contents div#comment div.over div.post {
	font-size : 0.9em ;
	color : #660000 ;
	border : solid #ffdfad 2px ;
	background-color : #ffffff ;
}

#main div.focus div.contents div#comment div.over div.post p {
	padding : 5px ;
	margin : 0em ;
}

/* 管理画面 */
#main div.focus div.contents div#admin {
	margin : 1em ;
	text-align : right ;
	height : 30px ;
}

/* リンク表示用 */
#main div.focus div.contents div#admin div.load {
	float : left ;
}

#main div.focus div.contents div#admin div.load span {
	font-size : 0.8em ;
	color : #9f9fcf ;
}

#main div.focus div.contents div#admin div.load span.title {
	color : #cf9f9f ;
	font-style : italic ;
}

#main div.focus div.contents div#admin div.load span a {
	color : #9f9fcf ;
}

#main div.focus div.contents div#admin div.submit {
	float : right ;
	margin-right : 1em ;
}

#main div.focus div.contents div#admin div.submit input.number {
	width : 90px ;
}

/* トップへ戻る(フォーカス状態) */
#main div.focus div.contents div.gotop {
	clear : both ;
	margin : 1em ;
	text-align : right ;
}

#main div.focus div.contents div.gotop p {
	margin-right : 1em ;
}

#main div.focus div.contents div.gotop img {
	border : none ;
}

/* 各種見出し */
#main h2 {
	font-size : 1.2em ;
	color : #333366 ;
	background-color : inherit ;
	margin : 1em 10px ;
	clear : both ;
}

#main h3 {
	clear : left ;
	font-size : 1.1em ;
	color : #333366 ;
	background-color : inherit ;
	border-left : 3px solid #00aa66 ;
	border-bottom : 1px solid #00bb66 ;
	padding-left : 0.3em ;
	margin : 1em 0px ;
	clear : both ;
}

#main h4 {
	clear : both ;
	font-size : 1em ;
	color : #333366 ;
	background-color : inherit ;
	padding-left : 0.3em ;
	border-left : 3px solid #ee6600 ;
	margin : 1em 0px 1em 0px ;
}

/* フッター */
#footer {
	clear : both ;
	margin : 1em 0px 0px 0px ;
	padding : 0px ;
	background : none #fff8ed ;
}

#footer p {
	width : 100% ;
	margin : 0px ;
	padding : 0px ;
	text-align : center ;
}