/* CSS Document */

@charset "shift_jis";
*{
margin:0; padding:0;
}


html{
background:url(../../interview/images/bg.gif) center top repeat;
overflow-y: scroll;
height:100%;

background-color:#333333;
}





body{
background:url(../../interview/images/bg_box.jpg) center top repeat-y;



	font: 100%;
	margin: 0;
	padding: 0;
	text-align: center;


	margin-left:auto;
	margin-right:auto;
}

#footer_bg{

background:url(../../interview/images/bg_foter.gif) center top no-repeat;

	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding:0;
	text-align: center;



}




#container{

margin-top: 0px;
	margin-bottom:0;
	padding:0;
	line-height: 100%;
	text-align: center;
	font-size: 12px;
	margin-left:auto;
	margin-right:auto;

}
#all_top{

background-color:#FFFFFF;
width:956px;

padding:0;
margin:0px;

	margin-left:auto;
	margin-right:auto;

}




#all{
height:100%;
background-color:#FFFFFF;
width:956px;
padding:0;
margin:0;

}



h1{
font-size:0px;
line-height:0px;
padding:0px;
margin:0px;

}
h2{
font-size:0px;
line-height:0px;
padding:0px;
margin:0px;

}

#left{
float:left;
padding:0px;
margin:0px;

}

#right{
float:right;
padding:0px;
margin:0px;
}


#menu{
float:left;

width:318px;
padding:0 0 2297px 0px;
margin:0px;
background:url(../../interview/images/bg_left.jpg) bottom no-repeat;
}




#menu_2{
float:left;

width:318px;
padding:0 0 800px 0px;
margin:0px;
background:url(../../interview/images/bg_left_s.jpg) bottom no-repeat;
}


#menu2_1{
float:left;

width:318px;
padding:0 0 2297px 0px;
margin:0px;
background:url(../../interview/images2/bg_left.jpg) bottom no-repeat;
}




#menu2_2{
float:left;

width:318px;
padding:0 0 1122px 0px;
margin:0px;
background:url(../../interview/images2/bg_left2.jpg) bottom no-repeat;
}

#menu2_3{
float:left;

width:318px;
padding:0 0 1158px 0px;
margin:0px;
background:url(../../interview/images2/bg_left3.jpg) bottom no-repeat;
}

#menu3_1{
float:left;

width:318px;
padding:0 0 1842px 0px;
margin:0px;
background:url(../../interview/images3/bg_left.jpg) bottom no-repeat;
}





#menu3_2{
float:left;

width:318px;
padding:0 0 1548px 0px;
margin:0px;
background:url(../../interview/images3/bg_left2.jpg) bottom no-repeat;
}














#left_bar_m{
float:left;
background:url(../../interview/images/left_bar.jpg) left top no-repeat;

padding:0 0 0 41px;
}






#main_all{
float:left;

}


#center_bar_m{
float:left;
width:40px;
}


.left_menu{
width:598px;
text-align:left;
padding:0px;
margin:0px;
clear:both;

}


#tx_zone{
width:596px;
background:#FFFFFF repeat-y;
padding:15px 42px 0px 0px ;
text-align:left;
font-size:14px;
line-height:20px;
letter-spacing:2px;
color:#666666;


}

hr{
clear:both;
display:block;
paddin:60px 0 0 0;
border:1px solid #ffffff;
margin: 0;
line-height:100;
}

h4{
font-size:14px;
font-weight:normal;
color:#666666;
letter-spacing:2px;

/*margin:0px 0 30px 0;*/
margin:0px 0 0px 0;
padding: 0px 0 30px 0;

}

#bt_box{
width:596px;

}

#bt_box_mac{
width:926px;

}

.mac_topp{
padding-top:10px;

}

.bt_box_c{
float:left;
}

.bt_box_c_mac{
float:left;
padding-left:30px;
}

.bt_box_c_namco{
float:left;
padding-left:5px;
}

#right_bt{
text-align:right;
float:right

}

#f_txb{
padding:50px 0 0 0;

}

#f_txb2{
padding:0px 0 0 0;

}


.tx_main{
padding:30px 0 0 0;

background-color:#FFFFFF;
}


.tx_main2{
padding:30px 0 0 0;

}


.name{
float:left;
width:50px;

}

.tx_name{
float:left;
width:538px;
}

#bgk_right{
float:left;
}

.clear{
clear:both;

}


#bt_story{

float:left;
}



#bt_chara{

float:left;
}

#bt_action{

float:left;
}

/* サブページ */



#all_top2{

width:960px;
padding:0px;
margin:0px;

margin-left:auto;
margin-right:auto;

}



#footer_bg2{

background:url(../../about_keroro/images/sabu/bg_sabufotter.gif) center top repeat;

	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	padding:0;
	text-align: center;



}


#top_menu{
width:960px;
padding:0px;
margin:0px;
}




#bt_s_story{
background-image:url(../../about_keroro/images/sabu/img_02.gif);
padding:0 0 0 37px ;
float:left;
width:290px;
}



#bt_s_character{
float:left;
width:305px;
}


#bt_s_action{
float:left;
background-image:url(../../about_keroro/images/sabu/img_02.gif);
padding:0 37px 0 0;
width:291px;
}


#footer_bt{
text-align:right;
padding:10px 30px 0 0 ;

background:url(../../about_keroro/images/sabu/bg_sabufotter.gif) center top repeat;
height:38px;


}



#bt_top{
float:right;

}


#bt_next{
float:right;
padding:0 0 0 10px;
}

#bt_back{
float:right;
padding:0 10px 0 0;
}

/* ストーリー */
#story_koko{
text-align:left;

background-color:#FFFFFF;
padding:0 0 0 40px;

}



/* キャラクター */

#name_shoutai{
padding:0px;
margin:0px;

}

.all_chara{
float:left;
padding:0px;
margin:0px;

}

#chara_koko{
text-align:left;

background-color:#FFFFFF;
padding:0 0 0 330px;

}

#chara_bt_under{
width:960px;

}

#table_chara{
 height:155;
 width:960;
 padding:0px;
 marign:0px;

}

.b_left{
float:left;

}

.b_center{
float:left;

}

.b_right{
float:left;

}


#swf_kisi{
background-color:#000000;

}


/* アクション */
#action_koko{
text-align:left;

background-color:#FFFFFF;
padding:0 0 0 650px;

}

#bg_action{
background:url(../../about_keroro/images/action/bg_action.jpg) top center no-repeat;
width:960px;
height:800px;

}