@charset "utf-8";

body {
	background-color: #300;
	text-align: center;
}
#all {
	height: auto;
	width:950px;
	text-align: center;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
}

h1{
	font-size:12px;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#header {
	background-color: #000;
	text-align: center;
	height: 125px;
	width: 950px;
	top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#header2 {
	background-color: #000;
	text-align: center;
	height: 30px;
	width: 950px;
	top: 20px;
	padding-top;10px;
	margin-left: auto;
	margin-right: auto;
}
#carier {
	background-image: url(images/profile.png);
	text-align: center;
	height: 500px;
	width: 950px;

}
.cv{
	float:left;
	width:100px;
	height:auto;
	margin-top:350px;
	margin-left:100px;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	color:#666666;
}
iframe {
	height: 400px;
	width: 550px;
	margin-left: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
}

#main {
	width: 950px;
	background-color: #FFF;
	border-top-width: 10px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
	text-align: left;
	height: auto;
}
#map {
	width: 950px;
	font-family:"メイリオ,Osaka";
	font-size:10px;
	font-weight:normal;
	padding-left:50px;
	padding-top: 30px;
	background-color: #FFF;
	border-top-width: 10px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
	text-align: left;
	height: auto;
}

#footer {
	background-color: #666;
	height: 30px;
	width: 950px;
	clear: both;
	padding-top: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #FFF;

}

	/*----------------------ページ上部------------------------*/
#back {
	background-color: #FFF;
	width: 793px;
	height: 28px;
	margin-top:18px;
	margin-left:81px;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


#karasu{
	height: 90px;
	width: 150px;
	display: block;
	margin-right: 380px;
	margin-top: 20px;
	float:right;
}
.h_title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	height: auto;
	width: 910px;
	text-align: left;
	padding-left: 40px;
	padding-top: 10px;
}
	/*-------進む戻る--------*/
#under{
	width: 950px;
	height: 32px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color:#ffffff;
	clear:right;
}

a.left{
	width:80px;
	height:30px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	margin-left:80px;
	background-position:left;
	background-image:url(images/left.gif);
	float:left;
	padding-top:10px;
	background-repeat:no-repeat;
	display:block;
}
a.left:hover{
	background-image:url(images/left2.gif);	
	color:#666666;
}

a.right{
	width:80px;
	height:30px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	margin-right:80px;
	background-position:right;
	background-image:url(images/right.gif);
	float:right;
	padding-top:10px;
	background-repeat:no-repeat;
	display:block;
}
a.right:hover{
	background-image:url(images/right2.gif);
	color:#666666;
}
	/*-------進む戻るend--------*/	




#over {
	height: 400px;
	width: 450px;
	overflow: scroll;
	float: right;
	margin-top: 50px;
	margin-right: 50px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color: #999999;
	text-align: left;
	font-weight: bolder;
	font-size: 12px;
}


/*---index---*/
#index{
	height: 550px;
	width: 950px;
	background-color: #FFF;
	border-top-width: 10px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
	text-align: left;
	background-image: url(images/index.jpg);
	background-repeat: no-repeat;
}
#index2{
	height: 600px;
	width: 950px;
	background-color: #FFF;
	border-top-width: 10px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
	background-image: url(images/index.png);
	background-repeat: no-repeat;
}
#side2 {
	float: left;
	height: 500px;
	width: 300px;
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-top: 30px;
}
#side3 {
	float: right;
	height: 440px;
	width: 350px;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 90px;
	margin-right:40px;
}
#enter{
	height: 200px;
	width: 250px;
	display: block;
	margin-left: 420px;
	margin-top: 200px;
	text-align:center;
	font-family:"メイリオ",Osaka,;
	font-weight:bold;
	font-size:12px;
	color:#666666;
}


	/*--------扉sidemenu-------*/

a.profile:link {
	background-image: url(images/cv.png);
	display: block;
	height: 60px;
	width: 167px;
	margin-left: 140px;
	text-indent: -2000pt;
	background-repeat: no-repeat;
	background-position: center;
}

