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

body {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background: url(img/ranking_bg.jpg);
	color: #403117;
	font-size: 14px;
}
/*float*/
.c_center {
	margin: 0 auto;
}
.clear {
	clear: both;
}
.f_right {
	float: right;
}
.f_left {
	float: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.img_center img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--clearfix--*/

.clearfix {
	zoom: 100%;
}
.clearfix:after {
	display: block;
	clear: both;
	content: ".";
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/*Font*/

.font_10 {
	font-size: 10px;
}
.font_11 {
	font-size: 11px;
}
.font_12 {
	font-size: 12px;
}
.font_13 {
	font-size: 13px;
}
.font_14 {
	font-size: 14px;
}
.font_15 {
	font-size: 15px;
}
.font_16 {
	font-size: 16px;
}
.font_18 {
	font-size: 18px;
}
.font_20 {
	font-size: 20px;
}
.font_22 {
	font-size: 22px;
}
.font_24 {
	font-size: 24px;
}
.font_w {
	font-weight: bold;
}
.blue {
	color: #2B1D56;
}
.white {
	color: #fff;
}
/*LINE HEIGHT*/

.lh120 {
	line-height: 120%;
}
.lh130 {
	line-height: 130%;
}
.lh140 {
	line-height: 140%;
}
.lh150 {
	line-height: 150%;
}
.lh160 {
	line-height: 160%;
}
.lh170 {
	line-height: 170%;
}
.lh180 {
	line-height: 180%;
}
.lh190 {
	line-height: 190%;
}
.lh200 {
	line-height: 200%;
}
.lh300 {
	line-height: 300%;
}
.left {
	text-align: left;
}
/*margin*/

.mar_none {
	margin: 0;
}
.mar_20 {
	margin: 20px
}
.mar_30 {
	margin: 30px
}
/*上margin*/

.mar_t_-05 {
	margin-top: -5px;
}
.mar_t_-07 {
	margin-top: -7px;
}
.mar_t_-10 {
	margin-top: -10px;
}
.mar_t_-15 {
	margin-top: -15px;
}
.mar_t_-30 {
	margin-top: -30px;
}
.mar_t_00 {
	margin-top: 0;
}
.mar_t_03 {
	margin-top: 3px;
}
.mar_t_05 {
	margin-top: 5px;
}
.mar_t_10 {
	margin-top: 10px;
}
.mar_t_15 {
	margin-top: 15px;
}
.mar_t_20 {
	margin-top: 20px;
}
.mar_t_25 {
	margin-top: 25px;
}
.mar_t_30 {
	margin-top: 30px;
}
.mar_t_35 {
	margin-top: 35px;
}
.mar_t_40 {
	margin-top: 40px;
}
.mar_t_100 {
	margin-top: 100px;
}

/*右margin*/

.mar_r_00 {
	margin-right: 0;
}
.mar_r_05 {
	margin-right: 5px;
}
.mar_r_10 {
	margin-right: 10px;
}
.mar_r_15 {
	margin-right: 15px;
}
.mar_r_20 {
	margin-right: 20px;
}
.mar_r_25 {
	margin-right: 25px;
}
.mar_r_30 {
	margin-right: 30px;
}
.mar_r_35 {
	margin-right: 35px;
}
.mar_r_40 {
	margin-right: 40px;
}
/*下margin*/

.mar_b_00 {
	margin-bottom: 0;
}
.mar_b_05 {
	margin-bottom: 5px;
}
.mar_b_10 {
	margin-bottom: 10px;
}
.mar_b_15 {
	margin-bottom: 15px;
}
.mar_b_20 {
	margin-bottom: 20px;
}
.mar_b_25 {
	margin-bottom: 25px;
}
.mar_b_30 {
	margin-bottom: 30px;
}
.mar_b_35 {
	margin-bottom: 35px;
}
.mar_b_40 {
	margin-bottom: 40px;
}
.mar_b_50 {
	margin-bottom: 50px;
}
.mar_b_60 {
	margin-bottom: 60px;
}
.mar_b_70 {
	margin-bottom: 70px;
}
.mar_b_100 {
	margin-bottom: 100px;
}

/*左margin*/

.mar_l_00 {
	margin-left: 0;
}
.mar_l_05 {
	margin-left: 5px;
}
.mar_l_10 {
	margin-left: 10px;
}
.mar_l_15 {
	margin-left: 15px;
}
.mar_l_20 {
	margin-left: 20px;
}
.mar_l_25 {
	margin-left: 25px;
}
.mar_l_30 {
	margin-left: 30px;
}
.mar_l_35 {
	margin-left: 35px;
}
.mar_l_40 {
	margin-left: 40px;
}
.mar_l_50 {
	margin-left: 50px;
}
.mar_l_60 {
	margin-left: 60px;
}

.mar_l_-20 {
	margin-left: -20px;
}


.wrap {
	width: 1000px;
	background-image: url(url);
	margin-right: auto;
	margin-left: auto;
}
.header {
	height: 100px;
	position: relative;
	padding-left: 50px;
}
.header .hed_contact {
	float: right;
	width: 441px;
}
.header .hed_text {
	margin-top: 20px;
	float: left;
	margin-left: 50px;
}
.header .hed_girl {
	position: absolute;
	display: block;
	right: -100px;
	top: -6px;
}
body nav {
	font-family: "UtsukushiFONT", Times New Roman, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "MSP明朝", "MS PMincho", "MS 明朝", serif;
	background-repeat: no-repeat;
	height: 65px;
	background-image: url(img/nav_back.png);
	width: 1200px;
}
body header {
	background-repeat: repeat-x;
	background-origin: border-box;
	background-position: left bottom;
}
#up_content {
	background-image: url(img/vfbgd.png);
	background-repeat: repeat-x;
	height: 30px;
}
.g-navi {
	height: 100px;
	background-image: url(img/menu_bg.png);
	background-repeat: no-repeat;
	margin-top:-20px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 1140px;
	padding-top: 41px;
	position: relative;
}
.g-navi ul {
	width: 1010px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
}
.g-navi ul li {
	float: left;
	color: #3C2C12;
	text-align: center;
	line-height: 24px;
	width: 143px;
	font-size: 15px;
	border-left: #bbb 1px solid;
}

.g-navi ul li:first-child {
	border:none;
	
}




.g-navi ul li a {
	color: #3C2C12;
	text-decoration: none;
}
.g-navi ul li a:hover {
	opacity: 0.8;
}
#main_img {
	background-image: url(img/main_bg.jpg);
	background-repeat: repeat-x;
	height: 574px;
	width: 100%;
	position: relative;
	    background-position: center;
}
#main_img .main_frame {
		width: 995px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 40px;
	padding-left: 50px;
	background-repeat: no-repeat;
}
#top_info {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.info_content ul li {
	width: 300px;
	float: left;
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
}
#footer_img a {
	color: #3B2C12;
	text-decoration: none;
}
#footer_img {
	background-image: url(img/footer_bg.png);
	background-repeat: repeat-x;
	height: 490px;
	position: relative;
	padding-top: 50px;
	color: #3C2C12;
}
#footer_img .wrap .footer_bnr {
	margin-left: auto;
	margin-right: auto;
	width: 739px;
}
.footer_text {
	font-family: "UtsukushiFONT", Times New Roman, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "MSP明朝", "MS PMincho", "MS 明朝", serif;
	padding: 20px 0 0 0;
	line-height: 20px;
	text-align: center;
	width:990px;
	margin:0 auto;
}

