@charset "UTF-8";


/* 共通設定
--------------------------------------------------------------------
1. 初期設定
2. テキスト
3. clearfix
4. 大枠
5. Header
6. Global Menu
7. Topic Path
8. Contents
9. Sidearea
10. Footer
11. ポップアップ
12. 印刷対応

00. 追加
--------------------------------------------------------------------*/


/* 1. 初期設定
--------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	margin:0px;
	padding:0px;
	font-weight: normal;
}

div, p, form, input{
	margin:0px;
	padding:0px;
}

table{
	font-size:100%;
	border:0px;
}

th, td{
	margin:0px;
	padding:0px;
	font-weight: normal;
}

img{
	margin:0px;
	padding:0px;
	border:0px;
}

ul, li, ol, dl, dt, dd{
	list-style:none;
	margin:0px;
	padding:0px;
}



body{
	color:#545454;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	text-align:center;
	
	font-family:"ＭＳ Ｐゴシック",Osaka,Arial,Helvetica,sans-serif;
	
	letter-spacing:1px;
}



/* 2. テキスト
--------------------------------------------------------------------*/
a:link, a:active, a:visited{
	color:#0073cc; text-decoration:none;
}
a:hover{
	color:#0073cc; text-decoration:underline;
}

strong{
	font-style:normal;
	font-weight:bold;
	font-family:'ＭＳ Ｐゴシック',Hiragino Kaku Gothic Pro,sans-serif;
}

br{letter-spacing:0px;}


body.fontL{
	font-size:140%;
}
body.fontM{
	font-size:100%;
}
body.fontS{
	font-size:78%;
}



/* 3. clearfix
--------------------------------------------------------------------*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* for macIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end of for macIE */

.clear{
	clear:both;
}



/* 4. 大枠
--------------------------------------------------------------------*/
#wrapper{
	width:1000px;
	margin:0px auto;
	text-align:center;
	background-color:#f5eedb;
	font-size:78%;
	line-height:130%;
}

#container{
	width:950px;
	margin:0px auto;
	text-align:left;
	position:relative;
}

#main{
	width:950px;
	padding:10px 0px 20px 0px;
}

#container p.icon-rss{
	position:absolute;
	left:665px;
	top:14px;
	width:20px;
	height:20px;
}
#container p.icon-rss a{
	display:block;
	width:20px;
	height:20px;
}



/* 5. Header
--------------------------------------------------------------------*/
#header {
	width:950px;
	height:72px;
	position:relative;
	background:url("/common/img/header_bg.jpg") center top no-repeat;
}
#e-header {
	width:950px;
	height:66px;
	position:relative;
	background:url("/common/img/header_bg.jpg") center top no-repeat;
}
#header div.logo , #e-header div.logo {
	padding:20px 0px 0px 0px;
}


/* searcharea
-------------------------------- */
#header div.searcharea{
	position:absolute;
	right:0px;
	top:13px;
	width:256px;
}
#header div.searcharea p{
	float:left;
}
#header div.searcharea p.inputarea{
	padding-right:5px;
}
#header div.searcharea p.inputarea input{
	width:193px;
	height:20px;
	border:#cbc9ca 1px solid;
	line-height:18px;
	padding-left:5px;
}

/* sizechange
-------------------------------- */
#header div.sizechange{
	position:absolute;
	left:596px;
	top:43px;
	width:163px;
	height:20px;
	background:url("/common/img/dotline_header.gif") right 2px no-repeat;
	text-align:left;
}

#header div.sizechange p{
	float:left;
}
#header div.sizechange p.fonttxt{
	padding:3px 7px 0px 0px;
}

#header div.sizechange ul li{
	float:left;
	width:20px;
}
#header div.sizechange ul li a{
	display:block;
	width:18px;
	height:18px;
}
#header div.sizechange ul li a span{
	display:none;
}
#header div.sizechange ul li.small a{background:url("/common/img/fontsize_s_1.gif") no-repeat;}
#header div.sizechange ul li.middle a{background:url("/common/img/fontsize_m_2.gif") no-repeat;}
#header div.sizechange ul li.large a{background:url("/common/img/fontsize_l_1.gif") no-repeat;}

