@charset "UTF-8";
/* CSS Document */

.con {
margin-top: 6px;
}

/*********************************************************************
sidenavi
*********************************************************************/
.sidenavi {
background: url(../images/index/sidenavi.jpg) no-repeat left top;
float: right;
width: 188px;
height: 563px;
padding: 13px 0 0 0;
}
.sidenavi ul {
width: 150px;
margin: auto;
list-style: none;
font-size: 1%;
line-height: 100%;
}
.sidenavi ul li a {
text-indent: -9999em;
overflow: hidden;
display: block;
}
.sidenavi .navi1 {
height: 428px;
}
.sidenavi .navi1 li {
	height: 53px;
	margin-bottom: 8px;
}
.sidenavi .navi1 a {
height: 53px;
}
.sidenavi a:hover {
background-color: #FFFFFF;
filter: alpha(opacity=30);
-moz-opacity:0.30;
opacity:0.30;
}
.sidenavi .navi2 li {
height: 20px;
margin-bottom: 5px;
}

.sidenavi .navi2 a {
height: 20px;
}
.search {
right: 6px;
}
h1 a {
background: url(../images/common/logo.gif) no-repeat -1px top;
}

/*********************************************************************
leftcon
*********************************************************************/
.leftcon {
float: left;
width: 545px;
}
.leftcon h2 {
display: none;
}
.new {
background: url(../images/index/new.jpg) no-repeat left top;
height: 144px;
padding: 50px 20px 19px 17px;
}
.topics {
background: url(../images/index/topics.jpg) no-repeat left top;
height: 75px;
padding: 50px 20px 19px 17px;
}
.leftcon iframe {
width: 100%;
height: 144px;
}
.leftcon .topics iframe {
height: 75px;
}
.leftcon .bt {
background: url(../images/index/bt.jpg) no-repeat left top;
height: 219px;
position: relative;
width: 545px;
overflow: hidden;
}
.leftcon .bt li {
list-style: none;
display: inline;
}
.leftcon .bt p {
display: inline;
}

.leftcon .bt a {
display: block;
text-indent: -9999em;
overflow: hidden;
position: absolute;
}
.leftcon .bt a:hover {
background-color: #FFFFFF;
filter: alpha(opacity=30);
-moz-opacity:0.30;
opacity:0.30;
}

.leftcon .first {
width: 179px;
height: 140px;
top: 0px;
right: 0px;
}
.leftcon .panf {
width: 179px;
height: 80px;
top: 140px;
right: 0px;
}
.leftcon .hayami {
width: 230px;
height: 20px;
top: 19px;
left: 121px;
}
.leftcon .sanka {
width: 109px;
height: 111px;
top: 47px;
left: 15px;
}
.leftcon .child {
width: 108px;
height: 111px;
top: 47px;
left: 128px;
}
.leftcon .fujin {
width: 108px;
height: 111px;
top: 47px;
left: 240px;
}
.leftcon .check {
width: 162px;
height: 42px;
top: 162px;
left: 18px;
}
.leftcon .baby {
width: 163px;
height: 42px;
top: 162px;
left: 186px;
}