youchan1951's diary

＊スクロールバーのカラー表示方法

＜例１＞

<style type="text/css">
<!--
html { scrollbar-arrow-color :#ff0000;
scrollbar-base-color: #e0ffff;
scrollbar-face-color: #e0ffff;
scrollbar-highlight-color:#ff0000;
scrollbar-shadow-color:#ff0000;
}
-->
</style>

＜例２＞

<style type="text/css">
<!--
html { scrollbar-arrow-color : #ff3300;
scrollbar-face-color : #66cc00;
scrollbar-highlight-color : #ffcc00;
scrollbar-shadow-color : #ffcc00;
scrollbar-3dlight-color : #ff00cc;
scrollbar-darkshadow-color: #ff00cc;
scrollbar-track-color : #ff9999;
}
-->
</style>

・この方法は、メニューとメインのタグ編集画面で使用可能ですぅ♪♪（ｷｬﾊ）

・ｃｓｓとして使用する場合は、デザイン変更から入って表示される画面にコピー＆貼り付けして下さいねっ。♪♪（ｷｬﾊ）
但し、<style type="text/css"></style>この記述は不要ですので削除して下さいねっ。♪♪（ｷｬﾊ）

＊メニュー画面の項目を・・・で囲む方法

ul {
border: dotted;
border-color: lightpink;
}

li a:hover {
border: dotted;
border-color: lightpink;
}

・メニューｃｓｓに追加記述して下さいねっ。♪♪（ｷｬﾊ）

＊プルダウンメニュー設置方法

<!--ここからプルダウンメニュー用スクリプト-->
<script language=JavaScript>function SELECTMENU(){VR=SELECT.elements[0].options[SELECT.elements[0].options.selectedIndex].value;if(VR != ''){top.location.href=VR;};}</script>
<!--ここまでプルダウンメニュー用スクリプト-->

<!--ここからプルダウンメニュ－-->
<div align="center">
<form name=SELECT>
<select onChange=SELECTMENU()>
<option value='' selected>☆ようちゃんのうぇぶ♪</option>
<option value='http://hp1.cafesta.com/hp/home.do?hpid=youchan19510212'>【cafesta】</option>
<option value='http://youchan0212.fc2web.com/'>【fc2web】</option>
<option value='http://youchan.hp.gaiax.com/'>【gaiax】</option>
<option value='http://www.geocities.co.jp/Milkyway/3008/'>【geocities1】</option>
<option value='http://www.geocities.jp/youchan_2002jp/index.htm'>【geocities2】</option>
<option value='http://www.geocities.jp/youchan0212jp/index.htm'>【geocities3】</option>
<option value='http://members.at.infoseek.co.jp/youchan_tr/'>【infoseek1】</option>
<option value='http://youchandayo.hp.infoseek.co.jp/'>【infoseek2】</option>
<option value='http://youchan.kt.fc2.com/'>【kt.fc2】</option>
<option value='http://groups.msn.com/youchandayo/homepage'>【msn1】</option>
<option value='http://groups.msn.com/youchan0212/homepage'>【msn2】</option>
<option value='http://youchan.cocolog-nifty.com/youchan/'>【cocolog-nifty】</option>
<option value='http://homepage1.nifty.com/youji-izawa/'>【nifty】</option>
<option value='http://plaza.rakuten.co.jp/youchandayo/'>【rakuten】</option>
<option value='http://hompy.sayclub.jp/index.nwz?outside=Y&dup=Y&otpid=youchan2004'>【sayclub】</option>
<option value='http://sak2-1.tok2.com/home/youchan2001/'>【sak2-1.tok2-1】</option>
<option value='http://sak2-1.tok2.com/home/youchan2003/'>【sak2-1.tok2-2】</option>
<option value='http://members13.tsukaeru.net/youchan1951/'>【tsukaeru】</option>
<option value='http://ec.uuhp.com/~youchan/'>【ec.uuhp】</option>
<option value='http://x-home.net/~youchan/'>【x-home】</option>
<option value='http://www.yubitoma.or.jp/cgi-bin/to_hpbuild_makehtml.pl?no=1228'>【yubitoma】</option>
<option value='http://konsuke.ddo.jp/~youchan/'>【konsuke】</option>
</select>
</form>
</div>
<!--ここまでプルダウンメニュ－-->

