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

body { color:#333333; font-size: 16px; line-height: 1.6; letter-spacing: 0; text-indent: 0;
	   margin: 0; padding: 0; border: 0; background: #fff url(../img/bg.gif);}

table { border-collapse:collapse}
td { line-height: 1.6; font-size: 16px; }

.wrapper { background:#FFFFFF; width:900px;}

.header { text-align:right; padding:30px 40px 0px 0px;}
.wel { text-align: center; font-size:24px}
address { text-align: center; color:#FFFFFF; background: #888888; font-style:normal; padding:5px}

h1 { padding:0px; margin:0px}
h2 { background:url(../img/h2.gif) no-repeat; padding:0px 0px 5px 30px; font-weight:bold; margin:0px; font-size:24px; }
h3 { border-bottom: dashed #999999 1px; margin:0px 0px 10px 0px; padding:0px 0px 3px 20px; font-size:18px; font-weight:bold; background:url(../img/stone_w.gif) no-repeat;}

.main { padding:30px 40px 40px 40px; text-align:left;}
.item { padding:10px 0px 0px 10px}

.p12 { font-size:12px;}
.p14 { font-size:14px;}
.p16 { font-size:16px;}
.red { color: #FF0000}
.blue { color: #3399FF}

.bg { background:#eeeeee}

.mt1 { margin-top:10px}
.mt2 { margin-top:20px}
.mb1 { margin-bottom:10px}
.mb2 { margin-bottom:20px}

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

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

#menu { text-align:left;}
#menu ul { margin:0px; padding:0px}
#menu li { margin:0px; padding:0px;list-style:none; display: inline;}
.m_on { position: relative; top: 28px; left: 0px;}
.navi_line { background:#243771}

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

.photo { float:right; margin:5px 0px 0px 15px}

#history { margin:10px 0px 10px 0px; padding:10px; border:solid 1px #999999; background:#F5F5F5}
#history ul { margin:0px 0px 0px 10px; padding:0px}
#history li { margin:0px; padding:0px 0px 5px 15px; float: left; list-style:none; width: 63px; vertical-align:top; background:url(../img/stone_s.gif) no-repeat}

#info { padding:0px 0px 0px 10px}
#info ul { margin:0px; padding:0px}
#info li { margin:0px 0px 10px 0px; padding:0px 0px 0px 20px; list-style:none; background:url(../img/stone_w.gif) no-repeat}

#contact { margin:0px}
#contact .dl_flo { padding-top: 5px;}
#contact .dl_flo dt { padding-left: 10px; font-weight: bold; border-left: 3px solid #999999; line-height: 1; margin-bottom: 1em; float: left; width: 9em; clear: left;}
#contact .dl_flo dd { margin: -.3em 0 1em 9em;}

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

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

.h_r { float:right; width:195px; margin-top:-5px}
.h_l { float:left; width:580px; margin-top:-5px}
.h_title { width:570px;}

.h_r_1 { float:right; width:260px; margin-top:-5px}
.h_l_1 { float:left; width:520px; margin-top:-5px}

#howto { margin:0px; padding:0px;}
#howto ul { margin:0px 0px 0px 10px; padding:0px}
#howto li { margin:0px; padding:0px 0px 5px 18px; background:url(../img/stone_s.gif) no-repeat; list-style:none}

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

.t200_r { float:right; width:200px; padding:10px 0px 0px 0px;}
.t200_l { float:left; width:580px; padding:10px 0px 0px 10px;}
.t400_r { float:right; width:400px; padding:10px 0px 0px 0px;}
.t400_l { float:left; width:380px; padding:10px 0px 0px 10px;}
.t_all { padding:0px 0px 0px 10px}

.line { background:url(../img/line.gif) no-repeat; margin:10px 0px -10px 0px}
.page_top { background:url(../img/sankaku_top.gif) no-repeat; padding:1px 0px 0px 20px;}
.page_back { background:url(../img/sankaku_back.gif) no-repeat; padding:1px 0px 0px 20px;}