@charset "shift_jis";
body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10pt;
	line-height: 1.8;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #FFF;
}
h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}
p {
	padding-bottom: 10px;
}
ul{
	list-style-type: none;
}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clr{clear:both;}
img {
	border: none;
	vertical-align: bottom;
}
.col_red{
	color: #F00;
}
.font16px{
	font-size: 16px;
}

/*HPを囲む枠。両サイドの影を入れている。
------------------------------------------------------------------*/
#wrapper {
	background: #FFFFFF url(images/bg.gif) repeat-y center;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}


/*HP本体の枠。ここは基本的に変更しないように。
------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}


/*ヘッダー。メイン画像が入っている所。
------------------------------------------------------------------*/
#header {
	background: #FFF url(images/header_bg.gif) repeat-x top;
	height: 74px;
	position: relative;
}


/*ヘッダー内のh1タグの設定。
------------------------------------------------------------------*/
#header h1 {
	font-size: 10px;
	font-weight: normal;
	color: #999;
	position: absolute;
	left: 15px;
	top: 2px;
	width: 700px;
}

/*ヘッダー内のロゴ画像の設定。
------------------------------------------------------------------*/
#header #logo {
	position: absolute;
	left: 15px;
	top: 24px;
	width: 500px;
	z-index: 2;
}

/*ヘッダー内サブメニューの設定。
------------------------------------------------------------------*/
#header #submenu_area {
	background: url(images/submenu_bg.gif) repeat-x bottom;
	position: absolute;
	left: 0px;
	top: 46px;
	width: 800px;
	height: 28px;
}

#header #submenu {
	background: url(images/submenu_btn.gif) no-repeat;
	position: absolute;
	left: 523px;
	top: 0px;
	width: 277px;
	height: 28px;
}

#header #submenu ul{
margin:0px 0px 0px0px;
padding:0px;
}

#submenu li{
text-indent:-9999px;
float:left;
}

#submenu li.sm001 a{
background:url(images/submenu_btn.gif) no-repeat 0px 0px;
width:88px;
height:28px;
display:block;
}

#submenu li.sm002 a{
background:url(images/submenu_btn.gif) no-repeat -88px 0px;
width:126px;
height:28px;
display:block;
}

#submenu li.sm003 a{
background:url(images/submenu_btn.gif) no-repeat -214px 0px;
width:63px;
height:28px;
display:block;
}

/*グローバルメニューの設定。
------------------------------------------------------------------*/
#gnavi_area {
	width: 800px;
}

#gnavi_area ul.gnav{
margin:0px;
}

#gnavi_area ul.gnavi li{
float:left;
text-indent:-9999px;
}

.gn01 a{
background:url(images/gnavi_bg.gif) no-repeat 0px 0px;
height:57px;
width:161px;
display:block;
}

.gn02 a{
background:url(images/gnavi_bg.gif) no-repeat -161px 0px;
height:57px;
width:160px;
display:block;
}

.gn03 a{
background:url(images/gnavi_bg.gif) no-repeat -321px 0px;
height:57px;
width:160px;
display:block;
}

.gn04 a{
background:url(images/gnavi_bg.gif) no-repeat -481px 0px;
height:57px;
width:160px;
display:block;
}

.gn05 a{
background:url(images/gnavi_bg.gif) no-repeat -641px 0px;
height:57px;
width:159px;
display:block;
}

.gn01 a:hover{
background:url(images/gnavi_bg.gif) no-repeat 0px -57px;
height:57px;
width:161px;
display:block;
}

.gn02 a:hover{
background:url(images/gnavi_bg.gif) no-repeat -161px -57px;
height:57px;
width:160px;
display:block;
}

.gn03 a:hover{
background:url(images/gnavi_bg.gif) no-repeat -321px -57px;
height:57px;
width:160px;
display:block;
}

.gn04 a:hover{
background:url(images/gnavi_bg.gif) no-repeat -481px -57px;
height:57px;
width:160px;
display:block;
}

.gn05 a:hover{
background:url(images/gnavi_bg.gif) no-repeat -641px -57px;
height:57px;
width:159px;
display:block;
}

/*ヘッダーイメージ。メイン画像が入っている所。
------------------------------------------------------------------*/
#header_img {
	background: url(images/main_img.jpg) no-repeat left bottom;
	height: 269px;
	position: relative;
	clear: both;
	text-indent:-9999px;
}

/*求人情報ヘッダーイメージ。
------------------------------------------------------------------*/
#header_img_02 {
	background: url(images/main_img_02.jpg) no-repeat left bottom;
	height: 120px;
	position: relative;
	clear: both;
	text-indent:-9999px;
}

