@charset "shift_jis";
/* CSS Document */


/*---------------------------------------------------------*/
/*  共通                                                   */
/*---------------------------------------------------------*/

/* sytle reset 
============================================================*/
body,
h1,h2,h3,h4,h5,h6,
p,
ul,ol,dl,dt,dd,
form,fieldset,input,textarea,
address,cite	{
	margin:0;
	padding:0;
	}
	
img	{
	border:none;
	vertical-align: text-bottom;
}

ul,ol	{
	list-style-type:none;
}

hr	{
	display:none;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size: 100%;
	display:inline;
}

div.clear	{
	clear:both;
	height: 1px;
	}

img.img_block	{
	display:block;
	}

.clear	{
	clear:both;
	height: 1px;
	}

span.img_center	{
	width: 100%;
	text-align: center;
	display: block;
	}

span.img_center_wide	{
	width: 900px;
	text-align: center;
	display: block;
	}

.right	{
	float:right;
	}

span.img_left	{
	width: 580px;
	text-align: left;
	display: block;
	}
	
/* font sytle
=================================================================*/

body
	{
	background:#ffffff;
	color:#666666;
	font-size:12px;
	_font-size:73%;
	font-family:Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

*:first-child+html body{
	font-size:73%;
}

.small{
	font-size:90%;
}

.small80{
	font-size:80%;
}

a:link,
a:visited{
	color:#666666;
	text-decoration:none;
}

a:hover,
a:active{
	color:#666666;
	text-decoration:underline;
}

/* copyright */
a:link.footer,
a:visited.footer{
	color:#FFFFFF;
	text-decoration:none;
}

a:hover.footer,
a:active.footer{
	color:#FFFFFF;
	text-decoration:underline;
}

/* table style
=================================================================*/

/* table */
table, th, tr, td{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}
table.line{
	border-collapse:collapse;
}
table.line th, td{
	border:1px solid #CCC;
	border-collapse:collapse;
	padding:3px 8px;
	vertical-align:top;
}
table.line th{
	padding:3px 8px;
	text-align:left;
	background:#EEEEEE;
	vertical-align:middle;
}
table.line th.title{
	background:#999;
	font-weight:bold;
	padding:3px 10px;
	color:#FFF;
}



/* page layout 
============================================================*/
/* 背景影 */
div#content_back	{
	width:930px;
	background:url(../common_img/il_content_back.gif) repeat-y;
	margin: 0 auto 0 auto;
	min-height: 100%;
	}
	
/* コンテンツ */
div#contents	{
	width:900px;
	margin:0 15px 0 15px;
	}
	
/* ヘッダー */
div#header	{
	}
	
/* ヘッダーロゴエリア */
span#header_logo	{
	display:block;
	background:#082754;
	height:34px;
	}
	
p#header_lt	{
	float:left;
	display: block;
	}
	
p#header_rt	{
	float:right;
	color:#FFFFFF;
	margin: 15px 5px 5px 0;
	}
	
/* メインメニュー */
ul#mainmenu	{
	clear: both;
	padding-left: 1px;
	}

ul#mainmenu	li	{
	float: left;
	}


/* ページヘッダー */

div#page_header	{
	width: 900px;
	clear: both;
	}
div#page_header1	{
	width: 450px;
	float:left;
	}
div#page_header2	{
	width: 450px;
	float:right;
	text-align: right;
	}
div#soho {
	text-align:right;
	font-size:16px;
	font-weight:bold;
	margin: 40px 20px 20px 20px;
}
.comment{
 	line-height:20px;
 	}
.main_comment{
 	line-height:20px;
  	font-size:16px;
   	}
.sub_comment{
 	line-height:20px;
	margin: 0px 0px 0px 20px;
 	}
.caution{
	color:#CC0000;
	font-weight:bold;
}
.vmiddle{
	vertical-align:middle;
}

img#page_header2btn{
	margin: 20px 30px 10px 10px;
	}
	
