@charset "euc-jp";
/* CSS Document */
/*----------------------------------------------------
     css for namco-ch kaitou_rousseau
     kaitou_rousseau.css
----------------------------------------------------*/
body			{ margin:0 auto; padding: 0px; text-align:center; }

a	{ color: #FF6600; }

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


img	{ margin: 0px; padding: 0px; margin: 0px; }

#backimg{ width: 100%; background: no-repeat top url(../img/top_img4.gif); }
#topimg { height: 550px; }
#promo	{ margin-bottom: 15px; padding: 10px 0 0; }

#navi_top{ padding-top: 500px; text-align: center; }
#head_gnavi	{ float: right; text-align: center; width: 530px; }

#g_navi			{ height: 69px; width: 480px; margin: 0 auto; padding: 0; }
#g_navi ul		{ margin: 0; padding: 0; list-style: none; }
#g_navi li		{ float: left; margin: 0; padding: 0; width: 120px; height: 69px; text-indent: -9999px; }
#g_navi	li a	{ display: block; text-decoration: none; width: 120px; height: 69px; }

#g_navi li#navstr	{ background: url(../img/gnavi.gif) no-repeat 0 0; }
#g_navi li#navsys	{ background: url(../img/gnavi.gif) no-repeat -120px 0; }
#g_navi li#navchr	{ background: url(../img/gnavi.gif) no-repeat -240px 0; }
#g_navi li#navmov	{ background: url(../img/gnavi.gif) no-repeat -360px 0; }

#g_navi li#navstr a:hover	{ background: url(../img/gnavi_f.gif) no-repeat 0 0; }
#g_navi li#navsys a:hover	{ background: url(../img/gnavi_f.gif) no-repeat -120px 0; }
#g_navi li#navchr a:hover	{ background: url(../img/gnavi_f.gif) no-repeat -240px 0; }
#g_navi li#navmov a:hover	{ background: url(../img/gnavi_f.gif) no-repeat -360px 0; }

#g_navi li#navstr_i		{ background: url(../img/gnavi_f.gif) no-repeat 0 0; }
#g_navi li#navsys_i		{ background: url(../img/gnavi_f.gif) no-repeat -120px 0; }
#g_navi li#navchr_i		{ background: url(../img/gnavi_f.gif) no-repeat -240px 0; }
#g_navi li#navmov_i		{ background: url(../img/gnavi_f.gif) no-repeat -360px 0; }

#g_navi li#navstr_new	{ background: url(../img/gnavi_new.gif) no-repeat 0 0; }
#g_navi li#navsys_new	{ background: url(../img/gnavi_new.gif) no-repeat -120px 0; }
#g_navi li#navchr_new	{ background: url(../img/gnavi_new.gif) no-repeat -240px 0; }
#g_navi li#navmov_new	{ background: url(../img/gnavi_new.gif) no-repeat -360px 0; }

#g_navi li#navstr_new a:hover	{ background: url(../img/gnavi_new_f.gif) no-repeat 0 0; }
#g_navi li#navsys_new a:hover	{ background: url(../img/gnavi_new_f.gif) no-repeat -120px 0; }
#g_navi li#navchr_new a:hover	{ background: url(../img/gnavi_new_f.gif) no-repeat -240px 0; }
#g_navi li#navmov_new a:hover	{ background: url(../img/gnavi_new_f.gif) no-repeat -360px 0; }

#g_navi li#navstr_new_i		{ background: url(../img/gnavi_new_f.gif) no-repeat 0 0; }
#g_navi li#navsys_new_i		{ background: url(../img/gnavi_new_f.gif) no-repeat -120px 0; }
#g_navi li#navchr_new_i		{ background: url(../img/gnavi_new_f.gif) no-repeat -240px 0; }
#g_navi li#navmov_new_i		{ background: url(../img/gnavi_new_f.gif) no-repeat -360px 0; }




#spc		{ width: 550px; padding: 20px; border: 1px solid #231815; background: #fed000; margin: 0 auto; }
.t_border	{ border-top: 1px dashed #333; }

p	{ text-align: left; font-size: 14px; line-height: 160%; }
p.title	{ font-size: 10px; position: absolute; top: -9999px; }
.f_left		{ float: left; }
.f_right	{ float: right; }
.width450	{ width: 450px; }

.spc_pd	{ clear: left; padding: 20px 0 20px 0; }



/* character */

#title	{ margin: 10px 0 0;}

#chararuso			{ text-align: left; width: 725px; height: 400px; background: no-repeat right bottom url(../../character/img/cha_ruso.jpg); margin-bottom: 30px; }
#charakaitouruso	{ text-align: left; width: 725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_kaitouruso.jpg); margin-bottom: 30px; }
#charamillon		{ text-align: left; width: 725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_millon.jpg); margin-bottom: 30px; }
#charasenu			{ text-align: left; width: 725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_senu.jpg); margin-bottom: 30px; }
#charashinbunn_and_pochi	{ text-align: left; width: 725px; height: 420px; background: no-repeat right bottom url(../../character/img/cha_shinbunn_and_pochi.jpg); margin-bottom: 30px; }
#charachaba			{ text-align: left; width: 725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_chaba.jpg); margin-bottom: 30px; }
#charagman			{ text-align: left; width: 725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_gman.jpg); margin-bottom: 30px; }
#charainukai		{ text-align: left; width: 725px; height: 400px; background: no-repeat right bottom url(../../character/img/cha_inukai.jpg); margin-bottom: 30px; }
#charakoshi			{ text-align: left; width: 725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_koshi.jpg); margin-bottom: 30px; }
#charaonigiri		{ text-align: left; width: 725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_onigiri.jpg); margin-bottom: 30px; }
#charakusuri		{ text-align: left; width: 725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_kusuri.jpg); margin-bottom: 30px; }
#charaobachan		{ text-align: left; width: 725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_obachan.jpg); margin-bottom: 30px; }
#charapocchari		{ text-align: left; width: 725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_pocchari.jpg); margin-bottom: 30px; }
#charagessori		{ text-align: left; width:725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_gessori.jpg); margin-bottom: 30px; }
#charakaitousenu	{ text-align: left; width:725px; height: 300px; background: no-repeat right top url(../../character/img/cha_kaitousenu.jpg); margin-bottom: 30px; }
#charayukkuri		{ text-align: left; width:725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_yukkuri.jpg); margin-bottom: 30px; }
#charasyabekuri		{ text-align: left; width:725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_syabekuri.jpg); margin-bottom: 30px; }
#characasey			{ text-align: left; width:725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_casey.jpg); margin-bottom: 30px; }
#charapocha			{ text-align: left; width:725px; height: 230px; background: no-repeat right bottom url(../../character/img/cha_pocha.jpg); margin-bottom: 30px; }
#charatosanzo1		{ text-align: left; width:725px; height: 300px; background: no-repeat right bottom url(../../character/img/cha_tosanzo1.jpg); margin-bottom: 30px; }
#charatatsu			{ text-align: left; width:725px; height: 320px; background: no-repeat right bottom url(../../character/img/cha_tatsu.jpg); margin-bottom: 30px; }
#charahenso-de		{ text-align: left; width:725px; height: 380px; background: no-repeat right bottom url(../../character/img/cha_henso-de.jpg);margin-bottom: 30px; }

p.chara		{ font-size: 14px; color: #231815; line-height: 140%; width: 500px; margin-left: 45px; }
.lead		{ margin: 15px auto; text-align: left; width: 725px; }
.chartitle  { margin: 0 0 10px 0; padding: 0; }


#gotop	{ text-align: right; padding-right: 20px; height: 50px; }
#gopage	{ text-align: right; padding-right: 20px; margin-bottom: 20px; }

#box1	{ width: 680px; margin: 15px auto 0; }
#box2	{ margin-left: 45px; margin-top: 30px; }
#box3	{ width: 100%; }
#pagetop	{ text-align: right; margin-right: 75px; margin-top: 45px; height: 40px; }
#para1	{ width: 300px; margin-top: 10px; margin-left: 20px; float:left; }
.chara_subtitle  { font-size:14px; color:#000; font-weight:bold; margin:5px 0px 0px 10px;}

.pTitle2	{ clear: both; margin: 0px 20px 0px 20px; padding: 30px 0px 0px 10px; text-align: left; background: repeat-x url("../../character/img/lne.gif"); }
.pTitle3	{ margin: 0px 20px 0px 20px; padding: 30px 0px 0px 10px; text-align: left; }

#lnavi	{ margin: 0 15px 10px; text-align: right; }


/* ---- product ---- */

.lm10	{ margin-left: 10px; }
.lm15	{ margin-left: 15px; }
.lm20	{ margin-left: 20px; }
.lm30	{ margin-left: 30px; }
.lm45	{ margin-left: 45px; }
.lm70	{ margin-left: 70px; }
.lm160	{ margin-left: 160px; }
.tm20	{ margin-top: 20px; }
.tm30	{ margin-top: 30px; }
.tm40	{ margin-top: 40px; }
.tm60	{ margin-top: 60px; }
.rm20	{ margin-right: 20px; }
.mp0	{ margin: 0px; padding: 0px; }
.bm30	{ margin-bottom: 30px; }

.pline	{ width: 650px; padding-top: 10px; }

.pTitle	{ margin: 30px 20px 0px 20px; padding: 50px 0px 0px 10px; text-align: left; background: repeat-x url("../../character/img/lne.gif"); }
.left	{ text-align: left; }
.right	{ text-align: right; }
.center	{ text-align: center; margin: 0 auto; }

.arrow	{ margin-top: 115px; margin-left: 10px; float: left; }


/* ---- story ---- */

.p_box	{ clear: both; margin: 30px 20px 0px 30px; padding: 30px 0 0 60px; background:  repeat-x url("../../character/img/lne.gif"); text-align: left; }
.p_box1	{ clear: both; height: 480px; margin: 0px 20px 30px 40px; padding: 20px 0px 0px; }
.coma1	{ float: left; width: 390px; height:480px; text-align: left; background: no-repeat right bottom url("../../story/img/img03.gif"); }
.coma2	{ height:165px; text-align: left; margin: 0; padding: 100px 0 0 220px; background: no-repeat left top url("../../story/img/img04.gif"); }
.coma3	{ height:165px; text-align: left; margin: 0; padding: 100px 180px 0 0; background: no-repeat right top url("../../story/img/img05.gif"); width: 425px; }
.coma4	{ height:165px; text-align: left; margin-bottom: 30px; padding: 100px 0 0 220px; background: no-repeat left top url("../../story/img/img09.gif"); }
.coma5	{ height:165px; text-align: left; margin-bottom: 30px; padding: 100px 180px 0 0; background: no-repeat right top url("../../story/img/img14.gif"); width: 425px; }
.coma6	{ height:165px; text-align: left; margin-bottom: 30px; padding: 100px 0 0 220px; background: no-repeat left top url("../../story/img/img15.gif"); }
.coma7	{ height:165px; text-align: left; margin-bottom: 30px; padding: 100px 180px 0 0; background: no-repeat right top url("../../story/img/img16.gif"); width: 425px; }

.coma	{ float: left; width: 420px; text-align: center; }
.coma p	{ text-align: left; }
.coma_imgs	{ text-align: center; }
.coma_imgs img	{ margin: 20px; }

.coma2 p,.coma3 p,.coma4 p	{ width: 350px; }


/* ---- system ---- */

.para_l { text-align: left; margin: 20px 0 0 50px; }
.container	{ clear: both; margin: 0px 20px 30px 20px; padding: 20px 0 0; background:  repeat-x url("../../character/img/lne.gif"); }
.thum_tbl	{ text-align: center; vertical-align: top; margin: 0 auto 30px; width: 500px; }
.system_cont_max{ width:600px; margin-left:20px; margin-top:10px;}
.system_cont_max td{ vertical-align:top;}
.thum_yoko img{ margin:10px;}


/* ---- movie ---- */

.main_box	{ width: 580px; text-align: center; margin: 30px auto 0; }
.left_box	{ float: left; text-align: left; margin: 0 0 30px; }
.right_box	{ float: right; text-align: left;  margin: 0 0 30px; }
.rights		{ clear: both; }

/*campain*/
.main_box_campain	{ width: 100%; text-align: center; margin: 30px auto 0; }

/* ---- comic --- */
#comic_a    { text-align:left; margin:0 20px 0 20px;}
#comic_title{ text-align:left;}
.tm40b  	{ margin-top: 40px; text-align:left;}
p.com       { text-align: left; margin: 0 0 0 50px; }
p.com2      { text-align: left; margin: 30px 0 20px 50px; }
p.com3      { text-align: right; margin: 10px 10px 0 0; font-size:10px;}
#comic_bg   { background-image: url(../../comic/img/fukidashi.gif); width:306px; height:164px;}