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

a:hover img {
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

.top {
width: 950px;
height: 705px;
background: url(../img/top/p01.jpg) no-repeat 0 0;
}

.top h2 {
height: 120px;
}

.top p {
font-size: 12px;
color: #A58B73;
}

.top p span {
display: block;
padding-bottom: 15px;
}

.top p.t01 {
width: 435px;
height: 245px;
margin-left: 465px;
}

.top h3 {
height: 68px;
}

.top p.t02 {
width: 525px;
margin-left: 65px;
}

body#rakuten {
margin: 0;
padding: 0;
background: #471313;
}

#contentsnav {
width: 950px;
height: 213px;
position: relative;
text-align: left;
background: url(../img/top/bg01.jpg) no-repeat 0 0;
}

#contentsnav ul.nav li {
position: absolute;
left: 0;
top: 0;
}

#contentsnav ul.nav li:hover {
filter: alpha(opacity=30);
-moz-opacity:0.3;
opacity:0.3;
background: #471413;
}

#contentsnav ul.nav li a {
display: block;
height: 100%;
}

#contentsnav ul.nav li.b01 {
width: 295px;
height: 175px;
left: 320px;
}

#contentsnav ul.nav li.b02 {
width: 156px;
height: 52px;
left: 627px;
top: 14px;
}

#contentsnav ul.nav li.b03 {
width: 156px;
height: 52px;
left: 785px;
top: 14px;
}

#contentsnav ul.nav li.b04 {
width: 156px;
height: 51px;
left: 627px;
top: 67px;
}

#contentsnav ul.nav li.b05 {
width: 156px;
height: 51px;
left: 785px;
top: 67px;
}

#contentsnav ul.nav li.b06 {
width: 313px;
height: 49px;
top: 119px;
left: 627px;
}

#search_box {
width: 295px;
height: 155px;
position: absolute;
left: 10px;
top: 13px;
}

#search_box p {
font-size: 12px;
color: #8E5757;
}

#search_box .t01 {
height: 37px;
}

#search_box .t02,
#search_box .t03 {
width: 200px;
height: 22px;
margin-left: 86px;
}

#search_box .t04 {
padding: 5px 12px 20px;
}

#search_box select {
margin:0 2px;
}

#search_box .button {
text-align: center;
line-height: 0;
font-size: 0;
}

.read {
width: 950px;
height: 1550px;
position: relative;
background: url(../img/top/p02.jpg) no-repeat 0 0;
}

.read a {
display: block;
height: 100%;
}

.read h4 {
height: 185px;
}

.read p {
font-size: 12px;
color: #A58B73;
}

.read p.t01 {
width: 365px;
height: 106px;
margin-left: 35px;
}

.read a.b01 {
width: 220px;
height: 39px;
margin-left: 32px;
}

.read a:hover {
filter: alpha(opacity=30);
-moz-opacity:0.3;
opacity:0.3;
background: #471413;
}

.read h5 {
height: 135px;
}

.read p.t02 {
width: 300px;
height: 111px;
margin-left: 410px;
}

.read a.b02 {
width: 220px;
height: 39px;
margin-left: 410px;
}

.read h6 {
height: 152px;
}

.read p.t03 {
width: 310px;
height: 65px;
margin-left: 602px;
}

.read a.b03 {
width: 220px;
height: 39px;
margin-bottom: 210px;
margin-left: 602px;
}

.read p.t04 {
width: 440px;
height: 396px;
margin-left: 23px;
}

.read a.b04 {
width: 220px;
height: 39px;
margin-left: 712px;
}

#plan {
width: 950px;
height: 795px;
position: relative;
background: url(../img/top/p03.jpg) no-repeat 0 0;
}

#plan ul {
padding: 140px 0 0;
}

#plan li {
width: 430px;
height: 190px;
position: relative;
overflow: hidden;
}

#plan li.plan01,
#plan li.plan03,
#plan li.plan05 {
position: absolute;
left: 32px;
top: 0;
}

#plan li.plan01 {
top: 140px;
}

#plan li.plan03 {
top: 346px;
}

#plan li.plan05 {
top: 555px;
}

#plan li.plan02,
#plan li.plan04,
#plan li.plan06 {
margin-left: 490px;
margin-bottom: 16px;
}

#plan li.plan04 {
margin-bottom: 19px;
}


#plan li p {
font-size: 12px;
}

#plan li p a {
color: #FEE5D2;
}

#plan li p.t01 {
width: 420px;
height: 36px;
padding: 5px;
overflow: hidden;
font-weight: bold;
}

#plan li p.t02 {
width: 275px;
height: 75px;
padding: 10px 0;
overflow: hidden;
margin-left: 143px;
color: #725E48;
}

#plan li a.pic {
display: block;
width: 120px;
height: 120px;
background: #fff;
overflow:hidden;
position: absolute;
left: 11px;
top: 55px;
}

#plan li a.pic img {
height: 120px;
}

#plan li a.btn {
display: block;
width: 160px;
height: 20px;
position: absolute;
left: 143px;
top: 151px;
}

#plan li a.btn:hover {
filter: alpha(opacity=30);
-moz-opacity:0.3;
opacity:0.3;
background: #D48B60;
}

#mv {
width: 930px;
height: 463px;
padding: 5px 0 0 20px;
background: url(../img/top/mvbg.gif) no-repeat 0 0;
}

#mainvisual {
width: 910px;
height: 450px;
}