/*トップページの設定
--------------------------------------------------------------*/
#TopFlash{
width:800px;
height:320px;
display:block;
background-color:#FFFFFF;
}
#TopContents{
margin:0;
padding:0;
padding-top:20px;
width:800px;
background:url(../img/top/top_navibg.gif) repeat-x;
}

/*メインボタンの設定
--------------------------------------------------------------*/
#MainArea{
margin:0;
padding:0;
margin:0px 20px;
}

#MainArea h2{
margin-bottom:10px;
color:#333333;
font-size: 12px;
font-weight:normal;
padding-left:15px;
background:url(../img/top/top_point.gif) no-repeat 0px 50%;
}

#MainArea ul {
margin:0;
padding:0;
margin-bottom:8px;
background:url(../img/top/top_mainbtn.gif) no-repeat;
width:760px;
height:75px;
display:block;
text-align:left;
position:relative;
}

#MainBtn ul{
margin:0;
padding:0;
list-style:none;
}

#MainBtn li{
position:absolute;
top:0px;
left:0px;
display:block;
margin:0;
padding:0;
text-decoration:none;
text-indent:-9999px;
}

#MainBtn li a{
display:block;
}

/*メインボタン　背景の設定
-----------------------------------*/
#MainBtn li#keiji{
top:0px;
left:0px;
}
#MainBtn li#choji{
top:0px;
left:259px;
}
#MainBtn li#daishi{
top:0px;
left:517px;
}

/*メインボタン　リンクの設定
-----------------------------------*/
#MainBtn li#keiji a{
width:242px;
height:52px;
}
#MainBtn li#choji a{
width:242px;
height:52px;
}
#MainBtn li#daishi a{
width:242px;
height:52px;
}

/*メインボタン　hoverの設定
-----------------------------------*/
#MainBtn li#keiji a:hover{
background:url(../img/top/top_mainbtn_on.gif) no-repeat;
}
#MainBtn li#choji a:hover{
background:url(../img/top/top_mainbtn_on.gif) no-repeat -259px 0px;
}
#MainBtn li#daishi a:hover{
background:url(../img/top/top_mainbtn_on.gif) no-repeat -517px 0px;
}


/*サブボタンの設定
--------------------------------------------------------------*/
#MainArea ul#SubBtn {
margin:0;
padding:0;
background:url(../img/top/top_subbtn.gif) no-repeat;
width:760px;
height:55px;
display:block;
text-align:left;
position:relative;
}

#SubBtn ul{
margin:0;
padding:0;
list-style:none;
}

#SubBtn li{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	margin:0;
	padding:0;
	margin-top:4px;
	text-decoration:none;
	text-indent:-9999px;
	width: 0px;
	}

#SubBtn li a{
display:block;
}

/*メインボタン　背景の設定
-----------------------------------*/
#SubBtn li#tegaki{
top:0px;
left:2px;
}
#SubBtn li#bunrei{
top:0px;
left:137px;
}
#SubBtn li#haitatsu{
top:0px;
left:271px;
}
#SubBtn li#rush{
top:0px;
left:407px;
}
#SubBtn li#overseas{
	top:-4px;
	left:515px;
	background-image: url(img/top/top_subbtn2.gif);
}

/*メインボタン　リンクの設定
-----------------------------------*/
#SubBtn li#tegaki a{
width:125px;
height:32px;
}
#SubBtn li#bunrei a{
width:125px;
height:32px;
}
#SubBtn li#haitatsu a{
width:125px;
height:32px;
}
#SubBtn li#rush a{
width:125px;
height:32px;
}
#SubBtn li#overseas a{
width:245px;
height:55px;
}


/*Get Flashの設定
--------------------------------------------------------------*/
#GetFlash{
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
width:800px;
}

#GetFlash p{
text-indent:-9999px;
}

#GetFlash p a{
margin:0;
padding:0;
margin-left:auto;
display:block;
width:112px;
height:33px;
background:url(../img/top/btn_getflash.gif) no-repeat;
}

/*緊急避難メッセージの設定
--------------------------------------------------------------*/
#emergency_ON{
margin:0;
padding:0px;
width:800px;
}
#emergency_OFF{
margin:0;
padding:0;
display:none;
}

#emergency_message{
margin:5px 20px;
padding:0;

}
#emergency_message th{
font-size:12px;
color:#FF0000;
text-align:left;
width:80px;
}
#emergency_message td{
font-size:12px;
line-height:140%;
text-align:left;
color:#FF0000;
}

/*お知らせメッセージの設定
--------------------------------------------------------------*/
#info_message{
margin:0;
padding:0px;
width:800px;
text-align:center;
border-top:3px #FF6600 solid;
}


#info_message_box{
margin:10px 20px;
padding:0;
}

#info_message_txt{
padding:5px 10px;
width:730px;
height:80px;
overflow:auto;
text-align:left;
border:1px #FFCC99 solid;
}

#info_message_txt dl{
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom:1px #CCCCCC dotted;
}

#info_message_txt dt{
width:100px;
float:left;
margin:0;
padding:0;
color:#CC3300;
}
#info_message_txt dd{
width:500px;
float:left;
margin:0;
padding:0;
color:#CC3300;
}

#info_message_txt dd .b{
font-weight:bold;
}



.banner_box{
margin:20px;
}




/*Flash代替の設定
--------------------------------------------------------------*/
.daitai{
margin:0;
padding:0;
padding-top:150px;
text-align:center;
color:#FF0000;
}


/*clearfix
--------------------------------------------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */