﻿/*ブロックエイリアの段組*/
div.left { display:block; float:left;}
div.mini { padding-right:8px; font-size:0.8em; border:1px; border-color:#ccff99; }
div.right { display:block; float:right; }
div.locbox { display: block; text-align: left; border-style:hidden; text-decoration:none; background-color:white; padding-bottom:5px;}
div.ggsw { display: block, text-align:left; border-style:hidden; margin-top:10px; padding-bottom:12px; padding-left:20px;}
div.side1 { padding: 3px; margin: 0; background-color: #ccff99; font-size:0.8em; border:1px solid; border-color:#ccff99; margin-bottom:-1px;}
div.side2 { padding:3px; background-color: white; font-size:0.8em; border:1px solid; border-color:#ccff99; margin-bottom:10px; line-height:1.2em; }

div.sclbox { display: block; height: 100%; width: 100%; padding-left: 10px; padding-right: 5px; padding-top: 0px; overflow-y: scroll; scrollbar-3dlight-color: #009900; scrollbar-arrow-color: #009900; scrollbar-darkshadow-color: white; scrollbar-face-color: white; scrollbar-track-color: white; scrollbar-highlight-color: white; scrollbar-shadow-color: #009900; }

div.lftbox { display: block; float: left; }
div.rgtbox { display: block; float: right; }
div.minilft { float: left; width: 33.33%; padding: 0px 10px; margin: 0; background-color: white; }
div.pdbox { display: block; padding: 10px 15px; margin: 0; background-color: white; }
div.padleft { width: 65%; float: left; width: 100%; padding: 15px 20px; }
div.sholeft { display: block; float: left; width: 80px; margin: 0px 15px; padding: 20px 0px; text-align: center; background-color: #ffffcc; }
div.mgbox { float: right; width: 10%; padding: 0; margin: 0; }
div.daileft { display: block; float: left; width: 60%; }
div.shobox { display: block; width: 40%; }
div.kaijyo { clear: both; padding: 0px 10px; margin: 0; }
div.top { display: block; padding-top: 5px; padding-bottom: 5px;}
div.sashie { display: block; margin-top: 10px; border-style: hidden; background-image: url('graph/koi.jpg'); width: 100%; height: 350px;}

/* テキスト指定 */
h1.tema { font-size:1.8em; font-family:HGP創英角ﾎﾟｯﾌﾟ体; }
span.small { font-size: 0.8em; }
textarea.mini { display:block; width:30%; height=100%; float:right; font-size:0.8em; border-color:green; }
span.new { text-decoration:blink; color:gold; font-style:italic; font-weight:bold; }


span.ssgr { font-size: 10px; color: gray; }
span.bk { color: black; }
span.gr { color: gray; }
span.sbk { font-size: 0.8em; color: black; }
span.sgr { font-size: 0.8em; color: gray; }
span.sbl { font-size: 0.8em; color: #0000dd; }
span.swh { font-size: 0.8em; color: white; }
span.yl { background-color: #f7ff92; padding: 1px; }
span.ttbk { font-family: HG丸ｺﾞｼｯｸM-PRO; font-size: 24px; font-weight: bold; text-decoration: none; color: black; }
span.ttgr { font-family: HG丸ｺﾞｼｯｸM-PRO; font-size: 24px; font-weight: bold; text-decoration: none; color: gray; }

/* テキスト用段落指定(上下に1行を空ける) */
p.sbk { margin-top: 0px; font-size: 0.8em; color: black; }
p.sgr { margin-top: 0px; font-size: 0.8em; color: gray; }
p.sbl { margin-top: 0px; font-size: 0.8em; color: blue; }
p.swh { margin-top: 0px; font-size: 0.8em; color: white; }
p.bk { margin-top: 0px; color: black; }
p.gr { margin-top: 0px; color: gray; }
p.wh { margin-top: 0px; color: white; }
div.bktxt { display: block; font-size: 16px; font-family: HG丸ｺﾞｼｯｸM-PRO; color: black; font-weight: bold; }
div.grtxt { display: block; font-size: 16px; font-family: HG丸ｺﾞｼｯｸM-PRO; color: gray; font-weight: bold; }
p.cntr { margin-top: 0px; display: block; text-align: center; }
div.cntr { display: block; text-align: center; }


/*リンク指定*/
a.ndeco { text-decoration:none; font-weight:bold; }
a.small { text-decoration:none; font-size:0.8em; }
a.wildlink {display: block; margin: 10px; width: 100%; height: 100%; text-decoration: none; }
a.wildlink:hover { background-color: #ffffcc; }
a.wildlink:active { background-color:#white; }

/*各コンテンツメニュー用ボックス*/
div.mmb { display: block; height: 61px; width: 150px; text-align: center; padding-top: 15px; font-size: 14px; font-family: HG丸ｺﾞｼｯｸM-PRO; font-color: black; font-weight: bold; background-image: url('graph/menu001.gif'); background-repeat: no-repeat;}
a.mmb { display: block; width: 100%; height: 100%; text-decoration: none; text-color: black; }
div.smb { display: block; width: 150px; font-size: 12px; text-align: center; font-family: HG丸ｺﾞｼｯｸM-PRO; text-decoration: none; color: black; }
p.dan { display: block; margin-top: 0px; width: 150px; font-size: 12px; text-align: center; text-decoration: none; }
a.smb { display: block; width: 100%; height: 100%; text-decoration: none; font-color: black; }



/*リスト用ボール*/
ul.lst { margin: 10px 0px 0px 20px; }
li.001 {list-style-image: url('../graph/ball001.gif'); }
li.002 {list-style-image: url('../graph/ball002.gif'); }
li.003 {list-style-image: url('../graph/ball003.gif'); }
li.004 {list-style-image: url('../graph/ball004.gif'); }
li.005 {list-style-image: url('../graph/ball005.gif'); }
li.006 {list-style-image: url('../graph/ball006.gif'); }


/*直接広告募集*/
div.comm { display: block; width: 150px; height:250px; background-color: gray; margin-bottom: 5px;}
div.kkk { display: block; width: 100%; margin-top: 5px; margin-bottom: 5px;}

/*拡大画像をポップアップ表示*/
.thumbnail { position: relative; z-index: 0; }
.thumbnail:hover { background-color: transparent; z-index: 50; }
.thumbnail span{ position: absolute; background-color: #ccc; padding: 0px; left: 0px; border: 1px double #000000; visibility: hidden; color: #000000; text-decoration: none; width: 600px;}
.thumbnail span img{ border-width: 0; padding: 2px; }
.thumbnail:hover span{ visibility: visible; top: 40px; left: 30px; }


