@charset "Shift_JIS";


/* スクロールバーと背景設定 */
BODY{
margin: 0;
scrollbar-base-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-shadow-color: #808080;
    scrollbar-highlight-color: #808080;
}




/*テーブルのベース設定*/
.base{
margin: 0;
width: 720px;
height: 100%;
background: #ffffff;	
border-left: 1px solid #ff9933;	
border-right: 1px solid #ff9933;	
}



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



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



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



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



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



/*最下部コピーライト*/
.copyright{
height: 20px;
background : #999999;
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; }


.style1 {
	font-size: 12px;
	color: #333333;
}
.style2 {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.style3 {
    font-size: 14px; 
	color: #333333; 
	font-weight: bold; }


  
.style5 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.style6 {
	color: #FFFFFF;
	font: bold;
}
.style7 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

.text{
padding:3px 15px 0 10px;
line-height: 200%;
color: #666666;
	font-size: 14px;
	font-weight: bold;
}
.text2{
padding:5px 5px 5px 5px;
line-height: 150%;
color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.text3{
padding:10px 10px 10px 10px;
line-height: 150%;
color: #333333;
	font-size: 12px;
	font-weight: normal;
}

.text4{
	padding:5px 5px 5px 5px;
	line-height: 150%;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}

.text5{
padding:5px 5px 5px 5px;
line-height: 150%;
color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
a:link {
	text-decoration: blink;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}