@import url("base.css");

#header {
height: 356px;
background: url('../img/header_bg.jpg') 0 60px repeat-x;
}
#gnavi ul { top: 321px;}

#contents {
float: none;
width: 760px;
margin: 15px auto;
}

div.flash {
position: absolute;
top: 68px;
height: 248px;
padding: 5px 0 1px;
background: #9D7D40 url(../img/home/flash_bg.jpg) top repeat-x;
}

div.block-l { width: 510px; float: left;}
div.block-r { width: 240px; float: right;}

div.about, div.corporate, div.create, div.recruit { width: 255px;}
div.about, div.create { float: left;}
div.corporate, div.recruit { float: right;}

div.block-r img { margin: 0 0 10px;}

.contents h2 a {
display: block;
width: 250px;
height: 39px;
font-size: 1px;
text-indent: -999px;
}
.news h2 a { background: url(../img/home/ttl_news.jpg); width: 510px; height: 36px;}
.about h2 a { background: url(../img/home/ttl_about.jpg);}
.corporate h2 a { background: url(../img/home/ttl_corporate.jpg);}
.create h2 a { background: url(../img/home/ttl_create.jpg);}
.recruit h2 a { background: url(../img/home/ttl_recruit.jpg);}

div.block-l ul {
margin: 6px 0 10px;
padding: 0 0 0 15px;
list-style-type: none;
}
div.block-l li {
margin: 1px 0;
padding: 1px 0 1px 14px;
background: url(../img/home/arrow.gif) left 0.3em no-repeat;
}
div.block-l li a { text-decoration: none;}

div.news { margin: 0 0 14px;}
div.news div { padding: 10px 0 0; border: 1px solid #C1C1C1;}
div.news th {
padding: 1px 10px;
vertical-align: top;
text-align: left;
font-weight: normal;
letter-spacing: 1px;
}
div.news td {
padding: 1px 10px 1px 0;
vertical-align: top;
}
div.news a { text-decoration: none;}
div.news a:hover { text-decoration: underline;}

div.news p { margin: 7px 10px 10px;}
div.news p a {
display: block;
float: right;
width: 8em;
padding: 0 3px;
border-top: 1px solid #C1C1C1;
border-right: 3px double #B4B4B4;
border-bottom: 3px double #B4B4B4;
border-left: 1px solid #C1C1C1;
background: #E6E6E6;
text-align: center;
color: #666;
font-size: 90%;
letter-spacing: 1px;
}
*html div.news p { height: 1em;}
*+html div.news p { height: 2.3em;}

div.news p a:hover { text-decoration: none; background: #EEE7C9;}


/* --------- English --------- */

.eng div.middle {
width: 774px;
margin: auto;
padding: 10px 0;
}
.eng #contents {
float: none;
width: 774px;
margin: 10px auto;
}

.eng div.about, .eng div.corporate, .eng div.create { width: 250px;}
.eng div.block-l { width: 100%;}
.eng div.corporate { float: left; margin: 0 0 0 12px;}
.eng div.create { float: right;}
.eng div.block-l ul { padding: 0 0 10px 15px;}

.eng .about h2 a { background: url(../img/home/ttl_about-e.jpg);}
.eng .corporate h2 a { background: url(../img/home/ttl_corporate-e.jpg);}
.eng .create h2 a { background: url(../img/home/ttl_create-e.jpg);}