/* ページ全体、テーブルのセル内の指定 */
body{
line-height:1.6;
font-size:100%;
text-align:center;
margin:0px auto;
}











/* TOPページのリンクの下線の指定 divボックス対象 */
div.ancor1 a{text-decoration:none;}
div.ancor2 a:hover{text-decoration:underline;}


/* TOPページのhmasterの小さめの文字サイズ */
p.hmaster{
font-size:80%; 
color:#708090;
margin:2px 12px 0px;
font-style:italic;
}


/* TOPページのサイト内検索の小さめの文字サイズ */
span.sitekensaku{
margin:0px 25px 0px 50px; 
font-size:80%;
}


/* TOPページのロゴのh1 */
h1.logo{
margin:0px; 
padding:0px 0px 0px 6px;
}
/* TOPページのロゴの画像サイズ調整 */
img.hplogo{
width:240px; 
height:78px;
}






/* サブページの表の見出しの色と表内の行間 */
td,th{
font-size:85%;
line-height:1.2;
}
/* サブページの表の見出しの色 */
th{background:#FFDAB9;}

/* ページの水平線 */
hr.hr1{border:1pt dotted #C0C0C0;}
hr#nagaisen{width:717px;}










/* TOPページとサブページのヘッダー囲うボックス */
div#top_head_kakou{
background:#FFFFFF; 
width:730px; 
text-align:left;
margin:0px auto;
border-radius: 20px 20px 0px 0px;
box-shadow: 0px 0px 4px #66CCCC;
}



/* TOPページのヘッダー囲うボックス */
div#mainbox1
{
background:#FFFFFF; 
width:730px; 
margin:0px auto;
text-align:left;
}





/* TOPページのヘッダー1 */
div#header1{
width:315px;
padding:21px 0px 0px 0px; 
float:left;
margin-bottom:9px;
}



/* TOPページのヘッダー2 */
div#header2{
line-height:1.6;
width:400px;
padding:4px 0px 0px 0px;  
color:#006699;
float:left;
margin-bottom:9px;
font-size:100%;
}




/* h1見出しの上のメニューのフォント調整 */
div.chosei{font-size:68%;}




/* h1見出し */
p.midashi1{
font-size:68%;
color:#708090;
font-weight:normal;
margin:0px;
}






/* TOPページのヘッダー3 */
div.header3{
width:730px;
padding:5px 0px 5px;
background:#E7E7FF;
border-top:1px solid #87CEFA;
border-bottom:1px solid #87CEFA;
margin-bottom:5px;
clear:both;
}






/* TOPページのメインコンテンツ左 */
div#leftbox1{
width:521px;
float:left;
margin-right:8px;
font-size:85%;
}


/* TOPページのメインコンテンツ左内のテキストエリアの下部の余白 */
form.sita_yohaku{margin-bottom:5px;}



/* TOPページの更新履歴 */
div.update1{
line-height:1.3; 
font-size:80%; 
border:1px #9b9bff solid;
height:5em;
overflow:auto;
}





/* TOPページのメインコンテンツ左のリスト用box */
div.mainlist1{
margin:0px;
width:209px;
float:left;
} 
div.mainlist2{
margin:0px;
width:291px;
padding-left:2px;
float:left;
} 
div.mainlist3{
margin:0px;
width:145px;
float:left;
} 



 



/* TOPページの右メニュー */
div#rightbox1{
width:200px;
float:left;
}



br.kai_jo2{clear:both;}








/* TOPページの左メニューのミニボックス */
div.minibox1{
width:200px;
border:1px solid #9370DB;
padding-bottom:3px;
margin-bottom:5px;
font-size:85%;
}


div.minibox_google{
width:200px;
border:1px solid #9370DB;
padding-top:6px; 0px; 15px 15px;
margin-bottom:5px;
font-size:85%;
}




/* TOPページの更新履歴のタイトル */
p.md2{
text-align:center;
background:#9b9bff;
color:#FFFFFF;
margin:0px;
padding:5px;
font-size:75%;
}



/* TOPページのメインコンテンツのミニタイトル */
h2.md4,h3.md4{
color:#2f4f4f;
font-size:80%;
text-align:left;
background:#E7E7FF;
margin:5px 0px;
padding:2px 5px;
clear:both;
}




/* ホームページの検索順位チェッカーツールのタイトル */
p.md5{
text-align:center;
background:#9370DB; 
color:#FFFFFF; 
margin-left:45px; 
margin-bottom:0px;
line-height:1.2;
width:410px;
padding:3px; 
border:0px solid #9370DB;
font-weight:bold;
clear:both;
}

/* 文字中央寄せ */
p.chuyose{
text-align:left;
clear:both;
}


/* テーブルなど中央寄せ */
table.zentai_m{
margin-left:auto;
margin-right:auto;
width:600px;
}
td.zentai_m2{text-align:center;}
div.mka{
text-align:center;
margin-bottom:7px;
}


/* TOPページのダウンロードタイマーのミニボックス */
p.timer1{ 
margin:0px;
width:410px;
line-height:1.2;
padding:3px;
border:1px solid #9370DB;
}



