/* 
Document   : skillcheck
Created on : 2009/10/13, 14:39:14
Author     : atsushi
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    color: #000000;
    background-color: #FFFFFF ;
    font-style: normal;
    font-weight: normal;
    font-family: Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
    font-size: 12px;
    line-height: 130%;
    font-variant: normal;
    margin: 0px;
}

img {
    border-style : none;
}

address {
    display:inline;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

h1 {
    font-size: 12px;
    font-family: Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

h2 {
    text-align: right;
    font-size: 12px;
    font-family: Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

/****
文言イメージ
****/

/*
メイン画面のルビタイトル
*/
.rubyTitle {
    font-size: 14px;
}

/*
メイン画面のタイトル
*/
.mainTitle {
    font-weight: bold;
    font-size: 60px;
}

/*
メイン画面の表示文言
*/
.mainText {
    font-size: 18px;
    margin: 15px;
    list-style-type: none;
}

/*
ヘッダー部のロゴ
*/
.headerLogo {
    background: url(/images/common/logo2.gif);
    position: relative;
    top: 25px;
    left: 15px;
    width: 71px;
    height: 51px;
}

/*
ヘッダー部の表示文言
*/
.headerTitle {
    position: relative;
    top: -5px;
    margin-left: 95px;
    font-size: 30px;
    font-family: Arial;
    font-weight: bold;
}

/*
ヘッダー部の右側
*/
.headerSub {
    position: relative;
    text-align: right;
    top: -5px;
    width: 100%;
    font-size: 12px;
    font-family: Arial;
}

/*
フッター部の右側
*/
.footerText {
    text-align: center;
    margin-top: 10px;
    width: 100%;
    font-size: 12px;
    font-family: Arial;
}

/*
メイン画面
*/
#mainWrap {
    margin-top: 15px;
    margin-left: 30px;
    margin-bottom: 15px;
}

/*
メインエリア（タイトル部）
*/
#titleArea {
    margin-top: 15px;
    margin-left: 30px;
    margin-bottom: 15px;
    margin-right: 50px;
}

/*
メインエリア
*/
#mainArea {
    margin-top: 15px;
    margin-left: 30px;
    margin-bottom: 15px;
    margin-right: 50px;
}

/*
タイトル部（マージン調整）
*/
.subTitleMargin {
    background: url(/images/common/sub_title_center.jpg);
    width: 10px;
    height: 47px;
}

/*
タイトル部（文言）
*/
.subTitle {
    background: url(/images/common/sub_title_center.jpg);
    font-size: 30px;
    height: 47px;
}

/*
タイトル部（中央）
*/
.subTitleRightText {
    background: url(/images/common/sub_title_center.jpg);
    text-align: right;
    height: 47px;
}

/*
タイトル部（左部）
*/
.subTitleLeft {
    background: url(/images/common/sub_title_left.gif);
    width: 21px;
    height: 47px;
}

/*
タイトル部（右部）
*/
.subTitleRight {
    background: url(/images/common/sub_title_right.gif);
    text-align: right;
    width: 12px;
    height: 47px;
}

