/* Base ********************************************************************* */

table { border-collapse:collapse}

.wrapper { width:auto;}

.header { padding:20px 10px 10px 0px;}
.wel { font-size:18px}

img {max-width : 100% ;height : auto ;}

h2 { padding:2px 0px 10px 28px; font-size:20px; }
h3 { font-size:16px;}

.main { padding:10px 10px 20px 10px; text-align:left}

.sm { display: inline;}
.pc { display: none;}

div.scroll { overflow: auto; width: 100%; font-size:12px}
div.scroll table{ width:640px;}

/* *** MENU ***************************************************** */

#menu ul { margin:30px 0px 0px 0px; padding:0px}
#menu li { margin:0px 5px 5px 0px; padding:5px 0px 5px 0px; list-style:none; display: inline; width:130px; vertical-align:top; border:double 3px #333366; text-align:center}

/* *** INDEX ***************************************************** */

#history { padding:5px; }
#history ul { margin:0px 0px 0px 5px;}

.offices { width:151px; vertical-align:top; border:solid 1px #999999; text-align:center; float:none; margin:0px 0px 10px 0px; padding:10px 0px 5px 0px}
.offices_end { margin:0px }

/* How to ********************************************************************* */

.h_r { float:none; width: auto; margin-top:10px}
.h_l { float:none; width: auto; margin-top:10px}
.h_title { width: auto;}

.h_r_1 { float:none; width: auto; margin-top:10px}
.h_l_1 { float:none; width: auto; margin-top:10px}

/* Topics ********************************************************************* */

.t200_r { float:none; width:auto; text-align:center}
.t200_l { float:none; width:auto;}
.t400_r { float:none; width:auto; text-align:center}
.t400_l { float:none; width:auto;}