﻿



/*
***************************************************************************/

a {
text-decoration: none;
}

.photo {
    text-align: center;
}

.border {
    border-bottom:1px solid #747474;
    margin: 0px 0px 0px 0px;
}

#border2 {
    border-bottom:3px solid #000000;
    margin: 5px 15px 20px 15px;
}

.official {
    font-size:12px;
    margin: 10px 13px 0px 13px;
}

.sankaku {
    color:#000000;
    font-size:14px;
}

#line {
    position: relative;
    margin: 10px 0px 10px 0px;
}

.line_text {
    position: absolute;
    font-size:12px;
    top: 1px;
    left: 95px;
}

img {
    border-style:none;
    vertica-align:bottom;
}


/*
***************************************************************************/


html {
    height: 100%;
}

body {
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo,Osaka ,ＭＳ Ｐゴシック ,MS PGothic ,sans-serif ;
    font-size:14px;
    height: 100%;
    -webkit-text-size-adjust:none
}

body > #container {
    height: auto;
}


/* container
***************************************************************************/


#container {
    min-height: 100%;
    height: 100%;
    width: 985px;
    margin: 0 auto;
    padding: 35px 10px 0px 10px;
	
}

#back_button {
    text-align: right;
    margin: 15px 0px 0px 0px;
}

#contents {
    overflow: hidden;
}


#header {
    text-align: left;
    margin: 15px 0px 3px 0px;
}

#header > img{
    text-align: left;
}



/* main
***************************************************************************/


#main {
    overflow: hidden;
    margin-bottom: 0px;
    float: left;
    width: 658px;
    border:1px solid #676767;
}


#text01 {
    margin: 20px 30px 30px 30px;

    line-height:145%;
}

#ranking {
    text-align: center;
}

#spot {
    text-align: center;
    margin: 35px 0px 25px 0px;
}

/* spotlight
***************************************************************************/


#spotlight {
    overflow: hidden;
    font-size:13px;
    line-height:145%;
}


#spot_title {
    font-size:18px;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 20px 0px;
	padding: 4px 0px 0px 0px;
}

#spot_photo0 {
    float: left;
    padding: 0px 15px 20px 20px;
}


#spot_photo {
    float: left;
    padding: 15px 15px 10px 20px;
}

#spot_photo1 {
    float: left;
    padding: 15px 15px 15px 20px;
}

#spot_photo_20 {
    float: left;
    padding: 15px 15px 20px 20px;
}

#spot_photo_25 {
    float: left;
    padding: 15px 15px 25px 20px;
}

#spot_photo2 {
    float: left;
    padding: 15px 15px 50px 20px;
}

#spot_photo3 {
    float: left;
    padding: 15px 15px 60px 20px;
}

#spot_photo4 {
    float: left;
    padding: 15px 15px 80px 20px;
}

#spot_photo5 {
    float: left;
    padding: 15px 15px 40px 20px;
}

#spot_photo5_1 {
    float: left;
    padding: 15px 15px 65px 20px;
}


#spot_photo6 {
    float: left;
    padding: 15px 15px 75px 20px;
}

#spot_photo1803 {
    float: left;
    padding: 0px 15px 5px 20px;
}




#spot_photo_n {
	text-align: center;
    float: left;
	width: 123px;
    padding: 15px 22px 43px 27px;
}



.spot_text {
    margin: 0px 15px 15px 20px;
}



.jacketview {
    text-align: right;
    margin: 0px 15px 0px 0px;
}

.jacketview>a>img {
    vertical-align: -5px;
}




/* episode
***************************************************************************/


#episode {
    background-color:#DDDDDD;
    margin: 0px 15px 15px 15px;
    padding: 10px 10px 15px 15px;
}


#episode_text01 {
    font-size:18px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}


#episode_text02 {
    font-size:13px;
    line-height:140%;
}




/* back
***************************************************************************/


#back {
    overflow: hidden;
    margin: 15px 0px 10px 0px;
    padding: 0px 15px 0px 15px;
}

#back_title {
    font-size:14px;
    font-weight: bold;
    border-bottom:2px solid #005BBF;
    margin-bottom: 10px;
}


/* menu_css
***************************************************************************/


#back_number {
    font-size:12px;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}


/* under_banner
***************************************************************************/


#under_banner {
    margin: 10px 0px 15px 15px;

}

.under_banner01 {
    margin: 0px 24px 0px 0px;
    float: left;
}


.main_banner02 {

}


/* sns_btn
***************************************************************************/


#sns_btn {
    width: 658px;
    height: 36px;
    overflow: hidden;
    position: relative;
    margin: 0px 0px 25px 0px;
}


#facebook_btn {
    position: absolute;
    top: 0px;
    /*left: 30px;*/
	left: 130px;
}


#twitter_btn {
    position: absolute;
    top: 0px;
    /*left: 245px;*/
	left: 340px;
}


#google_btn {
    position: absolute;
    top: 0px;
    left: 455px;
}




/* sidebar
***************************************************************************/


#sidebar {
    position: relative;
    float: right;
    width: 320px;
    background-color:#DDDDDD;
    font-size:12px;
    padding-bottom: 32768px;
    margin-bottom: -32768px;
}


#menu {
    text-align: center;
    color:#FFFFFF;
    font-size:16px;
    font-weight: bold;
    background-color:#000000;
}

.sidebar_text1 {
    font-size:16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 13px 0px 13px;
}

.sidebar_text2 {
    margin: 0px 13px 0px 13px;
}

.sidebar_text3 {
    margin: 0px 10px 0px 25px;
}

#qr {
    text-align: center;
    border-top:1px solid #CCCCCC;
}

#utanet {
    text-align: center;
    border-top:1px solid #CCCCCC;
}




/* footer
***************************************************************************/


#footer {
    border-top:1px solid #747474;
    text-align: center;

}


/* 
***************************************************************************/



















