@charset "Shift_JIS";



/* リンク設定 */
A{color : #666666;text-decoration: none;}
A:VISITED{color : #666666;text-decoration: none;}
A:hover {color:#ff0000;text-decoration:none; }
A:ACTIVE{color : #ff0000; text-decoration:none; }



/* スクロールバーと背景設定 */
BODY{
margin: 0;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-face-color:#efefef;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
background : #ffffff url(kabe_box1.gif);	/*壁紙を変えたい場合、画像をimagesフォルダに入れて、「kabe_box1.gif」部分をその壁紙画像ファイル名に変更する*/
}



/*テーブルのベース設定*/
.base{
margin: 0;
width: 700px;	/*HPの横幅を変えたい場合、この数字を変更する*/
height: 100%;
background: #ffffff;	/*HP内の白い部分を他の色にする際はここを変更*/
border-left: 1px solid #9cd827;	/*HPの左右に入っている黄緑の線（左側）。太くしたいなら1pxの数字を大きくする。色を変えたいなら#9cd827 を変える。横の「;」を消さないよう注意*/
border-right: 1px solid #9cd827;	/*HPの左右に入っている黄緑の線（右側）。太くしたいなら1pxの数字を大きくする。色を変えたいなら#9cd827 を変える。横の「;」を消さないよう注意*/
}



/*タイトル行設定*/
.title{
height: 70px;
background : #9cd827 url(bg.gif);	/*タイトルロゴが入っている横シマの壁紙を変えたい場合は、変えたい画像をimagesフォルダに入れて、bg.gifをその画像ファイル名に変える。*/
}



/*タイトルロゴ設定*/
.logo{
padding-left: 20px;
font: bold 36px Impact,arial,sans-serif;
color:#9cd827;		/*タイトルロゴの色。タイトルを目立たせたいなら他の色をもってくる*/
}



/*右上のボタンの文字設定（サイトマップ、お問い合わせ部分）*/
.botan1{
font: bold 12px Osaka,"ＭＳ ゴシック",sans-serif;
color:#999999;
}



/*タイトル下のグリーンライン*/
.green{
height:10px;		/*タイトルの下に入っているグリーンの横線の高さ設定。もっと太くしたいなら10を大きな数字に変える。*/
background : #9cd827;
}



/*左上のメニュー（ABOUT ME や SHOPPINGなど入っている所）*/
.menu{
width: 150px;	/*横幅。ここを変える場合、下の「イメージ画像部分」項目の横幅も変更する。足して700pxにすると幅びっちり使って格好悪いので少し少なめにする。*/
padding: 5px;
border: solid 3px #9cd827;	/*フチの幅と色。3px部分を小さくor大きくする事で細くなったり太くなったりする。ちなみに、solidをdashedやdottedにすると破線や点線になるので面白いかも。*/
background: #efefef;	/*ベースの色。初期では薄いグレー。*/
font: 16px/250% Impact,Osaka,"ＭＳ ゴシック",sans-serif;	/*文字設定。16px部分を小さくor大きくすると文字の大きさも変えられる。*/
color:#9cd827;		/*文字色*/
}
.menu A{color : #9cd827;text-decoration: none;}	/*ここから下の4行部分は、リンクになった場合の色設定。上の文字色を変えた場合、この下の同じカラー番号部分も同様に変更すること。*/
.menu A:VISITED{color : #9cd827;text-decoration: none;}
.menu A:hover {color:#ff0000;text-decoration:none; }
.menu A:ACTIVE{color : #ff0000; text-decoration:none; }



/*左上のメニューの右側のイメージ画像部分（画像は横500pxぐらいにするとキレイに配置できます。サンプル画像は横500px縦300px）*/
.imageback{
width: 510px;
}



/*What' New や PICK UP!などのグリーンの文字とアンダーライン*/
.greenmidasi{
padding: 0px;
border-bottom: solid 10px #9cd827;	/*What' Newなどの下に入っている黄緑の横ライン。「タイトル下のグリーンライン」のサイズとあわせると全体的に統一感が出る。*/
font: 16px Impact,Osaka,"ＭＳ ゴシック",sans-serif;
color:#9cd827;
}
.greenmidasi A{color : #9cd827;text-decoration: none;}	/*ここから下の4行部分は、リンクになった場合の色設定。上の文字色を変えた場合、この下の同じカラー番号部分も同様に変更すること。*/
.greenmidasi A:VISITED{color : #9cd827;text-decoration: none;}
.greenmidasi A:hover {color:#ff0000;text-decoration:none; }
.greenmidasi A:ACTIVE{color : #ff0000; text-decoration:none; }



/*greenmidasiのセル左(What's New!部分)*/
.gmleft{
width: 60%;
padding-right: 10px;
}


/*greenmidasiのセル右(PICK UP!部分)*/
.gmright{
width: 40%;
}



/*What' newなどの下の文字全般*/
.bun{
padding-top: 10px;
padding-left: 20px;
padding-bottom: 20px;
font: 13px/150% Osaka,"ＭＳ ゴシック",sans-serif;
color:#999999;
}



/*最下部コピーライト*/
.copyright{
height: 40px;
background : #9cd827;
font: 12px Osaka,"ＭＳ ゴシック",sans-serif;
color:#ffffff;
}
.copyright A{color : #ffffff;text-decoration: none;}
.copyright A:VISITED{color : #ffffff;text-decoration: none;}
.copyright A:hover {color:#ff0000;text-decoration:underline; }
.copyright A:ACTIVE{color : #ff0000; text-decoration:underline; }



/*その他のTDセル(スタイルシートを設定していないTDセル部分の全般設定)*/
TD{
padding: 0;
font: 12px Osaka,"ＭＳ ゴシック",sans-serif;
color:#999999;
}