@charset "utf-8";

@import "reset.css";
@import "base.css";


/* fix for index */
body{
    background: #f0f0f0;
}
#headbar{
    position: relative;
    margin: 0;
}


/* Basic Layout */
#maingraphic{
    position: relative;
    width: 100%;
    height: 390px;
    margin: auto;
    background: #f0f0f0 url("../images/maingraphic-v3bg.png") no-repeat center center;
    _background: none;
    text-align: center;
}
#maingraphic p {
    margin: auto;
    position: relative;
    width: 910px;
    height: 390px;
    _height: 348px;
    background-color: #fff;
    display: block;
}
#maingraphic p img {
    margin: auto;
    position: absolute;
    top: -13px;
    _top: -33px;
    left: 0;
    display: block;
    z-index: 10;
}



#homecontainer{
    background: #fff url("../images/bg-homecontainer.jpg") no-repeat 0 100%;
    margin: 0 auto;
    padding: 14px 28px 258px 28px;
    width: 854px;
}
#section{
    float: left;
    width: 420px;
}
#feature{
    float: right;
    width: 420px;
}


/* feature */
#featuretitle {
    background: transparent url("../images/h-feature.gif") no-repeat 0 0;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 100%;
    margin: 0 0 7px 0;
    padding: 6px 0 4px 38px;
}
#featuretitle a {
    display: block;
    height: 31px;
    color: #000;
    /*background: transparent url("../images/title_94jch.gif") no-repeat 0 0;*/
}
#featuretitle a:hover {
    background-position: 0 -31px;
    color: #25759E;
}

#featuretitle .93jch {
}


#preview{
    margin: 0 0 14px 0;
}

#kanrendougawomiru {
    padding: 0 0 10px 12px;
    font-size: 1.2em;
    font-weight: bold;
    color: #D8410C;
}

/* news */
.hentry{
    margin: 0 0 12px 0;
    padding: 0 12px 0 0;
    width: 420px;
    border-bottom:1px dotted #660000;
}
.hentry .entry-title{
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 2px 0;	
}
.hentry .entry-title a:link, 
.hentry .entry-title a:visited{
    color: #660000;
    text-decoration: none;
}
.hentry .entry-title a:hover, 
.hentry .entry-title a:visited:hover{
    text-decoration: underline;
}
.hentry .published{
    color: #333;
    font-size: 12px;
    line-height: 18px;
}
.hentry .entry-content{
    width: 270px;
    float: left;
    font-size: 12px;
    line-height: 18px;
}
    .entry-content-bn {
        margin-top: 6px;
        display: block;
    }
    .hentry .entry-photo {
        margin-left: 2px;
        width: 105px;
        float: left;
    }
        .hentry .entry-photo img {
            padding: 1px;
            border: solid 1px #ddd;
        }
.hfeed{
}
.hfeed p.morenews{
    margin-right: 12px;
    text-align: right;
}
/* **************************************************************-************************************************************** */

/* banners */
#banners{
    padding: 14px 0;
    width: 420px;
}
#banners img{
    display: block;
    float: left;
    width: 203px;
}
#banners img.last{
    float: right;
}
img.left{
    float:left;
}
/* Horizontal Carousel */
.carousel {
    background: transparent url("../images/carousel-layout-home-v2.gif") no-repeat 0 0;
    float: left;
    margin: 0;
    width: 420px;
    height: 178px;
    position: relative;
}
.carousel .wrapper{
    float: left;
    padding: 12px;
    width: 320px;
}
.carousel .container {
    float: left;
    width: 320px;
    height: 155px;
    position: relative;    
    overflow: hidden;
}
.carousel ul {
    margin: 0;
    padding: 0;
    width: 100000px;
    position: relative;
    top: 0;
    left: 0;
    height: 155px;
}
.carousel ul li {
    width: 143px;
    height: 155px;
    color: #333;
    font-size: 12px;
    line-height: 18px;
    text-align: left; 
    list-style:none;  
    float:left;
    margin: 0 12px 0 0;
}
.carousel ul li img{
    display: block;
}
.carousel ul li a{
    display: block;
    font-size: 14px;
    text-decoration: none;
}
.carousel ul li a .matchname{
    text-decoration: underline;
}
.carousel .previous_button {
    float:left;  
    width: 36px;
    height: 36px;
    background: url("../images/carousel-prev.gif");
    z-index: 100;
    margin-top: 60px;
    cursor: pointer;
}
.carousel .previous_button_over {
    background: url("../images/carousel-prev-hover.gif");
}
.carousel .previous_button_disabled {
    background: url("../images/carousel-prev-disabled.gif");
    cursor: default;
}
.carousel .next_button {
    float: right;  
    width: 36px;
    height: 36px;
    background: url("../images/carousel-next.gif");
    z-index: 100;
    margin-top: 60px;
    cursor: pointer;
}
.carousel .next_button_over {
    background: url("../images/carousel-next-hover.gif");
}
.carousel .next_button_disabled {
    background: url("../images/carousel-next-disabled.gif");
    cursor: default;
}
/* **************************************************************-************************************************************** */