@charset "utf-8";
/* CSS Document */

/* --------------------------------------------
   YOSHIO OKUYAMA website layout
---------------------------------------------- */
body{
	text-align:center;
}

#wrapper{
	height:100%;
	width:100%;
	    position: relative;
    	height: auto !important;
	    min-height: 100%;
	margin:0px auto;
	background-image:url(img/back_all.jpg);
	background-repeat:repeat-y;
	background-position: top center;
}

#header{
	height: 70px;
	width: 100%;
	margin: 0px auto;
	padding: 0;
	text-align: center;
}
#main{
	height:;
	width:100%;
	margin:0 auto;
	padding:0;
	    padding-bottom: 40px;
}
#footer{
	height:40px;
	margin:30px 0 0 0;
	padding:0;
	clear:both;
	    position: fixed;
    	bottom: 0;
    	width: 100%;
	background-color: white;
}


/* --------------------------------------------
   header
---------------------------------------------- */
h1{
	float: left;
	text-indent:-9999px;
	width:305px;
	height:60px;
	margin: 0px 20px 0 0;
	color: #8C8C8C;
	font-size: 12px;
	overflow: hidden;/*はみ出した内容を隠すように指定*/
}
h1 a{
	float:left;
	display:block;
	width:305px;
	height:60px;
	background:url("img/header.gif") 0 0 no-repeat;
}
h1 a:hover{
	float:left;
	display:block;
	width:305px;
	height:60px;
	background:url("img/header.gif") 0 -70px no-repeat;
}

/*  header menu
----------------------------------------*/
#header ul{
	height: 70px;
	width: 670px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center;
	float: right;
}
#header ul li{
	text-indent: -9999px;/*テキストをウィンドウ外に飛ばし見えなくする指定*/
	float: left;/*テキストを横並びにする*/
	overflow: hidden;/*はみ出した内容を隠すように指定*/
}
#header ul li.menu1 a{
	display: block; 
	width:175px;
	height:60px;
	background: url(img/header.gif) -310px 0 no-repeat; 
}
#header ul li.menu1 a:hover{
	display: block; 
	width:175px;
	height:60px;
	background: url(img/header.gif) -310px -70px no-repeat; 
}
#header ul li.menu2 a{
	display: block; 
	width:100px;
	height:60px;
	background: url(img/header.gif) -485px 0 no-repeat; 
}
#header ul li.menu2 a:hover{
	display: block; 
	width:100px;
	height:60px;
	background: url(img/header.gif) -485px -70px no-repeat; 
}
#header ul li.menu3 a{
	display: block; 
	width:111px;
	height:60px;
	background: url(img/header.gif) -585px 0 no-repeat; 
}
#header ul li.menu3 a:hover{
	display: block; 
	width:111px;
	height:60px;
	background: url(img/header.gif) -585px -70px no-repeat; 
}

#header ul li.menu4 a{
	display: block; 
	width:104px;
	height:60px;
	background: url(img/header.gif) -696px 0 no-repeat; 
}
#header ul li.menu4 a:hover{
	display: block; 
	width:104px;
	height:60px;
	background: url(img/header.gif) -696px -70px no-repeat; 
}
#header ul li.home a{
	display: block; 
	width:85px;
	height:60px;
	background: url(img/header.gif) -800px 0 no-repeat; 
}
#header ul li.home a:hover{
	display: block; 
	width:85px;
	height:60px;
	background: url(img/header.gif) -800px -70px no-repeat; 
}

/*  language
----------------------------------------*/
#header ul li.en a{
	display: block; 
	width:24px;
	height:60px;
	background: url(img/header.gif) -885px 0 no-repeat; /*EN-on*/
}
#header ul li.en a:hover{
	display: block; 
	width:24px;
	height:60px;
	background: url(img/header.gif) -885px 0 no-repeat; /*EN-on over*/
}
#header ul li.enoff a{
	display: block; 
	width:24px;
	height:60px;
	background: url(img/header.gif) -885px -70px no-repeat; /*EN-off*/
}
#header ul li.enoff a:hover{
	display: block; 
	width:24px;
	height:60px;
	background: url(img/header.gif) -885px 0 no-repeat; /*EN-off over*/
}

