@charset "utf-8";
@import url("common.css");
@import url("column.css");

/* common ----------------------------------------------------------------------------------------------------*/

/* menu_sub
----------------------------------------------------------------------------------------------------*/

div#menu_sub h2{
	background:url(../recruit/img/title_recruit.gif) no-repeat left center;
	height:13px;
}

/* pan
----------------------------------------------------------------------------------------------------*/

p.pan_rec-contact{
	background:url(https://www.ehimepaper.co.jp/recruit/img/contact/pan_rec-contact.gif) no-repeat right center;
	padding-right:120px;
	margin:0 10px;
}

p.pan_rec-entry{
	background:url(https://www.ehimepaper.co.jp/recruit/img/entry/pan_rec-entry.gif) no-repeat right center;
	padding-right:127px;
	margin:0 10px;
}


div#column-one_main p#pan{
	position:absolute;
	top:80px;
	left:20px;
	width:200px;
}

div#column-one_main p span.pan_recruit{
	background:url(../recruit/img/pan_recruit.gif) no-repeat center bottom;
	display:inline-block;
	height:20px;/*複数行20px　1行13px*/
	line-height:1.4;
	width:59px;
	/*vertical-align:bottom;*/
}

/* massage */

p.pan_massage{
	background:url(../recruit/img/seniors-massage/pan_seniorsmassage.gif) no-repeat center right;
	padding-right:102px;
	margin:0 10px;
}

div#column-one_main p span.pan_massage_01{
	background:url(../recruit/img/seniors-massage/pan_massage_01.gif) no-repeat center bottom;
	display:inline-block;
	height:20px;/*複数行20px　1行13px*/
	line-height:1.4;
	width:65px;
}

div#column-one_main p span.pan_massage_02{
	background:url(../recruit/img/seniors-massage/pan_massage_02.gif) no-repeat center bottom;
	display:inline-block;
	height:20px;/*複数行20px　1行13px*/
	line-height:1.4;
	width:64px;
}

div#column-one_main p span.pan_massage_03{
	background:url(../recruit/img/seniors-massage/pan_massage_03.gif) no-repeat center bottom;
	display:inline-block;
	height:20px;/*複数行20px　1行13px*/
	line-height:1.4;
	width:65px;
}

div#column-one_main p span.pan_massage_04{
	background:url(../recruit/img/seniors-massage/pan_massage_04.gif) no-repeat center bottom;
	display:inline-block;
	height:20px;/*複数行20px　1行13px*/
	line-height:1.4;
	width:50px;
}

div#column-one_main p span.pan_massage_05{
	background:url(../recruit/img/seniors-massage/pan_massage_05.gif) no-repeat center bottom;
	display:inline-block;
	height:20px;/*複数行20px　1行13px*/
	line-height:1.4;
	width:126px;
}


/* page title
----------------------------------------------------------------------------------------------------*/

div#column-one_main #title_page-recruit{
	background:url(../recruit/img/title_page-recruit250px.gif) no-repeat left center;
	height:140px;
	margin-bottom:30px;
	text-align:left;
}

div#column-two_main #title_page-recruit{
	background:url(../recruit/img/title_page-recruit630px.gif) no-repeat left center;
	height:43px;
	margin-bottom:30px;
	text-align:left;
}


div#column-one_main #title_page-seniorsmassage{
	background:url(../recruit/img/seniors-massage/title_page-seniorsmassage250px.gif) no-repeat left center;
	height:140px;
	margin-bottom:30px;
	text-align:left;
}

div#column-two_main #title_page-seniorsmassage{
	background:url(../recruit/img/seniors-massage/title_page-seniorsmassage630px.gif) no-repeat left center;
	height:43px;
	margin-bottom:30px;
	text-align:left;
}

div#column-two_main #title_page-rec-contact{
	background:url(https://www.ehimepaper.co.jp/recruit/img/contact/title_page-rec-contact.gif) no-repeat left center;
	height:43px;
	margin-bottom:30px;
	text-align:left;
}

div#column-two_main #title_page-rec-entry{
	background:url(https://www.ehimepaper.co.jp/recruit/img/entry/title_page-rec-entry.gif) no-repeat left center;
	height:44px;
	margin-bottom:30px;
	text-align:left;
}


