@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:95%;
	/*height: 100%;*/
	height:auto;
	}

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

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

p,
input,
select,
option,
textarea,
dt,
dd,
li{ line-height:140%; }

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 */
#Sidebar ul li a{
	color: #06C;
	font-weight:bold;
	text-decoration: none;
	line-height:120%;}

#Sidebar ul li a:hover{
	color: #0F87FF;
	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;}
.orange{color: #F60;}

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

strong{	font-size: larger;}

.Big{ font-size: large;}
.Midium{ font-size: medium;}
.Smaller{font-size:small;}
.Small{font-size:x-small;}

.bold{font-weight:bold;}

.italic{ font-style:italic}

.none{display:none;}


.TBox/*テスト用Boxエリア*/{
	border:1px solid #F00;}
/*
 
***********************************
*
*余白設定
*
***********************************

*/

.sp-r{margin-right:20px}
.sp-rs{margin-right:10px}
.sp-rxs{margin-right:5px}
.sp-rm{margin-right:30px}
.sp-txs{margin-top:5px;}
.sp-t{margin-top:20px;}
.sp-tl{margin-top:60px;}
.sp-tm{margin-top:30px;}
.sp-bxs{margin-bottom:5px;}
.sp-b{margin-bottom:20px;}
.sp-bl{margin-bottom:60px;}
.sp-bm{margin-bottom:30px;}
.sp-ls{margin-left:10px;}
.sp-l{margin-left:20px;}
.sp-lm{margin-left:30px;}



.center{margin:0 auto;}

.Txtcenter{
	text-align:center;}




#Screen{
	/*min-height: 100%; */
	min-height:inherit;
	height: auto !important;
	width:100%;
	margin: 0px auto;
	/*height: 100%;*/
	height:auto;            
	background: url(../images/common/bg_body.jpg) 0 0 repeat-x;}


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

*/


#Header-Wapper{
	width:100%;
	/*height:150px;*/
	margin: 0px ;
	padding:0px;
	/*background: url(../images/common/bg_header.gif) 0 0 repeat-x;*/}
#Header{
	width:841px;
	margin:0 auto;
	}


/*
***********************************
*
*ナビゲーション
*
***********************************

*/
#NaviTOP{
	width:841px;}
#NaviTOP ul{
	float:right;
	padding:15px 0px 10px 0;}
#NaviTOP li{
	float:left;}
#NaviTOP li a{
	margin:0;
	display:block; 
	height:20px; 
	width:60px; 
	text-align:center; 
	border:1px solid #4DC5E4; 
	font-size:12px; 
	padding:0px 0 0 0 ;
	color:#FFF;
	}
#NaviTOP li a:hover{
	margin:0;
	background:#4DC5E4;
	color:#029DC4;
	text-decoration:none;
	border:1px solid #4DC5E4; 
	}

.img-sp{
		text-align:center;}
.img-sp img{
	margin:0 8px;}

#NaviMENU{ margin-bottom:20px; width:841px;}
#Logo{
	float:left;}
#Logo a{
	margin:0; padding:0;
	display:block;
	width:300px;
	height:65px;
	background: url(../images/common/logo.gif) 0 0 no-repeat;
	text-indent:-99999px;
	overflow:hidden;}

/*#Navi-Wapper{
	clear:both;
	height:50px; width:100%;
	background: url(../images/common/bg_navi.jpg) 0 0 repeat-x;	}*/
	
#Navi{
	height:65px; 
	float:right; margin:0; padding:0;}
	
#Navi h2{
	display:none;}
#Navi ul{
	 margin:0; padding:0;
	}
#Navi li{
	float:left;
	border-width:0 0px 0 1px; border-style:solid; border-color:#4DC5E4;}
#Navi li.Men{
	border-width:0 1px 0 1px; border-style:solid; border-color:#4DC5E4;}	
#Navi li a{
	font-weight:bold;
	display:block;
	padding:10px 15px;
	overflow: hidden;
	color:#FFF;}