＜参考＞
＊メニューまたはメイン画面に設置可能ですぅ♪♪（ｷｬﾊ）

＊フラッシュ表示方法

<!--ようちゃんのフラッシュ表示ここから始まり-->
<div align=center>
<iframe src=http://konsuke.ddo.jp/~youchan/yozoranohosi/youchan_fla.html name=youchantop frameborder=0 marginwidth=0 marginheight=0 width=600 height=480 scrolling=no align=bottom></iframe>
</div>
<!--ようちゃんのフラッシュ表示ここで終わり-->

＜参考＞

<embed src="http://xxx.xxx.xxx/xxx.swf" width="xxx" height="xxx">

＊メニューまたはメイン画面に設置可能ですぅ♪♪（ｷｬﾊ）

＊メニュー用編集画面の表示方法♪♪
---------------------------

メニュー用編集画面の中で、＜ＮＯＥＭＢＥＤ＞というタグ
を記述すると、編集ボタンを非表示にすることができますぅ♪♪

編集ボタンを再表示したい場合は、＜ＮＯＥＭＢＥＤ＞と
いうタグを削除すれば再表示することができますぅ♪♪

＜手順＞
１．まずは、ログインして下さいねっ。♪♪（ｷｬﾊ）

http://www.eclat.cc/cgi-bin/login.cgi

２．下記のＵＲＬをブラウザのＵＲＬ欄にコピー＆貼り付
　　けする。
　　但し、ｏｉｄ＝　から後ろの記述は御自分のサイトＩＤ
　　に書き換えて下さいねっ。♪♪（ｷｬﾊ）

http://www.eclat.cc/cgi-bin/menu_editor.cgi?oid=youchan1951

３．編集画面が表示されたら、＜ＮＯＥＭＢＥＤ＞という
　　タグをデリートキーで削除して下さいねっ。♪♪（ｷｬﾊ）

４．更新ボタンをクリックして下さいねっ。♪♪（ｷｬﾊ）

５．メインページへ戻る　というリンクをクリックして
　　下さいねっ。♪♪（ｷｬﾊ）

６．メインページが表示されたら、ブラウザの更新ボタン
　　をクリックして下さいねっ。♪♪（ｷｬﾊ）

７．メニューページに編集ボタンが表示されていることを
　　確認して下さいねっ。♪♪（ｷｬﾊ）

８．これで作業終了でぇ～すぅ♪♪（ｷｬﾊ）

＊タグとｃｓｓの表記方法

＜タグの表記例＞
class="post"

id="write"

＜ｃｓｓの表記例＞
.post {
}

#write {
}

classは、ｃｓｓでは　class名の前にドットを記述する。

idは、ｃｓｓでは　id名の前にシャープを記述する。

＊掲示板の横幅を狭くし中央に表示する方法

ul{
width: 50%;
margin: 0ex 0em 0ex 200px;
}

＊掲示板の右下に画像を設定
------------------------

１．壁紙を使用していない場合

body{
background: yellow url("http://homepage1.nifty.com/youji-izawa/goo2/img/baner/youchan9.gif") no-repeat fixed right bottom;
}

２．壁紙を使用している場合

.post{
background: yellow url("http://homepage1.nifty.com/youji-izawa/goo2/img/baner/youchan9.gif") no-repeat fixed right bottom;
}

３．記事欄の中に表示する場合

p{
background: yellow url("http://homepage1.nifty.com/youji-izawa/goo2/img/baner/youchan9.gif") no-repeat right bottom;
}

＊掲示板の横幅を小さくするＣＳＳ
パーセントの数値を小さくすると狭くなりますぅ。

.post {
width:50%;
}

＊メイン用編集画面の表示方法♪♪
---------------------------

