@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-color:#FFFFFF;
text-align:center;
background-position: center top;

}
/*background: url(../images/header_obi.gif) repeat-x;*/spacer

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: 50px;
}





/* リンク
---------------------------------------------------- */
a:link {
  color: #333333;
  background: transparent;
  text-decoration: none;
}
a:visited {
 color: #333333;
  background: transparent;
  text-decoration: none;
}
a:hover, a:active {
 color:#F11D73;
  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;
font-weight:bold;
letter-spacing:1px;
color:#680F00;
line-height: 1.2em;
margin:5px 0 0px 0;
text-indent:0px;
}

#news_list dd {
font-size:0.9em;
font-weight:bold;
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;
font-weight:bold;
letter-spacing:1px;
color:#680F00;
line-height: 1.2em;
margin:5px 0 0px 0;
text-indent:0px;
}

#update_list dd {
font-size:0.9em;
font-weight:bold;
color:#333333;
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 10px 0px;
}

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




#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: 50px;
margin:0 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: 50px;
	text-indent: -9999px;	
    position: absolute;
}

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







#navigation h1 {
position: absolute;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  height: 50px;
}
#navigation h1 a {
  text-decoration: none;	
  display: block;
  height: 50px;
}
#navigation h1#home      {
 left:0px;
 top:0px;
 width:156px;
height: 50px;
}

#navigation li#b01      {
 left:156px;
 top:0px;
 width:58px;
}
#navigation li#b02    {
 left:214px;
 width:83px;
}
#navigation li#b03  {
 left:297px;
 width:106px;

}
#navigation li#b04  {
 left:403px;

 width:60px;

}

#navigation li#b05  {

 left:463px;
 width:71px;

}

#navigation li#b06  {
 left:586px;

 width:106px;

}

#navigation li#b07  {
 left:692px;
 width:120px;

}

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

}

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

#navigation li#b02 a:hover ,#navigation li#b02 strong    {
background: url(../images/header.gif) no-repeat -214px -50px;
}
#navigation li#b03 a:hover ,#navigation li#b03 strong    {
background: url(../images/header.gif) no-repeat -297px -50px;
}
#navigation li#b04 a:hover ,#navigation li#b04 strong    {
background: url(../images/header.gif) no-repeat -403px -50px;
}
#navigation li#b05 a:hover ,#navigation li#b05 strong    {
background: url(../images/header.gif) no-repeat -463px -50px;
}

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

/* フッター
---------------------------------------------------- */
#footer {
clear:both;
height: 50px;
margin: 30px;
text-align:center;



}

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

#top_banner {
width:800px;
height: 526px;
margin:0 auto;
text-align:left;
position:static;
}

#top_banner ul {
margin: 0;
padding: 0;
list-style: none;
position:relative;
}

#top_banner li {
argin: 0;
padding: 0;
height: 55px;
text-indent: 0px;
position:absolute;
}

#whats_new_01{
clear:both;
width:800px;
margin:0 auto;
text-align:left;
}

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





#footer_navi {
width:800px;
height: 50px;
margin:0 auto;
text-align:left;
background: url(../images/footer_bottan.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: 50px;
text-indent: -9999px;
position:absolute;
}

#footer_navi li a,#footer_navi strong {

text-decoration: none;	
display: block;
height: 50px;
}

#footer_navi li#d01      {
 top: 0px;
height: 50px;
 left:0px;
 width:62px;
}
#footer_navi li#d02    {
 top: 0px;
height: 50px;
 left:62px;
 width:122px;
}
#footer_navi li#d03  {
 top: 0px;
height: 50px;
 left:184px;
 width:116px;
}

#footer_navi li#d04  {
 top: 0px;
height: 50px;
 left:775px;
 width:25px;
}


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

#footer_navi li#d02 a:hover ,#footer_navi li#d02 strong    {
background: url(../images/footer_bottan.gif) no-repeat -62px -50px;
}
#footer_navi li#d03 a:hover ,#footer_navi li#d03 strong    {
background: url(../images/footer_bottan.gif) no-repeat -184px -50px;
}
#footer_navi li#d04 a:hover ,#footer_navi li#d04 strong    {
background: url(../images/footer_bottan.gif) no-repeat -775px -50px;
}