/*会社案内ヘッダーイメージ。
------------------------------------------------------------------*/
#header_img_03 {
	background: url(images/main_img_03.jpg) no-repeat left bottom;
	height: 120px;
	position: relative;
	clear: both;
	text-indent:-9999px;
}

/*よくある質問ヘッダーイメージ。
------------------------------------------------------------------*/
#header_img_04 {
	background: url(images/main_img_04.jpg) no-repeat left bottom;
	height: 120px;
	position: relative;
	clear: both;
	text-indent:-9999px;
}

/*応募フォームヘッダーイメージ。
------------------------------------------------------------------*/
#header_img_05 {
	background: url(images/main_img_05.jpg) no-repeat left bottom;
	height: 120px;
	position: relative;
	clear: both;
	text-indent:-9999px;
}

/*サイトマップヘッダーイメージ。
------------------------------------------------------------------*/
#header_img_06 {
	background: url(images/main_img_06.jpg) no-repeat left bottom;
	height: 120px;
	position: relative;
	clear: both;
	text-indent:-9999px;
}

/*プライバシーポリシーヘッダーイメージ。
------------------------------------------------------------------*/
#header_img_07 {
	background: url(images/main_img_07.jpg) no-repeat left bottom;
	height: 120px;
	position: relative;
	clear: both;
	text-indent:-9999px;
}

/*リンクヘッダーイメージ。
------------------------------------------------------------------*/
#header_img_08 {
	background: url(images/main_img_08.jpg) no-repeat left bottom;
	height: 120px;
	position: relative;
	clear: both;
	text-indent:-9999px;
}

/*ヘッダー下部。
------------------------------------------------------------------*/
#header_bottom {
	background: url(images/header_bottom.gif) repeat-x;
	height: 31px;
	position: relative;
}

/*パンくず設定。
------------------------------------------------------------------*/
.pankuzu {
	padding: 6px 0 0 8px;
	font-size: 12px;
	color: #666;
}
.pankuzu a {
	color: #666;
}

/*メインメニューの設定。
------------------------------------------------------------------*/
#menu li {
	display: inline;
	text-align: right;
}


/*コンテンツ。文章が入る２列部分の背景をここで設定。
------------------------------------------------------------------*/
#contents {
	background: url(images/contents_bg.gif) repeat-y left;
	padding-top: 20px;
}


/*メインコンテンツ。（左側）
------------------------------------------------------------------*/
#main {
	float: left;
	width: 570px;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}
#main p {
	margin-right: 15px;
	margin-left: 15px;
}
#main p a {
	color: #F60;
	text-decoration: none;
}
#main p a:hover {
	color: #F30;
	text-decoration: underline;
}
div.message p {
	padding-top: 10px;
	padding-bottom: 10px;
/*	border-bottom: 1px dotted #CCCCCC; */
}
.book_area {
	display:block;
	margin:auto;
	text-align:center;
}

/*見出しの設定
------------------------------------------------------------------*/
h3.midashi {
	display: block;
	padding: 7px 0px 0px 20px;
	width: 566px;
	height: 41px;
	background: url(images/midashi_blank_01.gif) no-repeat left top;
	font-size:17px;
	font-weight: normal;
	color: #29526E;
}
h4.midashi {
	display: block;
	padding: 7px 0px 0px 26px;
	width: 566px;
	height: 31px;
	background: url(images/midashi_blank_02.gif) no-repeat left top;
	font-size:14px;
	font-weight: normal;
	color: #666;
}

/*イメージの設定
------------------------------------------------------------------*/
.ba_image {
	display: block;
	padding: 0px 0px 10px 5px;
	width: 556px;
	height: auto;
}

/*応募バナーの設定。
------------------------------------------------------------------*/
#ba_mailform {
	width: 195px;
	height:172px;
	text-indent:-9999px;
}

#ba_mailform a{
	background:url(images/ba_mailform.gif) no-repeat 0px 0px;
	width: 195px;
	height:172px;
	display:block;
}
#ba_mailform a:hover{
	background:url(images/ba_mailform.gif) no-repeat 0px -172px;
	width: 195px;
	height:172px;
	display:block;
}

/*サブコンテンツ。（右側）
------------------------------------------------------------------*/
#sub {
	float: right;
	width: 195px;
	color: #36455c;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: -7px;
}
#sub h3 {
	border: 3px double #ffffff;
	background: #242B40;
	font-size: 100%;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 10px;
	color: #FFFFFF;
}

