/* seotokuten */

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.tumasetub {
color: #003366;
font-weight: bold;
}

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

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

span.tokuten2 {
background-color: #ff3399;
font-weight: bold;
color: #ffffff;
padding-top: 1px;
padding-left: 2px;
}

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

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

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

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

span.pagerank {
background-color: #329832;
color: #ffffff;
font-weight: bold;
padding: 2px;
}

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

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

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

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

span.bb30 {
font-weight: bold;
font-size: 30px;
}


/* パソコン適用 */

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

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

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

h1 {
background-color: #eeeeee;
width: 770px;
height: 43px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 14px;
padding-left: 16px;
margin: 0;
font-size: 30px;
}

div.bkgdtokseo {
width: 800px;
height: 410px;
background-color: #ffffff;
}

div.bkgd4 {
width: 760px;
height: 13000px;
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: #cc0033;
color: #ffffff;
padding: 4px;
font-size: 20px;
font-weight: bold;
text-align: left;
}

div.tokseof2 {
background-color: #cc0033;
color: #ffffff;
padding: 4px;
font-size: 20px;
font-weight: bold;
text-align: left;
}

div.tokseost {
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.smahof14 {
font-size: 14px;
}

span.bb24 {
font-weight: bold;
font-size: 24px;
}

span.akabig40 {
font-weight: bold;
color: #ff0000;
font-size: 40px;
}

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

span.bkgd5n25 {
font-weight: bold;
color: #000099;
font-size: 25px;
}

span.bkgd5n21 {
font-weight: bold;
color: #000099;
font-size: 21px;
}

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

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

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

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

span.akabig22 {
font-weight: bold;
color: #ff0000;
font-size: 22px;
}

span.akabig23 {
font-weight: bold;
color: #ff0000;
font-size: 23px;
}

span.akabig24 {
font-weight: bold;
color: #ff0000;
font-size: 24px;
}

}


/* スマホ適用 */

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

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

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

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

h1 {
background-color: #eeeeee;
text-align: center;
margin: 0;
font-size: 20px;
}

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

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

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

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

div.tokseof2 {
background-color: #cc0033;
color: #ffffff;
padding: 2px;
font-size: 14px;
font-weight: bold;
}

div.tokseost {
background-color: #ccff99;
font-size: 14px;
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.smahotblf {
font-size: 10px;
}

span.smahof14 {
font-size: 10px;
}

div.smahosellprice {
width: 60%;
}

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

span.akabig40 {
font-weight: bold;
color: #ff0000;
font-size: 20px;
}

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

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

span.bkgd5n21 {
font-weight: bold;
color: #000099;
font-size: 15px;
}

span.tokseobkgd5n251 {
font-weight: bold;
color: #000099;
font-size: 20px;
}

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

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

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

span.akabig22 {
font-weight: bold;
color: #ff0000;
font-size: 14px;
}

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

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

}


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