@charset "utf-8";
/* ************************************************ 
/*　トップページ用CSS　*/



/* hide hack from Mac-IE5 \*
/* html .mybuggyelement { height: 1%; }@*/

/* end hiding */
 /** ************************************************ */
*
	{
	margin:0px;
	padding:0px;
	}
	

body
	{
	line-height:150%;
	font-size:11pt;
	text-align:center;
        margin:0px auto; /** *****firefox対策************ */  
	color:#333333;
	background:#ffffff;	
	}
h1,h2,h3,h4,h5,h6
	{
	font-size:100%;
         margin-bottom: 0px;
	}
div {
  margin-bottom: 0px;
}
img
	{
	border:0px;
	}
hr
	{
	width:1px;
	height:1px;
	color:#FFFFFF;
	border:none;
	padding:7px 0px 7px 0px;
	clear:both;
	}
*+html hr
	{
	border:none;
	padding:0px;
	}
/*** outer_layout.cssのものを利用
.clear
	{
	clear:both;
	}
***/

.left
	{
	text-align:left;
	}
.right
	{
	text-align:right;
	}
.center
	{
	text-align:center;
	}



/* ************************************************ 
 * contents_box
 * side_box
 * main_contents
 * ************************************************ */

/** font-size仕切りなおし(以降での%に影響します) **/
.container {
    font-size: 12px;
}
.header {
    font-size: 11px;
}
.footer {
    font-size: 11px;
}

/* */ 
*#top_sidebox
	{
	width:200px;
	padding:0px 0px 0px 0px;
	line-height:160%;
	float:left;
	font-size:80%;
	}
	

*#contents_box{

	width:780px;
	padding:0px 0px 0px 0px;
　　　　 margin:0px 0px 0px 0px;
}

/* Flash下バナー */
.mid_banner {
         width:780px;
         min-height: 0px;
         margin: 10px 0px;
}

.mid_banner:after 
        {
         content: "";
         clear: both;
         height: 1px;
         overflow: hidden;
         display: block;
          }
.mid_banner ul
         {
         margin: 0px;
         padding: 0px;
         }
.mid_banner li
	{
         float: left;
	/* list-style-image:url(images/icon_01.gif); */
         list-style: none none;
	padding:0px;
	vertical-align:middle;
         line-height: 100%;
	}
.mid_banner li img {
         margin: 0px;
}

#mid_banner01 {
         margin:0px 10px 0px 0px;
}
#mid_banner02 {
         margin:0px 11px 0px 0px;
}

/* ************************************************ 
 * top main box 
 * ************************************************ */
*#top_mainbox
	{
	margin:0px;
	width:570px;
         height:auto;
	padding:0px 0px 0px 0px;
	float:right;
         right: 0px;
	}

#top_mainbox div.end_cap2
	{
	display: block;
	width:570px;
	height:12px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background:url(images/main_btm.gif) no-repeat;
	}

*#top_mainbox h2
	{
	margin:0px;
	}
*#search_nav{
		width:570px;
		text-align:center;
		margin:0px;
		background:url(images/main_contents.gif) repeat-y;
                  height: auto;
                min-height:1px; display: inline-table;
		}

*#search_nav div.picup_base_top
		{
		width:264px;
                  height: 101px;
		padding:5px 10px;
                  margin:0px;
                  margin-left: 1px;
		float:left;
		}
*#search_nav div.picup_base_topright
		{
		width:263px;
                  height: 101px;
                  background: url(images/top_tensen_topvertical.gif) no-repeat bottom left;
		padding:5px 10px;
                  margin:0px;
		float:left;
		}
*#search_nav div.picup_base
		{
		width:264px;
                  height: 101px;
/*		border-top:#CCC dotted 1px;
		border-left:#CCC dotted 1px; */
		padding:5px 10px;
                  margin:0px;
                  margin-left: 1px;
		float:left;
		}
*#search_nav div.picup_base_right
		{
		width:263px;
                  height: 101px;
                  background: url(images/top_tensen_vertical.gif) repeat-y top left;
/*                  border-left:#CCC dotted 1px; */
		padding:5px 10px;
                  margin:0px;
		float:left;
		}
*#search_nav div.picup_base_lastright
		{
		width:263px;
                  height: 101px;
                  background: url(images/top_tensen_topvertical.gif) no-repeat top left;
		padding:5px 10px;
                  margin:0px;
		float:left;
		}
*#search_nav div.glay_out{
                  background-color: #F0F0F0;
}
*#search_nav div.picup_horizontal_line
		{
		width:560px;
                  height: 1px;
                  background: transparent;
                  /* background: url(images/top_tensen_horizontal.gif) no-repeat center transparent; */
		padding:0px;
                  margin:0px 2px;
                  float:left;
		}

*#search_nav p
	{
	width:264px;
	display:block;
	text-align:left;
	font-size:80%;
         height: auto;
         float: left;
         background-color: transparent;
	}

*#search_nav img
	{
	margin:0px 0px 3px;
	padding:0px 0px;
	float:left;	
	}
#btm_banner2 {
  margin-left:13px; 
}
#btm_banner3 {
  margin-left:12px;
}
*#search_nav h3
	{
	width:100px;
	color:#FFFFFF;
	background:#999;
	text-align:center;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 10px;
         float: right;
	}
