#page {
  margin: 10px auto;
}

#widget_col_0 {
  float: left;
  width: 315px;
  height: auto;
/*  background:#ECF6FB; */
  overflow-y: hidden;
  overflow-x: hidden;
}

#widget_col_1 {
  float:left;
  width: 315px;
  height: auto;
/*  background:#ECF6FB; */
  overflow-y: hidden;
  overflow-x: hidden;
}

#widget_col_2 {
  width: 100%;
  background:#ECF6FB;
}

#widget_col_3 {
  float:left;
  width: 800px;
  background:#ECF6FB;
}

#widget_col_4 {
  float:left;
  width: 60%;
  background:#ECF6FB;
}

#control_buttons {
  position:absolute;
  float:left;
  right:5px;
  top:5px;
/*  width: 50px; */
/*  position:relative; */
}

#minimize_button {
  position:relative;
  float:left;
  width:30px;
  height:25px;
  background: url(../images/widget/minimize.png);
  behavior: url(../images/widget/png.htc);
}

#close_button {
  position:relative;
  float:left;
  width:30px;
  height:25px;
  background: url(../images/widget/close.png);
  behavior: url(../images/widget/png.htc);
}

#maximize_button {
  position:relative;
  float:left;
  width:30px;
  height:25px;
  background: url(../images/widget/maximize.png);
  behavior: url(../images/widget/png.htc);
}

/* Yellow Window用 エリア*/
.middle_area ul{
  padding: 0px 0px 0px 10px;
  margin: 0px 5px 5px 0px;
  clear:both;
}
.middle_area li{
  padding: 0px;
  margin: 5px 0px 0px 10px;
  list-style-image:url("../images/w_yellow_arrow.jpg");
  width:230px;
  font-size: 80%;
  line-height: 120%;
  text-align:left;
  clear:both;
}

.middle_area a:link{
  text-decoration: underline;
  color: #6B1719;
}

.middle_area a:visited{
  text-decoration: underline;
  color: #6B1719;
}

.middle_area a:hover{
  text-decoration: none;
  color: #FFFFFF;
  background-color:#6B1719;
}

.middle_area a:active{
  text-decoration: none;
  color: #6B1719;
}

/****************************************************************/
/*                                                              */
/*                   各ウィジェットに関するCSS設定                                                      */
/*                                                              */
/****************************************************************/


/******************************/
/*        楽天トラベル                             */
/******************************/
.travel_area {
  width: 307px;
  padding-left: 10px;
}

.travel_area dl {
  margin: 0px 0px 15px 15px;
  padding: 0px 0px 0px 0px;
  text-align:left;
  clear:both;
}
.travel_area dt {
  width:50px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align:middle;
  float: left;
}
.travel_area dd {
  width:200px;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  line-height: 120%;
  float: left;
}

.travel_area a:link{
  text-decoration: underline;
  color: #366AA4;
}

.travel_area a:visited{
  text-decoration: underline;
  color: #366AA4;
}

.travel_area a:hover{
  text-decoration: none;
  color: #FFFFFF;
  background-color:#366AA4;
}

.travel_area a:active{
  text-decoration: none;
  color: #366AA4;
}

/* タイトル */
.widget_blue_nw {
  width: 307px;
  height:64px;
  cursor: move;
}
.widget_blue_title {
  background:url(../images/widget/w_blue_01.jpg) no-repeat right top;
  width: 307px;
  height:64px;
  margin:0 0 0 5px;
  padding:0 0 0 0 ;
}

/* コンテンツ */
.widget_blue_w {
  background:transparent url(../images/widget/w_blue_02.jpg) repeat-y top;
  margin: 0 0 0 5px;
  padding:0 0 0 0;
  width: 307px;
  height:225px;
}
.widget_blue_content {
  width: 297px;
  height:225px;
  margin: 0 0 0 0;
  padding:0 0 0 0px;
  font:normal 10px/1em Tahoma, Arial, sans-serif;
  /*  position: relative; */
  overflow-y: auto;
  overflow-x: hidden;
}

