A:link {
COLOR: #1a34ec;
}

A:hover {
COLOR: #ff7d00;
TEXT-DECORATION: underline;
}

body{
text-align:center;
}

.main{
color : #14001a;
text-align : center;
margin-top : 0px;
margin-bottom : 0px;
margin-left : 10px;
font-family : メイリオ;
}

.table{
background-color : white;
}


/* -------------------- ★雑誌★ -------------------- */
.book1{
text-align : center;
}

.book2{
font-size : 12px;
text-align : center;

font-weight : 900;
padding-bottom : 5px;
}



/* -------------------- ★間★ -------------------- */
.ma5{
height : 5px;
font-size : 0px;
}

.ma10{
height : 10px;
font-size : 0px;
}

.ma15{
height : 15px;
font-size : 0px;
}

.ma20{
height : 20px;
font-size : 0px;
}

.ma30{
height : 30px;
font-size : 0px;
}


/* -------------------- ★Google★ -------------------- */
.google-box468{
text-align : center;
vertical-align : middle;
}

.google-box720{
height : 120px;
text-align : center;
vertical-align : middle;
}


/* -------------------- ★トップ★ -------------------- */
.top-box1-1{
width : 180px;
height : 22px;
color : white;
background-image : url(picture/piece-kaupod.gif);
padding-left : 20px;
vertical-align : middle;
font-size : 13px;
font-weight : 900;
font-family : HG丸ｺﾞｼｯｸM-PRO;
  text-align : left;
}

.top-box1-2{
width : 430px;
height : 20px;
color : white;
background-image : url(picture/piece-kaupod.gif);
text-align : right;
vertical-align : middle;
padding-top : 2px;
font-size : 11px;
font-weight : 900;
}

.top-box1-3{
width : 280px;
height : 22px;
color : white;
background-image : url(picture/piece-kaupod.gif);
text-align : right;
padding-right : 20px;
letter-spacing : 1px;
vertical-align : middle;
font-size : 13px;
font-weight : 900;
font-family : HG丸ｺﾞｼｯｸM-PRO;
}

.top-box2{
height : 200px;
background-image : url(picture/top270.jpg);
background-repeat : no-repeat;
}

.top-box2-1{
width : 300px;
height : 200px;
text-align : left;
padding-left : 20px;
}

.top-box2-2{
width : 590px;
text-align : right;
vertical-align : bottom;
padding-bottom : 50px;
padding-right : 20px;
}

.top-box2-5{
text-align : center;
}


/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
background: #d9530a url(picture/hor_menu6_off.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 2px #d9aa90 solid; /* 上境界線 */
border-bottom: 2px #4b1c03 solid; /* 下境界線 */
font-size: 85%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 910px; /* メニューの幅 */
margin: 1px 0 1px 20px; /* センターに配置 */
padding: 0;
background: #d9530a url(picture/hor_menu6_on.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #4b1c03 solid; /* メニューの左境界線 */
border-right: 1px #d9aa90 solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 148px; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 7px 2px 4px; /* リンクエリアのパディング（上、左右、下） */
border-left: 1px #d9aa90 solid; /* リンクエリアの左境界線 */
border-right: 1px #4b1c03 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: nomal; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
line-height: 100%; /* 行の高さ */
}

/* Pod字部分 */
div.nav ul.nl li a span.en {
display: block;
margin-top: 7px; /* 上マージン */
margin-bottom: 5px; /* 下マージン */
font-size: 160%; /* 文字サイズ */
font-weight: bold; /* 文字の太さ（ノーマル） */
color: #eee8aa; /* 文字色 */
font-family : HG丸ｺﾞｼｯｸM-PRO,TBP丸ｺﾞｼｯｸR;
}

/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background: #d9aa90 url(picture/hor_menu6_on.bmp) repeat-x top; /* ポイント時の背景 */
}

div.nav ul.nl li a:hover span.en {
color: #d9530a; /* ポイント時の文字色 */
}

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

.clearFix-nav {
min-height: 1px;
}

/* -------------------- ★パンくず★ -------------------- */
.pan1{text-align : left;font-size : 11px;height : 25px;padding-top : 2px;
vertical-align : middle;
}

.pan2{text-align : right;
vertical-align : middle;
padding-right : 10px;
width : 290px;
font-size : 11px;
}

.pan3{
text-align : center;
}


