/*
==============================
Contents of [base.css]

1. Universal Settings
2. Header amd Navigation
3. H1 Decorations
4. Main Box Home
5. Main Box Others
6. Footer
7. Bring Them Out of Window
==============================
*/


/*
==============================
1. Universal Settings
==============================
*/

/*
==============================
なんだよこの定義はよぉ
*{
margin: 0;padding: 0;
}
==============================
*/

div, ul, li, body, h1, h2, h3{
margin: 0;padding: 0;
}


body {
background-color: #e5deed;
background-image: url(image/bg.gif);
background-repeat: repeat-y
}


a:hover { color: #FF0000; }

a {
text-decoration: none;
}

.clearBoth{
clear: both;
}

div#wrapperHome {
margin-left: 0;
width: 750px;
background: url(image/wrapperHome.gif) repeat-y;
}


div#wrapperOthers {
margin-left: 0;
width: 750px;
background: #fff;
}


.fontSmall {
font-size: 8pt;
line-height: 1.4em;
}


p, td, th, dl {
font-size: 9pt;
line-height: 1.4em;
}


/*
=================================
2. Header and Navigation
=================================
*/

div#header {
background: url(image/header.gif) no-repeat;
height: 81px;
}

ul#nav {
margin-left: 324px;
}

ul#nav li{
float:left;
margin-top: 28px;
list-style-type: none;
}

ul#nav li a{
display: block;
height: 53px;
}


li#home, li#home_ac {
background: url(image/home.gif) no-repeat;
width:54px;
height:53px;
}

li#home a:hover, li#home_ac{
background: url(image/home_ov.gif) no-repeat;
}

li#profile, li#profile_ac {
background: url(image/profile.gif) no-repeat;
width:93px;
height:53px;
}

li#profile a:hover, li#profile_ac{
background: url(image/profile_ov.gif) no-repeat;
}

li#products, li#products_ac {
background: url(image/products.gif) no-repeat;
width:93px;
height:53px;
}

li#products a:hover, li#products_ac{
background: url(image/products_ov.gif) no-repeat;
}

li#recruit, li#recruit_ac {
background: url(image/recruit.gif) no-repeat;
width:93px;
height:53px;
}

li#recruit a:hover, li#recruit_ac{
background: url(image/recruit_ov.gif) no-repeat;
}

li#contact, li#contact_ac {
background: url(image/contact.gif) no-repeat;
width:93px;
height:53px;
}

li#contact a:hover, li#contact_ac{
background: url(image/contact_ov.gif) no-repeat;
}


/*
=================================
3. H1 Decorations
=================================
*/

h1#top {
height: 300px;
width: 750px;
background: url(image/topImg.jpg) no-repeat #eee;
}

div#locate h1 {
font-size: 10pt;
font-weight: normal;
color: #fff;
text-indent: 14px;
}


/*
=================================
4. Main Box Home
=================================
*/

/* == News == */
div#news {
}

div#news h2 {
background: url(image/news.gif) no-repeat;
height: 44px;
}

div#news h3 {
margin: 5px 10px;
padding: 5px 0px;
font-size: 9pt;
border-bottom: 1px solid #ccc;
}

div#news p {
margin: 0 10px 1em 20px;
font-size: 9pt;
line-height: 1.8em;
}

div#news table {
margin: -1em 10px 0 20px;
border: 0px;
}

div#news th,td {
border: 0px;
font-size: 9pt;
text-align: left;
}

/* == PR == */

div#pr {
width:280px;
float: left;
padding-bottom: 2em;
background: #E5E5DD;
}

div#pr h2 {
height: 6px;
background: url(image/pr.gif) no-repeat;
margin-bottom: 10px;
}

div#pr h3 {
font-size: 12pt;
color: #666;
margin: 5px 10px;
padding: 5px 0px;
}

div#pr img {
display: block;
margin: 0 10px 0.5em 10px;
float: left;
}

div#pr p {
font-size: 9pt;
margin: 0 5px;
}

div#pr br {
clear: both;
}

div#pr .detail{
display:block;
float: left;
width: 55px;
height: 30px;
background: url(image/detail.gif) no-repeat;
}

/*
=================================
5. Main Box Others
=================================
*/

#mainBoxOthers h2 {
font-size: 11pt;
}

#mainBoxOthers .text {
font-size: 8pt;
line-height: 1.4em;
}

/* == Float Setting == */
.floatLeft{
float: left;
width: 330px;
margin: 0 15px 2em 30px;
}

.floatRight{
float: left;
width: 330px;
margin: 0 30px 2em 15px;
}

dt{
font-weight: bold;
}

dl{
line-height: 1.6em;
margin-bottom: 1em;
}


/*
=================================
6. Footer
=================================
*/

div#footer {
padding: 15px;
background: url(image/footer.gif) repeat-x #eee;
font-size: 9pt;
line-height: 1.8em;
}

div#footer ul{
list-style: url(image/ularrow.gif) inside;
}

div#footer ul a{
color: #333;
}

div#footer ul a:hover{
color: #F00;
}

div#footer p {
font-size: 8pt;
}


/*
=================================
7. Bring Them Out of Window
=================================
*/

#nav li a,
h1#top,
div#news h2,
div#pr h2,
div#pr .detail{
text-indent: -9999px;
}

/*
=================================
8. テキストカラー
=================================
*/
.redtxt {
	color: #ff0000;
}

/*
=================================
9. 2008/11/27追加分
=================================
*/
.pdfdown {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}