.footer_text h3 {
	font-size: 20px;
	line-height: 30px;
	color: #3B2C12;
}
.footer_bnr .footer_logo {
	float: left;
}

	
	
	
#top_info .info_title {
	background-image: url(img/bg_header.jpg);
	background-repeat: repeat;
	width: 100%;
	padding-bottom: 20px;
}
#top_info .info_title .top_info_text {
	float: left;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 20px;
	margin-left: 3px;
	line-height: 156%;
	width: 446px;
}
.info_content ul li {
	line-height: 130%;
	background-image: url(img/content_sub_bg.png);
	width: 292px;
	height: 345px;
}
.info_content ul li img {

}
.info_content h3 {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
#top_wrap {
	padding: 30px 0;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#top_wrap .top_ranking img {
	width: 100%;
}
.top_ranking .footer_l {
	display: block;
	position: absolute;
	left: 0px;
	bottom: -140px;
}
.top_ranking .footer_r {
	display: block;
	position: absolute;
	bottom: -140px;
	right: 0px;
}

.main_left{	display: block;
	position: absolute;
	top: 3px;
	left: -270px;
	    opacity: 0.7;

}

.main_right{	display: block;
	position: absolute;
	top: 3px;
    right: -240px;
    opacity: 0.7;
}

.chair_img{
    display: block;
    position: absolute;
    bottom: -20px;
    left: -50px;
	}
