@charset "Shift_JIS";

*, p, h1, h2, h3, h4, h5, h6, input, textarea, ul, ol, li, address, td, th, caption, dl, dt, dd {
margin:0;
padding:0;
text-align:left;
line-height:150%;
}

caption {
text-align:center;
}

address {
font-style:normal;
}

img, h1 {
font-size:0;
line-height:0;
border:0;
}

a {
color:#FF0000;
}

.clearfix:after,
#header:after,
#main:after,
#main-contents:after, 
#second #header ul:after
.block:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

#top, #second {
width:770px;
margin:0 auto;
padding:0 10px;
background : url(body_bg.jpg) repeat-y;
}

/* header ---------------------------------------------------------------*/

#header {
width:750px;
height:106px;
}

#header ul#menu {
height:50px;
background : url(menu_img.gif) no-repeat;
}

#header ul#menu li {
float:left;
list-style:none;
padding:6px 1px 6px 7px;
text-indent:-9999px;
}

#header ul#menu li a {
display:block;
width:176px;
height:36px;
text-decoration:none;
border:solid 1px #73a8d7;
}

#header ul#menu li#menu_01 a {
background : url(menu_2nd_01.jpg) no-repeat;
}

#header ul#menu li#menu_01 a:hover {
background : url(menu_2nd_01h.jpg) no-repeat;
}

#header ul#menu li#menu_02 a {
background : url(menu_2nd_02.jpg) no-repeat;
}

#header ul#menu li#menu_02 a:hover {
background : url(menu_2nd_02h.jpg) no-repeat;
}

#header ul#menu li#menu_03 a {
background : url(menu_2nd_03.jpg) no-repeat;
}

#header ul#menu li#menu_03 a:hover {
background : url(menu_2nd_03h.jpg) no-repeat;
}

#header ul#menu li#menu_04 a {
background : url(menu_2nd_04.jpg) no-repeat;
}

#header ul#menu li#menu_04 a:hover {
background : url(menu_2nd_04h.jpg) no-repeat;
}

#main {
width:750px;
}

/* main-contents -------------------------------------------------------*/

#main-contents p#thread {
margin-bottom:19px;
padding:7px;
font-size:80%;
background : url(border_01.gif) repeat-x center bottom;
}

#main-contents p#thread img {
vertical-align:middle;
height:10px;
margin-left:7px;
margin-right:7px;
}

h2 {
margin:0 46px 15px 37px;
padding:2px 0 2px 15px;
font-size:140%;
background : url(h2_bg.jpg) no-repeat;
border:solid 1px #b6c4c9;
}

h3 {
margin:0 46px 14px 38px;
padding:2px 0 2px 23px;
font-size:100%;
background : url(h3_bg.jpg) no-repeat;
border:solid 1px #b0bec3;
}

h4 {
margin:0 0 14px 0;
padding:0 4px;
font-size:100%;
font-weight:normal;
border-left:solid 3px #16a6e0;
}

#main-contents {
width:738px;
margin:0 6px;
}

#main-contents .content  {
margin:0 50px 14px 60px;
font-size:80%;
}

#main-contents p, #main-contents dl, #main-contents ul, #main-contents ol, #main-contents table {
margin-bottom:7px;
}

#main-contents a {
zoom:1;
}

#main-contents ul li {
list-style:none;
margin-top:5px;
margin-left:0.4em;
padding-left:1.6em;
background : url(list-01.gif) no-repeat left 0.4em;
}

#main-contents ul.link li {
margin-top:14px;
background : url(list-02.gif) no-repeat left 0.3em;
}

#main-contents ol li {
margin-top:5px;
margin-left:28px;
} 

#main-contents dd {
margin-left:2.2em;
} 

#main-contents table, #main-contents th, #main-contents td {
border-collapse:collapse;
}

#main-contents th, #main-contents td {
border:solid 1px #c4cbde;
}

#main-contents caption, #main-contents th, #main-contents td {
padding:4px;
}

#main-contents th {
text-align:center;
font-weight:normal;
background-color:#e6edff;
white-space:nowrap;
}

/* top ------------------------------------------------------------------*/

#top #header {
height:236px;
}

#top #header ul#menu {
float:left;
width:180px;
height:180px;
}

#top #header ul#menu li {
float:none;
list-style:none;
background-color:#0061b6;
padding:7px 7px 0 7px;
text-indent:-9999px;
}

#top #header ul#menu li a {
display:block;
width:164px;
height:46px;
text-decoration:none;
border:solid 1px #73a8d7;
}

#top #header ul#menu li#menu_01 a {
background : url(menu_01.jpg) no-repeat;
}

#top #header ul#menu li#menu_01 a:hover {
background : url(menu_01h.jpg) no-repeat;
}

#top #header ul#menu li#menu_02 a {
background : url(menu_02.jpg) no-repeat;
}

#top #header ul#menu li#menu_02 a:hover {
background : url(menu_02h.jpg) no-repeat;
}

#top #header ul#menu li#menu_03 a {
background : url(menu_03.jpg) no-repeat;
}

#top #header ul#menu li#menu_03 a:hover {
background : url(menu_03h.jpg) no-repeat;
}

#top #header ul#menu li#menu_01 {
padding-top:11px;
}

#top #header ul#menu li#menu_03 {
padding-bottom:11px;
}

