@import "reset.css";

/* -----------------------------------------------------------------------------
   基本設定
   ----------------------------------------------------------------------------- */

body{
	min-width:1100px;
	background-color:#fffff3;
}

input,select,th,td,label{
	font-size:14px;
}

input,select{
	vertical-align:1px;
}

td,th{
	vertical-align:top;
}

a{
	color:#02836a;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}

li{
	margin:5px 0;
}

.f_right{
	float:right;
}

.f_left{
	float:left;
}

.red{
	color:#f00;
}

.alert{
	color:#f00;
	font-weight:bold;
}


/* -----------------------------------------------------------------------------
   ヘッダー
   ----------------------------------------------------------------------------- */

#header{
	height:72px;
	width:100%;
	background:url(../img/header_bk.gif) no-repeat;
	margin:0 0 15px 0;
}

#header h1{
	display:none;
}

/* ログイン情報----------------------- */
#infoarea{
	padding:10px 20px 8px 0;
	text-align:right;
	color:#fff;
	font-size:14px;
}

#infoarea span{
	font-weight:bold;
}

/* ヘルプ・ログアウトボタン----------------------- */
#gmenu{
	float:right;
	margin:0 20px 0 0;
}

#gmenu li{
	float:left;
	display:block;
	margin:0 0 0 5px;
}

#gmenu li#helpBtn a{
	display:block;
	height:28px;
	width:28px;
	text-indent:-9999px;
	background-image:url(../img/helpBtn.png);
	background-repeat:no-repeat;
}

#gmenu li#helpBtn a:hover{
	background-image:url(../img/helpBtnOn.png);
}

#gmenu li#logoutBtn a{
	display:block;
	height:28px;
	width:77px;
	text-indent:-9999px;
	background-image:url(../img/logoutBtn.png);
	background-repeat:no-repeat;
}

#gmenu li#logoutBtn a:hover{
	background-image:url(../img/logoutBtnOn.png);
}


/* -----------------------------------------------------------------------------
   コンテンツ
   ----------------------------------------------------------------------------- */

#contents{
	padding:0 20px 20px 20px;
}

#contents h2{
	background:url(../img/h2_bk.gif) bottom repeat-x;
	padding:0 0 10px 0;
	font-size:20px;
	color:#02836a;
}

/* 基本テーブル-----------------------
  #conditionTable : 質問情報一覧
  #questionTable  : 質問登録
  #replyTable     : 回答登録
*/
#conditionTable,
#questionTable{
 	margin:10px 0;
	width:100%;
	border-collapse:separate;
	border-spacing:3px;
}

#conditionTable td{
	width:33%;
}

#questionTable th{
	width:16%;
}

#questionTable td{
	width:28%;
}

td{
	padding:2px 0 4px 0;
	border-bottom:1px dotted #ccc;
}

td.noBorder{
	border:none;
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:none;
}

/* 区切り線 */
.sectionTr td{
	border-bottom:1px solid #999;
}

/* 質問欄見出し（緑） */
#questionTable th{
	background-color:#096;
	border:1px solid #026a55;
	color:#fff;
	padding:3px 6px;
	text-align:left;
}

/* 回答欄見出し（青） */
#questionTable th.reply{
	background-color:#0099e5;
	border:1px solid #0077b3;
	color:#fff;
	padding:3px 6px;
	text-align:left;
}

/* 各入力項目のラベル----------------------- */
label{
	background-color:#eee;
	padding:3px 7px;
	margin:0;
	border:1px solid #999;
	min-width:70px;/* 80px */
	min-height:16px;
	line-height:16px;
	display:inline-block;
}

#conditionTable label{
	background-color:#d5f2d5;
	border:1px solid #063;
}

/* ★入力欄落ち防止：確認テスト・修了テスト〜 */
#longField01{
	float:left;
	min-width:33%;
	margin-right:5px;
}
#longField02{
	float:left;
}

/* ★入力欄落ち防止：確認テスト・修了テスト〜 */
#longFieldA1{
	float:left;
	min-width:33%;
	margin-right:5px;
}
#longFieldA2{
	float:left;
}

/* ★入力欄落ち防止：※種別〜 */
#longFieldB1{
	float:left;
	margin-right:5px;
}
#longFieldB2{
	float:right;
	min-width:50%;
}

/* ★入力欄落ち防止：確認テスト・修了テスト〜 */
#longFieldC1{
	float:left;
	min-width:33%;
	margin-right:5px;
}
#longFieldC2{
	float:left;
}

/* ★入力欄落ち防止：テキスト名〜 */
#longFieldD1{
	float:left;
	min-width:50%;
	margin-right:5px;
}
#longFieldD2{
	float:left;
}

/* ★入力欄落ち防止：質問情報一覧（種別詳細1・2）〜 */
#longFieldE1{
	float:left;
}
#longFieldE2{
	float:right;
	min-width:50%;
	margin-right:7px;
}

/* ファイル登録項目の高さ調整 */
label.blockLabel{
	float:left;
	height:70px;
}
.blockContent{
	float:left;
	padding-left:5px;
}

/* ＋−ボタン */
#trFieldOpen1,
#trFieldClose1,
#trFieldOpen2,
#trFieldClose2{
	vertical-align:-2px;
	cursor:pointer;
}

/* 質問情報一覧の検索結果テーブル----------------------- */
#viewTable{
	border:none;
	border-top:1px solid #999;	
	border-left:1px solid #999;
	padding:0;
	margin:10px 0;
	width:100%;
}

#viewTable th{
	border:none;
	background-color:#777;
	color:#fff;
	white-space:nowrap;
}

#viewTable th,
#viewTable td{
	border-bottom:1px solid #999;	
	border-right:1px solid #999;
	padding:6px 8px;
	line-height:1.2;
	min-width:80px;
}

#viewTable td{
	background-color:#fff;
}

/* 偶数行の背景色 */
#viewTable .evenSell td{
	background-color:#eee;
}

/* ページング */
#selectPage{
	margin:10px 0;
}


/* -----------------------------------------------------------------------------
   ログイン画面用
   ----------------------------------------------------------------------------- */

#login{
	width:400px;
	border:1px solid #02836a;
	background-image:url(../img/header_bk.gif);
	background-repeat:no-repeat;
	padding:80px 30px 0px 30px;
	margin:100px auto 0 auto;
	background-color:#e6f2f0;
	box-shadow:0 0 20px rgba(2,131,106,0.5);
}

#newPass{
	width:400px;
	border:1px solid #02836a;
	background-image:url(../img/newPass_bk.gif);
	background-repeat:no-repeat;
	padding:48px 30px 0px 30px;
	margin:30px auto 0 auto;
	background-color:#e6f2f0;
	box-shadow:0 0 20px rgba(2,131,106,0.5);
}

#loginTable{
 	margin:10px 0;
	width:100%;
	border-collapse:separate;
	border-spacing:3px;
}

#logintxtbox {
width  : 200px;
height :  20px;
}