body{
font-size: 14px;
color:#333333;
background-color: #fff;

}

/**************** ロゴ ****************/ 
.rogo {
width: 800px;
height: 250px;
margin: auto;
overflow: hidden;
background-image:url(img/titile.jpg);
  background-repeat:no-repeat;
    background-position:center bottom;
text-align: left; /* 左寄せ */ 
}
/**************** /ロゴ ****************/ 
/**************** フッター ****************/ 
.footer1{
width: 800px;
height: 70px;
margin-left : auto ; margin-right : auto ;
overflow: hidden;
background-image:url(img/footer1.jpg);
  background-repeat:no-repeat;
    background-position:center bottom;
text-align: left; /* 左寄せ */ 

}
.footer2{
width: 800px;
height: 150px;
margin-left : auto ; margin-right : auto ;
overflow: hidden;
background-image:url(img/footer2.jpg);
  background-repeat:no-repeat;
    background-position:center top;
text-align: left; /* 左寄せ */ 

}
/**************** /フッター ****************/ 

/**************** セクション ****************/ 
.sectionindex {
width: 800px;
height: 250px;
margin-left : auto ; margin-right : auto ;
background-image:url(img/pagetop.jpg);
  background-repeat:no-repeat;
    background-position:center top;
text-align: left; /* 左寄せ */ 
}

.sectioncast {
width: 800px;
height: 600px;
margin-left : auto ; margin-right : auto ;
background-image:url(img/pagecast.jpg);
  background-repeat:no-repeat;
    background-position:center top;
text-align: left; /* 左寄せ */ 

}

.sectionstaff {
width: 800px;
height: 300px;
margin-left : auto ; margin-right : auto ;
background-image:url(img/pagestaff.jpg);
  background-repeat:no-repeat;
    background-position:center top;
text-align: left; /* 左寄せ */ 
}

.sectionsyohin {
width: 800px;
height: 300px;
margin-left : auto ; margin-right : auto ;
background-image:url(img/pagesyohin.jpg);
  background-repeat:no-repeat;
    background-position:center top;
text-align: left; /* 左寄せ */ 
}

.sectiongoka {
width: 800px;
min-height:200px;
overflow:visible;
margin-left : auto ; margin-right : auto ;
background-image:url(img/pagegoka.jpg);
  background-repeat:no-repeat;
    background-position:center top;
text-align: left; /* 左寄せ */ 

}
/**************** /セクション ****************/

/**************** text ****************/ 
p.page{  
width: 360px;
height: auto;
margin:10px;
padding: 6px;
float: left;
display:inline;
border: 1px #25456E solid;
overflow: hidden;
position: absolute;/**わざと親要素のsectionからはみ出すようになっている、フッター部分にまで侵食**/
}

p.photo{  
width: 360px;
height: auto;
margin:10px;
padding: 6px;
float: left;
display:inline;
border: 1px #25456E solid;
overflow: hidden;
text-align: center;
}


p.top{  
width: 550px;
height: auto;
margin:10px;
padding: 6px;
display:inline;
border: 1px #25456E solid;
overflow: hidden;
position: absolute;/**わざと親要素のsectionからはみ出すようになっている、フッター部分にまで侵食**/
}

/**************** /text ****************/ 

/**************** メニュー ****************/ 
#navigation {
		margin-top: 0px;
		width: 800px;
}

#navigation ul {
		margin: 0;
		padding: 0;
}

#navigation li{
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
}

#navigation li a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 50px;
	padding-top: 50px;
	background-image: url(img/menu/navi.jpg);
}

/*   オフマウス  */
#nav01 a{ background-position: 0 0;}
#nav02 a{ background-position: -160px 0;}
#nav03 a{ background-position: -320px 0;}
#nav04 a{ background-position: -480px 0;}
#nav05 a{ background-position: -640px 0;}

/*   オンマウス  */
#nav01 a:hover{ background-position: 0 -50px;}
#nav02 a:hover{ background-position: -160px -50px;}
#nav03 a:hover{ background-position: -320px -50px;}
#nav04 a:hover{ background-position: -480px -50px;}
#nav05 a:hover{ background-position: -640px -50px;}

/*   footer  */
#footer {
	clear: both;
	padding-top:0px;
	text-align: right;
}
/**************** /メニュー ****************/