/* P
--------ここのはlayout.cssにもあり、

layout.cssの
pのmargin-bottomを20px;と指定した場合（今は15pxに戻したが）

一番上に

<link href="../layout.css" rel="stylesheet" type="text/css">
<link href="kodukai.css" rel="stylesheet" type="text/css">

と記載しているページでは、

kodukai.cssのが上書きされ、
kodukai.cssのpが適用されるので

marigin-bottomはkodukai.cssで指定している15pxとなる
つまり、ある特定のページだけ他とは変えたい場合など
重複する要素を記載し、別の指定をしたcssを用意して上記のように書けばいい
----------------------------- */

p {margin-top:0px;margin-bottom:15px;/* 下、一行空ける、上は空けない。基本はコレ */
margin-right:20px;margin-left:20px;}
	
.pt1 {margin-top:10px;margin-bottom:0px;/* 上だけ一行、空ける*/
margin-right:20px;margin-left:20px;}
	
.pb1 {margin-top:0px;margin-bottom:10px;/* 下だけ一行、空ける */
margin-right:20px;margin-left:20px;}

.p0 {padding:0em;margin:0em;/* 一行空けない */
margin-right:20px;margin-left:20px;}

.ptop {text-indent: 1em;/* 行頭1文字分空ける*/
margin-right:20px;margin-left:20px;}



a img {
    border-style:none;
}

.no_border {
    border-style:none;
}


.p1 {padding:0em;margin:0em;/* 一行空けない */}
.pone {text-indent: 1em;/* 行頭1文字分空く*/}



/* table関連
------------------------------------- */

