﻿

/*-------------------------------------------------------------------------

<div id="komidashi">
○○○○○○○○○○○○○○○○○○○！
</div>

-------------------------------------------------------------------------*/






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

a {
text-decoration: none;
}


#border {
    border-bottom:2px solid #ccc;
    margin: 20px 2px 20px 2px;
}


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

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

/*cover
***************************************************************************/


#cover {

}


#top-img {
    width: 100%;
}


#top {
    font-size:14px;
    font-weight: bold;
    margin: 20px 20px 0px 20px;
}


#toptext {
    text-align:center;
    font-size:18px;
    font-weight: bold;
    margin: 10px 15px 15px 15px;
}

#komidashi {
    text-align:center;
    color:white;
    font-size:14px;
    font-weight: bold;
    background-color:#EA6390;
    padding: 2px 0px 2px 8px;
    margin: 0px 8px 20px 8px;
}


/*main_text
***************************************************************************/

#main_text {
    font-size:14px;
    margin: 0px 8px 30px 8px;
}

/*kashi
***************************************************************************/

#kashi {
    position: relative;
    width: 270px;
    height: 240px;
    color:#333333;
    background-color:#F9F5E0;
    
    padding: 10px 0px 0px 25px;
    margin: 0px 10px 0px 10px;
    border:1px solid #F9F5E0;
    border-radius: 20px
}

#kashi {
	margin: 0 auto;
}

.song_title {
    font-size:14px;
    font-weight: bold;
    line-height:120%;
    position: absolute;
    top: 20px;
    left: 25px;
    
}

.sakushi {
    font-size:12px;
    font-weight: bold;
    position: absolute;
    top: 58px;
    left: 35px;
}

.kashi {
    font-size:14px;
    font-weight: bold;
    position: absolute;
    top: 90px;
    left: 35px;
}

.zenbu {
    width: 120px;
    height: 24px;
    font-size:16px;
    padding: 1px 4px 1px 14px;
    background-color:#717171;
    border:1px solid:#333333;
    border-radius: 4px;
}

.zenbu {
    position: absolute;
    top: 210px;
    left: 75px;
}

.zenbu>a {
    color:white;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(60, 60, 60, 1);
}


/*movie
***************************************************************************/

.movie {
    position: relative;
    height: 0;
    padding-top: 56.25%; /* 16:9 */
    border-color: #FFDB70;
    border-width: 1px 5px 2px 5px;
    border-style: solid;

    
}
 
.movie>iframe {
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    width:100%;
}

#recotyoku {
    text-align: center;
    margin: 20px 0px 20px 0px;
}


/*release
***************************************************************************/

#release {

}

#release_bar {
    text-align: center;
    color:#000000;
    font-size:20px;
    font-weight: bold;
    background-color:#FFDB70;
    margin: 0px 2px 20px 2px;
}

#jk {
    text-align: center;
}

#cd_1 {
    text-align: center;
	margin-top: 10px;
}

.cd_1 {
    font-size:14px;
    font-weight: bold;
}


#cd_2 {
    margin: 0px 0px 15px 10px;
}

.cd_2 {
    font-size:14px;
    font-weight: bold;
}

#ichiran {
    font-size:14px;
    font-weight: bold;
    margin: 15px 0px 15px 10px;
}

#amazon {
    margin: 15px 0px 15px 10px;
}


/*profile
***************************************************************************/


#profile_bar {
    text-align: center;
    color:#000000;
    font-size:20px;
    font-weight: bold;
    background-color:#FFDB70;
    margin: 0px 2px 20px 2px;

}

#profile {
    margin: 0px 10px 0px 10px;
}


.namae {
    font-size:14px;
    font-weight: bold;
}

#official_1 {
    font-size:14px;
    font-weight: bold;
}

#official_2 {
    text-align: right;
    font-size:14px;
    font-weight: bold;
    margin-right: 20px;
}


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


#footer {
    text-align: center;
    border-top: 4px solid #000;
    margin: 10px 2px 0px 2px;
    padding: 15px 0px 15px 0px;
}


/*bana
***************************************************************************/


#banner {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	background: #E8E8E8;
}

#banner2 {
	text-align: center;
	margin: 20px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	background: #E8E8E8;
}

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



