/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* 全体の背景色 */
color: #666666; /* 全体の文字色 */
font-size: 80%; /* 全体の文字サイズ */
}
 
/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover { color: #ff8000; }
a:active { color: #ff0000; }
 
/* --- コンテナ --- */
#container {
width: 894px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
background: #f9f9f9 url(../img/wc/pageback_880.gif) repeat-y center top; /* コンテナの背景（両サイドの影） */
}
 
/* --- ページ --- */
#page {
width: 850px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background:url(../img/wc/back4.gif) repeat-y left; /* 左サイドバーの背景画像 */

}
 

/* --- ▼ヘッダ内の設定開始 --- */
 
/* --- ヘッダ --- */
#header {
position: relative; /* 相対配置（ガイドメニューのために設定） */
width: 100%; /* IE 6のために幅の指定が必要 */
margin: 0 0 10px; /* ヘッダのマージン（上、左右、下） */
padding: 0px 0 0; /* ヘッダのパディング（上、左右、下） */
background-color: #ffffff; /* 背景色 */
}
/* --- トップページ用の設定 --- */
div.topPage #header {
margin-bottom: 3px; /* ヘッダの下マージン（上書き） */
padding-bottom: 31px; /* ヘッダの下パディング（上書き） */
background: #f9f9f9 url(../img/wc/form_back1_on.gif) repeat-x bottom; /* ヘッダの背景（メインメニュー下のグラデーション） */
}
 
/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
margin: 0 0px 7px; /* サイトタイトルのマージン（上、左右、下） */
font-size: 200%; /* サイトタイトルの文字サイズ */
}
/* サイトタイトルの画像 */
#header h1.siteTitle img,
#header p.siteTitle img {
border: none;
}
 
/* --- キャッチフレーズ --- */
#header p.catch {
margin: 0px 0 0px; /* ページタイトルのマージン（上、左右、下） */
padding: 4px 10px; /* ページタイトルのパディング（上下、左右） */
background: #FFFFFF url(http://www.worldclub-japan.co.jp/img/head1.gif) repeat-x top; /* ナビゲーションの背景 */
font-size: 90%; /* ページタイトルの文字サイズ */
text-align: left;
 
}
#header p.catch strong {
font-weight: strong; /* 文字の太さ（ノーマル） */
color:#000000
}

/* --- キャッチフレーズ２ --- */
#header p.catch2 {
margin: 0px 0 0px; /* ページタイトルのマージン（上、左右、下） */
padding: 4px 10px; /* ページタイトルのパディング（上下、左右） */
background: #FFFFFF
font-size: 100%; /* ページタイトルの文字サイズ */
text-align: left;
color:#000000
}
#header p.catch2 strong {
font-weight: strong; /* 文字の太さ（ノーマル） */
color:#000000
}
 
/* --- ガイドメニュー --- */
#header ul.guide {
position: absolute; /* 絶対配置 */
top: 23px; /* 上からの距離 */
right: 5px; /* 右からの距離 */
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
#header ul.guide li {
display: inline;
padding: 0 8px 0 15px; /* 項目のパディング（上右下左） */
background: url(../image/menu_line_gray.gif) no-repeat left; /* 項目の背景（区切り線） */
}
/* 最初の項目 */
#header ul.guide li.first {
background: none; /* 区切り線なし */
}
 
/* --- オープニングエリア（トップページ） --- */
#header div.opening {
margin-bottom: 2px; /* オープニングエリアの下マージン */
}
/* オープニングエリア内の見出し */
#header div.opening h2 {
margin: 0;
}
 
/* --- ナビゲーションバー --- */
.nav {
width: 100%; /* ナビゲーションの幅 */
background: #004080 url(http://www.worldclub-japan.co.jp/img/bo.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #3366CC solid; /* 上枠線 */
border-bottom: 1px #3366CC solid; /* 下枠線 */
font-size: 90%;
color:#FFFFFF;
}
 
