@charset "utf-8";

/*////////////////////////////////////////////

	Title: 

	Description: 

	Created: 2007.5.31

	Last Up Date: 


////////////////////////////////////////////*/

/* ----------------------------------------

   1. enterance
 
   2. boxes
   
   2-1. select
   2-2. read
   2-3. adobereader
   2-4. quicklink
   2-5. top_line
   2-6. first_line
   2-7. second_line
   2-8. third_line
   2-9. footer

 * ---------------------------------------- */

 
* {
 margin:0;
 padding:0;
}

body {
 background:#162970;
}

a {
 text-decoration:none;
}

a:visited {
 color:blue;
}

a:hover {
 background:#0066FF;
 color:#fff;
}

ul {
 list-style:none;
}


/* ----------------------------------------

 * 1. enterance

 * ---------------------------------------- */

div#enterance {
 background: url(../img/top.jpg) no-repeat;
 display:block;
 margin:0 auto;
 width:780px;
 height:180px;
 overflow:hidden;
}


/* ----------------------------------------

 * 2. boxes

 * ---------------------------------------- */

div#boxes {
 width:770px;
 margin:0 auto;
 background:#fff;
 font-size:small;
 padding-left:10px;
 padding-bottom:50px;
}

/* 2-1. select ---------------------------------------- */

p#select {
 text-align:right;
 padding:5px;
 position: relative;
 top:-2em;
 color:#fff;
}

#select a{
 color:#fff;
}

/* 2-2. read ---------------------------------------- */

p#read{
position:relative;
top:-15px;
left:10px;
}

span.inline_url{
 display:inline;
 background:#CFE9FF;
}

span.inline_pdf{
 background:#FFDFDF;
}

span.note{
 color:#999;
}
span.note a{
 color:#999;
}

/* 2-3. adobereader ---------------------------------------- */

div#adobereader {
 margin-left:10px;
 padding-left:130px;
}

div#adobereader img{
 position:relative;
 top:-30px;
 left:-130px;
}

div#adobereader a:hover {
 background:none;
 color:#fff;
}

/* 2-4. quicklink ---------------------------------------- */

#quicklink {
 clear:left;
 float:right;
 margin-right:20px;
}

#quicklink a{
 position:relative;
 top:-20px;
 padding:0 5px;
}

/* a-wa index ---------------------------------------- */

div#boxes h1{
 font-size:small;
 position:relative;
 top:-5px;
 color:#fff;
 background:red;
 display:inline;
 padding:5px;
}


/* product name ---------------------------------------- */

div#boxes ul li {
 border-top:0px solid #999;
 clear:left;
 border-bottom:0px solid #999;
 font-weight:bold;
 padding:0;
 display:block;
 text-decoration:none;
}


/* product name (english) ---------------------------------------- */

div#boxes ul li span.english {
 font-weight:normal;
 font-size:10px;
 font-family:verdana;
 color:#666;
 display:block;
 margin-bottom:0.3em;
}

div#boxes ul li a:hover span.english {
 color:#666;
 background:#fff;
}

/* company name ---------------------------------------- */

div#boxes ul li ul {
 border-top:0;
 border-right:0;
 height:auto;
 padding-bottom:10px;
}

div#boxes ul li ul li {
 border-top:0;
 border-bottom:0;
 padding-left:2em;
 font-weight:bold;
 color:#333;
}

/* pdf and url ---------------------------------------- */

div#boxes ul li ul li ul.link {
clear:left;
}

div#boxes ul li ul li ul.link li{
 display:inline;
 padding:0;
 font-size:x-small;
 font-weight:normal;
 margin-right:3px;
}

div#boxes ul li ul li ul.link li.pdf a{
 position:relative;
 top:5px;
 padding:3px;
 background:#FFDFDF;
}


div#boxes ul li ul li ul.link li.url a{
 position:relative;
 top:5px;
 padding:3px;
 background:#CFE9FF;
}

/* 2-5. top_line ---------------------------------------- */

div#boxes div#top_line div#all{
 padding:10px;
 clear:right;
}

div#boxes div#top_line div#all div#all_1 div,
div#boxes div#top_line div#all div#all_2 div{
float:left;
margin-top:10px;
margin-bottom:20px;
width:25%;
}

div#boxes div#top_line div#all li.head {
 font-size:medium;
}

div#boxes div#top_line div#all ul li ul li {
 font-size:small;
}

div#boxes div#top_line div#all ul li ul li ul li {
 font-size:x-small;
}

/* 2-5. first_line ---------------------------------------- */

div#boxes div#first_line {
 width:30%;
 float:left;
 padding:10px;
}

/* 2-6. second_line ---------------------------------------- */

div#boxes div#second_line {
 width:30%;
 float:left;
 padding:10px;
}

/* 2-7. third_line ---------------------------------------- */

div#boxes div#third_line {
 width:30%;
 float:left;
 padding:10px;
}

/* a-wa ---------------------------------------- */

div#a,
div#ka,
div#sa,
div#ta,
div#na,
div#ha,
div#ma,
div#ya,
div#ra,
div#wa {
 width:100%;
 margin-bottom:2em;
 float:left;
}

/* 2-8. footer ---------------------------------------- */

div#boxes div#footer {
 clear:left;
}

div#boxes div#footer p {
 position:relative;
 top:30px;
 left:10px;
}