@import url("/css/base_new.css"); /*header-footer*/

.navi_text{
	margin: -20px 0px 0px;
	padding: 0px;
	text-align: right;
}

/* ------------------------------------------- */
/* all CSS */
/* ------------------------------------------- */
.contents{
	margin: 0px;
	padding: 0px;
	height: auto;
}


/* ------------------------------------------- */
/* video */
/* ------------------------------------------- */
.video{
    text-align: center;
    padding: 30px 0 20px;
}
iframe{
    width: 460px;
    height: 300px;
}

/* ------------------------------------------- */
/* top_area CSS */
/* ------------------------------------------- */
.top_area{
	width: 986px;
	height: 389px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}

.top_upper{
	width: 986px;
	height: 200px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	background-image: url(/information/equol_premium/img/top_upper.jpg);
}

.top_upper h2{
	margin: 0px;
	padding: 0px;
}

.top_low {
	height: 158px;
	width: 643px;
	padding-bottom: 0px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	margin: 0px;
	padding-left: 45px;
	padding-top: 58px;
	background-image: url(/information/equol_premium/img/top_lower.jpg);
	padding-right: 298px;
}

.top_low p{
	line-height: 170%;
	font-weight: bold;
	font-size: 13px;
	color: #ca4e71;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding-right: 0px;
	padding-left: 0px;
}


/* ------------------------------------------- */
/* main_area CSS */
/* ------------------------------------------- */
.main_area{
	padding: 0px;
	width: 986px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border: 1px solid #ca4e71;
}

.contents_main{
	margin: 0px;
	padding-right: 29px;
	padding-bottom: 0px;
	padding-left: 29px;
	width: 930px;
	background-image: url(/information/equol_premium/img/bg.gif);
	background-repeat: repeat-y;
	background-position: 0px -5px;
	padding-top: 0px;
}

/* ------------------------------------------- */
/* contents_left CSS */
/* ------------------------------------------- */
.contents_left{
	float: left;
	width: 653px;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}

