/* twituserto */

span.kurokiirohaikeib20 {
background-color: #ffff00;
font-weight: bold;
font-size: 20px;
}

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

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

span.kurokiirohaikeib {
background-color: #ffff00;
font-weight: bold;
}

span.bkdi2 {
background-color: #99cccc;
}

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

span.tokutenp1{
background-color: #ff99ff;
font-weight: bold;
}

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

span.akabig30 {
font-weight: bold;
color: #ff0000;
font-size: 30px;
}

span.bb20 {
font-weight: bold;
font-size: 20px;
}

span.akabig25 {
font-weight: bold;
color: #ff0000;
font-size: 25px;
}

span.kiirohaikeibbra {
background-color: #ffff00;
font-weight: bold;
color: #000000;
}

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

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

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

span.mizuirokeikou {
background-color: #99ffff;
}

span.performancerank {
color: #329832;
font-weight: bold;
}


/* パソコン適用 */

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

body {
margin: 0;
background-color: #ccffcc;
text-align: center;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

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

h1 {
background-color: #003333;
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
margin: 0;
font-size: 17px;
color: #ffffff;
}

div.igaitait1 {
width: 800px;
background-color: #ffffff;
}

div.bkgd4 {
width: 760px;
height: 4500px;
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;
}

div.bkgisitehensen {
line-height: 1.8;
}


h2 {
background-image: url(../img/2/article1.png);
padding-top: 5px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 5px;
border-top: 3px #0099cc solid;
border-left: 3px #ffcc33 solid;
border-right: 3px #ffcc33 solid;
border-bottom: 3px #ffcc33 solid;
font-size: 18px;
font-weight: bold;
color: #ffffff;
}

h3 {
background-image: url(../img/2/h3.gif);
background-repeat: no-repeat;
width: 760px;
padding-top: 2px;
line-height: 42px;
text-indent: 50px;
font-size: 18px;
font-weight: bold;
text-align: left;
}

h4 {
background-color: #ccff99;
font-size: 17px;
font-weight: bold;
}

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

span.syokaiunbb19 {
font-weight: bold;
font-size: 19px;
}

span.syokaismahofb1 {
font-weight: bold;
font-size: 20px;
}

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

}


/* スマホ適用 */

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

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

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

h1 {
background-color: #003333;
text-align: center;
margin: 0;
font-size: 14px;
color: #ffffff;
}

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

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

div.bkgisitehensen {
line-height: 1.6;
}

h2 {
background-image: url(../img/2/article1.png);
padding-top: 5px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 5px;
border-top: 3px #0099cc solid;
border-left: 3px #ffcc33 solid;
border-right: 3px #ffcc33 solid;
border-bottom: 3px #ffcc33 solid;
font-size: 16px;
font-weight: bold;
color: #ffffff;
}

h3 {
background-color: #ffffff;
border-left: 20px #00ccff solid;
border-bottom: 2px #666666 solid;
padding-top: 2px;
padding-left: 4px;
font-size: 16px;
font-weight: bold;
text-align: left;
}

h4 {
background-color: #ccff99;
font-size: 15px;
font-weight: bold;
}

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

div.smahoimage80 {
width: 80%;
}

div.twittertosmahof {
font-size: 12px;
}

span.syokaismahof0 {
font-size: 12px;
}

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

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

span.syokaibb18 {
font-weight: bold;
font-size: 15px;
}

}


<!--
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; position:relative; top:1px; left:1px; }
//-->