#header div.sizechange ul li.small a:hover{background:url("/common/img/fontsize_s_2.gif") no-repeat;}
#header div.sizechange ul li.middle a:hover{background:url("/common/img/fontsize_m_2.gif") no-repeat;}
#header div.sizechange ul li.large a:hover{background:url("/common/img/fontsize_l_2.gif") no-repeat;}


/* pagelink
-------------------------------- */
#header div.pagelink{
	position:absolute;
	right:0px;
	top:46px;
}
#header div.pagelink p{
	float:left;
	height:13px;
	background:url("/common/img/dotline_header.gif") right top no-repeat;
	padding:0px 11px;
}



/* 6. Global Menu
--------------------------------------------------------------------*/
#gmenu ul li{
	float:left;
	height:37px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#gmenu ul li a{
	display:block;
	height:37px;
	
}
#gmenu ul li a img{
	vertical-align:top;
}

#gmenu ul li a:hover{
	background-color:transparent;
}
#gmenu ul li a:hover img{
	visibility:hidden;
}


#gmenu ul li.menu-ekiben{width:84px; background-image:url("/common/img/m_ekiben_2.jpg");}
#gmenu ul li.menu-shop{width:123px; background-image:url("/common/img/m_shop_2.jpg");}
#gmenu ul li.menu-ressya{width:141px; background-image:url("/common/img/m_ressya_2.jpg");}
#gmenu ul li.menu-hotel{width:97px; background-image:url("/common/img/m_hotel_2.jpg");}
#gmenu ul li.menu-ck{width:167px; background-image:url("/common/img/m_ck_2.jpg");}
#gmenu ul li.menu-contract{width:136px; background-image:url("/common/img/m_contract_2.jpg");}
#gmenu ul li.menu-company{width:101px; background-image:url("/common/img/m_company_2.jpg");}
#gmenu ul li.menu-recruit{width:101px; background-image:url("/common/img/m_recruit_2.jpg");}

body#ekiben #gmenu ul li.menu-ekiben a img{visibility:hidden;}
body#shop #gmenu ul li.menu-shop a img{visibility:hidden;}
body#ressya #gmenu ul li.menu-ressya a img{visibility:hidden;}
body#hotel #gmenu ul li.menu-hotel a img{visibility:hidden;}
body#ck #gmenu ul li.menu-ck a img{visibility:hidden;}
body#contract #gmenu ul li.menu-contract a img{visibility:hidden;}
body#company #gmenu ul li.menu-company a img{visibility:hidden;}
body#recruit #gmenu ul li.menu-recruit a img{visibility:hidden;}



/* 7. Topic Path
--------------------------------------------------------------------*/
#topicpath{
	padding-top:10px;
}
#topicpath ul li{
	float:left;
	
}



/* 8. Contents
--------------------------------------------------------------------*/
#contents{
	float:left;
	width:690px;
	text-align:left;
}

#contents h1.titlearea{
	padding-bottom:8px;
}

#contents img.icon-blank{
	vertical-align:middle;
	margin:2px 0px 2px 5px;
}


/* ctsbox
-------------------------------- */
#contents div.ctswrap{
	width:690px;
	background:url("/common/img/table_maincont_bottom.gif") left bottom no-repeat;
	padding:12px 0px 5px 0px;
}
#contents div.ctsbox{
	width:690px;
	background:url("/common/img/table_maincont_top.gif") left top no-repeat;
	padding-top:5px;
}
#contents div.ctsbg{
	width:690px;
	background:url("/common/img/table_maincont_bg.gif") left top repeat-y;
}

#contents div.ctswrap div.btm-mar{
	padding:0px 0px 6px 0px;
}


/* subtarea
-------------------------------- */
#contents div.ctswrap div.subtarea{
	width:680px;
	height:29px;
	margin-left:5px;
	position:relative;
}
#contents div.ctswrap div.subtarea p.btn{
	position:absolute;
	right:5px;
	top:5px;
}

/* leadtxtarea
-------------------------------- */
#contents div.ctswrap div.leadtxtarea{
	width:680px;
	margin-left:5px;
}
#contents div.ctswrap div.leadtxtarea p{
	padding:8px 0px 3px 5px;
}


/* subt-g-img
-------------------------------- */
#contents div.ctswrap div.subt-g-img{
	padding:10px 0px 0px 9px;
}