/* -------------------- ★2段目　サブナビゲーションバー★ -------------------- */
/* --- ナビゲーションバー --- */
DIV.nav-sub {
width: 100%; /* ナビゲーションの幅 */
padding-top: 5px; /* ナビゲーションの上パディング */
background-color: #ffffff; /* ナビゲーションの背景色 */
border-bottom: 5px silver solid; /* 下境界線 */
font-size: 90%;
  height : 29px;
}

/* --- メニューエリア --- */
div.nav-sub ul.nl-sub {
width: 100%; /* メニューの幅 */
margin: 0px 0px 0px 1px; /* メニューのマージン（上・右・下・左） */
padding: 0;
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav-sub ul.nl-sub li {
width: 185px; /* タブの幅 */
margin-right: 0px; /* タブの右マージン */
background: #f9f9f9 url(picture/tab_gen2_left.bmp) no-repeat left top; /* タブの背景（左） */
float: left;
font-weight: bold;
}

/* --- リンク --- */
div.nav-sub ul.nl-sub li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 2px 2px 0px; /* リンクエリアのパディング（上、右、下、左） */
background: url(picture/tab_gen2_right.bmp) no-repeat right top; /* タブの背景（右） */
text-decoration: none; /* テキストの下線（なし） */
}

/* --- ポイント時の設定 --- */
div.nav-sub ul.nl-sub li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
div.nav-sub ul.nl-sub li.active-sub {
background: #004080 url(picture/tab_act2_left.jpg) no-repeat left top; /* タブの背景（左） */
}

div.nav-sub ul.nl-sub li.active-sub a {
background: url(picture/tab_act2_right.jpg) no-repeat right top; /* タブの背景（右） */
color: #ffffff; /* アクティブタブの文字色 */
}

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

.clearFix-sub {
min-height: 1px;
}



/* -------------------- ★共通BOX★ -------------------- */
.maru300-1{
padding-bottom : 15px;
width : 300px;
}

.maru300-2{
padding-bottom : 15px;
padding-left : 15px;
padding-right : 15px;
width : 300px;
}

.maru300-3{
padding-bottom : 15px;
width : 300px;
text-align : left;
padding-top : 5px;
padding-left : 7px;
}

.maru300-title{
padding-bottom : 0px;
width : 300px;
}

.maru615-1{
padding-bottom : 15px;
width : 615px;
}

.maru615-title{
padding-bottom : 0px;
width : 615px;
}

.banner300{
width : 300px;
}


/* -------------------- ★レフト★ -------------------- */

/* -------------------- ★センター★ -------------------- */
.center-box1{
text-align : left;
padding-bottom : 15px;
}

.center-box-transport{
width : 615px;
margin-left : 1px;
}

.center-box-transport1{
width : 115px;
height : 25px;
background-color : #fbffff;
text-align : center;
padding-top : 2px;
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : silver silver silver silver;
font-size : 14px;
font-weight : 900;
}

.center-box-transport2{
width : 496px;
text-align : left;
padding-left : 5px;
letter-spacing : 1px;
font-size : 12px;
}

.center-box-book{
width : 930px;
text-align : center;
padding-top : 15px;
font-size : 15px;
padding-bottom : 15px;
}


/* -------------------- ★ライト★ -------------------- */


/* -------------------- ★ボトム★ -------------------- */
.bottom-nav{
height : 30px;
background-color : silver;
text-align : center;
vertical-align : middle;
font-size : 12px;
  letter-spacing : 1px;
}

.rogo-box{
height : 120px;
text-align : center;
vertical-align : middle;
}

.bottom-box1{
height : 50px;
text-align : right;
vertical-align : middle;
font-size : 12px;
  padding-right : 30px;
}

.bottom-box2{
height : 80px;
background-color : black;
text-align : center;
vertical-align : middle;
}

.bottom-box2-1{
text-align : left;
  padding-left : 60px;
  width : 270px;
}

.bottom-box2-2{
text-align : center;
  width : 280px;
}

.bottom-box2-3{
text-align : right;
  padding-right : 60px;
  width : 270px;
}

.bottom-box3{
height : 25px;
background-image : url(picture/back-bar.gif);
background-repeat : repeat-x;
text-align : center;
}

.bottom-box4{
color : white;
background-image : url(picture/piece-kaupod.gif);
text-align : center;
padding-bottom : 5px;
line-height : 14px;
padding-top : 30px;
vertical-align : bottom;
font-size : 11px;
}