メイン用編集画面の中で、＜ＮＯＥＭＢＥＤ＞というタグ
を記述すると、編集ボタンを非表示にすることができますぅ♪♪

編集ボタンを再表示したい場合は、＜ＮＯＥＭＢＥＤ＞と
いうタグを削除すれば再表示することができますぅ♪♪

＜手順＞
１．まずは、ログインして下さいねっ。♪♪（ｷｬﾊ）

http://www.eclat.cc/cgi-bin/login.cgi

２．下記のＵＲＬをブラウザのＵＲＬ欄にコピー＆貼り付
　　けする。
　　但し、ｏｉｄ＝　から後ろの記述は御自分のサイトＩＤ
　　に書き換えて下さいねっ。♪♪（ｷｬﾊ）

http://www.eclat.cc/cgi-bin/main_editor.cgi?oid=youchan1951

３．編集画面が表示されたら、＜ＮＯＥＭＢＥＤ＞という
　　タグをデリートキーで削除して下さいねっ。♪♪（ｷｬﾊ）

４．更新ボタンをクリックして下さいねっ。♪♪（ｷｬﾊ）

５．メインページへ戻る　というリンクをクリックして
　　下さいねっ。♪♪（ｷｬﾊ）

６．メインページが表示されたら、ブラウザの更新ボタン
　　をクリックして下さいねっ。♪♪（ｷｬﾊ）

７．メインページに編集ボタンが表示されていることを
　　確認して下さいねっ。♪♪（ｷｬﾊ）

８．これで作業終了でぇ～すぅ♪♪（ｷｬﾊ）

＊commonスクリプト
---------------

/*
common.js - functions for user site

eclat CommunitySystem
Copyright (c) 2004-2005 MaJestic 12. All rights reserved.
*/

function checkFrame(type)
{
if (type == 'top')
{
self == top
|| (top.location.href = self.location.href);
}
else if (type == 'main_youchan1951')
{
if (!(self == top || self == top.frames['main_youchan1951']))
{
nowHref = self.location.href;
top.location.href = 'http://www.eclat.cc/home/youchan1951/';
top.frames['main_youchan1951'].location.href = nowHref;
}
}
else if (type == 'menu_youchan1951')
{
self == top || self == top.frames['menu_youchan1951']
|| (top.location.href = 'http://www.eclat.cc/home/youchan1951/');
}
}

function eitherOwnerOrGuest()
{
if (document.cookie.indexOf('HOME=1;') == -1)
{
var elements = document.getElementsByTagName("*");

for (var i = 0, len = elements.length; i < len; i++)
elements[i].className == 'for-owner'
&& (elements[i].className = 'for-guest');
}
}

ホームページを訪れたお客様に、「おはよう～」

「こんにちわ～」「もう～ねむ～い」などと

かわいい声で挨拶してくれるスクリプトでぇ～すぅ♪♪（ｷｬﾊ）

もしよかったら、どうぞ御自由にコピーしてお使い下さい♪♪

<!--あいさつ開始-->
<SCRIPT LANGUAGE='JavaScript' src='http://homepage1.nifty.com/youji-izawa/kigaru/main/aisatu/aisatu_script2.js'></SCRIPT>
<!--あいさつ終了-->

//------------------------------------------------
＊メイン用タグ
//------------------------------------------------
<!--ようちゃんのサイト名表示ここから始まり-->
Welcome to the youchan1951's web site.
<!--ようちゃんのサイト名表示ここで終わり-->

<!--ようちゃんの文字・画像中央表示ここから始まり-->
<center>
<!--ようちゃんの文字・画像中央表示ここで終わり-->

<!--ようちゃんのフラッシュ表示ここから始まり-->
<div align=center>
<iframe src=http://konsuke.ddo.jp/~youchan/yozoranohosi/youchan_fla.html name=youchantop frameborder=0 marginwidth=0 marginheight=0 width=600 height=480 scrolling=no align=bottom></iframe>
</div>
<!--ようちゃんのフラッシュ表示ここで終わり-->

