@charset "UTF-8";
/* CSS Document */

/* IVY TOP
---------------------------------------------------- */

body {
  margin:0 auto;
  background:url("../images/top_back.gif") 0 0;
  background-position:center top;
  background-repeat: repeat-x;
  background-color:#21100B;
  color:#E3E3CF;
  margin:0; padding:0;
  font-size:80%;
  font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",helvetica, sans-serif;
  line-height:180%;
}
h1, h2, h3, h4, h5, h6 {
  margin:0 0 5px 0;
  padding:0px;
  font-size:12px;
  line-height:180%;
  font-weight:bold;
	}
a:link {
  text-decoration:none;
  color:#FF6600;
}
a:visited {
  text-decoration:none;
  color:#FF6600;
}
a:hover {
  text-decoration:underline;
  color:#FF9933;
}
#top_wrapper {
  width: 900px;
  margin:0 auto;
  padding:0px;
}
#top_c_l{
  width:430px;
  float:left;
  margin:0;
  padding:0 0 0 35px;
}
#top_c_r{
  width:360px;
  float:right;
  margin:0;
  padding:0 35px 0 0;
}
#top_c_r_l{
  width:230px;
  float:left;
  margin:0;
  padding:0;
}
#top_c_r_r{
  width:90px;
  float:right;
  margin:0;
  padding:0;
}

/* top_header
---------------------------------------------------- */
#top_head {
  position:relative;
  margin:0;  padding:0;
  width: 900px;
  height: 110px;
  background:url("../images/top_head.gif") no-repeat 0 0;
  text-indent: -9999px;	
}

/*------ sub navi -------*/
#top_head ul {
  margin: 0; padding: 0;
  list-style: none;
}
#top_head li {
  position: absolute;
  margin: 0; padding: 0;
  height: 21px;
  text-indent: -9999px;	
  line-height:100%;
}
#top_head li a{
  text-decoration: none;	
  display: block;
  height: 21px;
}
#top_navi h1#logo {
  position: absolute;
  top: 30px;
  left: 24px;
}
#top_head li#sn01  {
  left:725px;
  top:39px;
  width:68px;
}
#top_head li#sn02  {
  left:804px;
  top:39px;
  width:68px;
}

#top_head li#sn01 a:hover  {
  background: url("../images/top_head.gif") no-repeat -725px -149px;
}
#top_head li#sn02 a:hover  {
  background: url("../images/top_head.gif") no-repeat -804px -149px;
}



/*------ gn ------*/
#top_navi {
  text-align:left;
  margin:0;  padding:0;
  width: 900px;
  height: 40px;
  background:url("../images/top_navi.jpg") no-repeat 0 0;
  position:relative;
}
#top_navi ul {
  margin: 0; padding: 0;
  list-style: none;
}
#top_navi li {
  position: absolute;
  margin: 0; padding: 0;
  height: 26px;
  text-indent: -9999px;	
  line-height:100%;
}
#top_navi li a{
  text-decoration: none;	
  display: block;
  height: 26px;
}
#top_navi h1 {
  position: absolute;
  text-indent: -9999px;
}
#top_navi li#n01  {
  left:35px;
  top:7px;
  width:125px;
}
#top_navi li#n02  {
  left:162px;
  top:7px;
  width:93px;
}
#top_navi li#n03 {
  left:257px;
  top:7px;
  width:73px;
}
#top_navi li#n04  {
  left:332px;
  top:7px;
  width:72px;
}
#top_navi li#n05  {
  left:407px;
  top:7px;
  width:91px;
}
#top_navi li#n06  {
  left:500px;
  top:7px;
  width:86px;
}
#top_navi li#n01 a:hover  {
  background: url(../images/top_navi.gif) no-repeat -35px -57px;
}
#top_navi li#n02 a:hover  {
  background: url(../images/top_navi.gif) no-repeat -162px -57px;
}
#top_navi li#n03 a:hover  {
  background: url(../images/top_navi.gif) no-repeat -257px -57px;
}
#top_navi li#n04 a:hover  {
  background: url(../images/top_navi.gif) no-repeat -332px -57px;
}
#top_navi li#n05 a:hover   {
  background: url(../images/top_navi.gif) no-repeat -407px -57px;
}
#top_navi li#n06 a:hover {
  background: url(../images/top_navi.gif) no-repeat -500px -57px;
}

/* top
---------------------------------------------------- */

#top_st01 {
  width:430px;
  height:22px;
  background:url("../images/top_st01.gif") no-repeat 0 0;
  text-indent: -9999px;
  margin:0 0 25px 0;
  padding:0;
}
#top_st02 {
  width:430px;
  height:22px;
  background:url("../images/top_st02.gif") no-repeat 0 0;
  text-indent: -9999px;
  margin:30px 0 25px 0;
  padding:0;
}
#top_st03 {
  width:230px;
  height:22px;
  background:url("../images/top_st03.gif") no-repeat 0 0;
  text-indent: -9999px;
  margin:0 0 25px 0;
  padding:0;
}
#top_st04 {
  width:230px;
  height:22px;
  background:url("../images/top_st04.gif") no-repeat 0 0;
  text-indent: -9999px;
  margin:30px 0 25px 0;
  padding:0;
}
#top_stt01 {
  width:90px;
  height:22px;
  background:url("../images/top_stt01.gif") no-repeat 0 0;
  text-indent: -9999px;
  margin: 21px 0 15px 0;
  padding:0;
}
#top_stt02 {
  width:90px;
  height:22px;
  background:url("../images/top_stt02.gif") no-repeat 0 0;
  text-indent: -9999px;
  margin: 30px 0 15px 0;
  padding:0;
}