/* page style ----------------------------------------------------------------------------------------------------*/

/* index.php
	1.massage
	2.info
	3.menu_recruit
----------------------------------------------------------------------------------------------------*/

/* 1.massage */

div#massage{
	background:url(../recruit/img/index/back_img-member.jpg) no-repeat bottom left;
	width:860px;
	min-height:300px;
	margin-bottom:20px;
}

div#massage h2{
	float:left;
	margin-bottom:30px;
	width:411px;
}
div#massage h2 a{
	background:url(../recruit/img/index/title_message.gif) no-repeat left center;
	display:block;
	height:23px;
	width:411px;
}
div#massage h2 a:visited{
	background:url(../recruit/img/index/title_message_on.gif) no-repeat left center;
}
div#massage h2 a:hover{
	background:url(../recruit/img/index/title_message_on.gif) no-repeat left center;
}

div#massage p{
	float:right;
	margin-bottom:30px;
}

div#massage p a{
	background:url(../recruit/img/index/btn_list-message.gif) no-repeat right center;
	display:block;
	height:23px;
	width:120px;
}
div#massage p a:visited{
	background:url(../recruit/img/index/btn_list-message_on.gif) no-repeat right center;
}
div#massage p a:hover{
	background:url(../recruit/img/index/btn_list-message_on.gif) no-repeat right center;
}

div#massage ul{
	clear:both;
	height:300px;
	width:860px;
}

div#massage ul li{
	display:inline;
}

div#massage ul li#massage_01 a{
	display:inline-block;
	height:300px;
	width:143px;
}
div#massage ul li#massage_01 a:hover{
	background:url(../recruit/img/index/btn_member01.jpg) no-repeat;
}

div#massage ul li#massage_02 a{
	display:inline-block;
	height:300px;
	width:143px;
}
div#massage ul li#massage_02 a:hover{
	background:url(../recruit/img/index/btn_member02.jpg) no-repeat;
}

div#massage ul li#massage_03 a{
	display:inline-block;
	height:300px;
	width:144px;
}
div#massage ul li#massage_03 a:hover{
	background:url(../recruit/img/index/btn_member03.jpg) no-repeat;
}

div#massage ul li#massage_04 a{
	display:inline-block;
	height:300px;
	width:143px;
}
div#massage ul li#massage_04 a:hover{
	background:url(../recruit/img/index/btn_member04.jpg) no-repeat;
}

div#massage ul li#massage_05 a{
	display:inline-block;
	height:300px;
	width:287px;
}
div#massage ul li#massage_05 a:hover{
	background:url(../recruit/img/index/btn_member05.jpg) no-repeat;
}

/* 2.info */

div#info{
	float:left;
	height:240px;
	width:400px;
	overflow:hidden;
}

div#info h2{
	background:url(../recruit/img/index/title_info-recruit.gif) no-repeat left center;
	height:16px;
	margin-bottom:20px;
	width:400px;
}

div#info dl{
	height:134px;
	line-height:1.4;
	letter-spacing:0.1em;
	overflow:auto;
	text-align:left;
}
div#info dl dt{
	clear:left;
	float:left;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	width:8em;
}
div#info dl dd{
	border-bottom:1px #EFEFEF solid;
	margin-bottom:0.5em;
	padding-left:8em;
	padding-bottom:0.5em;
}
div#info dl dd a{
	color:#333333;
}
div#info dl dd a:visited{
	color:#4A85FF;
}
div#info dl dd a:hover{
	color:#4A85FF;
}

/* 3.menu_recruit　*/

div#menu_recruit{
	float:right;
	height:240px;
	width:430px;
}
div#menu_recruit ul{
	width:430px;
}
div#menu_recruit ul li{
	border:1px #EFEFEF solid;
	background:#FFFFFF;
	height:60px;
	padding:9px;
	width:190px;
}

div#menu_recruit ul li img{
	float:left;
}

div#menu_recruit ul li p{
	font-size:90%;
	line-height:1.2;
	padding-left:70px;
	text-align:left;
}

/**/