#header ul li.it a{
	display: block; 
	width:24px;
	height:60px;
	background: url(img/header.gif) -909px 0 no-repeat; /*IT-on*/
}
#header ul li.it a:hover{
	display: block; 
	width:24px;
	height:60px;
	background: url(img/header.gif) -909px 0px no-repeat; /*IT-on over*/
}
#header ul li.itoff a{
	display: block; 
	width:24px;
	height:60px;
	background: url(img/header.gif) -909px -70px no-repeat; /*IT-off*/
}
#header ul li.itoff a:hover{
	display: block; 
	width:24px;
	height:60px;
	background: url(img/header.gif) -909px 0px no-repeat; /*IT-off over*/
}
#header ul li.jp a{
	display: block; 
	width:47px;
	height:60px;
	background: url(img/header.gif) -933px 0 no-repeat; /*JP-on*/
}
#header ul li.jp a:hover{
	display: block; 
	width:47px;
	height:60px;
	background: url(img/header.gif) -933px 0 no-repeat; /*JP-on over*/
}
#header ul li.jpoff a{
	display: block; 
	width:47px;
	height:60px;
	background: url(img/header.gif) -933px -70px no-repeat; /*JP-off*/
}
#header ul li.jpoff a:hover{
	display: block; 
	width:47px;
	height:60px;
	background: url(img/header.gif) -933px 0 no-repeat; /*JP-off over*/
}
/*  movie
----------------------------------------*/
.slideshow{
	position: relative;
	clear:both;
	width:980px;
	margin:0px auto;
	padding:0;
	text-align:center;
	z-index:1;
}
p.copy{
	margin:12px 0 0 0;
	font-size:17px;
	color:#090E2D;
}
p.copy a {
	color: #15216C;
}


/* --------------------------------------------
   main
---------------------------------------------- */




/* --------------------------------------------
   footer
---------------------------------------------- */

#footer ul{
		clear:both;

	height: 40px;
	width: 980px;
	margin: 0px auto 0px;
	padding: 0;
	text-align: center;
	float: right;
}
#footer ul li{
	text-indent: -9999px;/*テキストをウィンドウ外に飛ばし見えなくする指定*/
	float: left;/*テキストを横並びにする*/
	overflow: hidden;/*はみ出した内容を隠すように指定*/
}


#footer ul li.menu1 a{
	display: block; 
	margin-left: 310px;
	width:135px;
	height:40px;
	background: url(img/footer.gif) -319px 0 no-repeat; 
}
#footer ul li.menu1 a:hover{
	display: block; 
	width:135px;
	height:40px;
	background: url(img/footer.gif) -319px -36px no-repeat; 
}
#footer ul li.menu2 a{
	display: block; 
	width:58px;
	height:40px;
	background: url(img/footer.gif) -455px 0 no-repeat; 
}
#footer ul li.menu2 a:hover{
	display: block; 
	width:58px;
	height:40px;
	background: url(img/footer.gif) -455px -36px no-repeat; 
}
#footer ul li.menu3 a{
	display: block; 
	width:67px;
	height:40px;
	background: url(img/footer.gif) -513px 0 no-repeat; 
}
#footer ul li.menu3 a:hover{
	display: block; 
	width:67px;
	height:40px;
	background: url(img/footer.gif) -513px -36px no-repeat; 
}

#footer ul li.menu4 a{
	display: block; 
	width:70px;
	height:40px;
	background: url(img/footer.gif) -580px 0 no-repeat; 
}
#footer ul li.menu4 a:hover{
	display: block; 
	width:70px;
	height:40px;
	background: url(img/footer.gif) -580px -36px no-repeat; 
}
#footer ul li.pagetop a{
	display: block; 
	width:75px;
	height:40px;
	background: url(img/footer.gif) -650px 0 no-repeat; 
}
#footer ul li.pagetop a:hover{
	display: block; 
	width:75px;
	height:40px;
	background: url(img/footer.gif) -650px -36px no-repeat; 
}
#footer ul li.menutop a{
	display: block; 
	width:257px;
	height:40px;
	background: url(img/footer.gif) -725px 0 no-repeat; 
}
#footer ul li.menutop a:hover{
	display: block; 
	width:257px;
	height:40px;
	background: url(img/footer.gif) -725px -36px no-repeat; 
}