/* 元のページ｜テンプレート枠トップページ */

@charset "Shift_JIS";

/* 一括で全ての要素の余白をゼロに指定 */
* {
  padding: 0;
  margin: 0;
}
img{
border:0 solid black;
}

a:link {
  color: #0000ff;
  text-decoration: none;
}

a:visited {
  color: #990099;
  text-decoration: none;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
  font-size: 0.85em;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
}

/* ---------------------------------------- レイアウトに関する指定 */

#wrapper {
  text-align: left;
  margin: 1em auto 0;
  width: 800px;
  border: 1px solid #cccccc;
}

#header {
  height:100px;
  width:795px;
  margin:0px 5px;
  background-image:url(../img/t_b150_3.gif);
  background-repeat:no-repeat;
}

#globalnavi {
  width: 800px;
  margin-bottom:10px;
  position: relative;
}

#container {
  width: 100%;
  padding-top: 2.1em;
}

/* 実質700px */
#contents{
 float: right;
 width:565px;
 margin-right:10px;
 padding: 10px 10px 5px 10px;
 border:0px solid black;
}

#side{
 float: left;
 width:150px;
 margin:10px 20px 10px 5px;
 border:0px solid black;
}

#footer {
  clear:both;
  margin-top:20px;
  padding: 0.1em 1.0em 1.0em 1.0em;
  border-top: 1px solid #cccccc;
}


/* ---------------------------------------- #header内の指定 */



/* -- 見出し -- */
h1{
text-align:left;
height:10px;
font-size:10px;
color:darkgrey;
font-weight:normal;
background-color:black;
margin:0 0 0 0;
padding:5px 5px 2px 7px;
}

.banner{
text-align:right;
padding:0 0 0 0;
}

/* --  登録お奨め -- */

#touroku{
margin-top:15px;
margin-left:480px;
text-align:left;
font-size:10px;
background-image:url(../img/t_sel[bk].gif);
background-repeat:no-repeat;
}

#touroku a:hover {
position: relative;
top: -5px;
text-decoration: none;
}


#t_rt{
padding-top:2px;
text-align:right;
font-size:10px;
}


/* -- 企業名 ショップ名 サイト名 -- */

.logo {
  font-size: 1.8em;
  margin-bottom: 0.5em;
  margin-left: 3.5em;
  color: #0099ff;
}

.logo a{
  text-decoration: none;
  color: #cc6600;
  background-color: #ffffff;
}

.logo a:hover{
  text-decoration: none;
  color: #000066;
  background-color: #ffffff;
}

/* -- 概要 -- */
.description {
  color:#ffcc66;
  font-size;0.8em;
  padding:0px 0px 0px 88px;
}



/* ---------------------------------------- #globalnaviの指定 */

#globalnavi ul {
  width: 790px;
  list-style-type: none;
  position: absolute;
  margin-left:5px;
  background-color: #cc6600;

}

#globalnavi li {
  width: auto;
  float: left;
  border-right: 2px dotted #cc9900;
}

#globalnavi li a {
  text-decoration: none;
  font-size:0.7em;
  display: block;
  width: 80px;
  padding: 0.5em 1em;
  color:  #ffcc00 ;
  text-align:center;
  background-color:  #cc6600;
  border-bottom: 2px solid #663300;
}

#globalnavi li a:hover {
  background-color: #663300 ;
  color:  #ffcc00 ;
  border-bottom: 2px solid #ffcc00;
}


/* ======================================== #container内の指定 */

/* -- パン屑リスト -- */
  #container .topic-path {
  font-size:0.8em;
  line-height: 0.8em;
  margin: 25px 0 1em 5px;
  padding-right:0;
}

/* ---------------------------------------- #contents内の指定 */

/* -- 見出し -- */


h2 {
vertical-align:50%;
font-size:16px;
background-color: #19be76;
color: #ffffff;
padding:5px 0 5px 10px;
line-height: 28px;
}


h3,h4,h5,h6 {
  font-size: 1.1em;
  margin-top: 2.5em;
  margin-bottom: 1.0em;
  padding: 5px 0 5px 5px;
}


