body {
 margin : 0;
 padding : 0;
 color : #663300;
 background : #ffffff;
 text-align : center;
}

img {
 border : none;
}

img.l {
 float : left;
}

img.r {
 float : right;
}

a {
  color : #7B3400;
}

a:hover {
  color : #FF6C02;
}

li {
 margin : 8px 4px 8px 4px;
}

#wrapper {
 text-align : center;
 width : 778px;
 margin : 0px auto 0 auto;
 padding : 0;
 background : #ffffff;
}

body #wrapper p {
 text-align : left;
}

#toppain {
 position : relative;
 background : #ffffff url(images/topain_bg.jpg) 0 0 no-repeat;
 margin : 0;
 padding : 0 5px 0 0;
 height : 134px;
}

#toppain #csp {
 position : absolute;
 top : 25px;
 left : 42px;
}

#toppain h1 #logo {
 position : absolute;
 top : 15px;
 left : 308px;
}

#toppain #desc {
 position : absolute;
 top : 80px;
 left : 308px;
}

h1 {
 margin : 0;
 padding : 0;
 font-size : 1px;
}

#menu {
 margin : 0;
 padding : 0 5px 0 5px;
 background : #ffffff url(images/menu_bg.jpg) 0 0 no-repeat;
 height : 40px;
}

#menu li {
 display : inline;
 padding : 0 2px 0 0;
 overflow : hidden;
 margin : 0;
}

#contents {
 margin : 0 auto 0 auto;
 padding : 4px 5px 0 5px;
 background : #ffffff url(images/main_bg.jpg) 0 0 repeat-y;
}

#contents * {
 text-align : left;
}

address {
 margin : 0;
 padding : 12px 5px 8px 5px;
 text-align : center;
 background : #ffffff url(images/addr_bg.jpg) 0 0 no-repeat;
 text-decoration : none;
 font-style : normal;
 font-size : 80%;
}

#contents h2 {
 margin : 16px 15px 4px 15px;
 padding : 0;
}

#contents p {
 font-size : 80%;
 margin : 4px 20px 4px 20px;
 padding : 0;
 line-height : 1.5em;
}

#contents p.links a {
 padding : 4px 8px 4px 2px;
}

hr {
  margin : 16px 24px 16px 24px;
}

#main-menu {
 position : relative;
 margin : 24px auto 0 auto !important;
 margin : 24px 0 0 0;
 padding : 0;
 background : url(images/main_menu_bg.gif) 0 0 no-repeat;
 width : 578px;
 height : 288px;
}

#main-menu li {
 display : inline;
 margin : 0;
}

#main-menu li a img#mm1 {
 position : absolute;
 left : 43px;
 top : 249px;
}

#main-menu li a img#mm2 {
 position : absolute;
 left : 19px;
 top : 62px;
}

#main-menu li a img#mm3 {
 position : absolute;
 left : 19px;
 top : 142px;
}

#main-menu li a img#mm4 {
 position : absolute;
 left : 353px;
 top : 249px;
}

#main-menu li a img#mm5 {
 position : absolute;
 left : 327px;
 top : 62px;
}

#main-menu li a img#mm6 {
 position : absolute;
 left : 327px;
 top : 142px;
}

#contents h3 {
 margin : 16px 4px 4px 4px;
 padding : 4px 8px 4px 48px;
 font-size : 100%;
 background : url(images/h3.gif) 18px 1px no-repeat;
 text-align : left;
}

#contents h4 {
 margin : 16px 4px 4px 4px;
 padding : 4px 8px 4px 24px;
 font-size : 100%;
 text-align : left;
}

#contents h5 {
 margin : 16px 4px 4px 4px;
 padding : 4px 8px 4px 24px;
 font-size : 95%;
 text-align : left;
}

#contents p.en {
 text-indent: 0;
 color : #2030c0;
}

#contents p.sm {
 text-indent: 0;
}

#contents ol {
 text-align : left;
 line-height : 1.5em;
 margin : 1em 12px 1em 12px;
 padding : 0 20px 0 42px;
 list-style-position : outside;
}

#contents dl {
 text-align : left;
 line-height : 1.5em;
 margin : 1em 12px 1em 12px;
 padding : 0 20px 0 20px;
}


#contents p.sig {
 text-align : right;
 font-size : 80%;
}

#contents p.img {
 padding : 0;
 width : auto;
 margin : 32px 0 32px 0;
 text-align : center;
 text-indent: 0;
}

#contents .call {
 width : 580px;
 margin : 48px auto 0 auto;
 padding : 0;
}

#contents .call h3 {
 margin : 0;
 padding : 0;
 text-align : left;
 overflow : hidden;
 height : 35px;
}

#contents .call div {
 text-align : center;
 margin : 0;
 padding : 4px 4px 12px 4px;
 background : url(images/call_bg.gif) 0 100% no-repeat;
}

#contents .call div p {
 margin : 0 12px 0 12px;
 font-size : 80%;
 text-align : center;
}

#contents .call div p.tel {
 font-size : 170%;
 color : #ff6600;
}

div#contents .desc-box {
 width : 580px;
 padding : 0 0 16px 0;
 margin : 0 auto 0 auto;
 background : url(images/h2area_bottom.gif) 0 100% no-repeat;
}