a.profile:hover {
	background-image: url(images/cv_down.png);
		height: 60px;
	width: 350px;
}
a.profile:active {
	background-image: url(images/cv_down.png);
		height: 60px;
	width: 350px;
}

/*---gallery1---*/
a.gallery1 {
	background-image: url(images/galerie1.png);
	display: block;
	height: 60px;
	width: 165px;
	margin-left: 140px;
	text-indent: -2000pt;
	background-repeat: no-repeat;
	background-position: right;
}

a.gallery1:hover {
	background-image: url(images/galerie5_down.png);
		height: 60px;
	width: 350px;
	margin-left: 0;
}
a.gallery1:active {
	background-image: url(images/galerie5_down.png);
		height: 60px;
	width: 350px;
	margin-left: 0;
}


/*---gallery2---*/
a.gallery2 {
	background-image: url(images/galerie2.png);
	display: block;
	height: 60px;
	width: 167px;
	margin-left: 140px;
	text-indent: -2000pt;
	background-repeat: no-repeat;
	background-position: center;
}

a.gallery2:hover {
	background-image: url(images/galerie1_down.png);
		height: 60px;
	width: 350px;
	margin-left: 0;
}
a.gallery2:active {
	background-image: url(images/galerie1_down.png);
		height: 60px;
	width: 350px;
	margin-left: 0;
}

/*---gallery3---*/

a.gallery3 {
	background-image: url(images/galerie3.png);
	display: block;
	height: 60px;
	width: 167px;
	margin-left: 140px;
	text-indent: -2000pt;
	background-repeat: no-repeat;
	background-position: center;
}

a.gallery3:hover {
	background-image: url(images/galerie2_down.png);
		height: 60px;
	width: 350px;
	margin-left: 0;
}

a.gallery3:active {
	background-image: url(images/galerie2_down.png);
		height: 60px;
	width: 350px;
	margin-left: 0;
}

/*---gallery4---*/

a.gallery4:link {
	background-image: url(images/galerie4.png);
	display: block;
	height: 60px;
	width: 167px;
	text-indent: -2000pt;
	margin-left: 140px;
	background-repeat: no-repeat;
	background-position: center;
}

a.gallery4:hover {
	background-image: url(images/galerie3_down.png);
		height: 60px;
	width: 350px;
	margin-left: 0;
}

a.gallery4:active {
	background-image: url(images/galerie3_down.png);
		height: 60px;
	width: 350px;
	margin-left: 0;
}


/*---gallery5---*/
a.gallery5 {
	background-image: url(images/galerie5.png);
	display: block;
	height: 60px;
	width: 167px;
	margin-left: 140px;
	text-indent: -2000pt;
	background-repeat: no-repeat;
	background-position: center;
}

a.gallery5:hover {
	background-image: url(images/galerie4_down.png);
		height: 60px;
	width: 350px;
	margin-left: 0;
}
a.gallery5:active {
	background-image: url(images/galerie4_down.png);
		height: 60px;
	width: 350px;
	margin-left: 0;
}


/*---information---*/
a.information {
	background-image: url(images/information.png);
	display: block;
	height: 60px;
	width: 170px;
	margin-left: 140px;
	text-indent: -2000pt;
	background-repeat: no-repeat;
	background-position: center;

}

a.information:hover {
	background-image: url(images/information_down.png);
	height: 60px;
	width: 350px;
	margin-left: 0;
}

a.information:active {
	background-image: url(images/information_down.png);
	height: 60px;
	width: 350px;
	margin-left: 0;
}

/*-------扉sidemenu END-------*/
/*---index END---*/




/*-------------------------contact------------------------------------*/

#contact {
	height: 900px;
	width: 950px;
	background-color: #FFF;
	border-top-width: 10px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(images/IMG5.jpg);
}
#contact img {
	float: left;
	margin-left: 20px;
}
#merci {
	height: 400px;
	width: 950px;
	background-color: #FFF;
	border-top-width: 10px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(images/thanks.png);
	margin-top:100px;
}
.form {
	height: 50px;
	width: 150px;
	display: block;
	margin-top: 30px;
	margin-left: 400px;
	background-image: url(images/form.jpg);
	background-repeat: no-repeat;
	text-indent: -2000px;
}
table{
	width: 600px;
	background-color: #FFF;
	float: right;
	margin-right: 30px;
}
ul.botton li{
		clear: both;
	margin-left: 400px;
	float:left;
	display:block;
	position: relative;
}
.return{
	position:relative;
	top:100px;
	font-size:36px;
	font-weight:bold;
}

