/* GENERAL */

H1 {BORDER: #519FE9 1px solid; PADDING: 4px;  FONT-SIZE: 14px; COLOR: #12127D; BACKGROUND-COLOR: #80ffff; margin: 0.5em 0; }

H2 {font-size: 100%; margin: 0; padding: 0px; }
A:link, A:visited, A:active {COLOR: #3169b5; TEXT-DECORATION: none; }
A:hover {color: #f00; TEXT-DECORATION: none; }
/* LOGO */
#logo1 {vertical-align: top;   color: #1849B5;   font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;  padding: 0.53em 0.0em;   margin:  0.0em 0.0em;   font-size: 320%;  font-weight: bold;   position: absolute;  TEXT-ALIGN: center; }
#logo2 {vertical-align: top;   color: #D62408;   font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;  padding: 0.90em 0.7em;   margin:  0.0em 0.0em;   font-size: 260%;  font-weight: bold;  position: absolute;  }
#logo3 {vertical-align: top;   color: #109618;   font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;  padding: 0.90em 3.00em;  margin:  0.0em 0.0em;   font-size: 260%;  font-weight: bold;  position: absolute; }
#logo4 {vertical-align: top;   color: #D6AE00;   font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;  padding: 0.9em 10.0em;    margin:  0.0em  0.0em;   font-size: 120%;  font-weight: bold;  position: absolute; }
#logo5 {vertical-align: top;   color: #519FE9;   font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;  padding: 3.6em 0.60em;   margin:  0.0em  0.0em;   font-size: 144%;  font-weight: normal;  position: absolute; }
/* ADMIN WINDOWS */
#loading { display: none;   position: absolute;    top: 2px;     left: 90%;    padding: 4px;    color: #fff;    background: #1849B5;    border: 1px solid #1849B5;    z-index: 4;    font-size: 11px;    font-weight: normal; }
#warnings{ display: none;   position: absolute;    top: 28px;    left: 90%;    padding: 4px;    color: #fff;    background: #1849B5;    border: 0px solid #1849B5;    z-index: 4;    font-size: 11px;    font-weight: normal; }
.error {   color: #E63838;    font-weight: bold; }
p#error {   color: #f20000;    font-weight: bold; }
input:focus {   border: 1px solid #999;    background: #FBF9D3;    color: #000;    border-color: #777 #bbb #bbb #777; }
input.btn, input.redbtn {  background: #519FE9;    color: #fff;    padding: 2px;    border: 1px solid #fff;    font: normal 10px sans-serif;    cursor: pointer;    cursor: hand; }
input.redbtn {  background: #7964BF; }
.right {float: right;}
.expand {  BORDER: 0px;   MARGIN: 0.0em;   PADDING: 0px;   height: auto;   BACKGROUND-COLOR: #EDF2FB;   COLOR: #3169b5;   font-size: 110%;}
.searchBar {BORDER-TOP: #519FE9 1px solid;   BACKGROUND-COLOR: #EDF2FB;  TEXT-ALIGN: center; MARGIN-TOP: 0px; PADDING: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 2px; BORDER: #d9e9e4 1px solid; BORDER-BOTTOM: #519FE9 1px solid; BORDER-TOP: #519FE9 1px solid; moz-border-radius: 2px }
.searchFrame { margin:1px; BORDER: #519fe9 1px solid; }
.searchButton { margin:1px; BORDER: #519fe9 1px solid;   BACKGROUND-COLOR: #EDF2FB;   COLOR: #3169b5;   height: 20px;   font-size: 110%; }
.hidesearch{ display: none;  COLOR: #3169b5;  }
/* CONTENT WINDOWS */
.modbox .el {}
.modbox .csl, .modbox .es {display: none; }
.modbox_e .el {display: none; }
.modbox_e .csl, .modbox .es {}
.modbox, .modbox_e {padding-bottom: 8px; }
.panelo {}
.panelc {}
.mod {}
.unmod {}
.c {clear: both; }
.el, .csl {color: #7777cc;  FONT-SIZE: 100%;   }
/*
.mhdr {BORDER-LEFT: #d9e9e4 1px solid;   border-top: 1px solid #519FE9; padding: 0px; margin: 0px; font-size: 82%; background-color: #EDF2FB;
}
*/
.mhdr {BORDER-LEFT: #d9e9e4 1px solid;   border-top: 1px solid #519FE9; padding: 0px; margin: 0px; font-size: 82%; background-color: #EDF2FB;
}
.medit {background-color: #ffff;  white-space: nowrap;  text-align: right;   border-top: 1px solid #519FE9;  line-height: 20px; BORDER-RIGHT: #d9e9e4 1px solid;
}
.medit, .medit a:visited, .medit a:link, .medit a:active {color: #77c; }

.mttl {white-space: nowrap; background-color: #ffffff;  padding-left: 0px;  padding-right: 0px;  font-family: Verdana;  font-size: 12px;  line-height: 20px;  font-variant: small-caps;  font-weight: bold; margin-top:3px;
}

.mttl2 {
white-space: nowrap; background-color: #EDF2FB;  padding-left: 5px;  padding-right: 0px; font-size: 10px;  line-height: 15px;  font-variant: small-caps;  font-weight: normal; margin-top:1px; color:#888888;
border-left-style: double ; border-left-width:10px ; border-left-color:#cccccc;
}

/*
.mttl2 {
white-space: nowrap; background-color: #14B6E8;  padding-left: 5px;  padding-right: 0px; font-size: 10px;  line-height: 15px;  font-variant: small-caps;  font-weight: normal; margin-top:1px; color:#ffffff;
border-left-style: double ; border-left-width:10px ; border-left-color:#136FE8;
}
*/

.mttl3 {white-space: nowrap; background-color: #EDF2FB;  padding-left: 10px;  padding-right: 5px;  font-family: Verdana;  font-size: 12px;  line-height: 20px;  font-variant: small-caps;  font-weight: bold; margin-top:3px;
border-left-style: double ; border-left-width:10px ; border-left-color:#136FE8;
}


/*
.mttl {white-space: nowrap; background-color: #EDF2FB;  padding-left: 5px;  padding-right: 5px;  font-family: Verdana;  font-size: 12px;  line-height: 20px;  font-variant: small-caps;  font-weight: bold; margin-top:3px;}
*/
.mc0 {padding: 0px; font-size: 82%;   border: 1px solid #EDF2FB; cursor: pointer; cursor: hand; border-bottom: 1px solid #519FE9; BORDER-TOP: #d9e9e4 1px solid;  }
.mc  {margin: 0px; padding: 0px; font-size: 82%;   border: 1px solid #EDF2FB; cursor: pointer; cursor: hand; width:100% !imprtant; BORDER-TOP: #d9e9e4 1px solid;  }
/*
.boxes {margin: 0px;background-color: #ffffff;}
*/
.boxes {margin: 0px;background-color: #efefef;}

/* AJAXP NAVIGATION MENU */
#navnav, #navnav UL { padding: 0; margin: 0; list-style: none; line-height: 1; }
#navnav LI UL {position: absolute; background: #EDF2FB; width: 10em; left: -999em; }
#navnav LI UL UL { margin: -1.9em 0 0 10.6em;}
#navnav LI:hover UL UL, #navnav LI.over UL UL {left: -999em;  z-index: 5000;}
#navnav LI:hover UL, #navnav LI LI:hover ul, #navnav LI.over UL, #navnav LI LI.over UL { left: 0; }
UL#navnav {CLEAR: right;  DISPLAY: block;  height: 20px;  PADDING: 3px;  MARGIN: 0px;  LIST-STYLE-TYPE: none; }
UL#navnav A {DISPLAY: block;  height: 14px;  PADDING: 3px;  TEXT-DECORATION: none;  FONT-SIZE: 11px;   COLOR: #519FE9; }
UL#navnav A:hover {BACKGROUND-COLOR: #519FE9; COLOR: #fff;  }
UL#navnav UL {MARGIN: 0px;  LIST-STYLE-TYPE: none;  height: 20px;  PADDING: 0px; }
UL#navnav LI {FLOAT: right;  POSITION: relative;  height: 20px;  PADDING: 0px;   BACKGROUND-COLOR: #EDF2FB;  BORDER-LEFT: #fff 1px solid;  BORDER-bottom: #fff 1px solid; BORDER-right: #fff 1px solid; }
UL#navnav LI UL {DISPLAY: none;   POSITION: absolute;  TOP: 20px;  WIDTH: 120px;   BORDER-TOP: #fff 1px solid;  BORDER-BOTTOM: #fff 0px solid; }
UL#navnav LI UL LI {FLOAT: none;  height: 20px;  PADDING: 0px;   TEXT-ALIGN: left; }
UL#navnav LI:hover {DISPLAY: block; }
UL#navnav LI.over {DISPLAY: block; }
UL#navnav LI:hover UL {DISPLAY: block; }
UL#navnav LI.over  UL {DISPLAY: block; }
.menutop0 {WIDTH: 80px; BACKGROUND-COLOR: #F8F8F8;   FONT-WEIGHT: normal;  FONT-SIZE: 11px;    BORDER: #EDF2FB 1px solid;  height: 20px;  }
.menutop {WIDTH: 80px;  BACKGROUND-COLOR: #fff;      FONT-WEIGHT: normal;  FONT-SIZE: 11px;    BORDER: #EDF2FB 1px solid;  height: 20px;  }


/* Container , Boxes */

#container {
	padding: 0px 20px;
	font-size: 12px;
	line-height: 16px;
	background-color:#FFFFFF;
	margin: 0px auto;
	width: 300px;
    text-align:left;
}
#figure {
	float: right;
	margin-right: 1em;
	margin-bottom: 2em;
    margin-top: 1em;
}
#figbox {
	padding: 0px;
	margin: 0px;
}
p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
    color:#000000;
    white-space:normal;
}
#clear {
	clear: right;
}
#figbox_a {
    text-decoration: none;
	font-size: 12px;
}
.layout {
	padding-top: 8px;
	font-size: 12px;
    color:#333333;
    line-height:150%;
}




/* faves arrengement */

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: black; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; BACKGROUND-COLOR: #ffffff;
}
#page {
	CLEAR: both; MARGIN: auto; WIDTH: 880px
}
TABLE TD {
	FONT-SIZE: 12px
}
TABLE.container TD {
	FONT-SIZE: 13px
}
#header {
	BACKGROUND: url(./images/banner_tall.gif) repeat-x;

/*
	 POSITION: relative;
	MIN-WIDTH: 800px; BACKGROUND: url(./images/banner_tall.gif) repeat-x left top; MARGIN: 0px; WIDTH: 900px; HEIGHT: 60px
*/
}
#header IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}

/*
#header IMG.survey {
	MARGIN-LEFT: 55px
}
*/

#header DIV {
	MARGIN: 0px auto; WIDTH: 100%; POSITION: relative;
    text-align:center;
}
/*
.c {
	TEXT-ALIGN: center
}
.cb {
	CLEAR: both
}
.dn {
	DISPLAY: none
}
.fl {
	FLOAT: left
}
.mb10 {
	MARGIN-BOTTOM: 10px
}
.pb80 {
	PADDING-BOTTOM: 80px
}
*/

#header UL {
	DISPLAY: inline; PADDING-LEFT: 10px; RIGHT: 0px; MARGIN: 0px; POSITION: absolute; TOP: 12px
}
#header LI {
	DISPLAY: inline; PADDING-LEFT: 6px; MARGIN: 0px 6px 0px 0px; BORDER-LEFT: rgb(187,209,230) 1px solid; COLOR: #fff; LIST-STYLE-TYPE: none
}
#header UL LI.first {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#header DIV UL LI A {
	FONT-WEIGHT: normal; COLOR: #fff; TEXT-DECORATION: none
}
#header DIV UL LI A:hover {
	TEXT-DECORATION: underline
}



#Nav1 {
	BORDER-RIGHT: rgb(187,209,230) 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: rgb(187,209,230) 1px solid; PADDING-LEFT: 0px; BACKGROUND: url(./images/mainnav_bg_1x28_png8.png) #c6d5e1 repeat-x; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 0px; BORDER-LEFT: rgb(187,209,230) 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: rgb(187,209,230) 1px solid;
    text-align:center;
}


#Tabs1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; FONT: bold 12px Arial, sans-serif; WIDTH: 900px; PADDING-TOP: 0px; text-align:center;
}
#Tabs1 LI {
	DISPLAY: inline; BACKGROUND: url(./images/nav_bar_2x11_png8.png) no-repeat left center; FLOAT: left
}
#Tabs1 LI.nobar {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#Tabs1 LI.selected {
	BACKGROUND: url(./images/select_right_bg_300x28_png8.png) no-repeat right top
}
#Tabs1 LI.buzz A {
	COLOR: #005dad
}
#Tabs1 A {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; COLOR: #333; LINE-HEIGHT: 28px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#Tabs1 LI.selected A {
	BACKGROUND: url(./images/select_left_bg_1x28_png8.png) no-repeat left top
}
#Tabs1 A:hover {
	TEXT-DECORATION: underline
}