#Navi li a:hover,#Navi li.Now a{
	color:#005B88;}




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

*/
#bread{
	margin:25px 0 35px 5px; padding:0px;}
#Container-Wapper{
	width:100%;
	/*background:url(../images/common/bg_body.jpg) 0 bottom repeat-x;*/
	
	/*background:url(../images/bg_contents.jpg) 0 0 repeat-x;
	margin:20px 0 20px 0 ;*/}
	
#Container{
	width: 811px;
	background:#FFF url(../images/common/bg_contents.jpg) 0 0 no-repeat ;
	margin: 0px auto;
	padding:15px ;
	text-align: left;
	}





/*背景を挿入する場合に使用
.Container-Insrt{
	background:url(../images/bg_contents.jpg) 10px 0 repeat-y;
	margin:20px 0 0 0 ;
	height:100%;}*/
	
/*
***********************************
*
*コンテンツ部　メイン部
*
***********************************

*/

/**/
#Contents-Wapper{
	width:770px;
	margin: 0px auto;}
#Contents{
	/*display:block;*/
	width: 540px;
	float:left;
	margin: 0;
	padding:0px 0px 40px 0px;/*前回納品時：padding:0px 20px 40px 60px;*/
	background: none;

	}
	
#Container.index #Contents{
	padding:0px 0px 40px 0px;
	width: 500px;}/*前回納品時：padding:0px 10px 40px 10px; width: 790px;*/

#Container.news #Contents,
#Container.staff #Contents,
#Container.shiryo #Contents,
#Container.access #Contents{
	padding:0px 0px 40px 0px;
	width: 750px;
	/*border:1px solid #F30;*/}/*前回納品時：padding:0px 10px 40px 10px; width: 790px;*/




.Section{
	padding-bottom:40px;}

.SectionLine{
	margin-bottom:40px;
	border-bottom:1px solid #CCC;}

.SubSection{
	padding-bottom:20px;
	margin:20px 0 20px 10px;}
	
.SubSectionLine{
	padding-bottom:20px;
	border-bottom:1px dotted #CCC;
	margin:20px 0 20px 10px;}

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

*/	
	
/*TOP以外*/

#Sidebar{
	display:block;
	width: 210px;
	float: right;
	background: #E9E9E9;
	margin: 0;
	padding:0px 0px 0px 0px;
	/*height:100%;
	padding-bottom: 32768px;
	margin-bottom: -32768px;*/
}
.index #Sidebar{
	width: 250px;
}

#Sidebar h2{
	display:block;
	width:190px;
	padding:5px 10px;
	color:#FFF;
	background:#06C;
	font-weight:bold;
	font-size: larger;}

.index #Sidebar h2{
	display:block;
	width:230px;
	padding:10px 10px;
	color:#FFF;
	background:#666;
	font-weight:bold;
	font-size: large;}

.index #Sidebar .ManagerBox{
	width:230px;
	padding:10px 10px;}




#Sidebar ul{
	margin:0 ;
	padding:5px 5px;}

#Sidebar ul li{ padding:10px 10px;}
#Sidebar ul li a{
	display:block;
	padding-left:15px;
	font-size: 100%;
	background: url(../images/common/li-arrow.gif) 0 3px no-repeat;}
#Sidebar ul li a:hover{
	background: url(../images/common/li-arrow-on.gif) 0 3px no-repeat;}
	
	



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

*/



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

*/


#Footer-WapperU{
	background: #FFF none;
	/*background: #FFF url(../images/common/bg_footer01.jpg)  left bottom repeat-x;*/
	width:100%;

}


#Footer{
	margin: 0px auto 0px;
	width:841px;
	min-height:125px;

	}


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

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

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




#Copywrite{
	border-top: 1px #ccc dotted;
	margin: 0px 0 0px;
	width:841px;
	padding:45px 0 70px 0px;
		text-align:right;
	/*margin: 25px auto;*/
	}


/**/