/* フッタ */
.widget_blue_sw {
  width: 307px;
  height:12px;
  cursor: move;
}
.widget_blue_statusbar {
  background:transparent url(../images/widget/w_blue_03.jpg) no-repeat;
  width: 307px;
  height:12px;
  margin-left: 5px;
  padding-bottom: 5px;
}
.widget_blue_draggable {
  cursor:move;
}

/******************************/
/*         ぐるなび                                    */
/******************************/
.gnavi_area {
  width: 307px;
  padding-left: 10px;
}

.gnavi_area a:link{
  text-decoration: underline;
  color: #E02562;
}

.gnavi_area a:visited{
  text-decoration: underline;
  color: #E02562;
}

.gnavi_area a:hover{
  text-decoration: none;
  color: #FFFFFF;
  background-color:#E02562;
}

.gnavi_area a:active{
  text-decoration: none;
  color: #E02562;
}

.gnavi_area dl {
  margin: 0px 0px  5px 15px;
  padding: 0px 0px 0px 0px;
  text-align:left;
  clear:both;
}
.gnavi_area dt {
  width:50px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align:middle;
  float: left;
}
.gnavi_area dd {
  width:200px;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  line-height: 120%;
  float: left;
}

/******** ぐるなびウィジェットタイトル部分 *********/
.widget_pink_nw {
  width: 307px;
  height:64px;
  cursor: move;
}
.widget_pink_title {
  background:  url(../images/widget/w_pink_01.jpg) no-repeat right top;
  width: 307px;
  height:64px;
  margin:0 0 0 5px;
  padding:0 0 0 0 ;
}

/******* ぐるなびウェイジェットコンテンツ部分 *******/
.widget_pink_w {
  background:transparent url(../images/widget/w_pink_02.jpg) repeat-y top;
  margin: 0 0 0 5px;
  padding:0 0 0 0;
  width: 307px;
  height:85px;
}
.widget_pink_content {
  width: 297px;
  height:85px;
  margin: 0 0 0 0px;
  padding:0 0 0 0;
  font:normal 10px/1em Tahoma, Arial, sans-serif;
  overflow-y: auto;
  overflow-x: hidden;
}

/******* ぐるなびウェイジェットフッタ部分 *******/
.widget_pink_sw {
  width: 307px;
  height:12px;
}
.widget_pink_statusbar {
  background:transparent url(../images/widget/w_pink_03.jpg) no-repeat;
  width: 307px;
  height:12px;
  margin-left: 5px;
  padding-bottom: 5px;
}
.widget_pink_draggable {
  cursor:move;
}

/******************************/
/*        観光施設                                 */
/******************************/
.spot_area {
  width: 307px;
  padding-left: 10px;
}

.spot_area a:link{
  text-decoration: underline;
  color: #CF7004;
}
.spot_area a:visited{
  text-decoration: underline;
  color: #CF7004;
}
.spot_area a:hover{
  text-decoration: none;
  color: #FFFFFF;
  background-color:#CF7004;
}
.spot_area a:active{
  text-decoration: none;
  color: #CF7004;
}
.spot_area dl {
  margin: 0px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
  text-align:left;
  clear:both;
}
.spot_area dt {
  width:51px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align:middle;
  float: left;
}
.spot_area dd {
  width:175px;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 13px;
  line-height: 120%;
  float: left;
}

/******* 観光スポットウェイジェットタイトル部分 *******/
.widget_orange_nw {
  width: 307px;
  height:64px;
  cursor: move;
}
.widget_orange_title {
  background:  url(../images/widget/w_orange_01.jpg) no-repeat right top;
  width: 307px;
  height:64px;
  margin:0 0 0 5px;
  padding:0 0 0 0 ;
}

/******* 観光スポットウェイジェットコンテンツ 部分 *******/
.widget_orange_w {
  background:transparent url(../images/widget/w_orange_02.jpg) repeat-y top;
  margin: 0 0 0 5px;
  padding:0 0 0 0;
  width: 307px;
  height:85px;
}
.widget_orange_content {
  width: 297px;
  height:85px;
  margin: 0 0 0 0;
  padding:0 0 0 0;
  font:normal 12px/1em Tahoma, Arial, sans-serif;
  overflow-y: auto;
  overflow-x: hidden;
}

