@charset "Shift_JIS";

/************************************************************************

	★トリックスター0 -ラブ-　公式サイト
		その他のページ用スタイル
		（※透過PNG を使用の場合［js/png.js］にも記入する事 ）

************************************************************************/

/* 共通 ▼ ------------------------------------------------------------------------ */

#other { color:#684628; font-size:12px; }
#other #page { background-image:none; }
#other #main .box { text-align:center; }

#other #header { margin:0px auto; width:615px; text-align:left; position:static; }
#other #content { margin:0px auto 50px; width:615px; position:static; }
#other #main { margin:0px auto; width:615px; float:none; }
#other #header h1 { margin:0px 0px 0px 0px; width:225px; height:130px; background:url(../images/logo_small.png) 0 20px no-repeat; }
#other #header h1 a { width:200px; height:170px; display:block; }

.linebox { padding:10px; background:#fcf8e5; border:1px solid #b98e66; }


/* ------------------------------------------------------------------------ */



/* 404 ページ ▼ ------------------------------------------------------------------------ */

#notfound { margin:-30px auto 10px; padding:40px 30px; width:502px; height:270px; background:url(../images/bg_notfound.jpg) no-repeat; text-align:left; }
#notfound h3 { margin:0px 0px 5px; width:300px; }
#notfound p { margin:0px 0px 15px; width:300px; font-size:87.5%; line-height:1.33; }

a#close { margin:10px auto 0px; width:145px; height:35px; background:url(../images/btn_close.gif) no-repeat; display:block; }
a#next { margin:10px auto 0px; width:122px; height:35px; background:url(../images/btn_next.gif) no-repeat; display:block; }

/*IE7 用 */
*:first-child+html  #notfound { margin:0px auto -20px; position:relative; top:-30px; }

/* ------------------------------------------------------------------------ */




/* お知らせ & メンテナンス情報 ▼ ------------------------------------------------------------------------ */

#news { margin:0px auto; width:562px; background:url(../images/bg_note.gif) repeat-y #f9f1d8; text-align:left; }
#news h2 { margin:0px auto 20px; padding:4px 10px 0px; width:542px; height:26px; background:url(../images/h2_info.gif) no-repeat; color:#000000; font-size:14px; }
#news pre { margin:0px 10px 20px; font-size:12px; line-height:1.5; }
#news pre span { display:inline; }

/* ------------------------------------------------------------------------ */



/* 利用規約 ▼ ------------------------------------------------------------------------ */

#kiyaku { margin:0px auto 20px; width:562px; background:url(../images/bg_note.gif) repeat-y #f9f1d8; text-align:left; }
#kiyaku h2 { margin:0px auto 20px; padding:4px 10px 0px; width:542px; height:26px; background:url(../images/h2_info.gif) no-repeat; color:#000000; font-size:14px; }
#kiyaku h3 { font-size:12px; }
#kiyaku p { margin:0px auto 20px; }
#kiyaku .note { margin:0px auto 0px; padding:0px 20px 10px; }

/* ------------------------------------------------------------------------ */



/* イベント ▼ ------------------------------------------------------------------------ */

#event-info { font-size:12px; margin-top:-20px; }
#event-info h2 { margin:0px auto 15px; }
#event-info .event { margin:0px auto 15px; padding:0px; width:557px; background:url(../images/event/ms_body.gif) repeat-y center top; }
#other #main #event-info .event .box { margin:0px auto; padding:0px 20px 15px; background:url(../images/event/ms_footer.gif) no-repeat center bottom; text-align:left; }



#event-info h3 { margin:0px auto; width:557px; height:35px; text-align:center; }
h3#period { background:url(../images/event/h3_period.gif) no-repeat center top; }
h3#condition { background:url(../images/event/h3_condition.gif) no-repeat center top; }
h3#npc { background:url(../images/event/h3_npc.gif) no-repeat center top; }
h3#hint { background:url(../images/event/h3_hint.gif) no-repeat center top; }
h3#warning { background:url(../images/event/h3_warning.gif) no-repeat center top; }
h3#clear { background:url(../images/event/h3_clear.gif) no-repeat center top; }


/* イベントNPC */
.event .nostyle li { width:50%; text-align:center; float:left; }

/* Win IE 用 ＼*/
* html #other #main #event-info .event { height:1%; }
* html #other #main #event-info .event .box { margin-bottom:-3px; height:1%; clear:both; line-height:1.5; }
* html h3#npc { background-position:1px 0px; }

/* */

/* ------------------------------------------------------------------------ */


/* キャンペーン ▼ ------------------------------------------------------------------------ */

#campaign { margin:-20px auto 20px; width:569px; background:url(../images/cp/bg_cp_box.gif) repeat-y;  }

#campaign h3 { margin:0px auto; width:537px; height:35px; clear:both; }
#campaign h3#period { margin:0px auto -75px; background:url(../images/cp/h3_period.gif) no-repeat; position:relative; top:-75px; }
#campaign h3#outline { background:url(../images/cp/h3_outline.gif) no-repeat; }
#campaign h3#present { background:url(../images/cp/h3_present.gif) no-repeat; }
#campaign h3#warning { background:url(../images/cp/h3_warning.gif) no-repeat; }

.campaign { padding:0px 0px 5px; background:url(../images/cp/bg_cp_box_footer.gif) no-repeat center bottom; }
.cp-note {  margin:0px auto 15px; padding:5px 0px 0px; width:537px; background:url(../images/cp/bg_cp_note.gif) repeat-y center bottom; text-align:left; position:relative; }
.cp-note-footer { padding:0px 20px 15px; background:url(../images/cp/bg_cp_note_footer.gif) no-repeat center bottom; }

.cp-note p { margin:0px auto 5px; }
.cp-note p.caution { margin:-5px auto 5px; }


/* テンプレート用 */
.cp-note-footer2 { padding:0px 0px 15px 10px;  background:url(../images/cp/bg_cp_note_footer.gif) no-repeat center bottom; }
.cp-note-footer2 ul li { padding:0px 0px 0px 0px;}
.cp-note-footer2 p { padding:0px 10px 0px 10px;}


.cp-note ul.indentReverse { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 1em; list-style:none; text-align:left; text-indent:-1em; }
.cp-note ol.indentReverse { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 2em; list-style:none; text-align:left; text-indent:-2em; }


.cp-note dl { margin:20px auto 0px; }
#campaign .cp-note .cf { padding:10px; background:#fcf8e5; border:1px solid #b98e66; }

/* Win IE 用 ＼*/
* html .campaign { height:1%; }
/* */

/*IE7 用 */
*:first-child+html .campaign { height:1%; }


/* ------------------------------------------------------------------------ */


/* MS 特設ページ ▼ ------------------------------------------------------------------------ */

#ms { margin:-20px auto 20px; padding:0px 0px 35px; width:555px; background:url(../images/ms/bg_ms_box_footer.gif) no-repeat center bottom;  }
.ms { margin:0px auto; padding:0px 0px 20px; width:492px; text-align:left; }
#ms h2 { margin:0px auto; }

#ms-box { margin:0px 0px -75px; padding:25px 0px 0px; background:url(../images/ms/bg_ms_box_header.gif) no-repeat center top; position:relative; top:-75px; }
.ms-box { margin:0px; padding:0px 32px; background:url(../images/ms/bg_ms_box.gif) repeat-y center center; }

#ms-box h3 { margin:0px auto 20px; }

/* テーブル */
#ms-box tr { background:#d7e8ff; }
#ms-box tr.even { background:#ffffff; }
#ms-box table { margin:0px 0px 15px; border:1px solid #174075; }
#ms-box th { background:#277bc2; color:#ffffff; border-bottom:1px solid #174075; border-right:1px dashed #174075; text-align:center; white-space:nowrap; }
#ms-box td { padding:2px 20px; color:#000000; border-bottom:1px dashed #174075; border-right:1px dashed #174075; }

#ms-box .chart th { padding:0px 10px; }
#ms-box .chart td { padding:2px 10px; text-align:center; }
#ms-box .chart td p { margin:0px; text-align:left; }


#ms-box p { margin:0px 0px 10px; }
#ms-box p.indent { margin:0px 0px 10px 1em; }

.ms ul { margin:0px 0px 15px; }


/* Win IE 用 ＼*/
* html #ms h2 { margin:0px 0px 0px 1px; }
* html #ms-box table { position:relative; }
/* */


/*tabありなページ*/

#ms { margin:-20px auto 20px; padding:0px 0px 35px; width:555px; background:url(../images/ms/bg_ms_box_footer.gif) no-repeat center bottom;  }
.ms { margin:0px auto; padding:0px 0px 20px; width:492px; text-align:left; }
#ms h2 { margin:0px auto; }

#ms-box-tab { margin:0px 0px -76px; padding:70px 0px 0px; position: relative; top:-75px; left:0px; }
.ms-box { margin:0px; padding:0px 32px; background:url(../images/ms/bg_ms_box.gif) repeat-y center center; }

#ms-box-tab h3 { margin:0px auto 20px; }
#ms-box-tab .ms-box-tab-menu {
position: absolute;
top:-70px;
left:0px;
padding-left:37px;
font-size:0px;
width:510px;
background:url(../images/ms/bg_ms_box_header.gif) no-repeat 0px 45px;
height:70px;
}
/*IE6ハック*/
* html #ms-box-tab .ms-box-tab-menu {
background:url(../images/ms/bg_ms_box_header.gif) no-repeat 1px 45px;
}
#ms-box-tab .ms-box-tab-menu li {
float:left;
text-align:center;
width:156px;
margin:0 2px;
height:50px;
background:url(../images/ms/tab_2_BG.jpg) no-repeat 0px 6px;
padding-top:11px;
}
#ms-box-tab  .ms-box-tab-menu li.this-open {
padding-top:5px;
background:url(../images/ms/tab_1_BG.jpg) no-repeat 0px 0px;
}
/* テーブル */
#ms-box-tab tr { background:#d7e8ff; }
#ms-box-tab tr.even { background:#ffffff; }
#ms-box-tab table { margin:0px 0px 15px; border:1px solid #174075; }
#ms-box-tab th { background:#277bc2; color:#ffffff; border-bottom:1px solid #174075; border-right:1px dashed #174075; text-align:center; white-space:nowrap; }
#ms-box-tab td { padding:2px 10px; color:#000000; border-bottom:1px dashed #174075; border-right:1px dashed #174075; }

