@charset "shift_jis";

/* Suara 【トップ】
---------------------------------------
(C)F.I.X. Records All Rights Reserved.
	http://www.fixrecords.com/
*/

/* ==========================================================================
 1.基本設定
========================================================================== */
@import url("common/init.css");	/* 初期設定 */


/* ==========================================================================
 3.デザイン-汎用
========================================================================== */
@import url("common/design.css");	/* デザイン-汎用 */
@import url("common/localnavi.css");	/* ローカルナビ・詳細 */


/* ==========================================================================
 4.デザイン-専用
========================================================================== */

/* 枠１＋２ */
#areaMain1 {
	background:#e1e0de url(mess/bg_areamain1.gif) repeat-y;
}

#areaMain2 {
	background:url(mess/bg_areamain2.gif) no-repeat;
}


#frm #bgPhoto {
	width:752px;
	height:402px;
	background:url(mess/bg.jpg);
}

#mes #bgPhoto {
	background:url(mess/bg2.jpg) 1px 100% no-repeat;
}

/* --------------------------------------------------------------------------
 題名<h2> */
h2 {
	background:url(mess/h2.gif);
}
/* 個別設定 */
h2 span {left:143px;} /* 位置変更 */
#frm h2 span ,
#mes h2 span {background-image:url(mess/h2_mes.gif);}
#qa  h2 span {background-image:url(mess/h2_qa.gif);}



/* ------------------------------------------------------------------左エリア
/* --------------------------------------------------------------------------
ローカル記事リスト */
#areaLeft {
	color:#706f6d;
}

#areaLeft p {
	margin:30px 0 0 30px;
}

#areaLeft ul {
	margin:18px 0 0 10px;
	width:185px;
}

#areaLeft ul li {
	display:inline;
}

#areaLeft ul li a {
	display:block;
	width:185px;
	height:24px;
	text-indent:-9999px;
	text-decoration:none;
}

#ln-mess	a {background:url(mess/ln_mess.gif) 0   0px no-repeat;}
#ln-qa		a {background:url(mess/ln_mess.gif) 0 -24px no-repeat;}

#ln-mess	a:hover {background-position:-185px   0px;}
#ln-qa		a:hover {background-position:-185px -24px;}



/* ------------------------------------------------------------------右エリア
/* --------------------------------------------------------------------------
*/

/* areaDetailヘッダ画像:指定キャンセル（背景画像に一体化） */
#areaRight {background:none;float:right;width:551px;}

/* areaDetail サイズ等変更*/
#areaDetail {
/*	margin-left:82px !important;*/
	margin-top:12px;
	margin-left:9px !important;
/*	width:418px !important;*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src="",);
	background:none !important;	/* 指定キャンセル（背景画像に一体化） */
}


/* --------------------------------------------------------------------[#frm]
 入力フォーム */

#frm #areaDetail p {
	padding-top:20px;
	margin-left:25px;
}

#frm #areaDetail form {
	margin-top:10px;
	margin-left:25px;
}

input ,
textarea {
	border:1px solid #fff;
	background:transparent;
}
textarea {
	width:415px;
	height:130px;
}
.noBorder {border:none;}

th , td {padding-right:3px;height:21px;}
th {text-align:left;}

#submit input ,
#frm #areaDetail a {
	margin-top:10px;
	margin-right:15px;
	width:87px;
	height:17px;
	border:none;
	background:url(mess/btn_submit.gif);
	color:#fff;
}

#submit input:hover ,
#frm #areaDetail a:hover {
	background:url(mess/btn_submit2.gif);
}

/* ===============================================================[cgi出力部]/*

/* --------------------------------------------------------------------------
 エラー表示等 */
#frm #areaDetail a {
	display:block;
	margin:20px 0 0 20px;
	font-weight:bold;
	text-align:center;
}

/* 送信フォーム上部のテキストリンク */
#areaDetail p a {
	display:inline !important;
	background:none !important;
	margin:0 !important;
	width:100% !important;
	text-align:left !important;
	color:#ffb022 !important;
}
#areaDetail p a:hover {
	color:#ff2232 !important;
}


#frm #areaDetail h3 {
	margin:40px 0 0 20px;
	text-indent:0;
	font-size:20pt;
}

#frm #areaDetail ul {margin-left:40px;}
#frm #areaDetail li {list-style:square;}


#footPL {
	margin:0 25px 20px;
	color:#706f6d;
}


/* --------------------------------------------------------------------------
 メッセージ＆アンサー */
/* エリア幅 */
.areaMes ,
.areaAns {
	width:523px;
}

/* 本文 */
.areaMes div.value ,
.areaAns div.value {
	margin:0 !important;
	padding:0 30px;
}


/* --------------------------------------------------------------------------
 メッセージ */
/* エリア */
.areaMes {
	color:#fff;
	background:#b4b3b2 url(mess/areames_body.gif) repeat-y;
}

/* ヘッダ */
.areaMes .header {
	height:19px;
	background:url(mess/areames_head.gif) no-repeat;
}

/* Title */
.areaMes h4 {
	margin:5px 30px 16px;
	font-weight:bold;
	color:#717164;
}

/* Title・UPマーク */
.areaMes h4 img {
	margin-bottom:6px;
	margin-left:3px;
}

/* 投稿者情報 */
.areaMes .author {
	margin:16px 30px 5px;
	color:#5b5b51;
}

/* フッタ */
.areaMes .footer {
	height:22px;
	background:url(mess/areames_foot.gif) no-repeat;
}


/* --------------------------------------------------------------------------
 アンサー */
/* エリア */
.areaAns {
	color:#eff1f0;
	background:#76847c url(mess/areaans_body.gif) repeat-y;
}

/* ヘッダ */
.areaAns .header {
	position:relative;
	height:22px;
	background:url(mess/areaans_head.gif) no-repeat;
}
/* ヘッダ・フキダシ */
.areaAns .header div {
	position:absolute;
	left:55px;
	top:-5px;
	width:13px;
	height:5px;
	background:url(mess/areaans_head2.gif) no-repeat;
}

/* 投稿者名 */
.areaAns h5 {
	margin:0 30px 3px;
}

/* フッタ */
.areaAns .footer {
	height:23px;
	background:url(mess/areaans_foot.gif) no-repeat;
}



/* --------------------------------------------------------------------------
 詳細・水平線<hr> */
div.value hr {
	margin:0;
	padding:0;
	background:none;
	height:1px;
	border-bottom:1px solid #fff;
}
/* Mozilla */
div.value > hr {
	margin-top:7px;
	margin-bottom:7px;
}



/* --------------------------------------------------------------------------
 飾り */

#frm #decoBL ,
#frm #decoBR {top:417px;}	/* height-9px */



/* [EOF] */