@charset "utf-8";

/* -----------------------------------------------
CSS file Fuoco Inc.
FileName: base.css
----------------------------------------------- */

/* Base */
html,
body,
td,
th,
div,
form,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
caption,
pre,
dl,
dt,
dd,
select,
option,
input,
textarea{
	margin: 0px;
	padding: 0px;
	font: 1em sans-serif, Verdana, Arial, Helvetica, 'MS UI Gothic', 'MS Gothic', 'Hiragino Kaku Gothic Pro', 'Osaka';
	color: #333;
	}

html,
body{
	text-align: center;
	font-size: 0.9em;
	height: 100%;
	}

table{
	border-collapse:collapse;	border-spacing:0;}

td,
th { /*font-size:small; */}

p,
input,
select,
option,
textarea,
dt,
dd,
li{ line-height:1.5em; /*font-size:small;*/}

img { border: 0px;}

ul,
li { list-style-type: none;
	/*font-size:small;*/}


/* Anchor - normal */
a:link,
a:active{
	color: #09F;
	text-decoration: none;}

a:visited{
	color: #09F;
	text-decoration: none;}

a:hover{
	color: #08F;
	text-decoration: underline;}

/* Anchor - listlink */
ul.List-Area-District li a,
ul.List-Area-District li a:link,
ul.List-Area-District li a:active{
	color: #666;
	text-decoration: none;}

ul.List-Area-District li a:visited{
	color: #B70000;
	text-decoration: underline;}

ul.List-Area-District li a:hover{
	color: #666;
	text-decoration: none;}

.fltl{float:left;}
.fltr{float:right;}

.floatclear {clear: both; margin:0; padding:0; font-size:1px; height:0; width:100%;}
.floatLeftClear{ clear:left; margin:0; padding:0; font-size:1px; height:0; width:100%;}
.floatRightClear{ clear:right; margin:0; padding:0; font-size:1px; height:0; width:100%;}

/*
 
***********************************
*
*カラー設定
*
***********************************

*/
.red{ color:#F15B32;}
.blue{ color:#03f;}

.boxP{
	padding:5px;
	margin:0 10px;
	background: #FFF0F0;}
.boxB{
	padding:5px;
	margin:0 10px;
	background: #DCF0F8;}

.Big{ font-size: large;}
.Midium{ font-size: medium;}

.Small{font-size:x-small;}

.bold{font-weight:bold;}

.italic{ font-style:italic}

.none{display:none;}
/*
 
***********************************
*
*余白設定
*
***********************************

*/

.sp-r{margin-right:50px}
.sp-rs{margin-right:10px}
.sp-rm{margin-right:20px}
.sp-r-topimg{margin-right:15px}
.sp-t{margin-top:10px;}
.sp-tm{margin-top:30px;}
.sp-bxs{margin-bottom:8px;}
.sp-b{margin-bottom:10px;}
.sp-bl{margin-bottom:60px;}
.sp-bm{margin-bottom:30px;}
.sp-ls{margin-left:10px;}
.sp-l{margin-left:15px;}
.sp-lm{margin-left:30px;}



.center{margin:0 auto;}


#Screen{
	min-height: 100%; 
	height: auto !important; 
	height: 100%;              
	position: relative;  
}




/*
***********************************
*
*ヘッダ部　
*
***********************************

*/


#Header-Wapper{
	background:url(../images/common/bg_header.jpg) 0 0 repeat-x;
	height:85px;}
#Header{
	display:block;
	width: 950px; 
	margin: 0px auto;
	padding:0;
	text-align: left;
	position:relative;}
	
#Logo{ 
	float:left;
	display:block;
	padding:0px 0 0 1px;
	width:300px; height:50px;
	z-index: 2;
	position: absolute;top:20px; left:10px;}

#Logo h1 a{
	margin:0; padding:0;
	display:block;
	width:300px;
	height:50px;
	background: url(../images/common/logo.gif) 0 0 no-repeat;
	text-indent:-99999px;
	overflow:hidden;}


