/* CSS Document */
/*----------------------------------------------------
     css for namco-ch gunbulletrainer
     gunbulletrainer.css
----------------------------------------------------*/

body		{ margin:0 auto; padding: 0px; text-align:center; }
p			{ font-size: 12px; line-height: 20px; color: #0C419A; }
a			{ color: #0C419A; text-decoration: none; }
a:hover		{ color: #0C419A; text-decoration: underline; }

#v-disp			{ padding: 0px; background-color:#FFF; text-align:center;}
#container		{ width: 760px; padding: 0 0 20px; margin: 0 auto; text-align: center; border-right: 1px solid #0C419A; border-left: 1px solid #0C419A; }
#main		{ text-align: left; margin: 0 30px; }

#top_img	{ margin: 20px 0 25px; }
#top_bk		{ background: url(../../_common/img/bk.gif) no-repeat 50% 120px; }
#spec		{ margin: 20px auto; padding: 20px; border: 1px solid #0C419A; width: 350px; text-align: left; }
#siteid		{ margin: 10px 0; }
h1			{ margin: 30px 0 15px; } 

.rm7	{ margin-right: 7px; }
.rm10	{ margin-right: 10px; }
.rm15	{ margin-right: 14px; }
.tm40	{ margin-top: 40px; }

.thumb		{ border: 1px solid #0C419A; }
.cap		{ margin: 5px 0 15px; }
.foot_info	{ clear: both; padding: 10px 0 0; text-align: center; }
.line		{ padding: 0 0 15px; background: url(../img/line.gif) repeat-x 0 100%; }
.gptop		{ clear: both; text-align: right; }
.thumbs		{ margin: 0 auto; text-align: center; }
.thumbs2	{ margin: 0 auto; text-align: center; padding-bottom: 20px; }


/* global navi */
#g_navi			{ height: 54px; width: 760px; margin: 0 auto; padding: 0; }
#g_navi ul		{ margin: 0; padding: 0; list-style: none; }
#g_navi li		{ float: left; margin: 0; padding: 0; height: 54px; text-indent: -9999px; }
#g_navi	li a	{ display: block; text-decoration: none; height: 54px; }

#g_navi li#product	{ width: 204px; background: url(../../_common/img/gnavi.gif) no-repeat 0 0; }
#g_navi li#stage	{ width: 177px; background: url(../../_common/img/gnavi.gif) no-repeat -204px 0; }
#g_navi li#mode		{ width: 177px; background: url(../../_common/img/gnavi.gif) no-repeat -381px 0; }
#g_navi li#chara	{ width: 202px; background: url(../../_common/img/gnavi.gif) no-repeat -558px 0; }

#g_navi li#product a:hover	{ width: 204px; background: url(../../_common/img/gnavi_f.gif) no-repeat 0 0; }
#g_navi li#stage a:hover	{ width: 177px; background: url(../../_common/img/gnavi_f.gif) no-repeat -204px 0; }
#g_navi li#mode a:hover		{ width: 177px; background: url(../../_common/img/gnavi_f.gif) no-repeat -381px 0; }
#g_navi li#chara a:hover	{ width: 202px; background: url(../../_common/img/gnavi_f.gif) no-repeat -558px 0; }

#g_navi li#product_i	{ width: 204px; background: url(../../_common/img/gnavi_f.gif) no-repeat 0 0; }
#g_navi li#stage_i		{ width: 177px; background: url(../../_common/img/gnavi_f.gif) no-repeat -204px 0; }
#g_navi li#mode_i		{ width: 177px; background: url(../../_common/img/gnavi_f.gif) no-repeat -381px 0; }
#g_navi li#chara_i		{ width: 202px; background: url(../../_common/img/gnavi_f.gif) no-repeat -558px 0; }

#g_navi li#product_new	{ width: 204px; background: url(../../_common/img/gnavi_new.gif) no-repeat 0 0; }
#g_navi li#stage_new	{ width: 177px; background: url(../../_common/img/gnavi_new.gif) no-repeat -204px 0; }
#g_navi li#mode_new		{ width: 177px; background: url(../../_common/img/gnavi_new.gif) no-repeat -381px 0; }
#g_navi li#chara_new	{ width: 202px; background: url(../../_common/img/gnavi_new.gif) no-repeat -558px 0; }

#g_navi li#product_new a:hover	{ width: 204px; background: url(../../_common/img/gnavi_new_f.gif) no-repeat 0 0; }
#g_navi li#stage_new a:hover	{ width: 177px; background: url(../../_common/img/gnavi_new_f.gif) no-repeat -204px 0; }
#g_navi li#mode_new a:hover		{ width: 177px; background: url(../../_common/img/gnavi_new_f.gif) no-repeat -381px 0; }
#g_navi li#chara_new a:hover	{ width: 202px; background: url(../../_common/img/gnavi_new_f.gif) no-repeat -558px 0; }

#g_navi li#product_new_i	{ width: 204px; background: url(../../_common/img/gnavi_new_f.gif) no-repeat 0 0; }
#g_navi li#stage_new_i		{ width: 177px; background: url(../../_common/img/gnavi_new_f.gif) no-repeat -204px 0; }
#g_navi li#mode_new_i		{ width: 177px; background: url(../../_common/img/gnavi_new_f.gif) no-repeat -381px 0; }
#g_navi li#chara_new_i		{ width: 202px; background: url(../../_common/img/gnavi_new_f.gif) no-repeat -558px 0; }

/* stage */
.stage_container	{ float: left; width: 224px; }


/* mode */
#prologue	{ margin: 20px 0 0; padding: 10px 15px; border: 1px solid #F550A6; }
#prologue h3	{ margin: 0; }
#prologue p	{ margin: 7px 0; }
.mode_para	{ clear: both; margin: 40px 0 30px 15px; }
.mode_para2	{ clear: both; margin: 20px 0 30px 15px; }
ul	{ margin: 20px 0 0; padding: 0; list-style: none; font-size: 12px; }
li	{ margin: 8px 0; padding: 0 0 0 15px; background: url(../img/round.gif) no-repeat left 50%; color: #0C419A; }
.pink_bold	{ color: #F550A6; font-weight: bold; }
#bkimg1		{ background: url(../../mode/img/pic05.jpg) no-repeat 90% top; height: 252px; } 
.red	{ color: #FF0000; }
.mode_container	{ float: left; width: 300px; margin: 10px 13px; text-align: center; }
.mode_container p, .mode_container h3	{ text-align: left; }
#arc_left	{ float: left; width: 430px; }
.tm10	{ margin-top: 10px; }


/* character */
.chara_img		{ float: left; margin: 20px; text-align: center; }
.chara_name		{ padding: 40px 0 0 0; }
.chara_para1	{ padding: 0 0 0 250px; }
.chara_para2	{ padding: 0 0 50px 250px; }
.chara_para3	{ padding: 80px 0 0 320px; }


/* popup */
#face	{ float: right; margin: 10px 0 15px 15px; }
#poptitle	{ width: 500px; text-align: center; }
#para_pop	{ margin: 10px; text-align: left; width: 500px; }
#close	{ width: 500px; text-align: center; }