h3.kihon {
  text-shadow: 3px 3px 0 #cccccc;

  -ms-filter: 'progid:DXImageTransform.Microsoft.DropShadow(color=#ffcccccc,offX=3,offY=3)';
  filter:progid:DXImageTransform.Microsoft.DropShadow(color=#ffcccccc,offX=3,offY=3);

  width: 100%;
  color: #2e6600;
  font-family: Verdana, sans-serif;
  font-size: 2.0em;
  margin:1.0em 0;
  padding: 5px 0 0 0;
}


h3.setumei {
  font-size: 1.5em;
  color:dimgray;
  margin:2.0em 0 1.5em 0;
  padding: 5px 0 5px 10px;
  border:1px solid gray;
}


h3.level-d {
  font-size: 1.0em;
  margin-bottom: 1.5em;
  padding: 5px 100px 5px 5px;
  border-left: 0px solid #ffffff;
  border-bottom: 1px dotted silver;
}

h3.level-a {
  color:dimgray;
  font-size: 1.0em;
  margin-bottom: 1.5em;
  padding: 5px 100px 5px 5px;
  border: 0px solid #ffffff;
  border-top: 1px solid silver;
}


h4.top{
height:20px;
font-size:14px;
margin:30px 0 0 0;
padding:0 0 0 0;
}

h4.osusume{
margin:20px 0 20px 0;
padding:3px 0 2px 15px;
font-size;14px;
color:goldenrod;
}

h4.naka{
font-size:14px;
color:white;
padding-left:10px;
background-color:goldenrod;
}

h5{
 color		: darkgoldenrod;
 width		: 100%;
 height		: 15px;
 font-size	: 10px;
 background-color: #ffffaa;
 margin		: 30px 0px 5px  0px;
 padding	:  2px 0px  2px 18px;
 border-top	:  1px solid burlywood;
 border-left	:  2px solid burlywood;  
 border-bottom	:  1px solid burlywood;
 border-right	:  2px solid burlywood;
}

h5.ana{
 color		: royalblue;
 width		:94%;
 height		: 15px;
 font-size	: 10px;
 background-color: powderblue;
 margin		: 30px 0px 5px  0px;
 padding	:  2px 0px  2px 18px;
 border-top	:  1px solid royalblue;
 border-left	:  2px solid royalblue;  
 border-bottom	:  1px solid royalblue;
 border-right	:  2px solid royalblue;
}


/* -- ランキング -- */

#rank-box{
color:#ff6633;
font-size:0.8em;
vertical-align:middle;
margin:2px 0 5px 0px;
padding:0px;
border-bottom:1px solid #ffcc00;
}

/* -- 文字 -- */

#contents p {
  color:dimgray;
  line-height: 1.5em;
  font-size:1.0em;
  margin-bottom: 2.0em;
}

#contents p#shopmenu{
  color:dimgray;
  font-size: 0.8em;
  margin-top:10px;
  padding:1.0em 0 0 16em;
  background-image:url(../img/mouse-1.gif);
  background-repeat:no-repeat;
}


#contents p.level-a{
  color:dimgray;
  font-size: 0.8em;
  padding-left:6px;
}
#contents p.level-b{
  color:dimgray;
  font-size: 0.9em;
  padding-left:10px;
}

#contents p.osusume{
  color:#000000;
  background-color:#eee8aa;
  font-size: 1.2em;
  line-height:1.5;
  padding: 15px;
}

#contents span.kyoutyou1{
  background-color:orange;
  color:black;
  padding:10px;
}

/*   ??  */

#contents p.top{
 line-height:1.5;
 border: solid 5px #ffaa00;
 padding:10px 10px 20px 20px;
 width: 525px;
 background-color: white;
 -moz-box-shadow: 5px 5px 5px gray;
 -webkit-box-shadow: 5px 5px 5px gray;
 box-shadow: 5px 5px 5px gray;
 -ms-filter: 'progid:DXImageTransform.Microsoft.DropShadow(color=#88888888,offX=5,offY=5)';
 filter: progid:DXImageTransform.Microsoft.DropShadow(color=#88888888,offX=5,offY=5);
}