#ms-box-tab .chart th { padding:0px 10px; }
#ms-box-tab .chart td { padding:2px 10px; text-align:center; }
#ms-box-tab .chart td p { margin:0px; text-align:left; }


#ms-box-tab p { margin:0px 0px 10px; }
#ms-box-tab p.indent { margin:0px 0px 10px 1em; }

.ms ul { margin:0px 0px 15px; }

#ms-box-tab #tab1,
#ms-box-tab #tab2,
#ms-box-tab #tab3,
#ms-box-tab #tab4 {
position:relative;
}

/* Win IE 用 ＼*/
* html #ms h2 { margin:0px 0px 0px 1px; }
* html #ms-box-tab table { position:relative; }
/* */


/* ------------------------------------------------------------------------ */



/* システム紹介 ▼ ------------------------------------------------------------------------ */

#system { margin:-20px auto 0px; text-align:center; }
#system h2 { margin:0px auto 15px; }
#system h4 { margin:5px auto 15px; clear:both; }

#system .system { margin:0px auto 15px; padding:10px 0px 0px; width:562px; background:url(../images/bg_note.gif) repeat-y #f9f1d8; text-align:left; }
.system p { margin:0px auto 10px; }
.system .linebox { margin:0px auto 15px; padding:5px; width:280px; }
#system #headerImg {
margin-bottom:15px;
}
/* ------------------------------------------------------------------------ */



