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/top_bg.jpg) 0 0 no-repeat;
 margin : 0;
 padding : 0 5px 0 0;
 height : 70px;
}

#toppain #csp {
 position : absolute;
 top : 0;
 left : 6px;
}

#toppain h1 #logo {
 position : absolute;
 top : 17px;
 left : 239px;
}

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 : 36px;
}

#menu li {
 display : inline;
 padding : 0 2px 0 0;
 overflow : hidden;
 margin : 0;
}

#top-contents {
 margin : 0 auto 0 auto;
 padding : 4px 5px 24px 5px;
 background : #ffffff url(images/bg.jpg) 0 0 repeat-y;
}

#contents {
 margin : 0 auto 0 auto;
 padding : 4px 5px 40px 5px;
 background : #ffffff url(images/bg.jpg) 0 0 repeat-y;
 text-align : center;
}

#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%;
}

#top-contents h2 {
 margin : 4px auto 4px auto;
 text-align : center;
 padding : 4px 4px 4px 4px;
 background : url(images/line.gif) 50% 100% no-repeat;
}



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 : 8px;
}

#main-menu li a img#mm2 {
 position : absolute;
 left : 19px;
 top : 102px;
}

#main-menu li a img#mm3 {
 position : absolute;
 left : 19px;
 top : 182px;
}

#main-menu li a img#mm11 {
 position : absolute;
 left : 353px;
 top : 182px;
}

#main-menu li a img#mm4 {
 position : absolute;
 left : 353px;
 top : 8px;
}

#main-menu li a img#mm5 {
 position : absolute;
 left : 327px;
 top : 58px;
}

#main-menu li a img#mm6 {
 position : absolute;
 left : 327px;
 top : 114px;
}

#main-menu li a img#mm7 {
 position : absolute;
 left : 327px;
 top : 170px;
}

#main-menu li a img#mm8 {
 position : absolute;
 left : 327px;
 top : 226px;
}

#contents h2 {
 margin : 16px 4px 4px 4px;
 padding : 8px 8px 8px 48px;
 font-size : 125%;
 background : url(images/h2.gif) 0 100% no-repeat;
 text-align : left;
}

#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 {
 text-align : left;
 line-height : 1.5em;
 margin : 1em 12px 1em 12px;
 padding : 0 20px 0 20px;
 text-indent: 1em;
}

#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#top-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#top-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#top-contents .desc-box h3 {
 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#top-contents .desc-box h3 a {
 display : block;
 height : 25px;
 padding-left : 22px;
 background : url(images/imglink.gif) 0 0 no-repeat;
}

div#top-contents .desc-box h3 a:hover {
 background-position : 0 -25px;
}

div#top-contents .desc-box ul {
 position : relative;
 list-style : none;
 padding : 0;
 margin : 0;
 width : 100%;
 background : url(images/h2area_bg.gif) 0 0 repeat-y;
}

div#top-contents #l1 ul {
 height : 124px;
}

div#top-contents #l2 ul {
 height : 192px;
}

div#top-contents .desc-box ul li {
 position : absolute;
}

#mmm3 {
 top : 16px;
 left : 30px;
}

#mmm2 {
 top : 16px;
 left : 318px;
}

#mmm11 {
 top : 80px;
 left : 30px;
}

#mmm5 {
 top : 16px;
 left : 30px;
}

#mmm6 {
 top : 80px;
 left : 30px;
}

#mmm7 {
 top : 144px;
 left : 30px;
}

#mmm8 {
 top : 16px;
 left : 318px;
}

#mmm9 {
 top : 80px;
 left : 318px;
}

#mmm10 {
 top : 144px;
 left : 318px;
}

div#top-contents .desc-box ul li {
 padding : 0;
 margin : 0;
}

div#top-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 {
 width : 580px;
 padding : 0 0 16px 0;
 margin : 32px auto 0px auto;
 background : url(images/h2area_bottom.gif) 0 100% no-repeat;
 position : relative;
}

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 : 100%;
 background : url(images/h2area_bg.gif) 0 0 repeat-y;
 margin : 0;
 padding : 4px 12px 0 12px;
 font-weight : bold;
 text-indent: 0;
}

div#contents .desc-box p.notice {
 font-weight : normal;
 font-size : 80%;
}

div#contents .desc-box4 {
 width : 580px;
 padding : 0 0 16px 0;
 margin : 32px auto 0px auto;
 background : url(images/h2area4_bottom.gif) 0 100% no-repeat;
 position : relative;
}

div#contents .desc-box4 h2 {
 text-align : left;
 font-size : 14px;
 height : 33px;
 margin : 18px 0 0 0 ;
 padding : 3px 0 0 27px;
 background : url(images/h2area4_top.gif) 0 0 no-repeat;
 overflow : hidden;
}

div#contents .desc-box4 p {
 font-size : 100%;
 background : url(images/h2area4_bg.gif) 0 0 repeat-y;
 margin : 0;
 padding : 4px 12px 0 12px;
 font-weight : bold;
 text-indent: 0;
}

div#contents .desc-box4 p.notice {
 font-weight : normal;
 font-size : 80%;
}



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;
}

*+html div#contents .desc-box p.status {
  top : 26px !important;
}


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 {
 margin-right : 40px;
}

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 auto 1em auto;
}

div#contents p.t-notice {
 font-size : 80%;
 text-indent : 12.5em;
}

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;
}

p strong {
 font-weight : bold;
 text-decoration : underline;
}

div#contents p.notice2 {
 font-weight : bold;
 font-size : 100%;
 color : red;
 text-indent : 0;
}

dt {
 font-weight : bold;
}

.desc-box img.confirm {
 position: relative;
 left: -20px;
}