@charset "UTF-8";
/*
TOPページ用CSS
*/

/*-----------------------------------------------------------------
BODY
-----------------------------------------------------------------*/
body {

}
#wrapper{
    background:url(img/top/wrapper_bg.png) center 175px repeat-x;
}
/*-----------------------------------------------------------------
コンテンツ
-----------------------------------------------------------------*/
/*content*/
#content{
    width:1004px;
    margin:0 auto 40px;
    overflow:hidden;
}
#content p,#content li,#content dt,#content dd,#content td,#content th{
    color:#333;
}
/*-----------------------------------------------------------------
メインカラム
-----------------------------------------------------------------*/
/*main*/
#main{
    float: left;
    width: 581px;
    margin-right: 10px;
}
/*新着情報*/
#new_wrapper{
    width:581px;
    height:594px;
    margin:0 0 2px;
    overflow:hidden;
    background:url(img/top/new_bg.png) center top no-repeat;
}
#new_wrapper .title{
    height:58px;
    padding:24px 0 0 78px;
}
#new_wrapper h3{
    margin:0 0 10px
}
#new_wrapper .copy{
    font-size:80%;
    line-height:130%;
}
.new_box_wrapper{
    width:561px;
    margin:0 0 0 16px;
    overflow:hidden;
}
.new_box{
    float:left;
    width:175px;
    padding:10px 0 0;
    margin:0 12px 10px 0;
    background-color:#e3ecee;
}
.new_box .img{
    width:153px;
    height:153px;
    padding:1px;
    margin:0 auto 6px;
    background-color:#fff;
    display:table;
}
.new_box .img p{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.new_box .img p img{
    max-width:153px;
    height:auto;
    max-height:153px;
    vertical-align:middle;
}
.new_box .img p img:hover{
    opacity:0.7;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    zoom:1;
}
.new_box h4{
    width:153px;
    height:2.5em;
    margin:0 auto 6px;
    font-size:80%;
    font-weight:bold;
}
.new_box h4 a{
    line-height:130%;
    text-decoration:none;
}
.new_box p a{
    display: block;
}


/*おすすめ商品・注目商品ランキング*/
#line03{
    width:581px;
    margin:0 0 2px;
    overflow:hidden;
}
/*おすすめ商品*/
#recommend_wrapper{
    float:left;
    width:286px;
    height:527px;
    overflow:hidden;
    background:url(img/top/recommend_bg.png) center top no-repeat;
}
#recommend_wrapper .inner{
    width: 254px;
    height: 426px;
    margin: 0 auto;
    overflow: hidden;
}
#recommend_wrapper .title{
    height:58px;
    padding:26px 0 0 79px;
}
#recommend_wrapper .title h3{
    margin:0 0 10px
}
#recommend_wrapper .title p{
    font-size:80%;
    line-height:130%;
}
#recommend_wrapper .wrap{
    height: 148px;
}
#recommend_wrapper .reccomend_box{
    width: 242px;
    height: 122px;
    margin: 0 0 10px;
    border: solid 6px #f6f0e2;
    background: #fff;
}
.reccomend_box .upper{
    width: 226px;
    height: 54px;
    padding: 7px 8px;
}
.reccomend_box .upper .left{
    float: left;
}
.reccomend_box .upper .right{
    float: right;
}
.reccomend_box .upper h4{
    width:130px;
    height: 53px;
    font-size:80%;
    display:table-cell;
    vertical-align:middle;
}
.reccomend_box .upper h4 a{
    font-weight:bold;
    line-height:130%;
    text-decoration:none;
}
.reccomend_box .upper h4 a:link,
.reccomend_box .upper h4 a:visited{
    color:#333;
}
.reccomend_box .upper h4 a:hover,
.reccomend_box .upper h4 a:active{
    color:#999;
}
.reccomend_box .upper p{
    width:73px;
    height:54px;
    display:table-cell;
    vertical-align:middle;
}
.reccomend_box .upper p:hover{
    opacity:0.7;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    zoom:1;
}
.reccomend_box .upper p img{
    max-width:73px;
    height:auto;
    max-height:54px;
}
.reccomend_box .txt{
    width:226px;
    margin:0 auto;
    font-size:75%;
    line-height:130%;
}
/*注目商品ランキング*/
#ranking_wrapper{
    float:right;
    width:286px;
    height:527px;
    overflow:hidden;
    background:url(img/top/ranking_bg.png) center top no-repeat;
}
#ranking_wrapper .title{
    height:58px;
    padding:26px 0 0 79px;
}
#ranking_wrapper .title h3{
    margin:0 0 10px
}
#ranking_wrapper .title p{
    font-size:80%;
    line-height:130%;
}
.ranking_box{
    width:242px;
    height:122px;
    margin:0 auto 10px;
    border:solid 6px #fff4f4;
    background:#fff;
}
.ranking_box .left{
    float: left;
    width: 100px;
    padding:20px 0 20px 13px;
}
.ranking_box .right{
    float: right;
    width:96px;
    height:122px;
    padding:0 13px 0 0;
}
.ranking_box dl{
    display:table-cell;
}
.ranking_box dt{
    margin:0 0 10px;
}
.ranking_box dd{
    font-size:80%;
}
.ranking_box dd a{
    font-weight:bold;
    line-height:130%;
    text-decoration:none;
}
.ranking_box dd a:link,
.ranking_box dd a:visited{
    color:#333;
}
.ranking_box dd a:hover,
.ranking_box dd a:active{
    color:#999;
}
.ranking_box p{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    height: 122px;
}
.ranking_box p a{
    vertical-align: middle;
}
.ranking_box p img{
    vertical-align: middle;
    max-width:96px;
    max-height:96px;
    height:auto;
}
.ranking_box p img:hover{
    opacity:0.7;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    zoom:1;
}
/*BCP危機管理*/
#bcp_wrapper{
    clear:both;
    width:581px;
    height:337px;
    background:url(img/top/bcp_bg.jpg) center top no-repeat;
}
#bcp_wrapper h3{
    padding:22px 0 12px;
    text-align:center;
}
#bcp_wrapper .txt{
    width:485px;
    margin:0 auto 12px;
    font-size:80%;
    line-height:165%;
    text-align:justify;
}
#bcp_wrapper .btn{
    text-align:center;
}