*#search_nav ul
         {
         float: left;
         _margin-left: 10px; /* for IE6 */
         margin-bottom: 10px;
         }
*#search_nav li
	{
	/* list-style-image:url(images/icon_01.gif); */
         list-style: none none;
	padding:0px 2px;
	vertical-align:middle;
	}
#search_nav li img {
         margin: 2px 3px 5px 0px;
}
#search_nav li a {
         line-hight: 150%;
         vertical-align:middle;
}
/* ***********firefox用角丸表示処理***************** */
*#search_nav:after 
        {
         content: "";
         clear: both;
         height: 1px;
         overflow: hidden;
         display: block;
          }

/**************************************/
/* top_main_tab                       */
/**************************************/
.main_tab {
    background: url("images/tab_bg_pickup.gif") no-repeat left;
    width: 570px;
    height: 32px;
    margin: 0px;
    padding: 0px;
}

.main_tab .horizontal-list {
    margin-left: 8px;
    margin-bottom:0px;
}

.tab_img {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.main_tab .horizontal-list li {
    margin-right: 6px;
    padding: 0px;
}

.main_tab .horizontal-list li img {
    margin-right:0px;
    vertical-align:bottom;
}
/************************************************* */
 

/* sub navigation -----------top_sidebox------------------------------------------------*/

#top_sidebox 
	{

	font-size:85%;
	float: left;
	display: block;
	width:200px;
	margin: 0px;
	text-align: left;
	padding: 0px 0px 0px 0px;

	}

#top_sidebox span a
	{
	float: left;
/*	display: block; */
	width:170px;
	margin: 0px;
	padding:0px;
	text-align: left;
         line-height: 150%;
	}
#top_sidebox h1{
	display: none;
	}
#top_sidebox div.top_cap
	{
	float: left;
	display: block;
	position:relative;
	width:200px;
	height:32px;
	margin: 0px;
	padding: 0px;
	background: url(images/news_side_menu.gif) no-repeat;
	}
#top_sidebox div.top_cap2
	{
	float: left;
	display: block;
	width:200px;
	height:32px;
	padding:0px;
	background: url(images/topics_side_menu.gif) no-repeat;
	}
#top_sidebox div.title 
	{
	float: left;
	display: block;
	width:200px;
	height:32px;

	}
#top_sidebox div.title span
	{
	margin:0px auto;
	font-size:120%;
	font-weight:bold;
	vertical-align:middle;
	color:#FFFFFF;
	padding: 20px 0px 0px 15px;
	margin:20px 0px 0px;
	}
#top_sidebox div.title a {
	font-size:120%;
	font-weight:bold;
	vertical-align:middle;
	color:#FFFFFF;
         text-align: right;
         padding-right: 5px;
}         
#top_sidebox a:hover {
         cursor: pointer;
}
#top_sidebox ul.first_level,
#top_sidebox ul.second_level 
	{
	float: left;
	display: block;
	width:180px;
	min-height: 100px;
	margin: 0px;
	padding: 0px 10px;
	_padding: 0px -10px;	/*********Ie用にやってみた*****/
	background:url(images/side_menu_contents.gif);  /*ここに縦線のバックグラウンドを入れる*/
	}
#top_sidebox ul.first_level li,
#top_sidebox ul.second_level li
	{
	float: left;
	display: block;
	width:180px;
	margin: 0px;
	padding: 6px 0px 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px #ccc dotted;
	}

#top_sidebox ul span
 	{
	float: left;
	display: block;
	width:180px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	}

#top_sidebox ul.first_level a,
#top_sidebox ul.first_level span 
	{
	float: left;
	width:180px;
	margin: 0px;
	padding: 0px 0px;
	}
#top_sidebox ul.first_level a:link,
#top_sidebox ul.first_level a:visited 

	{
	
	color: #3333cc;
	
	}
#top_sidebox li span a
	{
	text-decoration:none;
	color: #3333cc;
	}

#top_sidebox li span a:hover{
         text-decoration:underline;
}

#top_sidebox .first_level,
#top_sidebox .second_level,
	{
	border-bottom:none;
	}
#top_sidebox div.article 
	{
	float: left;
	display: block;
	width: 180px;
	margin: 0px;
	padding: 0px;
	}

#top_sidebox div.end_cap
	{
	float: left;
	display: block;
	width:200px;
	height:9px;
	margin: 0px 0px 10px;
	padding: 0px;
	background:url(images/side_menu_btm.gif) no-repeat;
	}

#top_sidebox ul.first_level li.noline,
#top_sidebox ul.second_level li.noline
{
         border-bottom: none;
}
/* 使用していなそうなので削除 2008.01.21
#top_banner
	{
	display:inline;
	text-align:center;
	width:560px;
	height:54px;
	margin: 0px auto;
	}
#top_banner img
	{
	padding:0px 5px 0px 6px;
	}
*/


/*  */
.go_top,.go_archive
	{
	text-align:right;
	margin:20px 0px 0px 0px;
	}


/* hide hack from Mac-IE5 \*/

* html .mybuggyelement { height: 1%; }/* end hiding */

/* 
 *
 * ************************************************ */