/* --- メニューエリア --- */
.nav .nl {
width: 850px; /* メニューの幅 */
margin: 0;
padding: 1px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}
 
/* --- メニュー項目 --- */
.nav .nl li {
float: left;
}
 
/* --- 項目の幅（emで指定） --- */
.nav .nl li.item1 {
width: 7em;
}
.nav .nl li.item2 {
width: 11em;
}
.nav .nl li.item3 {
width: 12em;
}
.nav .nl li.item4 {
width: 6.5em;
}
.nav .nl li.item5 {
width: 6.5em;
}
.nav .nl li.item6 {
width: 6.5em;
}
.nav .nl li.item7 {
width: 10em;
}
.nav .nl li.item8 {
width: 7em;
}
 
/* --- リンク --- */
.nav .nl li a {
 display: block;
 position: relative;
 padding: 6px 6px;
 border-right: 1px #004080 solid;
 text-decoration: none;
 left: 1px;
}
/* --- リンクテキストの色 --- */
.nav .nl li a:link,
.nav .nl li a:visited,
.nav .nl li a:hover,
.nav .nl li a:active
{
color: #ffffff;
}
{
color: #ffffff;
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background: #004080 url(../../../img/bo1.gif) repeat-x bottom; /* ポイント時の背景 */
text-decoration: none; /* テキストの下線（なし） */
}
 
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
 
.example1 {
padding: 30px 10px;
background-color: #ffffff;
font-size: 80%;
color: #000000;
}
 
/* --- トピックパス（下層ページ） --- */
#header ol.topicPath {
margin: 0;
padding: 3px 3px; /* トピックパスのパディング（上下、左右） */
background: #f9f9f9 url(../img/head1.gif) repeat-x 0 1px; /* トピックパスの背景 */
border-bottom: 1px #999999 solid; /* トピックパスの下境界線 */
list-style-type: none;
}
/* リスト項目 */
#header ol.topicPath li {
display: inline;
}
/* リンクエリア */
#header ol.topicPath li a {
padding: 0 6px 0 6px; /* リンクエリアの右パディング */
background: url(../img/wc/menu_line_gray.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */

}
 
/* --- 罫線 --- */
#header hr.none {
display: none; /* 表示形式（なし） */
}
 
/* --- ▲ヘッダ内の設定終了 --- */
 

/* --- ▼コンテンツ内の設定開始 --- */
 
/* --- コンテンツ --- */
#content {
width: 100%; /* コンテンツの幅 */
margin-bottom: 10px; /* コンテンツの下マージン */
}
 

/* --- ▼メインカラム内の設定開始 --- */
 
/* --- メインカラム --- */
#main {
float: left;
width: 655px; /* メインカラムの幅 */
padding: 5px 0 0 40px ; /* トピックパスのパディング（上、右、下、左） */
margin: 0;
background: #ffffff;

}
#main div.pageTitle {
margin: 10px 0 10px 0; /* 見出しエリアのマージン（上右下左） */
padding: 6px 7px; /* 見出しエリアのパディング（上下、左右） */
background: #f9f9f9 url(../img/heading_back1.gif) repeat-x; /* 見出しエリアの背景 */
border: 1px #708090 solid; /* 見出しエリアの境界線 */
width: 611px; /* メインカラムの幅 */
}
/* 見出し */
#main div.pageTitle h1 {
margin: 2px 0 2px 0; /* 見出しエリアのマージン（上右下左） */
padding: 3px 0 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #ff8000 solid; /* 見出しの左境界線 */
font-size: 110%; /* 見出しの文字サイズ */
color: #333333; /* 見出しの文字色 */
line-height: 100%;

}

