/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #f9f9f9; /* 全体の背景色 */
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 1px; /* ヘッダのマージン（上、左右、下） */
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 5px; /* サイトタイトルのマージン（上、左右、下） */
font-size: 100%; /* サイトタイトルの文字サイズ */
}
/* サイトタイトルの画像 */
#header h1.siteTitle img,
#header p.siteTitle img {
border: none;
}
 
/* --- キャッチフレーズ --- */
#header p.catch {
margin: 0px 0 0px; /* ページタイトルのマージン（上、左右、下） */
padding: 2px 8px; /* ページタイトルのパディング（上下、左右） */
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: 7px 5px 5px; /* ページタイトルのパディング（上下、左右） */
background: #FFFFFF
font-size: 80%; /* ページタイトルの文字サイズ */
text-align: left;
color:#000000
}
#header p.catch2 strong {
font-weight: strong; /* 文字の太さ（ノーマル） */
color:#ff0000
}
 
/* --- ガイドメニュー --- */
#header ul.guide {
position: absolute; /* 絶対配置 */
top: 18px; /* 上からの距離 */
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(../img/bo.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 2px #84aed2 solid; /* 上枠線 */
border-bottom: 2px #2c5170 solid; /* 下枠線 */
font-size: 94%;
color:#FFFFFF;
}
 
/* --- メニューエリア --- */
.nav .nl {
width: 100%; /* メニューの幅 */
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: 5px 8px;
 border-left: 1px #2c5170 solid; /* メニュー本体の左境界線 */
 border-right: 1px #84aed2 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;
font-weight: bold; /* 文字の太さ（太字） */

}

/* 英字部分 */
.nav ul.nl li a span.en {
display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 85%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #ccffff; /* 英字の文字色 */
}

/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background: #004080 url(../img/mizu8.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: 475px; /* メインカラムの幅 */
padding: 4px 0 0 10px; /* トピックパスのパディング（上、右、下、左） */
margin: 0; /* 見出しエリアのマージン（上右下左） */

}
/* --- セクション --- */
#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: 3em; /* 日付エリアの幅 */
float: left;
padding: 4px 0 4px 5px; /* 日付エリアのパディング（上右下左） */
line-height: 110%;
color:#000000;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 4px 3px 4px 3em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 110%;
color:#000000;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


.section6{
width: 463px; /* ボックスの幅 */
margin: 3px 0 5px 0; /* 見出しのマージン */
background-color: #FFFFFF; /* ボックスの背景色 */
border: 2px #ffcce5 solid; /* ボックスの枠線 */
font-size: 100%; /* ボックスの文字サイズ */
}

.section6 h2 {
margin: 0; /* 見出しのマージン */
padding: 7px 10px; /* 見出しのパディング（上下、左右） */
background: #e0e0e0 url(../images/top_img/banner/menu2.gif) repeat-x top; /* 見出しの背景 */
border-bottom: 1px #ffffff solid; /* 見出しの下枠線 */
font-size: 100%;/* 見出しの文字サイズ */
background-color:#0099FF;
color:#FF0099;
}

.section6 li {
margin: 0.3em 5px; /* 段落のマージン（上下、左右） */
}

/* --- ボックス --- */
div.section10 {
width: 455px; /* ボックスの幅 */
margin: 4px 0 5px 0; /* 見出しのマージン（上、左右、下） */
padding: 4px; /* ボックスのパディング */
font-size: 80%; /* ボックスの文字サイズ */
clear: both;
border: 1px #336699 solid;
background-image:url(../img/glay25.gif);
}

div.section10 div.inner {
padding: 2px 2px 1px; /* 内部のパディング（上、左右、下） */
}

/* --- 見出し --- */
div.section10 h2 {
background: #ffffff;  /* 見出しの背景 */
margin: 0 0 0.5em; /* 見出しのマージン（上、左右、下） */
padding: 4px 7px 4px 7px; /* 内部のパディング（上、左右、下） */
font-size: 125%; /* 見出しの文字サイズ */
color:#336699;
text-align:center;
}

/* --- ボックス内の段落 --- */
div.section10 p {
margin: 0.5em 5px 0.5em 5px; /* 段落のマージン（上下、左右） */
}

.section10 li {
margin: 7px 10px 7px 5px; /* 段落のマージン（上下、左右） */
}
 