/*----------------------contact END----------------------------------*/


/*---conception---*/
#conception {
	height: 530px;
	width: 950px;
	border-top-width: 10px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
	text-align: left;
	background-image: url(images/conception.jpg);
}

#concept {
	height: 400px;
	width: 400px;
	overflow: scroll;
	float: left;
	margin-top: 70px;
	margin-left: 250px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color: #333;
	text-align: left;
	font-weight: bolder;
	font-size: 12px;
	position: relative;
	padding-top: 15px;
	padding-left: 50px;
}
/*----conception END----*/

/*-------------------------information------------------------------------*/

/*---NEMS---*/
a#news:link {
	background-image: url(images/infoboutton_r1_c1.jpg);
	display: block;
	height: 30px;
	width: 150px;
	margin-left: 10px;
	position: relative;
	text-indent: -2000pt;
	margin-top: 20px;
}
a#news:hover {
	background-image: url(images/infoboutton_r1_c1_s2.jpg);
}
a#news:active {
	background-image: url(images/infoboutton_r1_c1_s2.jpg);
}
/*---NEWS END---*/

/*---exposition---*/
a#expo:link {
	background-image: url(images/infoboutton_r3_c1.jpg);
	display: block;
	height: 30px;
	width: 150px;
	margin-left: 10px;
	position: relative;
	text-indent: -2000pt;
	margin-top: 20px;
}
a#expo:hover {
	background-image: url(images/infoboutton_r3_c1_s2.jpg);
}
a#expo:active {
	background-image:  url(images/infoboutton_r3_c1_s2.jpg);
}
/*---exposition END---*/


/*---declaration---*/
a#declarer:link {
	background-image: url(images/infoboutton_r5_c1.jpg);
	display: block;
	height: 30px;
	width: 160px;
	margin-left: 10px;
	position: relative;
	text-indent: -2000pt;
	margin-top: 20px;
}
a#declarer:hover {
	background-image: url(images/infoboutton_r5_c1_s2.jpg);
}
a#declarer:active {
	background-image: url(images/infoboutton_r5_c1_s2.jpg);
}
/*---declaration END---*/

/*---contact---*/
a#corespondence:link {
	background-image: url(images/infoboutton_r7_c1.jpg);
	display: block;
	height: 30px;
	width: 150px;
	margin-left: 10px;
	position: relative;
	text-indent: -2000pt;
	margin-top: 20px;
}
a#corespondence:hover {
	background-image: url(images/infoboutton_r7_c1_s2.jpg);
}
a#corespondence:active {
	background-image: url(images/infoboutton_r7_c1_s2.jpg);
}
/*---contact END---*/
/*---link---*/
a#jamp:link{
	background-image: url(images/infoboutton_r8_c8.jpg);
	display: block;
	height: 30px;
	width: 150px;
	margin-left: 10px;
	position: relative;
	text-indent: -2000pt;
	margin-top: 20px;
}
a#jamp:hover {
	background-image: url(images/infoboutton_r8_c8_s2.jpg);
}
a#jamp:activ {
	background-image: url(images/infoboutton_r8_c8_s2.jpg);
}
/*---link END---*/

/*----------------------------information END-------------------------------------*/


/*---------メインメニュー---------*/


ul.menu li{
	float:left;
	width:98px;
	height:26px;
	position:relative;
	margin-left:1px;
	background-color:#000000;
}
ul.menu li a{
	display:block;
	width:100%;
	height:100%;
	line-height:28px;
	font-weight:normal;
	font-family:Century Gothic,Arial,sans-serif;
	text-align:center;
	color:#CFDFB5;
	text-decoration:none;
}
ul.menu li a:hover{
	background-color:#333333;
}
ul.menu li ul.sub{
	position:absolute;
	display:block;	
	font-weight:em;
	font-size:12px;
	color:#CFDFB5;
	text-decoration:none;
}
ul.menu{
	zoom:1;
}
ul.menu:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
/*---------メインメニューEND-----------*/