<!--ようちゃんのボタン表示ここから始まり-->
<form>
<INPUT TYPE=button VALUE=BACK onClick=history.go(-1) style=background-color:#28165d;color:#ffff00;border-color:#ffffff;border-style:solid;border-width:1px; onmouseover=this.style.backgroundColor='#ff1493' onmouseout=this.style.backgroundColor='#28165d'>
<INPUT TYPE=button VALUE=NEXT onClick=history.go(1) style=background-color:#28165d;color:#ffff00;border-color:#ffffff;border-style:solid;border-width:1px; onmouseover=this.style.backgroundColor='#ff1493' onmouseout=this.style.backgroundColor='#28165d'>
<INPUT TYPE=button VALUE=A onClick=top.window.location.href='http://page.cafe.ocn.ne.jp/member/link2nd.cgi?id=youchan1951&loc=ocn&num=2&cmd=hit' style=background-color:#28165d;color:#ffff00;border-color:#ffffff;border-style:solid;border-width:1px; onmouseover=this.style.backgroundColor='#ff1493' onmouseout=this.style.backgroundColor='#28165d'>
<INPUT TYPE=button VALUE=B onClick=top.window.location.href='http://page.cafe.ocn.ne.jp/member/link2nd.cgi?id=youchan1951&loc=ocn&num=1&cmd=hit' style=background-color:#28165d;color:#ffff00;border-color:#ffffff;border-style:solid;border-width:1px; onmouseover=this.style.backgroundColor='#ff1493' onmouseout=this.style.backgroundColor='#28165d'>
<INPUT TYPE=button VALUE=C onClick=top.window.location.href='http://page.cafe.ocn.ne.jp/member/link2nd.cgi?id=youchan1951&loc=ocn&num=3&cmd=hit' style=background-color:#28165d;color:#ffff00;border-color:#ffffff;border-style:solid;border-width:1px; onmouseover=this.style.backgroundColor='#ff1493' onmouseout=this.style.backgroundColor='#28165d'>
<INPUT TYPE=button VALUE=D onClick=top.window.location.href='http://page.cafe.ocn.ne.jp/member/link2nd.cgi?id=youchan1951&loc=ocn&num=4&cmd=hit' style=background-color:#28165d;color:#ffff00;border-color:#ffffff;border-style:solid;border-width:1px; onmouseover=this.style.backgroundColor='#ff1493' onmouseout=this.style.backgroundColor='#28165d'>
<INPUT TYPE=button VALUE=E onClick=top.window.location.href='http://ec.uuhp.com/~youchan/homepage/html/livly/livly001.htm' style=background-color:#28165d;color:#ffff00;border-color:#ffffff;border-style:solid;border-width:1px; onmouseover=this.style.backgroundColor='#ff1493' onmouseout=this.style.backgroundColor='#28165d'>
<INPUT TYPE=button VALUE=F onClick=top.window.location.href='http://ventures.pl.ru:8000/' style=background-color:#28165d;color:#ffff00;border-color:#ffffff;border-style:solid;border-width:1px; onmouseover=this.style.backgroundColor='#ff1493' onmouseout=this.style.backgroundColor='#28165d'>
<INPUT TYPE=button VALUE=G onClick=top.window.location.href='http://members.at.infoseek.co.jp/youchan_tr/catalog/html/ippan/catalog1.html' style=background-color:#28165d;color:#ffff00;border-color:#ffffff;border-style:solid;border-width:1px; onmouseover=this.style.backgroundColor='#ff1493' onmouseout=this.style.backgroundColor='#28165d'>
</form>
<!--ようちゃんのボタン表示ここで終わり-->

<!--ようちゃんの電光掲示板表示ここから始まり-->
<script src=http://denkoh.ziyu.net/ticker.php?youchan></script>
<!--ようちゃんの電光掲示板表示ここで終わり-->

<!--ようちゃんの挨拶スクリプトここから始まり-->
<iframe src=http://homepage1.nifty.com/youji-izawa/kigaru/main/aisatu/script002.htm name=aisatu001 marginwidth=0 marginheight=0 width=50 height=5 frameborder=0></iframe>
<!--ようちゃんの挨拶スクリプトここで終わり-->