/* --- セクション --- */
#main div.section {
margin: 2px 0 0.5em 0px;/* セクションのマージン（上右下左） */
width:470px; 

}
/* セクション内の見出し */
#main div.section h2 {
margin: 0 0 1em; /* 見出しのマージン（上、左右、左） */
padding: 5px 8px; /* 見出しのパディング（上下、左右） */
background: #FFFFFF url(http://www.worldclub-japan.co.jp/img/sen.gif) repeat-x top; /* ナビゲーションの背景 */
font-size: 100%; /* 見出しの文字サイズ */
}
/* セクション内の段落 */
#main div.section p {
margin: 3px 0 7px 0; /* 段落のマージン（上、左右、左） */
font-size: 100%;
text-align:left;
line-height: 100%; /* 行の高さ */
}
 
/* --- アピールポイント（トップページ） --- */
#main div.point {
padding: 1em 10x 0; /* パディング（上、左右、左） */
border: 1px #c0c0c0 solid; /* 境界線 */
}
 /* アピールポイント内の見出し */
#main div.point h2 {
padding: 0; /* パディング（上書き） */
background: none; /* 背景（上書き） */
color: #ff8000; /* 文字色 */
}
 /* アピールポイント内の段落 */
#main div.point p {
margin: 0 0 1em; /* マージン（上書き） */
font-size: 100%;
}
 
/* --- 新着情報（トップページ） --- */
div.update {
width: 465px; /* 新着情報エリアの幅 */
font-size: 100%;
}

/* --- 見出し --- */
div.update h2 {
margin: 0.5em 0 0.5em ; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
    border-style: solid;
    border-width: 3px 0px 1px 0px;
    border-color: #0066ff;
    padding: 3px 6px; /* パディング（上下、左右） */
	background: #FFFFFF url(../img/head1.gif) repeat-x top; /* ナビゲーションの背景 */
	color:#0066ff;
}

/* --- 新着リスト --- */
div.update dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
}

