/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:150%;
text-align: center;
color:#666666;
background-image:url(background.jpg);
background-position:center;
background-repeat:repeat-y;
}

*{
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:lighter;
}

img{
border-width: 0px;
border-style: none;
vertical-align:top;
}

table {
font-size:100%;
line-height:150%;
}

#wrapper{
margin:0px auto;
width:940px;
text-align:left;
}

#header{
width:940px;
height:80x;
float:left;
background-image:url(nav.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}

#header h1{
float:left;
}

#header ol{
height:10px;
line-height:0;
font-size:0;
list-style-type:none;
float:right;
margin:5px 15px 15px 0;
display:inline;
}

#header ol li{
float:left;
margin:0 5px 0 0;
display:inline;
}

#header ol li a:link img,
#header ol li a:visited img{
filter:Alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}

#header ol li a:hover img,
#header ol li a:active img{
filter:Alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
}

#header ul{
width:750px;
height:50px;
list-style-type:none;
float:right;
}

#header ul li{
float:left;
display:inline;
margin:10px 0 0 20px;
}

#header ul li#nav01{
margin-left:41px;
}

#header ul li a {
height:12px;
display:block;
background-repeat:no-repeat;
text-indent:-9999px;
}

#header ul li#nav01 a{
width:38px;
}

#header ul li#nav01 a:link,
#header ul li#nav01 a:visited{
background-image:url(nav01.jpg);
}

#header ul li#nav01 a:hover,
#header ul li#nav01 a:active{
background-image:url(nav01_ov.jpg);
}

#header ul li#nav02 a{
width:54px;
}

#header ul li#nav02 a:link,
#header ul li#nav02 a:visited{
background-image:url(nav02.jpg);
}

#header ul li#nav02 a:hover,
#header ul li#nav02 a:active{
background-image:url(nav02_ov.jpg);
}

#header ul li#nav03 a{
width:44px;
}

#header ul li#nav03 a:link,
#header ul li#nav03 a:visited{
background-image:url(nav03.jpg);
}

#header ul li#nav03 a:hover,
#header ul li#nav03 a:active{
background-image:url(nav03_ov.jpg);
}

#header ul li#nav04 a{
width:44px;
}

#header ul li#nav04 a:link,
#header ul li#nav04 a:visited{
background-image:url(nav04.jpg);
}

#header ul li#nav04 a:hover,
#header ul li#nav04 a:active{
background-image:url(nav04_ov.jpg);
}

#header ul li#nav05 a{
width:44px;
}

#header ul li#nav05 a:link,
#header ul li#nav05 a:visited{
background-image:url(nav05.jpg);
}

#header ul li#nav05 a:hover,
#header ul li#nav05 a:active{
background-image:url(nav05_ov.jpg);
}

#header ul li#nav06 a{
width:33px;
}

#header ul li#nav06 a:link,
#header ul li#nav06 a:visited{
background-image:url(nav06.jpg);
}

#header ul li#nav06 a:hover,
#header ul li#nav06 a:active{
background-image:url(nav06_ov.jpg);
}

#header ul li#nav07 a{
width:66px;
}

#header ul li#nav07 a:link,
#header ul li#nav07 a:visited{
background-image:url(nav07.jpg);
}

#header ul li#nav07 a:hover,
#header ul li#nav07 a:active{
background-image:url(nav07_ov.jpg);
}

#header ul li#nav08 a{
width:178px;
}

#header ul li#nav08 a:link,
#header ul li#nav08 a:visited{
background-image:url(nav09.jpg);
}

#header ul li#nav08 a:hover,
#header ul li#nav08 a:active{
background-image:url(nav09_ov.jpg);
}

#main{
width:940px;
float:left;
}

#main ul,
#main ol{
list-style-type:none;
}

#main a:hover img{
filter:Alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}

a:link,a:visited{
color:#444444;
text-decoration:none;
}

a:active,a:hover{
color:#A8CB03;
text-decoration:none;
}


/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#column01 {
width:190px;
float:left;
margin:0 20px 0 0;
display:inline;
}

#column01 ol{
padding:14px;
}