/* subt-g-txt
-------------------------------- */
#contents div.ctswrap div.subt-g-txt{
	width:672px;
	margin:8px 0px 0px 9px;
	background-color:#f7f7f7;
}
#contents div.ctswrap div.subt-g-txt h4{
	padding:6px 10px 6px 8px;
	
	font-weight:bold;
	color:#333333;
}



/* datelist
-------------------------------- */
#contents div.ctswrap ul.datelist{
	margin:5px 0px 0px 5px;
	
}
#contents div.ctswrap ul.datelist li{
	width:680px;

	background:url("/common/img/dotline_680px.gif") left bottom no-repeat;

	padding:5px 0px 6px 0px;
}

#contents div.ctswrap ul.datelist li.end{
	background:none;
	padding:5px 0px 4px 0px;
}
#contents div.ctswrap ul.datelist li div.date{
	float:left;
	width:120px;
}
#contents div.ctswrap ul.datelist li div.date p{
	padding-left:5px;
}
#contents div.ctswrap ul.datelist li div.txt{
	float:right;
	width:555px;
}
#contents div.ctswrap ul.datelist li div.txt p{
	background:url("/common/img/arrow_gray.gif") 0px 4px no-repeat;
	padding:0px 5px 0px 12px;
}


/* txtlinklist
-------------------------------- */
#contents div.ctswrap ul.txtlinklist{
	margin:5px 0px 0px 5px;
	
}
#contents div.ctswrap ul.txtlinklist li{
	width:680px;
	background:url("/common/img/dotline_680px.gif") left bottom no-repeat;
	padding:5px 0px 6px 0px;
}
#contents div.ctswrap ul.txtlinklist li.end{
	background:none;
	padding:5px 0px 4px 0px;
}
#contents div.ctswrap ul.txtlinklist li p{
	background:url("/common/img/arrow_green.gif") 10px 3px no-repeat;
	padding:0px 5px 0px 27px;
}



/* Pagetop
-------------------------------- */
#contents p.pagetopbtn{
	width:690px;
	text-align:right;
	padding-top:20px;
}



/* 9. Sidearea
--------------------------------------------------------------------*/
#sidearea{
	float:right;
	width:240px;
	text-align:left;
}

/* menu

-------------------------------- */
#sidearea div.menuwrap{
	width:240px;
	background:url("/common/img/table_subm_bottom_1.gif") left bottom no-repeat;
	padding-bottom:7px;
	margin-bottom:10px;
}
#sidearea div.menubg{
	width:240px;
	background:url("/common/img/table_subm_bg_1.gif") left top repeat-y;
}

#sidearea div.menuwrap ul.list1{
	
}
#sidearea div.menuwrap ul.list1 li{
	width:238px;
	margin:0px 1px;
	border-bottom:#e3e3e3 1px solid;
}

#sidearea div.menuwrap a{
	display:block;
	width:238px;
	color:#545454;
}
#sidearea div.menuwrap a:hover{
	background-color:#dff2d6;
	text-decoration:none;
}
#sidearea div.menuwrap a span{
	display:block;
	background:url("/common/img/arrow_green.gif") 10px 14px no-repeat;
	padding:10px 10px 10px 26px;
}

#sidearea div.menuwrap ul.list1 li.stay a{
	background-color:#dff2d6;
	text-decoration:none;
}


#sidearea div.menuwrap ul.list1 li.end{
	border:none;
}
#sidearea div.menuwrap ul.list1 li.end a span{
	padding:10px 10px 7px 26px;
}


#sidearea div.menuwrap ul.list1 li ul.list2{
	margin:6px 0px 10px 0px;
}
#sidearea div.menuwrap ul.list1 li ul.list2 li{
	background:none;
	border:none;
}
#sidearea div.menuwrap ul.list1 li ul.list2 li a{
	background:none;
	display:block;
	width:238px;
	color:#545454;
}
#sidearea div.menuwrap ul.list1 li ul.list2 li.stay a{
	color:#0073cc;
}