/* --- 日付エリア --- */
div.update dt {
width: 6.5em; /* 日付エリアの幅 */
float: left;
padding: 3px 0 3px 5px; /* 日付エリアのパディング（上右下左） */
line-height: 110%;
color:#000000;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 3px 3px 3px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
color:#000000;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


.section12{
width: 625px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #999999 solid; /* ボックスの枠線 */
font-size: 100%; /* ボックスの文字サイズ */
}

.section12 h2 {
margin: 0 0 0 0; /* 見出しのマージン */
padding: 7px 10px; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(../img/background/ao11.gif) repeat-x; /* 見出しエリアの背景 */
border-bottom: 1px #ffffff solid; /* 見出しの下枠線 */
font-size: 100%;/* 見出しの文字サイズ */
color:#ffffff;
}

.section12 p {
margin: 0.5em 9px; /* 段落のマージン（上下、左右） */
color:#000000;
}
 

.section13{
width: 617px; /* ボックスの幅 */
border: 1px #3399ff solid; /* ボックスの枠線 */
font-size: 100%;
background-image:url(../img/glay26.gif);
}

.section13 h2 {
margin: 0 0 0 0; /* 見出しのマージン */
padding: 7px 10px; /* 見出しのパディング（上下、左右） */
border-bottom: 0px #3366CC solid; /* 見出しの下枠線 */
font-size: 100%;/* 見出しの文字サイズ */
color:#000000;
}

.section13 p {
margin: 0.5em 9px; /* 段落のマージン（上下、左右） */
color:#000000;
}
 



.list{
  padding:0;
  margin:0;
  list-style-type:none;
}
.list li{
  float:left;
  padding:0;
  margin:0;
  list-style-type:none;
  background:none;
  background-color:#eeeeff;
}
.list li a{
  display:block;
  padding:.2em 0 0;
  width:80px;
  color:#0000ff;
  font-size:12px;
  text-align:center;
}
.list li a:link,
.list li a:visited{
  text-decoration:none;
  border-bottom:5px solid #eeeeff;
}
.list li a:hover,
.list li a:active{
  text-decoration:none;
  border-bottom:5px solid #003399;
} 


      *.float
      {
         float: left;
         margin-right: 1em;
      }
      *.floatclear
      {
         clear: both;
      }

/* 写真の横並び */
/* --- リストエリア１ --- */
ul.thumbnail {
width: 465px; /* リストエリアの幅 */
margin: 3px 0 0 0;
padding: 0;
border-top: 0px #808080 solid; /* リストエリアの上境界線 */
list-style-type: none;
}


/* --- リスト項目 --- */
ul.thumbnail li {
padding: 7px 7px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #cccccc solid; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 100%;
margin: 0;
font-size: 100%;
}

/* --- 写真エリア --- */
ul.thumbnail dt.photo {
width: 110px; /* 写真エリアの幅 */
float: left;
}
ul.thumbnail dt.photo img {
border: 0px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail dt.title,
ul.thumbnail dd {
margin: 0 0 0 110px; /* キャプションエリアのマージン（上右下左） */
}

/* --- タイトルエリア --- */
ul.thumbnail dt.title {
margin-bottom: 5px; /* タイトルエリアの下マージン */
line-height: 110%;
}

/* --- コメントエリア --- */
ul.thumbnail dd {
line-height: 110%;
color:#000000;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- リストエリア２--- */
ul.thumbnail1 {
width: 465px; /* リストエリアの幅 */
margin: 0;
padding: 6px 1px 0px 1px; /* リストエリアのパディング（上、右、下、左） */
list-style-type: none;
}



/* --- リスト項目 --- */
ul.thumbnail1 li {
width: 33%; /* 項目の幅 */
float: left;
}

/* --- 項目内容 --- */
ul.thumbnail1 dl {
width: 142px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */

}

/* --- 写真エリア --- */
ul.thumbnail1 dt {
/* height: 92px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
font-size: 100%;
}
ul.thumbnail1 dt img {
border: 1px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail1 dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 4em; /* キャプションエリアの高さ */
line-height: 125%;
font-size: 80%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- リストエリア１ --- */
ul.thumbnail2 {
width: 465px; /* リストエリアの幅 */
margin: 3px 0 0 0;
padding: 0;
border-top: 0px #808080 solid; /* リストエリアの上境界線 */
list-style-type: none;
}


/* --- リスト項目 --- */
ul.thumbnail2 li {
padding: 4px 6px; /* リスト項目のパディング（上下、左右） */
border-bottom: 0px #cccccc solid; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
ul.thumbnail2 dl {
width: 100%;
margin: 0;
font-size: 100%;
}

/* --- 写真エリア --- */
ul.thumbnail2 dt.photo {
width: 290px; /* 写真エリアの幅 */
float: left;
}
ul.thumbnail2 dt.photo img {
border: 0px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail2 dt.title,
ul.thumbnail2 dd {
color:#009933;
margin: 0 0 0 175px; /* キャプションエリアのマージン（上右下左） */
}

/* --- タイトルエリア --- */
ul.thumbnail2 dt.title {
margin-bottom: 7px; /* タイトルエリアの下マージン */
line-height: 110%;
}

/* --- コメントエリア --- */
ul.thumbnail2 dd {
line-height: 110%;
color:#000000;
font-size: 94%;
background-color:#ffeddb;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* --- 見出しエリア --- */
div.heading {
width: 625px; /* 見出しエリアの幅 */
margin: 15px 0 7px 0;
background: #f9f9f9 url(../img/background/ao6.gif) repeat-x; /* 見出しエリアの背景 */
border: #DDEEFF solid; /* 見出しエリアの境界線（色、スタイル） */
border-width: 2px 2px 2px; /* 見出しエリアの境界線（太さ 上、左右、下） */
}

/* --- 見出し --- */
div.heading h2 {
margin: 0;
padding: 8px 10px 8px; /* 見出しのパディング（上、左右、下） */
font-size: 90%; /* 見出しの文字サイズ */
line-height: 100%;
color:#ffffff;
}
	
/* --- 見出しエリア --- */
div.heading1 {
width: 133px; /* 見出しエリアの幅 */
margin: 7px 0 7px 0;
background: #f9f9f9 url(../img/wc/heading_back1.gif) repeat-x; /* 見出しエリアの背景 */
border: #c0c0c0 solid; /* 見出しエリアの境界線（色、スタイル） */
border-width: 1px 1px 2px; /* 見出しエリアの境界線（太さ 上、左右、下） */
}

/* --- 見出し --- */
div.heading1 h2 {
margin: 0;
padding: 6px 7px 4px; /* 見出しのパディング（上、左右、下） */
border-bottom: 3px #990000 solid; /* 見出しの下境界線 */
font-size: 90%; /* 見出しの文字サイズ */
line-height: 100%;
color:#990000;
}
 
/* --- ▲メインカラム内の設定終了 --- */
 

/* --- ▼サイドバー内の設定開始 --- */
 
/* --- サイドバー --- */
#left {
float: left;
width: 147px; /* サイドバーの幅 */
padding: 4px 4px 4px 4px; /* 見出しのパディング（上右下左） */
}
/* --- ナビゲーションバー --- */
div.nav2 {
width: 147px; /* ナビゲーションの幅 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav2 ul.nl {
margin: 0;
padding: 0;
border-top: 1px #cccccc solid; /* 最上部の境界線 */
border-right: 1px #999999 solid;
border-left: 1px #999999 solid;
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
div.nav2 ul.nl li {
background: #FFFFFF url(../img/head1.gif) repeat-x top; /* ナビゲーションの背景 */
border-bottom: 1px #cccccc solid; /* 項目の下境界線 */
}

/* --- リンク --- */
div.nav2 ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 8px 8px 15px; /* リンクエリアのパディング（上右下左） */
background: url(http://www.worldclub-japan.co.jp/img/m.gif) no-repeat 3px; /* 左側の三角マーク */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav2 ul.nl li a:hover {
background: url(../img/mizu.gif) no-repeat 3px; /* ポイント時の三角マーク */
background-color: #C1F0FF;
}


/* --- ナビゲーションバー --- */
div.nav3 {
width: 147px; /* ナビゲーションの幅 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav3 ul.nl {
margin: 0;
padding: 0;
border-top: 1px #cccccc solid; /* 最上部の境界線 */
border-right: 1px #999999 solid;
border-left: 1px #999999 solid;
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
div.nav3 ul.nl li {
background: #ffffff;
border-bottom: 1px #ffffff solid; /* 項目の下境界線 */
}

/* --- リンク --- */
div.nav3 ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 8px 8px 15px; /* リンクエリアのパディング（上右下左） */
background: url(http://www.worldclub-japan.co.jp/img/ver_menu3_off.gif) no-repeat 3px; /* 左側の三角マーク */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav3 ul.nl li a:hover {
background: url(../img/ore.gif) no-repeat 3px; /* ポイント時の三角マーク */
background-color: #FFECCE;
}

/* --- ナビゲーションバー --- */
div.nav4 {
width: 147px; /* ナビゲーションの幅 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav4 ul.nl {
margin: 0;
padding: 0;
border-top: 1px #cccccc solid; /* 最上部の境界線 */
border-right: 1px #999999 solid;
border-left: 1px #999999 solid;
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
div.nav4 ul.nl li {
background: #ffffff;
border-bottom: 1px #ffffff solid; /* 項目の下境界線 */
}

/* --- リンク --- */
div.nav4 ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 8px 6px 15px; /* リンクエリアのパディング（上右下左） */
background: url(http://www.worldclub-japan.co.jp/img/mk.gif) no-repeat 3px; /* 左側の三角マーク */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav4 ul.nl li a:hover {
background: url(http://www.worldclub-japan.co.jp/img/pa.gif) no-repeat 3px; /* ポイント時の三角マーク */
background-color: #D9D9FF;
}

/* --- ナビゲーションバー --- */
div.nav5 {
width: 147px; /* ナビゲーションの幅 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav5 ul.nl {
margin: 0;
padding: 0;
border-top: 1px #ffffff solid; /* 最上部の境界線 */
border-right: 1px #999999 solid;
border-left: 1px #999999 solid;
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
div.nav5 ul.nl li {
background: #ffffff;
border-bottom: 1px #666666 solid; /* 項目の下境界線 */
background: #FFFFFF url(../img/head1.gif) repeat-x top; /* ナビゲーションの背景 */
}

/* --- リンク --- */
div.nav5 ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 8px 8px 15px; /* リンクエリアのパディング（上右下左） */
background: url(http://www.worldclub-japan.co.jp/img/ver_menu3_off.gif) no-repeat 3px; /* 左側の三角マーク */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav5 ul.nl li a:hover {
background: url(http://www.worldclub-japan.co.jp/img/ver_menu3_on.gif) no-repeat 3px; /* ポイント時の三角マーク */
}

div.subMenu h2 {
width:129px;
margin: 0; /* 見出しのマージン（上書き） */
padding: 7px 8px 6px 8px; /* 見出しのパディング（上書き） */
border: 1px #000000 solid;/* 見出しの境界線 */
font-size:12px;
background-image:url(../img/glay27.gif);
color:#ffffff;
}
/* メニューエリア */
div.subMenu ul.nl {
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
div.subMenu ul.nl li {
padding: 3px 1px; /* 項目のパディング（上下、左右） */
border-bottom: 1px #666666 dotted; /* 項目の下境界線 */
}


/* --- ▲サイドバー内の設定終了 --- */


 

/* --- 罫線 --- */
#content hr.clear {
clear: right; /* 右フロートのクリア */
width: 100%;
margin: 0;
visibility: hidden; /* 非表示 */
}
 
/* --- ▲コンテンツ内の設定終了 --- */
 

/* --- ▼フッタ内の設定開始 --- */
 
/* --- フッタ --- */
#footer {
clear:both;
background-color: #ffffff; /* フッタの背景色 */
padding: 10px 0 15px; /* フッタのパディング（上、左右、下） */
border-top: 1px #c0c0c0 solid; /* フッタの上境界線 */
}
 
/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0 0 0px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
background: #cccccc;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
padding: 0 6px 0 8px; /* 項目のパディング（上右下左） */
background: url(../img/wc/menu_line_gray.gif) no-repeat left; /* 項目の背景（区切り線） */
display: inline;
}
/* 最初の項目 */
#footer ul.nl li.first {
background-image: none; /* 区切り線なし */
}
/* ガイドメニュー */
#footer ul.guide {
margin: 0 0 15px;/* ガイドメニューのマージン（上書き） */
}
 
/* --- アドレス・コピーライト --- */
#footer address {
font-style: normal; /* 文字のスタイル（ノーマル） */
text-align: center;
line-height: 100%; /* 行の高さ */
}

#footer p.catch {
margin: 0px 0 0px; /* ページタイトルのマージン（上、左右、下） */
padding: 4px 10px; /* ページタイトルのパディング（上下、左右） */
background: #FFFFFF url(http://www.worldclub-japan.co.jp/img/hor2_menu2_on.gif) repeat-x top; /* ナビゲーションの背景 */
font-size: 12px; /* ページタイトルの文字サイズ */
text-align: left;
color:#ffffff;
 
}
 
/* --- ▲フッタ内の設定終了 --- */
 

/* --- ▼その他の設定開始 --- */
 
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

#box1{
 width:197px;
 margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
 padding:2px 1px 2px 1px;
 background-color:#f5f5f5;
 clear: both;
 font-size:12px;
 text-align:center;
 border: 1px #c0c0c0 solid; /* ボックスの枠線 */
}
 
#box2{
 width:235px;
 height:160px;
 padding:2px;
 background-color:#FFFFFF;
 float: right;
 font-size:12px;
}
#box3{
 width: 470px; /* ナビゲーションの幅 */
  margin: 0 1 2px; /* フッタメニューのマージン（上、左右、下） */
 padding:0px;
 height:150px;
 padding:1px;
 float: left;
}
 
#box4{
 width: 100%; /* ナビゲーションの幅 */
 margin: 0 0px 2px; /* フッタメニューのマージン（上、左右、下） */
 padding:0px;
 height:40px;
 padding:1px;
 border: 0px #0066ff solid;
 clear: both;

}


#box5{
 width: 463px; /* ナビゲーションの幅 */
 margin: 0 0 7px 0; /* フッタメニューのマージン */
 padding: 3px 0 3px 0; 
 border: 1px #0066ff solid;
 background:#ffffdb;
 clear: both;
}

#box6{
 width:195px;
 margin: 0 0 5px; /* フッタメニューのマージン（上、左右、下） */
 padding:0px;
 background-color:#FFFFFF;
 clear: both;
font-size:90%;
}