.tokei_img{
	display: block;
	position: absolute;
    top: -140px;
    right: -90px;
	}
.chandelier_img{
	display: block;
	position: absolute;
	top: -125px;
	left: 2px;
	}

	

.top_ranking ul li {
	width: 235px;
	display: block;
	height: 152px;
	float: left;
	padding-top: 170px;
	padding-left: 30px;
	padding-right: 30px;
	background-repeat: no-repeat;
	color: #3B2C12;
	margin-left: 10px;
	margin-bottom: 9px;
	line-height: 160%;
	letter-spacing:-1px;
}
.top_ranking ul li.ranking1 {
	background-image: url(img/ranking01.jpg);
}
.top_ranking ul li.ranking2 {
	background-image: url(img/ranking02.jpg);
}
.top_ranking ul li.ranking3 {
	background-image: url(img/ranking03.jpg);
}
.top_ranking ul li.ranking4 {
	background-image: url(img/ranking04.jpg);
}
.top_ranking ul li.ranking5 {
	background-image: url(img/ranking05.jpg);
}
.top_ranking ul li.ranking6 {
	background-image: url(img/ranking06.jpg);
}
.top_ranking ul {
	margin-top: 5px;
	margin-bottom: 6px;
	display: block;
}
#top_info .title {
	background-image: url(img/common/bar07.png);
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 58px;
	padding-top: 19px;
	margin-top: 11px;
	margin-bottom: 19px;
	color: #E1756A;
	font-weight: bold;
	font-size: 18px;
}
#top_info .title .title_sub {
	color: #7D6C5A;
	font-size: 12px;
}
#top_info .work_content {
	padding-left: 21px;
}
.work_feature ul li {
	float: left;
	margin-left: 35px;
	margin-right: 35px;
}
#top_info .work_feature {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
.five_step dl {
	padding-left: 20px;
}
.five_step dl dd {
	padding-left: 110px;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 150%;
	font-size: 14px;
}
/*content main img*/

#main_img_content {
	background-image: url(img/common/main_bg.png);
	background-repeat: repeat-x;
	height: 293px;
	padding-top: 20px;
	padding-bottom: 10px;
	width: 100%;
}
#main_img_content .main_frame {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#top_info .sub_title {
	margin-top: 20px;
	margin-bottom: 15px;
}
.course_about {
	background-image: url(img/work/course_title.fw.png);
	background-repeat: no-repeat;
	width: 700px;
	height: 230px;
	padding-top: 40px;
	padding-left: 10px;
}
div .salary_cnp_l {
	width: 50%;
	float: left;
}
div .salary_cnp_l p{
	padding:3% 10% 0;
}

div .salary_cnp_r {
	width: 50%;
	float: right;
}
div .salary_cnp_r p{
	padding:3% 10% 0;
}



.mikeiken_point_footer {
	margin: 170px 0 20px;
}
.mikeiken_point_footer .point_r ul li {
	float: left;
}
.mikeiken_point_footer .point_r {
	width: 384px;
	float: right;
}
.mikeiken_point_footer .point_l {
	width: 550px;
	float: left;
	padding-left: 50px;
}
.mikeiken_point_footer .point_l ul li {
	margin-bottom: 10px;
}
.treatment_six {
	padding-left: 20px;
}
.treatment_six ul li {
	width: 310px;
	float: left;
	display: block;
	margin: 10px 5px;
}
.treatment_six p {
}
.treatment_six img {
	width: 100%;
}
/*仕事の流れページ*/

.flow_step {
	background-image: url(img/flow/flow-img05.png);
	background-repeat: no-repeat;
	width: 700px;
	height: 230px;
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding-top: 40px;
	padding-left: 5px;
}
.four_step dl {
	padding-left: 20px;
}
.four_step dl dd {
	padding-left: 110px;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 150%;
	font-size: 14px;
}
.four_step dl p {
	padding: 15px;
	width: 500px;
	margin-left: 30px;
	display: block;
	float: left;
}
/*女性スタッフページ*/


