@charset "utf-8";
/*
Theme Name: uchisama theme
Theme URI: http://uchisama.com
Description: うちさまページのテーマ
Version: 1.0
Author: soliton
Author URI:
Tags: uchisama

*/

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #9D1D30;
    background-image: url(images/bg_main.jpg);
    background-repeat: repeat-x;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    line-height: 1.5em;
}

#wrap{
    width: 938px;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}


.clear{
    clear: both;
}
h2{
    font-size: 100%;
    line-height: 100%;
}

/*--------------------------------------*/
/*----------------header----------------*/
/*--------------------------------------*/

#header{
    height: 446px;
    width: 938px;
    overflow: hidden;
}


#header .main{
    background-image: url(images/uchisama_main_image.jpg);
    background-repeat: no-repeat;
    height: 0px;
    width: 938px;
    overflow: hidden;
    padding-top: 446px;
}


/*--------------------------------------*/
/*---------------container--------------*/
/*--------------------------------------*/


#conteiner{


}
#conteiner .footer{
    clear: both;
}


/*--------------------------------------*/
/*------------------main----------------*/
/*--------------------------------------*/


#main{
    width: 663px;
    float: right;
}


/*--------------------------------------*/
/*------------------navi----------------*/
/*--------------------------------------*/
#navi{
    width: 375px;
    height: 42px;
    overflow: hidden;
    padding-left: 288px;
    background-image: url(images/bg_navi.jpg);
    background-repeat: no-repeat;
}

#navi .naviBtn{
    width: 375px;
    height: 37px;
    background-image: url(images/navi_bn_check.jpg);
    background-repeat: no-repeat;
}

#navi a{
    width: 375px;
    height: 0px;
    padding-top: 37px;
    overflow: hidden;
    display: block;
}



#navi a:link{
    background-image: url(images/navi_bn_check.jpg);
    background-repeat: no-repeat;
}
#navi a:visited{
    background-image: url(images/navi_bn_check.jpg);
    background-repeat: no-repeat;
}
#navi a:hover{
    background-image: url(images/navi_bn_check_f2.jpg);
    background-repeat: no-repeat;
}

/*--------------------------------------*/
/*-------------main container-----------*/
/*--------------------------------------*/



#mainContainer{
    width: 663px;
    margin-bottom: 70px;
}




/*--------------------------------------*/
/*-------------main contents------------*/
/*--------------------------------------*/



#mainContents{
    width: 520px;
    float: left;
}



/*--------------------------------------*/
/*----------------saishin---------------*/
/*--------------------------------------*/

#saishin{
    background-image: url(images/bg_white.jpg);
    background-repeat: repeat-y;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}

#saishin .h2{
    height: 58px;
    width: 520px;
    overflow: hidden;
}

#saishin h2{
    background-image: url(images/h_saishin.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 0px;
    width: 520px;
    padding-top: 58px;
    overflow: hidden;
    margin: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;

}

#saishin .detail{
    width: 520px;
    background-image: url(images/bg_saishin.jpg);
    background-repeat: no-repeat;
    padding-top: 15px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
}

#saishin .thumb{
    float: left;
    padding-left: 26px;
}

#saishin .detail_text{
    float: right;
    width: 277px;
    padding-right: 20px;
    padding-top: 5px;
    margin-bottom: 20px;
}


#saishin p{
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
    width: 277px;
    text-justify: distribute;
    text-align: justify;

}

#saishin img{
}

#saishin strong{
}



#saishin .btn{
    height: 44px;
    width: 248px;
    overflow: hidden;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 12px;
    background-image: url(images/btn_saishin.jpg);
    background-repeat: no-repeat;

}


#saishin .btn a{
    display: block;
    margin: 0px;
    height: 0px;
    width: 248px;
    padding-top: 44px;
    overflow: hidden;
}

#saishin .btn a:link{
    background-image: url(images/btn_saishin.jpg);
    background-repeat: no-repeat;
}
#saishin .btn a:visited{
    background-image: url(images/btn_saishin.jpg);
    background-repeat: no-repeat;
}
#saishin .btn a:hover{
    background-image: url(images/btn_saishin_f2.jpg);
    background-repeat: no-repeat;
}




#saishin a.plugin {
    display: block;
    text-align: center;
    color: #9D1D30;
    width: 277px;
}


#saishin a:link{
    color: #9D1D30;
}
#saishin a:visited{
    color: #9D1D30;
}
#saishin a:hover{
    color: #FF3300;
}




#saishin .footer{
    height: 8px;
    width: 520px;
    display: block;
    background-image: url(images/bg_footerwaku.jpg);
    clear: both;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}



/*--------------------------------------*/
/*----------------ranking---------------*/
/*--------------------------------------*/

#ranking{
    background-image: url(images/bg_white.jpg);
    background-repeat: repeat-y;

}

#ranking .h2{
    height: 70px;
    width: 520px;
    overflow: hidden;
}

#ranking h2{
    background-image: url(images/h_ranking.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 0px;
    width: 520px;
    padding-top: 70px;
    overflow: hidden;
    margin: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#ranking .detail{
    background-image: url(images/bg_ranking.jpg);
    background-repeat: no-repeat;
}

#ranking .image{
    float: left;
    width: 146px;
    padding-left: 26px;
}