#top #header img#header_img {
float:right;
}

#top #main-contents p#thread {
padding:2px 7px;
margin-bottom:0;
background:none;
}

#top #main-contents {
float:right;
width:540px;
margin:5px 20px 10px 0;
display:inline;
}

#top #main-contents div.content {
position:relative;
margin:0 0 10px 0;
padding:0 0 7px 0;
border:solid 4px #dedede;
}

#top #main-contents div.content h2 {
margin:0;
padding:2px 10px;
font-size:130%;
font-weight:bold;
border:none;
color:#0033cc;
background : url(border_01.gif) repeat-x center bottom;
}

#top #main-contents div.content .side-link {
position:absolute;
right:7px;
top:0.3em;
}

#top #main-contents div.content div.column {
margin:0 7px 0 35px;
padding:7px 0 0 0;
}

#top #main-contents div.content div.column p, #top #main-contents div.content div.column ul, #top #main-contents div.content div.column ol {
margin-bottom:0;
}

#top #main-contents div.content div.column ul li, #top #main-contents div.content div.column ol li {
margin-top:5px;
}

#top #main-contents div.content table {
margin-left:auto;
margin-right:auto;
}

#top #main-contents div.content table caption, #top #main-contents div.content dl {
margin-top:7px;
}

/* side conents --------------------------------------------------------*/

#side {
float:left;
width:166px;
padding:7px;
display:inline;
}

#pamph {
background : url(bg_pamph.gif) repeat-x;
padding:9px 6px 13px 10px;
font-size:80%;
border:solid 1px #94aebd;
zoom:1;
}

#pamph img {
margin:auto;
}

#pamph p {
width:110px;
margin:0 auto;
color:#FF0000;
text-align:center;
}

a#search {
display:block;
width:148px;
height:32px;
margin-top:15px;
text-indent:-9999px;
background : url(search.gif) no-repeat;
}

a#search:hover {
background : url(search_h.gif) no-repeat;
}

#contact {
margin-top:20px;
padding:5px 1px;
background:#faf0e3;
}

#contact p {
font-size:90%;
}

#contact address {
padding:0 5px 5px 5px;
font-size:80%;
}

/* footer --------------------------------------------------------------*/

#footer {
width:750px;
}

#footer p {
text-align:center;
color:#FFFFFF;
font-size:80%;
background-color:#2679c1;
}


/* etc. ------------------------------------------------------------------*/

.block, .w1090 {
width:100%;
margin-top:7px;
}

.float-l {
float:left;
text-align:left;
}

.float-r {
float:right;
text-align:left;
}

.w5050 .float-l, .w5050 .float-r, .w50 {
width:49%;
}

.w4060 .float-l, .w6040 .float-r, .w40 {
width:39%;
}

.w4060 .float-r, .w6040 .float-l, .w60 {
width:59%;
}

.w3070 .float-l, .w7030 .float-r, .w30 {
width:29%;
}

.w3070 .float-r, .w7030 .float-l, .w70 {
width:69%;
}

.w2080 .float-l, .w8020 .float-r, .w20 {
width:19%;
}

.w2080 .float-r, .w8020 .float-l, .w80 {
width:79%;
}

.w1090 .float-l, .w9010 .float-r, .w10 {
width:9%;
}

.w1090 .float-r, .w9010 .float-l, .w90 {
width:89%;
}

.w0595 .float-r, .w9505 .float-l, .w95 {
width:94%;
}

.w4555 .float-l, .w5545 .float-r, .w45 {
width:44%;
}

.w3565 .float-l, .w6535 .float-r, .w35 {
width:34%;
}

.w4555 .float-r, .w5545 .float-l, .w55 {
width:54%;
}

.w2575 .float-l, .w7525 .float-r, .w25 {
width:24%;
}

.w3565 .float-r, .w6535 .float-l, .w65 {
width:64%;
}

.w1585 .float-l, .w8515 .float-r, .w15 {
width:14%;
}

.w2575 .float-r, .w7525 .float-l, .w75 {
width:74%;
}

.w0595 .float-l, .w9505 .float-r, .w05 {
width:4%;
}

.w1585 .float-r, .w8515 .float-l, .w85 {
width:84%;
}

.w100 {
width:100%;
}

.blue01 {
color:#0033cc;
}

.blue02 {
color:#2693d0;
}

.c {
text-align:center;
margin-left:auto;
margin-right:auto;
}

.l {
text-align:left;
}

.r {
text-align:right;
}

.b {
font-weight:bold;
}

.u {
text-decoration:underline;
}

.u-d {
background : url(underline_d.gif) repeat-x center bottom;
}

#top #main-contents p.top, #second #main-contents p.top {
clear:both;
margin:14px;
font-size:80%;
text-align:right;
}

#top #main-contents p.top a, #second #main-contents p.top a {
padding-left:15px;
background-image : url(top.gif);
background-repeat:no-repeat;
background-position:0 0.3em;
}

.mt-0 {
margin-top:0;
}

.pt-0 {
padding-top:0;
}

.pd-5 {
padding:5px;
}

.pd-10 {
padding:10px;
}

.border-01 {
border:solid 1px #CCCCCC;
}

.border-02 {
border:dashed 1px #CCCCCC;
}

.border-03 {
border:double 3px #CCCCCC;
}

.nowrap {
white-space:nowrap;
}