/*
リンクに矢印画像を付加
*/
.arrow {
    background: url(/images/common/arrow.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

/*
TOP画面
*/
.top-desc {
    margin: 10px auto;
    font-size: 12px;
}

.top-desc td {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(/images/main/back.jpg) repeat scroll 0 0;
    height: 145px;
    padding-top: 10px;
    text-align: center;
    vertical-align: top;
    width: 150px;
}

.desc-title {
    font-size: large;
    font-weight: bold;
    padding-bottom: 10px;
}

/*
カテゴリー画面
*/
table.category {
    width: 100%;
    margin-top: 10px;
    border: solid 1px #CCCCCC;
    background-color: #F6F8F9;
    border-collapse: collapse;
}

table.category_inner {
    margin: 10px;
}

td.category_title {
    background: url(/images/category/category_title.gif);
    background-repeat: no-repeat;
    padding-left: 80px;
    height: 40px;
    width: 100%;
    margin: 10px;
    font-weight: bold;
}

td.question_title {
    background: url(/images/category/question_title.gif);
    background-repeat: no-repeat;
    padding-left: 80px;
    height: 40px;
    width: 100%;
    margin: 10px;
    font-weight: bold;
}

ul.category {
    list-style: none;
}

li.category {
    float: left;
    margin: 5px;
}

td.side {
    padding: 0px 5px 0px 5px;
    vertical-align: top;
}

.ranking_title{
    padding-left: 5px;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0px 0px 0px 15px;
    font-size: 13px;
    text-align: left;
}

.ranking_sub_title{
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 3px;
    padding-bottom: 1px;
    font-size: 12px;
    text-align: left;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0px 0px 1px 5px;
}

table.ranking_border {
    border: solid 1px #CCCCCC;
    border-collapse: collapse;
}

th.ranking_header {
    padding: 2px;
    border: solid 1px #CCCCCC;
    background-color: #F4F5F5;
}

td.ranking_body {
    padding: 2px;
    border: solid 1px #CCCCCC;
}


/*
入力テーブル
*/
table.border {
    width: 450px;
    margin: 20px;
    border: solid 1px #CCCCCC;
    border-collapse: collapse;
}

td.view {
    width: 100px;
    padding: 10px;
    border: solid 1px #CCCCCC;
    background-color: #F4F5F5;
}

td.input {
    padding: 10px;
    border: solid 1px #CCCCCC;
}

/*
問題集
*/
.drill {
    margin-top: 20px;
    width: 539px;
    padding: 0px;
    border-spacing: 0px;
    margin-left: auto;
    margin-right :auto;
}

td.drill_add_question {
    text-align: right;
    vertical-align: middle;
    width: 539px;
    height:30px;
}

td.drill_header {
    background: url(/images/drill/head.gif);
    font-size: 30px;
    color: #FFFFFF;
    text-align: center;
    width: 539px;
    height:58px;
}

td.drill_body {
    background: url(/images/drill/body.gif);
    text-align: center;
    vertical-align: top;
    width: 539px;
}

td.drill_footer {
    background: url(/images/drill/footer.gif);
    text-align: center;
    width: 539px;
    height: 75px;
}

.drill_head {
    width: 70%;
    height: 100px;
    text-align: left;
    margin-left: auto;
    margin-right :auto;
    margin-top: 20px;
}

.drill_footer {
    background: url(/images/drill/back.gif);
    background-repeat: no-repeat;
    background-position: center;
    color: #FF0000;
    width: 70%;
    height: 300px;
    text-align: left;
    margin-left: auto;
    margin-right :auto;
    margin-top: 20px;
    line-height: 2em;
}

.drill_line {
    background: url(/images/common/line.gif);
    width: 90%;
    height: 1px;
    text-align: center;
    margin-left: auto;
    margin-right :auto;
}

.noQuestion {
    border: solid 2px;
    margin-bottom: 20px;
}

/************
マイページ
************/
.mypageSubTitle {
    margin-top: 20px;
    border-style: solid;
    border-width: 0px 0px 1px 3px;
    border-color: #CCCCCC;
    padding-left: 5px;
    padding-bottom: 2px;
}

/*
回答履歴
*/
table.history {
    width: 485px;
    margin: 20px;
    border: solid 1px #CCCCCC;
    border-collapse: collapse;
}

td.history_header {
    text-align: center;
    padding: 10px;
    border: solid 1px #CCCCCC;
    background-color: #F4F5F5;
}

td.history_body {
    padding: 10px;
    border: solid 1px #CCCCCC;
}

/*
投稿履歴
*/
.post_question_history {
    margin: 10px;
    text-align: right;
}

table.post_question_history {
    width: 100%;
    margin: 10px;
    border: solid 1px #CCCCCC;
    border-collapse: collapse;
}

/*
問題評価テーブル
*/
table.valuation {
    width: 100%;
    height: 10px;
    padding: 0px;
    border-collapse: collapse;
}

td.good_valuation {
    background-color: #FFFF00;
}

td.normal_valuation {
    background-color: #FF0000;
}

td.bad_valuation {
    background-color: #0000FF;
}

/*
問題回答
*/
table.answer {
    width: 600px;
    margin: 20px;
    border: solid 1px #CCCCCC;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px;
}

td.answer_title_left {
    background: url(/images/answer/title_left.gif);
    background-repeat: no-repeat;
    width: 46px;
    height: 52px;
}

td.answer_title_center {
    background: url(/images/answer/title_center.gif);
    padding-left: 10px;
    width: 543px;
    height: 52px;
    font-size: 24px;
    color: #FFFFFF;
}

td.answer_title_right {
    background: url(/images/answer/title_right.gif);
    background-repeat: no-repeat;
    width: 11px;
    height: 52px;
}

td.answer_body {
    text-align: center;
    vertical-align: top;
    height: 300px;
}

.answer_question {
    text-align: left;
    padding: 10px;
    margin: 20px;
    height: 100px;
    overflow: auto;
    background-color: #eefbfe;
}

.answer_sub_title {
    background-color: #FFFFFF;
    display: table;
}

.answer_mondai {
    margin: 10px;
}

.answer_select {
    text-align: left;
    padding-left: 40px;
    padding-bottom: 20px;
}

.answer_submit {
    margin: 5px;
    white-space: nowrap;
}

.answer_subtitle {
    background-color: #FFFFFF;
}

.loginUrging {
    margin: 10px;
    padding: 5px;
    line-height: 2em;
    border: solid 1px #FF0000;
}

/*
マイページ
*/
.mypage_menu {
    margin: 10px;
    padding: 5px;
    border: green dotted 1px;
}

/*
エラーテーブル
*/

table.error {
    width: 490px;
    margin-top: 10px;
    border: solid 1px #FF3300;
    border-collapse: collapse;
    background-color: #FFFCEA;
}

td.errorInfo {
    padding: 10px;
    font-size: 16px;
}

td.errorLine {
    padding: 10px;
    border-top: dashed 1px #FF3300;
    border-collapse: collapse;
}

td.errorMessage {
    padding-left: 8px;
    padding-top: 2px;
    color: #FF3300;
}

.fieldWithErrors {
    border: 2px solid #FF3300;
    display: table;
}

.answerError {
    border: 1px solid #FF3300;
    color: #FF0000;
    margin: 10px;
    padding: 10px;
}

/****
レイアウトイメージ
****/

/*
上部の背景イメージ(初めの画面)
*/
.topBackImage {
    background: url(/images/main/back.jpg);
    width: 100%;
    height: 159px;
    margin: 0px;
}

/*
上部の背景イメージ（全ての画面）
*/
.topCommonBackImage {
    background: url(/images/common/back.jpg);
    width: 100%;
    height: 91px;
    margin: 0px;
}

/*
ラインイメージ
*/
.line {
    background: url(/images/common/line.gif);
    width: 100%;
    height: 1px;
    margin: 0px;
}

td.td_line {
    background: url(/images/common/line.gif);
    height: 1px;
    margin: 0px;
}

.category_line {
    background: url(/images/common/line.gif);
    width: 100%;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

.errorLine {
    background: url(/images/common/red_line.gif);
    width: 100%;
    height: 1px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

/*
リンクの色を黒固定にする場合
*/
a.linkLock:link{color: #000000;}
a.linkLock:visited {color: #000000;}
a.linkLock:hover{color: #000000;}
a.linkLock:active{color: #000000;}

/****
ボタンイメージ
****/

/*
Enterボタン（リンク）
*/
a.enterButton {
    background-position: 0px 0px;
    background: url(/images/button/enter.gif);
    display: block;
    width: 96px;
    height: 30px;
    margin: 0px;
}

a.enterButton:hover {
    background-position: 0px 30px;
}

/*
Enterボタン（リンク）
*/
a.konomoButton {
    background-position: 0px 0px;
    background: url(/images/button/konomo.gif);
    display: block;
    width: 167px;
    height: 30px;
    margin: 0px;
}

a.konomoButton:hover {
    background-position: 0px 30px;
}

/*
戻るボタン（リンク）
*/
a.backButton {
    border: 0px;
    background-position: 0px 0px;
    background: url(/images/button/modo.gif);
    display: block;
    width: 58px;
    height: 30px;
    margin: 0px;
}

a.backButton:hover {
    background-position: 0px 30px;
}

/*
確認ボタン（Submit）
*/
input.enterButton {
    border: 0px;
    background-position: 0px 0px;
    background: url(/images/button/kakunin.gif);
    display: block;
    width: 58px;
    height: 30px;
    margin: 0px;
}

input.enterButton:hover {
    background-position: 0px 30px;
    cursor: pointer;
}

/*
ログインボタン（Submit）
*/
input.loginButton {
    border: 0px;
    background-position: 0px 0px;
    background: url(/images/button/login.gif);
    display: block;
    width: 72px;
    height: 30px;
    margin: 0px;
}

input.loginButton:hover {
    background-position: 0px 30px;
    cursor: pointer;
}

/*
戻るボタン（Submit）
*/
input.backButton {
    border: 0px;
    background-position: 0px 0px;
    background: url(/images/button/modo.gif);
    display: block;
    width: 58px;
    height: 30px;
    margin: 0px;
}

input.backButton:hover {
    background-position: 0px 30px;
    cursor: pointer;
}

/*
登録ボタン（Submit）
*/
input.tourokuButton {
    border: 0px;
    background-position: 0px 0px;
    background: url(/images/button/touroku.gif);
    display: block;
    width: 58px;
    height: 30px;
    margin: 0px;
}

input.tourokuButton:hover {
    background-position: 0px 30px;
    cursor: pointer;
}

/*
回答ボタン（Submit）
*/
input.kaitouButton {
    border: 0px;
    background-position: 0px 0px;
    background: url(/images/button/kaitou.gif);
    display: block;
    width: 58px;
    height: 30px;
    margin: 0px;
}

input.kaitouButton:hover {
    background-position: 0px 30px;
    cursor: pointer;
}

/*
登録ボタン（Submit）
*/
input.skipButton {
    border: 0px;
    background-position: 0px 0px;
    background: url(/images/button/skip.gif);
    display: block;
    width: 72px;
    height: 30px;
    margin: 0px;
}

input.skipButton:hover {
    background-position: 0px 30px;
    cursor: pointer;
}