@charset "UTF-8";

/* INDEX
==============================================
 01 Header style
 02 navi style

============================================== */

body {
width:750px;
}

/* 01 Header style
------------------------------------------------------------------*/
#home .header {
background:url(../img/bg_header.png) 0 0 repeat-x;
height:200px;
position:relative;
}

#home .header h1 {
background:url(../img/tl_logo.png) 0 0 no-repeat;
width:360px;
position:absolute; right:5%; bottom:10%;
}

#home .header h1 a {
display:block;
height:0;
padding-top:120px;
overflow:hidden;
}


#home .header p.copy {
background:url(../img/tl_copy.png) 0 0 no-repeat;
width:550px;
height:0;
padding-top:20px;
overflow:hidden;
position:absolute; top:5%; left:2%;
}

.description {
background:url(../img/index_copy.png) 0 0 no-repeat;
width:630px;
height:0;
padding-top:40px;
overflow:hidden;
margin:10px auto 30px;
}

/* 02 navi style
------------------------------------------------------------------*/
div.lang_switch {
text-align: right;
padding: 0 1.5em;
}

div.lang_switch a {
color:#990033;
text-decoration:underline;
}


#home div.navi { margin:0 auto; width:595px; }

#home div.navi ul li {
float:left;
list-style:none;
padding-bottom:10px;
margin-right:20px;
width:185px;
}

#home div.navi ul li.last { margin-right:0; }

#home div.navi ul li a { display:block; height:0; overflow:hidden; }

#home div.navi ul li.about a { background:url(../img/btn_about.png) no-repeat; padding-top:185px; }
#home div.navi ul li.about a:link,
#home div.navi ul li.about a:visited { background-position: 0 0; }
#home div.navi ul li.about a:hover,
#home div.navi ul li.about a:active { background-position: -185px 0; }

#home div.navi ul li.service a { background:url(../img/btn_service.png) no-repeat; padding-top:185px; }
#home div.navi ul li.service a:link,
#home div.navi ul li.service a:visited { background-position: 0 0; }
#home div.navi ul li.service a:hover,
#home div.navi ul li.service a:active { background-position: -185px 0; }

#home div.navi ul li.blog a { background:url(../img/btn_blog.png) no-repeat; padding-top:185px; }
#home div.navi ul li.blog a:link,
#home div.navi ul li.blog a:visited { background-position: 0 0; }
#home div.navi ul li.blog a:hover,
#home div.navi ul li.blog a:active { background-position: -185px 0; }

#home div.navi ul li.contact a { background:url(../img/btn_contact.png) no-repeat; padding-top:185px; }
#home div.navi ul li.contact a:link,
#home div.navi ul li.contact a:visited { background-position: 0 0; }
#home div.navi ul li.contact a:hover,
#home div.navi ul li.contact a:active { background-position: -185px 0; }

#home div.navi ul li.products a { background:url(../img/btn_products.png) no-repeat; padding-top:185px; }
#home div.navi ul li.products a:link,
#home div.navi ul li.products a:visited { background-position: 0 0; }
#home div.navi ul li.products a:hover,
#home div.navi ul li.products a:active { background-position: -185px 0; }

#home div.navi ul li.link a { background:url(../img/btn_link.png) no-repeat; padding-top:185px; }
#home div.navi ul li.link a:link,
#home div.navi ul li.link a:visited { background-position: 0 0; }
#home div.navi ul li.link a:hover,
#home div.navi ul li.link a:active { background-position: -185px 0; }

#home dl.update {
background:url(../img/bg_update_up.png) top repeat-x;
color:#000;
margin:0 auto 30px;
padding-top:5px;
width:580px;
}

#home dd.updatelist {
background:url(../img/bg_update_down.png) bottom repeat-x;
padding-left:10px;
padding-bottom:5px;
}


#home dl.update dt.title {
background:url(../img/pt_arrow_l.png) left no-repeat;
font-weight:bold;
font-size:110%;
line-height:1.4em;
margin-bottom:5px;
padding-left:20px;
}

#home dl.update dt.date {
background:url(../img/pt_arrow_m.png) left no-repeat;
padding-left:10px;
float:left;
line-height:1.5em;
width:75px;
}

#home dl.update dd.news {
float:right;
line-height:1.5em;
width:480px;
white-space:nowrap;
overflow:hidden;
}