@charset "utf-8";

/* ***********************************************************************************************
                                             default.css
*********************************************************************************************** */
/* ブラウザごとの仕様を吸収する為のスタイルシート。*/

* {
    margin: 0px;
    padding: 0px;
}

img {
    border: none;
    vertical-align: bottom;
    /* IEで画像の下にできる隙間をつめる為に必要 */
}

ul,
dl {
    margin: 0;
    padding: 0;
    line-height: normal;

}

p {
    margin: 0px;
    padding-left: 0px;
    padding-bottom: 0.5em;
    line-height: 160%;
}

p img {
    padding: 0px 0px
}

/* 基本設定 ここから */
body {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 13px;
    line-height: 1.6em;
    background-color: #FFFFFF;
}

/* 基本設定 ここまで */


/* レイアウト設定 ここから */
#headerwrap {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width: 100%;
    background-image: url(../img/header_back_img.gif);
    background-repeat: repeat-x;
}

#header {
    width: 970px;
    height: 215px;
    display: block;
    margin: 0px auto 20px auto;
    padding: 0px 0px 0px 0px;
}

#contentsbody {
    overflow: hidden;
    zoom: 1;
    width: 970px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}


#leftcolumn {
    width: 670px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

#rightcolumn {
    width: 300px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    float: left;


}

#footerwrap {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width: 100%;
    background-image: url(../img/footer_back_img.gif);
    background-repeat: repeat-x;
}

#footer {
    width: 970px;
    height: 100px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    display: block;
    clear: both;
}

.footermojibox1 {
    width: 960px;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 0px 10px;
    display: block;
}

.footermojibox2 {
    width: 890px;
    height: 45px;
    margin: 20px 0px 0px 0px;
    padding: 7px 0px 0px 80px;
    display: block;
    background-image: url(../img/footer_logo.png);
    background-repeat: no-repeat;
}

/* レイアウト設定 ここまで */


/* ボタン設定 ここから */
.rightcolumnsnsBtn01 a {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: -9999px;
    width: 300px;
    height: 50px;
    display: block;
    background: url(../img/right_snsBtn_img02.png) 0 0 no-repeat;
}

.rightcolumnsnsBtn01 a:hover {
    opacity: 0.85;
}

.rightcolumnsnsBtn02 a {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: -9999px;
    width: 300px;
    height: 50px;
    display: block;
    background: url(../img/right_snsBtn_img03.png) 0 0 no-repeat;
}

.rightcolumnsnsBtn02 a:hover {
    opacity: 0.85;
}

.rightcolumnsnsBtn03 a {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: -9999px;
    width: 300px;
    height: 50px;
    display: block;
    background: url(../img/right_snsBtn_img01.png) 0 0 no-repeat;
}

.rightcolumnsnsBtn03 a:hover {
    opacity: 0.85;
}

.rightcolumnBtn01 a {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: -9999px;
    width: 300px;
    height: 70px;
    display: block;
    background: url(../img/right_Btn_img01.jpg) 0 0 no-repeat;
}

.rightcolumnBtn01 a:hover {
    background: url(../img/right_Btn_img01.jpg) 0 -70px no-repeat;
}

.rightcolumnBtn02 a {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: -9999px;
    width: 300px;
    height: 70px;
    display: block;
    background: url(../img/right_Btn_img02.jpg) 0 0 no-repeat;
}

.rightcolumnBtn02 a:hover {
    background: url(../img/right_Btn_img02.jpg) 0 -70px no-repeat;
}

.rightcolumnBtn03 a {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: -9999px;
    width: 300px;
    height: 70px;
    display: block;
    background: url(../img/right_Btn_img03.jpg) 0 0 no-repeat;
}

.rightcolumnBtn03 a:hover {
    background: url(../img/right_Btn_img03.jpg) 0 -70px no-repeat;
}

#back-top {
    position: fixed;
    bottom: 0px;
    margin-left: 910px;
}

#back-top a {
    width: 47px;
    height: 71px;
    display: block;
}

#back-top span {
    width: 47px;
    height: 71px;
    display: block;
    background: url(../img/topagetopb.png) no-repeat center center;
}

/* ボタン設定 ここまで */


/* 文字設定見出し類 ここから */