/*ヘッダ部　フォントサイズ設定*/
#FontSize-Navi{ 
	width:170px; height:25px;
	display:block;
	padding:0px 0 0 0 ;
	z-index: 3;
	position: absolute;top:50px; left:775px;
	
	background:url(../images/common/bg_fontsize.gif) 0 0 no-repeat;}
#FontSize-Navi p{ display:none;}	
#FontSize-Navi ul{
	margin-left:92px;}
#FontSize-Navi li{
	float:left;}
#FontSize-Navi li a{
	display:block;
	height:22px;
	width:39px;
	text-indent:-99999px;
	overflow: hidden;}
	
#FontSize-Navi li#mid a{
	background: url(../images/common/moji.gif) 0px 0px no-repeat;}
#FontSize-Navi li#mid a:hover,
#FontSize-Navi li#mid.Now a{
	background: url(../images/common/moji.gif) 0px -23px no-repeat;}

#FontSize-Navi li#big a{
	background: url(../images/common/moji.gif) -40px 0px no-repeat;}
#FontSize-Navi li#big a:hover,
#FontSize-Navi li#big.Now a{
	background: url(../images/common/moji.gif) -40px -23px no-repeat;}


/*
***********************************
*
*店舗物件情報ナビゲーション
*
***********************************

*/


#Navi-Wapper{
	clear:both;
	height:50px; width:100%;
	background: url(../images/common/bg_navi.jpg) 0 0 repeat-x;	}
#Navi{
	height:45px; width:950px;
	margin: 0px auto;}
	
#Navi h2{
	display:none;}
#Navi ul{
	margin-top:0px;}
#Navi li{
	float:left;}
#Navi li a{
	display:block;
	height:45px;
	width:158px;
	text-indent:-99999px;
	overflow: hidden;}
	
#Navi li#Navi-about a{
	width:159px;
	background: url(../images/common/menu.gif) 0px 0px no-repeat;}
#Navi li#Navi-about a:hover, 
#Navi li#Navi-about.Now a{
	background: url(../images/common/menu.gif) 0px -46px no-repeat;}

#Navi li#Navi-info a{
	background: url(../images/common/menu.gif) -159px 0px no-repeat;}
#Navi li#Navi-info a:hover, #Navi li#Navi-info.Now a{
	background: url(../images/common/menu.gif) -159px -46px no-repeat;}

#Navi li#Navi-recruit a{
	background: url(../images/common/menu.gif) -317px 0px no-repeat;}
#Navi li#Navi-recruit a:hover,#Navi li#Navi-recruit.Now a{
	background: url(../images/common/menu.gif) -317px -46px no-repeat;}

#Navi li#Navi-access a{
	background: url(../images/common/menu.gif) -475px 0px no-repeat;}
#Navi li#Navi-access a:hover, #Navi li#Navi-access.Now a{
	background: url(../images/common/menu.gif) -475px -46px no-repeat;}

#Navi li#Navi-contact a{
	background: url(../images/common/menu.gif) -633px 0px no-repeat;}
#Navi li#Navi-contact a:hover, #Navi li#Navi-contact.Now a{
	background: url(../images/common/menu.gif) -633px -46px no-repeat;}

#Navi li#Navi-pamphlet a{
	width:157px;
	background: url(../images/common/menu.gif) -791px 0px no-repeat;}
#Navi li#Navi-pamphlet a:hover,#Navi li#Navi-pamphlet.Now a{
	background: url(../images/common/menu.gif) -791px -46px no-repeat;}


/*
 
***********************************
*
*コンテンツ全体
*
***********************************

*/
#Container-Wapper{
	background:url(../images/common/bg_body.jpg) 0 0 repeat-x;
	padding:1px 0;}
	
#Container{
	width: 950px;
	/*background: #FFFFFF;*/
	margin: 20px auto 0;
	padding:0px 0px 0px 0px;
	text-align: left;
	}
	
	
	
/*
***********************************
*
*コンテンツ部　メイン部
*
***********************************

*/
#bread{
	height:20px; margin:0 0 0 5px; padding:0;
	background:none;}

