@charset "UTF-8";
/* top.css */

/* ---------- ここから要素の定義 ---------- */

body { 
/* text-align : center; */
  margin : 0px;
  line-height: 140%;
}

img { 
  border-style : none;
}

hr
{
  margin-top : 0px;
  border : thin solid #808080;
  width : 100%;
}

a {
  position : relative;
}

a:visited {
  color:#000000;
}

a:link {
  color:#000000;
}

a:hover {
  color:#FFA500;
}

p { 
  margin : 20px 0px 10px 0px;
  text-indent : 1.0em;
  line-height : 120%;

}

ul.sub_cont li {
  font-size : 14px; /*-ここ変更。12から14へ-*/
  list-style-position: outside;
  line-height : 130%;
  list-style-image : url("../image/icon_1.png");
  margin-top : 10px;
}

ul.sub_cont_2 li {
  font-size : 13px; 
  list-style-position: outside;
  line-height : 130%;
  list-style-image : url("../image/icon_1.png");
  margin-top : 10px;
}

ul.main_menu_list {
  margin : 0px;
  padding : 0px;
  list-style-type : none;
}

ul.main_menu_list li {
  float : left;
  text-align: center;
  width : 114px;
  height : 40px;
  display:inline;
}

/*
  ul.main_menu_list li:hover {
  background-image : url("../image/top/main_menu/icon_over.png");
}
*/

ul.toolbar_list {
  text-align: right;
  margin : 3px 2px 0px 20px;
  padding : 3px 2px 0px 20px;
  width : 450px;
/*  list-style-type: none; */
}

ul.toolbar_list li{
  float : left;
  margin: 0 0 0 35px;
  padding: 0;
/*  margin-right : 10px;*/
/*  display:inline; */
  list-style-image: url("../image/icon_top.png");
}

a:visited.top_link {   
   color:#000000;
  text-decoration:none;
}

a:link.top_link {
  color:#000000;
  text-decoration:none;
}

a:hover.top_link {
  color:#000000;
  text-decoration:none;
}

/*ここ変更(Newsの部分の色)*/

a.sample:link {
	color:#0000ff;
}
a.sample:visited {
	color:#990099;
}
a.sample:hover {
	color:#ff9900;
}



/* ---------- ここからクラスの定義 ---------- */

.main_frame { 
  width : 806px;
  margin : auto;
  background-image : url("../image/side_line_1.png");
  background-repeat : repeat-y;
}

.comm_logo { 
  background-image : url("../image/flag_robomecha_h.png");
  background-repeat : no-repeat;
  clear : both;
  width : 800px;
  height : 30px;
  margin : auto;
}

.logo_top { 
  background-image : url("../image/logo_top2.png");
  background-repeat : no-repeat;
  clear : both;
  width : 800px;
  height : 72px;
  margin : auto;
}

.toolbar { 
  float : right; 
  width : 450px;
  margin : auto;
  padding : 0px 0px 0px 0px;
  font-size : 13px;
/*  font: bold; */
  display: inline;
}

.flash { 
  clear : both;
  width : 800px;
  height : 180px;
  color : #FFFFFF;
  text-align : center;
  margin : auto;
}

.main_menu_area { 
  text-align : center;
  width : 800px;
  height : 40px;
  margin : auto;
  background-image : url("../image/top/main_menu/icon_off.gif");
  background-repeat : repeat-x;
}

.sub_menu { 
  width : 550px;
  float : left;
  margin : 20px 0px 0px 30px;
  display:inline;
}

.sub_menu_cell { 
  text-align : center;
  width : 170px;
}

.sub_frame { 
  float : left;
  font-size : 14px;
  width : 540px;
  margin : 0px 20px 5px 10px; /*-ここ変更-*//*-上、右、下、左-*/
  display:inline;
}

.sub_frame_2 {    /*ここ追加*/ 
  float : center;
  font-size : 15px;
  width : 540px;
  margin : 0px 20px 10px 10px; /*-ここ変更-*//*-上、右、下、左-*/
  display:inline;
}

.sub_frame_3 { 
  float : left;
  font-size : 14px;
  width : 560px;
  margin : 0px 0px 10px 30px; /*-ここ変更-*//*-上、右、下、左-*/
  display:inline;
}

.overview
{
  text-align : left;
  margin: 10px 0px 0px 0px; /*-ここ変更-*/
}

.overview_2    /*ここ追加*/ 
{
  text-align : center;
  margin: 0px 20px 20px 20px;
}


.bold {
  font-weight: bold;
}

.sub_title_topics { 
  text-align : left;
  width : 500px;
/*  height : 120px; */
  margin : 10px 0px 5px 10px;
}

.sub_title_content {
  text-align : left;
  float : left;
  width : 450px;
  margin : 15px 0px 0px 25px;
  display : inline;
}

.sub_menu_image_cell { 
  text-align : center;
  width : 60px;
}

.sub_menu_coment_cell { 
  text-align : center;
  width : 450px;
}

.sub_title_news { 
  text-align : left;
  width : 500px;
/*height : 170px; */
  margin : 0px 0px 10px 10px; /*ここ変更-上、右、下、左-*/
}

.news_topics_more {
  text-align : right;
  width : 500px;
}

.banners {
  float: left;  /*-ここ変更-*/
  text-align: right;  /*-ここ変更-*/
  width: 180px;
  height: 450px;
  margin: 0px 0px 0px 0px; /*-上、右、下、左-*/
  display:inline;
}

.future_table {
  margin : 5px 0px 0px 10px; /*-ここ変更-*/
}

.future_title {
  text-align : center;
  font-size : 90%;
  width : 195px;
  height : 25px;
  font-weight : bold;
}

.future_image {
  text-align : center;
  width : 55px;
  height : 55px;
}

.future_comment {
  text-align : left;
  font-size : 80%;
  width : 140px;
}

.banners_date_cell {
  text-align : center;
  font-size : 90%;
  width : 190px;
  height : 40px;
  font-weight : bold;
}

.banners_comment_cell {
  text-align : center;
  font-size : 80%;
  line-height : 160%;
}

.banners_image_cell { /*-ここ変更-*/
  text-align: center;
  height: 55px;
  width: 137px;
}

.footer { 
  background-image : url("../image/flag_robomecha_f.png");
  background-repeat : no-repeat;
  clear : both;
  width : 800px;
  height : 30px;
  margin : auto;
}