.bottom-box4-font{
text-align : center;
font-size : 36px;
font-family : HG丸ｺﾞｼｯｸM-PRO;
}


/* -------------------- ★ボックス★ -------------------- */
/* --- �@角丸ボックス 300 --- */
DIV.section-box1 {
width: 300px; /* ボックスの幅 */
padding-bottom : 1px; /* ボックスの下パディング */
background: #ffffff url(picture/maru-back300.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 80%;
color: #000000;
}

/* --- �@見出し --- */
DIV.section-box1  H3 {
margin: 0; /* 見出しのマージン */
padding : 7px 10px 4px 10px; /* 見出しのパディング（上下、左右） */
background:#d9530a url(picture/maru300.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 150%; /* 見出しの文字サイズ */
color : white;
font-family : HG丸ｺﾞｼｯｸM-PRO,TBP丸ｺﾞｼｯｸR;
}

/* --- �@ボックス内の段落 --- */
div.section-box1  p {
margin: 5px 10px; /* 段落のマージン（上下、左右） */
text-align : left;
}


/* --- �B角丸ボックス　615：下枠無し --- */
DIV.section-box3 {
width: 615px; /* ボックスの幅 */
padding-bottom : 1px; /* ボックスの下パディング */
font-size: 80%;
color: #000000;
}

/* --- �B見出し --- */
DIV.section-box3  H3 {
margin: 0; /* 見出しのマージン */
padding : 7px 10px 4px 10px; /* 見出しのパディング（上下、左右） */
background:#d9530a url(picture/maru615.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 150%; /* 見出しの文字サイズ */
color : white;
font-family : HG丸ｺﾞｼｯｸM-PRO,TBP丸ｺﾞｼｯｸR;
}

/* --- �Bボックス内の段落 --- */
div.section-box3  p {
margin: 5px 3px 0px 3px; /* 段落のマージン（上、右、下、左） */
text-align : left;
}


/* --- �C角丸ボックス 300：下枠無し --- */
DIV.section-box4 {
width: 300px; /* ボックスの幅 */
padding-bottom : 1px; /* ボックスの下パディング */
font-size: 80%;
color: #000000;
}

/* --- �C見出し --- */
DIV.section-box4  H3 {
margin: 0; /* 見出しのマージン */
padding : 7px 10px 4px 10px; /* 見出しのパディング（上・右・下・左） */
background:#d9530a url(picture/maru300.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 150%; /* 見出しの文字サイズ */
color : white;
font-family : HG丸ｺﾞｼｯｸM-PRO,TBP丸ｺﾞｼｯｸR;
}

/* --- �Cボックス内の段落 --- */
div.section-box4  p {
margin: 5px 3px 0px 3px; /* 段落のマージン（上・右・下・左） */
text-align : left;
}


/* --- �D角丸ボックス 930：下枠無し --- */
DIV.section-box5 {
width: 930px; /* ボックスの幅 */
padding-bottom : 1px; /* ボックスの下パディング */
font-size: 80%;
color: #000000;
}

/* --- �D見出し --- */
DIV.section-box5  H3 {
margin: 0; /* 見出しのマージン */
padding : 7px 10px 4px 10px; /* 見出しのパディング（上下、左右） */
background:#d9530a url(picture/maru930.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 150%; /* 見出しの文字サイズ */
color : white;
font-family : HG丸ｺﾞｼｯｸM-PRO,TBP丸ｺﾞｼｯｸR;
}

/* --- �Dボックス内の段落 --- */
div.section-box5  p {
margin: 5px 3px; /* 段落のマージン（上下、左右） */
text-align : left;
}



/* -------------------- ★ランキング★ -------------------- */
/* --- ランキングエリア --- */
div.ranking {
width: 300px; /* ランキングエリアの幅 */
font-size: 80%;
}

/* --- 見出し --- */
div.ranking h3 {
margin: 0 0 10px; /* 見出しのマージン（上、左右、下） */
padding: 7px 10px 4px 10px; /* 見出しのパディング（上右下左） */
background:#d9530a url(picture/maru300.gif) no-repeat top;
font-size: 150%;
font-family : HG丸ｺﾞｼｯｸM-PRO,TBP丸ｺﾞｼｯｸR;
color : white;
}

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

