/*
Theme Name: TRPG.GigaFreaks! Template(CSS 3Column Style)
Description: CSS 3-Column Style
Version: 2.0
Author: 如月 翔也
*/

/*全体的な設定*/
body {
	text-align : center;						/*サイト自体を中央揃えする*/
	font-size : 80%;							/*フォントサイズを小さめに設定*/
	line-height : 1.4em;						/*行間を広めに設定*/
	color : #ffffff;							/*テキストを白に設定*/
	background-color : #000033;				/*背景色はダークブルー*/
}

/*リンクの設定*/
a:link{
	color : #ff8800;							/*非訪問リンク色設定*/
	text-decoration : underline;				/*リンクにはアンダーバーを表示*/
}
a:visited{
	color : #88ff00;							/*訪問済みリンク色設定*/
	text-decoration : underline;				/*リンクにはアンダーバーを表示*/
}
a:hover{
	font-weight : bold;						/*リンクにカーソルが乗った際、フォントを太字にする*/
	text-decoration : underline overline;		/*リンクにカーソルが乗った際、オーバーラインも表示する*/
}

/*コンテナ部分の設定*/
#container {
	width : 95%;								/*3カラム合計で画面の95%の幅を設定*/
	margin-left : auto;						/*左サイドバー設定用*/
	margin-right : auto;						/*右サイドバー設定用*/
	text-align : left;						/*文字自体は左寄せに設定*/
}
#p_right {
	width : 190px;								/*右サイドバー用に190ピクセルの幅を設定*/
	float : left;								/*中央に合体させるためfloatを左に設定*/
}
#p_left {
	width : 190px;								/*左サイドバー用に190ピクセルの幅を設定*/
	float : right;								/*中央に合体させるためfloatを右に設定*/
}
#p_footer {
	width : 100%;								/*フッタ用設定。コンテナ内の100%の幅を確保*/
	clear : left;								/*3カラム用の回りこみを解除しておく*/
}
#p_wrapper {
	width : 100%;								/*左サイドバー＋中央カラムの合体用。コンテナ内の100%の幅を確保*/
	float : left;								/*後で右サイドバーを合体させるためにfloatを左に設定*/
	margin-right : -190px;						/*右側に右サイドバー用のネガティブマージン190ピクセルを確保*/
}
#p_main {
	width:100%;									/*中央カラム用にコンテナ内の100%の幅を確保*/
	float:right;								/*左サイドバーと合体させるためにfloatを右に設定*/
	margin-left:-190px;						/*左側に左サイドバー用のネガティブマージン190ピクセルを設定*/
}
#p_main>* {
	margin-right:190px;						/*中央カラム内の要素すべてに右サイドバー用の右マージン190ピクセルを設定*/
	margin-left:190px;							/*中央カラム内の要素すべてに左サイドバー用の左マージン190ピクセルを設定*/
	padding-right : 1em;						/*中央カラム内の要素すべてに右側の内余白1文字分を設定*/
	padding-left : 1em;						/*中央カラム内の要素すべてに左側の内余白1文字分を設定*/
	border-width : 1px;						/*1ピクセルのボーダーを設定*/
}
#p_footer p {
	text-align : center;						/*フッタは中央揃えとする*/
}
#bar_left {
	width : 180px;								/*右サイドバーの幅を180ピクセルに設定*/
	margin-left : auto;						/*マージン10ピクセルをオートで配分*/
	margin-right : auto;						/*マージン10ピクセルをオートで配分*/
	text-align : left;
}
#bar_right {
	width : 180px;								/*左サイドバーの幅を180ピクセルに設定*/
	margin-left : auto;						/*マージン10ピクセルをオートで配分*/
	margin-right : auto;						/*マージン10ピクセルをオートで配分*/
	text-align : left;
}
.p_head {
	text-align : center;						/*ヘッダは中央揃えとする*/
}
.post {
	padding-right : 1em;						/*コンテンツ表示の際に右側内余白を1文字分設定*/
	padding-left : 1em;						/*コンテンツ表示の際に左側内余白を1文字分設定*/
	border-width : 1px;						/*表示するコンテンツには1ピクセルのボーダーを表示*/
	border-style : solid;						/*ボーダーは立体的な線を使う*/
	border-color : #888888;					/*ボーダー色を設定*/
}