#ContentsWapper{
	display:block;
	width: 730px;
	float:right;
	margin: 0;
	padding:0;
	background:none;
}
#Contents{
	display:block;
	width: 730px;
	margin: 0;
	padding:0;
	background:url(../images/common/base_content_body.jpg) 0 0 repeat-y;
	position:relative;
	}
	

#Contents #Contents_header{
	background:url(../images/common/base_content_header.jpg) left top no-repeat;
	padding-top:8px;}

#Contents #Contents_footer{
	background:url(../images/common/base_content_footer.jpg) left bottom no-repeat;
	padding-bottom:8px;}
	
	
#Contents #MainContents {
	width:680px;
	margin: 0px auto 20px;
	padding:60px 0 0 0;
	}
	

/*
***********************************
*
*メニュー部　サイドバナー
*
***********************************

*/	
	
/*TOP以外*/
#Sidebar{
	display:block;
	width: 200px;
	float:left;
	/*background: #FFF;*/
	margin: 0 0 10px 0;
	padding:0;
	/*border: 1px #000 solid;*/}


#Sidebar #Sidemenu{
	width: 200px;
	background:url(../images/common/base_menu_body.jpg) 0 0 repeat-y;
	margin:3px 0px 30px 0px;
	
	
}
#Sidebar #Sidemenu-top{
	background: url(../images/common/base_menu_header.jpg) left top no-repeat;
	padding-top:5px;	
}
#Sidebar #Sidemenu-bottom{
	background: url(../images/common/base_menu_footer.jpg) left bottom no-repeat;
	padding-bottom:5px;	
}

#Sidebar #Sidemenu ul{
	width: 180px;
	padding:0 8px 20px; margin:0}

#Sidebar #Sidemenu ul li{
	border-bottom:1px #CCC dotted;
	}
#Sidebar #Sidemenu ul li a{
	display:block;
	margin:4px 0px 0px 0;
	padding:9px 0px 5px 0px;
	width:160px; /*height:14px;*/
	/*text-indent:25px;*/
	padding-left:25px;
	font-size:larger;
	background:url(../images/common/menu-list-style.gif) 4px 9px no-repeat;
	color:#333;}
#Sidebar #Sidemenu ul li.link-none a,
#Sidebar #Sidemenu ul li.link-none a:hover{
	background:url(../images/common/menu-list-style-none.gif) 4px 9px no-repeat;
}
#Sidebar #Sidemenu ul li a:hover,
#Sidebar #Sidemenu ul li.Now a{
	background:#FBF9F7 url(../images/common/menu-list-style-on.gif) 4px 9px no-repeat;}



#Sidebar #Sidemenu ul li ul.SidemenuSnd{
	width: 150px;
	padding:0 8px 0px; margin:0 0 0 10px;
	}

#Sidebar #Sidemenu ul li ul.SidemenuSnd li{
	display:block;
	
	border:none;
	}
#Sidebar #Sidemenu ul li ul.SidemenuSnd li a,
#Sidebar #Sidemenu ul li ul.SidemenuSnd li a:hover,
#Sidebar #Sidemenu ul li ul.SidemenuSnd li.Now a{
	border:none;
	margin:1px 0px 0 0px;
	padding:0px 0 3px 0;
	width:150px; /*height:14px;*/
	/*text-indent:25px;*/
	padding-left:15px;
	font-size: 1.0em;
	background: url(../images/employ/common/sidemenusnd.gif) 5px 5px no-repeat;
	color:#333;}
/*#Sidebar #Sidemenu ul li ul.SidemenuSnd li a:hover,
#Sidebar #Sidemenu ul li ul.SidemenuSnd li.Now a{
	background:url(../images/common/menu-list-style-on.gif) 0px 0 no-repeat;}*/






#Side-Banner{
	padding:0px 0px 0px 0px;}

#Side-Banner li {
	margin-bottom:5px;}

#Side-Banner li a{
	display:block;
	width:200px;
	height:85px;
	margin:0px 0px;
	text-indent:-99999px;
	overflow: hidden;}
	
#Side-Banner li#sbana-contact a{
	background: url(../images/common/base_banner.gif) 0px 0px no-repeat;}