.section11 {
width: 465px; /* ボックスの幅 */
border: 0px #CCCCCC solid; /* ボックスの枠線 */
font-size: 90%;
color:#000000;
margin: 0.4em 0 0.7em  ; /* 見出しのマージン（上、左右、下） */

}
.section11 h2 {
margin: 0; /* 見出しのマージン */
padding: 5px 10px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(../img/glay4.gif) repeat-x top;  /* 見出しの背景 */
border-bottom: 0px #FFFFFF solid; /* 見出しの下枠線 */
font-size: 100%; /* 見出しの文字サイズ */
color:#0066ff
}

.section11 li {
margin: 0.2em 5px 0.3em; /* 段落のマージン（上下、左右） */

}

/* --- ボックス --- */
div.section12 {
width: 205px; /* ボックスの幅 */
padding: 2px; /* ボックスのパディング */
border: 1px #e0e0e0 solid; /* ボックスの境界線 */
font-size: 80%; /* ボックスの文字サイズ */
}
div.section12 div.inner {
padding: 5px; /* 内部のパディング */
background: #64c2f2 url(../img/background/mizuiro.gif) repeat-x top; /* 内部の背景 */
}

/* --- 見出し --- */
div.section12 h3 {
margin: 0 0 1em; /* 見出しのマージン（上、左右、下） */
padding: 4px 6px; /* 見出しのパディング（上下、左右） */
background-color: #ffffff; /* 見出しの背景色 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.section12 p {
margin: 0.5em 5px; /* 段落のマージン（上下、左右） */
}

.section13 {
width: 220px; /* ボックスの幅 */
margin: 4px 0 6px 0px;
background-image:url(../img/bejyu5.gif);
padding: 1px 1px 0px 1px; /* 見出しのパディング（上右下左） */
border: 1px #ccccff solid; /* ボックスの枠線 */
font-size: 100%; /* ボックスの文字サイズ */
text-align:left;
}

.section13 h2 {
margin: 0px 0px 3px 0px;  /* 見出しのマージン */
padding: 6px 3px 6px 3px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(../img/mizu4.gif) repeat-x top;  /* 見出しの背景 */
font-size: 100%;
color:#ffffff; /* 見出しの文字サイズ */
}

.section13 p {
margin: 0.5em 4px; /* 段落のマージン（上下、左右） */
font-size: 80%;
}


.clearLeft { 
clear: right; 
}


.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;
} 

div.contentsbox
{
    border-style: solid;
	width: 455px;
    border-width: 3px 0px 1px 0px;
    border-color: #0066ff;
    padding: 4px 6px; /* パディング（上下、左右） */
	margin: 0.5em 0 0.5em ; /* 見出しのマージン（上、左右、下） */
	background: #FFFFFF url(../img/head1.gif) repeat-x top; /* ナビゲーションの背景 */
	color:#0066ff;
	font-size:12px;
}

      *.float
      {
         float: left;
         margin-right: 1em;
      }
      *.floatclear
      {
         clear: both;
      }

/* 写真の横並び */
/* --- リストエリア１ --- */
ul.thumbnail {
width: 465px; /* リストエリアの幅 */
margin: 2px 0 0 0;
padding: 0;
border-top: 1px #cccccc solid; /* リストエリアの上境界線 */
list-style-type: none;
}


/* --- リスト項目 --- */
ul.thumbnail li {
padding: 7px 7px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #eaeaea 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: 2px; /* タイトルエリアの下マージン */
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: 463px; /* リストエリアの幅 */
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: 449px; /* 見出しエリアの幅 */
margin: 12px 0 5px 0;
padding: 6px 7px; /* 見出しエリアのパディング（上下、左右） */
background: #f9f9f9 url(../img/heading_back1.gif) repeat-x; /* 見出しエリアの背景 */
border: 1px #708090 solid; /* 見出しエリアの境界線 */

}

/* --- 見出し --- */
div.heading h2 {
margin: 0;
padding: 3px 0 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #ff8000 solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
color: #336699; /* 見出しの文字色 */
line-height: 100%;
}
	
/* --- 見出しエリア --- */
div.heading1 {
width: 460px; /* 見出しエリアの幅 */
margin: 10px 0 10px 0;
text-align:left;
background: #f9f9f9 url(../img/glay9.gif) repeat-x; /* 見出しエリアの背景 */
border: #c0c0c0 solid; /* 見出しエリアの境界線（色、スタイル） */
border-width: 1px 1px 2px; /* 見出しエリアの境界線（太さ 上、左右、下） */
}

