@charset "UTF-8";

/* 全体構造
---------------------------------------------------- */

body,div, dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
   margin:0;
   padding:0;
}

html{
    height:100%;
	background-color:#FFFFFF;
}
body {
  margin: 0;
  padding: 0;
  color: #4d4d4d;

font-size:80%;
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",helvetica, sans-serif;
line-height:180%;
text-align:center;
background: url(../images/header_bar.jpg) repeat-x;
background-color:#FFFFFF;
text-align:center;
background-position: center top;

}


h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}

img{
margin:0;
padding:0;
border:none;
}

p{
margin:0;
padding:0;
}

#container {
padding:0;
margin:0;


}


#header {
padding:0;
margin:0 auto;
width:800px;
height: 35px;
}

#gray_whats {
width:800px;
margin:0 auto;
text-align:left;
position:static;
font-size:0.8em;
line-height: 2em;
letter-spacing:1px;
color:#6C6C6C;
}

#top_banner_right {
margin: 0 auto;
padding-right: 0px;
margin-bottom: 6px;
}



/* リンク
---------------------------------------------------- */
a:link {
  color: #666666;
  background: transparent;
  text-decoration: none;
}
a:visited {
  color: #666666;
  background: transparent;
  text-decoration: none;
}
a:hover, a:active {
 color: #FF8300;
  background: transparent;
text-decoration: underline;
}

/* リンク
---------------------------------------------------- */

#contents{
width:800px;
margin:0 auto;
padding:0px 0px 0px 0px;
text-align:left;
}

#contents_01{

float:left;
width:370px;
text-align:left;
}

#contents_02{

float:right;
width:370px;
text-align:left;
}

#contents_01 h3 {
	font-size:80%;
	color: #0A426B;
}

#contents_01 h4 {
	font-size:100%;
	color: #FFFFFF;
}

#news_list{
float:left;
width:370px;
text-align:left;

}


#news_list dl {
	margin: 0;
	padding: 0px 0 0 0px;
	
}
#news_list dt {
font-size:0.8em;

letter-spacing:1px;
color:#0A4268;
line-height: 1.2em;
margin:5px 0 0px 0;
text-indent:0px;
}

#news_list dd {
font-size:0.8em;
text-indent:0px;
padding:3px 0 7px 0;
line-height:1.5em;
background: url(../images/sen.gif) no-repeat;
 background-position: left bottom;

}










#update_list {
float:right;
width:370px;
text-align:left;
}

#update_list dl {
margin: 0;
padding: 0px 0 0 0px;

}
#update_list dt {
font-size:0.8em;
letter-spacing:1px;
color:#0A4268;
line-height: 1.2em;
margin:5px 0 0px 0;
text-indent:0px;
}

#update_list dd {
font-size:0.8em;

text-indent:0px;
padding:3px 0 7px 0;
line-height:1.5em;
background: url(../images/sen.gif) no-repeat;
 background-position: left bottom;
}











#flashcontent {
padding:5px 0px 0px 0px;
}

.spacer {
clear:both;
width:800px;
height:15px;
background: url(../images/space.gif) no-repeat;
text-indent: -9999px;
background-position: center;
}

.spacer1_1 {
clear:both;
width:800px;
height:30px;
background: url(../images/space.gif) no-repeat;
text-indent: -9999px;
background-position: center;
}


.spacer1_2 {
clear:both;
width:800px;
height:15px;
background: url(../images/space.gif) no-repeat;
text-indent: -9999px;
background-position: center;
}


#spacer2 {
margin:0 auto;
width: 800px;
height: 30px;
background: url(../images/space2.gif) no-repeat;
text-indent: -9999px;
}



#t_sen {
width:2px;
height: 118px;
margin:0 auto;
text-align:left;
background: url(../images/tensen_t.gif) no-repeat;
position:static;
}

#all_b {
float:right;
width:70px;
height: 12px;
background: url(../images/all.gif) no-repeat;
position:static;
}

#news {
clear:both;
height: 24px;
width: 370px;
margin: 0px 0 10px 0px;
text-indent: -9999px;
background: url(../images/news.gif) no-repeat;
}

#news a {
text-decoration: none;	
display: block;
height: 24px;
}

#news a:hover {
background: url(../images/news.gif) no-repeat 0 -24px;
}


#sen {
width:370px;
height: 5px;
margin:0 auto;
text-align:left;
background: url(../images/sen.gif) no-repeat;
position:static;
}