/* ANA専用（転用も？） */
 div.ana{
  color:dimgray;
  font-size: 1.0em;
  margin-top:10px;
  padding:1.0em 0 0 15em;
  background-image:url(../img/ana-money01.gif);
  background-repeat:no-repeat;
}





/* 下部キーワード説明 */
#contents p.tcom{
 font-size: 0.8em;
 color: gray;
 margin: 0 0 10px 18px;
 padding: 5px 0 10px 0px;
}


/* -- LIST共通 -- */

li{
margin:0.1em 0em;
padding:0.1em 1.0em;
list-style-type:none;
font-size:0.8em;
}

/* -- (トップページメインリンク用) -- */

table#mode-3{
width:100%;
font-size:12px;
color:white;
margin:0.5em 0 1.0em 0;
border:1px dotted gray;
}

#mode-3.sayuu{
width:24%;
font-size:12px;
color:white;
vertical-align:top;
padding-top:0;
}

#mode-3.naka{
width:50%;
font-size:12px;
color:white;
vertical-align:top;
padding-top:0;
border:1px dotted gray;
}
#mode-3.naka-sita{
font-size:12px;
color:peru;
padding-top:10px;
vertical-align:top;
}

/* -- TABLE1内設定 -- */

#mode-3.sayuu h3,
#mode-3.naka h3,
#mode-3.naka-sita h3
{
font-size: 0.5em;
margin:1.5em 0 1.5em 0.5em;
padding: 0px;
}


#mode-3 ol{
padding:0 0 10px 0;
color:green;
}

#mode-3 li{
list-style-type:none;
margin:5px 0 0 5px;
text-align:left;
}

#mode-3 li a:link{
text-decoration: none;
}

#mode-3 li a:hover {
position: relative;
top: -2px;
right: -2px;
text-decoration: none;
}


/* -- TABLE 特定表記 -- */
table#tokutei{
margin:20px 0;
}


#tokutei td.koumoku{
font-size:0.8em;
color:white;
background-color:#b4c0e8;
padding:10px 10px 10px 10px;
}
#tokutei td.koumoku2{
font-size:0.8em;
color:#2e6600;
vertical-align:top;
background-color:white;
padding:0px 10px 10px 10px;
}
#tokutei td.naiyou{
font-size:0.8em;
color:#b4c0e8;
vertical-align:top;
padding:3px 0 2px 20px;
}



/* -- 期間限定リンク -- */


h4#gentei{
color:white;
margin:3px 0px 2px 0;
padding:3px 0 1px 5px;
background-color:#85fe85;
border-top:1px #32cd32 solid;
border-bottom:1px #32cd32 solid;
border-right:2px #32cd32 solid;
border-left:2px #32cd32 solid;
}


#gen-link{
color:yellow;
}

#gen-link li{
color:peru;
padding:0.1em 1.0em;
list-style-type:none;
font-size:0.8em;
}


#gen-link li a {
text-decoration: none;
font-size:1.0em;
color:  blue ;
text-align:center;
}

#gen-link li a:hover {
color: red ;
border-bottom: 1px solid blue;
}


/* ＣＳＳ移行ＳＴＡＲＴ */


table{
border:0px dotted gray;
}

table.body-t{
}


/* ------ 汎用ＴＤ　stsrt  */
td{
border:0px dotted gray;
padding: 10px 0px 20px 0px;
font-size: 10pt;
line-height:1.2;
}


td.common{
vertical-align:top;
padding: 0px 10px 20px 0px;
font-size: 0.8em;
line-height:2.0;
color:dimgray;
}

/* ------- 汎用ＴＤ　end   */




/* ＰＲなど飾りＣＳＳ
---------------------------------------  */


/* JAPANET */
table.cm2{
 vartical-align : top;
 padding        : 20px 0px 40px 0px;
}


/*  table "cm2" に対応  */

td.c2_l{
 width          : 200px;
 font-size      :   9pt;
 font-weight    : bold;
 vartical-align : top;
 padding        : 5px 0px 30px 0px; 
}