div#contents .desc-box h2 {
 text-align : left;
 font-size : 14px;
 height : 33px;
 margin : 18px 0 0 0 ;
 padding : 3px 0 0 27px;
 background : url(images/h2area_top.gif) 0 0 no-repeat;
 overflow : hidden;
}

div#contents .desc-box p {
 font-size : 80%;
 background : url(images/h2area_bg.gif) 0 0 repeat-y;
 margin : 0;
 padding : 4px 12px 0 12px;
}

div#contents .desc-box p.notice {
 font-weight : normal;
 font-size : 80%;
}

div#contents .desc-box2 {
 width : 580px;
 padding : 0 0 16px 0;
 margin : 0 auto 0 auto;
 background : url(images/h2area2_bottom.gif) 0 100% no-repeat;
}

div#contents .desc-box2 h2 {
 text-align : left;
 font-size : 14px;
 height : 33px;
 margin : 18px 0 0 0 ;
 padding : 3px 0 0 27px;
 background : url(images/h2area2_top.gif) 0 0 no-repeat;
 overflow : hidden;
}

div#contents .desc-box2 p {
 font-size : 80%;
 background : url(images/h2area2_bg.gif) 0 0 repeat-y;
 margin : 0;
 padding : 4px 12px 0 12px;
}

div#contents .desc-box2 p.notice {
 font-weight : normal;
 font-size : 80%;
}

div#contents .desc-box3 {
 position : relative;
 width : 580px;
 height : 125px;
 padding : 0 0 0 0;
 margin : 48px auto 32px auto;
 background : url(images/h2area3_bg.gif) 0 100% no-repeat;
}

div#contents .desc-box3 h2 {
 position : absolute;
 left : 25px;
 top : 2px;
 margin : 0;
 padding : 0;
}

div#contents .desc-box3 #catch {
 position : absolute;
 left : 81px;
 top : 38px;
}

div#contents .desc-box3 p#go {
 position : relative;
 left : 0px;
 top : 96px;
 font-size : 80%;
 text-align : center;
 margin : 0;
 paddgin : 0;
}


div#contents .desc-box p.status {
 background : transparent;
 width : 100%;
 margin : 0;
 padding : 0;
 font-size : 100%;
 text-align : right;
 font-weight : bold;
 position : absolute;
 top : 8px !important;
 top : 26px;
 left : -12px;
 color : #ff0000;
}

div#contents .desc-box ul {
 font-size : 80%;
 background : url(images/h2area_bg.gif) 0 0 repeat-y;
 padding : 0;
 margin : 0;
 text-align : center;
}

div#contents .desc-box ul li {
 list-style : none;
 margin : 0 2px 0 10px;
 padding : 0;
 display : inline;
}

div#contents .desc-box ul li a {
 background : url(images/list.gif) 0 0 no-repeat;
 padding : 0 0 0 16px;
}

div#contents .desc-box ul li a:hover {
 background : url(images/list.gif) 0 -64px no-repeat;
 padding : 0 0 0 16px;
}

div#contents .desc-box ul li strong {
 background : url(images/list.gif) 0 0 no-repeat;
 padding : 0 0 0 16px;
}

div#contents .desc-box ul li img {
 position : relative;
 top : 4px;
 left : 4px;
}

div#contents .desc-box hr {
 display : block;
 background : #ff0000 url(images/h2area_bg.gif) 0 0 repeat-y;
 clear : both;
}

#contents p.ret {
 text-indent: 0px;
 text-align : right;
 font-size : 80%;
 font-weight : bold;
 width : 580px;
 margin : 0 auto 0 auto;
 padding : 0;
}

#contents p.ret img {
 padding-top : 12px;
 position : relative;
 top : 2px;
 left : -2px;
}

#contents p.ret2 {
 text-indent: 0px;
 text-align : center;
 font-size : 80%;
 font-weight : bold;
 margin : 0 auto 0 auto;
 padding : 0;
}

#contents p.ret2 img {
 padding-top : 12px;
 position : relative;
 top : 2px;
 left : -2px;
}

div#contents ul.menu {
 font-size : 80%;
 padding : 0;
 margin : 0 auto 0 auto;
 text-align : center;
 position : relative;
 left : 0 !important;
 left : -16px;
}

div#contents ul.menu li {
 list-style : none;
 margin : 0 2px 0 10px;
 padding : 0;
 display : inline;
}

div#contents ul.menu li a {
 background : url(images/list.gif) 0 0 no-repeat;
 padding : 0 0 0 16px;
}

div#contents ul.menu li a:hover {
 background : url(images/list.gif) 0 -64px no-repeat;
 padding : 0 0 0 16px;
}

div#contents ul.menu li strong {
 background : url(images/list.gif) 0 0 no-repeat;
 padding : 0 0 0 16px;
}

div#contents ul.menu li img {
 position : relative;
 top : 4px;
 left : 4px;
}

ol li ol li {
}

table.t1 {
 border : #808040 solid 1px;
 margin : 4px;
}

table.t1 tbody td {
 width : 12em;
}

table.std {
 border : #808040 solid 1px;
 border-collapse : collapse;
 margin : 1em 32px 1em 32px;
}

table.std tbody td {
 border : #808040 solid 1px;
 padding : 4px;
}


#contents li p {
 font-size : 80%;
 text-indent: 0;
 margin : 4px;
}

#contents p.strong {
 background : #fff0f0;
 margin : 4px 48px 4px 48px;
 padding : 8px;
}


table#lib {
 margin-left : 12px;
}