#update {
clear:both;
height: 24px;
width: 370px;
margin: 0px 0 10px 0px;
text-indent: -9999px;
background: url(../images/update.gif) no-repeat;
}



/*ヘッダーナビゲーション
---------------------------------------------------- */

#navigation {
width: 800px;
height: 35px;
margin:10px 0 0 0;
background: url(../images/header.gif) no-repeat;
position:relative;
 }

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

}

#navigation li {
    margin: 0;
	padding: 0;
	height: 35px;
	text-indent: -9999px;	
    position: absolute;
}

#navigation li a ,#navigation li strong{
  text-decoration: none;	
  display: block;
   height: 35px;
text-indent: -9999px;
}
#navigation h1 {
position: absolute;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  height: 35px;
}
#navigation h1 a {
  text-decoration: none;	
  display: block;
  height: 35px;
}
#navigation h1#home      {
 left:0px;
 top:0px;
 width:130px;
height: 35px;
}

#navigation li#b01      {
 left:196px;
 width:66px;
}
#navigation li#b02    {
 left:256px;
 top:0px;
 width:66px;
}
#navigation li#b03  {
 left:316px;
  top:0px;
 width:66px;
}
#navigation li#b06  {
	left:400px;
	top:0px;
	width:78px;
}
#navigation li#b04  {
 left:516px;
 top:0px;
 width:160px;
}

#navigation li#b05  {
 top:0px;
 left:676px;
 width:124px;
}

#navigation h1#home a:hover    {
background: url(../images/header.gif) no-repeat 0 -35px;
}

#navigation li#b01 a:hover  ,#navigation li#b01 strong   {
background: url(../images/header.gif) no-repeat -196px -35px;
}

#navigation li#b02 a:hover ,#navigation li#b02 strong    {
background: url(../images/header.gif) no-repeat -256px -35px;
}
#navigation li#b03 a:hover ,#navigation li#b03 strong    {
background: url(../images/header.gif) no-repeat -316px -35px;
}

#navigation li#b06 a:hover ,#navigation li#b06 strong    {
background: url(../images/header.gif) no-repeat -400px -35px;
}

#navigation li#b04 a:hover ,#navigation li#b04 strong    {
background: url(../images/header.gif) no-repeat -516px -35px;
}
#navigation li#b05 a:hover ,#navigation li#b05 strong    {
background: url(../images/header.gif) no-repeat -676px -35px;
}

/* フッター
---------------------------------------------------- */
#footer {
clear:both;
height: 35px;
margin:0 auto;
text-align:center;
background: url(../images/footer.gif) no-repeat;
background-position: center top;


}

#footer_navi {
width:800px;
height: 15px;
margin:0 auto;
text-align:left;
background: url(../images/footer_navi.gif) no-repeat;
position:static;
}

#footer_navi ul {
argin: 0;
padding: 0;
list-style: none;
position:relative;
}

#footer_navi li {
argin: 0;
padding: 0;
height: 15px;
text-indent: -9999px;
position:absolute;
}

#footer_navi li a,#footer_navi strong {
text-decoration: none;	
display: block;
height: 15px;
}



#footer_navi li#d04 a,#footer_navi strong {
text-decoration: none;	
  display: block;
height: 15px;

}






#footer_navi li#d01      {
 top: 0px;
height: 15px;
 left:453px;
 width:82px;
}
#footer_navi li#d02    {
 top: 0px;
height: 15px;
 left:535px;
 width:82px;
}
#footer_navi li#d03  {
 top: 0px;
height: 15px;
 left:617px;
 width:128px;
}
#footer_navi li#d04  {
 top: 0px;
height: 15px;
 left:745px;
 width:55px;
}



#footer_navi li#d01 a:hover  ,#footer_navi li#d01 strong   {
background: url(../images/footer_navi.gif) no-repeat -453px -15px;
}

#footer_navi li#d02 a:hover ,#footer_navi li#d02 strong    {
background: url(../images/footer_navi.gif) no-repeat -535px -15px;
}
#footer_navi li#d03 a:hover ,#footer_navi li#d03 strong    {
background: url(../images/footer_navi.gif) no-repeat -617px -15px;
}
#footer_navi li#d04 a:hover ,#footer_navi li#d04 strong    {
background: url(../images/footer_navi.gif) no-repeat -745px -15px;
}