/* Ajax Loading Message */
    #loading{
        position:absolute;
        left:45%;
        top:40%;
        padding:2px;
        z-index:20001;
        height:auto;
        border:1px solid #ccc;
    }
    #loading a {
        color:#225588;
    }
    #loading .loading-indicator{
        background:white;
        color:#444;
        font:bold 13px tahoma,arial,helvetica;
        padding:10px;
        margin:0;
        height:auto;
    }
    #loading-msg {
        font: normal 10px arial,tahoma,sans-serif;
    }

.layout #figbox_a{
     BACKGROUND: url(./images/icon_ft2.gif) no-repeat left top;
     font-weight:bold;
     font-size:12px;
     margin :0px 0px 5px 0px;
     padding:0px 0px 5px 15px;
}


.def ul,res ul,foods ul,globe ul,food2 ul,hospital ul,clover ul,hiyoko ul,ul pin,crown ul,star ul  {
     margin-top: 5px;
     margin-bottom: 10px;
     margin-left: 15px;
}
.def li {
     line-height: 170%;
     margin : 0px 0px 0px -23px;
     padding: 0px 0px 0px -23px;
     list-style: url(./images/icon_ft.gif);
}
.res li {
     line-height: 170%;
     margin : 0px 0px 0px -23px;
     padding: 0px 0px 0px -23px;
     list-style: url(./images/icon_coffee.gif);
}
.globe li {
     line-height: 170%;
     margin : 0px 0px 0px -23px;
     padding: 0px 0px 0px -23px;
     list-style: url(./images/icon_globe.gif);
     text-align:left;
}
.foods li {
     line-height: 170%;
     margin : 0px 0px 0px -23px;
     padding: 0px 0px 0px -23px;
     list-style: url(./images/icon_foods.gif);
}
.food2 li {
     line-height: 170%;
     margin : 0px 0px 0px -23px;
     padding: 0px 0px 0px -23px;
     list-style: url(./images/icon_food2.gif);
}
.hospital li {
     line-height: 170%;
     margin : 0px 0px 0px -23px;
     padding: 0px 0px 0px -23px;
     list-style: url(./images/icon_inject.gif);
}
.red li {
     line-height: 170%;
     margin : 0px 0px 0px -23px;
     padding: 0px 0px 0px -23px;
     list-style: url(./images/icon_red.gif);
}
.hiyoko li {
     line-height: 170%;
     margin : 0px 0px 0px -23px;
     padding: 0px 0px 0px -23px;
     list-style: url(./images/icon_hiyoko.gif);
}
.pin li {
     line-height: 170%;
     margin : 0px 0px 0px -23px;
     padding: 0px 0px 0px -23px;
     list-style: url(./images/icon_pin.gif);
     text-align:left;
}
.crown li {
     line-height: 170%;
     margin : 0px 0px 0px -23px;
     padding: 0px 0px 0px -23px;
     list-style: url(./images/icon_km00.gif);
     text-align:left;
}