div#menu_recruit ul li#menu_rec-schedule{
	float:left;
	margin:0 0 10px 0;
}
div#menu_recruit ul li#menu_rec-schedule h2{
	background:url(../img/index/title_rec-schedule.gif) no-repeat 70px 0;
	height:30px;
	text-align:left;
}

/**/

div#menu_recruit ul li#menu_rec-work{
	float:right;
	margin:0 0 10px 0;
}
div#menu_recruit ul li#menu_rec-work h2{
	background:url(../img/index/title_rec-work.gif) no-repeat 70px 0;
	height:18px;
	text-align:left;
}

/**/

div#menu_recruit ul li#menu_rec-by{
	float:left;
	margin-bottom:10px;
}
div#menu_recruit ul li#menu_rec-by h2{
	background:url(../img/index/title_rec-by.gif) no-repeat 70px 0;
	height:30px;
	text-align:left;
}

/**/

div#menu_recruit ul li#rec-entry{
	float:right;
	margin:0;
	margin-bottom:10px;
}
div#menu_recruit ul li#rec-entry h2{
	background:url(../recruit/img/index/title_rec-entryform.gif) no-repeat left top;
	height:39px;
}

div#menu_recruit ul li p.more_entry{
	padding:0;
}
div#menu_recruit ul li p.more_entry a{
	background:url(../recruit/img/index/btn_entry.gif) no-repeat;
	display:inline-block;
	height:20px;
	width:190px;
}
div#menu_recruit ul li p.more_entry a:visited{
	background:url(../recruit/img/index/btn_entry_on.gif) no-repeat;
}
div#menu_recruit ul li p.more_entry a:hover{
	background:url(../recruit/img/index/btn_entry_on.gif) no-repeat;
}

/**/

div#menu_recruit ul li#rec-contact{
	clear:both;
	height:58px;
	margin:0;
	padding:0;
	width:428px;
}
div#menu_recruit ul li#rec-contact p{
	margin:0;
	padding:0;
}
div#menu_recruit ul li#rec-contact a{
	background:url(../recruit/img/index/back_rec-contact.gif) no-repeat center;
	display:block;
	height:58px;
	width:428px;
}
div#menu_recruit ul li#rec-contact a:hover{
	background:url(../recruit/img/index/back_rec-contact_on.gif) no-repeat center;
	display:block;
	height:58px;
	width:428px;
}
div#menu_recruit ul li#rec-contact a:visited{
	background:url(../recruit/img/index/back_rec-contact_on.gif) no-repeat center;
	display:block;
	height:58px;
	width:428px;
}

/* linkbox */

div#menu_recruit ul li.linkbox{
	border:1px #EFEFEF solid;
	background:#FFFFFF;
}
div#menu_recruit ul li.box_hover{
	border:1px #4A85FF solid;
	color:#4A85FF;
	cursor:pointer;
}

/* index.html(massage)
	1.menu_massage
----------------------------------------------------------------------------------------------------*/

/* menu_massage */

ul#menu_massage{
	width:630px;
	
}

ul#menu_massage li#menu_01{
	float:left;
	margin-bottom:20px;
}
ul#menu_massage li#menu_01 a{
	background:url(../recruit/img/seniors-massage/btn_massage01.gif) no-repeat left center;
	display:inline-block;
	width:305px;
	height:60px;
}

/**/

ul#menu_massage li#menu_02{
	float:right;
	margin-bottom:20px;
}
ul#menu_massage li#menu_02 a{
	background:url(../recruit/img/seniors-massage/btn_massage02.gif) no-repeat left center;
	display:inline-block;
	height:60px;
	width:305px;
}

/**/

ul#menu_massage li#menu_03{
	float:left;
	margin-bottom:20px;
}
ul#menu_massage li#menu_03 a{
	background:url(../recruit/img/seniors-massage/btn_massage03.gif) no-repeat left center;
	display:inline-block;
	height:60px;
	width:305px;
}

/**/

ul#menu_massage li#menu_04{
	float:right;
	margin-bottom:20px;
}
ul#menu_massage li#menu_04 a{
	background:url(../recruit/img/seniors-massage/btn_massage04.gif) no-repeat left center;
	display:inline-block;
	height:60px;
	width:305px;
}

/**/

