@CHARSET "UTF-8";


/* BODY基本 */
body {

	/* フォント */
	color:#666;
	font:14px/1.6 Century Gothic,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;

	/*  */
	overflow-x:hidden;

	/*古い構文（old Safari用）*/
	background:-webkit-linear-gradient(left top, #eedad9 25%, #b5b2d4 70%, #b09cbf 100%) fixed #eedad9;

	/*新しい構文*/
	background:linear-gradient(to bottom right, #d4ebf0 25%, #b5b2d4 70%, #b09cbf 100%) fixed #eedad9;
}


/* ヘッダーとフッター */
header, footer {

	width:100%;
	z-index:1;
	position:fixed;
	background: rgba(0,0,0,.5);
	color:#fff;
}


/* フッター */
footer {

	bottom:0;
	text-align: center;
	font-size:85%;
	padding:10px 0 8px;
}


/* フッターテキスト */
footer span {font-family:Century Gothic, sans-serif}


/* ヘッダーテキスト */
header h1 {

	font-size:30px;
	/*line-height:1;*/
	color:#fff;
	font-weight:normal;
	padding:10px 15px;
}


/* 中央ボックスの基本スタイル */
.box {

	/* ブラウザ中央配置 */
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;

	/* ボックススタイル */
	box-shadow: 1px 1px 2px #ccc;
	border-radius:15px;
}


/* メイン中央ボックス */
.main {

	padding:20px 0;
	width:650px;
	height:500px;
	background:#fff;
}


/* メインボックス内タイトル */
.main h1 {

	margin:5px 0 0 25px;
	padding: 10px;
	font-size:140%;
}


/* メインボックス内リンク */
.main a { color:#666; }
.main a:hover { color: #f88; text-decoration:underline; }


/* メインボックス内「戻る」または「ログアウト」ボタン */
.main h5 {

	margin:30px 0 0 25px;
	font-size:120%;
}


/* メインボックス内リスト */
.main ul { margin:5px 0 5px 12px; }
.main li { padding:8px; color:#aaa; }


/* リストボックス */
.listbox {

	padding:10px 0 10px 20px;
	margin: auto;
	width:95%;
	height:70%;
	z-index:1;
	font-size:120%;
	overflow-y: auto;
}


/* アンケートボックス */
.enquete {

	padding:5px 0 5px 0;
	margin: auto;
	width:95%;
	height:70%;
	font-size:120%;
	z-index:1;
}


/* アンケート質問見出し */
.enquete h2 {

	padding: 10px;
	color:#ff8888;
	font-size:140%;
}


/* アンケート戻るボタン */
.enquete h3 {

	margin-top:20px;
	text-align:center;
	font-size:120%;
	font-weight:normal;
}


/* アンケート質問テキスト */
.enquete p {

	padding: 10px;
	font-size:120%;
	font-weight:normal;
}


/* アンケート注意書き */
.enquete span {

	padding: 10px;
	font-size:80%;
	color:#f00;
	font-weight:normal;
}


/* アンケート回答テーブル */
.enquete table {

	margin: auto;
	border-collapse: collapse;
    table-layout: fixed;
	font-size:100%;
	color:#004080;
	/*border: 1px solid #000;*/
}


/* アンケート回答テーブル要素 */
.enquete tr { height:20px; }
.enquete th { padding:15px 15px    0 15px; text-align:center; font-weight:normal; }
.enquete td { padding:   0 15px 15px 15px; text-align:center; font-weight:normal; }



/* アンケートテキストエリア */
.enquete textarea {

	margin:5px 80px;
	width: 450px;
	height: 80px
}






/* ログイン中央ボックス */
.login {

	padding: 20px;
	width:350px;
	height:220px;
	background:rgba(0,0,0,.5);
}


/* ログインタイトル */
.login h1 {

	font-size:20px;
	color:#fff;
	font-weight:normal;
}


/* ログインエラー */
.login span {

	padding:3px 15px;
	color:#fff;
	background:#ff8888;
}


/* ログインテーブル */
.login table {

	margin: auto;
	border-collapse: collapse;
    table-layout: fixed;
	font-size:10pt;
	color:#fff;
}


/* ログインテーブル要素 */
.login tr { height:50px; }
.login th { padding:5px; text-align:right;  font-weight:normal; }
.login td { padding:5px; text-align:center; font-weight:normal; }


/* ログイン入力フォーム */
.login input[type="text"], .login input[type="password"] {

	width:200px;
	height:20px;
	border:solid 1px #ccc;
	border-radius: 3px;
}


/* ログインボタン */
.login input[type="button"] {

	margin:20px 0;
	padding:3px 20px;
}


/* ローディング */
#loading {

	/* ボックスの中央配置 */
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;

    width:64px;
    height:64px;
}