/* --- オープニングエリア（トップページ） --- */
#header div.opening {
padding: 8px 0; /* オープニングエリアのパディング（上下、左右） */
background: #e8f8fd url(../images/opening_bg2.gif) repeat-x top; /* オープニングエリアの背景 */
border-bottom: 1px #eef7fe solid; /* オープニングエリアの下境界線 */
}
/* オープニングエリア内の見出し */
#header div.opening h2 {
margin: 0 40px;/* （上下、左右） */
}


/* --- セクション（トップページ） --- */
/* --- 強調セクション --- */
#main div.emphasis {
margin-bottom: 3em; /* セクションの下マージン（上書き） */
padding: 0.8em 10px 0; /* セクションのパディング（上、左右、下） */
}
 /* 見出し */
#main div.emphasis h2 {
margin: 0 0 0.8em; /* 見出しのマージン（上、左右、下） */
font-size: 130%; /* 見出しの文字サイズ */
color: #000000; /* 見出しの文字色 */
}
 /* 段落 */
#main div.emphasis p {
margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
font-size: 120%; /* 文字サイズ */
line-height: 150%; /* 行の高さ */
}



/* --- 比較項目エリア --- */
div.ranking {
width: 600px; /* ランキングエリアの幅 */
padding: 5px 100px; /* 見出しのパディング（上下、左右） */
font-size: 120%;
margin-bottom:30px;
}


/* --- ランキングリスト --- */
div.ranking ol {
margin: 0;
padding: 0 0 5px; /* ランキングリストのパディング（上、左右、下） */
border-top: 1px #c0c0c0 dotted; /* ランキングリストの上境界線 */
list-style-type: none;
}

/* --- リスト項目 --- */
div.ranking li {
padding: 9px 0 9px 48px; /* 項目のパディング（上右下左） */
background-repeat: no-repeat;
background-position: 3px 4px; /* 背景画像の表示位置（左からの距離、上からの距離） */
border-bottom: 1px #c0c0c0 dotted; /* 項目の下境界線 */
line-height: 120%;
font-weight: bold; /* 文字の太さ（太字） */
}

/* --- マーカー画像 --- */
div.ranking li.hikaku1 {
background-image: url(../images/hikaku_allow01.gif); /* 項目1 */
}
div.ranking li.hikaku2 {
background-image: url(../images/hikaku_allow02.gif); /* 項目2 */
}

div.ranking li.hikaku1 h3,div.ranking li.hikaku2 h3 {
margin: 0;
}