td.c2_l2{
 width          : 30%;
 font-size      :   9pt;
 color:gray;
 vertical-align : top;
 text-align     : left;
 padding        : 5px 0px 0 15px; 
}
td.c2_lb{
 width          : 200px;
 font-size      :   9pt;
 font-weight    : bold;
 vertical-align : top;
 padding        : 10px 0px 30px 20px; 
border-left	: 2px solid black;
margin-bottom	:20px;

}


td.c2_r{
 width          : 400px;
 font-size      :   9pt;
 text-align     :  left;
 vertical-align :  top;
 line-height    :   1.5;
 padding        : 5px 5px 30px 0px;
}

td.c2_r1{
 width          : 68%;
 font-size      :   8pt;
 color:gray;
 text-align     :  left;
 padding        : 5px 5px 5px 0px;
}

td.c2_r2{
 width          : 200px;
 font-size      :   8pt;
 text-align     :  left;
 margin         : 5px 10px 0px 15px;
 padding        : 5px  5px 5px 15px;
 border-top     : 1px dotted red;
}
td.c2_r3{
 width          : 400px;
 font-size      :   8pt;
 text-align     :  left;
 margin         : 5px 10px 0px 15px;
 padding        : 5px  5px 5px 15px;
 border-top     : 1px dotted red;
}

/* 中央に寄せた紹介画像＋文 */
td.ct_l{
 font-size      :   9pt;
 text-align     :  center;
 vertical-align :  top;
 line-height    :   1.5;
 padding        : 5px 10px 20px 10px;
}
td.ct_r{
 font-size      :   9pt;
 text-align     :  left;
 vertical-align :  top;
 line-height    :   1.5;
 padding        : 5px 0 20px 10px;
}


/* 中央寄せ */

td.c2_lc{
 width          : 200px;
 font-size      :   9pt;
 font-weight    : nomal;
 vartical-align : middle;
 text-align	: right;
 padding        : 5px 10px 30px 0px; 
}
td.c2_rc{
 width          : 400px;
 font-size      :   9pt;
 text-align     :  left;
 vertical-align : midlle;
 text-align	: left;
 line-height    :   1.5;
 padding        : 5px 5px 30px 10px;
}

/* 単体で中央寄せ */

td.picup{
 font-size	: 8pt;
 text-align	: center;
 vertical-align	: top;
 line-height	: 1.2;
 padding	: 20px 5px 10px 10px;
}

/* ANA用のTEBLE */

#ana{
}

#ana td{
vertical-align:top;
padding:0;
}

.anaright{
vertical-align:top;
border-bottom:dashed 1px peru;
}


.ana-li{
margin:0;
padding:0 0 25px 0;
border:0px solid gainsboro;

}



/* 以前の p div  */
p.key-bun{
font-size:12px;
line-height:1.5;
padding:0 0 0 20px;
}

p.top_g{
margin:0 0 0 0;
padding:20px 10px 20px 20px;
line-height:1.5;
border:0px dotted gray;
}

.top-micr{
background-image:url(../img/u-click03.gif);
background-repeat:no-repeat;
text-align:right;
margin-left:0px;
padding:1px 20px 1px 0;
}

/*  ページトップの特集バナー　*/

.c1{
color:#62b6d8;
}
.c2{
color:#18a500;
}
.c3{
color:#15adf1;
}
.c4{
color:#FF7C22;  
}
.c5{
color:#8B63FD;
}
.c6{
color:#E6CD23;
}
.c7{
color:#FF3300;
}
.c8{
color:#4A9FDF;
}


p.top2{
margin:0;
padding:0;
line-height:1.5;
border:0px solid silver; 
}

.top2 a:link{
color:#ED3030;
} 

.top2 table{
border-collapse:collapse;
}

.top2 td.migi{
width:30%;
padding:10px;
background-color:#FFFFC8;
}
.top2 td.hidari{
width:70%;
font-size:12px;
padding:10px 10px 10px 30px;
background-color:#FFE2ED;
}


/* END */

/* 特集？？ */

.toku1{
font-size:14px;
color:maroon;
font-weight:bold;
padding:20px 0 20px 20px;
margin-bottom:20px;
background-color:#ffff99;
border:1px pink border;
}

.toku1 a{
 text-decoration: none;
}

