@charset "utf-8";

/* import */

@import "reset.css";

@import "base.css";


/* submenu page layout --------------------- */

#container{
padding-left:200px;
width:690px;
line-height:1.3em;
padding-top:40px;
}

h2{
margin-bottom:10px;
padding-left:60px;
}

/* Block inside */
/* company
------------------------↓↓↓↓↓ */
#container dl{
zoom:normal;
margin-bottom:20px;
}

#container dl dt{
float:left;
clear:both;
position:relative;
left:25px;
width:105px;
line-height:1.4em;
border-top:2px solid #CDCDBC;
color:#666666;
}

#container dl dd {
padding-left:105px;
position:relative;
left:25px;
line-height:1.6em;
text-indent:1em;
}
/*
dl{
background:url(../company/bg01.gif) repeat-y;
zoom:normal;
margin-bottom:20px;
}

dl dt{
float: left;
clear:both;
width:130px;
text-indent:1em;
border-top:1px solid #ffffff;
}

dl dd {
padding-left:140px;
line-height:1.5em;
}
*/
/* Block inside */
/* sitemap
------------------------↓↓↓↓↓ */
.block_left{
float:left;
width:295px;
line-height:1.35em;
margin-top:10px;
padding-left:60px;
padding-right:20px;
}

.block_right{
float:left;
width:295px;
height:400px;
line-height:1.35em;
margin-top:10px;
padding-left:20px;
background:url(../image/dotted_line.gif) repeat-y;
}

/*
.block span{
float:left;
width:100px;
display:block;
border-bottom:2px solid #333333;

.category{
margin-left:100px;
background:url(../sitemap/icon04.gif) no-repeat;
padding-top:15px;
margin-top:14px;
}
*/

.block_left span, .block_right span{
float:left;
width:100px;
display:block;
background:url(../sitemap/line01.gif) repeat-x;
padding-top:10px;
}

/* 
 sitemap & info------------------------*/
.block_left a,.block_right a,.topic a{
color:#333333;
}
.block_left a:hover,.block_right a:hover,.topic a:hover{
color:#990000;
}
/* ------------------------*/

.category{
margin-left:100px;
background:url(../sitemap/icon04.gif) no-repeat;
padding-top:15px;
}

.category li{
text-indent:1em;
background:url(../image/icon02.gif) no-repeat 0px 0.5em;
}

.sub_category{
padding-top:5px;
padding-bottom:5px;
}

.sub_category li{
text-indent:3em;
background:url(../sitemap/icon03.gif) no-repeat 0px -0.1em;
font-size:85%;
}

.sub_menu{
margin-top:10px;
}

.sub_menu li{
width:110px;
background:url(../image/icon02.gif) no-repeat 100px 0.7em;
border-top:2px solid #333333;
padding:3px 0px;
}

.topline{
padding-top:30px;
}

/* info
------------------------↓↓↓↓↓ */
#Navigation{
position: absolute; 
top: 100px;
left:260px;
}

#Navigation a{
border-bottom:2px solid #B8B8A0;
  margin: 4px 2px 0 0;
  padding: 0 5px 0 6px;
  height: 19px;
  font-size: 85%;
  color: #999999;
  text-decoration:none;
  display: block;
  float: left;
  letter-spacing: 1px;
}

#Navigation a:hover{
  margin-top: 0px;
  height: 23px;
}

#Navigation a.current{
border-bottom:2px solid #333333;
color: #333333;
}

/* Scrollbar */
.Scrollbar-Up{
position: absolute;
background-color:#B8B8A0;
width:2px;
height: 20px;
}

.Scrollbar-Track{
background-color:#B8B8A0;
width:2px;
height: 270px;
position: absolute;
top: 20px;
}

.Scrollbar-Track img{
margin-left:-15px;
}

.Scrollbar-Handle{
position: absolute;
width: 23px; height: 70px;
}
/*
.Scrollbar-Down {
  position: absolute;
  top: 190px;
  width: 10px; height: 10px;
  background-color: #CCC;
  font-size: 0px;
}
*/
#Scrollbar-Container{
position: absolute;
top: 100px; left: 740px;
}

/* Scroll_contents area */
#Scroll_area{
position: absolute;
top: 120px;
left:250px;
width: 480px;
height: 280px;
margin-top:10px;
}

.Scroller-Container{
 position: absolute;
 top: 0px; left: 0px;
}

#topic2008, #topic2007, #topic2006, #topic2005{ 
position: absolute;
top: 10px; 
overflow: hidden;
width: 480px;
height: 250px;
display: none;
}

#topic2008{
display: block;
}
/* Scroll_contents area END */

/* section */
.section{ 
padding:7px 0px;
width:480px;
border-bottom:1px solid #D9D7C5;
}

.section a{
display:block;
text-indent:1em;
background:url(../image/icon02.gif) no-repeat 0px 0.5em; 
}

.section p{
color:#7F7F7F;
margin-left:1em;
}
/* section END */

/* topic_box */
#topic_box{
position: absolute;
top: 430px;
left:120px;
line-height:1.2em;
font-size:85%;
}

#topic_box a{
color:#990000;
}
/*
#topic_box span{
width:150px;
text-align:right;
display:block;
padding-left:15px;
background:url(../information/icon_topic.gif) no-repeat 120px 0px;
color:#990000;
letter-spacing: 1px;
height:20px;
}
*/
#topic_box span{
padding:2px 0px 2px 16px;
background:url(../information/icon_topic.gif) no-repeat;
color:#663300;
}

#topic_box dl{
zoom:normal;
margin-bottom:20px;
}

#topic_box dl dt{
float: left;
clear:both;
width:120px;
margin-bottom:10px;
}

#topic_box dl dd {
padding-left:120px;
line-height:1.5em;
margin-bottom:10px;
text-indent:1em;
}
/* topic_box END */