/******* 観光スポットウェイジェットフッタ 部分 *******/
.widget_orange_sw {
  width: 307px;
  height:12px;
}
.widget_orange_statusbar {
  background:transparent url(../images/widget/w_orange_03.jpg) no-repeat;
  width: 307px;
  height:12px;
  margin-left: 5px;
  padding-bottom: 5px;
}

.widget_orange_draggable {
  cursor:move;
}

/******************************/
/*        鉄道                                           */
/******************************/
.station_area {
  padding-left: 20px;
}

.railway_area {
  width: 307px;
  padding-left: 10px;
  padding-right: 15px;
}
.station_area ul {
  padding: 0px 0px 10px 5px;
  margin: 0px 0px 0px 0px;
  clear:both;
}
.station_area li {
  padding: 0px;
  margin: 0px 0px 0px 5px;
  list-style-image:url("../images/w_green_arrow.jpg");
  width:270px;
  font-size: 80%;
  line-height: 120%;
  text-align:left;
  clear:both;
}
.station_area a:link{
  text-decoration: underline;
  color: #6F9E12;
}

.station_area a:visited{
  text-decoration: underline;
  color: #6F9E12;
}

.station_area a:hover{
  text-decoration: none;
  color: #FFFFFF;
  background-color:#6F9E12;
}

.station_area a:active{
  text-decoration: none;
  color: #6F9E12;
}

/******* 鉄道ウェイジェットタイトル 部分 *******/
.widget_green_nw {
  width: 307px;
  height:64px;
}
.widget_green_title {
  background:  url(../images/widget/w_green_01.jpg) no-repeat right top;
  width: 307px;
  height:64px;
  margin:0 0 0 5px;
  padding:0 0 0 0 ;
}

/******* 鉄道ウェイジェットコンテンツ 部分 *******/
.widget_green_w {
  background:transparent url(../images/widget/w_green_02.jpg) repeat-y top;
  margin: 0 0 0 5px;
  padding:0 0 0 0;
  width: 307px;
  height:85px;
}
.widget_green_content {
  width: 297px;
  height:85px;
  margin: 0 0 0 0;
  padding:0 0 0 0;
  font:normal 12px/1em Tahoma, Arial, sans-serif;
  overflow-y: auto;
  overflow-x: hidden;
}

/******* 鉄道ウェイジェットフッタ 部分 *******/
.widget_green_sw {
  width: 307px;
  height:12px;
}
.widget_green_statusbar {
  background:transparent url(../images/widget/w_green_03.jpg) no-repeat;
  width: 307px;
  height:12px;
  margin-left: 5px;
  padding-bottom: 5px;
}
.widget_green_draggable {
  cursor:move;
}

/******************************/
/*       写真                                              */
/******************************/
.photo_area {
  width: 307px;
  padding-left: 10px;
}

/******* 写真ウェイジェットタイトル部分 *******/
.widget_purple_nw {
  width: 307px;
  height:40px;
  cursor: move;
}
.widget_purple_title {
  background:  url(../images/widget/w_purple_01.jpg) no-repeat right top;
  width: 307px;
  height:40px;
  margin:0 0 0 5px;
  padding:0 0 0 0 ;
}

/******* 写真ウェイジェットコンテンツ 部分 *******/
.widget_purple_w {
  background:transparent url(../images/widget/w_purple_02.jpg) repeat-y top;
  margin: 0 0 0 5px;
  padding:0 0 0 0;
  width: 307px;
/*  overflow-y: visible;*/
  /*  height:300px; */
}
.widget_purple_content {
  width: 297px;
  margin: 0 0 0 0;
  padding:0 0 0 0;
  font:normal 12px/1em Tahoma, Arial, sans-serif;
/*  overflow-y: visible;*/
  overflow-x: hidden;
/*  height:300px; */
}

