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

@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;
color:#ff9900;
}


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


h3.kihon {
  font-size: 2.0em;
  color:silver;
  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;
}


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

#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 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.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.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{
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   */

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

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

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

#mode-3 .naka{
width:50%;
font-size:12px;
color:white;
vertical-align:top;
padding-top:0;
border:0px 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.naiyou{
font-size:0.8em;
color:#b4c0e8;
vertical-align:middle;
padding:3px 0 2px 20px;
}


/* -- 物販画像リンク -- */
#buppan{
}

#buppan .pr{
font-size:0.8 em;
color:peru;
text-align:center;
padding-left:10px;
}

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


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


/* 特集 */

.toku{
font-size:12px;
color:#9999ff;
font-weight:bold;
margin:20px 0 0px 0px;
padding:50px 8px 40px 20px;
background-image:url(../img/t_tokusyu.gif);
background-repeat:no-repeat;
border-bottom:1px solid #9999ff;
}




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


/* HEAD */

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		: 95%;
 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;
}



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

dt{
color:#bbbbbb;
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;
}



/* 注意 */

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


/* セキュリティメッセージ説明 */
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;
}





/* --  小技 -- */

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