/* プロパティーの前に「*」があったら、それはIEハッキング */
/* プロパティーの前に「*-」があったら、それはIE6ハッキング */

/*-----------------float問題のClearfix方法------------------*/
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* これはSafariに必要です */
.clearfix { display: block; }

/*---------------------------------------------------------*/
/* すべてのIEバージョンへのClearfix修正 　　　　　　　　　　　　　　　　　　　　*/
/*
** IE7 - x
*/
.clearfix { display: inline-block; }
/*
** IE5.x/Win - x
** IE6 - x
*/
* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clearfix { display: block; }
/*--------------------------------------------------------*/
/*----------------------Clearfix終わり----------------------*/

.hidden
{
  display: none;
}

.clear
{
  display: block;
  clear: both;
}

.bold
{
  font-weight: 900;
}

.italic
{
  font-style: italic;
}

/*-----ヘッダにあるAnytownのパンくずのmarginオプションを上書いて------*/
div#bread
{
	margin: 0;
}

/*-----ヘッダのmarginオプションを上書いて、パンくず------*/

/*------------------- コンテンツ ----------------------*/
div#contents
{
  position: relative;
  margin: 0 auto;
  padding: 0 12px;
  width: 730px;
  height: auto;
  z-index: 10;
}
/*--------------------- タイトル ----------------------*/
div#main_title
{
  position: relative;
  margin: 0 auto 20px auto;
  width: 730px;
  z-index:20;
  /*background-color:#000;*/
}

div#main_title img.lang_menu_btn
{
  width: 87px;
  height: 58px;
}

div#main_title div#lang_menu
{
  float: right;
  margin: 0 5px 0 0;
  width: 87px;
  height: 58px;
  height: auto;
  z-index: 22;
}

div#main_title div#lang_menu a
{
  width: 80px; 
  height: 50px;
}

div#main_title div#lang_menu ul
{
  display: none;
  position: absolute;
  *top: 20px;
  *right: 5px;
  width: 80px;
  border: 1px solid #ccc;
  background-color: #fff;
  z-index: 23;
}

div#main_title div#lang_menu ul li
{
  display: block;
  padding: 2px 0;
  text-align: center;
}

div#main_title div#lang_menu ul li img
{
  width: auto;
  height: 50px;
}

div#main_title div#lang_menu:hover ul,
div#main_title div#lang_menu ul:hover
{
  display: block;
}

div#main_title img
{
  width: 446px;
  height: 114px;
  z-index: 21;
}

/*----------------- タイトル 終わり　--------------------*/

/*------------------ メインコンテンツ ------------------*/
div#contents ul#bread_crumbs
{
  margin: 0;
  padding: 5px 0 0 15px;
  width: 715px;
  height: 15px;
  font-size: 10px;
}

div#contents ul#bread_crumbs li
{
  display: inline;
}

div#contents ul#bread_crumbs li:after
{
  content:" > ";
}

div#contents ul#bread_crumbs li.bread_crumbs_last:after
{
  content:"";
}

div#contents ul#bread_crumbs li a,
div#contents ul#bread_crumbs li a:active,
div#contents ul#bread_crumbs li a:focus,
div#contents ul#bread_crumbs li a:visited
{
  color: #028DBB;
}

div#contents div.abstract_box
{
  position: relative;
  float: left;
  margin: 10px 5px;
  width: 225px;
  z-index: 14;
}

div#contents div.abstract_box h3
{
  display: block;
  padding: 5px 0 0 5px;
  width: 192px;
  height: 19px;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  background: url("../imgs/common/bg_abstract_title.gif") no-repeat;
}

div#contents div.abstract_box h3 a,
div#contents div.abstract_box h3 a:active,
div#contents div.abstract_box h3 a:focus,
div#contents div.abstract_box h3 a:visited
{
  color: #FFF;
}

div#contents div.abstract_box p
{
  display: block;
  padding: 5px;
  width: 220px;
  height: 135px;
  font-size: 12px;
  color: #000;
  border: 1px solid #ccc;
  overflow: auto;
}

div#contents div.abstract_box p img
{
  float: left;
  margin: 0 5px 0 0;
  width: 120px;
  height: 90px;
}
/*---------------- メインコンテンツ終わり ----------------*/

/*------------------ コンテンツ終わり ------------------*/