/* --- 見出し --- */
div.heading1 h2 {
margin: 0;
padding: 6px 5px 4px; /* 見出しのパディング（上、左右、下） */
border-bottom: 3px #0066ff solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
color:#003399;
}
 
/* --- ▲メインカラム内の設定終了 --- */
 

/* --- ▼サイドバー内の設定開始 --- */
 
/* --- サイドバー --- */
#left {
float: left;
width: 147px; /* サイドバーの幅 */
margin: 0px; 
padding: 4px 4px 4px 4px; /* 見出しのパディング（上右下左） */
}
/* --- サブメニュー --- */
/* サブメニュー内の見出し */
#nav2 div.subMenu h2 {
margin: 5px 0 0 0; /* 見出しのマージン（上書き） */
padding: 3px 0 3px 3px;
background-color: #a7dcfc; /* 見出しの背景色 */
border: 1px #336699 solid; /* 見出しの境界線 */
font-size: 100%;
color:#333333;
background-image:url(../img/top1.gif);
}
/* メニューエリア */
#nav2 div.subMenu ul.nl {
margin: 0 0 7px; /* メニューエリアのマージン（上、左右、下） */
padding: 0;
background-color: #ffffff; /* メニューエリアの背景色 */
border-left: 1px #336699  solid; /* メニューエリアの左境界線 */
border-right: 1px #336699  solid; /* メニューエリアの右境界線 */
border-bottom: 1px #336699  solid;
list-style-type: none;
}
/* メニュー項目 */
#nav2 div.subMenu ul.nl li {
border-bottom: 0px #c0c0c0 solid; /* 項目の下境界線 */
}
/* リンクエリア */
#nav2 div.subMenu ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 5px; /* リンクエリアのパディング（上下、左右） */
text-decoration: none; /* テキストの下線（なし） */
}
/* ポイント時の設定 */
#nav2 div.subMenu ul.nl li a:hover {
background-color: #CAE4FF; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}



/* --- ナビゲーションバー --- */
div.nav3 {
width: 100%; /* ナビゲーションの幅 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav3 ul.nl {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
div.nav3 ul.nl li {
padding: 0px 0px; /* 項目のパディング（上下、左右） */
border-bottom: 1px #ffffff dotted;  /* 項目の下境界線 */
}

/* --- リンク --- */
div.nav3 ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 10px 6px; /* リンクエリアのパディング（上下、左右） */
border-left: 6px #cccccc solid; /* リンクエリアの左境界線 */
background: #FFFFFF url(../img/mizu7.gif) repeat-x top; /* ナビゲーションの背景 */
text-decoration: none;
color:#FFFFFF; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav3 ul.nl li a:hover {
background: #505050 url(../img/ver_menu4_on.gif) repeat-x top; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
}


/* サブメニュー内の見出し */
#nav4 div.subMenu h2 {
margin: 5px 0 0 0; /* 見出しのマージン（上書き） */
padding: 6px 0 6px 3px;
background-color: #a7dcfc; /* 見出しの背景色 */
border: 1px #999966 solid; /* 見出しの境界線 */
font-size: 100%;
color:#ffffff;
background-image:url(../img/sen12.gif);
}
/* メニューエリア */
#nav4 div.subMenu ul.nl {
margin: 0 0 7px; /* メニューエリアのマージン（上、左右、下） */
padding: 0;
background-color: #ffffff; /* メニューエリアの背景色 */
border-left: 1px #999966 solid; /* メニューエリアの左境界線 */
border-right: 1px #999966 solid; /* メニューエリアの右境界線 */
border-bottom: 1px #999966 solid;
list-style-type: none;
}
/* メニュー項目 */
#nav4 div.subMenu ul.nl li {
border-bottom: 0px #c0c0c0 solid; /* 項目の下境界線 */
}
/* リンクエリア */
#nav4 div.subMenu ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 6px; /* リンクエリアのパディング（上下、左右） */
text-decoration: none; /* テキストの下線（なし） */
}
/* ポイント時の設定 */
#nav4 div.subMenu ul.nl li a:hover {
background-color: #CAE4FF; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}