/******* 写真ウェイジェットフッタ 部分 *******/
.widget_purple_sw {
  width: 307px;
  height:12px;
}
.widget_purple_statusbar {
  background:transparent url(../images/widget/w_purple_03.jpg) no-repeat;
  width: 307px;
  height:12px;
  margin-left: 5px;
  padding-bottom: 5px;
}

/******************************/
/*       旅行プラン                                   */
/******************************/
.plan_area {
  width: 307px;
  padding-left: 10px;
}

/******* 旅行プランウェイジェットタイトル部分 *******/
.widget_deep_green_nw {
  width: 307px;
  height:40px;
  cursor: move;
}
.widget_deep_green_title {
  background:  url(../images/widget/w_deep_green_01.jpg) no-repeat right top;
  width: 307px;
  height:40px;
  margin:0 0 0 5px;
  padding:0 0 0 0 ;
}

/******* 旅行プランウェイジェットコンテンツ 部分 *******/
.widget_deep_green_w {
  background:transparent url(../images/widget/w_deep_green_02.jpg) repeat-y top;
  margin: 0 0 0 5px;
  padding:0 0 0 0;
  width: 307px;
}
.widget_deep_green_content {
  width: 297px;
  margin: 0 0 0 0;
  padding:0 0 0 0;
  font:normal 12px/1em Tahoma, Arial, sans-serif;
  overflow-x: hidden;
}

/******* 旅行プランウェイジェットフッタ 部分 *******/
.widget_deep_green_sw {
  width: 307px;
  height:12px;
}
.widget_deep_green_statusbar {
  background:transparent url(../images/widget/w_deep_green_03.jpg) no-repeat;
  width: 307px;
  height:12px;
  margin-left: 5px;
  padding-bottom: 5px;
}

.widget_deep_green_draggable {
  cursor:move;
}

/******************************/
/*       写真                                              */
/******************************/
.photo_area {
  width: 307px;
  padding-left: 10px;
}

/******* 写真ウェイジェットタイトル部分 *******/
.widget_purple_nw {
  width: 307px;
  height:40px;
  cursor: move;
}
.widget_purple_title {
  background:  url(../images/widget/w_purple_01.jpg) no-repeat right top;
  width: 307px;
  height:40px;
  margin:0 0 0 5px;
  padding:0 0 0 0 ;
}

/******* 写真ウェイジェットコンテンツ 部分 *******/
.widget_purple_w {
  background:transparent url(../images/widget/w_purple_02.jpg) repeat-y top;
  margin: 0 0 0 5px;
  padding:0 0 0 0;
  width: 307px;
/*  overflow-y: visible;*/
  /*  height:300px; */
}
.widget_purple_content {
  width: 297px;
  margin: 0 0 0 0;
  padding:0 0 0 0;
  font:normal 12px/1em Tahoma, Arial, sans-serif;
/*  overflow-y: visible;*/
  overflow-x: hidden;
/*  height:300px; */
}

/******* 写真ウェイジェットフッタ 部分 *******/
.widget_purple_sw {
  width: 307px;
  height:12px;
}
.widget_purple_statusbar {
  background:transparent url(../images/widget/w_purple_03.jpg) no-repeat;
  width: 307px;
  height:12px;
  margin-left: 5px;
  padding-bottom: 5px;
}

/******************************/
/*       クレジット表示                            */
/******************************/
.credit_area {
  width: 307px;
  padding-left: 10px;
}

/******* クレジット表示タイトル部分 *******/
.widget_glay_nw {
  width: 307px;
  height:40px;
  cursor: move;
}
.widget_glay_title {
  background:  url(../images/widget/w_glay_01.jpg) no-repeat right top;
  width: 307px;
  height:40px;
  margin-left: 5px;
  padding-bottom: 5px;
}