#box7{
 width:390px;
 height:55px;
 margin: 0 10 0px; /* フッタメニューのマージン（上、左右、下） */
 padding:10px;
 background-color:#FFFFFF;
 float: left;
font-size:90%;
}
#box8{
 width:390px;
 height:55px;
 margin: 0 10 0px; /* フッタメニューのマージン（上、左右、下） */
 padding:10px;
 background-color:#FFFFFF;
 clear: right;
font-size:90%;
}
#box9{
 width:390px;
 height:55px;
 margin: 0 10 0px; /* フッタメニューのマージン（上、左右、下） */
 padding:10px;
 background-color:#FFFFFF;
 float: left;
font-size:90%;
}
#box10{
 width:390px;
 height:55px;
 margin: 0 10 0px; /* フッタメニューのマージン（上、左右、下） */
 padding:10px;
 background-color:#FFFFFF;
 clear: right;
font-size:90%;
}
#box11{
 width:800px;
 height:10px;
 margin: 0 10 0px; /* フッタメニューのマージン（上、左右、下） */
 padding:10px;
 background-color:#FFFFFF;
 clear: both;
font-size:90%;
}
 
.li { list-style-image: url("../img/ver_menu3_on.gif") }
.lo { list-style-image: url("../img/list02.gif") }
.lo1 {list-style-image: url("../../img/list02.gif") }