/* TOPページの右メニューのタイトル */
h4.md1{
font-size:100%;
text-align:center;
background:#9370DB;
width:200px;
color:#FFFFFF;
margin:5px 0px;
}
/* TOPページの右メニューのタイトル一番上の余白 */
h4#ue_yohaku{margin-top:0px;}



/* TOPページ下部のフォントサイズ */

p.fslink_title{
color:gray;
margin:40px 0px 0px;
border-top:1px solid silver;
border-left:1px solid silver;
border-right:1px solid silver;
background:#CCFFFF;
font-size:15px;
}

p.top_fs{
margin-top:0px;
padding:20px 0px;
font-size:13px;
border:1px solid silver;
}

/* サイト下部の文字 */
p.kabufont{
font-size:15px;
color:#808080;
}


/* サイト下部の文字と文字の空間 */
span.kukan{margin-right:30px;}






/* TOPページ下部のカウンター調整 */
p.counter_chosei{
margin-left:30x;
}











/* おもしろタグ集のテキストエリア */
.tarea1{
font-size:100%;
font-family:"MS UI Gothic",sans-serif;
overflow-x:hidden;
border:1px #9b9bff solid;
width:501px;
}



/* サブページの画像の周り込と解除 */
img.mawarikomimigi{
width:300px;
height:250px;
margin-right:15px;
float:left;
}

br.gazomoji_kaijo{clear:both;}





/* サブページの図解用のサイズ */
img.zukai_size{
width:600px;
height:450px;
}



/* サブページ便利用のh1見出し */

h1.subm{
font-size:100%;
font-weight:normal;
margin:0px;
}



/* サブページの最大テーブル730pxと135px */
table.gigant1{
font-size:120%;
text-align:left;
margin:0px auto;
width:865px;
border:0px solid #66CCCC;
}
/* サブページの最大テーブル730pxと135px */
table.gigant2{
font-size:120%;
text-align:left;
margin:0px auto;
width:865px;
border:0px solid #66CCCC;
border-bottom:0px solid #66CCCC;
}


/* HTMLタグとCSSのページ数139の最大テーブルのセル内2列目用 */
td.takasa1{
font-size:100%;
line-height:1.7;
padding-left:0px;
width:0px;
}




/* サブページのテーブルヘッダー */
table.header1{
width:730px;
border:1px solid #66CCCC;
border-collapse:collapse;
}



/* html5サブページのテーブルヘッダー */
table.head1{
width:730px;
border:0px solid #66CCCC;
border-collapse:collapse;
text-align:center;
margin:0px auto;
}






/* html5サブページのテーブルヘッダー3番目 リンクナビゲーション */
td.head4{
text-align:left;
border-width:1px 1px 1px 0px;
border-style:solid;
border-color:#66CCCC;
background:#F5F5DC;
width:275px;
}


/* html5サブページのテーブルヘッダー4番目 google検索ボックス */
td.head5{
border-width:1px 0px 1px 1px;
border-style:solid;
border-color:#66CCCC;
background:#F5F5DC;
width:550px;
}



/* html5サブページのビックタイトル2 */
table.bt2{ 
width:730px;
border:1px 0px 1px 0px;
border-style:solid #66CCCC;
background:#E7E7EF; 
text-align:center;
margin:0px auto;
}
td.bt2{
font-family:"Arial Black",sans-serif;
color:#800080; 
padding:1px;
font-size:15pt;
background:#E7E7EF; 
text-align:center;
}



/* html5サブページの枠線ありのビックテーブル2 */
table.bigbox2{
width:730px;
border-radius:0px 0px 0px 0px;
box-shadow: 0px 0px 4px #99CCCC;
margin-bottom:10px;
text-align:center;
margin:0px auto;
}
td.big2{
text-align:left;
background:#FFFFFF; 
padding:20px;
font-size:95%;
line-height:1.5;
}











/* サブページのビックタイトル */
table.bt1{ 
width:730px;
border:1px solid #9370DB;
border-top:0px;
background:#E7E7EF; 
}
td.bt1{
font-family:"Arial Black",sans-serif;
color:#800080; 
padding:1px;
font-size:15pt;
background:#E7E7EF; 
text-align:center;
}




/* サブページのh1見出し */
h1.submidashi1{
font-size:100%;
font-weight:normal;
margin:0px;
}


/* サブページのh2見出し */
h2.submidashi2{
font-size:100%;
font-weight:normal;
margin:0px;
}



/* サブページのh3見出し */
h3.submidashi3{
font-size:105%;
background:#DFDFFF; 
margin:50px 0px 20px;
color:#A52A2A;
}




/* サブページの枠線ありのビックテーブル */
table.bigbox1{
width:730px;
text-align:left;
border:solid 1px black;
margin-bottom:10px;
}
td.big1{
text-align:left;
background:#FFFFFF; 
padding:20px;
font-size:95%;
line-height:1.5;
}


/* サブページのミニタイトル */
h4.mt1{
background:#DFDFFF; 
margin:50px 0px 20px;
color:#A52A2A;
}