.tableentry { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #191970 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;} 


.tableentry TD { 
border: 1px #ffffff solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 2px 5px 2px 5px; /* セル内の余白 */ 
font-size:10pt;
color:#232323;} 

.tableentrykei { 
width: 200px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #191970 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;} 


.tableentrykei TD { 
border: 1px #191970 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 2px 5px 2px 5px; /* セル内の余白 */ 
font-size:10pt;
color:#191970;} 




.tablekeiyu { 
width: 1200px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1p#666666 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;text-align:center;} 

.tablekeiyu th { 
border: 1px #666666 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 3px; /* セル内の余白 */ 
font-size:10pt;
color:#666666;} 

.tablekeiyu td { 
border: 1px #666666 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 3px; /* セル内の余白 */ 
font-size:10pt;
color:#666666;} 

.tablekeiyu tr:hover { background-color: #ffcccc; color: #808080; }



/* 通常版、ポイントサイト紹介ページ用table------------- */

.tablepoint2,.tableslot {/* tableslotはオンラインスロットゲーム */ 
clear:both;
width: 585px; /* テーブルの横幅 */ 
border-collapse: separate; /* 枠線の表示方法 */ 
border-spacing: 0;
border-right: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-bottom: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;
} 


/* モッピー、お財布など、豪華版ポイントサイト紹介ページ用tableで、
上のにtable-layoutを入れてやると上手くいったので……
ちなみに評価のスターは133と1px小さくしないと端が消えちゃう-------------- */
.pointable {
table-layout: fixed;/* 幅が固定され、IEでズレない、width指定がうまくいく------------- */
clear:both;
width: 585px; /* テーブルの横幅 */ 
border-collapse: separate; /* 枠線の表示方法 */ 
border-spacing: 0;
border-right: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-bottom: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;
} 

.pointable td.krace,.tablepoint2 td.krace,.tableslot td.krace {
/* tablepoint2のtd内のclass名krace
------------------------------------- */
background-color: #ffffe5;
width:25%;
margin:0px;

text-indent:-1em;
padding-left:18px;
/* ◇取扱い銘柄（通貨）
   数----------
   　↑こうじゃなく

   ◇取扱い銘柄（通貨）
     数----------
     ↑こうなるように調整
   */

}


/* 更にそtdのclass名kraceのaリンク
------------------------------------- */
.pointable .krace a:link { text-decoration: underline; color: #696969;}
.pointable .krace a:visited { text-decoration: none ;color: #696969;}
.pointable .krace a:hover  { position: static; text-decoration: underline; color: #696969;}
.pointable .krace a:active  { text-decoration: underline; color: #696969;} 


.pointable td.star,.tablepoint2 td.star,.tableslot td.star  {
    background-color: #ffffe5;
    width:25%;
    margin:0px;padding-top:10px;
}

.pointable td.star2,.tablepoint2 td.star2,.tableslot td.star2  {
    background-color: #ffffff;
    width:25%;
    margin:0px;padding-top:10px;

}

.tableslot td:nth-child(1){   /* 先頭列のtd枠。
こういう感じに書けば、
上のようにtdごとにclassを指定していく必要はないんじゃないか？
 */background-color: #ffffe5;
width:25%;
margin:0px;
}

.tableslot tr:nth-child(13) td:nth-child(1) { /* メイン文章のある13行目の1列目のみホワイトに変える  */
background:#ffffff;
}
.tableslot tr:nth-child(3) td:nth-child(1) { /* 広告枠の3行目、ホワイトに変える  */
background:#ffffff;
}

.tableslot tr:nth-child(23) td:nth-child(1) { /*  広告枠の23行目、ホワイトに変える  */
background:#ffffff;
}


.tableslot tr:nth-child(24) td:nth-child(1) { /* 最後の24行目をグレイに変える  */
background:#f5f5f5;
}


.tablepoint2 TH,.pointable TH,.tableslot TH {
border-left: 1px #b2b2b2 solid;
border-top: 1px #b2b2b2 solid;
text-align:center;
background-color:#e6b422; /*  前は、#ffa500 オレンジ。　ゴールド #CAA846;に変更してみる。------- */ 
padding:3px; margin:0em;
font-size:11pt;
color:#ffffff;
font-weight:bold;} 



.tablepoint2 TH.TH2,.pointable TH.TH2,.tableslot TH.TH2 {
border-left: 1px #b2b2b2 solid;
border-top: 1px #b2b2b2 solid;
text-align:center;
background-color:#ffffff;
padding:3px; margin:0em;
font-size:10pt;
color:#232323;
font-weight:normal;} 


.tablepoint2 TH.TH3,.pointable TH.TH3,.tableslot TH.TH3{
border-left: 1px #b2b2b2 solid;
border-top: 1px #b2b2b2 solid;
text-align:center;
background-color:#cccccc;
padding:3px; margin:0em;
font-size:10pt;
color:#ffffff;
font-weight:bold;} 

.tablepoint2 TD,.pointable TD,.tableslot TD  { 
border-left: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-top: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
padding: 5px 6px; /* セル内の余白 */ margin:0em;
font-size:10pt;
color:#232323; vertical-align:top;} 


.tablepoint2 TD.fbanner1,.pointable TD.fbanner1,.tableslot TD.fbanner1{/* お友達紹介バナー内 */
text-align : center;
background-color:#d1d1d1;
margin:0em;padding-top: 14px;
}


.tablepoint2 TD.fbanner2,.pointable TD.fbanner2,.tableslot TD.fbanner2 {
text-align : center;
background-color:#ffffff;/* 背景色が違うだけ */
padding-top: 14px;
margin:0em;}


.tablepoint2 P,.pointable P,.tableslot P{margin-top:0px;margin-bottom:15px;/*tablepoint2内のP 下、一行空ける、上は空けない。 */
margin-right:20px;margin-left:20px;/* 左右20pxづつあける */}


/* メインコンテンツ内は（TD内の各サイトのポイント獲得法やらを書いているところ）以下のようにした方が見やすくなっていいかもな。
ここで背景色を変更したりもできるし、いじりたければここだけいじればいいから楽。
以下にすると上の.tablepoint2 Pは要らない*/

.tablepoint2 TD.maintext,.tableslot TD.maintext {
background-color:#ffffff;}

.tablepoint2 TD.maintext P,.tableslot TD.maintext P { line-height: 175%;
margin-top:0px;margin-bottom:15px;
margin-right:20px;margin-left:20px;
font-size:11pt;}

.tablepoint2 TD.maintext H3,.tablepoint2 TD.maintext H4,.tablepoint2 TD.maintext span,.tableslot TD.maintext H3,.tableslot TD.maintext H4,.tableslot TD.maintext span{
font-size:11pt;}



.tablepoint2 .reason {
/* tablepoint2の評価理由   以下の設定で上手くいったがやっぱなんか変なので止めることに
------------------------------------- */
background-color: #ffffff;
padding-left:47px;
margin-left:1em;
text-indent:-40px;}




/* ポイントサイトの比較ランキングなどで使うテーブル表　基本これ */ 

.tablepoint3 { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: separate; /* 枠線の表示方法 */ 
border-spacing: 0;
border-right: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-bottom: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;
} 

.tablepoint3 TH { 
border-left: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-top: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
padding: 3px; /* セル内の余白 */ 
font-size:10pt;
color:#232323;
background-color:#DEEFFF;text-align: center;} 

.tablepoint3 TD { 
border-left: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-top: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
padding: 3px; /* セル内の余白 */ padding-left:5px;
font-size:10pt;
color:#232323;} 


.tablepoint3 col {  /* 以下のCSS3「nth-child疑似クラス」で背景色を設定したため、
本当はこれはもう必要ない */
background-color:#FFFDDE;} 


.tablepoint3 td:nth-child(odd) { /* 偶数（even）列のみ背景色を変える ⇒奇数列（odd）に変更 */
    background:#f5f5f5;
}

.tablepoint3 td:nth-child(1) {     /* 先頭列のみ背景色を変える 　
tr:nth-child(2n+1) td:nth-child(4)とするなど
奇数列（tr）の4行目（td）の色やらを個別に適用できる。
また、たとえ上で奇数列（odd）の背景色を指定し（現在は、evenからoddに変更。交換先一覧の背景がグレーになってしまうので）、変更したい箇所が重複している場合は
このように後から記述した方が優先的に適用、上書き、反映される（これはCSS全般の性質）。
 */
   background: #FFFDDE;
}


.tablepoint3 TH.gray {
background-color:#EAEAEA;text-align: center;/*背景グレイ（左タイトル）--------- */
}


.tablepoint3 TH.pink { 
background-color:#fbdfe5;/*背景　ピンク--------- */
text-align: center;
}

.tablepoint3 TH.yellowc {
background-color:#FAFAD2;/*背景　イエロークリーム--------- */
text-align: center;
}


.tablepoint3 td {
text-align: right;
}

.tablepoint3 td.center {
text-align: center;/*td内を中央寄せにしたい場合*/
}
.tablepoint3 td.left {
text-align: left;/*td内を左寄りにしたい場合*/
}

.tablepoint3 td.right {
text-align: right;/*これは別に指定する必要はないが（何も指定しない場合、右寄せにしているし）*/
}


.tablepoint3 td.chuui {
    text-align:left;  background-color:#F5F5F5; padding: 8px; /*一番下の補足、注意事項のところ*/
    }

/* ポイントサイトのテーブル表　上のピンクバージョン */ 


.tableppink { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: separate; /* 枠線の表示方法 */ 
border-spacing: 0;
border-right: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-bottom: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;
} 


.tableppink TD { 
border-left: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-top: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
padding: 3px; /* セル内の余白 */ 
font-size:10pt;
color:#232323;} 


.tableppink col { 
background-color:#FFFDDE;} 


/* 退会したポイントサイトの表、シンプル地味 */ 


.tablepend { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: separate; /* 枠線の表示方法 */ 
border-spacing: 0;
border-right: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-bottom: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;
} 


.tablepend TD { 
border-left: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-top: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
padding: 3px; /* セル内の余白 */ 
font-size:10pt;
color:#232323;} 




.tablepoint0 { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #666666 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;
text-align: center;
} 

.tablepoint0 TD { 
border: 1px #666666 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 5px; /* セル内の余白 */ 
font-size:12px;
color:#666666;} 


.tablepoint1 { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: collapse;/* 枠線の表示方法 */ 
border: 1px #191970 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;} 

.tablepoint1 TD { 
border: 1px #191970 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 5px; /* セル内の余白 */ 
font-size:10pt;
color:#232323;} 


.tablepoint { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: collapse;/* 枠線の表示方法 */ 
border: 1px #232323 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;} 

.tablepoint TD { border: 1px #232323 solid;/* セルの枠線（太さ・色・スタイル） */ 
padding: 3px; /* セル内の余白 */ 
font-size:10pt;
color:#232323;} 





.tablenote { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #666666 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF; text-align: center;} 


.tablenote TD { 
border: 1px #666666 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 5px; /* セル内の余白 */ 
font-size:13px;
color:#4d4d4d;} 



.tablepointlist {
width:585px;
border-collapse: collapse; /* 枠線の表示方法 */ 
background-color:#ffffff;
border: 1px #191970 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
} 


.tablepointlist TD { 
border: 1px #191970 solid; /* セルの枠線（太さ・色・スタイル） */
padding: 3px; /* セル内の余白 */ 
font-size:11pt;} 


.tablepointa { 
width: 150px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
background-color: #f8f8ff;
border: 1px #191970 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
} 


.tablepointa TD { 
border: 1px #191970 solid; /* セルの枠線（太さ・色・スタイル） */
padding: 3px; /* セル内の余白 */ 
font-size:11pt;} 




/* ポイントサイトランキング */ 


.tableprank { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#ffffff;} 


.tableprank TD { 
border: 1px #b2b2b2 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 3px; /* セル内の余白 */ font-size:10pt;
color:#404040;line-height: 150%;} 


.primg { padding-top: 6px;
    border:0px;
    width:148px;
    float:left;
     }
     
.prtext { text-align:left;
    margin-left:150px;margin-right:5px;
     } 
         
         

.tableprank TH {
text-align:left;
border: 1px #b2b2b2 solid; 
background-color:#ffffff;
background:#CAA846;
padding:3px 3px 3px 17px;
font-size:10pt;
color:#FF7B00;
font-weight:bold;background-image: url("../img/1point/018.gif");
background-repeat: no-repeat;
background-position:2px; } 

.tableprank TH.ranking1 {
font-weight:bold;background-image: url("../img/number_crown/crown-1.gif");
padding:3px 3px 3px 28px;background-repeat: no-repeat;
background-position:2px 3px; } 

.tableprank TH.ranking2 {
font-weight:bold;background-image: url("../img/number_crown/ranking2.gif");
padding:3px 3px 3px 28px;background-repeat: no-repeat;
background-position:2px 3px;} 

.tableprank TH.ranking3 {
font-weight:bold;background-image: url("../img/number_crown/ranking3.gif");
padding:3px 3px 3px 28px;background-repeat: no-repeat;
background-position:2px 3px;} 

.tableprank TH.ranking4 {
font-weight:bold;background-image: url("../img/number_crown/ranking4.gif");
padding:3px 3px 3px 28px;background-repeat: no-repeat;
background-position:2px 3px;} 

.tableprank TH.ranking5 {
font-weight:bold;background-image: url("../img/number_crown/ranking5.gif");
padding:3px 3px 3px 28px;background-repeat: no-repeat;
background-position:2px 3px;} 


.tableprank TH.ranking6 {
font-weight:bold;background-image: url("../img/number_crown/ranking6.gif");
padding:3px 3px 3px 28px;background-repeat: no-repeat;
background-position:2px 3px;} 

.tableprank TH.ranking7 {
font-weight:bold;background-image: url("../img/number_crown/ranking7.gif");
padding:3px 3px 3px 28px;background-repeat: no-repeat;
background-position:2px 3px;} 


.tableprank TH.ranking8 {
font-weight:bold;background-image: url("../img/number_crown/ranking8.gif");
padding:3px 3px 3px 28px;background-repeat: no-repeat;
background-position:2px 3px;} 


.tableprank TH.ranking9 {
font-weight:bold;background-image: url("../img/number_crown/ranking9.gif");
padding:3px 3px 3px 28px;background-repeat: no-repeat;
background-position:2px 3px;} 



.tableprank TH.ranking10 {
font-weight:bold;background-image: url("../img/number_crown/ranking10.gif");
padding:3px 3px 3px 28px;background-repeat: no-repeat;
background-position:2px 3px;} 



.tableprank P { margin:0px;} 

.tableprank TD.mini0 { 
background-color: #FFFFE5;
width:25%;
margin:0px;
text-indent:-1em;
padding-left:18px;/* 改行されても
・求人サイト（公式
応募ページ） こうじゃなく
・求人サイト（公式
　応募ページ） こうなるように設定　
-------------------------------------*/ } 

.tableprank TD.mini { 
width:25%;
padding-left:7px;} 


.prankleft {
width:292px;
float:left;
}
.prankleft a:link { text-decoration: none; color: #ffffff;text-shadow: 1px 1px 0px #4d4d4d;/* #FF7B00前はオレンジ */}
.prankleft a:visited { text-decoration: none ;color: #ffffff;}
.prankleft a:hover  { position: static; text-decoration:none; color: #c0c0c0;}
.prankleft a:active { position: static; text-decoration:none; color: #c0c0c0;} 

.prankright {
text-align:right;
margin-left:285px;margin-right:5px;
font-weight:bold;
font-size:9pt;
}
    
.prankright a:link { text-decoration: none; color: #ffffff;text-shadow: 1px 1px 0px #4d4d4d;}  
.prankright a:visited { text-decoration: none; color: #ffffff;}   
.prankright a:hover { position: static; text-decoration: underline; color: #c0c0c0;}
.prankright a:active { text-decoration: underline; color: #c0c0c0;}    

    

/* 見出しH
------------------------------------- */

h2.kodukai {
padding:1px 4px;
margin: 0px;
background:#F5F5F5;
border-bottom: solid 1px #0000cd;
font-size: 10pt;
color:#0000cd;} 



h2.kshousai {
padding:5px 0px 5px 15px;
background:#F5F5F5;
border-left:#009900 8px solid;
border-right:#666666 1px solid;
border-bottom:#666666 1px solid;
border-top:#666666 1px solid;
font-size: small;font-weight: bold;
color:#333;
}



h2.kichiran {
font-size: 11pt;
color:#191970;
background-color:#ffffff;
border-left:solid 10px #666666;    /* 左側の罫線 */
border-bottom:solid 1px #666666;   /* 下側の罫線 */    
padding-top:3px;                   /* 上部から文字までの距離 */
padding-left:3px;                 /* 左部から文字までの距離 */
width:300px;                       /* 全体の幅 */
}



h3.kodukai{
font-size: 10pt;
color:#191970;
background-color:#ffffff;
border-left:#191970 3px solid;
border-bottom: solid 1px #ffffff;
padding:1px 4px;
margin: 0px;
padding-right:4px;
margin-right:4px;
}

h3.headline1 {
    font-size: 11pt;
  color:#333333; /* 文字色を#191970;から黒へ変更*/  
    background-color:#ffffff;       /* 背景色を設定 */   
    border-left:solid 7px #E6B422; /* オレンジから金色へ変更 */
    padding:0px 0px 0em 13px;                 /* 文字間隔 */
    margin:13px 0px 6px 0em;
font-weight:bold;}
    

h3.headline {
    font-size: 11pt;
    color:#333333; /* 文字色を紺 */
    background-color:#ffffff;       /* 背景色を設定 */   
    border-left:solid 7px #E6B422; 
    padding:0px 0px 0em 13px;                 /* 文字間隔 */
    margin:0px 0px 6px 0em;
font-weight:bold;}


h3.headmatome {
    font-size: 11pt;
    color:#191970;/* 文字色を紺 */
    background-color:#ffffff;       /* 背景色を設定 */   
    border-left:solid 7px #ff5079; /* ピンク */  
    padding:0px 0px 0em 13px;                 /* 文字間隔 */
    margin:0px 0px 6px 0em;
font-weight:bold;}
    
    
h3.kheadline {/* layoutのheadと同じ */   
    font-size: 12pt;
    color:#006899;/* 文字色を紺 */
    background-color:#ffffff;       /* 背景色を設定 */   
    background-image: url("../img/1point/wa-ore.png");
    background-repeat: no-repeat;
    background-position:1px; 
    border-bottom:dotted 1px #191970; 
    padding:0px 0px 0em 22px;                 /* 文字間隔 */
    margin:0px 25px 7px 20px;
    font-weight:normal;}
    
h3.kheadlinen {
    font-size: 11pt;
    color:#191970;/* 文字色を紺 */
    background-color:#ffffff;       /* 背景色を設定 */   
    background-image: url("../img/1point/wa-ore.png");
    background-repeat: no-repeat;
    background-position:1px; 
    border-bottom:solid 1px #191970; 
    padding:0px 0px 0em 18px;                 /* 文字間隔 */
    margin:0px 25px 7px 20px;
    font-weight:normal;}
    
    

h3.pointsite { /* オフラインのページやチャットレディの実践講座ページなどのお小遣いサイトバージョン（オレンジ）。
このようにすると1ページ内にたくさん書くことができるし、1ページ内にまとめられていいと思う。
それにどのページもテーマを似たような見出しデザインで統一しなきゃおかしい。
私のような素人は特にいろいろ手を出してしまいがちなのだ。統一しないと。どれかに決めないと。選択と集中。*/   
    font-size: 11pt;
    color:#191970;/* 文字色を紺 */
    background-color:#ffffe0;       /* 背景色を設定 */   
    border-color:#ffae19;
    border-width:1px 1px 1px 7px;
    border-style:solid;
    padding:0px 0px 0px 8px;                /* 文字間隔 */
    margin:5px 20px 10px 20px;
    font-weight: normal;}


/* メニューリストなど
------------------------------------- */

.menu ul {
	list-style:none;
	margin:0pt 0pt 0pt 0pt; 
	padding:0pt 0pt 15pt 0pt;
	text-align:center;
}
.menu li {
	display:inline;
	list-style:none;
	margin:0pt; padding:0px;	
}
.menu a {
	display:block;
	float:left; width:95px;
	margin:0pt; padding:0px;
	color:#191970 ;
	background-color:#ffffff ;
	border: 1px solid #ffffff;
	text-decoration:underline;}
.menu a:hover{
    position:static; text-decoration:none;
	background-color:#191970 ;
    color : #ffffff ;}

.wo {list-style-position: inside; display: none;}


/* 定義リスト　dl　
------------------------------------- */


.ktype dt { /* お友達紹介のタイプ別に分けて攻略で使用 */   
font-size:10pt;font-weight:bold;color:#191970;padding:0px 0px 0px 15px;margin-right:20px;margin-left:35px;background-image: url("../img/allow/allow6-2.gif");
background-repeat: no-repeat;
background-position:1px;}

.ktype dd {
font-size:10pt;font-weight:normal;color:#232323;background-color:#f5f5f5;margin-top:0px;margin-right:35px;margin-left:35px;padding:0px 5px 0px 5px;}




/* メディアクエリ。　　ウィンドウ幅が0?500pxの場合に適用するCSS */


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


.tableentry { 
width:98%; 
table-layout: fixed;  /* tableの列幅を均等にする*/ 
word-break: break-word; /* 文字を行から、はみださないように制御*/ 
} 


.tableentrykei { width:98%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ } 


.tablekeiyu { 
width:98%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ } 



/* 通常版、ポイントサイト紹介ページ用table------------- */
.tablepoint2,.tableslot {
width:98%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
} 

.tableslot td:nth-child(1){   /* オンラインスロットゲームの先頭列のtd枠。
 */width:25%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
font-size:0.7em;
}


.col1 { width: 110px;/* テーブル内にcolspanがあって横幅指定が効かない時の対処法 
  https://techmemo.biz/css/table-layout-colgroup/ */ 
  /* スマホで見ると幅が広くなりすぎてるので */ 
}


/* モッピー、お財布など、豪華版ポイントサイト紹介ページ用table-------------- */
.pointable {width:98%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
} 

.pointable td.krace,.tablepoint2 td.krace, .tableslot td.krace{
/* tablepoint2のtd内のclass名krace
------------------------------------- */
width:25%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
font-size:0.7em; }


.pointable td.star,.tablepoint2 td.star,.tableslot td.star {padding-top:12px;
    /* スマホで見るとやや上ぎみにズレてるので
    ------------------------------------- */
}

/* ポイントサイトのテーブル表　基本これ */ 

.tablepoint3 { width:98%; /* 100にするとなんかはみ出るので*/
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 

} 

.tablepoint3 TD {font-size:0.7em; /* Chromeで見ると右端が途切れてしまったので
文字サイズを小さくして見やすく*/ } 

.tablepoint3 TH {font-size:0.7em; } 



.tableppink { 
width:98%; /* これも100にするとはみ出るので*/
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
  
} 


.tableppink TD { 
font-size:0.7em;} 

/* 退会したポイントサイトの表、シンプル地味 */ 


.tablepend { width:98%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
} 



.tablepoint0 { width:98%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
} 



.tablepoint1 { width:98%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ } 


.tablepoint { width:98%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ } 



.tablenote { width:98%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;;/* 文字を行から、はみださないように制御*/ } 



.tablepointlist {width:98%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
} 



.tablepointa { width:98%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
} 

/* ポイントサイトランキング */ 


.tableprank { width:98%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ } 

.tableprank ul { margin-left: 0em;} 


.prankleft {
    width:180px;
    font-size:0.85em;
}
.prankright {
    margin-left:150px;
font-size:0.75em; } 


.primg { 
    width:25%;margin-top: 20px;
    margin-bottom: 20px;margin-right: 1px;
     }
     
.prtext { 
    font-size:0.8em;
    margin-left:100px;

     } 
    
.tableprank TD.mini0,
.tableprank TD.mini { 
    font-size:0.65em;
    } 
             





}