/* お問い合せ ▼ ------------------------------------------------------------------------ */

#qa { margin:-20px 0px  20px; }
#qa h2 { margin:0px auto 20px; }
#qa .qa { margin:0px auto; width:562px; background:url(../images/bg_note.gif) repeat-y #f9f1d8; text-align:left; }
#qa .qa ul { margin:0px auto; padding:25px 25px 20px; background:url(../images/bg_note_header.gif) no-repeat; list-style:none; }
#qa .qa ul li { padding:0px 0px 5px; }
#qa .qa .note { margin:0px auto 15px; padding:0px; }
#qa .qa p { padding: 0px 15px; }

#qa h3 { margin:0px auto; padding:5px 0px 0px 40px; width:522px; height:31px; background:url(../images/qa/h3_qa.gif) no-repeat; text-align:left; font-size:14px; }

#qa .qa table.noframe_form { margin: 20px 15px 0px; padding:0px; border-top:none; border-bottom:none; vertical-align:top; }
#qa .qa table.noframe_form th { padding:0px; border-bottom:none; background:none; border-bottom:none; vertical-align:top; }
#qa .qa table.noframe_form thead th { padding:0px; border-bottom:none; background:none; color:#704926; }
#qa .qa table.noframe_form td { padding:0px 0px 10px; border-bottom:none; border-bottom:none; vertical-align:top; }
#qa .qa table.noframe_form td p { padding:0px; }
#qa .qa table.noframe_form tr { background:none; }
#qa .qa table.noframe_form tr.even { background:none; }