<!--ようちゃんの文字・画像位置中央表示ここから始まり-->
</center>
<!--ようちゃんの文字・画像位置中央表示ここで終わり-->

//------------------------------------------------
＊メニュー用タグ
//------------------------------------------------
<!--ようちゃんの文字・画像位置中央表示ここから始まり-->
<center>
<!--ようちゃんの文字・画像位置中央表示ここで終わり-->

<!--ようちゃんの画像表示切替スクリプトここから始まり-->
<script language="JavaScript">
<!--
function na_restore_img_src(name, nsdoc)
{
var img = eval((navigator.appName == 'Netscape') ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img && img.altsrc) {
img.src = img.altsrc;
img.altsrc = null;
}
}

function na_change_img_src(name, nsdoc, rpath, preload)
{
var img = eval((navigator.appName == 'Netscape') ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = img.src;
img.src = rpath;
}
}
//-->
</script>
<!--ようちゃんの画像表示切替スクリプトここで終わり-->

<!--ようちゃんのＭＩＤＩ音楽ここから始まり-->
<div align=center><center><p><a href="http://homepage1.nifty.com/youji-izawa/gaiax/touch01.htm" OnMouseOut="na_restore_img_src('midi', 'document')" OnMouseOver="na_change_img_src('midi', 'document', 'http://homepage1.nifty.com/youji-izawa/kigaru/menu/gif/midi02.gif', true);" target="_top"><img src="http://homepage1.nifty.com/youji-izawa/kigaru/menu/gif/midi01.gif" width="151" height="43" border="0" name="midi"></a></center></div>
<!--ようちゃんのＭＩＤＩ音楽ここで終り-->

<!--ようちゃんのリンクバナーここから始まり-->
<img src=http://homepage1.nifty.com/youji-izawa/goo2/img/baner/youchan9.gif border=0><BR>
<!--ようちゃんのリンクバナーここで終り-->

<!--ようちゃんのカウンターここから始まり-->
<!-- shinobi ct1 -->
<script type="text/javascript" src="http://ct1.sodenoshita.com/sc/0927697"></script>
<noscript><a href="http://ct1.sodenoshita.com/gg/0927697" target="_blank">
<img src="http://ct1.sodenoshita.com/ll/0927697" border="0" alt="カウンター"></a><br />
<span id="NINCT1SPAN0927697" style="font-size:9px">[PR] <a href="http://wedding.rentalurl.net" target="_blank">ブライダル</a></span></noscript>
<!-- /shinobi ct1 --><BR>
<!--ようちゃんのカウンターここで終わり-->

<!--ようちゃんの訪問回数表示ここから始まり-->
<span><font size=2>
<script language='JavaScript'>
<!--
acTimes=getCookie("AC");
if (acTimes=="") {
acTimes=1;
} document.write(acTimes+"回目の訪問ありがとうございます。");
acTimes++;
setCookie("AC",acTimes);

function getCookie(key){
tmp=document.cookie+";";
tmp1=tmp.indexOf(key, 0);
if(tmp1!=-1){
tmp=tmp.substring(tmp1,tmp.length);
start=tmp.indexOf("=",0)+1;
end=tmp.indexOf(";",start);
return(unescape(tmp.substring(start,end)));
}
return("");
}
function setCookie(key,val) {
tmp=key+"="+escape(val)+";";
tmp+="expires=Fri, 31-Dec-2010 23:59:59; ";
document.cookie=tmp;
}
//-->
</script>
</font></span>
<!--ようちゃんの訪問回数表示ここで終わり-->

<!--ようちゃんの文字・画像位置中央表示ここから始まり-->
</center>
<!--ようちゃんの文字・画像位置中央表示ここで終わり-->

