@charset "utf-8";

/* hanaue recruit - css_main ver.1.0 */

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

/*--------------------------------------------------- reset */

* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size:12px;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','Hiragino Gothic Pro','Osaka','Verdana',sans-serif;
	color: #666;
}

/* mac ie \*/
* { font-family:'Verdana','Arial',sans-serif; }
/* end */

body {
	width: 100%;
	height: 100%;
}

h1,h2,h3,h4,h5,h6,
img,div,table,ul { border: 0; }

strong,em {
	font-weight: bold;
	font-style: normal;
	color: #336;
}

a { text-decoration: none; color: #66c;}
a:hover { text-decoration: none; color: #99f;}


.fs10bl{
	font-size: 10px;
	color: #36c;
}

/*------------------------------------------------- reset E */

/*-- 780 layout --*/

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #fff;
}

#wrap {
	margin: 0 auto;
	padding: 0;
	width: 780px;
	background: #fff;
}

/*-- 780 layout E --*/

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

/*---------------------------------------------------------------
														layout
---------------------------------------------------------------*/

/*--------------------------------------------------- header */

#head {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 100px;
}

h1 {
	text-align: left;
	padding-top: 15px;
	width: 780px;
	height: 100px;
	font-size:12px;
	font-weight: normal;
	background: url('../images/bg_header.jpg') top left no-repeat;
}

h1 a { text-decoration: none; line-height: 15px; font-size: 10px; color: #66c;}
h1 a:hover { text-decoration: underline; line-height: 15px; font-size: 10px; color: #99f;}

.headtitle { line-height: 20px; font-size: 12px; color: #36c;}

/*-------------------------------------------------- header E */

/*--------------------------------------------------- g_menu */

#gmenu {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 30px;
	background: url('../images/dot_cff.gif') top left repeat-x #fff;
}

ul {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 30px;
	list-style: none;
}

li {
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
}

.lm a {
	float: left;
	text-decoration: none;
	padding: 0px 10px 0px 20px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #66c;
	background: url('../images/lm_gnenu_rov.gif') top left no-repeat;
}

.lm a:hover {
	float: left;
	text-decoration: underline;
	padding: 0px 10px 0px 20px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #69c;
	background: url('../images/lm_gnenu_rov.gif') bottom left no-repeat;
}

.on { 
	float: left;
	padding: 0px 10px 0px 20px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #69c;
	background: url('../images/lm_gnenu_rov.gif') bottom left no-repeat;
}

/*-------------------------------------------------- g_menu E */

/*--------------------------------------------------- intro */

#intro {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 150px;
	background: url('../images/bg_intro.jpg') top left no-repeat;
}

#intro p {
	margin: 0;
	padding: 10px 0px 0px 0px;
	line-height: 20px;
	font-size: 12px;
	color: #369;
}

#intro2 {
	margin: 0;
	padding: 0;
	width: 780px;
	background: url('../images/dot_cff.gif') top left repeat-x #fff;
}

#intro2 p {
	margin: 0;
	padding: 10px 0px;
	line-height: 20px;
	font-size: 12px;
	color: #f66;
}

/*--------------------------------------------------- intro E */

/*--------------------------------------------------- content */

.title {
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
	width: 780px;
	height: 40px;
	background: url('../images/dot_cff.gif') top left repeat-x #fff;
}

h2 {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 750px;
	height: 30px;
	line-height: 30px;
	font-size:12px;
	font-weight: bold;
	color: #36c;
	background: url('../images/bg_title_h2.gif') top left no-repeat #fff;
}

/*-- 750 table --*/

.tablearea {
	text-align: center;
	margin: 0 auto;
	padding-bottom: 10px;
	width: 780px;
	background: url('../images/dot_cff.gif') bottom left repeat-x #fff;
}

h3 {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 750px;
	line-height: 30px;
	font-size:12px;
	font-weight: bold;
	color: #36c;
}

table {
	margin: 0 auto;
	width: 750px;
	background-color: #69c;
}

td {
	text-align: left;
	padding: 3px 0px 3px 10px;
	line-height: 20px;
	font-size: 12px;
	color: #336;
	background-color: #fff;
}

.tdl {
	text-align: left;
	padding: 3px 0px 3px 10px;
	width: 20%;
	font-size: 12px;
	font-weight: bold;
	color: #259;
	background-color: #cce5e5;
}