#Side-Banner li#sbana-contact a:hover{
	background: url(../images/common/base_banner.gif) -200px 0px no-repeat;}
#Side-Banner li#sbana-pamphlet a{
	background: url(../images/common/base_banner.gif) 0px -87px no-repeat;}
#Side-Banner li#sbana-pamphlet a:hover{
	background: url(../images/common/base_banner.gif) -200px -87px no-repeat;}
#Side-Banner li#sbana-sifuku a{
	background: url(../images/common/base_banner.gif) 0px -174px no-repeat;}
#Side-Banner li#sbana-sifuku a:hover{
	background: url(../images/common/base_banner.gif) -200px -174px no-repeat;}	
#Side-Banner li#sbana-employ a{
	background: url(../images/common/base_banner.gif) 0px -174px no-repeat;}
#Side-Banner li#sbana-employ a:hover{
	background: url(../images/common/base_banner.gif) -200px -174px no-repeat;}	
#Side-Banner li#sbana-wellpark a{
	height:121px;
	background: url(../images/common/base_banner.gif) 0px -262px no-repeat;}

/*
 
***********************************
*
*コンテンツ　フッター部
*
***********************************

*/


/*ページトップ*/
#Page-Top{
	clear:both;
	margin: 0 0 0 0;
	padding:15px 0px 20px 0;}

#Page-Top ul {
	float:right;
	display:block;
	width:40px; height:15px;
	margin-right:15px;}
	
#Page-Top li {
	/*float:left;*/
	}

#Page-Top li#navi-paetop a{
	display:block;
	width:40px; height:15px;
	background: url(../images/common/pagetop.gif) 0 0 no-repeat;
	text-indent:-99999px;
	overflow:hidden;}
#Page-Top li#navi-paetop a:hover{
	background: url(../images/common/pagetop.gif) 0 -15px no-repeat;}

/*
 
***********************************
*
*フッター部
*
***********************************

*/
#Footer-Info-Wapper{
	width:100%;
	clear:both;
	padding:0;
	margin-top:50px;
	background: url(../images/common/footer-bg.jpg) 0 0 repeat-x;
	border-bottom:1px #CCC solid;
	padding-bottom: 10px; }

#Footer-Info{
	margin: 0px auto;
	width:950px;
	height:170px;
	background:url(../images/common/footer-img.gif) 20px 15px no-repeat;
	position:relative;
	/*border:1px #000 solid;*/
}

#Footer-Info ul#fHonbu{
	/*float:left;
	margin:15px 0 0 20px;*/
	width:230px;
	
}
#Footer-Info ul#fHonbu li{}
#Footer-Info ul#fHonbu li a{
	display:block;
	height:110px; width:220px;
	overflow:hidden;
	text-indent:-99999px;
	z-index: 1;
	position: absolute;top:16px; left:20px;	
	}

#Footer-Info ul#fSisetu{
	width:642px;
	/*margin:15px 0 0 56px;
	float:right;*/
	z-index: 2;
	position: absolute;top:16px; left:310px;
}
#Footer-Info ul#fSisetu li{
	float:left;}
#Footer-Info ul#fSisetu li a{
	display:block;
	height:40px; width:302px;
	margin-bottom:6px;
	overflow:hidden;
	text-indent:-99999px;
	
	}




#Footer-Wapper {
	width:100%; 
	clear:both;
	padding:0;
	bottom: 0;
	}
#Footer{
	
	margin: 0px auto;
	width:950px;
	height:34px;
	text-align:left;
	background:url(../images/common/bg_footer.jpg) 0 0 no-repeat;}
	
#Footer #FooterLink{
	padding:5px 0 0 20px;
	width:500px;
	float:left;
	color:#FFF;
	font-size:0.9em;
}
#Footer #FooterLink a{
	color:#FFF;}
#Footer #Copywrite{
	float:right;
	padding:5px 0 0 0 ;
	/*margin: 25px auto;*/
	width:350px; height:34px;
	text-align:right;
	font-size:0.7em; color:#999;
	font-family:Arial, Helvetica, sans-serif;}