img#pagetitle	{
	margin: 20px 10px 10px 10px;
	}
	
img#pagetitle_wide	{
	margin: 20px 10px 10px 30px;
	}
	
img#catch_copy	{
	margin: 10px 0 15px 0;
	}
	
img#page_image	{
	margin: 10px 40px 0 0px;
	float: right;
	}

div#page_copy	{
	width: 370px;
	float: left;
	margin: 20px 0 0 0;
	height: 59px;
	}

/* サイドメニュー */

#side {
	clear: both;
	float: left;
	width: 260px;
}
	
div#sidemenu	{
	width:230px;
	margin:0 0 0 20px;
	_margin:0 0 0 10px;
	float: left;
	}

div#sidemenu li	{
	margin:0 0 5px 0;
	}
	
div #sidemenu_02 {
	width: 240px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	line-height: 150%;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 20px;
}

#sidemenu_02 #btm_hagakilist {
	margin-top: 5px;
	margin-bottom: 20px;
}

#sidemenu_02 p.ttl {
	background-color: #F2F2E6;
	font-weight: bold;
	display: block;
	height: 16px;
	width: 100%;
	margin-top: 3px;
}

#sidemenu_02 ul {
	width: 210px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#sidemenu_02 ul li {
	background-image: url(../recruit/images/btn_list.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 12px;
}



	
/* メインコンテンツ */

div#maincontens	{
	float: right;
	width: 730px;
	margin: 0 0 0 0px;
	}

div#maincontens_wide	{
	width: 900px;
	margin: 0 0 0 0px;
	}	

div#forword	{
	text-align: right;
	margin: 10px;
	}

/* フッター */
div#footer	{
	clear: both;
	padding: 0 0 10px 10px;
	font-size:90%;
	width: 890px;
	margin: 0 auto 0 auto;
	}

div#copyright	{
	background: #082754;
	color: #FFFFFF;
	padding: 10px;
/*	_padding: 10px 10px 5px 10px;*/
	}	
	
div#top_copyright	{
	background: #082754;
	color: #FFFFFF;
	padding: 10px;
	width:930px;
	margin:0 auto 0 auto;
	}	

p#copyright_lt	{
	float: left;
	display: block;
	}

p#copyright_rt	{
	float: right;
	}

p.error{
	color:red;
	}
/* topへもどる */

div.for_top	{
	text-align: right;
	padding: 5px 10px 5px 0;
	clear: both;
	width: 570px;
	}

div.for_top_wide	{
	text-align: right;
	padding: 5px 10px 5px 0;
	clear: both;
	width: 890px;
	}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::: リニューアル追加CSS :: BASE.CSS ::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ---------------------------------------------------
 【 共通部分 】
この部分を更新したら本サイト・キャンペーン事務局・店頭プロモーションにも
更新しておくこと！
微妙に背景やフォント色が違うので要注意！！
---------------------------------------------------- */
#container-wp{
	text-align: center;
	margin: 0;
}
#container{
	text-align: left;
	margin: 0 auto;
	width: 1000px;
}

/********************* 新ヘッダー *********************/
#header-new{
	color: #ffffff;
	background-color: #082754;
	position: relative;
	height: 80px;
}
#header-new h1{
	position: absolute;
	left: 12px;
	top: 5px;
}
#header-new p#catch{
	position: absolute;
	left: 12px;
	top: 5px;
}
#header-new p#header-logo{
	position: absolute;
	left: 12px;
	top: 26px;
}
#header-new p#header-inq{
	position: absolute;
	left: 552px;
	top: 8px;
}

/********************* 新メニュー *********************/
#navi-g{
	margin: 7px 0 0 0;
	height: 38px;
}
#navi-g ul{
	list-style-type: none;
}
#navi-g ul li{
	float: left;
}

/* サブナビCSS */
/*--------------------*/
#navi-g #dd {
}
#navi-g #dd .mainmenu {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
#navi-g #dd .mainmenu a.menu {
  display: block;
  text-align: center;
  padding:0;
  margin:0;
  text-decoration: none;
}
#navi-g #dd .mainmenu a.menu:hover {
}

