html{
scrollbar-track-color: #ffffff;
scrollbar-3dlight-color: #cccccc;
scrillbar-heilight-color: #ffffff;
scrollbar-shadow-color: #999999;
scrollbar-face-color: #ffffff;
}
/*--------------▲IEのみの設定▲------------------*/

/*=================全体の設定===============*/
body{
font-size: medium;
font-family: sans-serif;
}

/*-------リンク文字---------*/
a{
color: #000000;
font-weight: bolder;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

/*~~~~~~~~~~~~
☆エンディングのイメージで、リンク文字の色は変えずに大きさと太さだけにしています。
~~~~~~~~~~~~~~~~~*/


/*画像*/
img {
border: 0; /*画像リンクでも枠線入れたくないので*/

}

/*==============================================*/
/*----------------上段--------------*/
#head{
height: 80px;
margin-top: 25px;
margin-left: 50px;
}

/*=========☆メインタイトル☆=========*/
#head h1{
padding-left: 45px;						/*余白*/
padding-top: 5px;						/**/
font-size: 30px;						/*文字の大きさ*/
font-family: 'Times New Roman',serif;	/*文字の種類*/
vertical-align: sub;
}


/*-------------▼下段------------------------------*/
#footer{
clear: both;							/*フロート解除*/
background-image: url(bill-wihte.gif);	/*背景画像*/
background-position: bottom;			/*表示位置*/
background-repeat: repeat-x;			/*画像繰り返し*/
top: 380px;								/*座標指定表示開始位置*/
left: 0;
margin-top: 10px;						/*上部余白*/
min-height: 90px;						/*最小の高さ*/
height: auto;							/*高さ指定*/
width: 100%;							/*幅*/
vertical-align: sub;					/*文字表示位置 sub で行の最下に*/
}

/*========HOMEリンク===========*/
#footer a{
height: 80px;
background-image: url(chara-sil.gif);	 /*背景画像（二人が並んでるやつ）*/
background-repeat: no-repeat;
background-position: right bottom;		/*画像表示位置*/
padding-left: 15px;						/*左余白（これないと、バンバンと撃ってる腕のところが入りません*/
padding-top: 50px;						/*上余白　（やたらと高さを取ってるのは、これ位無いと画像が全部表示されない*/
font-size: 30px;						/*文字サイズ*/
vertical-align: sub;
text-decoration: none;					/*リンクの文字に下線を入れない*/
}

/*=====★HOMEリンクにマウスが重なったとき=====*/
#footer a:hover{
background-image: url(chara-sil2.gif);	/*背景画像（たっくんが撃ちます）*/
background-position: right bottom;
text-decoration: underline;				/*文字に下線が入る*/
}

/*------▼左側メイン-----------------------------------------------------------*/
/*★左擬似フレーム*/
#main{
margin-left: 150px;
float: left; 							/*浮動フロート設定。*/
width: 65%;								/*幅*/
margin: 0;								/*余白（0にしないと、浮動フロートの場合ブラウザでデザインが狂う*/
padding: 0;								/*余白*/
height: 350px;							/*高さ*/
overflow: auto;							/*高さ以上もので行が埋まったとき、自動的に擬似フレームとなる*/
}

/*擬似フレーム内テキスト*/
#main_text{
padding: 20px 40px 30px;				/*余白一括設定　　上、左右、下の順*/
font-size: 1em;
line-height: 1.3;						/*行間*/
padding: 2px;
margin: 2px;
}

#main_text a{
font-size: 1.2em;
}
#main_text img{
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 2px #666666;
border-bottom: solid 2px #666666;
margin-right: 5px;
margin-bottom: 8px;
background-color: #ebf3f5;
}


/*-----------------リンク記事-----*/
#left{
left: 0;
font-size: 1em;
float: left;
width: 180px; 
margin: 0;
padding: 0;
}

.sozai{
border: solid 1px #ff6600;
padding: 2px 5px;
margin-bottom: 5px;
}


/*リンク共通設定*/
#link {
margin: 10px;
width: 180px;
font-size: 0.9em;
}

#link a{
width: 99%;
background-repeat: repeat;
font-size: 1.5em;
}

#link div{
margin: 0 5px;
height: 50px;
}


.link1{
text-align: left;
background-color: #f1f1f1;
background-repeat: no-repeat;
background-position: bottom right;
border-bottom: solid 1px #999999;
min-height: 55px;
height: auto;
}

.link2{
text-align: right;
background-color: #f1f1f1;
background-repeat: no-repeat;
background-position: left top;
min-height: 55px;
height: auto;
}

/*リンク擬似フレーム下の余白*/
#under{
margin-top: 3px;
padding: 0 5px;
font-size: 0.9em;
border: solid 1px #000000;
}
#under a{
font-size: 1.2em;
}

#copy{
clear: both;
font-size: 0.9em;
}

