@charset "utf-8";

/*
========== デフォルト設定 ==========
*/

body {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #000;
  font-size: 12px;
  behavior:url("/css/csshover2.htc");   /* IE only */
}

img {
  border: 0;
}


.clear{
  clear: both;
}

/*
========== 汎用 ==========
*/
.strong{
  font-weight: bold;
}

.red{
  color: red;
}

.blue{
  color: blue;
}

.big{
  font-size: 14px;
}

.small{
  font-size: 12px;
}

.mini{
  font-size: 10px;
}


/*
========== 全体のセンタリング用CSS ==========
*/
.top #cont_out, .user #cont_out{
  text-align: center;
}

.top #cont_in, .user #cont_in{
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
}

.top #cont_in{
  width: 953px;
}

.user #cont_in{
  width: 793px;
}



/*
========== サイトTOPなど ==========
*/
.top{
  background: #000 url("/img/background.jpg");
  font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
  font-size: 12px;
  color: #4d4c44;
  line-height: 18px;
  scrollbar-base-color : #f7f7e6;
  scrollbar-face-color : #23231a;        /*真ん中*/
  scrollbar-arrow-color : #98997c;       /*▼▲*/
  scrollbar-3dlight-color: #98997c;      /*外側の左と上*/
  scrollbar-highlight-color : #595a40;   /*内側の左と上*/
  scrollbar-shadow-color : #595a40;      /*内側の右と下*/
  scrollbar-darkshadow-color : #98997c;  /*外側の右と下*/
}