/* HTMLタグ一覧のページのソースボックス */
.source1{
font-family:Arial,sans-serif; 
border:solid #8FBC8F 1px;
margin:0px;
padding:12px;
font-size:103%;
background:#F0FFFF;
line-height:1.2;
}







/* サブページのビックテーブル htmllist、stylelist用 */
table.ht5m{
border-width:1px;
width:675px;
padding:0px;
text-align:center;
}


td.big2{
width:340px;
text-align:left;
background:#FFFFFF; 
font-size:88%;
line-height:1.6;
vertical-align:top;
}
/* htmllist、stylelist用の見出し */
h3.htm1{
font-size:115%;
color:#993366; 
margin:12px 0px 12px;
width:261px;
border-bottom:1pt dotted #DDA0DD;
}
h3#htm_top1{margin-top:0px;}
h3#htm_top2{margin-top:0px;}




/* HTMLタグ一覧、stylelistのページのブラウザ表示の文字色 */
p.br1{color:#000080;}

















/* TOPページとおもしろタグ集のリストマーク */


ul.toplist{
list-style-type:none;
margin:0 0 0 1px;
padding:0px;
}

li.s1{
background:url(./image/top_listmark.gif) no-repeat left center;
padding-bottom:3px;
padding-left:19px;
}


/* 表の指定 */
table.ta1{
border:1px #33CC99 solid;
width:480px;
}
.ta1 td{
border:1px #33CC99 solid;
font-size:85%;
line-height:1.5;
padding:3px;
}
.ta1 th{
border:1px #33CC99 solid;
font-size:85%;
line-height:1.5;
padding:3px;
}


/* HTMLタグ一覧のページの表の見だしセル */
th.st1{
background-color:#FFDAB9;
width:150px;
}
th.st2{
background-color:#FFDAB9;
width:330px;
}

/* HTMLタグ一覧のページのミニボックス */
.onebox1{
border:0px;
padding:12px;
float:left;
}





/* TOPページのリンクの文字色 */
a:link{color:#0000FF;}
a:visited{color:#551A8B;}
a:active{color:#FF8000;}






/* ページ下部の広告 HTMLタグ、CSSの139ページ用 */
iframe.afi1{margin-right:17px;}


/* サブページ下部のA8net広告用 */

div.a8koukoku{
width:730px;
border:1px solid #cfcfcf;
margin:0px auto;
margin-top:10px;
font-size:90%;
background:#dfcfe8;
color:#330066;
text-align:left;
} 
div.a8koukoku2{
width:730px;
border:1px solid #cfcfcf;
margin:0px auto;
font-size:90%;
text-align:left;
} 





/* サブページのコピーライト部分の文字色 */
p.copyright_h{
color:#808080;
text-align:center;
line-height:40px;
}

hr.k_hr{width:740px;}






/* ページ下部のGoogle Adsense広告 HTMLタグ、CSSの139ページ用 */
table.ads1{
border:1px solid #cfcfcf;
margin-right:17px;
margin-bottom:5px;
margin:auto; 
margin-top:30px; 
padding:4px; 
width:730px;
}






/* サイトマップのページ */
td.sm1{
font-size:100%;
vertical-align:top;
line-height:1.5
}
/* サイトマップのページのリストマーク */
ul.slk1{list-style-type:square;}



/* 検索ボックスの下部の余白 */
form#cse-search-box{
margin:0px 0px 2px 35px;
float:left;
}

/* サブページ上部Adsense用下線 */
p.ads2{
border-bottom:1px dotted #C0C0C0; 
padding-bottom:5px; 
margin-bottom:35px;
}
/* TOPページ中部Adsense用下線 */
p.ads3{
border-top:1px dotted #C0C0C0; 
border-bottom:1px dotted #C0C0C0; 
padding:1px 0px 5px; 
margin:9px 0px 5px;
}
/* サブページ中部Adsense用余白 */
p.ads4{margin:50px 0px 0px;}


/* TOPページ中部Adsense用余白 */
p.ads5{
margin:10px 0px 5px;
clear:both;
}

/* 各サンプルページの左寄せ */

body.samplebody{text-align:left;}





/* サブページの赤色、青色にしたい文字 */

span.akairo{color:red;}
span.aoiro{color:blue;}
span.midori{color:#008000;}
span.shiro{color:#ffffff;}



/* タグテスト部屋の結果テーブル */

table.tag_keka1{
padding:5px;
width:730px;
padding:0px;
text-align:left;
border:solid 1px #000080;
margin-left:auto;
margin-right:auto;
}

td.keka{
background:#ddddff;
border:solid 1px #000080;
}
div.tag_t1{
text-align:left;
margin-left:auto;
margin-right:auto;
width:400px;
}

/* colorcode表、websafecolor表のモバイル用セル余白 */



table.hyou_w{
width:150px;
margin-left:auto;
margin-right:auto;
}
.b1{width:5px; height:20px;}
th.mobi2,td.mobi2{
font-size:11px;
padding:8px;
}



p.kent5{
font-size:85%;
text-align:center;
}