/* DreamweaverでCSSファイルを開かないで下さい */

/* まず全体の設定 */
BODY { /* 全体の設定 */
	MARGIN: 0; /* 隙間を無くす */
	PADDING: 0; /* 隙間を無くす・Opera対策 */
	COLOR: #333333; /* 全体のフォントの色を黒にする */
	BACKGROUND-COLOR: #F0F0F0;/* 全体の背景色を白にする */
	BACKGROUND-ATTACHMENT: fixed;
	BACKGROUND-IMAGE: url(../img/background.gif);
	BACKGROUND-REPEAT: repeat-y;
	BACKGROUND-POSITION: left top;
}
LI { /* リスト */
	MARGIN-BOTTOM: 15px;
}
UL { /* リスト */
	MARGIN-LEFT: 20px;
}
HR { 
	HEIGHT: 0px;
	BORDER: #136D2C 1px dotted;
	BORDER-TOP-WIDTH: 1px;
}
BODY, TR, TD, TH { 
	FONT-SIZE: 9pt;
	LINE-HEIGHT: 130%;
}


/* リンクの設定 */
A:link, A:visited, A:active { 
	COLOR: #34A12D;
	TEXT-DECORATION: underline;
}
A:hover { 
	COLOR: #99CC33;
	TEXT-DECORATION: none;
}


/* ここからは見出しの設定　1>2>3>4>5>6の順で重み付け */
H1 { /* 見出し1 */
	FONT-SIZE: 9pt;
	DISPLAY: none;
}
H2 { /* 見出し2 */
	FONT-SIZE: 9pt;
}
H3 { /* 見出し3 */
	FONT-SIZE: 9pt;
}
H4 { /* 見出し4 */
	FONT-SIZE: 9pt;
	DISPLAY: none;
}
H5 { /* 見出し5 */
	FONT-SIZE: 9pt;
	DISPLAY: none;
}
H6 { /* 見出し6 */
	FONT-SIZE: 9pt;
	DISPLAY: none;
}


/* ここからは強調タグの設定　1>2>3>4の順で重み付け　特にキーワードはSTRONGを使う */
STRONG { /* 強調タグ1・太字 */
	FONT-SIZE: 13pt; /* 文字サイズ変更 */
	FONT-WEIGHT: BOLD; /* 太字にしている */
	LINE-HEIGHT: 150%;
}
EM { /* 強調タグ2・斜体 */
	FONT-SIZE: 11pt; /* 文字サイズ変更 */
	FONT-STYLE: NORMAL; /* 斜体を消している */
	FONT-WEIGHT: BOLD; /* 太字にしている */
	LINE-HEIGHT: 140%;
}
B { /* 強調タグ3・太字 */
	FONT-SIZE: 9pt; /* 文字サイズ変更 */

}
I { /* 強調タグ4・斜体 */
	FONT-SIZE: 8pt; /* 文字サイズ変更 */
	FONT-STYLE: normal; /* 斜体を消している */
	FONT-WEIGHT: normal; /* 太字を消している */
	LINE-HEIGHT: 110%;
}


/* 上記のボタンリンク */
.GRADIENT { 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#dddddd', gradientType='0');
}
A.GRADIENT:hover {
	TEXT-DECORATION: none;
	LEFT : 1px;
	TOP : 1px;
	POSITION: relative;
}


/* フォントスタイルの設定 */
.normal { /* ノーマルにする */
	FONT-STYLE: NORMAL;
}
.italic { /* ノーマルにする */
	FONT-STYLE: ITALIC;
}
.bold { /* 太文字にする */
	FONT-STYLE: BOLD;
}