<!--ようちゃんのメニュー項目ここから始まり-->
<ul>
<li id="main" ><a target="main_youchan1951" href="/home/youchan1951/main.html">メイン</a></li>
<li id="profile" ><a target="main_youchan1951" href="/home/youchan1951/profile.html">プロフィール</a></li>
<li id="bbs" ><a target="main_youchan1951" href="/cgi-bin/bbs.cgi?oid=youchan1951">掲示板</a></li>
<li id="diary" ><a target="main_youchan1951" href="/home/youchan1951/diary/">日記 / コラム</a></li>
<li id="links" ><a target="main_youchan1951" href="/home/youchan1951/links.html">リンク集</a></li>
<li id="friends" ><a target="main_youchan1951" href="/home/youchan1951/friends.html">友達リスト</a></li>
<li id="footprint"><a target="main_youchan1951" href="/cgi-bin/footprint.cgi?oid=youchan1951">足跡</a></li>
</ul>
<ul>
<li id="login"><a target="_top" href="/cgi-bin/login.cgi">ログイン</a></li>
</ul>
<ul class="for-owner">
<li id="diary" ><a target="main_youchan1951" href="/cgi-bin/diary_form.cgi?oid=youchan1951">日記を書く</a></li>
<li id="css" ><a target="main_youchan1951" href="/cgi-bin/css_editor.cgi?oid=youchan1951">デザインの変更</a></li>
<li id="config"><a target="main_youchan1951" href="/cgi-bin/config.cgi?oid=youchan1951">ユーザ設定</a></li>
<li id="logout"><a target="_top" href="/cgi-bin/logout.cgi?uid=youchan1951">ログアウト</a></li>
</ul>
<!--ようちゃんのメニュー項目ここで終わり-->

//------------------------------------------------
＊足跡ＣＳＳ
//------------------------------------------------
@import url("common.css");

body {
background: yellow url("http://homepage1.nifty.com/youji-izawa/goo2/img/baner/youchan9.gif") no-repeat 50% 25px;
min-height: 30px;
}

table {
background: pink;
margin: 2.3ex 0em 0ex 328px;
border-width: 2px;
border-style: solid;
border-color: white gray silver gainsboro;
}

td {
color: mediumvioletred;
background: mistyrose;
padding: 0.25ex 0.5em;
border-width: 1px;
border-style: solid;
border-color: white lightgrey lightgrey white;
}

td a {
}

td a:link {
background: yellow;
color: deeppink;
}

td a:visited {
background: yellow;
color: yellow;
}

td a:active {
background: black;
color: red;
}

td a:hover {
background: black;
color: yellow;
}

td hr {
color: deeppink;
}

caption {
background: black;
color: yellow;
}

.message {
display: none;
}

//------------------------------------------------
＊お友達リストＣＳＳ
//------------------------------------------------
@import url("common.css");

body {
background: yellow url("http://homepage1.nifty.com/youji-izawa/goo2/img/baner/youchan9.gif") no-repeat 50% 25px;
min-height: 30px;
}

table {
background: pink;
margin: 4.3ex 0em 0ex 228px;
border-width: 2px;
border-style: solid;
border-color: white gray silver gainsboro;
}

td {
color: mediumvioletred;
background: mistyrose;
padding: 0.25ex 0.5em;
border-width: 1px;
border-style: solid;
border-color: white lightgrey lightgrey white;
}

td a {
}

center td a:link {
background: yellow;
color: deeppink;
}

td a:visited {
background: yellow;
color: yellow;
}

td a:active {
background: black;
color: red;
}

td a:hover {
background: black;
color: yellow;
}

td hr {
color: deeppink;
}

th {
color: mediumvioletred;
background: mistyrose;
padding: 0.25ex 0.5em;
border-width: 1px;
border-style: solid;
border-color: white lightgrey lightgrey white;
}

//------------------------------------------------
＊リンク集ＣＳＳ
//------------------------------------------------
@import url("common.css");

body {
background: yellow url("http://homepage1.nifty.com/youji-izawa/goo2/img/baner/youchan9.gif") no-repeat fixed 50% 25px;
min-height: 30px;
}