#ranking .detail_text{
    float: right;
    width: 277px;
    padding-top: 43px;
    padding-right: 20px;
    margin-bottom: 20px;
}

#ranking p{
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
    width: 277px;
    text-justify: distribute;
    text-align: justify;
}

#ranking img{
}

#ranking strong{
}

#ranking .btn{
    height: 22px;
    width: 124px;
    overflow: hidden;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 145px;
    background-image: url(images/btn_rank.gif);
    background-repeat: no-repeat;
}


#ranking .btn a{
    display: block;
    margin: 0px;
    height: 0px;
    width: 124px;
    padding-top: 22px;
    overflow: hidden;
    line-height: 200%;
}


#ranking .btn a:link{
    background-image: url(images/btn_rank.gif);
    background-repeat: no-repeat;
}
#ranking .btn a:visited{
    background-image: url(images/btn_rank.gif);
    background-repeat: no-repeat;
}
#ranking .btn a:hover{
    background-image: url(images/btn_rank_f2.gif);
    background-repeat: no-repeat;
}



#ranking .footer{
    height: 8px;
    width: 520px;
    display: block;
    background-image: url(images/bg_footerwaku.jpg);
    clear: both;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}


#ranking .rankNum{
    display: block;
    height: 43px;
    width: 146px;
    overflow: hidden;
}

#ranking .rankNum p{
    margin: 0px;
    height: 0px;
    width: 146px;
    padding-top: 43px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: block;
}


#ranking .rank1, #ranking .rank2, #ranking .rank3, #ranking .rank4, #ranking .rank5, #ranking .rank_etc{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    padding-bottom: 20px;
    width: 520px;
}

#ranking .rank1 .rankNum p{
    background-image: url(images/rank_1.gif);
    background-repeat: no-repeat;
}

#ranking .rank2 .rankNum p{
    background-image: url(images/rank_2.gif);
    background-repeat: no-repeat;
}

#ranking .rank3 .rankNum p{
    background-image: url(images/rank_3.gif);
    background-repeat: no-repeat;
}

#ranking .rank4 .rankNum p{
    background-image: url(images/rank_4.gif);
    background-repeat: no-repeat;
}

#ranking .rank5 .rankNum p{
    background-image: url(images/rank_5.gif);
    background-repeat: no-repeat;
}

.rank_etc .rankNum div {
    padding-top: 22px;
    padding-left: 18px;
    font-size: 14px;
    font-weight: bold;
}

#ranking .detail br{
    clear: both;
    /*width: 463px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;*/
}

/*--------------------------------------*/
/*-----------------banner---------------*/
/*--------------------------------------*/



#banner{
    width: 139px;
    float: right;
}




/*--------------------------------------*/
/*------------------side----------------*/
/*--------------------------------------*/


#side{
    width: 275px;
    float: left;
    background-image: url(images/bg_yokoku.jpg);
    background-repeat: no-repeat;
    position: relative;
}




/*--------------------------------------*/
/*----------------yokoku----------------*/
/*--------------------------------------*/


#yokoku{
    width: 220px;
    text-align: center;/*width: 275px;
    float: left;
    background-image: url(images/bg_yokoku.jpg);
    background-repeat: no-repeat;*/
    margin-bottom: 33px;
    padding-left: 33px;
    padding-top: 160px;
}

#yokoku h3{
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    color: #FFFFFF;
    font-size: 100%;
}

.yokokuVideo{
    height: 165px;
    width: 220px;
    position: absolute;
    top: -15px;
    left: 33px;

}

#yokoku strong{

}

#yokoku .detail{
    text-align: left;
    background-color: #4E0E18;
    color: #FFFFFF;
    padding: 5px;
    width: 210px;
}

#yokoku p{
    margin: 0px;
    padding: 0px;
    text-justify: distribute;
    text-align: justify;

}





/*--------------------------------------*/
/*------------------news----------------*/
/*--------------------------------------*/


#news{
    background-image: url(images/bg_white.jpg);
    background-repeat: repeat-y;
    width: 255px;
    margin-left: 15px;
}

#news .h2{
    height: 50px;
    width: 255px;
    overflow: hidden;
}

#news h2{
    background-image: url(images/h_news.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 0px;
    width: 255px;
    padding-top: 50px;
    overflow: hidden;
    margin: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#news .newslist{
    background-image: url(images/bg_news.jpg);
    background-repeat: no-repeat;
    padding-top: 10px;
}

#news .newslist ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#news .newslist li{
    padding-left: 22px;
    font-size: 93%;
}



#news .footer{
    height: 8px;
    width: 255px;
    display: block;
    background-image: url(images/bg_news_footer.jpg);
    clear: both;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}


/*--------------------------------------*/
/*------------------footer--------------*/
/*--------------------------------------*/


#footer{
    height: 90px;
    width: 100%;
    background-image: url(images/bg_footer.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
    clear: both;
}


#footer .copyright{
    background-image: url(images/footer.jpg);
    background-repeat: no-repeat;
    height: 70px;
    width: 938px;
    margin-top: 0em;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
#footer p{
    font-size: 85%;
    line-height: 1.2em;
    display: block;
    padding-left: 170px;
    margin: 0px;
    padding-top: 33px;
    color: #FFFFFF;
}

#footer span{
    display: block;
    padding-bottom: 5px;
}

#footer a{
    color: #FFFFFF;
}