@charset "utf-8";
/* CSS Document　発声 */


#main_image{
	width : 800px;
	height:379px;
	margin: 15px 0 0 0px;
	padding:0;
	background:url(img/voice/main_image.jpg) no-repeat;
	position:relative;
	clear:both;
}


#main_image .btn_vo{
	position:absolute;
	top:240px;
	left:63px;
}
#main_image .btn_po{
	position:absolute;
	top:180px;
	left:460px;
}
#main_image .btn_st{
	position:absolute;
	top:290px;
	left:620px;
}



#main_image h3{
	padding: 0 0 0 170px;
	margin:0;
	font-size: 16px;
	color:#FF6600;
}

#main_image p.all_read{
	padding:0 0 0 170px;
	margin:0;
	font-size:12px;
	line-height:140%;
}


div.rea{
	font-size:14px;
	line-height:140%;
	margin:0 0 50px 0;
	padding:0;
	clear:both;
}


div.api{
	font-size:14px;
	line-height:140%;
	margin:30px 0 50px 0;
	padding:0;
	clear:both;
	text-align:center;
}


h4{
	height:30px;
	line-height: 30px;
	font-size:24px;
	font-weight: normal;
	margin:20px 0 10px 0;
	padding:0;
	clear:both;
	overflow:hidden;
}
h4 span{
	font-size:14px;
}
h4 b{
	font-size:30px;
	font-weight:normal;
}


/*--------------------------------------------ページの上部へ*/


p.page_top{
	width:775px;
	text-align:right;
	display:block;
	margin:35px 20px 5px 5px;
	background:url(img/icon_play_upper.png) no-repeat right;
	padding:0 20px 0 0;
}
p.page_top a{
	color:#f61478;
	text-decoration:none;

}


/*--------------------------------------------スタッフ*/

.piece3{
	width:230px;
	height:240px;
	background: #fbdde1;
	position:relative;
	float:left;
	padding:13px 10px;
	margin:0 8px 0 8px;
	font-size:14px;
}
.piece3 .photo{
	float:left;
	margin:5px 5px 5px 0; 
}
.piece3 .name{
	font-weight:bold;
	line-height:30px;
}
.piece3 p.post{
	position:absolute;
	top:0px;
	right:20px;
	color:#c88a1d;
}


.piece2{
	width:360px;
	height:220px;
	position:relative;
	float:left;
	padding:13px 10px;
	margin:15px 8px 30px 8px;
	font-size:14px;
}
.piece2 .photo{
	float:left;
	margin:0 5px 5px 0; 
}
.piece2 .name{
	font-weight:bold;
}
.piece2 .post{
	position:absolute;
	top:0px;
	right:20px;
	color:#c88a1d;
}


.st_m{
	background:#FFFFFF;
}

.st_p{
	background:#fee1eb;
}


.st_l{
	background:#fcf3d2;
}

.st_r{
	background:#fcecd2;
}



/*--------------------------------------------ノート　フォーマット*/

div.format{
	
	width:800px;
	margin:30px 0 0 0; 
	clear:both;
	position:relative;
	font-size:14px;
	line-height:18px;
	
}
div.format h4{
	color:#f51d6e;
	position:absolute;
	top:30px;
	left:60px;
	font-weight:bold;
}

div.format .onepoint{
	color:#e95295;
	position:absolute;
	top:350px;
	left:70px;
	width:330px;
}


div.format .text{
	color:#ef676d;
	font-size:16px;
	position:absolute;
	left:440px;
	top:50px;
	width:330px;
	text-align:left;
}
div.format .text b{
	font-size:22px;
	line-height:22px;
}
div.format .text i{
	font-size:24px;
	line-height:34px;
}

div.format .text strong{
	font-size:24px;
	line-height:50px;
	font-weight:normal;
}

div.format .more{
	background:url(img/voice/text_more_bg.png) no-repeat;
	color:#733b0a;
	font-size:14px;
	position:absolute;
	left:440px;
	top:500px;
}

div.format .more a,div.format .more a:hover{
	color:#733b0a;
}


div.format iframe.mov{
	position:absolute;
	top:100px;
	left:65px;

}


/*---------------------------------ヘアメイク左*/

.note1{
	background:url(img/voice/note1.jpg) no-repeat;
		height:550px;
}

.note2{
	background:url(img/voice/note1.jpg) no-repeat;
		height:600px;
}



.note3{
	background:url(img/voice/note1.jpg) no-repeat;
		height:550px;
}


/*　styleの左上　*/
.format p.h_lu{
	position:absolute;
	top:300px;
	left:400px;
}

/*　styleの左下　*/
.format p.h_ld{
	position:absolute;
	bottom:60px;
	left:400px;
}

/*　styleの右上　*/
.format p.h_ru{
	position:absolute;
	top:330px;
	left:690px;
}

/*　styleの右下　*/
.format p.h_rd{
	position:absolute;
	bottom:60px;
	left:690px;
}


/*---------------共通*/

.bef{
	color:#333333;
}
.bb{
	color:#000000;
	font-weight:bold;
}

.row {
	height:100px;
	width:250px;
}
.row_img{
	float:left;
}

.above{
	width:100px;
}

.below{
	width:100px;
}

/*--------------------------------------------調整用*/
.table_right1{
	width: 185px;
	background-color: #FFFFCC;
	color: #666666;
}
.table_right2{
	width: 185px;
	background-color: #FFCC99;
	color: #666666;
}

.img_right{
	float: right;
}

.img_left{
	float:left;
}
.text_right{
	text-align: center;
	margin: 0px;
	color: #CC3366;
	font-size: 12px;
}
.text{
	text-align: right;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 0px;
}
.sub_img{
	margin-right: 15px;
	margin-left: 20px;
	float: left;
	margin-top: 5px;

}

.sub_text{
	margin-left: 140px;
	margin-right: 20px;
	font-size: 10px;
	
}
.sub_text2{
	line-height: 30px;
	margin-left: 20px;
	font-size: 12px;
	
}

.u30{
	margin:0 0 30px;
}

/*---------------------------------メラビアン---*/
.mehra {
	clear:both;
	overflow:hidden;
}

.mehra h4{
	font-size:26px;
	color:#f61127;
}

.mehra p.text{
	width:500px;
	float:left;
	text-align:left;
	font-size:14px;
}

.mehra p.text span.pink{
	color:#f06585;
	font-size:18px;
	
}
.mehra p.text span.orange{
	color:#e97a31;
	font-size:18px;
}
.mehra p.text span.blue{
	color:#098cc3;
	font-size:18px;
}
.mehra p.text i{
	font-size:12px;
	font-style:normal;
}

.mehra p.img{
	float:left;
	padding:0 0 0 30px;
}


/*---------------------------------他ページへのリンク---*/
#navibtn{
background:url(img/pagenavi_bg.jpg) no-repeat;
position:relative;
overflow:hidden;
clear:both;
width:800px;
height:170px;
margin:0 0 30px 0;
}


#navibtn .title{
	position:absolute;
	top:0;
	left:0;
}
#navibtn .btnleft{
	position:absolute;
	top:38px;
	left:175px;
}
	
#navibtn .btnright{
	position:absolute;
	top:38px;
	left:485px;
}