ul#menu_massage li#menu_05{
	clear:both;
}
ul#menu_massage li#menu_05 a{
	background:url(../recruit/img/seniors-massage/btn_massage05.gif) no-repeat left center;
	display:inline-block;
	height:60px;
	width:630px;
}

/* linkbox */

ul#menu_massage li.linkbox{
	background:url(../recruit/img/seniors-massage/back_menu-massage.gif) no-repeat top right #FFFFFF;
	height:60px;
	width:305px;
}
ul#menu_massage li.last{
	height:60px;
	width:630px;
}

ul#menu_massage li.box_hover{
	background:url(../recruit/img/seniors-massage/back_menu-massage_on.gif) no-repeat top right #FFFFFF;
}

/* masssage page
	1.column
	2.title
	3.massage_01-05
----------------------------------------------------------------------------------------------------*/

/* 1.column
	1-1.main_massage
	1-2.side_massage
*/

/* 1-1.main_massage */

div#main_massage{
	float:left;
	width:400px;
}

div#main_massage p{
	margin-top:1em;
	line-height:1.6;
	letter-spacing:0.1em;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* 1-2.side_massage */

div#side_massage{
	float:right;
	width:200px;
}
div#side_massage #menu_sub{
	background:url(../recruit/img/back_side.gif);
}


/* 2.title */

h2#title_massage{
	background:url(../recruit/img/seniors-massage/title_massage.gif) no-repeat left center;
	height:32px;
	margin-bottom:30px;
}

h3#title_profile{
	background:url(../recruit/img/seniors-massage/title_profile.gif) no-repeat left center;
	height:13px;
	margin-bottom:20px;
}

h3#title_works{
	background:url(../recruit/img/seniors-massage/title_works.gif) no-repeat left center;
	height:13px;
	margin:30px 0 10px;
}

h3#title_send-message{
	background:url(../recruit/img/seniors-massage/title_send-message.gif) no-repeat left center;
	height:13px;
	margin:30px 0 10px;
}


/* massage_01
----------------------------------------------------------------------------------------------------*/

div.massage_01{
	background:url(../recruit/img/seniors-massage/back_img-massage01.jpg) no-repeat top right;
}

div.title_massage_01{
	background:url(../recruit/img/seniors-massage/title_message01.gif) no-repeat top left;
	padding-top:341px;
	width:200px;
}

h4#title_massage01-works{
	background:url(../recruit/img/seniors-massage/title_massage01-works.gif) no-repeat left center;
	height:22px;
	margin-bottom:20px;
}

h4#title_massage01-sendmassage{
	background:url(../recruit/img/seniors-massage/title_massage01-sendmassage.gif) no-repeat left center;
	height:22px;
	margin-bottom:20px;
}

/* massage_02
----------------------------------------------------------------------------------------------------*/

div.massage_02{
	background:url(../recruit/img/seniors-massage/back_img-massage02.jpg) no-repeat top right;
}

div.title_massage_02{
	background:url(../recruit/img/seniors-massage/title_message02.gif) no-repeat top left;
	padding-top:339px;
	width:200px;
}

h4#title_massage02-works{
	background:url(../recruit/img/seniors-massage/title_massage02-works.gif) no-repeat left center;
	height:22px;
	margin-bottom:20px;
}

h4#title_massage02-sendmassage{
	background:url(../recruit/img/seniors-massage/title_massage02-sendmassage.gif) no-repeat left center;
	height:53px;
	margin-bottom:20px;
}

/* massage_03
----------------------------------------------------------------------------------------------------*/

div.massage_03{
	background:url(../recruit/img/seniors-massage/back_img-massage03.jpg) no-repeat top right;
}

div.title_massage_03{
	background:url(../recruit/img/seniors-massage/title_message03.gif) no-repeat top left;
	padding-top:255px;
	width:200px;
}

h4#title_massage03-works{
	background:url(../recruit/img/seniors-massage/title_massage03-works.gif) no-repeat left center;
	height:22px;
	margin-bottom:20px;
}

h4#title_massage03-sendmassage{
	background:url(../recruit/img/seniors-massage/title_massage03-sendmassage.gif) no-repeat left center;
	height:23px;
	margin-bottom:20px;
}

/* massage_04
----------------------------------------------------------------------------------------------------*/