/* ------------------------------------------------------------------------ */


/* 課金ページ ▼ ------------------------------------------------------------------------ */

#other.mp #header h1 { margin:10px 0px -10px; width:140px; height:60px; background:url(../images/mp/logo_small_2.png) no-repeat; }
#other.mp #header h1 a { width:140px; height:60px; display:block; }

.mp h2 { margin:-20px auto 15px; }


/* 登録情報 */
#edit-menu { margin:0px auto 20px; width:562px; background:url(../images/bg_note.gif) repeat-y; }
#edit-menu .edit-menu { margin:0px auto; padding:10px 0px 0px; background:url(../images/bg_note_header.gif) no-repeat center top; }

#edit-menu #pass a { margin:15px auto 10px; width:201px; height:35px; background:url(../images/mp/btn_pass.gif) no-repeat; display:block; }
#edit-menu #mail a { margin:15px auto 10px; width:201px; height:35px; background:url(../images/mp/btn_mail.gif) no-repeat; display:block; }
#edit-menu #del a { margin:15px auto 10px; width:201px; height:35px; background:url(../images/mp/btn_del.gif) no-repeat; display:block; }
#edit-menu #subscribe a { margin:15px auto 10px; width:201px; height:35px; background:url(../images/mp/btn_subscribe.gif) no-repeat; display:block; }

#edit-menu ul { margin:0px auto; padding:0px 15px 10px; list-style:none; }
#edit-menu ul li { width:50%; text-align:center; float:left; }
#edit-menu .note-header { margin:0px auto; }

/* ご利用料金明細 */
#charge-log { margin:0px auto 20px; padding:0px 0px 0px; width:562px; background:url(../images/bg_note.gif) repeat-y;}
#charge-log .charge-log { margin:0px auto; padding:10px 0px 0px; width:562px; background:url(../images/bg_note_header.gif) no-repeat center top;  }

#charge-log table { margin:0px auto 20px; width:520px; border:1px solid #05316b; }
#charge-log th { padding:0px 15px; background:#277bc2; color:#ffffff; text-align:center; border-bottom:1px dashed #05316a;  border-right:1px dashed #05316a; }
#charge-log td { padding:15px 10px; color:#000000; text-align:center; border-bottom:1px dashed #05316a;  border-right:1px dashed #05316a; }

#charge-log p { margin:10px 20px; }

#charge-log tr { background:#d7e8ff; }
#charge-log tr.even { background:#ffffff; }

#send-page { margin:0px auto 15px; padding:0px; list-style:none; text-align:center; }
#send-page li { margin:0px 5px; padding:5px; background:#ffffff; color:#000000; border:1px solid #006cff; display:inline-block; }

/* Win IE 用 ＼*/
* html #send-page li { display:inline; zoom:1; }
/* */

/*IE7 用 */
*:first-child+html #send-page li { display:inline; zoom:1; }

/* ポイント購入 */
#agree-charge { margin:0px auto 15px; text-align:left; }
#agree-charge .agree-charge { margin:0px auto; padding:10px 0px 0px; width:562px; background:url(../images/bg_note.gif) repeat-y center top;  }

#agree-charge h3 { margin:0px auto; padding:4px 10px 0px; width:542px; height:26px; background:url(../images/h2_info.gif) no-repeat; color:#000000; font-size:14px; }