table {
background: pink;
margin: 4.3ex 0em 0ex 328px;
border-width: 2px;
border-style: solid;
border-color: white gray silver gainsboro;

}

td {
color: mediumvioletred;
background: mistyrose;
padding: 0.25ex 0.5em;
border-width: 1px;
border-style: solid;
border-color: white lightgrey lightgrey white;
}

td a {
}

center td a:link {
background: yellow;
color: deeppink;
}

td a:visited {
background: yellow;
color: yellow;
}

td a:active {
background: black;
color: red;
}

td a:hover {
background: black;
color: yellow;
}

td hr {
color: deeppink;
}

th {
color: mediumvioletred;
background: mistyrose;
padding: 0.25ex 0.5em;
border-width: 1px;
border-style: solid;
border-color: white lightgrey lightgrey white;
}

.comment {
display: none;
}

//------------------------------------------------
＊トップページＣＳＳ
//------------------------------------------------
@import url("common.css");

//------------------------------------------------
＊日記/コラムＣＳＳ
//------------------------------------------------
@import url("common.css");

ul {
list-style-type: none;
}

#header {
text-align:center;
}

#menu {
width: 30%;
float: right;
margin: 0ex 54px;
color: white;
background: white;
padding: 0.25ex 0.5em;
border-width: 3px;
border-style: solid;
border-color: deeppink deeppink deeppink deeppink;
background: lavenderblush url(http://homepage1.nifty.com/youji-izawa/top/stylesheet/style034/style034-3.gif) repeat-x;
}

#main {
width: 45%;
margin-right: 0%;
margin: 0ex 54px;
color: black;
background: white;
padding: 0.25ex 0.5em;
border-width: 3px;
border-style: solid;
border-color: deeppink deeppink deeppink deeppink;
background: lavenderblush url(http://homepage1.nifty.com/youji-izawa/top/stylesheet/style034/style034-3.gif) repeat-x;
}

hr {
color:deeppink;
}

.link_title {
color: white;
background: green;
}

.entry_date {
color:white;
background: black;
}

.entry_title {
background: lime;
}

.entry_info {
background: aqua;
}

//------------------------------------------------
＊掲示板ＣＳＳ
//------------------------------------------------
@import url("common.css");

body {
background: yellow url("http://homepage1.nifty.com/youji-izawa/goo2/img/baner/youchan9.gif") no-repeat 50% 25px;
min-height: 30px;
}

ul{
list-style-type: none;
width: 50%;
margin: 0ex 0em 0ex 200px;
}

p {
color: black;
background: lavenderblush url(http://homepage1.nifty.com/youji-izawa/top/stylesheet/style034/style034-3.gif) repeat-x;
margin: 0ex 0em 0ex 8px;
padding: 3ex 1em 2ex;
}

.post {
margin: 2.3ex 0em 2.3ex;
}

.post_auther{
background: url(http://homepage1.nifty.com/youji-izawa/top/stylesheet/style034/style034-1.gif) no-repeat right top;
padding: 0ex 0em;
color: navajowhite;
background: mediumvioletred;
margin: 0ex 8px 0ex 0px;
padding: 0.5ex 0.5em 0.3ex;
}

.post_auther a {
text-decoration: none;
}

.post_auther a:link {
color: yellow;
}

.post_auther a:visited {
color: gold;
}

.post_auther a:active {
color: yellow;
background-color: lightcoral;
}

.post_auther a:hover {
text-decoration: none;
}

.post_name a{
color:yellow;
background-color:mediumvioletred;
}

.post_name a:hover{
color:mediumvioletred;
background-color:yellow;
}

.post_edit a{
color:yellow;
background-color:mediumvioletred;
padding:0.2em 0.4em 0.2em 0.4em;
margin-left:2em;
-moz-border-radius: 0.4em;
}

.post_edit a:hover{
color:mediumvioletred;
background-color:yellow;
}

.post_reply a{
color:yellow;
background-color:mediumvioletred;
padding:0.2em 0.4em 0.2em 0.4em;
margin-left:0.5em;
-moz-border-radius: 0.4em;
}

.post_reply a:hover{
color:mediumvioletred;
background-color:yellow;
}

.title{
font-size:110%;
font-weight:bold;
color: black;
background: palevioletred url(http://homepage1.nifty.com/youji-izawa/top/stylesheet/style034/style034-2.gif) repeat-x;
margin: 0ex 4px;
padding: 2ex 0.5em 1ex;
}

.title a{
text-decoration: none;
color: black;
background-color: palevioletred;
}

.title a:hover {
color: white;
background-color: black;
}

#write{
padding:1em;
text-align:center;
background: url("http://homepage1.nifty.com/youji-izawa/sonota/pikatyu_gif/A_pikakao07.gif") no-repeat left center;
min-height: 22px;
padding: 4px 2px 3px 22px;
margin: 4ex 384px 0ex 428px;
}

#write a {
text-decoration: none;
color: black;
background-color: yellow;
}

#write a:hover {
color: white;
background-color: black;
}