#column01 ol li{
margin:5px 0 0 0;
}

#search-space {
margin:0 0 0 15px;
float:left;
display:inline;
}

#search-space input{
margin:0 5px 0 0;
float:left;
display:inline;
}

#search-space .text{
width:115px;
margin-top:2px;
}

#column02 {
width:530px;
float:left;
}

#column03 {
width:160px;
float:right;
margin:0 20px 0 20px;
display:inline;
text-align:center;
}

#column03 ul{
list-style-type:none;
}

#column03 ul li{
margin:0 0 10px 0;
}

#column04 {
width:700px;
float:left;
}

#column05 {
width:720px;
float:left;
}

/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#leftnav {
margin:0 0 10px 0;
}

#leftnav li{
width:170px;
margin:0 10px 5px;
}

#leftnav li a{
display:block;
width:170px;
height:30px;
line-height:30px;
text-indent:15px;
background-repeat:no-repeat;
}

#leftnav li a:link,
#leftnav li a:visited{
color:#FFFFFF;
background-image:url(leftnav.jpg);
}

#leftnav li a:hover,
#leftnav li a:active{
color:#333333;
background-image:url(leftnav_ov.jpg);
}

#leftnav li ul li{
margin-left:0;
}

#leftnav li ul li a{
display:block;
width:170px;
height:30px;
line-height:30px;
text-indent:15px;
background-repeat:no-repeat;
}

#leftnav li ul li a:link,
#leftnav li ul li a:visited{
color:#FFFFFF;
background-image:url(leftnav02.jpg);
background-position:0 100%;
}

#leftnav li ul li a:hover,
#leftnav li ul li a:active{
color:#ACDA18;
background-image:url(leftnav02.jpg);
background-position:0 100%;
}

/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
width:940px;
height:50px;
float:left;
background-image:url(footer.jpg);
background-repeat:repeat-y;
}

#footer ol{
float:left;
list-style-type:none;
margin:25px 0 0 0;
}

#footer ul{
margin:5px 20px 5px 0;
float:right;
display:inline;
list-style-type:none;
}

#footer ul li {
font-size:85%;
float:left;
color:#FFFFFF;
}

#footer ul li a:link,
#footer ul li a:visited{
color:#FFFFFF;
}

#footer ul li a:hover,
#footer ul li a:active{
color:#444444;
}

address {
margin:0 20px 0 0;
float:right;
display:inline;
}

/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

ul.sitemap {
margin:0 0 10px 30px;
padding:20px 0 50px 0;
line-height:160%;
}

ul.sitemap li{
background-image:url(icon01.jpg);
background-repeat:no-repeat;
padding-left:15px;
background-position:0 4px;
font-weight:bold;
}

ul.sitemap  li ul{
margin:0 0 10px 20px;
}

ul.sitemap li ul li{
background-image:url(icon02.gif);
background-repeat:no-repeat;
padding-left:10px;
background-position:0 7px;
font-weight:normal;
}


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.subtitle01 {
width:530px;
height:30px;
line-height:30px;
background-image:url(subtitle01.jpg);
background-repeat:no-repeat;
float:left;
padding:0 0 20px 25px; /*注意*/
font-weight:bold;
font-size:175%;
display:inline;
}

.subtitle02 {
width:530px;
height:40px;
line-height:40px;
background-image:url(subtitle02.jpg);
background-repeat:no-repeat;
float:left;
padding-left:15px;
font-weight:bold;
font-size:175%;
color:#FFFFFF;
}

.subtitle03 {
font-size:130%;
background-color:#000066;
color:#FFFFFF;
}

.subtitle04 {
width:700px;
height:40px;
line-height:40px;
background-image:url(subtitle04.jpg);
background-repeat:no-repeat;
float:left;
text-indent:15px;
font-weight:bold;
font-size:175%;
color:#FFFFFF;
}

.greentext{
color:#A8CB03;
}