#navi-g div.submenu {
	position: absolute;
	visibility: hidden;
	z-index: 3;
}
#navi-g div.submenu a {
	color: #ffffff;
	font-size: 90%;
	text-align: center;
	display: block;
	padding: 3px 13px;
	border-bottom: 1px solid #FFFFFF;
	white-space: nowrap;/* 改行禁止 */
}
#navi-g div#menu1{
	width: 166px;
	background-color: #971d4b;
}
#navi-g div#menu2{
	width: 166px;
	background-color: #544A8B;
}
#navi-g div#menu4{
	width: 167px;
	background-color: #9E6B06;
}
#navi-g div#menu1 a:hover {
	background-color: #b03664;
}
#navi-g div#menu2 a:hover {
	background-color: #6d63a4;
}
#navi-g div#menu4 a:hover {
	background-color: #B7841F;
}
#navi-g {
}
/* サブメニューの半透明処理 */
#navi-g .submenu {
 filter: alpha(Opacity=80);
	opacity: 0.8;
}


/********************* 新フッター *********************/
#footer-new{
	margin: 10px 0 0 0;
	line-height: 1.8;
	clear:both;
}
#footer-new div#footer-logo{
	height: 36px;
	background: url(../images_new/footer_line.gif) 0px 0px no-repeat;
}
#footer-new div#footer-logo img{
	margin: 5px 15px 0;
}
#footer-new div#footer-navi{
	padding: 5px 10px;
}
#footer-new div#footer-navi{
	background-color: #e0e4e9;
	border-bottom: 1px dotted #B2B2B2;
}
#footer-new div#footer-navi2{
	height: 67px;
}
#footer-new div#footer-navi2 p{
	font-size: 14px;
	background-color: #ffffff;
	margin: 5px 7px 5px 0;
	position: relative;
	width: 240px;
	height: 56px;
	float: left;
	border: 1px solid #CCCCCC;
}
#footer-new div#footer-navi2 a{
	position: absolute;
	left: 80px;
	top: 18px;
}
#footer-new div#footer-navi2 p.paldia{
	background: url(../images_new/logo_paldia_s.gif) 5px 15px no-repeat;
}
#footer-new div#footer-navi2 p.rescue{
	background: url(../images_new/logo_rescue_s.gif) 10px 6px no-repeat;
}
#footer-new div#footer-navi2 p.concierge{
	background: url(../images_new/logo_concierge_s.gif) 3px 2px no-repeat;
}
#footer-new div#footer-navi2 p.camsaku{
	font-size: 10px;
	line-height: 1.2;
	background: url(../images_new/logo_camsaku_s.gif) 3px center no-repeat;
}
#footer-new div#footer-navi2 p.camsaku a{
	position: absolute;
	left: 65px;
	top: 12px;
}

#footer-new div#footer-navi3{
	font-size: 80%;
	color: #ffffff;
	background-color: #082754;
	height: 24px;
	border-top: 1px solid #082754;
}
#footer-new div#footer-navi3 p{
	text-align: center;
	margin: 5px 0;
}
#footer-new div#footer-copyright{
	font-size: 80%;
	color: #ffffff;
	background-color: #000033;
	text-align: center;
	height: 19px;
}
#footer-new{
}