.agree { margin:20px auto 0px; color:#000000; text-align:center; }

#agree-charge .warning { margin:10px auto 20px; width:490px; }
#agree-charge ul { margin:0px auto; padding:0px 0px 10px; list-style:none; }
#agree-charge ul li { width:50%; text-align:center; float:left; }

#agreebtn input { margin:0px auto; width:201px; height:34px; display:block; }
#disagreebtn input { margin:0px auto; width:201px; height:34px; display:block; }

/* 利用規約 */
#agree-charge #riyou-kiyaku { margin:15px auto 25px; padding:10px; width:500px; height:290px; background:#ffffff; overflow:auto; color:#4f3b0c; }
#agree-charge #riyou-kiyaku pre { margin:20px; }
#riyou-kiyaku h3 { margin:0px 0px 10px; padding:0px; width:auto; height:auto; background-image:none; color:#4f3b0c; font-size:12px; }
#riyou-kiyaku h4 { font-size:12px; }
#riyou-kiyaku p { margin:0px 0px 20px; }
#riyou-kiyaku ol { margin:0px auto 10px; padding:0px; list-style:none; }
#riyou-kiyaku ol li { margin:0px 0px 0px 2.4em; text-indent:-2.4em; }


/* ------------------------------------------------------------------------ */

/* CP用table */
.cp-note th { padding:0px 15px; border-bottom:1px dashed #4f3b0c; background:#dbc993; text-align:center; white-space:nowrap; }
.cp-note thead th { padding:0px 15px; border-bottom:1px dashed #4f3b0c; background:#704926; text-align:center; white-space:nowrap; color:#fff; }
.cp-note td { padding:15px; border-bottom:1px dashed #4f3b0c;  text-align:left; }
.cp-note table p { margin:0px; padding:0px 0px 0px 0; text-indent:0; }

.cp-note tr { background:#fdefc4; }
.cp-note tr.even { background:#fae49c; }

.cp-note th a { color:#fff; }


/* 枠なしCP用table */
.cp-note table.noframe { padding:0px; border-top:none; border-bottom:none; vertical-align:top; }
.cp-note table.noframe th { padding:0px; border-bottom:none; background:none; border-bottom:none; vertical-align:top; }
.cp-note table.noframe thead th { padding:0px; border-bottom:none; background:none; color:#704926; }
.cp-note table.noframe td { padding:0px; border-bottom:none; border-bottom:none; vertical-align:top; }
.cp-note table.noframe td p { margin-bottom:10px; }
.cp-note table.noframe td img { margin-right:10px; }
.cp-note table.noframe tr { background:none; }
.cp-note table.noframe tr.even { background:none; }

/* ガチャCP用table */
.cp-note table.gachaStates { margin:10px auto 0px; width:100%; border-top:1px solid #4f3b0c; border-bottom:1px solid #4f3b0c; }

.cp-note table.gachaStates  th { padding: 10px 5px; border-bottom:1px dashed #4f3b0c; background:#dbc993; text-align:center; white-space:nowrap; }
.cp-note table.gachaStates  thead th { padding:0px 5px; border-bottom:1px dashed #4f3b0c; background:#704926; text-align:center; white-space:nowrap; color:#fff; }
.cp-note table.gachaStates  thead th.st { width:3em; text-align:center; }
.cp-note table.gachaStates  td { padding:5px; border-left:1px dashed #4f3b0c; border-bottom:1px dashed #4f3b0c;  text-align:left; }
.cp-note table.gachaStates  td.st { width:3em; text-align:center; }
.cp-note table.gachaStates  table p { margin:0px; padding:0px 0px 0px 0; text-indent:0; }

.cp-note table.gachaStates  tr { background:#fdefc4; }
.cp-note table.gachaStates  tr.even { background:#fae49c; }

.cp-note table.gachaStates  th a { color:#fff; }

/* ページ内ナビリスト */
#other #main ul.subLocalNavi { background:#f9f1d8; border:1px solid #cbc093; margin:10px auto 0; padding:5px 10px; }
#other #main ul.subLocalNavi li { float:left; background:url(../images/icon_textLink.gif) left center no-repeat; padding:2px 15px; white-space:nowrap; }

/*CPツール用クラス*/
.cp-top-h3 {
margin-top:60px;
}
#campaign h3#period-tool {
/*margin-top:0;*/
background:url(../images/cp/h3_period.gif) no-repeat;
}

/* ガチャCP用table汎用版 */
.gachaStates { margin:10px auto 0px; border-top:1px solid #4f3b0c; border-bottom:1px solid #4f3b0c; }
.gachaStates  th { padding: 10px 5px; border-bottom:1px dashed #4f3b0c; background:#dbc993; text-align:center; white-space:nowrap; }
.gachaStates  thead th { padding:0px 5px; border-bottom:1px dashed #4f3b0c; background:#704926; text-align:center; white-space:nowrap; color:#fff; }
.gachaStates  thead th.st { width:3em; text-align:center; }
.gachaStates  td { padding:5px; border-left:1px dashed #4f3b0c; border-bottom:1px dashed #4f3b0c;  text-align:left; }
.gachaStates  td.st {  text-align:center; }
.gachaStates  table p { margin:0px; padding:0px 0px 0px 0; text-indent:0; }
.gachaStates  tr { background:#fdefc4; }
.gachaStates  tr.even { background:#fae49c; }
.gachaStates  th a { color:#fff; }