.tds {
	line-height: 30px;
	color: #339;
}

.tablearea a { text-decoration: underline; line-height: 20px; font-size: 12px; color: #66c;}
.tablearea a:hover { text-decoration: underline; line-height: 20px; font-size: 12px; color: #f90;}
.tablearea .pagetop { text-align: right; margin: 0 auto; padding-top: 10px; width: 750px; line-height: 20px; font-size: 12px; color: #456;}
/*-- 750 table E --*/


/*--  750 text r02 --*/

.textarea {
	text-align: center;
	margin: 0 auto;
	padding-bottom: 10px;
	width: 780px;
	background: url('../images/dot_cff.gif') bottom left repeat-x #fff;
}

.textarea h3 {
	text-align: left;
	margin: 0 auto;
	padding: 5px 0px 0px 0px;
	width: 760px;
	line-height: 30px;
	font-size:12px;
	font-weight: normal;
	color: #33f;
	background: url('../images/dot_cff.gif') bottom left repeat-x #fff;
}

.textarea h4 {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	line-height: 30px;
	font-size:12px;
	font-weight: normal;
	color: #36c;
}

.textarea p {
	text-align: left;
	margin: 0;
	padding: 5px 0px 10px 20px;
	width: 740px;
	line-height: 20px;
	font-size: 12px;
	color: #336;
}

.textarea a { text-decoration: underline; line-height: 20px; font-size: 12px; color: #66c;}
.textarea a:hover { text-decoration: underline; line-height: 20px; font-size: 12px; color: #f90;}
.textarea .pagetop { text-align: right; margin: 0 auto; padding-top: 10px; width: 750px; line-height: 20px; font-size: 12px; color: #456;}
.textarea img { margin: 10px;}

/*--  750 text r02 E --*/


/*--  dl r04 --*/

.tablearea dl {
	text-align: left;
	margin: 0;
	padding: 0px 25px;
}

.tablearea dt {
	margin: 0;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #369;
}

.tablearea dd {
	margin: 0;
	line-height: 20px;
	font-size: 12px;
	color: #336;
}

/*--  dl r04 E --*/

/*--  dl r06 --*/

.textarea dl {
	text-align: left;
	margin: 10px 0px;
	padding: 0px 25px;
}

.textarea dt {
	margin: 0;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #369;
}

.textarea dd {
	margin: 0;
	line-height: 20px;
	font-size: 12px;
	color: #336;
}

/*--  dl r06 E --*/


/*--------------------------------------------------- content E */


/*--------------------------------------------------- inq */

.inq {
	text-align: center;
	margin: 20px auto;
	padding: 0;
	width: 780px;
}

.inqh {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 750px;
	height: 10px;
	line-height: 1px;
	font-size: 1px;
	background: url('../images/box_w750t.gif') top left no-repeat;
}

.inqs {
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	width: 750px;
	line-height: 20px;
	font-size: 12px;
	color: #36c;
	background: url('../images/box_w750s.gif') top left repeat-y;
}

.inqb {
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	width: 750px;
	height: 10px;
	line-height: 1px;
	font-size: 1px;
	background: url('../images/box_w750b.gif') top left no-repeat;
}

/*--------------------------------------------------- inq E */


/*--------------------------------------------------- foot */

#foot {
	text-align: center;
	margin: 0px auto;
	padding: 0;
	width: 780px;
	height: 100px;
	background: url('../images/dot_cff.gif') top left repeat-x #eff;
}

.ph {
	text-align: center;
	margin: 0px auto;
	padding-top: 10px;
	font-size: 12px;
	color: #69f;
}

.pm {
	text-align: center;
	margin: 0px auto;
	padding-top: 5px;
	line-height: 15px;
	font-size: 12px;
	color: #69f;
}

.pc {
	text-align: center;
	margin: 0px auto;
	padding-top: 10px;
	line-height: 15px;
	font-size: 10px;
	color: #69f;
}

#foot a {
	text-decoration: none;
	line-height: 20px;
	font-size: 10px;
	color: #66f;
}

#foot a:hover {
	text-decoration: underline;
	line-height: 20px;
	font-size: 10px;
	color: #69f;
}

/*--------------------------------------------------- foot E */


/* hanaue recruit - css_main ver.1.0 fin.*/