/* メニューバーの設定 */
.BarDarkgreen { /* フィールフォーカラーのメニューバー */
	MARGIN: 0;
	PADDING: 4;
	COLOR: darkgreen;
	WIDTH: 100%;
	BORDER-LEFT: darkgreen 5px solid;
	BORDER-BOTTOM: darkgreen 1px dotted;
	BACKGROUND-COLOR: #DCEFD1;/* 背景色 */
}
.BarDodgerblue { /* エンターテイメントのメニューバー */
	MARGIN: 0;
	PADDING: 4;
	COLOR: dodgerblue;
	WIDTH: 100%;
	BORDER-LEFT: dodgerblue 5px solid;
	BORDER-BOTTOM: dodgerblue 1px dotted;
	BACKGROUND-COLOR: #E1F0FF;/* 背景色 */
}
.BarSteelblue { /* パソコンとインターネットのメニューバー */
	MARGIN: 0;
	PADDING: 4;
	COLOR: steelblue;
	WIDTH: 100%;
	BORDER-LEFT: steelblue 5px solid;
	BORDER-BOTTOM: steelblue 1px dotted;
	BACKGROUND-COLOR: #D8E4EF;/* 背景色 */
}
.BarRed { /* 暮らしと生活のメニューバー */
	MARGIN: 0;
	PADDING: 4;
	COLOR: red;
	WIDTH: 100%;
	BORDER-LEFT: red 5px solid;
	BORDER-BOTTOM: red 1px dotted;
	BACKGROUND-COLOR: #FFE6E6;/* 背景色 */
}
.BarDeeppink { /* ショッピングとギフトのメニューバー */
	MARGIN: 0;
	PADDING: 4;
	COLOR: deeppink;
	WIDTH: 100%;
	BORDER-LEFT: deeppink 5px solid;
	BORDER-BOTTOM: deeppink 1px dotted;
	BACKGROUND-COLOR: #FFF1F1;/* 背景色 */
}
.BarDarkblue { /* 旅行とレジャーのメニューバー */
	MARGIN: 0;
	PADDING: 4;
	COLOR: darkblue;
	WIDTH: 100%;
	BORDER-LEFT: darkblue 5px solid;
	BORDER-BOTTOM: darkblue 1px dotted;
	BACKGROUND-COLOR: #ECECFF;/* 背景色 */
}
.BarBrown { /* 保険のメニューバー */
	MARGIN: 0;
	PADDING: 4;
	COLOR: brown;
	WIDTH: 100%;
	BORDER-LEFT: brown 5px solid;
	BORDER-BOTTOM: brown 1px dotted;
	BACKGROUND-COLOR: #F9E8E8;/* 背景色 */
}
.BarLightslategray { /* ビジネスのメニューバー */
	MARGIN: 0;
	PADDING: 4;
	COLOR: lightslategray;
	WIDTH: 100%;
	BORDER-LEFT: lightslategray 5px solid;
	BORDER-BOTTOM: lightslategray 1px dotted;
	BACKGROUND-COLOR: #D8E4EF;/* 背景色 */
}
.BarChocolate { /* 教育と学習のメニューバー */
	MARGIN: 0;
	PADDING: 4;
	COLOR: chocolate;
	WIDTH: 100%;
	BORDER-LEFT: chocolate 5px solid;
	BORDER-BOTTOM: chocolate 1px dotted;
	BACKGROUND-COLOR: #F7EBDF;/* 背景色 */
}
.BarHotpink { /* 女性と美容のメニューバー */
	MARGIN: 0;
	PADDING: 4;
	COLOR: hotpink;
	WIDTH: 100%;
	BORDER-LEFT: hotpink 5px solid;
	BORDER-BOTTOM: hotpink 1px dotted;
	BACKGROUND-COLOR: #FFE1F0;/* 背景色 */
}
.BarPurple { /* 男性と娯楽のメニューバー */
	MARGIN: 0;
	PADDING: 4;
	COLOR: purple;
	WIDTH: 100%;
	BORDER-LEFT: purple 5px solid;
	BORDER-BOTTOM: purple 1px dotted;
	BACKGROUND-COLOR: #FFE6FF;/* 背景色 */
}
.BarOrangered { /* コミュニティーのメニューバー */
	MARGIN: 0;
	PADDING: 4;
	COLOR: orangered;
	WIDTH: 100%;
	BORDER-LEFT: orangered 5px solid;
	BORDER-BOTTOM: orangered 1px dotted;
	BACKGROUND-COLOR: #FFEDD2;/* 背景色 */
}
























/* その他の設定 */
.TABLE { BORDER-RIGHT: #8B7454 1px solid; BORDER-LEFT: #8B7454 1px solid; BORDER-BOTTOM: #8B7454 1px solid }
.MALE { COLOR: #336699; BORDER: #336699 1px solid; BACKGROUND-COLOR: #DCE8F3 }
.FEMAIL { COLOR: #FF3333; BORDER: #FF3333 1px solid; BACKGROUND-COLOR: #FFE1E1 }
.sime { COLOR: #FFFFFF; BORDER: #336699 1px solid; BACKGROUND-COLOR: #666666 }
.topimg { COLOR: #FF0000; TEXT-DECORATION: underline TOP: 0px; LEFT: 0px; TOP : 0px;}
A.topimg:hover { COLOR: #FF0000; TEXT-DECORATION: underline TOP: 0px; LEFT: 0px; TOP : 0px;}


.rank1 { /* SSIランキング */
	FONT-SIZE: 9pt; /* 文字サイズ変更 */
	FONT-STYLE: normal; /* 斜体を消している */
	FONT-WEIGHT: BOLD; /* 太字にしている */
	LINE-HEIGHT: 110%;
}
.rank2 { /* SSIランキング */
	FONT-SIZE: 8pt; /* 文字サイズ変更 */
	FONT-STYLE: normal; /* 斜体を消している */
	FONT-WEIGHT: normal; /* 太字にしている */
	LINE-HEIGHT: 110%;
}
.COPYRIGHT { 
	BOTTOM: 10px;
	WIDTH: 750;
	TEXT-ALIGN: center;
	POSITION: absolute;
}
.CONTENTS {
	DISPLAY: none;
}
.DROPSHADOW { 
	FILTER: progid:DXImageTransform.Microsoft.dropshadow(OffX='2', OffY='2', color='#D7F7D6', Positive='true');
}
.menu1 { 
	FONT-SIZE: 9pt;
	MARGIN: 0;
	PADDING: 3;
	COLOR: #136D2C;
	WIDTH: 100%;
}
.menu2 { 
	FONT-SIZE: 9pt;
	MARGIN: 0;
	PADDING: 3;
	COLOR: #136D2C;
	WIDTH: 100%;
	BORDER-TOP: #136D2C 1px dotted;
}