ul { padding: 0; } 

#example1 { margin: 0 0 0 1.5em; } 

div.contentsbox1
{
    border-style: solid;
	width: 133px;
    border-width: 1px 1px 1px 1px;
    border-color: #3366ff;
    padding: 0.5em;
	margin: 0 0 0 0 ; /* 見出しのマージン（上、左右、下） */
	background: #FFFFFF url(../img/sen3.gif) repeat-x top; /* ナビゲーションの背景 */
	color:#FFFFFF
}

table {
  line-height:1.5em;
  color:#000000;
  padding: 1px;
  font-size:80%;
  border: 0px #3366cc solid; /* 大枠の境界線 */
}



.separator5{
width: 190px; 
height: 1px;
border: none;
border-top: 1px #999999 solid; /* 枠線 */
}

.separator3{
width: 460px; 
height: 1px;
border: none;
border-top: 1px #999999 solid; /* 枠線 */
clear: both;
}

      dt
      {
         font-weight: bold;
		 width: 612px;
         border-bottom: solid 1px #ffffff;
         color: #3366CC;
		 font-size:90%;
      }
      
      dd
      {
         border: solid 1px #333333;
		 width: 612px;
         padding: 0.5em;
         margin-left: 0em;
         margin-top: 0.5em;
         color: #000000;
		 font-size:90%;
      }
	  
	  ul { padding: 0; } 

#example1 { 
margin: 0 0 0 1.5em; 
 padding: 0.5em;

} 


/* --- ▲その他の設定終了 --- */
 



