@charset "UTF-8";

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

*{
  /*color:#333333;*/
  /*font-size: 12px;*/
  margin:  0;
  padding: 0;
  /*font-weight: normal;*/
  /*font-style: normal;*/
  }

body {
  line-height: 1.4;
  margin:0 auto;
  font-size: 12px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  background: #FFF;
  }
  
ul { list-style:none;}

img { border:none;}

a:hover {
  color: #00FF00;
  text-decoration: underline;
  }

/*--------------------------------------
  contents
---------------------------------------*/  

div#contents {
  width: 800px;
  background: #FFFFFF;
  margin: 0 auto;
  text-align:left;
  border-left: solid 1px #66CCFF;
  border-right: solid 1px #66CCFF;
  }
  

/*--------------------------------------
header
---------------------------------------*/

div#header { 
  width: 800px;
  padding-bottom: 5px;
  }


div#header h1 {
  font-size: 12px;
  color: #66CCFF;
  background: #66CCFF;
  }
  
div#header_logo {
  float: left;
  width: 250px;
  height: 60px;
  margin: 10px 10px 10px 20px;
  }
  
  
div#header_menu_sub {
  width: 450px;
  height: 15px;
  margin: 50px 10px 10px 300px;
  text-align: right;
  }

div#header_message {
  float: left;
  width: 790px;
  font-weight: bold;
  padding: 3px 0px 0px 10px;
  }

div#header_menu_main {
  float: left;
  width: 750px;
  height: 38px;
  padding-left: 20px;
  padding-right: 30px;
  background: #66CCFF;
  }
  
p#header_menu_btn {
  float: left;
  width: 140px;
  height: 28px;
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  background: #66CCFF;
  }
  
p#header_menu_btn_orange {
  float: left;
  width: 140px;
  height: 28px;
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  background: orange;
  }
  
  
p#header_menu_btn a:link, p#header_menu_btn a:visited {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  }

p#header_menu_btn a:hover {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  }

p#header_menu_btn_orange a:link, p#header_menu_btn_orange a:visited {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  }

p#header_menu_btn_orange a:hover {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  }

div#header_menu_sub a:link, div#header_menu_sub a:visited {
  color: #999999;
  text-decoration: none;
  }

div#header_menu_sub a:hover {
  color: #00FF00;
  text-decoration: underline;
  }


/*--------------------------------------
maincontents
---------------------------------------*/

/* center */

div#center {
  float:left;
  width: 450px;
  padding: 0px 1px 5px 1px;
  }
  
div#empty{
  color: orange;
  font-weight: bold;
  }
  
div#line_dot {
  width: 420px;
  margin-top: 10px;
  margin-bottom: 30px;
  border-bottom: dashed 1px gray;
  }
  
div#contents_box {
  width: 440px;
  }
  
div#contents_box_title {
  width: 430px;
  color: #FFFFFF;
  font-size: 16px;
  font-family: Arial Black, Helvetica, sans-serif;
  padding: 5px 0px 5px 20px;
  margin-bottom: 5px;
  background: #66CCFF;
  }
  
div#contents_box_detail {
  width: 440px;
  text-align: left;
  padding: 5px;
  }
  
div#contents_box_detail ul {
  padding: 5px;
  }
  
li#contents_box_detail_title {
  font-weight: bold;
  }
  
li#contents_box_sub_title {
  color: #66CCFF;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0px 5px 0px;
  }
  
li#contents_box_detail_naiyo {
  padding: 2px 0px 2px 5px;
  margin-bottom: 10px;
  }
  
/* left */

div#left {
  float:left;
  width: 150px;
  margin-right: 5px;
  padding: 0px 0px 5px 5px;
  }
  
div#left_menu {
  width: 150px;
  margin-top: 5px;
  }
  
div#left_menu_btn {
  width: 140px;
  height: 25px;
  padding-top: 8px;
  padding-left: 10px;
  background: #66CCFF;
  margin-top: 2px;
  }
  
div#left_menu_btn_orange {
  width: 140px;
  height: 25px;
  padding-top: 8px;
  padding-left: 10px;
  background: orange;
  margin-top: 2px;
  }
  
div#left_menu_btn a:link, div#left_menu_btn a:visited,div#left_menu_btn_orange a:link, div#left_menu_btn_orange a:visited {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  }

div#left_menu_btn a:hover,div#left_menu_btn_orange a:hover {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  }
  
div#left_sub_menu {
  width: 146px;
  margin-top: 5px;
  border: solid 2px #66CCFF;
  }
  
div#left_menu_sub_btn_top {
  width: 136px;
  height: 20px;
  padding-top: 8px;
  padding-left: 10px;
  }
  
div#left_menu_sub_btn {
  width: 136px;
  height: 20px;
  padding-top: 8px;
  padding-left: 10px;
  border-top: dashed 2px #66CCFF;
  }
  
div#left_menu_sub_btn_top a:link, div#left_menu_sub_btn_top a:visited,div#left_menu_sub_btn a:link, div#left_menu_sub_btn a:visited {
  color: #666666;
  text-decoration: none;
  }

div#left_menu_sub_btn_top a:hover,div#left_menu_sub_btn a:hover {
  color: #000000;
  text-decoration: underline;
  }
  
/* right */

div#right {
  float:right;
  width: 160px;
  padding: 0px 5px 5px 0px;
  }

div#right_box {
  width: 160px;
  border: solid 2px #66CCFF;
  }
  
div#right_box_title {
  width: 150px;
  color: #FFFFFF;
  font-size: 14px;
  font-family: Arial Black, Helvetica, sans-serif;
  text-align: center;
  padding: 5px;
  background: #66CCFF;
  }
  
div#right_box_detail {
  width: 140px;
  text-align: left;
  padding: 10px;
  }
  
div#right_info {
  width: 150px;
  }
  
div#right_info_title {
  width: 150px;
  color: #66CCFF;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  }
  
div#right_info_detail {
  width: 150px;
  text-align: left;
  padding: 10px;
  }
  
div#forecast {
  width: 150px;
  text-align: center;
  padding: 10px 0px 0px 0px;
  }
  
/*--------------------------------------
 footer
---------------------------------------*/

div#footer {
  float: left;
  width: 800px;
  height: 40px;
  text-align: center;
  padding-top: 20px;
  background: #66CCFF;
  }
  
div#footer_menu {
  width: 800px;
  }

div#footer_copy {
  padding-top: 5px;
  color: #FFFFFF;
  width: 800px;
  }
  
div#footer_menu a:link, div#footer_menu a:visited {
  color: #ffffff;
  text-decoration: none;
  }

div#footer_menu a:hover {
  color: #FFFFFF;
  text-decoration: underline;
  }