/* --- ナビゲーションバー --- */
div.nav5 {
width: 147px; /* ナビゲーションの幅 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav5 ul.nl {
margin: 0;
padding: 0;
border-top: 1px #cccccc solid; /* 最上部の境界線 */
border-right: 1px #3366cc solid;
border-left: 1px #3366cc solid;
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
div.nav5 ul.nl li {
background: #ffffff;
border-bottom: 1px #3366ff 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; /* ポイント時の三角マーク */
}



/* --- ▲サイドバー内の設定終了 --- */

/* --- 右サイドバー設定 --- */

#aside {
float: right;
background-image:url(../img/background/9.gif);
width: 205px; /* 右サイドバーの幅 */
margin: 0;
padding: 4px 0 0 5px; /* 見出しのパディング（上右下左） */
}

.section5 {
background-color: #FFFFFF; /* ボックスの背景色 */
border: 2px #3366cc dotted; /* ボックスの枠線 */
font-size: 100%; /* ボックスの文字サイズ */
width: 190px; /* ボックスの幅 */
margin: 8px 0 8px 3px;
padding: 1px 0px 3px 0px; /* 見出しのパディング（上右下左） */


}

.section5 h2 {
margin: 1px 3px 3px 3px; /* 見出しのマージン */
padding: 6px 3px 6px 3px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(../img/sen.gif) repeat-x top;  /* 見出しの背景 */
border-bottom: 1px #3333CC solid; /* 見出しの下枠線 */
font-size: 100%; /* 見出しの文字サイズ */
color:#FFFFFF; 
}

.section5 li {
margin: 0.7em 3px; /* 段落のマージン（上下、左右） */
font-size: 100%;
color:#000000;
}

.section3 {
width: 192px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #333399 solid; /* ボックスの枠線 */
margin: 5px 0 5px 3px; /* 見出しエリアのマージン（上右下左） */
padding: 0px 0px 3px 0px; /* 見出しのパディング（上右下左） */

font-size: 100%; /* ボックスの文字サイズ */
}
.section3 h2 {
margin: 0; /* 見出しのマージン */
padding: 7px 10px; /* 見出しのパディング（上下、左右） */
background-color: #333399; /* ボックスの背景色 */
border-bottom: 1px #FFFFFF solid; /* 見出しの下枠線 */
font-size: 100%; /* 見出しの文字サイズ */
color:#ffffff; 
}
.section3 li {
margin: 0.3em 3px; /* 段落のマージン（上下、左右） */
}

.section4 {
width: 199px; /* ボックスの幅 */
margin: 8px 0 8px 0px;
padding: 1px 0px 3px 0px; /* 見出しのパディング（上右下左） */
background-color:#ffffff; /* ボックスの背景色 */
border: 1px #999999 solid; /* ボックスの枠線 */
font-size: 100%; /* ボックスの文字サイズ */
}

.section4 h2 {
margin: 0px 0px 3px 0px;  /* 見出しのマージン */
padding: 6px 3px 6px 3px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(../img/heading_back1.gif) repeat-x top;  /* 見出しの背景 */
font-size: 100%;
color:#333399; /* 見出しの文字サイズ */
}

.section4 li {
margin: 0.3em 3px; /* 段落のマージン（上下、左右） */
font-size: 80%;
}


.clearLeft { 
clear: right; 
}

.section9{
width: 192px; /* ボックスの幅 */
background: #ffffff;
border: 1px #339900 solid; /* ボックスの枠線 */
margin: 8px 0 8px 3px;
padding: 0px 0px 3px 0px; /* 見出しのパディング（上右下左） */
font-size: 100%;/* ボックスの文字サイズ */ 
text-align:center;
}
      *.float
      {
         float: left;
         margin-right: 0 0 0 5px ;
      }
      *.floatclear
      {
         clear: both;
      }
.section9 h2 {
margin: 0px 0 0 0; /* 見出しのマージン */
padding: 10px 14px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(../img/golf.gif) repeat-x top; /* 見出しの背景 */
font-size: 100%;/* 見出しの文字サイズ */
color: #003366; 

}
.section9 li {
margin: 0.3em 5px 0 5px; /* 段落のマージン（上下、左右） */
}

.section1 {
width: 199px; /* ボックスの幅 */
margin: 8px 0 8px 0px;
padding: 1px 0px 3px 0px; /* 見出しのパディング（上右下左） */
background-color:#ffffff; /* ボックスの背景色 */
border: 1px #ff9933 solid; /* ボックスの枠線 */
font-size: 100%; /* ボックスの文字サイズ */
}