/* --- リスト項目 --- */
DIV.ranking LI {
padding : 2px 0px 8px 80px; /* 項目のパディング（上右下左） */
background-repeat: no-repeat;
background-position: 3px 4px; /* 背景画像の表示位置（左からの距離、上からの距離） */
border-bottom: 1px #c0c0c0 dotted; /* 項目の下境界線 */
line-height: 180%;
font-size: 110%;
font-weight: normal; /* 太字 */
letter-spacing : 1px;
}

/* --- マーカー画像 --- */
div.ranking li.rank1 {
background-image: url(picture/rank_1.gif); /* 1位の項目 */
}
div.ranking li.rank2 {
background-image: url(picture/rank_2.gif); /* 2位の項目 */
}
div.ranking li.rank3 {
background-image: url(picture/rank_3.gif); /* 3位の項目 */
}
div.ranking li.rank4 {
background-image: url(picture/rank_4.gif); /* 4位の項目 */
}
div.ranking li.rank5 {
background-image: url(picture/rank_5.gif); /* 5位の項目 */
}
div.ranking li.rank6 {
background-image: url(picture/rank_6.gif); /* 6位の項目 */
}
div.ranking li.rank7 {
background-image: url(picture/rank_7.gif); /* 7位の項目 */
}
div.ranking li.rank8 {
background-image: url(picture/rank_8.gif); /* 8位の項目 */
}
div.ranking li.rank9 {
background-image: url(picture/rank_9.gif); /* 9位の項目 */
}
div.ranking li.rank10 {
background-image: url(picture/rank_10.gif); /* 10位の項目 */
}


/* -------------------- ★左120画像入りリスト（2個以上　線あり）★ -------------------- */
/* --- リストエリア --- */
ul.thumbnail-120 {
width: 300px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail-120 li {
padding: 12px 0px 6px 0px; /* リスト項目のパディング（上右下左） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
ul.thumbnail-120 dl {
width: 100%;
margin: 0;
font-size: 80%;
}

/* --- 写真エリア --- */
ul.thumbnail-120 dt.photo-120 {
width: 125px; /* 写真エリアの幅 */
float: left;
}

ul.thumbnail-120 dt.photo-120 img {
border: 1px #808080 solid;
}

/* --- キャプションエリア --- */
ul.thumbnail-120 dt.title-120,
ul.thumbnail-120 dd {
margin: 0px 0px 0px 127px; /* キャプションエリアのマージン（上右下左） */
}

/* --- タイトルエリア --- */
ul.thumbnail-120 dt.title-120 {
margin-bottom: 5px; /* タイトルエリアの下マージン */
line-height: 120%;
}

/* --- コメントエリア --- */
ul.thumbnail-120 dd {
line-height: 150%;
font-size: 90%;
}

/* --- clearfix --- */
.clearFix-ul.thumbnail-120:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearFix-ul.thumbnail-120 {
min-height: 1px;
}


/* -------------------- ★左120画像入りリスト（1個　線なし）★ -------------------- */
/* --- リストエリア --- */
ul.thumbnail-120-2 {
width: 300px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail-120-2 li {
padding: 12px 0px 8px 0px; /* リスト項目のパディング（上右下左） */
}

/* --- 項目内容 --- */
ul.thumbnail-120-2 dl {
width: 100%;
margin: 0;
font-size: 80%;
}

/* --- 写真エリア --- */
ul.thumbnail-120-2 dt.photo-120-2 {
width: 125px; /* 写真エリアの幅 */
float: left;
}

ul.thumbnail-120-2 dt.photo-120-2 img {
border: 1px #808080 solid;
}

/* --- キャプションエリア --- */
ul.thumbnail-120-2 dt.title-120-2,
ul.thumbnail-120-2 dd {
margin: 0px 0px 0px 127px; /* キャプションエリアのマージン（上右下左） */
}

/* --- タイトルエリア --- */
ul.thumbnail-120-2 dt.title-120-2 {
margin-bottom: 5px; /* タイトルエリアの下マージン */
line-height: 120%;
}

/* --- コメントエリア --- */
ul.thumbnail-120-2 dd {
line-height: 150%;
font-size: 90%;
}

/* --- clearfix --- */
.clearFix-ul.thumbnail-120-2:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearFix-ul.thumbnail-120-2 {
min-height: 1px;
}