/* CSS Document */
body,html{
margin: 0;
padding: 0;
font-size: 12px;
background: #fff url(../images/bg_header.gif) repeat-x top center;
}
a{
color: #0066FF;
text-decoration: none;
}
a:visited{
color: #0066FF;
text-decoration: none;
}
a:hover{
color: #69A5FF;
text-decoration: underline;
}
a:active{
color: #69A5FF;
text-decoration: underline;
}
div.clear{
width: 100%;
height: 1px;
line-height: 1;
clear: both;
}
img{
border: 0;
}


div#container{
width: 850px;
margin: 0 auto;
padding: 0;
background: ;
}
div#header{
width: 850px;
height: 24px;
padding-top: 6px;
}
div#header a.title{
display: block;
width: 125px;
height: 0px;
padding-top: 13px;
background: url(../images/logo_direct.gif) no-repeat top center;
overflow: hidden;
float: left;
}
div#header a.back{
padding-top: 3px;
float: right;
font-size: 11px;
}

/*title_area*/
div#menu{
width: 850px;
height: 460px;
margin: 20px auto 30px 0;
padding: 0;
background: url(../images/bg_menu.jpg) no-repeat top center;
}
h1{
width: 250px;
height: 0;
margin: 0;
padding: 460px 0 0 0;
overflow: hidden;
float: right;
}
div#menu ul{
width: 600px;
height: 460px;
margin: 0;
padding: 0;
list-style: none;
float: left;
}
div#menu ul li#manabu{
margin: 60px 0 0 297px;
width: 222px;
height: 73px;
}
div#menu ul li#tsukuru{
margin: 228px 0 0 28px;
width: 222px;
height: 73px;
}
div#menu ul li#manabu a{
display: block;
width: 222px;
height: 0;
padding: 73px 0 0 0;
overflow: hidden;
background: url(../images/btn_manabu.gif) no-repeat top center;
}
div#menu ul li#tsukuru a{
display: block;
width: 222px;
height: 0;
padding: 73px 0 0 0;
overflow: hidden;
background: url(../images/btn_tsukuru.gif) no-repeat top left;
}
div#menu ul li#manabu a:hover{
background-position: 0 -73px;
}
div#menu ul li#tsukuru a:hover{
background-position: 0 -73px;
}

div#blue{
width: 750px;
margin: 20px auto;
background: url(../images/bg_blue.gif) no-repeat top center;
}
div#lft_blue{
width: 220px;
float: left;
}
div#rgt_blue{
width: 530px;
float: right;
}
div.clear_blue{
width: 750px;
height: 11px;
background: url(../images/bg_blue02.gif) no-repeat top center;
clear: both;
}
div#lft_blue a{
display: block;
width: 148px;
height: 0;
margin: 54px 0 0 38px;
padding: 148px 0 0 0;
overflow: hidden;
background:url(../images/btn_present.gif) no-repeat top left;
}
div#lft_blue a:hover{
background-position: 0 -148px;
}
div#rgt_blue h3{
width: 530px;
height: 0;
background: url(../images/head_caption.gif) no-repeat top left;
margin: 34px 0 0 0;
padding: 44px 0 0 0;
overflow: hidden;
}
div#rgt_blue p{
width: 452px;
margin: 24px 73px 25px 5px;
padding: 0;
line-height: 1.5;
}
div#rgt_blue span.cmnt{
display: block;
width: 294px;
height: 0;
background: url(../images/cmnt_term.gif) no-repeat top left;
margin: 25px 0;
padding: 25px 0 0 0;
overflow: hidden;
}
ul#list{
width: 840px;
margin: 0 auto 45px auto;
padding: 40px 0 0 10px;
list-style: none;
background: url(../images/line_dot.gif) no-repeat top center;
}
ul#list li{
width: 158px;
height: 56px;
margin: 0 10px 0 0;
padding: 0;
float: left;
}

div#footer{
margin: 0 auto;
padding: 35px 0 25px 0;
}
div#footer img.ipg_logo{
width: 50px;
float: left;
margin: 0 0 0 5px;
}
div#footer p{
font-size: 11px;
margin: 6px 0 0 75px;
}
div#footer ul{
list-style: none;
margin: 2px 0 0 70px;
padding: 0;
}
div#footer ul li{
font-size: 11px;
float: left;
padding: 1px 5px 0 5px;
border-right: 1px solid #615D57;
}
div#footer ul li.clear_li{
border: none;
float: none;
}
div#footer ul li a{
color: #4c4944;
text-decoration: none;
}
div#footer ul li a:hover{
text-decoration: underline;
color: #0054A6;
}