.section1 h2 {
margin: 0px 0px 3px 0px; /* 見出しのマージン */
padding: 6px 3px 6px 3px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(../img/wc/orenji.gif) repeat-x top;  /* 見出しの背景 */
font-size: 100%;
color:#000033; /* 見出しの文字サイズ */
}

.section1 p {
margin: 0.3em 3px; /* 段落のマージン（上下、左右） */
}

.section2 {
width: 199px; /* ボックスの幅 */
margin: 8px 0 8px 0px;
padding: 1px 0px 3px 0px; /* 見出しのパディング（上右下左） */
background-color:#ffffff; /* ボックスの背景色 */
border: 1px #999999 solid; /* ボックスの枠線 */
font-size: 100%; /* ボックスの文字サイズ */
}

.section2 h2 {
margin: 0; /* 見出しのマージン */
padding: 6px 3px 6px 3px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(../img/heading_back1.gif) repeat-x top;  /* 見出しの背景 */
font-size: 100%;
color:#333399; /* 見出しの文字サイズ */
}

.section2 p {
margin: 0.3em 3px; /* 段落のマージン（上下、左右） */
font-size: 80%;
}



/* --- 右サイドバー設定終了 --- */
 

/* --- 罫線 --- */
#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 1px 1px;
 background-color:#F5F5DC;
 border: 1px #996600 solid; /* ボックスの枠線 */
 clear: both;
 font-size:80%;
 text-align:center;
}
 
#box2{
 width:197px;
 margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
 padding:4px 1px 4px 1px;
 background-color:#ffffff;
 border: 1px #999999 solid; /* ボックスの枠線 */
 clear: both;
 font-size:80%;
 text-align:center;
 line-height: 110%;
}

#box3{
 width:193px;
 margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
 padding:4px 1px 4px 1px;
 background-color:#ffffcc;
 border: 3px #ff0000 solid; /* ボックスの枠線 */
 clear: both;
 font-size:80%;
 text-align:center;
 line-height: 110%;
}
 
#box4{
 width: 250px; /* ナビゲーションの幅 */
 margin: 0px 0 5px 0; /* フッタメニューのマージン（上、右、下、左） */
 padding: 27px 0 5px 215px; 
 height:28px;
 background-image:url(../img/background/koj.gif);
 clear: both;

}


#box5{
 width: 463px; /* ナビゲーションの幅 */
 margin: 0 0 5px 0; /* フッタメニューのマージン */
 padding: 0; 
 border: 1px #ff3366 solid;
 background:#ffffff;
 text-align:center;
 clear: both;
}

#box6{
 width:195px;
 margin: 0 0 5px; /* フッタメニューのマージン（上、左右、下） */
 padding:0px;
 background-color:#FFFFFF;
 clear: both;
 font-size:12px;
}

#box7{
 width: 463px; /* ナビゲーションの幅 */
 margin: 0 0 4px 0; /* フッタメニューのマージン */
 padding: 3px 0 3px 0; 
 border: 1px #999999 dashed;
 background:#fafad2;
 clear: both;
}

#box8{
 width:390px;
 height:55px;
 margin: 0 10 0px; /* フッタメニューのマージン（上、左右、下） */
 padding:10px;
 background-color:#FFFFFF;
 clear: right;
 font-size:12px;
}
#box9{
 width:390px;
 height:55px;
 margin: 0 10 0px; /* フッタメニューのマージン（上、左右、下） */
 padding:10px;
 background-color:#FFFFFF;
 float: left;
 font-size:12px;
}
#box10{
 width:390px;
 height:55px;
 margin: 0 10 0px; /* フッタメニューのマージン（上、左右、下） */
 padding:10px;
 background-color:#FFFFFF;
 clear: right;
 font-size:12px;
}
#box11{
 width:800px;
 height:10px;
 margin: 0 10 0px; /* フッタメニューのマージン（上、左右、下） */
 padding:10px;
 background-color:#FFFFFF;
 clear: both;
 font-size:12px;
}
 
.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 {
  table-layout: fixed; /* テーブル大きさを１行目で判断 */
  width: 100%;
  line-height:1em;
  color:#000000;
}

.separator5{
width: 188px; 
height: 1px;
border: none;
border-top: 1px #ff9933 solid; /* 枠線 */
clear: both;
}

.separator3{
width: 180px; 
height: 1px;
border: none;
border-top: 1px #999999 dashed; /* 枠線 */
clear: both;
}


/* --- ▲その他の設定終了 --- */