@charset "UTF-8";

/* 全てのブラウザーで使用 */

.all-access{
	margin:0 auto;
	width:1200px;
	height:1000px;
   /* border:solid 2px black; */
}

.access-middle{
	height:800px;    /*高さを修正して、フッターとの配置を調節する。*/
	width:1095px;
	margin:10px auto 50px auto;
}

.access-img1{
	background-image:url(../img/common/title_plate.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:1095px;    /* 横幅のサイズを指定    */
    height:76px;	/* 縦幅のサイズを指定    */
	position:relative;
}

.access-font{
	height:76px;
	color:#fdebc7;
	letter-spacing:0.1em;
	font-size:35px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	position:relative;
	top:20px;
	right:30px;
}

.access-middle1{
	width:auto;
	height:auto;
	position:relative;
}

.access-img2{
	background-image:url(../img/access/kamio_class_title.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:134px;    /* 横幅のサイズを指定    */
    height:25px;	/* 縦幅のサイズを指定    */
	position:relative;
	top:20px;
	left:120px;
}

.access-font1{
	width:auto;    /* 横幅のサイズを指定    */
    height:auto;	/* 縦幅のサイズを指定    */
	line-height:1.8;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	position:relative;
	top:30px;
	left:115px;
}

.access-font2{
	width:auto;    /* 横幅のサイズを指定    */
    height:auto;	/* 縦幅のサイズを指定    */
	font-size:14px;
	float:left;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	position:relative;
	top:70px;
	left:115px;
}

.access-img3{
	background-image:url(../img/access/access_human1.jpg);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:277px;    /* 横幅のサイズを指定    */
    height:199px;	/* 縦幅のサイズを指定    */
	float:left;
	position:relative;
	left:370px;
	bottom:60px;
}

.access-img4{
	background-image:url(../img/common/notes_green.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:100px;    /* 横幅のサイズを指定    */
    height:105px;	/* 縦幅のサイズを指定    */
    float:left;
	position:relative;
	left:450px;
	bottom:20px;
}

.access-border{
	background-image:url(../img/common/red_dots.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */ 
    margin:0 auto ;	
	clear:both;
	width:919px;    /* 横幅のサイズを指定    */
    height:15px;	/* 縦幅のサイズを指定    */
	position:relative;
	bottom:40px;
}

.access-middle2{
	width:auto;
	height:auto;
	position:relative;
	top:20px;
}

.access-img5{
	background-image:url(../img/common/notes_red.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:89px;    /* 横幅のサイズを指定    */
    height:166px;	/* 縦幅のサイズを指定    */
    float:left;
	position:relative;
	top:230px;
	left:190px;

}

.access-sub-middle{
	width:auto;
	height:auto;
	float:left;
	position:relative;
	left:30px;
}

.access-sub-img{
	background-image:url(../img/access/asaka_class_title.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:134px;    /* 横幅のサイズを指定    */
    height:25px;	/* 縦幅のサイズを指定    */
	position:relative;
}

.access-font3{
	line-height:1.8;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	position:relative;
	top:10px;
	right:6px;
}

.access-sub-font{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	position:relative;
	left:15px;
}

.access-font4{
	font-size:14px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	position:relative;
	top:50px;
	right:6px;
}

.access-img6{
	background-image:url(../img/access/access_human2.jpg);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:277px;    /* 横幅のサイズを指定    */
    height:201px;	/* 縦幅のサイズを指定    */
    float:left;
	position:relative;
    left:190px;
}
.access-img7{
	background-image:url(../img/access/access_human3.jpg);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;   	/* 画像の繰り返しを指定  */              
	width:277px;    /* 横幅のサイズを指定    */
    height:200px;	/* 縦幅のサイズを指定    */
    float:left;
	position:relative;
    left:-87px;
    top:210px;
    
}