#top_info .staff_list dd {
	width: 650px;
	padding-top: 40px;
}
/*contactページ*/

#contact p {
	font-size: 16px;
	line-height: 170%;
	text-align: center;
}
#contact .company {
	margin: 20px 0;
	width: 100%;
}
#contact .company th, #contact .company td {
	padding: 20px;
	border: solid 1px #60533A;
	margin: 0;
}
#contact .company th {
	background-color: #D1C0A6;
	color: #fff;
	width: 30%;
}
#contact .company td {
	width: 70%;
}
#contact .form {
	width: 100%;
	margin-bottom: 20px;
}
#contact .form th, #contact .form td {
	padding: 20px;
	border-bottom: dotted 1px #60533A;
}
#contact .form th {
	width: 30%;
}
#contact .form td {
	width: 70%;
}
#contact .form select, #contact .form input, #contact .form textarea {
	border-radius: 10px;
	padding: 10px;
}
.shiny-button {
	display: inline-block;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.1;
	color: #FFFFFF;
	font-size: 12px;
	background-color: #E84D8b;
	border-radius: 10px;
	padding: 13.200000000000001px 33px 13.200000000000001px 33px;
	letter-spacing: 1px;
	font-size: 16px;
}
.shiny-button:hover {
	color: #FFFFFF;
	background-color: #ea5b94;
	text-shadow: 1px 1px 1px #c6195e;
}
.shiny-button:active {
	color: #FFFFFF;
	background-color: #e63f82;
	background-image: -webkit-linear-gradient(top, #e5367c 0%, #E84D8b 100%);
	background-image: -moz-linear-gradient(top, #e5367c 0%, #E84D8b 100%);
	background-image: -o-linear-gradient(top, #e5367c 0%, #E84D8b 100%);
	background-image: linear-gradient(top, #e5367c 0%, #E84D8b 100%);
	padding: 14.200000000000001px 33px 12.200000000000001px 33px;
}
tr td span {
	padding: 5px 5px;
	background-color: #F2A0C4;
	border-radius: 5px;
	line-height: 230%;
}
.g-navi .menu_girl {
	position: absolute;
	top: -62px;
	display: block;
	left: 24px;
}
.header_bg {
	background-image: url(img/bg_header.jpg);
	background-repeat: repeat;
}
#top_info .top_ranking {
	background-image: url(img/ranking_bg.jpg);
	position: relative;
	padding-bottom: 140px;
}
.line {
	background-image: url(img/vfbgd.png);
	height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#top_info .info_title #top_wrap {
	background-image: url(img/topix_main_bg.png);
	height: 370px;
	background-repeat: no-repeat;
	width: 990px;
	padding-top: 77px;
	padding-right: 0px;
	padding-left: 55px;
	padding-bottom: 0;
	position: relative;
}
#top_info .info_content #top_wrap {
	background-image: url(img/content_top_bg.jpg);
	height: 810px;
	background-repeat: no-repeat;
	width: 990px;
	padding: 90px 0px 0 55px;
	position: relative;
}
#top_info .top_ranking #top_wrap {
	position: relative;
	background-image: url(img/rannking_top_bg.jpg);
	height: 1080px;
	background-repeat: no-repeat;
	width: 990px;
	padding-top: 80px;
	padding-right: 0px;
	padding-left: 55px;
	padding-bottom: 0;
}
#top_info .info_content {
	background-image: url(img/top_content_bg.jpg);
	padding-bottom: 20px;
}
#top_info .info_content li h4 {
	margin: 10px 0;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 150%;
	letter-spacing:-1px;
}
#top_wrap .sub_text {
	padding-left: 130px;
	padding-right: 68px;
	line-height: 150%;
	font-size: 17px;
}
#top_info .work_content .job_text {
    padding-top: 0;
    /* padding-left: 34px; */
    padding-bottom: 0;
    /* padding-right: 35px; */
    width: 450px;
    margin-left: 20px;}
.work_content .store dd{
	padding-left: 136px;
}


	

.footer_text dl .fotter_line {
	border-top: 1px solid #3B2C12;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-top: 12px;
}
#top_wrap .alibi_content .text_box {
	width: 480px;
	float: right;
}