@charset "UTF-8" ;

body {
	color : #000000 ;
	background-color : #f9f9f9 ;
	font-family: 'ＭＳ Ｐゴシック','Verdana','ＭＳ Ｐゴシック',Osaka,sans-serif ;
	margin : 1em ;
}

address {
	font-size : 10pt ;
	color : #3333cc ;
	background-color : inherit ;
}

input {
	color : #4949cc ;
	background-color : #ededff ;
	height : auto ;
	width : 120px ;
}

input.long {
	font-size : 12pt ;
	height : auto ;
	width : 400px ;
}

input.submit {
	color : #6969cc ;
	background-color : #fff9f0 ;
	height : 24px ;
	width : auto ;
}

input.find {
	color : #4949cc ;
	background-color : #ededff ;
	height : 24px ;
	width : 250px ;
}

select.pld {
	color : inherit ;
	background-color : #ededff ;
	width : 280px ;
}

select.plds {
	color : inherit ;
	background-color : #ededff ;
	width : 80px ;
}

select.find {
	color : inherit ;
	background-color : #ededff ;
	width : 90px ;
}

textarea {
	color : inherit ;
	background-color : #ededff ; 
}

/* Validロゴ指定 */

img {
	border : none ;
}

img.sql {
	width : 60px ;
	height : 31px ;
}

img.php {
	width : 60px ;
	height : 33px ;
}

img.apache {
	width : 259px ;
	height : 32px ;
}

img.vine {
	width : 88px ;
	height : 31px ;
}

img.gzip {
	width : 50px ;
	height : 32px ;
}

img.window {
	width : 16px ;
	height : 16px ;
	border : none ;
}

img.window_mini {
	width : 12px ;
	height : 12px ;
	border : none ;
}

/* 強調文字の定義 */
span.emphasis {
	font-size : 16pt ;
	color : #ff6688 ;
	background-color : inherit ;
	font-weight : bold ;
}

span.bold0 {
	color : inherit ;
	background-color : #ffdddd ;
	font-weight : bold ;
}

span.bold1 {
	color : inherit ;
	background-color : #ddffdd ;
	font-weight : bold ;
}

span.bold2 {
	color : inherit ;
	background-color : #ddddff ;
	font-weight : bold ;
}

span.u {
	text-decoration : underline ;
}

span.title {
	font-size : 14pt ;
	color : #ff6688 ;
	background-color : inherit ;
	font-weight : bold ;
}

/* テーブル表示の省略時の文字（臨機応変にお願いします） */
span.mot {
	color : #396936 ;
	background-color : inherit ;
}

p.alert {
	font-weight : bold ;
}

table {
	margin : 0 auto ;
}

/* 無駄なHTML要素を書かずに済むのでこれは消さないでください。マジでレイアウト崩れます。 */
table.table {
	table-layout : fixed ; 
}

/* <tb>全体のスタイルを決め込んでください : ほとんどWEBページの内容はtable内にあるので、この設定は重要です */
/* ！！！データベースのテーブルもこの設定で決まります！！！ */
td {
	font-size : 90% ;
	font-family: 'Verdana','ＭＳ Ｐゴシック',Osaka,sans-serif ;
	text-align : center ;
}

/* トップページ上部のリンク項目の文字の設定をしてください（指定しない場合は↑のマスターが適応） */
/* margin : <table>系タグ以外 padding : <table>タグ系 */
td.toplink {
	font-size : 12pt ;
	padding : 10px ;
}

td.welcome {
	font-size : 9pt ;
	text-align : left ; /*通常左寄せだから問題ないと思わずに！ ↑で真ん中寄せと指定しているので、通常とは違います！*/
}

/* ソート項目の文字の設定をしてください… */
td.sort {
	font-size : 12pt ;
}

td.top {
	color : #f3f3ff ;
	background-color : #6f6fee ;
	font-weight : bold ;
	padding : 3px ;
}

/* テーブル項目名のスタイル (width指定するとﾔﾊﾞｽというか無視されそう) */
td.tbt {
	color : #f3f3ff ;
	background-color : #6f6fee ;
	font-weight : bold ;
	padding : 3px ;
}

td.mlink {
	font-size : 13pt ;
	text-align : left ;
	margin-left : 1em ;
	padding-bottom : 4px ;
}

td.mbottom {
	color : #009922 ;
	background-color : inherit ;
	font-size : 9pt ;
	text-align : left ;
	margin-left : 1em ;
	padding-bottom : 2em ;
}

/* テーブル項目のスタイル(width指定するとﾔﾊﾞｽというか無視されそう) */
/* tbk1が一番上で、次がtbk2、んで次がtbk1………といった感じです。 */
td.tbk1 {
	font-size : 10pt ;
	color : #636363 ;
	background-color : inherit ;
	text-align : left ;
	margin-top : 4px ;
	margin-bottom : 3px ;
	margin-left : 3px ;
}

td.tbk2 {
	font-size : 10pt ;
	color : #636363 ;
	background-color : inherit ;
	text-align : left ;
	margin-top : 4px ;
	margin-bottom : 3px ;
	margin-left : 3px ;
}

/* 詳細画面のデータテーブルの文字を設定してください */
td.detail_name {
	font-size : 12pt ;
	text-align : left ;
	color : inherit ;
	background-color : #c0d0ff ;
	width : 200px ;
	padding : 2px 2px 2px 10px ;
}

td.detail_item {
	font-size : 12pt ;
	text-align : left ;
	color : inherit ;
	background-color : #d0e0ff ;
	width : 400px ;	
	padding : 2px 5px ;
}