#back_link{
padding:1em;
}

#back_link a {
color: black;
background-color: yellow;
}

#back_link a:hover {
color: white;
background-color: black;
}

#navigation{
text-align:center;
}

div{
text-align:center;
}

//------------------------------------------------
＊プロフィールＣＳＳ
//------------------------------------------------
@import url("common.css");

body {
background: yellow url("http://homepage1.nifty.com/youji-izawa/goo2/img/baner/youchan9.gif") no-repeat 50% 25px;
min-height: 30px;
}

table {
background: pink;
margin: 4.3ex 8em 0ex 156px;
border-width: 2px;
border-style: solid;
border-color: white gray silver gainsboro;
}

td {
color: mediumvioletred;
background: mistyrose;
padding: 0.25ex 0.5em;
border-width: 1px;
border-style: solid;
border-color: white lightgrey lightgrey white;
}

td a {
}

center td a:link {
background: yellow;
color: deeppink;
}

td a:visited {
background: yellow;
color: yellow;
}

td a:active {
background: black;
color: red;
}

td a:hover {
background: black;
color: yellow;
}

td hr {
color: deeppink;
}

th {
color: mediumvioletred;
background: mistyrose;
padding: 0.25ex 0.5em;
border-width: 1px;
border-style: solid;
border-color: white lightgrey lightgrey white;
}

//------------------------------------------------
＊メニューＣＳＳ
//------------------------------------------------
@import url("common.css");

a:hover { background:deeppink; color:yellow; font-style:oblique; font-weight:bolder; font-size:larger; }

ul {
list-style-type: none;
margin-top: 1em;
font: bold; "ＭＳ Pゴシック";color:deeppink;
}

li {
padding: 0.2em 0.2em 0.5em 1em;
}

li a {
background: url("http://homepage1.nifty.com/youji-izawa/sonota/pikatyu_gif/A_pikakao07.gif") no-repeat left center;
min-height: 22px;
padding: 4px 2px 3px 22px;
margin: 2px;
}

li a:hover {
background: url("http://homepage1.nifty.com/youji-izawa/sonota/pikatyu_gif/A_pikakao07.gif") no-repeat left center;
background-color:deeppink;
}

//------------------------------------------------
＊共通設定ＣＳＳ
//------------------------------------------------
.for-owner { }
.for-guest { display: none; }

* {
margin: 0;
padding: 0;
}

html { scrollbar-face-color:yellow;
scrollbar-track-color:lime;
scrollbar-highlight-color:yellow;
scrollbar-arrow-color:deeppink;
scrollbar-shadow-color:yellow;
scrollbar-darkshadow-color:black;
scrollbar-3dlight-color:black;
}

body { border-style: solid; border-width: 25px; border-color: deeppink; background-color: yellow; }

a:link { text-decoration: none; color: deeppink; }
a:visited { text-decoration: none; color: deeppink; }
a:active { background: yellow; color: deeppink; }
a:hover { background: deeppink; color: yellow; }

a { cursor:hand ; }

select { background-color:deeppink; color:white; }

input { background-color:deeppink; color:white; }