/********************* index.html *********************/
#indexBox-1{
	width: 875px;
	height: 450px;
	margin: 15px 0 0 55px;
}
#indexBox-1 ul{
	background-image: url(../images_new/bg_001.gif);
	list-style-type: none;
	position: relative;
	width: 420px;
	height: 450px;
}
#indexBox-1 ul#rescue{
	float: left;
}
#indexBox-1 ul#concierge{
	float: right;
}
#indexBox-1 li.logo{
	position: absolute;
	left: 101px;
	top: 12px;
}
#indexBox-1 li.btn_001{
	position: absolute;
	left: 51px;
	top: 175px;
}
#indexBox-1 li.btn_002{
	position: absolute;
	left: 51px;
	top: 271px;
}
#indexBox-1 li.btn_003{
	position: absolute;
	left: 35px;
	top: 355px;
}
#indexBox-2{
	margin: 30px 0 0 0;
}
#indexBox-2 img{
	margin: 0 10px 0 0;
}
#indexBox-2 p{
	vertical-align: middle;
	display: table-cell;
	*display: inline;
	zoom: 1;
}
#topics{
	background: url(../common_img/list_blue.gif) 0px 2px no-repeat;
	width: 875px;
	margin: 3px 0 0 55px;
	padding: 0 0 0 20px;
}
html:not(:target) #topics{
	width: 855px;
}

/********************* index.html *********************/
#index-mainimg{
	overflow: hidden;/* clearfixの代わり */
	zoom: 1;/* clearfixの代わり（IE6） */
	margin: 15px 0;
}
#index-mainimg p{
	width: 747px;
	height: 300px;
	float: left;
}
#index-mainimg ul{
	background-image: url(../images_new/new_index/mainimage_bg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 253px;
	height: 300px;
	float: left;
}
#index-mainimg li{
	margin: 10px 10px 0;
}
#index-mainimg li#index-mainimg-top{
	margin: 22px 10px 0;
}

/* キャンペーン・プロモへのリンク */
#index-main-leftspace{
	float: left;
}
#index-main-leftspace ul{
	margin: 0 0 20px 15px;
	position: relative;
	width: 720px;
	height: 140px;
	background: url(../images_new/new_index/bg_01.gif) no-repeat;
}
#index-main-leftspace li{
	position: absolute;
}
#index-main-leftspace li.logo{
	left: 12px;
	top: 13px;
}
#index-main-leftspace li.logo-txt{
	left: 167px;
	top: 22px;
}
#index-main-leftspace li.txt-link{
	left: 165px;
	top: 57px;
	width: 280px;
}
#index-main-leftspace li.btn-01{
	left: 471px;
	top: 23px;
}
#index-main-leftspace li.btn-02{
	left: 471px;
	top: 56px;
}
#index-main-leftspace li.btn-03{
	left: 471px;
	top: 89px;
}
#index-main-leftspace #campaign a{
	text-decoration: underline;
	color: #006600;
}
#index-main-leftspace #promo a{
	text-decoration: underline;
	color: #FF3300;
}
#index-main-leftspace #campaign a:hover,
#index-main-leftspace #promo a:hover{
	text-decoration: none;
}

/* トピックス */
#index-main-leftspace #index-topics{
	margin: 0 0 20px 15px;
	width: 720px;
}
#index-main-leftspace #index-topics p{
	margin: 0 0 10px;
}
#index-main-leftspace #index-topics dl{
	height: 230px;
	overflow: auto;
}
#index-main-leftspace #index-topics dt{
	margin-right: 15px;
	padding: 5px 0 0;
}
#index-main-leftspace #index-topics dd{
	margin-right: 15px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #333333;
}
#index-main-leftspace #index-topics dd a{
	text-decoration: underline;
}
#index-main-leftspace #index-topics dd a:hover{
	text-decoration: none;
}
/* 右側バナー類 */
#index-right-space{
	float: right;
}
#index-right-space p#bn-service{
	margin: 0 0 10px;
}
#index-right-space #bn-mitsumori{
	text-align: center;
	width: 230px;
	border: 1px solid #343434;
	padding: 0 0 2px;
	margin: 0 0 10px 3px;
}
#index-right-space #bn-mitsumori li{
	margin: 5px 0 0;
}
#index-right-space p#bn-blog{
	text-align: right;
	margin: 0 0 10px;
}
#index-right-space p#bn-ad{
	text-align: right;
	margin: 0 0 10px;
}
#index-right-space p.banner{
	text-align: right;
	margin: 0 0 10px;
}