#top_c_l dl {
margin: 0 0 15px 0;
padding: 0;
width: 430px;
background: url("../images/line4.gif") no-repeat 0 0;
background-position:left bottom;
}
#top_c_l dt {
font-weight:normal;
letter-spacing:1px;
color:#213FE1;
background: url("../images/lead03.gif") no-repeat 0 0;
background-position:left center;
padding: 0 0 0 15px;
line-height: 1.2em;
}
#top_c_l dd {
width:350px;
position: relative;
top: -1.2em;
left: 5em;
line-height: 1.2em;
}
#top_c_l dd a {
 color:#E3E3CF;
}

#more  {
  clear:both;
  background: url("../images/more.gif") no-repeat ;
  margin: 0 0 0 330px;
  padding: 0;
  text-indent: -9999px;
  line-height: 1em;
  width:95px;
  height:20px;
}
#more a {
  text-decoration: none;	
  display: block;
  width:95px;
  height:20px;
}
#more a:hover    {
  background: url("../images/more.gif") no-repeat 0 -30px;
}
#gotop  {
  clear:both;
  background: url("../images/gotop.gif") no-repeat ;
  margin: 0 0 0 35px;
  padding: 0;
  text-indent: -9999px;
  width:72px;
  height: 51px;
}
#gotop a {
  text-decoration: none;	
  display: block;
  width:72px;
  height: 51px;
}
#gotop a:hover    {
  background: url("../images/gotop.gif") no-repeat 0 -60px;
}


/* submenu
---------------------------------------------------- */
#blog  {
  clear:both;
  background: url("../images/blog.jpg") no-repeat ;
  margin:0; padding:0;
  text-indent: -9999px;
  width:90px; height: 90px;
}
#blog a {
  text-decoration: none;	
  display: block;
  width:90px; height:90px;
}
#blog a:hover    {
  background: url("../images/blog.jpg") no-repeat 0 -100px;
}

#pickup  {
  clear:both;
  background: url("../images/pickup.jpg") no-repeat ;
  margin:0;padding:0;
  text-indent: -9999px;
  width:90px;
  height: 90px;
}
#pickup a {
  text-decoration: none;	
  display: block;
  width:90px;
  height:90px;
}
#pickup a:hover    {
  background: url("../images/pickup.jpg") no-repeat 0 -100px;
}

#pickup02  {
  clear:both;
  background: url("../images/pickup02.jpg") no-repeat ;
  margin:15px 0 0 0;padding:0;
  text-indent: -9999px;
  width:90px;
  height: 90px;
}
#pickup02 a {
  text-decoration: none;	
  display: block;
  width:90px;
  height:90px;
}
#pickup02 a:hover    {
  background: url("../images/pickup02.jpg") no-repeat 0 -100px;
}

#message  {
  background-color:#A99C77;
  margin:0;padding:10px;
  font-size:85%;
  color:#21100B;
  line-height: 1.6em;
}
#message_t {
  width:210px;
  height:20px;
  background:url("../images/message_t.gif") no-repeat 0 0;
  text-indent: -9999px;
  margin: 0 0 10px 0;
  padding:0;
}
#message img{
  float:left;
  wighth:80px;
  margin:0 5px 5px 0;
}

/* footer
---------------------------------------------------- */
#footer {
  clear:both;
  height: 125px;
  background:url("../images/top_footerback.gif") 0 0;
  background-repeat: repeat-x;
}
#footer_menu {
  width: 900px;
  height: 125px;
  margin:0 auto;
  padding:0;
  background: url("../images/top_footermenu.gif") no-repeat;
  position:static;
}
#footer_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position:relative;
}
#footer_menu li {
  margin: 0;
  padding: 0;
  line-height:100%;
  height: 18px;
  text-indent: -9999px;
  position:absolute;
}
#footer_menu li a {
  text-decoration: none;	
  display: block;
  height: 18px;
}
#footer_menu li#f01{
  top:52px; left:362px; width:192px;
}
#footer_menu li#f02{
  top:77px; left:362px; width:192px;
}
#footer_menu li#f03{
  top:65px; left:655px; width:200px;
}
#footer_menu li#f01 a:hover{
  background: url("../images/top_footermenu.gif") no-repeat -362px -182px;
}
#footer_menu li#f02 a:hover{
  background: url("../images/top_footermenu.gif") no-repeat -362px -207px;
}
#footer_menu li#f03 a:hover{
  background: url("../images/top_footermenu.gif") no-repeat -650px -196px;
}
#footer_menu li#f00 {
  text-decoration: none;	
  display: block;
  position:absolute;
}