/*コメント・トラックバック部分の設定*/
#comments {
	clear : both;								/*コメント・トラックバック表示用に回りこみ設定を解除*/
}
div#com{
	border : solid 1px #999999;					/*コメント表示の際にボーダー表示*/
	padding-right : 1em;						/*コメント表示の際に右側内余白を1文字分設定*/
	padding-left : 1em;						/*コメント表示の際に左側内余白を1文字分設定*/
	margin-top : 2em;							/*コメント表示の際に上マージンを2文字分設定*/
	margin-right : 210px;						/*コメント表示の際に右マージンを210ピクセル設定*/
	margin-left : 210px;						/*コメント表示の際に左マージンを210ピクセル設定*/
}
div#com textarea{
	width : 80%;								/*コメント入力欄は中央カラムの80%の幅を設定*/
}
div.compost{
	border-bottom : dotted 1px #aaaaff;		/*コメント・トラックバック表示ごとに破線の下ボーダーを表示*/
}
p.cominfo{
	text-align : right;						/*コメント・トラックバックの日時等表示は右寄せに設定*/
}
p#trurl{
	background-color : #a8d1ff;				/*トラックバックURLの背景色設定*/
	padding : 1em;								/*トラックバックURLの内側余白は1文字分（上下左右）*/
	margin-bottom : 1em;						/*トラックバックURLの下マージンは1文字分*/
	color : #000000;							/*トラックバックURLの文字色設定*/
}
div#tr{
	border : solid 1px #999999;					/*トラックバック表示の際にボーダー表示*/
	padding-right : 1em;						/*トラックバック表示の際に右側内余白を1文字分設定*/
	padding-left : 1em;						/*トラックバック表示の際に左側内余白を1文字分設定*/
	margin-top : 2em;							/*トラックバック表示の際に上マージンを2文字分設定*/
	margin-right : 210px;						/*トラックバック表示の際に右マージンを210ピクセル設定*/
	margin-left : 210px;						/*トラックバック表示の際に左マージンを210ピクセル設定*/
}

/*教えて!DJ-Devil用設定*/
.talk {
	color : #000000;							/*台詞部分の文字色を設定*/
	background-color : #ffffff;				/*台詞部分の背景色を設定*/
	padding : 0.5em;							/*台詞部分の内余白を0.5文字分設定（上下左右）*/
}
td.talk a:link{
	color : #660000;							/*台詞内の未訪問リンク色設定*/
	text-decoration : underline;				/*台詞内の未訪問リンクにアンダーラインを設定*/
}
td.talk a:visited{
	color : #006600;							/*台詞内の訪問済みリンク色設定*/
	text-decoration : underline;				/*台詞内の訪問済みリンクにアンダーラインを設定*/
}
blockquote.blue{
	padding-left : 0.5em;						/*blockquote利用時の左側内余白0.5文字を設定*/
	padding-right : 0.5em;						/*blockquote利用時の右側内余白0.5文字を設定*/
	background-color : #aaaaff;				/*blockquoteの背景色を設定*/
}
em.big {
	color : #ff0000;
	font-weight : bold;
	font-size : x-large;
	line-height : 1.4em;
}
em.red {
	color : #ff0000;
	font-weight : bold;
	font-style : normal;
}
em.green {
	color : #006600;
	font-style : normal;
}
em.blue{
	color : #000066;
	font-weight : bold;
	font-style : normal;
}
cite.blue{
	background-color : #aaaaff;
}


#navi {
	text-align : right;
}
#form-search {
	text-align : left;
}
.parts_link {
	text-align : right;
}

/*用語辞典用設定*/
th.word {
	border-width : 1px;
	border-style : solid;
	border-color : #888888;
}
#td.japan {
	border-width : 1px;
	border-style : solid;
	border-color : #888888;
}
#td.spell {
	border-width : 1px;
	border-style : solid;
	border-color : #888888;
}
#td.report {
	border-width : 1px;
	border-style : solid;
	border-color : #888888;
}
th.replay{
	vertical-align : top;
	width : 6em;
}