.top-image {
background:url(../img/top-img/top-image.jpg) top center no-repeat;
width:530px;
height:370px;
margin:0;
padding:0;
}
.top-image h2 {
margin:0;
padding:0;
text-indent:-9999em;
}
.top-image a {
display:block;
width:320px;
height:32px;
margin:0;
padding:300px 0 0 10px;
text-indent:-9999em;
background:url(../img/top-img/top-butten.gif) bottom right no-repeat;
outline:none;
}
.top-image a:hover {
display:block;
width:320px;
height:32px;
margin:0;
padding:300px 0 0 10px;
text-indent:-9999em;
background:url(../img/top-img/top-butten2.gif) bottom right no-repeat;
outline:none;
}
.news {
position:relative;
width:528px;
margin:0 0 10px 0;
padding:0 0 2px 0;
border:#CCCCCC solid 1px;
overflow: hidden;
}

.news:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .news {
    height: 1em;
    overflow: visible;
}
/**/
.news-box {
margin:0 0 10px 0;
padding:5px;
border-bottom:#CCCCCC 1px dotted;
overflow: hidden;
}

.news-box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .news-box {
    height: 1em;
    overflow: visible;
}
/**/
.news h3 {
background:url(../img/top-img/news-banner.jpg) -1px -1px no-repeat;
width:528px;
height:35px;
margin:0 0 5px 0;
padding:0;
text-indent:-9999em;
}
.news h5 {
clear:both;
margin:10px 5px;
padding:0 0 0 8px;
font-size:16px;
line-height:125%;
color:#000099;
border-left:#000099 solid 5px;
}
.news h5 a {
margin:0;
padding:0;
font-size:16px;
line-height:125%;
color:#000099;
}
.news p {
margin:0 5px 5px 5px;
padding:0;
font-size:14px;
line-height:140%;
color:#333333;
}
.news img {
clear:both;
float:left;
margin:0 10px 0 0;
padding:0;
}
.news-iti {
float:right;
display:inline;
width:120px;
height:21px;
margin:0;
padding:0;
text-indent:-9999em;
outline:none;
}
.news-iti a {
display:block;
width:120px;
height:21px;
margin:0;
padding:0;
background:url(../img/top-img/news-button.gif) top center no-repeat;
}
.news-iti a:hover {
display:block;
width:120px;
height:21px;
margin:0;
padding:0;
background:url(../img/top-img/news-button2.gif) top center no-repeat;
outline:none;
}
.diary {
clear:both;
position:relative;
width:528px;
margin:0 0 10px 0;
padding:0 0 2px 0;
border:#CCCCCC solid 1px;
overflow: hidden;
}
.diary:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .diary {
    height: 1em;
    overflow: visible;
}
/**/
.diary h3 {
background:url(../img/top-img/diary-banner.jpg) -1px -2px no-repeat;
width:528px;
height:35px;
margin:0 0 5px 0;
padding:0;
text-indent:-9999em;
}
.diary h4 {
margin:2px 5px;
padding:0;
color:#0066FF;
}
.diary img {
clear:both;
float:left;
width:100px;
height:100px;
margin:2px 5px;
padding:0;
display:inline;
}
.diary h5 {
clear:both;
margin:10px 5px;
padding:0 0 0 8px;
font-size:16px;
line-height:125%;
color:#000099;
border-left:#000099 solid 5px;
}
.diary h5 a {
margin:0;
padding:0;
font-size:16px;
line-height:125%;
color:#000099;
}
.diary a {
margin:2px 5px;
padding:0;
font-size:12px;
line-height:125%;
outline:none;
}
.diary p {
margin:2px 5px;
padding:0;
font-size:14px;
line-height:140%;
color:#333333;
}
.diary-iti {
display:inline;
float:right;
width:120px;
height:22px;
margin:0;
padding:0;
background:url(../img/top-img/diary-button.gif) top center no-repeat;
text-indent:-9999em;
outline:none;
}
.diary-iti a {
width:120px;
height:22px;
margin:0;
padding:0;
background:url(../img/top-img/diary-button.gif) top center no-repeat;
display:block;
}
.diary-iti a:hover {
width:120px;
height:22px;
margin:0;
padding:0;
background:url(../img/top-img/diary-button2.gif) top center no-repeat;
display:block;
}
.introduction {
width:530px;
margin:0;
padding:0;
}
.introduction h3 {
width:530px;
height:21px;
margin:0 0 5px 0;
padding:0;
background:url(../img/top-img/syokai-banner.gif) top center no-repeat;
text-indent:-9999em;
}
.introduction p {
float:right;
width:317px;
height:47px;
margin:0;
padding:15px 10px 10px 3px;
font-size:12px;
line-height:125%;
}
.introduction a {
margin:0;
padding:0 0 0 470px;
font-size:10px;
}
.teion {
width:530px;
height:92px;
margin:0 0 5px 0;
padding:0;
background:url(../img/top-img/teion.jpg) top center no-repeat;
}
.k-gift {
width:530px;
height:92px;
margin:0 0 5px 0;
padding:0;
background:url(../img/top-img/k-gift.jpg) top center no-repeat;
}
.lafura {
width:530px;
height:92px;
margin:0 0 5px 0;
padding:0;
background:url(../img/top-img/lafuransu.jpg) top center no-repeat;
}
.ringo {
width:530px;
height:92px;
margin:0 0 5px 0;
padding:0;
background:url(../img/top-img/ringo.jpg) top center no-repeat;
}
.zakuro {
width:530px;
height:92px;
margin:0 0 5px 0;
padding:0;
background:url(../img/top-img/zakuro.jpg) top center no-repeat;
}
.syohin-iti {
display:block;
float:right;
width:270px;
height:37px;
margin:0 5px 10px 0;
padding:0;
text-indent:-9999em;
}
.syohin-iti p a {
float:right;
width:270px;
height:37px;
margin:0 0 10px 0;
padding:0;
background:url(../img/top-img/rakuten-butten2.gif) top center no-repeat;
outline:none;
}
.syohin-iti p a:hover{
float:right;
width:270px;
height:37px;
margin:0 0 10px 0;
padding:0;
background:url(../img/top-img/rakuten-butten22.gif) top center no-repeat;
outline:none;
}

.date {
margin:0 5px 5px 20px;
padding:0;
font-size:12px;
color:#666666;
font-weight:normal;
}
p.con {
clear:both;
margin:5px 0;
padding:0;
font-size:12px;
text-align:right;
}