@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: 1.0em;
	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: #FE790C;
	text-decoration: none;}

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

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



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

.floatclear {clear: both; margin:0; padding:0; font-size:1px; height:1px; 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%;}


.txtCenter{text-align:center;}
.txtRight{text-align:right;}

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

*/
.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: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;}


/*
 
***********************************
*
*テーブル設定
*
***********************************

*/

.tdCenter{
	vertical-align:top;
	text-align:center;}





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




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

*/



#Header{
	background:url(../image/common/header_base.jpg) 0 0 no-repeat;
	display:block;
	width: 940px;
	height:155px;
	margin: 0px auto;
	padding:0;
	text-align: left;
	position:relative;}
	
#Logo{ 
	float:left;
	display:block;
	padding:0px 0 0 1px;
	width:300px; height:60px;
	z-index: 2;
	position: absolute;top:38px; left:10px;}

#Logo h1 a{
	margin:0; padding:0;
	display:block;
	width:300px;
	height:60px;
	text-indent:-99999px;
	overflow:hidden;}


/*ヘッダ部　フォントサイズ設定*/
#FontSize-Navi{ 
	width:147px; height:27px;
	display:block;
	padding:0px 0 0 0 ;
	z-index: 3;
	position: absolute;top:10px; left:770px;
	
	background:url(../image/common/bg_fontsize.png) 0 0 no-repeat;}
#FontSize-Navi p{ display:none;}	
#FontSize-Navi ul{
	margin-left:84px;}
#FontSize-Navi li{
	float:left;}
#FontSize-Navi li a{
	display:block;
	height:27px;
	width:27px;
	text-indent:-99999px;
	overflow: hidden;}

#FontSize-Navi li#mid {
	margin-left:6px;}
#FontSize-Navi li#mid a{
	background: url(../image/common/moji.png) -33px 0px no-repeat;}
#FontSize-Navi li#mid a:hover,
#FontSize-Navi li#mid.Now a{
	background: url(../image/common/moji.png) -33px -30px no-repeat;}

#FontSize-Navi li#big a{
	background: url(../image/common/moji.png) 0px 0px no-repeat;}
#FontSize-Navi li#big a:hover,
#FontSize-Navi li#big.Now a{
	background: url(../image/common/moji.png) 0px -30px no-repeat;}


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

*/


#Navi{
	display:block;
	padding:0px;
	z-index: 4;
	position: absolute;top:122px; left:2px;
	height:33px; width:935px;}
	
#Navi ul{
	margin:0}
#Navi li{
	float:left;}
#Navi li a{
	display:block;
	width:69px;
	height:33px; 
	text-indent:-99999px;
	overflow: hidden;}
#Navi li#Navi-top a{
	width:70px;
	background: url(../image/common/menu.png) -1px 0px no-repeat;}
#Navi li#Navi-top a:hover, 
#Navi li#Navi-top.Now a{
	background: url(../image/common/menu.png) -1px -67px no-repeat;}

#Navi li#Navi-greeting a{
	width:87px;
	background: url(../image/common/menu.png) -71px 0px no-repeat;}
#Navi li#Navi-greeting a:hover, 
#Navi li#Navi-greeting.Now a{
	background: url(../image/common/menu.png) -71px -67px no-repeat;
	margin-bottom:1px;}

#Navi li#Navi-activity a{
	width:150px;
	background: url(../image/common/menu.png) -158px 0px no-repeat;}
#Navi li#Navi-activity a:hover, #Navi li#Navi-activity.Now a{
	background: url(../image/common/menu.png) -158px -67px no-repeat;}

#Navi li#Navi-event a{
	width:123px;
	background: url(../image/common/menu.png) -307px 0px no-repeat;}
#Navi li#Navi-event a:hover,#Navi li#Navi-event.Now a{
	background: url(../image/common/menu.png) -307px -67px no-repeat;}

#Navi li#Navi-join a{
	width:149px;
	background: url(../image/common/menu.png) -493px 0px no-repeat;}
#Navi li#Navi-join a:hover, #Navi li#Navi-join.Now a{
	background: url(../image/common/menu.png) -493px -67px no-repeat;}

#Navi li#Navi-network a{
	width:178px;
	background: url(../image/common/menu.png) -642px 0px no-repeat;}
#Navi li#Navi-network a:hover, #Navi li#Navi-network.Now a{
	background: url(../image/common/menu.png) -642px -67px no-repeat;}

#Navi li#Navi-organization a{
	width:115px;
	background: url(../image/common/menu.png) -820px 0px no-repeat;}
#Navi li#Navi-organization a:hover,#Navi li#Navi-organization.Now a{
	background: url(../image/common/menu.png) -820px -67px no-repeat;}


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

*/
#Container-Wapper{
	background: url(../image/common/bg_image.jpg) 0 0 repeat;
	padding:0;}
	
#Container{
	margin:0 auto;
	width: 940px;
	/*background: #FFFFFF;*/
	padding:0px 0px 0px 0px;
	text-align: left;
	background:#FFF;}
	

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

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


#Contents-Wapper{
	margin:10px 10px;}
	
#Contents{
	clear:left;
	display:block;
	width: 680px;
	margin: 0;
	padding:0;}
	

#Contents #MainContents{
	margin:0 25px 40px 20px;}

#Contents #MainContents .section{
	margin:0 0 30px 0;
	padding:0;}

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

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


#Sidebar #Sidemenu{
	width: 225px;
	background:url(../image/common/base_menu_body.jpg) 0 0 repeat-y;
	margin:0px 0px 30px 0px;}



#Side-Banner{
	padding: 0px;
	margin: 0px;}
	
#Side-Banner img{
	margin-bottom:5px;}



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

*/

#Footer{
	width:940px;
	height:107px;
	text-align:left;
	background:url(../image/common/footer-bg.jpg) 0px 0px no-repeat;
	position:relative;}
	

#Footer #Copywrite{
	/*margin: 25px auto;*/
	width:662px; height:30px;
	z-index: 2;
	position: absolute;top:64px; left:19px;
	display:block;
	background:url(../image/common/footer.png) 0 0 no-repeat;
	text-indent:-99999px;
	overflow:hidden;}

/*ページトップ*/
#Page-Top a{
	display:block;
	width:62px; height:25px;
	z-index: 1;
	position: absolute;top:4px; left:830px;
	text-indent:-99999px;
	overflow:hidden;}


#Page-Top li#navi-paetop a:hover{
	background: url(../image/common/pagetop.gif) 0 -15px no-repeat;}