.table01 {width:530px; border-collapse:collapse;}
.table01 td {padding:10px;border:1px solid #cccccc; color:#666666;color:#666666;text-align:left;}
.table01 td.highlight {width:120px;font-weight:bold;color:#333333;background-color:#EFEFEF;text-align:left;}
.table01 td.highlight strong,.table01 td.highlight b{font-size:18px; color:#cc0000;}

.table01 td.highlight2
 {width:40px;font-weight:bold;color:#333333;background-color:#EFEFEF;text-align:center;}
 
 .table01 td.highlight3
 {width:90px;font-weight:bold;color:#333333;background-color:#EFEFEF;text-align:center;}


.table02 {
width:530px;
float:left;
}

.table02 td{
padding:1px 8px;
}

.icon01 {
background-image:url(icon01.jpg);
background-repeat:no-repeat;
text-indent:15px;
background-position:0 3px;
display:block;
}

/*contact*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contact_form {
width:530px;
float:left;
}

#contact_form dl{
width:530px;
border-bottom:1px dotted #99cccc;
float:left;
padding-top:8px;
padding-bottom:13px;
margin-top:3px;
/*line-height:220%;*/
}

#contact_form dt{
width:150px;
float:left;
}

#contact_form dt span{
font-weight:bold;
color:#CC0000;
}

#contact_form dd{
width:330px;
float:left;
}

#contact_form dd p{
float:left;
margin:0 10px 0 0;
}

#contact_form dd ul{
width:280px;
float:left;
list-style-type:none;
}

#contact_form dd li{
width:280px;
float:left;
}

#contact_form dd li p{
width:80px;
float:left;
margin:0px;
}

#contact_form dd li input{
margin:5px 0 0 0;
float:left;
}

#contact_button {
width:530px;
float:left;
margin:10px 0 25px 0;
}

#contact_button input{
width:180px;
margin:0 0 0 180px;
}

#contact_box01 {
width:590px;
float:left;
}

#contact_box01 dt{
width:260px;
text-align:right;
float:right;
}

#contact_box01 dd{
width:330px;
float:left;
}

#contact_box01 dd ul{
margin:0 0 20px 0;
list-style-type:none;
}

#contact_box01 dd li{
background-image:url(../icon05.jpg);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:20px;
color:#FE9900;
font-weight:bold;
letter-spacing:2px;
}

#contact_tel{
margin:20px 120px 30px 0;
text-align:right;
}

/*top*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.top-table01 {
width:530px;
float:left;
margin:0 0 20px 0;
}

.top-table01 td{
padding:1px 8px;
}

.top-box01 {
width:260px;
float:left;
margin:0 0 20px 0;
border-bottom:1px solid #cccccc;
background-image:url(top-box01-bg.jpg);
background-repeat:repeat-y;
}

.top-box01 h3{
width:160px;
margin:5px 0 0 0;
text-indent:8px;
font-size:115%;
font-weight:bold;
float:left;
}

.top-box01 h4{
width:100px;
float:right;
color:#A8CB03;
font-weight:bold;
padding-top:5px;
}

.top-box01 table{
margin:0 0 5px 0;
float:left;
}

.top-box01 table td{
padding:1px 8px;
background-image:url(icon01.jpg);
background-repeat:no-repeat;
background-position:8px 5px;
text-indent:15px;
}

#top-banner01 {
width:530px;
float:left;
padding:0 0 20px 0;
}

#top-banner01 li{
float:left;
} 

/*book*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.book_button {
width:330px;
}


.book_button ul{
list-style-type:none;
margin-top:8px;
text-align:right;
height:30px;
}


.book_button ul li{
float:left;
margin-right:5px;
}

.book_title{
width:325px;
font-weight:bold;
margin:5px 0 5px 5px;
}

.book_title2{
width:325px;
font-size:10px;
margin:5px 0 5px 5px;
}

/*digital*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.digital-h3{
background-image:url(icon01.jpg);
background-repeat:no-repeat;
text-indent:15px;
background-position:0 50%;
}

.digital_text01{
margin-left:10px;
}

/*products*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.icon{
background-image:url(icon01.jpg);
background-repeat:no-repeat;
padding-left:15px;
background-position:0 50%;
}

#backnum a:link,#backnum a:active,#backnum a:hover{
color:#FF0000;
text-decoration:none;
}