<!--

body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}

		/* ===link color　リンク文字色=== */

a:link {
  color: #0066cc; /* 未訪問 #000080navy #330066紺 #0000ff青 */
  text-decoration: none;
}

a:visited {
  color: #0066cc; /* 既訪問 */
  text-decoration: none;
}

a:hover {
  color: #ff0000; /* マウスオーバー */
  background-color: ; /* #ffffff */
  text-decoration: none;
} 

a:active {
  color: #ff00ff; /* 訪問中 */
  text-decoration: none;
}

.bk a:link, .bk a:visited, {
  color: #000000;
}
.bk a:hover {
  color: #ff0000;
}
.bk a:active {
  color: #ff00ff;
}

		/* ===【全体幅】=== */

.width {
  width: 800px;
}

		/* ===TOPヘッダー=== */
.top {
  position: absolute;
  top: 0px;
  left: 0px;
}

.head {
　position: absolute;
  top: 73px;
  left: 0px; 
  background-color: #cc0000;
　height: 22px;
  color: #ffffff;
  font-size: 10pt; 
  text-align: center;
  line-height: 160%;
  border-color: #808080;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

		/* ===イメージボーダー=== */
img {
  border-width: 0px;
}

		/* ===文字中央寄せ=== */
.cen {
    text-align: center;
}

		/* ===【左側】ボタンエリア基本構造）=== */

div#left {
　position: absolute;
  top: 95px;
  left: 0px;
  float: left;
  width: 137px; /* 18% */
  background-color: #ffffff;
  padding: 0px 0px 0px 0px;		/*  10px 3px 3px 3px; */
}

		/* ===【右側】スペース基本構造=== */

div#right {
　position: absolute;
  top: 95px;
  left: 137px;
  float: left;
  width: 663px; /* 82% */
  background-color: #ffffff; /* グレー 濃← #808080 #c0c0c0 #d3d3d3 #f5f5f5 →薄 */
  padding: 0px 0px 0px 12px;
  border-color: #808080;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
}

		/* ===余白=== */
.yoko {
  padding: 0px 12px 0px 12px;
}

.tate {
  margin: 5px 0px 5px 0px;
  padding: 3px 0px 3px 0px;
  background-color: ;
  border-color: #d3d3d3; 
  border-style: solid;
  border-width: 0px 1px 1px 0px;

}


		/* ===メニューボタンのリンク色等=== */
.button a {
  width: 100%;
}

.button a:link, .button a:visited, .button a:active {
  color: #003399; /* #330066 */
}

.button a:hover {
  background-color: #ff0066; /*#cc0000*/
  color: #ffffff;
  font-weight: bold;
}

		/* ===メニューボタン=== */

.button {
　position: static;
  background-color: #ffcccc; /* #ffccccピンク #ccffffブルー #dbdbdbグレー */
  width: 100%;
  color: #000000;
  font-size: 80%;
  text-align: center;
  vertical-align: middle;
  border-color: #808080; /*#ff0033#a9a9a9*/
  border-style: solid;
  border-width: 0px 2px 2px 0px;
  padding: 0px;
  margin: 3px 0px;
  line-height: 150%;
}

.button-on {
　position: static; 
  background-color: #cc0000;
  width: 100%;
  color: #ffffff;
  font-size: 80%;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  border-color: #cc0000; /*#ff0033#a9a9a9*/
  border-style: solid;
  border-width: 1px;
  padding: 0px;
  margin: 3px 0px;
  line-height: 150%;
}

.button-item {
  /* border-color: #cc0000;
  border-style: solid;
  border-width: 0px 0px 1px 2px; */
  font-size: 80%;
  line-height: 100%;
  padding: 0px;
  margin: 3px 0px;
}


		/* ===タイトル=== */

.title {
  background-color: #ffffff; /* #ffcccc #ffffff */
　height: px;
  width: 100%;
  color: #cc0000; /* #000000黒 */
  font-size: 100%;
  font-weight: bold;
  line-height: 110%;
  text-align: left;
  border-color: #cc0000; /* #ff0033赤 */
  border-style: solid;
  border-width: 0px 0px 1px 15px;
  vertical-align: middle;
  padding: 2px 0px 2px 10px;
  margin: 2px 0px 3px 0px;
}

		/* ===frame（各社ツアー等のタイトル下枠）=== */