.contentmidashiA {
    width: 650px;
    display: block;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.contentmidashiA2 {
    width: 650px;
    display: block;
    margin: 40px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
}

.contentmidashiB {
    width: 315px;
    height: 45px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(../img/midashi_B_back.gif);
    background-repeat: no-repeat;
    clear: both;
}

.contentmidashiB .categoryname {
    width: 195px;
    display: block;
    margin: 16px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    float: left;
    font-size: 14px;
    color: #666666;
    line-height: 1.6em;
    font-weight: bold;
}

.contentmidashiB .backnumber {
    width: 85px;
    display: block;
    margin: 20px 15px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    font-size: 10px;
    color: #666666;
    line-height: 1.6em;
    font-weight: normal;
    text-align: right;
}

.contentmidashiB .backnumber a {
    font-size: 10px;
    color: #666666;
    line-height: 1.6em;
    text-decoration: none;
}

.contentmidashiB .backnumber a:hover {
    color: #AD0A14;
}

.contentmidashiB2 {
    width: 650px;
    height: 45px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(../img/midashi_B2_back.gif);
    background-repeat: no-repeat;
    clear: both;
}

.contentmidashiB2 .categoryname {
    width: 530px;
    display: block;
    margin: 16px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    float: left;
    font-size: 14px;
    color: #666666;
    line-height: 1.6em;
    font-weight: bold;
}

.contentmidashiB2 .backnumber {
    width: 85px;
    display: block;
    margin: 20px 15px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    font-size: 10px;
    color: #666666;
    line-height: 1.6em;
    font-weight: normal;
    text-align: right;
}

.contentmidashiB2 .backnumber a {
    font-size: 10px;
    color: #666666;
    line-height: 1.6em;
    text-decoration: none;
}

.contentmidashiB2 .backnumber a:hover {
    color: #AD0A14;
}

.rigthcolumnkomidashi01 {
    margin: 20px 0px 15px 0px;
    width: 300px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/midashi_A2_back01.jpg);
    background-repeat: no-repeat;
}

.rigthcolumnkomidashi02 {
    margin: 0px 0px 15px 0px;
    width: 300px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/midashi_A2_back02.jpg);
    background-repeat: no-repeat;
}

.rigthcolumnkomidashi03 {
    margin: 0px 0px 15px 0px;
    width: 300px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/midashi_A2_back03.jpg);
    background-repeat: no-repeat;
}

.rigthcolumnkomidashi04 {
    margin: 0px 0px 15px 0px;
    width: 300px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/midashi_A2_back04.jpg);
    background-repeat: no-repeat;
}

.rigthcolumnkako {
    font-size: 10px;
    color: #666666;
    line-height: 1.6em;
    width: 100px;
    display: block;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 200px;
    background-image: url(../img/bucknumber_sankaku.gif);
    background-repeat: no-repeat;
}

.rigthcolumnkako a {
    font-size: 10px;
    color: #666666;
    line-height: 1.6em;
    text-decoration: none;
}


.footermoji {
    font-size: 10px;
    color: #666666;
    line-height: 1.6em;
}

.footermoji a {
    font-size: 10px;
    color: #666666;
    line-height: 1.6em;
}

.contentslist {
    width: 285px;
    display: block;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 15px;
    font-size: 11px;
    color: #666666;
    line-height: 1.5em;
    list-style-type: none;
    background-image: url(../img/komidashi_sankaku.gif);
    background-repeat: no-repeat;
    font-weight: normal;
}

.contentslist a {
    font-size: 11px;
    color: #666666;
    line-height: 1.5em;
    list-style-type: none;
    text-decoration: none;
    font-weight: normal;
}

.contentslist .contentslist2 {
    font-size: 10px;
    color: #666666;
    font-weight: normal;
}

.contentslist .contentslist2 a {
    font-size: 10px;
    color: #666666;
}


/* 文字設定見出し類 ここまで */


/* 左記事囲み設定 ここから */

#topicsbody {
    overflow: hidden;
    zoom: 1;
    width: 660px;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#topicsbody .articleBox {
    overflow: hidden;
    zoom: 1;
    width: 630px;
    display: block;
    margin: 10px 10px 0px 0px;
    padding: 9px 9px 9px 9px;
    float: left;
    border: solid #c9caca 1px;
}

#topicsbody .articleImg {
    width: 250px;
    height: 150px;
    display: block;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    border: solid #e6e6e6 1px;
}

#topicsbody .articleCatch {
    width: 365px;
    display: block;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    color: #333333;
    line-height: 1.4em;
    float: left;
    font-weight: bold;
}

#topicsbody .articleProductName {
    width: 365px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 25px;
    color: #AD0A14;
    line-height: 1.4em;
    float: left;
    font-weight: bold;
    text-decoration: none;
}

#topicsbody .articleProductName a {
    width: 365px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 25px;
    color: #AD0A14;
    line-height: 1.4em;
    float: left;
    font-weight: bold;
    text-decoration: none;
}