#sidearea div.menuwrap ul.list1 li ul.list2 li a:hover{
	color:#0073cc;
	text-decoration:underline;
}
#sidearea div.menuwrap ul.list1 li ul.list2 li a span{
	display:block;
	background:url("/common/img/arrow_gray.gif") 25px 10px no-repeat;
	padding:6px 10px 0px 35px;
}

/* linebox 赤
-------------------------------- */
#sidearea div.linewrap{
	width:240px;
	background:url("/common/img/table_right_recruit_bottom.gif") left bottom no-repeat;
	padding:24px 0px 3px 0px;
}
#sidearea div.linebg{
	width:240px;
	background:url("/common/img/table_right_recruit_bg.gif") left top repeat-y;
}

#sidearea div.linewrap ul li{
	padding:0px 0px 5px 8px
}
#sidearea div.linewrap a img{
	vertical-align:top;
}

/* linebox 白
-------------------------------- */
#sidearea div.side-linewrap{
	width:240px;
	background:url("/common/img/table_right2_top.jpg") left top no-repeat;
	padding:8px 0px 10px 0px;
}
#sidearea div.side-linebox{
	width:240px;
	background:url("/common/img/table_right2_bottom.jpg") left bottom no-repeat;
	padding-bottom:8px;
}
#sidearea div.side-linebg{
	width:240px;
	background:url("/common/img/table_right2_bg.jpg") left top repeat-y;
}
#sidearea div.side-linewrap ul li{
	width:240px;
	background:url("/common/img/table_right2_dotline.jpg") left bottom no-repeat;
}

#sidearea div.side-linewrap a{
	display:block;
	width:232px;
	margin:0px 4px;
	color:#545454;
}
#sidearea div.side-linewrap a:hover{
	color:#0073cc;
}
#sidearea div.side-linewrap a span{
	display:block;
	background:url("/common/img/arrow_green_2.gif") 10px 14px no-repeat;
	padding:10px 10px 10px 26px;
}
#sidearea div.side-linewrap a span img.icon-blank{
	vertical-align:middle;
	margin:2px 0px 2px 5px;
}

#sidearea div.side-linewrap ul li.stay a{
	background-color:#dff2d6;
	text-decoration:none;
}

#sidearea div.side-linewrap ul li.end{
	background:none;
}
#sidearea div.side-linewrap ul li.end a span{
	padding:10px 10px 7px 26px;
}


/* linebox bnr
-------------------------------- */
#sidearea div.side-bnrwrap{
	width:240px;
	background:url("/common/img/table_bnr_top.jpg") left top no-repeat;
	padding:5px 0px 10px 0px;
	margin-top:10px;
}
#sidearea div.side-bnrbox{
	width:240px;
	background:url("/common/img/table_bnr_bottom.jpg") left bottom no-repeat;
	padding-bottom:6px;
}
#sidearea div.side-bnrbg{
	width:240px;
	background:url("/common/img/table_bnr_bg.jpg") left top repeat-y;
}

#sidearea div.side-bnrwrap p.btn{
	width:240px;
	text-align:center;
	padding-top:7px;
}
#sidearea div.side-bnrwrap p.txt{
	text-align:left;
	padding:10px 15px 5px 15px;
}


/* 10. Footer
--------------------------------------------------------------------*/
#footer{
	width:950px;
	margin:0px auto;
	padding:15px 0px 20px 0px;
	font-size:78%;
	line-height:130%;
}

#footer ul{
	margin:0px auto;
	
}
#footer ul li{
	display:inline;
}

#footer a:link, #footer a:active, #footer a:visited{
	color:#545454; text-decoration:none;
}
#footer a:hover{
	color:#545454; text-decoration:underline;
}


#footer div.txtarea{
	padding-top:8px;
	
}
#footer div.txtarea p{
	padding-top:2px;
}
#footer p.copyright{
	padding-top:10px;
}



/* 11. ポップアップ
--------------------------------------------------------------------*/