.frame_shiki {			/* 四季 bgimg+border無 */
　position: relative;
  background-color: #ffffff;
  background-image: url('../img/sakura100.gif');  /* 春..sakura100.gif */
　background-repeat: repeat-y;　　　　　　　　 /* 夏..asagao.gif */
  background-position: right;                  /* 秋..icho.gif 又は /momiji.gif */
  height: px;                                  /* 冬..yuki1.gif 又は /yuki2.gif */
  width: 100%;
  font-size: 90%;
  color: #000000;
  line-height: 130%;
  border-color: #808080; 
  border-style: solid;
  border-width: 0px; /* 1px 1px 1px*/
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.frame1 {			/* 背景bg白+線borderグレー */
　position: relative;
  background-color: #ffffff;
　height: px;
  width: 100%;
  font-size: 90%;
  color: #000000;
  line-height: 130%;
  border-color: #808080; 
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.frame2 {			/* bg黄色#ffffcc;→白2009/09/02　+border点 */
　position: relative;
  background-color: #ffffff;
　height: px;
  width: 100%;
  font-size: 80%;
  color: #000000;
  line-height: 130%;
  border-color: #808080;
  border-style: dotted;
  border-width: 0px; /* 1px 1px 1px */
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.frame3 {			/* bg空色+borderグレー */
　position: relative;
  background-color: #ccffff;
　height: px;
  width: 100%;
  font-size: 90%;
  color: #000000;
  line-height: 130%;
  border-color: #808080; 
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.frame4 {			/* bgグレー+border無 */
　position: relative;
  background-color: #d3d3d3; 
　height: px;
  width: 100%;
  font-size: 90%;
  color: #000000;
  line-height: 130%;
  border-color: #000000;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.frame5 {			/* bg/border共　白 */
　position: relative;
  background-color: #ffffff;
　height: px;
  width: 100%;
  font-size: 90%;
  color: #000000;
  line-height: 130%;
  border-color: #808080; 
  border-style: solid;
  border-width: 0px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

.frame6 {			/* ■新情報のテキストエリア■ */
  height: 150px;
  width: 630px;			 /* 2014.12.5まで 590px　 100% */
  background-color: #ffffff; /* #ffffd3 */
  overflow: auto;
  font-size: 9pt;
  border: #cccccc 0px solid;
  margin: 0px;		/* 2353 */
  padding: 0px 0px;				/* 0px 5px; */
  scrollbar-base-color: #ffcccc; 
  scrollbar-arrow-color: white;
}

.frame6 td {			/* 仕切り線 */
  border-bottom: #c0c0c0 solid 1px;
}

.frame7 {			/* ■新情報バックナンバーのテキストエリア■ */
  height: 600px;
  width: 630px;
  background-color: #ffffff; /* #ffffd3 */
  overflow: auto;
  font-size: 9pt;
  border: #cccccc 0px solid;
  margin: 2px 3px 10px 3px ;
  padding: 0px 5px;
  scrollbar-base-color: #ffcccc; 		/*  */
  scrollbar-arrow-color: white;		/*  */
}

.frame7 td {			/* 仕切り線 */
  border-bottom: #c0c0c0 solid 1px;
}


		/* ===強調文字=== */

.hot {
  background-color: #ff3399;
  color: #ffff00;
}

.cool {
  background-color: #0066ff;
  color: #ffff00;
  font-size: 100%;
  padding: 2px;
  font-weight: bold;
}

		/* 文字色など */
.red  {
  color: #ff0000;
  font-weight: bold;
}

.red2  {
  color: #ff0000;
}

.eng  {
  color: #cc0000;
}

.yours  {
  background-color: #cc0000;
  color: #ffffff;
  font-size: 100%;
  padding: 2px;
  font-weight: bold;
}

.waku {
  background-color: #ffe4b5;
  padding: 5px;
}

		/* === 画像に影をつける<div class="img-bg" style="width: 画像と同じ幅px;">=== */
		
.img-bg {
  background-image: url(../img/shadow_001.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  margin: 5px 0px 0px 5px;
  padding: 0px;
  position: relative;
}

.img-bg img {
  background-color: #FFFFFF;
  margin: -5px 5px 5px -5px;
  padding: 0px;
  position: relative;
}


		/* box-shadowで画像に影をつける 上のimg-bgがIE11,GC39で対応不可の為2014.12.8 */
.shadow {
  box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
  margin: 3px;
}


		/* ===▼YAジョイフルツアー枠（2つセット）=== */

.tour1hed {			/* YAジョイフルツアー枠　エンジ */
  background-color: #cc0000;
  text-align: left;
  color: #ffffff;
  padding: 0px 8px;
  margin: 5px 0px 0px 0px;
}

.tour1 {
  background-color: ;
　height: px;
  width: 100%;
  border-color: #cc0000; 　　　　/*purple#800080 blue#0000ff ピンク#ff00ff 茶#800000 */
  border-style: solid;
  border-width: 0px 1px 1px 1px;  /* 線の幅 */
  padding: 0px;
  margin: 0px 0px 0px 0px;
}


.tour2hed {			/* YAジョイフルツアー枠　緑 */
  background-color: #ccff99;
  text-align: left;
  color: #000000;
  padding: 0px;
  margin: 5px 0px 0px 0px;
}

.tour2 {
  background-color: ;
　height: px;
  width: 100%;
  border-color: #ccff99;
  border-style: solid;
  border-width: 0px 1px 1px 1px;  /* 線の幅 */
  padding: 0px;
  margin: 0px 0px 0px 0px;
}


.tour3hed {			/* YAジョイフルツアー枠　オレンジ */
  background-color: #ff9900;
  text-align: center;
  color: #000000;
  padding: 0px;       	
  margin: 15px 0px 0px 0px;
}

.tour3 {
  background-color: ;
　height: px;
  width: 100%;
  border-color: #ff9900;
  border-style: solid;
  border-width: 0px 0px 1px 0px;  /* 線の幅 */
  padding: 0px;
  margin: 0px 0px 0px 0px;
}


		/* ===▼ski title=== */

.ao {
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  background-color: #0000ff;
  padding: 5px;
  margin: 0px 0px 8px 0px;
  width: 300px;
}

		/* ===table=== */

table.shiro {
  background-color: #666666;
  text-align: center;
  width: 100%;
}

table.shiro td {
  color: #000000;
  background-color: #ffffff;
  font-size: 90%;
}

.pink {
  background-color: #ffcccc;
}


		/* ===Copyright=== */

.Copyright {
  width: 100%;
  Color :#000000;
  text-align: center;
  font-size: 80%;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 8px 0px;
  border-width: 2px 0px 0px 0px;
  border-style: solid;
  border-color: #cc0000
}


.size14 {
  font-size: 80%;
}


-->