@import "../css/default.css";
@import "../css/layout.css";
@import "../css/common.css";
@import "../css/navi.css";
@import "./archive-common.css";

#r_restrant a{ background:url("../img/navi/r_restrant.jpg") 0 -60px repeat-y; }

/* -------------------- # --------------------*/

#feed-block{
  width : 640px;
  height : 30px;
  margin:15px 0;
  padding:0;
  background:url('./index_img/feed-block.jpg') 0 0 no-repeat;
}

#feed-control{
  height:30px;
  line-height:30px;
  margin:0;
  padding:0 0 0 30px;
}

/* *** */

.gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-size: 12px;
  border: 1px solid #BCCDF0;
}

.gfg-title {
  font-size: 11px;
  font-weight : bold;
  color : #333333;
  background-color: transparent;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-title a {
  color : #990000;
  background-color:transparent;
}

.gfg-title a:hover {
  color : #990000;
  background-color:transparent;
}

.gfg-subtitle {
  font-size: 12px;
  font-weight : bold;
  color : #3366cc;
  background-color: transparent;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 5px;
}

.gfg-subtitle a {
  color : #990000;
  background-color:transparent;
}

.gfg-subtitle a:hover {
  color : #990000;
  background-color:transparent;
}

.gfg-entry {
  background-color: transparent;
  width : 100%;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color: transparent;
  width : auto;
  height : 100%;
  padding-left : 20px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color: transparent;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url('garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 12px;
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-size: 13px;
  padding : 5px;
  margin : 0;
}

.gfg-horizontal-root .gfg-title {
  font-weight : normal;
  background-color: transparent;
  line-height : 20px;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
  background-color:transparent;
}

.gfg-horizontal-root .gfg-title a:hover {
  color : #990000;
  background-color:transparent;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color: transparent;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #990000;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
  font-size:10px;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}

/* -------------------- # --------------------*/

.alpha, .beta, .gamma{
width:200px;
padding:0;
}
.alpha{ margin:0 20px 20px 0; }
.beta, .gamma{ margin:0 0 20px 0; }

.sub-title{
margin:0 0 20px 0;
padding:0 0 0 20px;
font-size:12px;
line-height:12px;
font-weight:bold;
background:url("./index_img/mark.gif") 0 0 no-repeat;
color:#663300;
}

#btn-01, #btn-02, #btn-03{
width:200px;
margin:0 0 20px 0;
padding:0;
overflow:hidden;
clear:both;
}

#btn-01{ background:url("./index_img/btn_01.jpg") 0 0 repeat-y; height:130px; }
#btn-01 a{ background:url("./index_img/btn_01.jpg") 0 0 repeat-y; height:130px; display:block; }
#btn-01 a:hover{ background:url("./index_img/btn_01.jpg") 0 -130px repeat-y; }

#btn-02{ background:url("./index_img/btn_02.jpg") 0 0 repeat-y; height:130px; }
#btn-02 a{ background:url("./index_img/btn_02.jpg") 0 0 repeat-y; height:130px; display:block; }
#btn-02 a:hover{ background:url("./index_img/btn_02.jpg") 0 -130px repeat-y; }

#btn-03{ background:url("./index_img/btn_03.jpg") 0 0 repeat-y; height:130px; }
#btn-03 a{ background:url("./index_img/btn_03.jpg") 0 0 repeat-y; height:130px; display:block; }
#btn-03 a:hover{ background:url("./index_img/btn_03.jpg") 0 -130px repeat-y; }

.sub-text{
margin:0;
padding:0;
}

.sub-text a{ text-decoration:none; }
.sub-text a:hover{ color:#FF6600; text-decoration:underline; }

#myContent{
width:640px;
height:200px;
margin:0 0 20px 0;
padding:0;
}

.block{
width:310px;
margin:0 0 20px 0;
padding:0;
}

.outline-list{
width:25px;
margin:0 0 10px 0;
padding:0;
font-weight:bold;
font-size:10px;
line-height:1.8;
}

.outline-text{
width:280px;
margin:0 0 10px 0;
padding:0;
}


/* -------------------- # --------------------*/

#map{
width:310px;
height:230px;
margin:0;
padding:0;
}