/*募集要項テーブル
------------------------------------------------------------------*/
table.guidelines{
	margin: 10px 0 50px 15px;
	width: 540px;
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.guidelines th{
	width: 120px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#F1F1F1;
	background-position:left top;
	padding:0.3em 1em;
	text-align:center;
	color: #29526E;
	font-weight: normal;
}
.guidelines td{
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:0.3em 1em;
}

/*店舗一覧テーブル
------------------------------------------------------------------*/
table.simple{
	margin: 10px 0 20px 15px;
	width: 540px;
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.simple th{
	width: 120px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#F1F1F1;
	background-position:left top;
	padding:0.3em 1em;
	text-align:center;
	color: #29526E;
	font-weight: normal;
}
.simple td{
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:0.3em 1em;
}

/*プライバシーポリシー部分。
------------------------------------------------------------------*/
ul#p_policy {
	padding: 10px 12px 40px 8px;
}
#p_policy li {
	display: block;
	padding: 10px 0 10px;
	border-bottom: 1px dotted #CCCCCC;
	text-indent: -1em;
	padding-left: 1em;
}
#p_policy li:first-line {
	font-size: 1.1em;
	font-weight: bold;
	color: #29526E;
}
#p_policy li a {
	color: #29526E;
	text-decoration: none;
}
#p_policy li a:hover {
	text-decoration: underline;
}

/*よくある質問部分。
------------------------------------------------------------------*/
ul#faq {
	padding: 10px 12px 40px 8px;
}
#faq li {
	display: block;
	padding: 10px 0 10px;
	border-bottom: 1px dotted #CCCCCC;
	text-indent: -1em;
	padding-left: 1em;
}
#faq li:first-line {
	font-size: 1.1em;
	font-weight: bold;
	color: #900;
}
#faq li a {
	color: #29526E;
	text-decoration: none;
}
#faq li a:hover {
	text-decoration: underline;
}

/*サイドメニューS部分。
------------------------------------------------------------------*/
ul#side_menu {
	padding: 0px 2px 20px 2px;
}
#side_menu li {
	border-bottom: 1px dotted #CCCCCC;
	text-indent: 0em;
	padding-left: 8px;
}
#side_menu a {
	color: #29526E;
	text-decoration: none;
}
#side_menu a:hover {
	text-decoration: underline;
}

.bannner_area {
	width: 195px;
	margin: 0 0 20px;
	padding: 10px 0 10px;
	text-align: center;
	font-size: 10px;
	background: #E4E4E4;
}
.bannner_area a {
	display: block;
	margin: 10px 0 10px;
	color: #29526E;
}

/*TOPICS部分。
------------------------------------------------------------------*/
ul#topics {
	padding: 0px 12px 10px 8px;
}
#topics li {
	border-bottom: 1px dotted #CCCCCC;
	text-indent: -1em;
	padding-left: 1em;
}
#topics li a {
	color: #29526E;
	text-decoration: none;
}
#topics li a:hover {
	text-decoration: underline;
}

/*サイトマップ部分。
------------------------------------------------------------------*/
#main dl {
	padding:10px 10px 10px 20px;
	line-height:2.1em;
}

#main dl dt {
	padding:0 0 0 10px;
	border-left: solid 4px #036;
	color:#29526E;
	font-weight:bold;
}

#main dl dt a {
	color:#29526E;
}

#main dl dd {
	padding:0 0 0 10px;
}

#main dl dd a {
	color:#29526E;
}

#main dl dd em {
	color:#29526E;
}

/*求人3項目部分。
------------------------------------------------------------------*/
ul.priority {
	padding: 0px 12px 10px 8px;
}
.priority li {
	display: block;
	background: #EFEFEF;
	margin: 0 0 10px;
	padding: 10px;
}
.priority li a {
	color: #29526E;
	text-decoration: none;
}
.priority li a:hover {
	text-decoration: underline;
}

/*フッター。コピーライトや著作部分。
------------------------------------------------------------------*/
#footer_link {
	clear: both;
	width: 800px;
	text-align: center;
	background: #000;
	padding: 8px 0;
	color: #FFF;
}
#footer_link ul li {
	display: inline;
	font-size: 11px;
}
#footer_link a {
	color: #FFF;
	text-decoration: none;
}
#footer_link a:hover {
	text-decoration: underline;
}
#footer {
	clear: both;
	width: 800px;
	text-align: center;
	background: #999999 url(images/footer.gif) no-repeat bottom;
	height: 60px;
	padding-top: 10px;
	color: #FFFFFF;
}
#footer ul {
	margin-bottom: 6px;
}
#footer ul li {
	display: inline;
	font-size: 11px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}



/*clearfix（※ここは変更しない）
------------------------------------------------------------------*/
#contents:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#contents { display: inline-block; }

/* Hides from IE-mac \*/
*html #contents { height: 1%; }
#contents { display: block; }
/* End hide from IE-mac */