.contents_left p,
.contents_left h2{
	font-size: 13px;
	line-height: 200%;
	padding-bottom: 15px;
	padding-top: 8px;
	font-weight: normal;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.contents_left p span{
	color: #ff3333;
	font-weight: bold;
}

/*--------- title ----------*/
.main_title_top{
	height: auto;
	width: 654px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}

.main_title{
	height: 50px;
	width: 654px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.main_title02{
	height: 88px;
	width: 654px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.main_title_top h2,
.main_title h2{
	padding: 0px;
	margin: 0px;
}

/* ------- photo ----- */


.photo_left{
	padding: 0px;
	width: auto;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	height: auto;
}


.photo_right{
	padding: 0px;
	width: auto;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	float: right;
	height: auto;
}


.photo_general{
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	text-align: center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}





/* ------------------------------------------- */
/* data_area CSS */
/* ------------------------------------------- */

.data_head{
	width: 654px;
	height: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.data_head h3{
	padding: 0px;
	margin: 0px;
}

.data_area{
	width: 630px;
	background-color: #fcfcdf;
	margin: 0px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}

.data_title{
	width: 626px;
	height: auto;
	margin-top: 15px;
}


.data_area p{
	font-size: 13px;
	margin: 0px;
	padding-right: 15px;
	padding-left: 15px;
}

.data_photo01{
	width: 626px;
	height: 416px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-bottom: 10px;
}
.data_photo02{
	width: 626px;
	height: 416px;
	margin-top: 15px;
}
.data_photo03{
	width: 626px;
	height: auto;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-bottom: 10px;
}
.data_photo04{
	width: 527px;
	height: 262px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-bottom: 10px;
}


.data_photo05{
	width: auto;
	height: auto;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
.data_photo06{
	width: auto;
	height: auto;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

.data_photo07{
	width: auto;
	height: auto;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

.data_box_pink{
	width: 626px;
	background-color: #feeff6;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.data_box_orange{
	width: 626px;
	background-color: #feede5;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.data_box_blue{
	width: 626px;
	background-color: #e9f6fe;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}


.data_box{
	width: 568px;
	background-color: #ffffff;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}


.data_box_main{
	font-size: 11px;
	padding-left: 25px;
	padding-right: 25px;
}


.data_box_left{
	font-size: 11px;
	width: 261px;
	float: left;
	padding-left: 25px;

}
.data_box_right{
	font-size: 11px;
	width: 305px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 25px;
}

.data_box_left p,
.data_box_right p,
.data_box_main p{
	font-size: 13px;
	line-height: 200%;
	margin: 0px;
	padding: 0px;
}

.data_box_underlining{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.data_box_underlining p{
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6699cc;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}




.data_box p span{
	color: #ff3333;
}


/* ------------------------------------------- */
/* contents_side CSS */
/* ------------------------------------------- */
.side_area{
	float: right;
	width: 250px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.side_inner{
	width: 218px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.side_inner p{
	font-size: 12px;
	line-height: 167%;
	color: #ca4e71;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.side_inner p span{
	color: #fc5165;
}




.side_head {
	width: 250px;
	height: 31px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding: 0px;
}

.side_title {
	width: 218px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.side_title h2{
	margin: 0px;
	padding: 0px;
}

.side_photo{
	width: auto;
	height: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
}

.side_sokuteichi{
	color: #ffffff;
	background-color: #5a9fc9;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.side_kuensan p{
	font-size: 12px;
	font-weight: bold;
}

.side_kuensan p span{
	color: #fc5165;
}
.side_photo07{
	width: 193px;
	height: 278px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.side_photo05{
	width: 218px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	margin: 0px;
}

.side_photo05 p{
	font-size: 12px;
	color: #666;
	line-height: 150%;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.side_photo_op,
.side_photo_op02{
	width: 218px;
	height: auto;
	text-align: center;
	color: #666666;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


.side_photo_left{
	margin-right: 2px;
}

.side_photo_right{
}

.side_photo_left,
.side_photo_right{
	width: 108px;
	height: 115px;
	float: left;
	padding: 0px;

}

.side_photo_left p,
.side_photo_right p{
	font-size: 10px;
	color: #666;
	text-align: center;
	line-height: 100%;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.side_photo_rap{
	width: 218px;
	height: 76px;
}



.side_photo_op{
	background-color: #DAFDC5;
}

.side_photo_op02{
	background-color: #ffffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.side_photo_op h3,
.side_photo_op02 h3{
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

/* ------------------------------------------- */
/* side_com CSS */
/* ------------------------------------------- */
.com_head {
	padding: 0px;
	width: 250px;
	font-size: 3px;
	height: 31px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.com_body{
	background-color: #FFFFFF;
	width: 195px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #ca4e71;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

.com_body p{
	line-height: 150%;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.com_body p span{
	line-height: 200%;
	font-weight: bold;
}

.com_body ol{
	line-height: 140%;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 12px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.com_body li{
	line-height: 140%;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	font-size: 12px;
	text-align: left;
}


/* ------------------------------------------- */
/* interview CSS */
/* ------------------------------------------- */
.interview_foot {
	width: 928px;
	text-align: left;
	background-image: url(/information/equol_premium/img/interview_foot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-size: 4px;
}

.interview_body {
	width: 858px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 35px;
	background-repeat: repeat-y;
	height: auto;
	background-image: url(/information/equol_premium/img/interview_body.gif);
}

.interview_head {
	padding: 0px;
	width: 928px;
	font-size: 9px;
	height: 52px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.interview_body p {
	font-size: 13px;
	line-height: 180%;
	font-weight: normal;
	padding: 0px;
	color: #ca4e71;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.interview_body p span{
	color: #ff3333;
	font-weight: bold;
}

.interview_title{
	width: 528px;
	height: 43px;
	padding-bottom: 10px;
	margin-top: 10px;
}

/*--------- float ----------*/
.interview_boxleft{
	width: 590px;
	float: left;
	padding-right: 0px;
	margin: 0px;
}

.interview_boxright{
	width: 222px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	margin-right: 40px;
	margin-bottom: 15px;
}

.interview_boxright p{
	margin-top: 10px;
	color: #666666;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	width: 180px;
}

.interview_photo{
	width: 223px;
	height: 138px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 20px;
	float: left;
}


/* ------------------------------------------- */
/* otoiawase CSS */
/* ------------------------------------------- */
.otoiawase_area{
	background-image: url(/information/equol_premium/img/otoiawase.gif);
	padding: 0px;
	height: 101px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 40px;
	background-repeat: no-repeat;
}

.address_area{
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	width: 280px;
	height: 80px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 180px;
	color: #ca4e71;
	font-size: 13px;
	line-height: 120%;
}

.address_area p{
	margin: 0px;
	padding: 0px;
}

.address_area h3{
	font-size: 13px;
	font-weight: bold;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
}

/* ------------------------------------------- */
/* button_box CSS */
/* ------------------------------------------- */
.button_box{
	float: left;
	padding: 0px;
	width: 195px;
	height: 65px;
	margin-top: 17px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.button_area{
	width: 195px;
	height: 65px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.button_area a{
	display: block;
	width: 195px;
	height: 65px;
}

.button_area a:hover img{
	visibility: hidden;
	background-image: url(/information/equol_premium/img/button_hover.gif);
	background-repeat: no-repeat;
	width: 195px;
	height: 65px;
}

.button_area a:hover{
	margin: 0px auto;
	padding: 0px;
	width: 195px;
	height: 65px;
	background-image: url(/information/equol_premium/img/button_hover.gif);
	background-repeat: no-repeat;
}

/* ------------------------------------------- */
/* button_side_box CSS */
/* ------------------------------------------- */
.button_side_box{
	float: left;
	padding: 0px;
	width: 195px;
	height: 65px;
	margin-top: 17px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.button_side_area{
	width: 195px;
	height: 65px;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: auto;
}

.button_side_area a{
	display: block;
	width: 195px;
	height: 65px;
}

.button_side_area a:hover img{
	visibility: hidden;
	background-image: url(/information/equol_premium/img/button_hover.gif);
	background-repeat: no-repeat;
	width: 195px;
	height: 65px;
}

.button_side_area a:hover{
	margin: 0px auto;
	padding: 0px;
	width: 195px;
	height: 65px;
	background-image: url(/information/equol_premium/img/button_hover.gif);
	background-repeat: no-repeat;
}