<!--
a:link    {font-size: 10pt; text-decoration:underline; color:#000000 }
a:visited {font-size: 10pt; text-decoration:underline; color:#99cccc }
a:active  {font-size: 10pt; text-decoration:none; color:#00cc99 }
a:hover   {font-size: 10pt; text-decoration:none; color:#00cc99 }

body,td,tr {
 font-size:8pt;
}

body {
 background:#ffffff;
 height : 100% ;
 margin : 0 ;
 text-align : center;
}

div {
 padding:0pt; border:0px solid #ff0000;
}

.container {
    position: relative;
    margin: 0 auto; /* center on everything else */
    width: 720px;
    text-align: left;
}

.top {
 width : 720px ; height : 250px ;
 position : relative ;
 top : 0px ;
}

.bar {
 width : 720px ; height : 50px ;
 position : relative ;
 top : 0px ; left : 0px;
 z-index : 104;

}
.contact {
 width : 710px ; height : 20px ;
 position : absolute;
 top : 0px ;
 text-align : right;
 padding : 5px
}
.main {
 width : 560px ; height : 100%;
 position : relative ;
 float:left;
 z-index : 103;
}
.reco {
 width : 156px ; height : 100%;
 position : relative ;
 float:right;
 z-index : 105;
}

.footer {
 width : 720px ; height : 40px;
 position : relative ;
 clear:both;
}


@charset "Shift_JIS";
.pdmenu {
 list-style : none ;
 padding : 0px ; margin : 0 ;
}
.pdmenu li {
 float : left ;
 margin : 0px ; padding : 0 ;
 width : 143.5px ; height : 50px ;
}
.pdmenu li a {
 background : #transparent; color : #ff0000 ;
 display : block ; width : 100% ;
 margin : 0 ; padding : 16px 0 ;
 text-decoration : none ; text-align : center ;
 position : relative ; top : 0 ; left : 0 ;
 z-index : 101 ; border : 1px solid #ff0000 ;
}
.pdmenu li a:visited {
 color : #606 ;
}
.pdmenu li a:hover {
 color : #f00 ;
}
.pdmenu li a:active {
 color : #c00 ;
}
.pdmenu li ul.pull {
 display : none ;
 margin : 0 ; padding : 0 ;
}
.pdmenu li ul.pull li {
 margin : 0 ; padding : 0 ;
 clear: left ;
}
.pdmenu li ul.pull li a,
.pdmenu li ul.pull li a:visited,
.pdmenu li ul.pull li a:hover,
.pdmenu li ul.pull li a:active {
 margin : 0 ; padding : 15px 0 ;
 border : none ; text-decoration : none ;
}
.pdmenu li:hover ul.pull {
 display : block ; list-style : none ;
 margin : 0 ; padding : 0 ;
 position : relative ; z-index : 100 ;
}
.pdmenu li:hover ul.pull li {
 width : 100% ; height : 50px ;
 border : 1px solid #ff0000 ; border-top : none ;
 background : #fff ; text-align : center ;
 margin : 0 ; padding : 0 ;
}
.pdmenu li:hover ul.pull li.start {
 border : 1px solid #00f ;
}
.pdmenu li:hover ul.pull li ul {
 display : none ;
}
.pdmenu li:hover ul.pull li:hover ul {
 display : block ; width : 100% ;
 position : relative ; z-index : 100 ;
 left : 100% ; top : -50px ;
 margin : -4px 0 0 0 ; padding : 0 ;
 list-style : none ;
}
.pdmenu li:hover ul.pull li:hover ul li a {
 display : block ; width : 100% ;
 margin : 0 ; border : none ;
 text-decoration : none ;
}
p.clear{
clear:both;
padding:100px 0 0 0;
}


-->