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

body{
	width:100%;
	height:100%;
	background:url(../images/back-image.jpg) repeat;
}

.link-button{
	position:absolute;
	top:0;
	right:0;
}

.in-logo{
	display:block;
	text-indent:-9999px;
	position:absolute;
	z-index:3;
	width:201px;
	height:37px;
	top:60px;
	left:60px;
	background:url(../images/in-logo.png) no-repeat;
}


#wrapper{
	position:absolute;
	width:1000px;
	height:600px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}

#wrapper #main{
	width:1000px;
	height:400px;
	margin:auto;
	background:url(../images/top-back-00.png) no-repeat;
}


#wrapper .top-left{
	float:left;
	width:350px;
	height:400px;
}

#wrapper .top-left .float01 a{
	display:block;
	text-indent:-9999px;
	width:108px;
	height:175px;
	background:url(../images/top-back01.png) no-repeat top;
}

#wrapper .top-left .float01 a:hover{
	background-position:bottom;
}

#wrapper .top-left .float02 a{
	display:block;
	text-indent:-9999px;
	width:91px;
	height:158px;
	margin-top:80px;
	background:url(../images/top-yamaka.png) no-repeat top;
}

#wrapper .top-left .float02 a:hover{
	background-position:bottom;
}

#wrapper .top-left .float04 a{
	display:block;
	text-indent:-9999px;
	width:147px;
	height:235px;
	margin-left: 30px;
	margin-top:30px;
	background:url(../images/top-hashimoto.png) no-repeat top;
}

#wrapper .top-left .float04 a:hover{
	background-position:bottom;
}

#wrapper .top-left .float05 a{
	display:block;
	text-indent:-9999px;
	width:72px;
	height:126px;
	margin-left: 70px;
	background:url(../images/top-back10.png) no-repeat top;
}

#wrapper .top-left .float05 a:hover{
	background-position:bottom;
}

#wrapper .top-right{
	float:right;
	width:350px;
	height:400px;
}

#wrapper .top-right .float01 a{
	display:block;
	text-indent:-9999px;
	width:135px;
	height:204px;
	background:url(../images/top-yamamoto.png) no-repeat top;
}

#wrapper .top-right .float01 a:hover{
	background-position:bottom;
}


#wrapper .top-right .float02 a{
	display:block;
	text-indent:-9999px;
	width:89px;
	height:115px;
	margin-top: 60px;
	background:url(../images/top-back06.png) no-repeat top;
}

#wrapper .top-right .float02 a:hover{
	background-position:bottom;
}

#wrapper .top-right .float03 a{
	display:block;
	text-indent:-9999px;
	width:72px;
	height:125px;
	background:url(../images/top-back08.png) no-repeat top;
}

#wrapper .top-right .float03 a:hover{
	background-position:bottom;
}

#wrapper .top-right .float04 a{
	display:block;
	text-indent:-9999px;
	width:134px;
	height:227px;
	margin-top: 60px;
	background:url(../images/top-back09.png) no-repeat top;
}

#wrapper .top-right .float04 a:hover{
	background-position:bottom;
}

#wrapper .top-right .float05 a{
	display:block;
	text-indent:-9999px;
	width:75px;
	height:108px;
	margin-top:60px;
	background:url(../images/top-sasaki.png) no-repeat top;
}

#wrapper .top-right .float05 a:hover{
	background-position:bottom;
}

	
#wrapper .top-center{
	float:left;
	width:300px;
}

#wrapper .top-logo{
	display:block;
	text-indent:-9999px;
	width:228px;
	height:253px;
	margin:100px 0 0 34px;
	background:url(../images/top-logo.png) no-repeat;
}

#wrapper .entry-button a{
	display:block;
	text-indent:-9999px;
	width:100%;
	height:50px;
	margin:10px auto 0;
	background:url(../images/entry-button.png) no-repeat top;
}

#wrapper .entry-button a:hover{
	background-position:bottom;
}


#wrapper .top-right{
	float:right;
	width:350px;
	height:400px;
}

#wrapper #nav{
	width:797px;
	margin:40px auto 20px;
}


#wrapper #nav .top-button01 a{
	float:left;
	display:block;
	text-indent:-9999px;
	width:178px;
	height:179px;
	margin:0 15px 0 0px;
	background:url(../images/top-button01.png) no-repeat top;
}

#wrapper #nav .top-button01 a:hover{
	background-position:bottom;
}

#wrapper #nav .top-button02 a{
	float:left;
	display:block;
	text-indent:-9999px;
	width:178px;
	height:179px;
	margin:0 15px 0 0;
	background:url(../images/top-button03.png) no-repeat top;
}

#wrapper #nav .top-button02 a:hover{
	background-position:bottom;
}

#wrapper #nav .top-button03 a{
	float:left;
	display:block;
	text-indent:-9999px;
	width:178px;
	height:179px;
	margin:0 15px 0 0;
	background:url(../images/top-button04.png) no-repeat;
}

#wrapper #nav .top-button03 a:hover{
	background-position:bottom;
}

#wrapper #nav .top-button04 a{
	float:left;
	display:block;
	text-indent:-9999px;
	width:178px;
	height:179px;
	margin:0 15px 0 0;
	background:url(../images/top-button02.png) no-repeat;
}

#wrapper #nav .top-button04 a:hover{
	background-position:bottom;
}

#wrapper #nav .top-button05 a{
	float:left;
	display:block;
	text-indent:-9999px;
	width:178px;
	height:179px;
	margin:0 25px 0 0;
	background:url(../images/top-button05.png) no-repeat;
}

/*president*/
#wrapper-question{
	position:absolute;
	width:900px;
	height:600px;
	top:80px;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
/*	padding:0 0 0 65px;*/
}


#wrapper-question .question-title{
	display:block;
	text-indent:-9999px;
	width:143px;
	height:41px;
	margin:0 auto;
	background:url(../images/quedtion-title.png) no-repeat;
}


#wrapper-question #main{
	width:800px;
	margin:10px auto 120px;
	padding:0 0 50px 0;
	background-color:#FFFFFF;
    border-radius: 7px;        /* CSS3草案 */  
    -webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px;   /* Firefox用 */  
}
#wrapper-question #main .question-text h1{
	text-align: center;
	font-size: 20px;
	margin:10px 0 15px;
}
#wrapper-question #main .question-text h1 .Q{
	color: #3877b1;
}
#wrapper-question #main .question-text h1 .A{
	color: #c1272d;
}

#wrapper-question #main .question-text dl{
	width:90%;
	margin: 15px auto 0;
	border-bottom: solid 1px #3877B1;
	padding:0 0 15px 15px;
}
#wrapper-question #main .question-text dt{
	font-size: 18px;
	font-weight: bold;	
}
#wrapper-question #main .question-text dt:before{
	content: "Q.";
	color: #3877b1;
	font-size: 27px;
	font-weight: bold;
}
#wrapper-question #main .question-text dd{ 
	font-size:16px;
	line-height:23px;
	margin:3px 10px 0 35px;
	color:#000000;
	padding-left:1em;
	text-indent:-1.5em;
}
#wrapper-question #main .question-text dd:before{
	content: "A.";
	color:#c1272d;
	font-size: 23px;
	font-weight: bold;	
} 

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}