/******* クレジット表示コンテンツ 部分 *******/
.widget_glay_w {
  background:transparent url(../images/widget/w_glay_02.jpg) repeat-y top;
  margin-left: 5px;
  padding-bottom: 5px;
  width: 307px;
}
.widget_glay_content {
  width: 287px;
  margin: 0 0 0 0;
  padding:0 0 0 0;
  text-align: center;
  font:normal 12px/1em Tahoma, Arial, sans-serif;
  overflow-x: hidden;
}

/******* 旅行プランウェイジェットフッタ 部分 *******/
.widget_glay_sw {
  width: 307px;
  height:12px;
}
.widget_glay_statusbar {
  background:transparent url(../images/widget/w_glay_03.jpg) no-repeat;
  width: 307px;
  height:12px;
  margin-left: 5px;
  padding-bottom: 5px;
}


.widget_glay_draggable {
  cursor:move;
}

/******* ウィジェット内のスクロールバーの設定 *******/
.widget_blue_content{
  scrollbar-base-color:"#FFFFFF";
  scrollbar-track-color:"#FFFFFF";
  scrollbar-face-color:"#8DCDE6";
  scrollbar-arrow-color:"#8DCDE6";
  scrollbar-3dlight-color:"#FFFFFF";
  scrollbar-darkshadow-color:"#8DCDE6";
  scrollbar-highlight-color:"#FFFFFF";
  scrollbar-shadow-color:"#8DCDE6";
}

.widget_pink_content{
  scrollbar-base-color:"#FFFFFF";
  scrollbar-track-color:"#FFFFFF";
  scrollbar-face-color:"#E3759E";
  scrollbar-arrow-color:"#E3759E";
  scrollbar-3dlight-color:"#FFFFFF";
  scrollbar-darkshadow-color:"#E3759E";
  scrollbar-highlight-color:"#FFFFFF";
  scrollbar-shadow-color:"#E3759E";
}

.widget_orange_content{
  scrollbar-base-color:"#FFFFFF";
  scrollbar-track-color:"#FFFFFF";
  scrollbar-face-color:"#F8C750";
  scrollbar-arrow-color:"#F8C750";
  scrollbar-3dlight-color:"#FFFFFF";
  scrollbar-darkshadow-color:"#F8C750";
  scrollbar-highlight-color:"#FFFFFF";
  scrollbar-shadow-color:"#F8C750";
}

.widget_green_content{
  scrollbar-base-color:"#FFFFFF";
  scrollbar-track-color:"#FFFFFF";
  scrollbar-face-color:"#CCF86F";
  scrollbar-arrow-color:"#CCF86F";
  scrollbar-3dlight-color:"#FFFFFF";
  scrollbar-darkshadow-color:"#CCF86F";
  scrollbar-highlight-color:"#FFFFFF";
  scrollbar-shadow-color:"#CCF86F";
}

.widget_draggable {
  cursor:move;
}

/* Ghost */
.widget_ghost {
  background:#FFF;
  opacity: 0.5;
  filter:alpha(opacity=50);
  position:relative;
  border: 3px dashed #F00;
  margin:0px;
  padding:0;
}

/******* メニュー部分 *******/
ul.menu {
  list-style-type: none;
}

li.menu01{
  text-decoration: none;
  list-style-type:none;
  display: block;
  float: left;
  width: 151px;
  height: 30px;
  padding: 0px;
  margin: 0px 0px 0px -40px;
  background-image: url(../images/button_green_f2.jpg);
  float: left;
}

li.menu02{
  text-decoration: none;
  list-style-type:none;
  display: block;
  float: left;
  width: 151px;
  height: 30px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  background-image: url(../images/button_blue_f2.jpg);
  float: left;
}

li.menu03{
  text-decoration: none;
  list-style-type:none;
  float: left;
  width: 151px;
  height: 30px;
  padding: 0px;
  margin: 0px 0px 0px -40px;
  background-image: url(../images/button_pink_f2.jpg);
  float: left;
}
li.menu04{
  text-decoration: none;
  list-style-type:none;
  float: left;
  width: 151px;
  height: 30px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  background-image: url(../images/button_orange_f2.jpg);
  float: left;
}