@import url("main.css");
/*
change Style -------------------------------------------------- */
#index #head_i {
width:720px;
height:506px;
background-image:url(../../images/main.jpg);
background-repeat:no-repeat;
display:block;
padding:0 2px;
position:relative;
}
#index #head_i h1 {
height:241px;
background-image:url(../../images/top_logo.jpg);
background-repeat:no-repeat;
background-position:30px 50px;
padding-top:40px;
padding-left:20px;
text-indent:-9999px;
display:block;
}

#index #head_i .txt {
font-size:12px;
color:#333;
display:block;
padding-top:84px;
padding-left:45px;
line-height:14px;
height:64px;
width:312px;
}

#index #head_i ul {
width:724px;
list-style-type:none;
float:left;
margin:0;
padding:41px 0 0;
}

#index #head_i ul li {
width:120px;
height:34px;
float:left;
text-indent:-9999px;
}

#index #head_i ul li a {
display:block;
width:120px;
height:34px;
}

#index #head_i p.topNav {
position: absolute;
text-indent:0;
top:10px;
right:0;
padding-right:20px;
}


/*
index main Style -------------------------------------------------- */
#top_main {
width:700px;
padding:18px 14px 0;
float:left;
}

#top_main #works {
display:block;
float:left;
height:124px;
width:476px;
font-size:1px;
}

#top_main #works h2 {
background-image:url(../../images/works.gif);
background-repeat:no-repeat;
text-indent:-9999px;
height:11px;
width:476px;
overflow:hidden;
margin:0;
padding:0 0 14px;
}

#top_main #works .box {
width:99px;
height:99px;
padding-right:20px;
display:block;
float:left;
}

#top_main #works p {
height:95px;
width:95px;
border:1px solid #ccc;
padding:1px;
}

#top_main #blog {
display:block;
float:left;
width:216px;
height:124px;
}

#top_main #blog h2 {
text-indent:-9999px;
display:block;
width:216px;
background-image:url(../../images/blog01.gif);
background-repeat:no-repeat;
padding-bottom:14px;
height:11px;
overflow:hidden;
margin:0;
}

#top_main #blog a {
display:block;
float:left;
background-image:url(../../images/blog_btn.jpg);
text-indent:-9999px;
height:99px;
width:216px;
}

#index .clr {
clear:both;
overflow:hidden;
margin:0;
padding:0;
}

#index #foot {
overflow:hidden;
text-indent:-9999px;
width:724px;
background-image:url(../images/copyright.gif);
background-repeat:no-repeat;
background-position:center;
height:12px;
display:block;
font-size:3px;
float:left;
margin:0;
padding:30px 0 0;
}