/* successprogram */

span.redbig {
font-weight: bold;
color: #ff0000;
}

span.redbig18 {
font-weight: bold;
color: #ff0000;
font-size: 18px;
}

span.konbig {
font-weight: bold;
color: #000099;
}

span.haikeiyellow {
background-color: #ffff00;
}

span.bkgd2 {
font-weight: bold;
color: #cc0099;
}

span.setumeidasibig {
color: #003366;
font-weight: bold;
}

img.yoi1 {
vertical-align: 8px;
}

span.brackbig16 {
font-size: 16px;
font-weight: bold;
}

span.brackbig18 {
font-size: 18px;
font-weight: bold;
}

span.stpigbig {
color: #ff3366;
font-weight: bold;
}

span.stpigbig18 {
color: #ff3366;
font-weight: bold;
}

span.konbig24 {
font-weight: bold;
color: #000099;
font-size: 24px;
}

span.greenbig {
font-weight: bold;
color: #009900;
}

span.orange {
font-weight: bold;
color: #ff6600;
}


/* パソコン適用 */

@media screen and (min-width: 641px) {

body {
margin: 0;
background-image: url(img/bgnetzyohobasiccourse.png);
text-align: center;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

#container {
width: 800px; /* ページの幅 */
margin: 0 auto; /* センタリング */
border-left: 2px #cccccc solid; /* 左の境界線 */
border-right: 2px #cccccc solid; /* 右の境界線 */
}

h1 {
background-color: #0088ff;
color: #ffffff;
width: 770px;
height: 23px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 15px;
padding-left: 15px;
margin: 0;
font-size: 17px;
}

div.hed {
width: 800px;
height: 720px;
background-color: #ffffff;
}

div.sucsoco {
width: 760px;
height: 6500px;
background-color: #ffffff;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 12px;
padding-left: 20px;
font-size: 15px;
line-height: 1.5;
text-align: left;
}

h2 {
background-color: #ff3366;
color: #ffffff;
padding: 4px;
font-size: 20px;
font-weight: bold;
text-align: left;
}

div.tokutittle {
font-size: 17px;
font-weight: bold;
color: #ffffff;
padding: 10px 10px 10px 10px;
text-align: left;
background-color: #cc0033;
}

div.tokuten{
line-height:140%;
font-size: 13px;
margin: 0px 0px 30px 0px;
padding: 20px 20px 15px 10px;
border: 3px solid #cc0033;
overflow: auto;
clear:both;
word-break: break-all;
}

div.copyright1cam {
width: 792px;
height: 18px;
background-color: #003366;
padding: 4px;
text-align: center;
color: #ffffff;
font-size:14px;
}

span.konbig18 {
font-weight: bold;
color: #000099;
font-size: 18px;
}

}


/* スマホ適用 */

@media screen and (max-width: 640px) {

img {
height: auto;
max-width: 100%;
}

body {
margin: 0;
background-image: url(img/bgnetzyohobasiccourse.png);
text-align: center;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

#container {
width: 92%; /* ページの幅 */
margin: 0 auto; /* センタリング */
}

h1 {
background-color: #0088ff;
color: #ffffff;
text-align: center;
margin: 0;
font-size: 15px;
}

div.hed {
width: 100%;
height: auto;
background-color: #ffffff;
}

div.sucsoco {
width: 100%;
height: auto;
background-color: #ffffff;
padding-top: 12px;
padding-bottom: 20px;
line-height: 1.4;
text-align: left;
font-size: 12px;
}

div.sucsocowaku {
padding-right: 8px;
padding-left: 8px;
}

h2 {
background-color: #ff3366;
color: #ffffff;
padding: 3px;
font-size: 17px;
font-weight: bold;
text-align: left;
}

div.tokutittle {
font-size: 14px;
font-weight: bold;
color: #ffffff;
padding: 5px 5px 2px 5px;
text-align: left;
background-color: #cc0033;
}

div.tokuten{
line-height:140%;
font-size: 10px;
margin: 0px 0px 30px 0px;
padding: 10px 5px 10px 5px;
border: 3px solid #cc0033;
overflow: auto;
clear:both;
word-break: break-all;
}

div.copyright1cam {
width: 100%;
height: auto;
background-color: #003366;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
color: #ffffff;
font-size:10px;
}

div.smahotblf {
font-size: 10px;
}

div.smahotblf1 {
font-size: 11px;
}

input.short {
width: 92%;
}

input.long {
width: 92%;
}

input.smahofreemailcoursebutton {
width: 60%;
}

span.konbig18 {
font-weight: bold;
color: #000099;
font-size: 16px;
}

}


<!--
a:link { text-decoration:underline; color:#0000ff; }
a:visited { text-decoration:underline; color:#6600ff; }
a:active { text-decoration:underline; color:#000080; }
a:hover { text-decoration:none; color:#ff0000; }
//-->