﻿



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

a {
text-decoration: none;
}

#border {
    border-bottom:2px solid #000000;
    margin: 10px 2px 10px 2px;
}

.main_text {
    color:#000000;
    font-size:12px;
    margin: 0px 15px 0px 15px;
}

.photo {
    text-align: center;
}

.bar {
    text-align: center;
    color:#FFFFFF;
    font-size:20px;
    font-weight: bold;
    background-color:#B23579;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 6px 0px;
}

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

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

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

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

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

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


#cover {

}

#top-img {
    width: 100%;
}


#title_1 {
    color:#000000;
    font-size:16px;
    font-weight: bold;
	text-align: center;
    margin: 10px 10px 0px 10px;
}

#title_2 {
    color:#000000;
    font-size:14px;
    margin: 0px 10px 0px 10px;
    line-height:160%;
}


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

#kashi {
    position: relative;
    width: 295px;
    height: 275px;
    color:#B23579;
    background-color:#FFFFFF;
    margin: 0px 10px 0px 10px;
    border:2px solid #B23579;
    border-radius: 20px;
}


#kashi {
	margin: 0 auto;
}

.song_title {
    font-size:16px;
    font-weight: bold;
    position: absolute;
    top: 12px;
    left: 10px;
}


.sakushi {
    font-size:14px;
    font-weight: bold;
    position: absolute;
    top: 40px;
    left: 20px;
}

.kashi {
    font-size:16px;
    font-weight: bold;
    line-height:140%;
    position: absolute;
    top: 70px;
    left: 20px;
}

.zenbu {
    width: 120px;
    height: 24px;
    font-size:16px;
    padding: 6px 4px 0px 14px;
    background-color:#B23579;
    border-radius: 4px;

}

.zenbu {
    position: absolute;
    top: 235px;
    left: 79px;
}

.zenbu>a {
    color:white;
    font-weight: bold;
}


.taiyaku {
    font-size:14px;
    font-weight: bold;
    position: absolute;
    top: 12px;
    left: 135px;
}



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

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

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


#itunes {
    text-align: center;
    margin: 20px 0px 10px 0px;
    font-size:14px;
}


#recotyoku {
    text-align: center;
    margin: 10px 0px 20px 0px;
    font-size:14px;
}


/*infomation
***************************************************************************/


#info_text {
    text-align: center;
    font-size:16px;
    font-weight: bold;
    margin: 0px 15px 5px 15px;
}


.jk {
    text-align: center;
}



li {
    display: inline-block;
    /display: inline;
    padding-right: 12px;
}

li>p {
    text-align: center;
}



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

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

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


.ichiran {
    font-size:14px;
    font-weight: bold;
    margin: 5px 0px 5px 10px;
}

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

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


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


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


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

.official {
    font-size:14px;
}

/*sns_button
***************************************************************************/

#sns_button {
	background-color: #E8E8E8}


.sns_btn {
	width: 250px;
	background-color: #E8E8E8;
	margin: 0 auto;
	overflow: hidden;
	}
	
.share_text {
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	text-align: center;
	line-height: 180%;}

.twitter_btn {
	float: left;
	width: 42px;
	margin: 5px 31px 0px 65px;
	}	
	
.google_btn {
	float: left;
	width: 42px;
	margin: 5px 31px 0px 0px;
	}

.line_btn {
	float: left;
	width: 42px;
	margin: 5px 31px 0px 0px;
	}

/*other
***************************************************************************/


#oshirase {
	margin: 0 auto;
}

#oshirase {
    text-align: center;
    font-weight: bold;
    width: 280px;
    height: 60px;
    font-size:14px;
    line-height:150%;
    padding: 10px 4px 10px 14px;
    background-color:#000000;
    border:1px solid:#333333;
    border-radius: 4px;
}

#oshirase>a {
    color:white;
}


#mixi {
    position: relative;
    margin: 10px 0px 0px 0px;
    font-size:12px;
}

.mixi {
    position: absolute;
    top: 0px;
    left: 25px;

}


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


#footer {
    text-align: center;
    color: #333333;
    margin: 25px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    background: #E8E8E8;
}


/*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;
}

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



