@charset "utf-8";
/* CSS Document */
html{
	overflow:scroll;
}
body{
	margin-left: auto;
	margin-right: auto;
}
#apDiv1 {
	margin-left: 56px;
	margin-bottom: 0px;
	width: 248px;
	height:  680px;
	background-color: rgba(70,33,5,0.5);
	top: 0px;
}

h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFF;
}
#apDiv2 {
	background-image: url(../images/mockup_02.png);
}
#apDiv1 #menu-list {
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
}
a.iframe img,
a.iframe2 img,
a.iframe3 img{
    margin-top: 5px;
}
#detail {
	color: #FFFFFF;
	right: 10px;
	bottom: 10px;
	position: fixed;
}
#detail h1 {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: 1.5em;
    font-weight: bold;
}
#detail h2 {
    font-family: "Kozuka Gothic Pro L";
    font-size: 1.3em;
    font-weight: bold;
}
a{
	color:#fff;
}	
a:hover{
	color:#99f;
}
#phonenumber{
	margin-top:40px;
	font-size:15px;
	color:#fff;
	text-align: center;
	font-style: italic;
	font-family: "Century Gothic","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#phonenumber a{
	text-decoration:none;
	font-size:23px;
}
#wrapper #staff-header{
    margin:0px;}
#wrapper .box{
    width: 364px;
}
#staff-wrapper{
    width:950px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
    }

.staff-box h3{
    color: #3E3B3A;
    border-bottom: 1px dashed #a6a6a6;
    }
.staff-box h5{
    color: #3E3B3A;
    border-bottom: 1px dashed #a6a6a6;
    margin-top: 10px;
margin-bottom: 5px;
    }
.staff-box p{
    font-size: 14px;
    margin-top: 1px;
margin-bottom: 1px;
}
#wrapper .staff-box{
    min-width: 400px;
    width: 43%;
    margin-top: 0px;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 30px;
    float: left;
}


@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
	#apDiv1 {
	margin-left: initial;
	margin-bottom: initial;
		margin-left:10%;
	height: auto;
	background-color: rgba(70,33,5,0.5);
	top: 0px;
		padding:10px;
}
	#detail{
		position:static;
		text-align: right;
		margin-right: 10px;
		margin-bottom: 10px;
	}
}