/*-------------------------------------------------------------------------
	id01:top
-------------------------------------------------------------------------*/


#menu{
	position:relative;
	width:1000px;
	height:640px;
	margin:10% auto 20%;
	list-style-type:none;
	}
	
#menu li{ display:none;}	

#menu p{
	display:none;
	}

#menu a{
	position:absolute;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;	
	}

#menu01 a{
	top:0;
	left:0;
	height:370px;
	width:350px;
	background:url(../img/images/menu01.jpg) no-repeat;
	}

	#menu01 a:hover{
		background:url(../img/images/menu01_s2.jpg) no-repeat;
		}

#menu02 a{
	bottom:0;
	right:0;
	height:370px;
	width:350px;
	background:url(../img/images/menu02.jpg) no-repeat;
	}	

	#menu02 a:hover{
		background:url(../img/images/menu02_s2.jpg) no-repeat;
		}

#menu03 a{
	top:0;
	left:350px;
	height:270px;
	width:650px;
	background:url(../img/images/menu03.jpg) no-repeat;
	}	
		
	#menu03 a:hover{
		background:url(../img/images/menu03_s2.jpg) no-repeat;
		}

#menu04 a{
	top:370px;
	left:0;
	height:270px;
	width:650px;
	background:url(../img/images/menu04.jpg) no-repeat;
	}	

	#menu04 a:hover{
		background:url(../img/images/menu04_s2.jpg) no-repeat;
		}


#menuLogo{
	position:absolute;
	bottom:270px;
	left:350px;
	}

.grow{
	width:80%;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
	}

.grow:hover{
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
	}

/******** scroll ********/　


ul a{
	display:block;
	}

#sc1{
	position:relative;
	top:0;
	}
	
#sc1 .slide01{
	position:absolute;
	top:50%;
	right:5%;
	}	

#sc1 a{
	position:absolute;
	bottom:3em;
	right:3em;
	}


#sc2{
	position: relative;
	}

#sc2 .slide02{
	position: absolute;
	top:50%;
	left:5%;
	}	

#sc2 a{
	position:absolute;
	bottom:3em;
	left:3em;
	z-index:3;
	}

#sc3{
	position: relative;
	}
	
#sc3 span{
	position:absolute;
	left:0;
	z-index:2;
	}	

#sc3 .slide03{
	position:absolute;
	top:50%;
	left:50%;
	color:#fff;
	z-index:3;
	}
	
#sc3 a{
	position:absolute;
	bottom:3em;
	left:3em;
	}

#sc4{
	position: relative;
	}

#sc4 span{
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	}	

#sc4 .slide04{
	position:absolute;
	top:50%;
	right:5%;
	z-index:3;
	}	

#sc4 a{
	position:absolute;
	bottom:3em;
	right:3em;
	z-index:10;
	}

/*-------------------------------------------------------------------------
	id02:web
-------------------------------------------------------------------------*/

.web_h1{
	min-height:600px;
	background:url(../web/img/h1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
.web_h1 p{
	position:absolute;
	top:50%;
	left:5%;
	}
		
.webList li{
	list-style-type:none;
	float:left;
	margin:30px 18px;
	}

.webList li img,.webList li p{ width:360px;}

.webList li img{
	border:1px solid #ccc;
	-webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
	}

.webList li img:hover {
	border:1px solid #0ff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	}

.webList li p{
	font-size:1.1em;
	margin-top:.5em;
	}

.webList li a{
	text-decoration:none;}

.popUp{
	display:none;
	}


.fl_mr img{
	border:1px solid #ccc;
	}

#inline1,
#inline2,
#inline3,
#inline4,
#inline5{
	padding:5px;
	text-align:left;
	width:800px;
	height:445px;
	overflow:auto;
	z-index:100;
	top:100px;
	color:#777;
	line-height:1.8;
	}

.webDL dt{ font-weight:bold; margin-top:1.5em;}


/*-------------------------------------------------------------------------
	id03:dtp
-------------------------------------------------------------------------*/

.dtp_h1{
	min-height:600px;
	background:url(../dtp/img/h1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

.dtp_h1 p{
	position:absolute;
	top:50%;
	right:5%;
	}

.dtp_h1 h3{
	text-align:left;
	font-size:1.5em;
	font-weight:bold;
	}

.dtpList li{
	list-style-type:none;
	float:left;
	margin:30px 20px;
	}

.dtpList li img,.dtpList li p{ width:360px;}

.dtpList li h4{
	font-size:1.2em;
	margin-top:.5em;
	font-weight:bold;
	}

.dtpList li p{
	height:4em;
	font-size:1.1em;
	}

/*-------------------------------------------------------------------------
	id04:photo
-------------------------------------------------------------------------*/

.photo_h1{
	min-height:600px;
	background:url(../photo/img/h1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

.photo_h1 p{
	position:absolute;
	top:50%;
	right:30%;
	}
	
.photoList li{
	list-style-type:none;
	float:left;
	margin:30px 18px;
	}

.photoList li img{
	border:1px solid #ccc;
	-webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
	}

.photoList li img:hover {
	border:1px solid #0ff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	}

/*-------------------------------------------------------------------------
	id05:illust
-------------------------------------------------------------------------*/

.illust_h1{
	min-height:600px;
	background:url(../illust/img/h1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

.illust_h1 p{
	position:absolute;
	top:50%;
	right:20%;
	}
	
.illustList li{
	list-style-type:none;
	float:left;
	margin:30px 18px;
	}

.illustList li img,.illustList li p{ width:360px;}

.illustList li img{
	border:1px solid #ccc;
	-webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
	}

.illustList li img:hover {
	border:1px solid #0ff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	}






/*-------------------------------------------------------------------------
	id06:contact
-------------------------------------------------------------------------*/
.contact_h1{
	min-height:600px;
	background:url(../contact/img/h1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

.contact_h1 p{
	position:absolute;
	top:50%;
	left:10%;
	}

.contact{
	margin:0 auto;
	}

.contact table{
	margin:0 auto 1em;
	width:800px;
	}

.contact table th,.contact table td{
	padding:6px 6px;
	}

.contact table th{
	width:14em;
	vertical-align:middle;
	background: #9CF;
	}

.contact table td{
	text-align:left;
	border:1px solid #ccc;
	}

.form_btn li{
	display:inline-block;
	margin:0 20px 3em;
	list-style-type:none;
	}

.form_btn input{
	padding:5px;
	}