@charset "Shift_JIS";

/*　全体構造
---------------------------------------------*/
body{
  margin: 0px;
  padding: 0px;
  background-color:#ffffff;
  text-align : center;
  line-height: 125%;
}

#wrapper{
  margin: 0px;
  padding-right: 0px;
  width: 816px;
  background-color:#ffffff;
  background-image: url(../image/line.gif);
  background-repeat: repeat-y;
  background-position: right;
  text-align : left;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : #ccccff;
}


/* ヘッダー
---------------------------------------------*/
#header{
  width: 806px;
  padding-top : 4px;
  padding-left : 3px;
  padding-right : 3px;
}

#header_left{
  float: left;
}

#header_right{
  float: left;
  font-size : 80%;
  margin-top: 8px;
  margin-left: 8px;
}


/* メインメニュー
---------------------------------------------*/
#main_menu_area{
  width: 806px;
  padding-top : 4px;
  padding-bottom : 2px;
  border-top-width : 8px;
  border-top-style : solid;
  border-top-color : #0066CC;
}

.main_menu{
  margin-left: 8px;
}


/* フラッシュ
---------------------------------------------*/
#flash_area{
  width: 800px;
  margin-left : 2px;
  margin-bottom : 3px;
  border-width : 1px;
  border-style : solid;
  border-color : #0066CC;
}


/* コンテンツ領域
---------------------------------------------*/
/* DIVの入れ子に必要なクラス↓ */

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix {
  display:inline-block;
}

*html .clearfix {height:1%;}
.clearfix {display:block;}

/* DIVの入れ子に必要なクラス↑ */

#cont_area{
  width: 806px;
  background-color: #FFFFFF;
}

#top_main{
  width: 610px;
  float: left;
  margin-left : 2px;
}

#top_right{
  width: 170px;
  float: right;
  margin-right: 2px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #0066CC;
  padding-left: 8px;
}


/* ソリューション
---------------------------------------------*/
#solution{
  width: 610px;
}

#solution_menu{
  width: 610;
  margin-top : 2px;
  padding-left : 2px;
  padding-right : 2px;
}

#solution_menu_waku{
  width: 610px;
  float: left;
  margin-right: 2px;
}

#solution_menu_row{
  width: 610px;
  margin-bottom: 5px;
}

#solution_menu_left{
  width: 150px;
  float: left;
  margin-left: 2px;
}

#solution_menu_photo{
  margin-bottom: 2px;
}


/* トピックス
---------------------------------------------*/
#topics_topics_wrapper{
  width: 610px;
}

#topics_topics{
  min-height : 80px;
  font-size : 90%;
  padding : 2px;
}

#topics_midasi{
  background-color : #3570ab;
  color : #FFFFFF;
  margin-bottom : 5px;
  margin-top : 0px;
  padding-top : 2px;
  padding-left : 10px;
  padding-bottom : 2px;
  font-size: 100%;
  vertical-align : middle;
  border-left-width : 10px;
  border-left-style : solid;
  border-left-color : #006699;
}

#topics_list{
  padding : 0px;
  margin-top : 0px;
  margin-left : 20px;
  margin-bottom : 0px;
  list-style-image : url(../image/list3.gif);
}

#koushin_day{
  margin-top : 5px;
  text-align : right;
  color : #666666;
  font-size : 90%;
}

#topics_annai{
  width: 251px;
  float: left;
  margin-left: 8px;
}

#topics_kaisha{
  border-width : 3px;
  border-style : double;
  border-color : #003366;
  padding : 5px;
  background-color : #e9eced;
  margin-bottom: 5px;
  font-size: 90%;
}

#topics_kaisha_list{
  padding : 0px;
  margin-top : 0px;
  margin-left : 25px;
  margin-right : 5px;
  margin-bottom : 0px;
  list-style-image : url(../image/list2.gif);
}

#topics_saiyou{
  border-width : 3px;
  border-style : double;
  border-color : #003366;
  padding : 5px;
  background-color : #cdcdff;
  font-size: 90%;
}

#topics_saiyou_list{
  padding : 0px;
  margin-top : 5px;
  margin-left : 25px;
  margin-right : 5px;
  margin-bottom : 0px;
  list-style-image : url(../image/list2.gif);
}

#topics_saiyou_list-li{
  display:inline;
}

#redword{
  color : #ff0066;
}

#blueword{
  color : #0066ff;
}


/* ライセンス
---------------------------------------------*/
#license_area{
  height: 100%;
}


/* サブバナー
---------------------------------------------*/
#banner_area{
  width: 170px;
  border-width : 1px;
  border-style : solid;
  border-color : #0066CC;
  margin-bottom: 12px;
}

#banner_pict{
  text-align: center;
  margin-top : 4px;
  margin-bottom : 4px;
}

#banner_text{
  font-size : 80%;
  margin : 8px;
}


/* リンク部
---------------------------------------------*/
#banner_link{
  width: 170px;
  text-align: center;
  margin-bottom: 8px;
}

#banner_hr{
  width: 140px;
  margin-top: 4px;
  margin-bottom: 4px;
}


/* フッター
---------------------------------------------*/
#footer{
  clear: both;
  width: 806px;
  margin-top : 7px;
}

#footer_copyright{
  color : #FFFFFF;
  font-size : 75%;
  font-weight: bold;
  text-align: center;
  padding-top : 2px;
  padding-bottom : 2px;
  background-color : #0054A5;
}