div.massage_04{
	background:url(../recruit/img/seniors-massage/back_img-massage04.jpg) no-repeat top right;
}

div.title_massage_04{
	background:url(../recruit/img/seniors-massage/title_message04.gif) no-repeat top left;
	padding-top:278px;
	width:200px;
}

h4#title_massage04-works{
	background:url(../recruit/img/seniors-massage/title_massage04-works.gif) no-repeat left center;
	height:22px;
	margin-bottom:20px;
}

h4#title_massage04-sendmassage{
	background:url(../recruit/img/seniors-massage/title_massage04-sendmassage.gif) no-repeat left center;
	height:23px;
	margin-bottom:20px;
}

/* massage_05
----------------------------------------------------------------------------------------------------*/

div.massage_05{
	background:url(../recruit/img/seniors-massage/back_img-massage05.jpg) no-repeat top right;
}

div.title_massage_05{
	background:url(../recruit/img/seniors-massage/title_message05.gif) no-repeat top left;
	padding-top:625px;
	width:200px;
}

h3#title_massage05-works{
	background:url(../recruit/img/seniors-massage/title_massage05-works.gif) no-repeat left center;
	height:52px;
	margin-bottom:20px;
}


h4#title_massage05_Q-1{
	background:url(../recruit/img/seniors-massage/title_massage05_Q-1.gif) no-repeat left center;
	height:52px;
	margin:30px 0 20px;
}
h4#title_massage05_Q-2{
	background:url(../recruit/img/seniors-massage/title_massage05_Q-2.gif) no-repeat left center;
	height:52px;
	margin:30px 0 20px;
}
h4#title_massage05_Q-3{
	background:url(../recruit/img/seniors-massage/title_massage05_Q-3.gif) no-repeat left center;
	height:53px;
	margin:30px 0 20px;
}
h4#title_massage05_Q-4{
	background:url(../recruit/img/seniors-massage/title_massage05_Q-4.gif) no-repeat left center;
	height:22px;
	margin:30px 0 20px;
}


/* contact
----------------------------------------------------------------------------------------------------*/

p.rec-text{
	line-height:1.4;
	margin-bottom:20px;
	text-align:left;
}

form#mail_form dl{
	border-top:1px #CCCCCC solid;
	line-height:1.6;
	margin-bottom:30px;
	text-align:left;
}

form#mail_form dl dt{
	clear:left;
	float:left;
	letter-spacing:0.2em;
	padding:10px 0;
	padding-left:10px;
	width:180px;
}

form#mail_form dl dt span.required{
	color:#CC0000;
	font-weight:bold;
	font-size:80%;
}

form#mail_form dl dd{
	background:url(https://www.ehimepaper.co.jp/recruit/img/contact/back_blue.gif) repeat-y;
	border-top:1px #FFFFFF solid;
	border-bottom:1px #CCCCCC solid;
	padding:10px 0;
	padding-left:220px;
}

form#mail_form .area_input{
	border:1px #CCCCCC solid;
	background:#EFF6FC;
	font-size:1.2em;
	width:400px;
}
form#mail_form .area_input:hover{
	border:1px #4A85FF solid;
	background:#EFF6FC;
}
form#mail_form .area_input:focus{
	border:1px #4A85FF solid;
	background:#FFFFFF;
}

form#mail_form textarea{
	border:1px #CCCCCC solid;
	background:#EFF6FC;
	height:200px;
	width:400px;
}

form#mail_form textarea.entry{
	border:1px #CCCCCC solid;
	background:#EFF6FC;
	height:100px;
	width:400px;
}

form#mail_form p{
	background:url(https://www.ehimepaper.co.jp/recruit/img/contact/back_blue.gif);
	padding:10px;
}

form#mail_form dl dd.confilm{
	min-height:1.6em;
}

form#mail_form .btn{
	background:url(https://www.ehimepaper.co.jp/recruit/img/contact/back_btn.gif) repeat-x left bottom #FFFFFF;
	border:1px #CCCCCC solid;
	padding:0.1em 0.2em;
}

form#mail_form p#form_error{
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	color:#FF0000;
}
form#mail_form dl dt span.sub_text{
	font-size:70%;
}