.toku2{
font-size:14px;
color:maroon;
font-weight:bold;
padding:20px 0 20px 20px;
margin:40px 0 20px 0;
border:2px pink double;
}

.toku3{
font-size:14px;
color:maroon;
font-weight:bold;
padding:20px 0 20px 0px;
margin:40px 0 20px 0;
}


.pr{
font-weight:bold;
margin:0 0 20px 0;
padding:0 0 0 5px;
border-bottom:1px peru solid;
}


/* LIST
------------------------------------ */

dt{
color:#b1005a;
font-size:120%;
font-weight:bold;
padding:10px 5px 20px 20px;
}

dd{
line-height:1.2;
color:#639DD7;
padding-bottom:20px;
}

dd a:link{
color:#639DD7;
}

/* 釣りほか説明 */

#turi dt{
color:#ffcf61;
font-size:1.2em;
font-weight:bold;
padding:10px 5px 5px 20px;
}

#turi dd{
line-height:1.2;
color:#639DD7;
padding-bottom:20px;
padding-left:50px;
}

#turi dd a:link{
color:#ff6600;
}

/* ＡＮＡほかリスト */

#ana li{
}

/* ＡＮＡほかリスト */

dt.sake{
color:#6666ff;
font-size:130%;
font-weight:bold;
padding:10px 5px 20px 0;
}

dd.sake{
line-height:1.4;
font-size:80%;
color:#909dbd;
padding:0 0 40px 30px;
}



/* 注意 */

.tyuui{
color:#333333;
font-size:12px;
line-height:1.5;
padding:20px 10px 20px 10px;
background-color:#dddddd;
border:1px dashed gainsboro;
}

/* メモ */
.memo {
  border: solid 10px #ffaa00;
  margin: 20px 0 20px 320px;
  padding: 15px;
  width: 200px;
  font-size: 0.8em;
  background-color: white;
  -moz-box-shadow: 10px 10px 10px gray;
  -webkit-box-shadow: 10px 10px 10px gray;
  box-shadow: 10px 10px 10px gray;
  -ms-filter: 'progid:DXImageTransform.Microsoft.DropShadow(color=#88888888,offX=10,offY=10)';
  filter: progid:DXImageTransform.Microsoft.DropShadow(color=#88888888,offX=10,offY=10);
}


/* セキュリティメッセージ説明 */
dl#topbar{
}

#topbar dt{
font-size:1.0em;
text-align:left;
color:dimgray;
font-weight:bold;
margin:0 0 5px 0;
padding:0 0 10px 0;
}

#topbar dd{
font-size:1.0em;
text-align:left;
line-height:1.5;
color:dimgray;
margin:0 0 20px 20px;
}



/* ＣＳＳ移行ＥＮＤ */



/* -- サイト更新情報 -- */
#site-up{
font-size:10px;
color:gray;
margin:10px 0 10px 0;
padding:0 0 0 200px;
border-top:2px solid gainsboro;
background-image:url(../img/t_update_link.gif);
background-repeat:no-repeat;
}

/* --  小技 -- */

.rt{
text-align:right;
}

.rt2{
text-align:right;
font-size: 12px;
padding:5px 0 5px 0;
}


/* ---------------------------------------- #side内の指定 */


#side h3{
margin:0 0 5px 0;
font-size: 12px;
color: #ffffff;
background-color:#ffcc33;
}

#side ol{
margin:0;
padding:0;
}

#side li{
list-style-type:none;
width:auto;
margin:0;
text-align:left;
}

#side li a {
  text-decoration: none;
  font-size:0.7em;
  display: block;
  width: 140px;
  padding: 3px 2px 3px 5px;
  color:  #ff6633 ;
  border-bottom:1px dotted #666666;
}

#side li a:hover {
  color:  #cc0000 ;
  border-left: 1px solid gainsboro;
}

#side li a:visited {
/*  padding-right:10px; */
  text-decoration:none;
}

/* ---------------------------------------- #footer内の指定 */

#footer div{
text-align: center;
font-size:0.8em;
color: #b0e0e0 ;
}

#footer div.food1{
text-align:right;
font-size:10px;
}

#footer p{
padding-top:20px;
text-align: center;
color: #cc6600 ;
}