#topicsbody .articleProductName a:hover {
    width: 365px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 25px;
    color: #AD0A14;
    line-height: 1.4em;
    float: left;
    font-weight: bold;
    text-decoration: underline;
}

#topicsbody .articleWriterName {
    width: 365px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    color: #333333;
    line-height: 1.4em;
    float: left;
    font-weight: normal;
}


#reviewbody01 {
    overflow: hidden;
    zoom: 1;
    width: 315px;
    margin: 0px 20px 10px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

#reviewbody02 {
    overflow: hidden;
    zoom: 1;
    width: 315px;
    margin: 0px 20px 10px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

#reviewbody03 {
    overflow: hidden;
    zoom: 1;
    width: 315px;
    margin: 0px 20px 10px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    clear: both;
}

#reviewbody04 {
    overflow: hidden;
    zoom: 1;
    width: 315px;
    margin: 0px 20px 10px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

#reviewbody05 {
    overflow: hidden;
    zoom: 1;
    width: 315px;
    margin: 0px 20px 10px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

#reviewbody06 {
    overflow: hidden;
    zoom: 1;
    width: 315px;
    margin: 0px 20px 10px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

#reviewbody07 {
    overflow: hidden;
    zoom: 1;
    width: 315px;
    margin: 0px 20px 10px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

#reviewbody08 {
    overflow: hidden;
    zoom: 1;
    width: 315px;
    margin: 0px 20px 10px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

#reviewbody09 {
    overflow: hidden;
    zoom: 1;
    width: 315px;
    margin: 0px 20px 10px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

#reviewbody10 {
    overflow: hidden;
    zoom: 1;
    width: 315px;
    margin: 0px 20px 10px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

.reviewArticleBox {
    overflow: hidden;
    zoom: 1;
    width: 295px;
    display: block;
    margin: 10px 0px 0px 0px;
    padding: 9px 9px 9px 9px;
    border: solid #c9caca 1px;
    clear: both;
}

.reviewArticleBox2 {
    overflow: hidden;
    zoom: 1;
    width: 630px;
    display: block;
    margin: 10px 10px 0px 0px;
    padding: 9px 9px 9px 9px;
    float: left;
    border: solid #c9caca 1px;
}

.reviewArticleImg {
    width: 90px;
    height: 90px;
    display: block;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    border: solid #e6e6e6 1px;
}

.reviewArticleCatch {
    width: 190px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    color: #333333;
    line-height: 1.4em;
    float: left;
    font-weight: bold;
}

.reviewArticleProductName {
    width: 190px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    color: #AD0A14;
    line-height: 1.4em;
    float: left;
    font-weight: bold;
    text-decoration: none;
}

.reviewArticleProductName a {
    width: 190px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    color: #AD0A14;
    line-height: 1.4em;
    float: left;
    font-weight: bold;
    text-decoration: none;
}

.reviewArticleProductName a:hover {
    width: 190px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    color: #AD0A14;
    line-height: 1.4em;
    float: left;
    font-weight: bold;
    text-decoration: underline;
}

.reviewArticleWriterName {
    width: 190px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 10px;
    color: #333333;
    line-height: 1.4em;
    float: left;
    font-weight: normal;
}


.reviewArticletxt {
    width: 315px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 13px;
    color: #333333;
    line-height: 1.4em;
    float: left;
    font-weight: bold;
}

.reviewArticletxt a {
    width: 315px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 13px;
    color: #AD0A14;
    line-height: 1.4em;
    float: left;
    font-weight: bold;
    text-decoration: none;
}

.reviewArticletxt a:hover {
    width: 315px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 13px;
    color: #AD0A14;
    line-height: 1.4em;
    float: left;
    font-weight: bold;
    text-decoration: underline;
}

/* 左記事囲み設定 ここまで */


/* 右カラムボタン設定 ここから */
ul#awardnav li {
    margin: 0px 0px 10px 0px;
    width: 300px;
    height: 50px;
    overflow: hidden;
    list-style-type: none;
}


ul#linknav li {
    margin: 0px 0px 10px 0px;
    width: 300px;
    height: 50px;
    overflow: hidden;
    list-style-type: none;
}

/* 右カラムボタン設定 ここまで */

/* 空き設定 ここから */
.boxspace {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

/* 空き設定 ここまで */


/* clearfix hacもどき ここから */
.clearfix:after {
    content: url(../img/1px_clearfix.gif);
    display: block;
    clear: both;
    height: 0;
}

/* clearfix hac ここまで */

a:hover {
    color: #AD0A14;
}