@charset "utf-8";

/*link bullet*/
a.link{
	background-image:url(images/top-link-blt_01.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:14px;

	font-weight:bold;
}
a.link:hover{
	background-image:url(images/top-link-blt_02.gif);
}



#topimg{
   background:#B8CBDC url(../images/topimg-bg.jpg) no-repeat center;
   margin:8px 0;
   width:980px;
   height:300px;
   overflow:hidden;
}
#topimg-text{
   margin:8px 15px;
}
#topimg-text li{
   background:url(../images/topimg-text_04.gif) no-repeat left top;
   color:#000;
   font-size:13px;
   font-weight:bold;
   padding:2px 45px;
}
#topimg01{width:680px;height:35px;}
#topimg02{width:680px;height:45px;}
#topimg03{width:680px;height:34px;}



#topimg-btn{
   float:left;

   background:url(../images/topimg-btn_02.gif) no-repeat center;
   width:286px;
   height:86px;
   margin:5px 35px;
}
#topimg-btn a{
   display:block;
   width:286px;
   height:86px;
   overflow:hidden; 
   text-decoration:none;
}
#topimg-btn a img{
   width:286px;
   height:86px;
}
#topimg-btn a:hover img{
   visibility:hidden;
}


#topimg-btn2{
   float:left;

   background:url(../images/topimg-btn2_02.gif) no-repeat center top;
   width:286px;

   margin-top:5px;
}
#topimg-btn2 a{
   display:block;
   width:286px;
   height:86px;
   overflow:hidden; 
   text-decoration:none;

}
#topimg-btn2 a img{
   width:286px;
   height:86px;
}
#topimg-btn2 a:hover img{
   visibility:hidden;
}


/*********************/
/*    style.cssをoverwrite   */
/*********************/
#main{
   border-top:solid 1px #e0e0e0;
   padding-top:10px;
}
#top-contents{
   float:left;
   display:inline;
   width:715px;
   overflow:hidden;
}
#top-submenu{
   float:right;
   display:inline;
   width:240px;
   overflow:hidden;
}


/*********************/
/*             content             */
/*********************/

/******   topics    *******/
#topics{
   background:#FFC198 url(../images/top-topics-bg.gif) repeat-x top;
   margin:0 15px 15px 15px;
   padding-bottom:5px;
}
#topics-inner{
   background:#fff;
   margin:5px 5px 0 5px;
   padding:10px 20px;
   overflow:hidden;
}
#topics h2{background-color:#fff;}
#topics li{
   border-bottom:dotted 1px #FFC198;
   line-height:150%;
   margin:5px 0;
   padding:3px 0;
}

#topics dl.float dt{
   clear: left;
   float: left;
   font-weight:bold;
   margin:0 0 0.5em 0;
   width: 12.5em;
/*   padding:5px;*/
}

#topics dl.float dd{
   margin:0 0 0.5em 0em;
/*   padding:5px 0 5px 12em;*/
   padding-left:14em;


   border-bottom:dotted 1px #FFC198;
}


/******   prodlist   *******/
#top-prodlist{}
#top-prodlist h2{text-align:center;}
#top-prodlist h2 img{width:680px;height:40px;}
ul#top-message{margin-left:20px;}
ul#top-message li{
   font-weight:bold;
   background:url(../images/top-message-bg.gif) no-repeat top left;
   padding:14px 50px;
}

#top-prodlist h3{
   background:url(images/h1.gif) no-repeat left bottom;
   border-bottom:solid 1px #8E8ECC;
   color:#000077;
   font-size:large;
   margin-top:1em;
   margin-bottom:0.5em;
   padding:0.5em 0 0.5em 25px;
/*   text-shadow: 2px 0px 2px #cccccc;*/ /*IEでは効かない*/
}
#top-prodlist h4{
/*   background:#A7A9C8 url(../images/top-prodlist-bg.jpg) no-repeat left top;*/
   background:#DBEFFA url(../images/top-prodlist-bg.jpg) no-repeat right top;
   border-style:solid;
   border-color:#cccccc;
   border-width: 1px 1px 0 1px;
   color:#000;
   padding:5px 3px 3px 16px;
}

#top-prodlist h3 a{text-decoration:none;}
#top-prodlist h3 a:hover{text-decoration:underline;}

#top-prodlist .prod{
   float:left;
   width:340px;
   height:1%;/* for ie6 */
   margin:0 0 10px 10px;
}
#top-prodlist .prod .prod-inner{
   border-style:solid;
   border-color:#cccccc;
   border-width:0 1px 1px 1px;
   height:200px;
   overflow:auto;
   padding:0 9px 0 14px;
}
.prod-inner p{line-height:150%;}
.prod-inner p:first-child{padding-top:5px;}
.prod-inner .type{color:#000077;font-weight:bold;}
.prod-inner .syori{color:#000;font-weight:bold;}
.prod-inner .prodname{color:#ff6600;font-weight:bold;}
.prod-inner .proddesc{font-size:87%;margin:0.5em 0;}

.prod-inner img.float{float:left;margin-right:10px;}

a.prodlink{
   background:url(images/top-link-blt_01.gif) no-repeat left center;
   padding:14px;
   font-weight:bold;
}
a.prodlink:hover{
   background-image:url(images/top-link-blt_02.gif);
}


ul#top-message2{
   margin:25px;
}
ul#top-message2 li{
   background:url(images/li-blt.gif) no-repeat left top;
   line-height:150%;
   margin-left:0;
   padding-left:20px;
}

/*********************/
/*            submenu           */
/*********************/
#top-submenu h2{margin:10px 0;}
#top-submenu h2:first-child{margin-top:0;}
#top-submenu h2 img{width:240px;height30px;}

.top-submenu-content{margin:10px;}
.top-submenu-content p ,
.top-submenu-content li{line-height:130%;}

#kataban-list{background:url(../images/top-kataban.gif) repeat-y right;}
#kataban-list a{/*text-decoration:none;*/}
#kataban-list a:hover{/*text-decoration:underline;*/}
#kataban-list h3{
   background:url(../images/top-kataban-midashi.gif) no-repeat left top;
   margin-bottom:3px;
   padding:4px 0 4px 25px;
}

#kataban-list ul{margin-left:10px;}
#kataban-list li{
   background:url(images/li-blt_small.gif) no-repeat left top;
   padding-left:20px;

}
#kataban-list li li{
   background:none;
   padding-left:0;
}

#top-submenu-btn{
   margin:0 10px;
}
#top-submenu-btn #page-footer-contact{
   margin:25px 0; 
}
#top-submenu-btn #page-footer-catalog{
   margin:25px 0 5px 0;
}
#top-submenu-btn .notice{
   font-size:80%;
   margin-left:1em;
   text-indent:-1em;
}