/* ================ */
/* ===== 共通 ===== */
/* ================ */

/* 共通：タグ設定 */
* { margin:0px; padding:0px; }
body { 
	margin:0px auto;
	text-align:center;
	background-image:url("http://s-pr.com/dor_new/images/bg.jpg");
	background-position:center;
	background-repeat:repeat-y;
	background-color:white;
}
body, div, p, caption, th, td, b { font-size:10pt; color:black; }
a { text-decoration:none; color:black; }
a:hover { text-decoration:underline; }
img { border:0px; }
strong { color:red; }

/* 共通：コンテナ設定 */
div.container { width:780px; margin:0px auto; text-align:center; background-color:white; }

/* 共通：ヘッダ設定 */
div.header { }
div.headimage { float:left; padding:5px; vertical-align:middle; }
div.headmessage { padding:10px; text-align:left; }

/* 共通：メニュー設定 */
div.menu { clear:both; font-size:14pt; font-weight:bold; color:white; background-color:gray; padding:2px 0px; margin-bottom:5px; }
div.menu a { font-size:14pt; color:white; margin-left:5px; margin-right:5px; }

/* 共通：メインコンテンツ(左寄せ用) */
div.contents { width:700px; text-align:left; margin:0px auto; }

/* 共通：What's New設定 */
div.whats-image img { margin-top:10px; }
div.whats-item  { clear:both; width:700px; height:27px; border-bottom:#999999 dotted 1px; }
div.whats-item-id { padding-left:10px; float:left; width:50px; line-height:27px; background-color:#EFEFEF; text-align:left; font-weight:bold; }
div.whats-item-date { padding-left:10px; float:left; width:110px; line-height:27px; background-color:#EFEFEF; text-align:left; font-weight:bold; }
div.whats-item-title { margin-left:10px; float:left; width:auto; line-height:27px; background-color:#FFFFFF; text-align:left; }

/* 共通：フッター設定 */
div.copyright2 { clear:both; margin:30px 0px 10px; padding-top:5px; border-top:1px solid black; }

/* 共通：各ページタイトル設定 */
div.title { font-size:14pt; font-weight:bold; margin:5px 0px 20px 20px; text-align:left; }


/* ================== */
/* ===== メイン ===== */
/* ================== */

/* メイン画面 */
div.topillust { float:left; text-align:center; margin-left:5px; }
div.topmovie  { float:right; margin-right:5px; }

div.topwhatsnew { clear:both; width:700px; margin:0px auto; }

div.sites { clear:both; width:700px; margin:5px auto; }
div.sites table { background-color:#D5AA80; border:0px; }
div.sites tr td { width:140px; height:50px; background-color:#EFEFEF; text-align:center; padding:0px; }

div.copyright { margin:0px auto; border-top:1px solid black; padding:2px; }
div.copyright-icon { float:left; margin-left:10px; }
div.copyright-text { text-align:center; padding-top:5px; }

div.footer { clear:both; text-align:right; padding:3px; margin-bottom:10px; border-top:1px solid black; }
div.footer a { margin:0px 3px; }


/* ====================== */
/* ======= 各画面 ======= */
/* ====================== */

/* What's New画面 */
div.new { width:700px; margin:0px auto; }
div.whats-detail { background-color:#EFEFEF; }
div.whats-detail-date  { text-align:left; font-size:16px; width:100%; padding:5px; }
div.whats-detail-title { text-align:center; font-size:18px; font-weight:bold; width:100%; padding-bottom:2px; }
div.whats-detail-comment { text-align:left; background-color:white; margin:5px; padding:5px; }
div.whats-detail-back { margin-top:10px; }


/* 受検生の感想画面 */
div.impression { width:640px; margin:0px auto; }
div.impression-item     { margin-bottom:20px; }
div.impression-header   { background-color:#EFEFEF; font-weight:bold; text-align:left; padding:3px 3px 3px; }
div.impression-contents { text-align:left; padding:3px; }


/* プライバシーポリシー */
div.privacy { text-align:left; background-color:#EFEFEF; width:640px; margin:0px auto; padding:10px; }


/* 特定商取引法に基づく表示画面 */
div.tokutei table { width:600px; margin:0px auto; border-collapse:collapse; border:2px solid black; }
div.tokutei th {  border:1px black solid; padding:3px; text-align:left; vertical-align:top; background:#efefef; width:150px; }
div.tokutei td {  border:1px black solid; padding:3px; text-align:left; vertical-align:top; }


/* 受検申込み画面＋入金通知画面 */
div.entry-attention { margin:10px 50px 30px 10px; }
div.entry table { border-collapse:collapse; table-layout:fixed; width:500px; margin:0px auto; border:2px black solid; }
div.entry th { width:100px; border:1px black solid; padding:3px; }
div.entry td { width:auto; border:1px black solid; padding:3px; }
tr.hissu { background-color:lightpink; }
div.entry_company table { border:0px; width:100%; }
div.entry_company th { width:100px; border:0px; }
div.entry_company td { width:auto; border:0px; }

.parti table  { border-collapse:collapse; border:2px solid black; }
.parti th { border:1px black solid; padding:2px; }
.parti td { border:1px black solid; padding:2px; }
.partidetail table { border-collapse:collapse; border:2px solid black; }
.partidetail td { border:1px black solid; padding:2px; }


/* 受検画面＋受検結果画面 */
div.question { width:100%; background-color:#EFEFEF; padding:5px; }
div.q-item { border-bottom:#999999 dotted 1px; padding:10px 0px; }
div.q-head { float:left; font-weight:bold; margin-right:10px; }
div.q-sentense { width:635px; font-weight:bold; margin-bottom:10px; }
div.q-sel-each { clear:both; padding-left:20px; }
div.q-sel-button { float:left; width:30px; vertical-align:top; }
div.q-sel-sentense { width:635px; vertical-align:top; padding:2px 0px 3px; }


/* 受検結果画面 */
div.result { color:black; border:3px solid black; text-align:center; width:706px; }
div.resulthead-title { float:left; background:black; color:white; font-size:14pt; text-align:center; padding:3px; border-bottom:1px black solid; width:100px; }
div.resulthead { float:left; font-size:14pt; text-align:left; padding:3px; border-bottom:1px black solid; width:250px; }
div.resultpoint { clear:both; float:left; text-align:center; font-size:18pt; font-weight:bold; border-bottom:1px solid black; width:250px; height:80px; padding-top:15px; }
div.resultcomment { float:left; border-left:1px solid black; border-bottom:1px solid black; text-align:left; font-size:14px; width:450px; height:80px; padding:3px; }
div.resultgenre-title1 { float:left; font-size:16px; font-weight:bold; text-align:center; background-color:black; color:white; width:130px; padding:3px; border-right:1px solid white; }
div.resultgenre-title2 { float:left; font-size:16px; font-weight:bold; text-align:center; background-color:black; color:white; width:200px; padding:3px; border-right:1px solid white; }
div.resultgenre-title3 { float:left; font-size:16px; font-weight:bold; text-align:center; background-color:black; color:white; width:370px; padding:3px; }
div.resultgenre-name    { float:left; font-size:10pt; border-bottom:1px solid black; padding:2px; text-align:left; width:130px; border-right:1px solid black; }
div.resultgenre-point   { float:left; font-size:10pt; border-bottom:1px solid black; padding:2px; text-align:left; width:200px; border-right:1px solid black; }
div.resultgenre-comment { float:left; font-size:10pt; border-bottom:1px solid black; padding:2px; text-align:left; width:370px; }
div.resultwin-announce  { text-align:center; font-weight:bold; font-size:14px; color:blue; padding:5px; }
div.resultwin-announce a { color:blue; }
div.resultdetail { width:100%; padding:5px; text-align:left; }
div.r-genre { font-weight:bold; }
div.r-sel-sentense { width:630px; vertical-align:top; padding:0px 0px 3px; }
div.true_answer { color:blue; }
div.false_answer { color:black; }


/* ======================== */
/* ======= 管理画面 ======= */
/* ======================== */

/* 管理画面：What's New */
div.whats-form-title { padding:3px 0px 0px 10px; float:left; width:150px; height:27px; background-color:#EFEFEF; text-align:left; font-weight:bold; border:black solid 1px; }
div.whats-form { padding:3px 0px 0px 10px; width:450px; height:27px; background-color:white; text-align:left; font-weight:bold; border:black solid 1px; }
td.parti-id   { text-align:right; }
td.parti-name { text-align:center; }