@charset "Shift_JIS";

body {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 870px;
background-color:#ffffff;
}

#containar {
margin-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 16px;
width: 870px;
text-align: left;
position: relative;
}

#wrapper {
background-image: url(../baseimg/colkbdy.gif);
background-position: center;
background-repeat: repeat-y;
width: 870px;
z-index: 1;
}

#header {
background-image: url(../baseimg/colk_h.gif);
background-repeat: no-repeat;
background-position: center top;
padding-top: 0px;
width: 100%;
height: 190px;
}
#header h1,#header h2,#header p {
top: -9999px;
left: -9999px;
position: absolute;
}

#footer {
background-image: url(../baseimg/colk_e.gif);
background-repeat: no-repeat;
background-position: center bottom;
width: 100%;
height: 31px;
}


/* レイアウト メインコンテンツ
-------------------------------------------------------- */
#main {
width: 840px;
margin-left: auto;
margin-right: auto;
padding-left: 7px;
text-align: center;
margin-top: 53px;
clear: both;
}

#leftside, #rightside {
width: 204px;
}

#center {
width: 423px;
}

#leftside, #center, #rightside {
float: left;
text-align: left;
}

/* レイアウト Left Sideコンテンツ
-------------------------------------------------------- */
#leftside {
margin-top: 300px;
}
.sidem1center {
margin-left: 5px;
margin-right: 5px;
}

#infoboad {
background-image: url(../baseimg/lessoninfo.gif);
background-position: center top;
background-repeat: no-repeat;
padding-top: 30px;
}

.leftcont1 {
background-image: url(../baseimg/slipsid1_c.gif);
width: 204px;
background-repeat: repeat-y;
}

.yellowcolumtop {
height: 10px;
width: 204px;
background-image: url(../baseimg/slipsid1_t.gif);
background-position: top;
background-repeat: no-repeat;
}
.yellowcolumbot {
height: 25px;
width: 204px;
background-image: url(../baseimg/slipsid1_e.gif);
background-position: bottom;
background-repeat: no-repeat;
}
.video {
margin-top: 3px;
margin-bottom: 10px;
}


/* レイアウト Center コンテンツ
-------------------------------------------------------- */
#flash1 {
text-align: center;
}

.centerlogo {
margin: -5px 0px 0px 18px;
}
.center1top {
width: 423px;
height: 35px;
background-image: url(../baseimg/slipctr_t.gif);
background-position: bottom center;
background-repeat: no-repeat;
}
.center_center {
background: url(../baseimg/slipctr_c.gif) repeat-y;
background-position: center;
width: 423px;
}
.center1end {
width: 423px;
height: 21px;
background-image: url(../baseimg/slipctr_e.gif);
background-position: top center;
background-repeat: no-repeat;
}

/* レイアウト Right Side コンテンツ
-------------------------------------------------------- */
.rightcont1 {
width: 204px;
background-image: url(../baseimg/slipsid2_c.gif);
background-repeat: repeat-y;
}
.graycolumtop {
height: 8px;
width: 204px;
background-image: url(../baseimg/slipsid2_t.gif);
background-position: bottom;
background-repeat: no-repeat;
}
.graycolumbot {
height: 25px;
width: 204px;
background-image: url(../baseimg/slipsid2_e.gif);
background-position: bottom;
background-repeat: no-repeat;
}

/* レイアウト Footer 
-------------------------------------------------------- */
#footer address {
margin-left: auto;
margin-right: auto;
font-size: 80%;
font-weight: bold;
text-align: center;
padding-top: 25px;
}

/* レイアウト タテナビ
-------------------------------------------------------- */
#navi-1 h2 {
top: -9999px;
left: -9999px;
position: absolute;
}
#navi-1 ul{
display: block;
top: 230px;
left: 22px;
position: absolute;
margin: 0px;
padding: 0px;
}
#navi-1 ul li {
display: block;
width: 165px;
height: 48px;
font-size: 12px;
font-weight: bold;
background : url(../baseimg/slipm1.gif) no-repeat;
}


#navi-1 ul li a {
display: block;
color: gray;
text-decoration: none;
padding: 20px 0px 0px 10px;
}
#navi-1 ul li a:hover {
display: block;
color: blue;
}

/* レイアウト ヨコナビ
-------------------------------------------------------- */
#navi-b {
clear: both;
}

#navi-b h2 {
top: -9999px;
left: -9999px;
position: absolute;
}
ul#navi-2 {
display: block;
position: absolute;
margin: 0px;
padding: 0px;
top: 182px;
left: 22px;
}
ul#navi-2 li {
display: block;
float: left;
height: 48px;
width: 166px;
font-size: 12px;
font-weight: bold;
background : url(../baseimg/slipm1.gif) no-repeat;

}
ul#navi-2 li a {

display: block;
color: gray;
text-decoration: none;
padding: 20px 0px 5px 8px;

}
ul#navi-2 li a:hover {
color: blue;
}


/* 文字レイアウト tipics news
-------------------------------------------------------- */
.spevent {
padding: 4px 15px 10px 13px;
}

h4.spevent1 {
font-size: 90%;
font-weight: bold;
line-height: 1.2em;
padding-bottom: 5px;
color: #d5a800;
text-decoration: none;
}
a {
color: orange;
}
p.spevent2 {
font-size: 80%;
font-weight: normal;
line-height: 1.3em;
padding-bottom: 5px;
color: #545453;
}


/* 文字レイアウト leftcolum
-------------------------------------------------------- */
.sidem1center h4 {
font-size: 90%;
font-weight: bold;
line-height: 1.3em;
padding-bottom: 5px;
padding-top: 5px;
color: black;
}
.sidem1center p {
font-size: 80%;
font-weight: normal;
line-height: 1.2em;
padding-bottom: 5px;
color: #64001f;
}


/* 文字レイアウト rightcolum
-------------------------------------------------------- */
.magazine {
width: 198px;
margin-top: -8px;
padding-left: 5px;
}

h4.magazine1 {
font-size: 90%;
font-weight: bold;
line-height: 1.3em;
margin-right: 10px;
padding: 5px 0px 5px 2px;
text-align: center;
color: black;
}

p.magazine1 {
font-size: 90%;
font-weight: normal;
line-height: 1.3em;
margin-right: 10px;
padding: 5px 0px 5px 2px;
text-align: center;
color: black;
}


.magazine p.magazine2 {
font-size: 80%;
font-weight: normal;
line-height: 1.2em;
padding-bottom: 5px;
color: black;
padding-left: 2px;
padding-right: 2px;
}
p.magazine3 {
font-size: 70%;
line-height: 1.2em;
padding-bottom: 5px;
color: black;
padding-left: 2px;
padding-right: 2px;
}
.img1 {
text-align: center;
}


label.maillabel {
font-size: 80%;
font-weight: bold;
color: #64001f;
}
input.magazineinput {
width: 162px;
}

h5.rl1 {
font-size: 80%;
font-weight: bold;
line-height: 1.2em;
padding-top: 8px;
color: black;
}

p.thanks {
padding-top: 3px;
padding-left: 3px;
font-size: 60%;
font-weight: 100;
}