.cat ul, .cat2 ul  { 
    margin :5px 0px 0px 0px;
    padding:5px 0px 0px 0px;
}
.cat li{
    line-height: 130%;
    margin : 5px 0px 0px -20px;
    padding: 5px 0px 0px -20px;
    list-style:none;
}
.cat img, .cat2 img {
    vertical-align: middle;
    margin :0 5px 0 0;
    padding:0 5px 0 0;
}

.cat2 li{
    line-height: 110%;
    margin : 2px 0px 0px -20px;
    padding: 2px 0px 0px -20px;
    list-style:none;
}
.star li {
     line-height: 170%;
     margin : 0px 0px 0px -23px;
     padding: 0px 0px 0px -23px;
     list-style: url(./images/icon_star.gif);
     text-align:left;
}



/* append boxes yutaka */

.topicscatch{
float:right;
*float:none;
width:110px;
margin-top:5px;
}

.topicscatch2{
float:right;
*float:none;
width:100px;
margin-top:5px;
}

.topicsdetail{
padding:8px 5px 10px 8px;
margin-bottom:9px;
}
.topicsdetail{
border:1px solid #e0e7ff;
background:#f8fafd;
}
.topicsdetail2{
border:1px solid #e0e7ff;
background:#f8fafd;
height:100px;
}
.topicsimg{padding-bottom:2px;text-align:center;}
.topicsimg2{padding:5px 0 5px 0;text-align:center;}

.topicsimg img{margin-left:-3px;}
.topicscatch p{margin-bottom:8px;}
.topicsboxbd div{display:none;}
.topicsboxbd div div{display:block;}
.topicsboxbd div.current{display:block;}
.topicsboxbd .topicsdetail{
border:1px solid #e0e7ff;
background:#f8fafd;
}

.topicsindex{
float:left;
width:59%;
}

.toplead {
    color:#5BADD6;
}

.topicscatch_200{
float:right;
*float:none;
width:210px;
margin-top:5px;
}

.boxes form {
  display:inline;
}
.boxes input {
  display:inline;
}

.topics_title {
    text-align:center;
    font-size:75%;
    margin-top:3px;
}