/*---- ギャラリー ----*/

/* ギャラリーのキャンバスとなる部分の指定 */
ul#gallery {
	position: relative; /* 絶対配置させる際の基点となる包含ブロックとする指定 */
	width: 300px; /* サムネール画像と拡大画像を足した幅 */
	height:550px; /* サムネール画像を縦に10枚並べた高さ */
	text-align: center;
	padding: 15px;
	margin-left: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* レイヤー階層の指定 */
ul#gallery li a img {
	border: none;
	position: relative; /* z-index を指定するため */
	z-index: 3; /* 常に最前面のレイヤーへ表示 */
	width: 115px; /* 画像をサムネール用に縮小 */
	height: 115px; /* 画像をサムネール用に縮小 */
	display: block;
}
/* レイヤー階層の指定END */

ul#gallery li {
	width: 70px;
	height: 70px;
	list-style-type: none; /* マウスオーバーやクリック時に現れる背景画像 */
	/* IE向けの対応 */
	line-height: 0;
	vertical-align: bottom;
	font-size: 0;
	background-image: url(images/clique.png);
	background-repeat: no-repeat;
	background-position: left top;	/* IE向けの対応END */
	float:left;
	margin: 10px;
}

ul#gallery li a {
	display: block;
	width: 70px;
	height: 70px;
	overflow:hidden;
}

ul#gallery li a:hover {
	padding-left: 380px; /* 左のサムネール分余白をとる */
	position: absolute; /* ul#galleryの左上を原点として絶対配置 */
	top: 0;
	left: 0;
	z-index: 2; /* レイヤー階層をひとつ下に落とす */
	width: 800px; /* マウスオーバーで画像拡大 */
	height: 500px; /* マウスオーバーで画像拡大 */
}

ul#gallery li a:hover img {
	width: 400px; /* マウスオーバーで画像拡大 */
	height: 400px; /* マウスオーバーで画像拡大 */
	margin-top: 30px;
}

ul#gallery li a:active,
ul#gallery li a:focus {
	padding-left: 380px; /* 左のサムネール分余白をとる */
	position: absolute; /* ul#galleryの左上を原点として絶対配置 */
	top: 0;
	left: 0;
	width: 400px;
	height: 400px;
	margin-top: 30px;
}

ul#gallery li a:active img,
ul#gallery li a:focus img {
	position: relative; /* z-index を指定するため */
	z-index: 1; /* レイヤー階層を更にひとつ下に落とす */
	width: 400px;
	height: 400px;
	margin-top: 30px;
}

/*---- ギャラリーEND ----*/

/*---- Lightbox ----*/


html,body{
	margin:0;
	padding:0;
	height:100%;
}


#glayLayer{
	display:none;
	z-index: 4; /* 常に最前面のレイヤーへ表示 */
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:black;
	filter:alpha(opacity=60);
	opacity: 0.60;
}
* html div#glayLayer{
	position:absolute;
}
#overLayer{
	display:none;
	z-index: 5; /* 常に最前面のレイヤーへ表示 */
	position: fixed;
	top:50%;
	left:50%;
	margin-top:-256px;
	margin-left:-256px;
}
* html #overLayer{
	position: absolute;
}

/*---- Lightbox END ----*/


#side {
	float: left;
	height: 480px;
	width: 300px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url(images/backimage4.jpg);
	background-color: #FFF;
	padding-top:20px
	padding-left:30px;
}
.over  {
	height: 150px;
	width: 500px;
	overflow: scroll;
	position: relative;
	margin-left: 100px;
}

.info {
	float: right;
	height: 200px;
	width: 600px;
	background-color: #CCC;
	padding-top: 50px;
	padding-right: 50px;
}
.sidemenu {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #603;
	display: block;
	margin-top: 25px;
	margin-left: 50px;
}
a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}