/* 新規投稿のデータテーブルの文字を設定してください */
td.add_name {
	font-size : 12pt ;
	text-align : left ;
	color : inherit ;
	background-color : #c0d0ff ;
	width : 160px ;
	padding : 2px 2px 2px 10px ;
}

td.add_name_need {
	font-size : 12pt ;
	text-align : left ;
	color : inherit ;
	background-color : #e9d9ff ;
	font-weight : bold ;
	width : 160px ;
	padding : 2px 2px 2px 10px ;
}

td.add_item {
	font-size : 12pt ;
	text-align : left ;
	color : inherit ;
	background-color : #d0e0ff ;
	width : 400px ;	
	padding : 2px 5px ;
}

td.help {
	color : #003333 ;
	background-color : #f2f8f8 ;
	width : 800px ;
	text-align : left ;
	padding : 5px ;
}

/* トップページのタイトルの位置、文字の設定してください */
div.title {
	color : #6699ff ;
	background-color : inherit ;
	text-align : center ;
	font-size : 16pt ;
	font-weight : bold ;
	margin-top : 3em ;		 /* ←これは当方の好きな設定です。 改行だと全体を選択したときに見えますが、これだと分からないからです@IE */
}

/* トップページ上部のリンク項目の位置を決定してください(文字は↑のtdのクラス指定で) */
div.toplink {
	text-align : center ;
}

/* トップページ説明文の位置を決定してください(文字は↑のtdのクラス指定で) */
div.welcome {
	text-align : center ;
	margin-top : 0em ;
}

/* ソート画面の位置を決定してください。 */
div.sort {
	text-align : center ;
	margin-top : 1em ;
}

/* ページ画面の位置を決定してください。 */
div.pages {
	text-align : center ;
	margin-top : 1em ;
}

div.top {
	text-align : center ;
	margin-top : 3em ;
}

/* メインテーブルの位置を決定してください(文字は↑のtd指定で[クラスはありません]) */
/* 一番上のテーブルを意味しています。複数テーブルが用意される場合で2個目以下はm2tableクラスで指定します */
div.m1table {
	text-align : center ;
	margin-top : 3em ;
}

div.m2table {
	text-align : center ;
	margin-top : 1em ;
}

/* 詳細画面の最重要（識別要素[ただし、db_idでなくとも構わない]）の位置を決定してください */
/* 例では名前にこの値を設定しています */
div.primedetail {
	text-align : center ;
	margin-top : 1em ;
}

/* 詳細画面のデータテーブルの位置を決定してください */
div.detail {
	text-align : center ;
	margin-top : 1em ;
}

/* コメント欄の位置を決定してください */
div.comment {
	text-align : center ;
	margin-top : 1em ;
}

div.submit {
	margin-top : 2em ;
	text-align : center ;
}

div.query {
	font-size : 12pt ;
	text-align : center ;
	margin-top : 3em ;
}

/* Valid関係 */
div.valid {
	text-align : left ;
	margin-left : 5% ;
}

/* 著作権関係 */
div.prepre {
	margin-top : 0em ;
	font-size : 9pt ;
	text-align : right ;
	margin-right : 5% ;
}

div.find_com {
	font-size : 9pt ;
	text-align : right ;
	margin-right : 5% ;
}

/* エラー表示画面の位置、文字の設定をしてください */
div.error {
	font-size : 22pt ;
	text-align : center ;
}

div.thanks {
	font-size : 14pt ;
	text-align : center ;
	margin-top : 2em ;
}

div.hide {
	font-size : inherit ;
}

div.doc {
	margin-left : 10px ;
	margin-top : 10px ;
}

div.page {
	margin-top : 1em ;
	text-align : center ;
}

hr.topline {
	width : 55% ; 		/* 横の長さです */
	border-width : 2px ;	/* 厚みです */
	color : #999fff ; 		/* ブラウザに依存するかと思われます */
	background-color : #9999ff ; 	/* IE以外のブラウザに対応するためです */
}

hr.middleline {
	width : 90% ; 		/* 横の長さです */
	border-width : 2px ;	/* 厚みです */
	color : #999fff ; 		/* ブラウザに依存するかと思われます */
	background-color : #9999ff ; 	/* IE以外のブラウザに対応するためです */
}

hr.bottomline {
	width : 90% ; 		/* 横の長さです */
	border-width : 2px ;	/* 厚みです */
	color : #999fff ; 		/* ブラウザに依存するかと思われます */
	background-color : #9999ff ; 	/* IE以外のブラウザに対応するためです */
	margin-top : 4em ;
}

a.toplink:link {
	color : #6363ff ;
	background-color : inherit ;
	text-decoration : none ;
}
a.toplink:visited {
	color : #6363ff ;
	background-color : inherit ;
	text-decoration : none ;
}
a.toplink:active {
	text-decoration : none ;
}
a.toplink:hover {
	color : #cc0000 ;
	background-color : #aaaaff ;
}

a.detail:link {
	color : #4343cc ;
	background-color : inherit ;
	text-decoration : none ;
}
a.detail:visited {
	color : #9343cc ;
	background-color : inherit ;
	text-decoration : none ;
}
a.detail:active {
	text-decoration : none ;
}
a.detail:hover {
	color : #cc0000 ;
	background-color : inherit ;
	text-decoration : underline ;
}

a.mbottom:link {
	color : #43cc43 ;
	background-color : inherit ;
	text-decoration : none ;
}
a.mbottom:visited {
	color : #43cc43 ;
	background-color : inherit ;
	text-decoration : none ;
}
a.mbottom:active {
	text-decoration : none ;
}
a.mbottom:hover {
	color : #cc0000 ;
	background-color : inherit ;
	text-decoration : underline ;
}