@charset "utf-8";
/* CSS Document */

body{
background:#CC0000 url(../img/home/body_bg.gif) repeat-x;
}

/* HEADER */

#header{
margin-bottom:400px;
}

#header h1.logo{
position:static;
background:none;
float:left;
width:230px;
height:50px;
}

/* CONTENTS */

#contents{
margin:-30px auto 0 auto;
z-index:1;
}

/* ARTICLE */

#article{
clear:both;
background-color:transparent;
width:890px;
min-height:300px;
padding:15px 5px 15px 5px;
margin:0 auto;
}

/* RSS */

#rss{
float:right;
width:250px;
}

#rss h2{
background:url(../img/home/rss_h2.gif) no-repeat;
width:250px;
height:50px;
text-indent:-9999px;
}

#rss dl{
background:url(../img/home/rss_dl_bg.gif) no-repeat;
padding:0 15px 0 15px;
}

#rss dt{
line-height:1.4;
font-weight:bold;
font-size:75%;
}

#rss dd{
padding-bottom:5px;
line-height:1.7;
font-size:62.5%;
}

#rss dt .date{
font-family:Arial, Helvetica, sans-serif;
}

#rss p{
background:url(../img/home/rss_p_bg.gif) no-repeat;
padding:6px 10px 10px 10px;
}
#rss .to_feed {
background-image: none;
text-align: right;
margin-top: -40px;
}


#rss a:link,
#rss a:visited{
color:#CC0000;
text-decoration:none;
}

#rss a:hover{
background-color:#CC0000;
color:#FFFFFF;
}

#rss a:active{
background-color:#CC0000;
color:#FFFFFF;
}


/* PLAN SERACH */

#plan_search{
float:right;
width:280px;
height:200px;
padding:5px 5px 5px 10px;
background: url(../img/home/plan_search_bg.gif) no-repeat center bottom;
}

#plan_search p{
padding:0;
text-align: center;
line-height: 1.5;
}
#plan_search form {
padding: 10px 0;
}
#plan_search .line_top {
width: 260px;
border-top: 3px solid #CC0000;
margin: 0 auto;
padding: 10px 0;
}
#plan_search .email {
padding: 10px;
}


/* PICKUP */

#pickup{
float:left;
width:340px;
height:200px;
padding:5px 0 5px 5px;
}

#pickup h2{
display:none;
}

#pickup img{
vertical-align:top;
}

#pickup ul{
width:340px;
height:200px;
list-style:none;
padding:0;
}

#pickup ul:after{
content:"";
display:block;
clear:left;
}

#pickup ul img{
vertical-align:top;
width:170px;
height:100px;
}

#pickup ul li{
float:left;
width:170px;
height:100px;
}


/* FLASH */

#contents{
position:relative;
z-index:1;
}

#flash_content{
position:absolute;
top:80px;
width:100%;
height:400px;
z-index:0;
}

#flash_content object,
#flash_content embed{
display:block;
width:920px;
height:400px;
margin:0 auto;
}