.top a:link    { color: #4d4c44; text-decoration: underline;}
.top a:visited { color: #4d4c44; text-decoration: underline;}
.top a:hover   { color: #003366; text-decoration: none;}
.top a:active  { color: #003366; text-decoration: underline;}


.top .navi_comment{
  font-size: 12px;
  color: #333333;
  line-height: 15px;
  margin: 5px 15px;
}


.top .regist_form_txt{
  font-size: 14px;
  color: #FFFFFF;
}


.top .regist_form_txt_small{
  font-size: 12px;
  color: #FFFFFF;
}


.top .regist_form_txt_mini{
  font-size: 10px;
  line-height: 10px;
  color: #FFFFFF;
}


.top .regist_form_txt_em{
  color: #FF9900;
}


.top .pre_regist_form_err_txt{
  font-size: 14px;
  font-weight: bold;
  color: #FF9900;
}


.top .regist_form_err_txt{
  font-size: 10px;
  font-weight: bold;
  color: #FF9900;
}


/*
========== information ==========
*/
.infotable {
  font-size: 12px;
  color: #333333;
  text-decoration: none;
}


/*
========== contact ==========
*/

.mailto_style {
  color: #FFFFFF;
  font-size: 12px;
  text-align: left;
}

.mailto_link {
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #333333;
  background-color: #EEEEFF;
  margin: 5px;
  padding: 6px;
}


/*
========== agreement ==========
*/
.agreement_headline {
  font-size: 13px;
  font-weight: bold;
  color: #333333;
  text-align: left;
}

.agreement_txt {
  font-size: 12px;
  color: #333333;
  text-align: left;
}


/*
========== status ==========
*/
.status_txt {
  text-align: center;
  font-size: 14px;
  color: #553311;
}


/*
========== qa ==========
*/
.qa .subtitle {
  background-image: url( "/img/sub_title_qa.gif" );
  font-weight: bold;
  color: #FFFFFF;
  height: 25px;
  width: 617px;
  margin-left: 38px;
  text-indent: 38px;
  text-align: left;
}

/*
.qa .search_form {
  font-size: 12px;
  padding: 6px;
  width: 181px;
  margin: 5px;
}
*/

.qa .category_list {
  list-style-position: inside;
  list-style-image: url( "/img/list_icon0.gif" );
  margin-left: 0px;
  padding: 3px;
  font-size: 13px;
}
.qa .children_list {
  list-style-position: inside;
  list-style-image: url( "/img/list_icon1.gif" );
  margin-left: 4px;
  padding: 8 8 8 2px;
  font-size: 11px;
  line-height: 15pt;
}
.qa .category_line {
  background-image: url( "/img/qa_category_line.gif" );
  background-position: center;
  height: 12px;
  width: 200px;
}
.qa .qa_main {
  color: #333333;
  padding: 30px 15px;
  text-align: left;
  font-size: 13px;
}

.qa .qa_question_set{
  padding: 10 15 0 0px;
}

.qa .qa_question{
  
}

.qa .qa_answer{
  font-size: 13px;
  line-height: 150%;
  padding: 0 0 10 10px;
}


.qa .back_link {
  font-size: 13px;
  padding: 8px;
  text-align: center;
}

.qa td.qamethod{
  font-size: 13px;
  line-height: 150%;
  padding: 5px;
}

/*
========== mini_news ==========
*/
.mini_news{
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  overflow:auto;
  scrollbar-base-color: #f7f7e6;
  scrollbar-face-color: #000000;
  scrollbar-arrow-color: #ffffff;
  scrollbar-3dlight-color: #98997c;
  scrollbar-highlight-color: #484848;
  scrollbar-shadow-color: #717171;
  scrollbar-darkshadow-color: #98997c;
}

.top .mini_news{
  width: 524px;
  height: 107px;
  background: #222;
} 

.user .mini_news{
  width: 375px;
  height: 94px;
  background: #555;
}

.mini_news a:link    { color: #ffffff; text-decoration: none;}
.mini_news a:visited { color: #ffffff; text-decoration: none;}
.mini_news a:hover   { color: #ffffff; text-decoration: none; background-color: #006ba9;}
.mini_news a:active  { color: #ffffff; text-decoration: underline;}


/*
========= テンプレート ================
*/
.top_footer {
  background: url("/img/footer_bg.gif") no-repeat;
  height: 87px;
  width: 953px;
  margin-top: 10px;
}


.top_footer_txt {
  padding: 15px 80px;
  text-align: left;
  font-size: 10px;
  color: #333;
}


/*
========== 新規登録ボタン ==========
*/

/*
--------- 仮登録ボタン ----------
*/
.top .pre_regist_submit{
  position:absolute;
  margin: -14 0 0 -70;
  padding: 0;
  border: none;
  background: url("/img/regist/form_send_btn.gif") no-repeat;
  width: 106px;
  height: 28px;
  text-indent:-9999px;
  cursor: pointer;
  content: "";
}

/*
---------- 登録時(仮・本共通)エラー時のボタン ----------
*/
.top .regist_error_back_btn{
  position: absolute;
  margin: -14 0 0 150;
  padding: 0;
  border: none;
  background: url( "/img/regist/form_back_btn.gif" ) no-repeat;
  width: 106px;
  height: 28px;
  text-indent: -9999px;
  cursor: pointer;
  content: "";
}


/*
---------- 本登録 入力ページ ボタン ----------
*/
.top .regist_confirm{
  position:absolute;
  margin: -14 0 0 -50;
  padding: 0;
  border: none;
  background: url("/img/regist/form_next_btn.gif") no-repeat;
  width: 106px;
  height: 28px;
  text-indent:-9999px;
  cursor: pointer;
  content: "";
}


/*
---------- 本登録 確認ページ ボタン ----------
*/
.top .regist_submit{
  position:absolute;
  margin: -18 0 0 0;
  padding: 0;
  border: none;
  background: url("/img/regist/form_next_btn.gif") no-repeat;
  width: 106px;
  height: 28px;
  text-indent:-9999px;
  cursor: pointer;
  content: "";
}


.top .regist_submit_back{
  position: absolute;
  margin: -18 0 0 -120;
  padding: 0;
  border: none;
  background: url( "/img/regist/form_back_btn.gif" ) no-repeat;
  width: 106px;
  height: 28px;
  text-indent: -9999px;
  cursor: pointer;
  content: "";
}




/*
========== userサイト ==========
*/

/*
---------- デフォルト ----------
*/

.user {
  background: #333 url(/user/img/background.gif);
  font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック",sans-serif;
  font-size: 12px;
}


/*
---------- 基本文字 ----------
*/
.user .strong{
  font-size: 13px;
  font-weight: bold;
}


/*
---------- リスト ----------
*/

/*
.user .ul_blue{
  position: relative;
  vertical-align: middle;
  left: -15px;
  list-style-image: url("/user/img/list_blue.gif");
}

.user .ul_red {
  position: relative;
  vertical-align: middle;
  left: -15px;
  list-style-image: url('/user/img/list_red.gif');
}
*/

.user .list_blue{
  margin: 0 5 0 8;
  padding: 0 0 0 17;
  background: url( "/user/img/list_blue.gif" ) no-repeat;
}

.user .list_red{
  margin: 0 0 0 8;
  padding: 0 0 0 17;
  background: url('/user/img/list_red.gif') no-repeat;
}


/*
---------- その他個別系 ----------
*/

/* 左上ログイン状態表示 */
.user_status{
  padding-top: 7px;
  padding-left: 2px;
  font-size: 12px;
  color: #ffffff;
}


.user .frame_text{
  margin-left: 10px;
  margin-top:3px;
  font-size: 12px;
}


/* naviコメント */
.user .navi_comment{
  font-size: 12px;
  margin: 10px;
}


/* コンテンツ内 */
.user .cont{
  margin: 0px;
  padding: 30 15 15 15;
  font-size: 12px;
  vertical-align: top;
}


/* メニューページ 説明文 */
.user .u_menu{
  padding-left: 20px;
  font-size: 12px;
}


/* トレーニング */
.training_txt {
  font-size: 14px;
  color: #333333;
  line-height: 16pt;
}


/*
========== フォーム ==========
*/

/*
---------- ログインフォーム ----------
*/
.user_id{
  background: #7a7876 url("/user/img/loginform_id_bg.gif") no-repeat;
  border: #7a7876 0px solid;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  padding: 0 0 0 15;
  width: 105px;
  height: 14px;
}


.user_pass{
  background: #7a7876 url("/user/img/loginform_pass.gif") no-repeat;
  border: #7a7876 0px solid;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  padding: 0 0 0 15;
  width: 105px;
  height: 14px;
}

/* 下記8行はSafari-Hack( win-safariは影響受けない ) */
/* safari only \*/
html:\66irst-child .user_id{
  font-size: 9px;
}
html:\66irst-child .user_pass{
  font-size: 9px;
}
/* end */



.auto_login{
  margin: 0 0 0 15;
}

.auto_login_txt{
  font-size: 10px;
}


/*
---------- アルカナツールタグ表示textarea ----------
*/

.user .arcana_tags{ 
  width: 530px;
  line-height: 100%;
  margin-left: 20px;
  font-size: 12px;
} 


/*
========== userページ内ボタン ==========
*/

/*
--------- ログインボタン ----------
*/
.login_submit{
  position:absolute;
  margin: -13 0 0 0;
  padding: 0;
  border: none;
  background: url("/user/img/loginform_btn.gif") no-repeat;
  width: 120px;
  height: 27px;
  text-indent:-9999px;
  cursor:pointer;
  content: "";
}


.login_submit:focus, .login_submit:hover{
  background: url("/user/img/loginform_btn-over.gif") no-repeat;
}


/*
---------- アルカナツール 使用開始ボタン ----------
*/

.tool_submit{
  position:absolute;
  margin: -17 0 0 0;
  padding: 0;
  border: none;
  background: url("/user/img/arcana_tool/tool_regist_btn.gif") no-repeat;
  width: 138px;
  height: 34px;
  text-indent:-9999px;
  cursor:pointer;
  content: "";
}

.tool_submit:focus, .tool_submit:hover{
  background: url("/user/img/arcana_tool/tool_regist_btn-over.gif") no-repeat;
}


.tool_submit2{
  position:absolute;
  margin: -17 0 0 0;
  padding: 0;
  border: none;
  background: url("/user/img/arcana_tool/tool_regist2_btn.gif") no-repeat;
  width: 138px;
  height: 34px;
  text-indent:-9999px;
  cursor:pointer;
  content: "";
}

.tool_submit2:focus, .tool_submit2:hover{
  background: url("/user/img/arcana_tool/tool_regist2_btn-over.gif") no-repeat;
}


/*
---------- アルカナツール URL変更ボタン ----------
*/

.change_url_submit{
  position:absolute;
  margin: -12 0 0 0;
  padding: 0;
  border: none;
  background: url("/user/img/arcana_tool/tool_urlchange_btn.gif") no-repeat;
  width: 138px;
  height: 34px;
  text-indent:-9999px;
  cursor:pointer;
  content: "";
}

.change_url_submit:focus, .change_url_submit:hover{
  background: url("/user/img/arcana_tool/tool_urlchange_btn-over.gif") no-repeat;
}

.apply_url_submit{
  position:absolute;
  margin: -12 0 0 0;
  padding: 0;
  border: none;
  background: url("/user/img/arcana_tool/tool_apply_btn.gif") no-repeat;
  width: 138px;
  height: 34px;
  text-indent:-9999px;
  cursor:pointer;
  content: "";
}

.apply_url_submit:focus, .apply_url_submit:hover{
  background: url("/user/img/arcana_tool/tool_apply_btn-over.gif") no-repeat;
}

/*
---------- アルカナツール コピペボタン ----------
*/

.tags_copy{
  position:absolute;
  margin: 0 0 0 20;
  padding: 0;
  border: none;
  background: url("/user/img/arcana_tool/tool_copy_btn.gif") no-repeat;
  width: 138px;
  height: 34px;
  text-indent:-9999px;
  cursor:pointer;
  content: "";
}

.tags_copy:focus, .tags_copy:hover{
  background: url("/user/img/arcana_tool/tool_copy_btn-over.gif") no-repeat;
}


/*
--------- アルカナツール 使用停止ボタン ----------
*/

.stop_tool_submit{
  position:absolute;
  margin: -17 0 0 0;
  padding: 0;
  border: none;
  background: url("/user/img/arcana_tool/tool_stop_btn.gif") no-repeat;
  width: 138px;
  height: 34px;
  text-indent:-9999px;
  cursor:pointer;
  content: "";
}

.stop_tool_submit:focus, .stop_tool_submit:hover{
  background: url("/user/img/arcana_tool/tool_stop_btn-over.gif") no-repeat;
}


/*
--------- 設定変更 パスワード再送 ----------
*/

.fogot_pw_submit{
  position:absolute;
  margin: -13 0 0 0;
  padding: 0;
  border: none;
  background: url("/user/img/config/fogot_pw_btn.gif") no-repeat;
  width: 125px;
  height: 26px;
  text-indent:-9999px;
  cursor:pointer;
  content: "";
}

.fogot_pw_submit:focus, .fogot_pw_submit:hover{
  background: url("/user/img/config/fogot_pw_btn-over.gif") no-repeat;
}


/*
--------- 設定変更 パスワード変更 ----------
*/

.change_pw_submit{
  position:absolute;
  margin: -13 0 0 0;
  padding: 0;
  border: none;
  background: url("/user/img/config/change_pw_btn.gif") no-repeat;
  width: 125px;
  height: 26px;
  text-indent:-9999px;
  cursor:pointer;
  content: "";
}

.change_pw_submit:focus, .change_pw_submit:hover{
  background: url("/user/img/config/change_pw_btn-over.gif") no-repeat;
}

/*
--------- 設定変更 パスワード変更 ----------
*/

.change_email_submit{
  position:absolute;
  margin: -13 0 0 0;
  padding: 0;
  border: none;
  background: url("/user/img/config/change_email_btn.gif") no-repeat;
  width: 125px;
  height: 26px;
  text-indent:-9999px;
  cursor:pointer;
  content: "";
}

.change_email_submit:focus, .change_email_submit:hover{
  background: url("/user/img/config/change_email_btn-over.gif") no-repeat;
}

/*
--------- 設定変更 メール受信設定変更 ----------
*/

.mail_setting_submit{
  position:absolute;
  margin: -13 0 0 0;
  padding: 0;
  border: none;
  background: url("/user/img/config/mail_setting_btn.gif") no-repeat;
  width: 125px;
  height: 26px;
  text-indent:-9999px;
  cursor:pointer;
  content: "";
}

.mail_setting_submit:focus, .mail_setting_submit:hover{
  background: url("/user/img/config/mail_setting_btn-over.gif") no-repeat;
}