body#popup-page #wrapper{width:710px; background:none;}
body#popup-page #container{width:690px;}
body#popup-page #header{width:690px; height:57px; background:none;}
body#popup-page #header div.logo{padding:15px 0px 0px 0px;;}
body#popup-page #header div.searcharea{display:none;}
body#popup-page #header div.sizechange{display:none;}
body#popup-page #header div.pagelink{display:none;}
body#popup-page #gmenu{display:none;}
body#popup-page #container p.icon-rss{display:none;}
body#popup-page #topicpath{display:none;}
body#popup-page #main{width:690px; padding:10px 0px 0px 0px; overflow:visible !important;}
body#popup-page #main p.pagetopbtn{display:none;}
body#popup-page #contents{overflow:visible !important;display:table-cell; float:none;}
body#popup-page #contents h1.titlearea {padding-bottom:0px;}
body#popup-page #sidearea{display:none;}
body#popup-page #footer{width:710px; padding:7px 0px 10px 0px;}

body#popup-page #footer ul{display:none;}
body#popup-page #footer div.txtarea{display:none;}

body#popup-page #container div.btn-print{
	position:absolute;
	right:0px;
	top:5px;
}


/* 12. 印刷対応
--------------------------------------------------------------------*/
/* 改ページ設定
-------------------------------- */
.print-pagebreak-after{
	page-break-after:always;
}
.print-pagebreak-before{
	page-break-before:always;
}


/* 00. 追加
--------------------------------------------------------------------*/
/* 戻るリンク */
#back-link-area {
	border-top:solid 1px #e3e3e3;
	margin:20px 5px 0;
	padding:4px 0 10px;
}
#back-link-area p a {
	margin-left:4px;
	padding-left:12px;
	background:url("/common/img/arrow_green_back.gif") left center no-repeat;
}

/* ページ移動ナビ（共通） */
p.common-page-navi {
	color:#999;
	margin:10px 10px 0 0;
	text-align:right;
}
p.common-page-navi a.next-page {
	padding-right:12px;
	background:url("/common/img/arrow_green.gif") right center no-repeat;
	text-decoration:underline;
}
p.common-page-navi a.prev-page {
	padding-left:12px;
	background:url("/common/img/arrow_green_back.gif") left center no-repeat;
	text-decoration:underline;
}
p.common-page-navi a.next-page:hover,
p.common-page-navi a.prev-page:hover {
	text-decoration:none;
}
div.search-result-navi {
	padding: 10px;
}
div.search-result-navi form {
	display:inline;
}

/* 記事 */
#entry-area {
	padding:20px 5px 0;
}
#entry-area h3#entry-title {
	font-weight:bold;
	text-align:center;
	font-size:120%;
	color:#58983a;
	padding-bottom:3px;
	border-bottom:solid 1px #58983a;
}
#entry-area h3#entry-title-orange {
	font-weight:bold;
	text-align:center;
	font-size:120%;
	color:#f6732b;
	padding-bottom:3px;
	border-bottom:solid 1px #f6732b;
}
#entry-area p#entry-date {
	text-align:right;
	margin-top:3px;
	padding-right:2px;
}
#entry-area #entry-body {
	padding:35px 40px 20px;
}
#entry-area #entry-body ul {margin-left:1.5em;}
#entry-area #entry-body ul li {list-style-type:disc;}
#entry-area #entry-body table {
	font-size:100%;
	border:solid 1px #545454;
}
#entry-area #entry-body th, #entry-area #entry-body td {
	margin:0px;
	padding:10px;
	font-weight:normal;
}

/* not found */
#not-found-box {
	padding:20px 0 100px 11px;
}
#not-found-box h1 {
	color:#f60;
	font-weight:bold;
	margin-bottom:1em;
}


/* ctsbox
-------------------------------- */
#main #contents div.ctswrap-pt0 {
	padding-top:0px;
}

/* 問い合わせエラー共通
-------------------------------- */
#form_error {
	padding:10px 15px;
	color:#F00;
	font-weight:bold;
}

#form_error .err_no {
	display:none;
}
/* 検索遷移ボタン共通
-------------------------------- */
.search-result-navi {
	color:#999;
	margin-top:25px;
	text-align:right;
}
.search-result-navi a.next-page {
	padding-right:12px;
	background:url("/common/img/arrow_green.gif") right center no-repeat;
	text-decoration:underline;
}
.search-result-navi a.prev-page {
	padding-left:12px;
	background:url("/common/img/arrow_green_back.gif") left center no-repeat;
	text-decoration:underline;
}
.search-result-navi a.next-page:hover,
.search-result-navi a.prev-page:hover {
	text-decoration:none;
}