TABLE{
  border-spacing : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-width : 0px 0px 0px 0px;
  border-style : none none none none;
  width : 100%;
  height : 100%;
  cellspacing : 0px;
}

H1{
  color : #FF9933;
  font-size : x-large;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 20px;
  padding-bottom : 20px;
  text-align : right;
  
  /* テキスト影 */
  -webkit-text-shadow : 2px 2px 5px #CC9966;
  -moz-text-shadow : 2px 2px 5px #CC9966;
  text-shadow : 2px 2px 5px #CC9966;
  
  /* 背景のグラデーション */
  background-color : #cfc;
  background-image : -webkit-gradient(linear, left top, left bottom, from(#cfc), to(#fff));
  background-image : -moz-linear-gradient(top, #cfc, #fff);
  background : linear-gradient(top, #cfc, #fff);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ccffcc',EndColorStr='#ffffff');   /* IE8 */

  /* IEの場合はエリアを指定しないと描画できないみたい */
  height:30px;

  /* 角丸左 */
  -webkit-border-top-left-radius : 30px;
  -moz-border-top-left-radius : 30px;
  border-top-left-radius : 30px;

  /* 角丸右 */
  -webkit-border-top-right-radius : 30px;
  -moz-border-top-right-radius : 30px;
  border-top-right-radius : 30px;
}

H2{
  color : #666666;
  font-weight : normal;
  font-size : medium;
  text-align : left;
  padding-top : 10px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 10px;
}

H5{
  font-size : medium;
  font-weight : normal;
  color : #666666;
  margin-top : 2px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 2px;
  background-repeat : no-repeat;
  width : 480px;
  text-align : left;
  padding-left : 10px;
  padding-right : 10px;
  border-top-width : 1px;
  border-left-width : 1px;
}

H6{
  text-align : left;
  margin-top : 2px;
  padding-left : 10px;
  padding-right : 10px;
  margin-bottom : 2px;
  width : 460px;
  color : #666666;
  font-size : small;
  font-weight : normal;
  border-right-width : 1px;
  border-bottom-width : 1px;

}

TEXTAREA {
	display: block;
	margin: 5px auto 0;
	padding: .5em;
	width: 98%;
	min-height: 100px;
	border: solid 1px #eaeaea;
	outline: none;
	resize: vertical;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* セクション毎のラベル */
DIV.LBL {
  color : white;
  font-size : small;
  font-weight : normal;
  padding-top : 2px;
  padding-left : 5px;
  padding-right : 2px;
  padding-bottom : 2px;
  margin-top : 1px;
  margin-bottom : 1px;
  margin-left : 1px;
  margin-right : 1px;
  text-align : left;

  /* 角丸 */
  -webkit-border-radius : 3px;
  -moz-border-radius : 3px;
  border-radius : 3px;

  /* 影 */
  -webkit-box-shadow : 3px 3px 6px #ddd;
  -moz-box-shadow : 3px 3px 6px #ddd;
  box-shadow : 3px 3px 6px #ddd;

  background: #f86785;
  background-image : -webkit-gradient(linear, left top, right bottom, from(#f86785), to(#FF9999));
  background-image : -moz-linear-gradient(left, #f86785, #FF9999);
  background : linear-gradient(top, #f86785, #FF9999);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#f86785',EndColorStr='#FF9999');  /* IE8 */

}

/* フッター */
DIV.FOOT {
  font-size : medium;
  padding-top : 10px;
  padding-left : 4px;
  padding-right : 4px;
  padding-bottom : 20px;
  font-weight : normal;
  color : #666666;
  text-align : right;
  
  /* テキスト影 */
  -webkit-text-shadow : 1px 1px 0px #FFF;
  -moz-text-shadow : 1px 1px 0px #FFF;
  text-shadow : 1px 1px 0px #FFF;
  
  /* 背景グラデーション */
  background-color : #cfc;
  background-image : -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfc));
  background-image : -moz-linear-gradient(top, #fff, #cfc);
  background : linear-gradient(top, #fff, #cfc);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#ccffcc');   /* IE8 */

  /* IEの場合はエリアを指定しないと描画できないみたい */
  height:30px;

  /* 角丸左 */
  -webkit-border-bottom-left-radius : 30px;
  -moz-border-bottom-left-radius : 30px;
  border-bottom-left-radius : 30px;

  /* 角丸右 */
  -webkit-border-bottom-right-radius : 30px;
  -moz-border-bottom-right-radius : 30px;
  border-bottom-right-radius : 30px;
}

DIV.SPON {
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotateZ(-10deg);
  -o-transform: rotateZ(-10deg);
  -ms-transform: rotateZ(-10deg);

  -webkit-box-shadow : 3px 3px 6px #BBB;
  -moz-box-shadow : 3px 3px 6px #BBB;
  box-shadow : 3px 3px 6px #BBB;
}

DIV.SPON:hover {

  -moz-transition-duration:1s;
  -webkit-transition-duration:1s;
  -o-transition-duration:1s;
  -ms-transition-duration:1s;

  -moz-transition-timing-function:ease-in-out;
  -webkit-transition-timing-function:ease-in-out;
  -o-transition-timing-function:ease-in-out;
  -ms-transition-timing-function:ease-in-out;

  -moz-transform: rotate(0deg);
  -webkit-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);

  -webkit-box-shadow : 3px 3px 6px #FFCC00;
  -moz-box-shadow : 3px 3px 6px #FFCC00;
  box-shadow : 3px 3px 6px #FFCC00;

}

DIV.BACK {
  color : #666666;
  font-size : small;
  font-weight : normal;
}

BODY{
  font-weight : normal;
}

P{
  margin-left : 5px;
}

IMG.MAIN_LOGO:hover {
/* 別に何もしないんだけど、無いと表示が崩れるから残しておく */
/*  filter : alpha(opacity=100);*/ /* 透過なし */
/*  opacity : 1.0;              */ /* 透過なし */
}

/* リンクバーのそれぞれのラベルに付けたDIVタグ */
DIV.LABEL {
  margin: 0px;
  padding:  4px 0px 4px 0px;
  width: 56px;
  height:24px;
  float: left;              /* 横並び */
}

/* 探す */
#search {
  /* 桃 */
  background-color : #f3f;
  background-image : -webkit-gradient(linear, left top, left bottom, from(#fcf), to(#f3f));
  background-image : -moz-linear-gradient(top, #fcf, #f3f);
  background : linear-gradient(top, #fcf, #f3f);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffccff',EndColorStr='#ff33ff');　/* IE8 */
}

/* 観る */
#see {
  /* 赤 */
  background-color : #f33;
  background-image : -webkit-gradient(linear, left top, left bottom, from(#fcc), to(#f33));
  background-image : -moz-linear-gradient(top, #fcc, #f33);
  background : linear-gradient(top, #fcc, #f33);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffcccc',EndColorStr='#ff3333');　/* IE8 */
}

/* 知る */
#know {
  /* 黄 */
  background-color : #ff3;
  background-image : -webkit-gradient(linear, left top, left bottom, from(#ffc), to(#ff3));
  background-image : -moz-linear-gradient(top, #ffc, #ff3);
  background : linear-gradient(top, #ffc, #ff3);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffcc',EndColorStr='#ffff33');　/* IE8 */
}

/* 走る */
#drive {
  /* 緑 */
  background-color : #3f3;
  background-image : -webkit-gradient(linear, left top, left bottom, from(#cfc), to(#3f3));
  background-image : -moz-linear-gradient(top, #cfc, #3f3);
  background : linear-gradient(top, #cfc, #3f3);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ccffcc',EndColorStr='#33ff33');　/* IE8 */
}

/* 乗る */
#gets {
  /* 水 */
  background-color : #3ff;
  background-image : -webkit-gradient(linear, left top, left bottom, from(#cff), to(#3ff));
  background-image : -moz-linear-gradient(top, #cff, #3ff);
  background : linear-gradient(top, #cff, #3ff);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ccffff',EndColorStr='#33ffff');　/* IE8 */
}

/* 食べる */
#eat {
  /* 青 */
  background-color : #33f;
  background-image : -webkit-gradient(linear, left top, left bottom, from(#ccf), to(#33f));
  background-image : -moz-linear-gradient(top, #ccf, #33f);
  background : linear-gradient(top, #ccf, #33f);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ccccff',EndColorStr='#3333ff');　/* IE8 */
}

/* その他 */
#other {
  /* 紫 */
  background-color : #c0c;
  background-image : -webkit-gradient(linear, left top, left bottom, from(#f9f), to(#c0c));
  background-image : -moz-linear-gradient(top, #f9f, #c0c);
  background : linear-gradient(top, #f9f, #c0c);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff99ff',EndColorStr='#cc00cc');　/* IE8 */
}

/* ナビゲーションバー背景 */
#nav {
  color : #336;
  margin: 10px;
  padding: 5px 2px 25px 2px;
  text-align: left;
  background: #ddd; 
  line-height: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-image : -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image : -moz-linear-gradient(top, #fff, #ddd);
  background : linear-gradient(top, #fff, #ddd);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#dddddd');  /* IE8 */

  /* テキスト影 */
  -webkit-text-shadow : 1px 1px 1px #FFF;
  -moz-text-shadow : 1px 1px 1px #FFF;
  text-shadow : 1px 1px 1px #FFF;

  width: 90%;
  height:38px;
}

/* メインタグ */
#nav li {
  margin: 5px 2px 5px 2px; 
  padding: 0 0 4px; 
  color : #336;
  text-align: center;
  float: left;              /* 横並び */
  position: relative;       /* 相対位置への配置 */
  list-style: none;         /* リスト表示無し */
  
  /* 影 */
  -webkit-box-shadow : 1px 1px 1px rgba(0,0,0, .4);
  -moz-box-shadow : 1px 1px 1px rgba(0,0,0, .4);
  box-shadow : 1px 1px 1px rgba(0,0,0, .4);

  /* 角丸 */
  -webkit-border-radius : 3px;
  -moz-border-radius : 3px;
  border-radius : 3px;

}

/* メインタグ hover */

#nav li:hover {
  color: #333333;
  border-top: solid 1px #f8f8f8;
  /* 影 */
  -webkit-box-shadow : 1px 1px 1px rgba(0,0,0, .2);
  -moz-box-shadow : 1px 1px 1px rgba(0,0,0, .2);
  box-shadow : 1px 1px 1px rgba(0,0,0, .2);

  background: #FFFFFF; 
  background-image : -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
  background-image : -moz-linear-gradient(top, #ddd, #fff);
  background : linear-gradient(top, #ddd, #fff);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#dddddd');  /* IE8 */

}

/* メインリンク */
#nav a {
  font-weight: normal; 
  color: #333; 
  text-align: left;
  text-decoration: none; 
  padding:  8px 10px; 
  margin: 0; 
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  display: block; 
}

#nav a:hover {
  color: #333;
  background: #ffffff;
  background-image : -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
  background-image : -moz-linear-gradient(top, #ddd, #fff);
  background : linear-gradient(top, #ddd, #fff);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#dddddd');  /* IE8 */
}

/* ドロップダウン */
#nav li:hover > ul {
  display: block;  /* ulの内容をブロック化した状態で表示する。 */
}

/* レベル２ */
#nav ul {
  display: none;      /* 要素を表示させない */
  padding: 1px;       
  width: 185px;       /* 表示幅指定 */
  position: absolute; /* 絶対位置への配置 */
  top: 36px;          /* リストの表示位置 */
  left:10px;          /* リストの表示位置 */
  background: #eee;   /* 背景色指定 */
  border: solid 1px #b4b4b4;  /* 枠表示 */
  -webkit-border-radius: 5px; /* 角丸(Chrome) */
  -moz-border-radius: 5px;    /* 角丸(Mozilla) */
  border-radius: 5px;         /* 角丸 */
  -webkit-box-shadow: 0 0px 0px rgba(0,0,0, .3); /* 影を表示(Chrome) */
  -moz-box-shadow: 0 0px 0px rgba(0,0,0, .3);    /* 影を表示(Mozilla) */
  box-shadow: 0 0px 0px rgba(0,0,0, .3);         /* 影を表示 */
  -webkit-text-shadow : 1px 1px 1px #FFF;
  -moz-text-shadow : 1px 1px 1px #FFF;
  text-shadow : 1px 1px 1px #FFF;
  font-size : small;
  
  filter: alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
}

/* リスト内表示 */
#nav ul li {
  float: none; /* 回り込みをさせない */
}

/* レベル３ */
#nav ul li ul {
  display: none;      /* 要素を表示させない */
  padding: 1px;       
  width: 185px;       /* 表示幅指定 */
  position: absolute; /* 絶対位置への配置 */
  top: 0px;          /* リストの表示位置 */
  left:180px;          /* リストの表示位置 */
  background: #eee;   /* 背景色指定 */
  border: solid 1px #b4b4b4;  /* 枠表示 */
  -webkit-border-radius: 5px; /* 角丸(Chrome) */
  -moz-border-radius: 5px;    /* 角丸(Mozilla) */
  border-radius: 5px;         /* 角丸 */
  -webkit-box-shadow: 0 0px 0px rgba(0,0,0, .3); /* 影を表示(Chrome) */
  -moz-box-shadow: 0 0px 0px rgba(0,0,0, .3);    /* 影を表示(Mozilla) */
  box-shadow: 0 0px 0px rgba(0,0,0, .3);         /* 影を表示 */
  -webkit-text-shadow : 1px 1px 1px #FFF;
  -moz-text-shadow : 1px 1px 1px #FFF;
  text-shadow : 1px 1px 1px #FFF;
  font-size : small;
  
  filter: alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
}

/* ------------------------------------------------------------------------------------ */