.look-wrapper{
	margin: 70px auto 220px auto;
	width: 700px;
	
}

.look-wrapper p{
	font-size: 1.5em;
	position: absolute;
	margin-top: 550px;
	text-align: center;
	width: 700px;
}

.look{
	width: 700px;
	height: 500px;
}

.pic-look{
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-height: 500px;
	max-width: 700px;
}



.pic_thum{
	max-height: 150px;
	max-width: 150px;
}

.section.sectionBlock{
	clear: both;
}

.menu{

	margin-top: 50px;
	width: 800px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	clear: both; 
}

.each_menu{
	float: left;
	margin-left: 50px;
}


dl#accordion_panel {
    width: 800px; /* アコーディオンパネルの幅を指定 */
}

#accordion_panel > dt, #accordion_panel > dd {
	margin-top: 50px;
    padding: 5px; /* 文字の表示位置の微調整 */
}

#accordion_panel > dt {
	margin-top: 50px;
    width: 800px; /* アコーディオンパネルの幅を指定 */
    background-color: rgba(255,255,255,0.3);
    text-align: center; /* 文字を中央に寄せる */
    clear: both;
    cursor: pointer;
}

#accordion_panel > dd {
    width: 800px; /* アコーディオンパネルの幅を指定 */
    background-color: rgba(255,255,255,0.1);
    margin: 0; /* これが無いと<dt>と幅が揃わない */
}


#gallery_top{
	font-size: 3em;
}

.galley_titlecap{
	text-align: center;
}


.gallery_block{
	width: 800px;
	
}

.works_link{
	width: 980px;
	font-size: 1.5em;
	text-align: center;
}




.works_link a:link {
      color: black;
      text-decoration: none;
}

.works_link a:visited {
      color: black;
      text-decoration: none;
}


.works_link a:hover {
      color: black;
      text-decoration: underline;
}


/* for background
-------------------------------------------------------------------------------*/
.bg {
	background-image: url(bg.jpg);
	position: absolute;
	min-width: 1024px;
	max-height: 710px;
	width: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-size: cover;
	z-index: -1000;
}

body {
	font-family:"ヒラギノ明朝 Pro W3","HiraMinPro-W3","ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN W3","Hiragino Mincho Pro W3","ＭＳ Ｐ明朝","MS PMincho", serif;
	margin: 0;
	padding: 0;
	font-size;
	line-height: 1.5;
	color: #201000;
	text-align: left;
	background: white;
	min-width: 1024px;
	z-index: 0;
	background-image: url(bg2.jpg);
	background-repeat: repeat;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	position: relative;
	padding: 0;
}

/*===========================
  text
===========================*/
a {
	text-decoration: none;
}

p {
	font-size: 100%;
	line-height:2; 
}



/*===========================
  header
===========================*/
#header {
	position: relative;
	height: 120px;
	background: rgba(250,250,250,0.5);
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	transition: background-color 1s linear;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

#headerInner {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

h1 a {
	background: url(logo.png) 0 0 no-repeat;
	position: relative;
	display: block;
	text-indent: -9999px;
	float: left;
	width: 160px;
	height: 160px;
}

h2#sub-title {
	position: relative;
	float: right;
	display: inline-block;
	margin: 30px 276px 0 0;
}

nav {
	float: right;
}

nav #main-nav {
	list-style-type: none;
}

#main-nav li {
	float: left;
	padding: 0;
}

.main-wrapper {
	clear: both;
}

/*===========================
  main
===========================*/

#main {
	width: 100%;
	height: 465px;
	margin: 60px auto 0 auto;
	background: rgba(250,250,250,0.5);
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	transition: background-color 1s linear;
}

.main-wrapper {
	margin: 0 auto;
	padding: 20px 0;
	width: 980px;
}

#sho {
	width: 85%;
	margin: auto;
	padding: auto;
}

/*===========================
  contents
===========================*/

#content {
	position: relative;
	padding-top: 60px;
	z-index: 500;
}

.clearfix {
	clear: both;
	margin: 20px auto;
}

.sectionBlock {
	margin: 30px auto 0px auto;
	width: 980px;
	z-index: 200;
}

.sectionBlock h1 {
	font-size: 200%;
	text-align: center;
	line-height: 100px;
}

.sectionBlock h2 {
	font-size: 2em;
	line-height: 80px;
}


/*===========================
  #TOP
===========================*/

.sectionBlock #introduce {
	width: 650px;
	margin: 0 auto;
}

#profile {
	display: block;
	width: 182px;
	height: 246px;
	margin-right: 40px;
	float: left;
}

.information .textarea {
	float: left;
	
}

.profile h2 {
	font-size: 250%;
	margin-bottom: 20px;
}

.clearfix ul {
	list-style: none;
	margin: 0 auto;
}

.information {
	width: 700px;
	margin: 0 auto;
}

.information h2 {
	font-size: 200%;
	line-height: 40px;
	margin-bottom: 10px;
}

.information li {
	font-size: 120%;
	background-repeat: no-repeat;
	background-position: 113px;
	line-height: 45px;
}

/*===========================
  #2教室案内
===========================*/

.about {
	width: 800px;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid #d4d4d4;
	margin-top: 30px;
}

.about .textarea {

	clear: both;
	width: 800px;
	margin: 0 auto;
}

.about .imagearea {

	clear: both;
	width: 700px;
	margin: 0px auto 25px auto;
	text-align: center;
}

.p_school {
	width: 804px;
}

.p_school li {
	display: block;
	float: left;
	margin: 0 0 10px 10px;
}

.thumb01 {
	background-color: white;
	border: #d4d4d4 1px solid;
	padding: 10px;
	box-shadow: 1px 1px 3px #c3c3c3;
}

.course {
	width: 675px;
	padding: 10px;
	margin: 10px auto 20px 20px;
}


.mode {
	font-weight: bold;
	font-size: 2em;
	color: #000000;
}

.p_school .active div {
	position: absolute;
}

.title01 {
	width: 236px;
	background-color: rgba(0,0,0,0.5);
	color: white;
	padding: 10px;
}

.timetable{
	margin: 10px;
}


.small{
	font-size: 0.7em;
}

/*===========================
  #3社内行事
===========================*/

.gallery {
	float: left;
	width: 700px;
	margin: 35px auto 0px 20px !important;
	padding-bottom: 40px;
}

.thumb02 {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 0 10px 10px;
	text-align: center;
}

/*===========================
  #4会員作品
===========================*/

.double-clearfix {
	clear: both;
	margin: 30px auto;
}

.thumbnail {
	clear: both;
	width: 700px;
	margin: 0 auto;
}

.gallery h3 {
	line-height: 50px;
}

.gallery li {
	float: left;
	margin-bottom: 70px;
	margin-left: 15px
}

.gallery li img {
	max-width: 150px;
	max-height: 150px;
	margin: 0 10px 10px 0;
	border: 1px solid #d4d4d4;
}

.gallery li p {
	clear: both;
	text-align: center;
	width: 150px;
	font-size: 95%;
}



/*===========================
  #5アクセス
===========================*/

.access {
	width: 950px;
	margin: 0 auto;
}

.access .textarea{
	padding-left: 30px;
	width: 300px;
	margin: 0 auto;
	float: left;
}

.access .textarea h1{
text-align: left;
}

.google_maps {
	display: block;
	background-color: white;
	width: 500px;
	height: 400px;
	padding: 10px;
	border: 1px solid #d4d4d4;
	margin-right: 10px;
	float: left;
}

/*===========================
  #6お問い合わせ
===========================*/

.inquiry {
	width: 700px;
	margin: 0 auto;
}

.alerts {
	margin-bottom: 30px;
	
}

.alerts_text {
	background-color: white;
	border: 1px solid #d4d4d4;
	padding: 10px 15px;
}

.red {
	color: red;
}

.table_contact {
	width: 700px;
	margin: 0 0 30px 0;
	background-color: white;	
}

table.table_contact > tbody > tr {
	border-bottom-color: black;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

table.table_contact > tbody > tr > td {
	padding: 15px 0px 15px 15px;
}

#submit {
	width: 500px;
	height: 40px;
	margin: 0 auto;
}

input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	overflow: visible;
	
	background-image: url(../images/submit.png);
	background-repeat: no-repeat;
	background-size: 500px 40px;
	border-style: none;
	width: 500px;
	height: 40px;
	margin: 0 auto;
}

/*===========================
  footer
===========================*/

#footerArea {
	background-color:rgba(0,0,0,0.6);
	margin-top: 80px;
	height: 210px;
	width: 100%;
	bottom: 0;
}


#footerArea a:link {
      color: white;
      text-decoration: none;
}

#footerArea a:visited {
      color: white;
      text-decoration: none;
}


#footerArea a:hover {
      color: white;
      text-decoration: underline;
}


#footerInner {
	width: 980px;
	margin: 0 auto;
	z-index: 500;
}

#footerArea li {
	list-style-type: none;
	color: white;
}

#nav-footer {
	padding-top: 40px;
}

#nav-footer h3 {
	font-size: 1.2em;
	margin-bottom: 15px;
	color: white;
}

.column {
	float: left;
	width: 140px;
}

.column ul {
	margin: 0;
	padding: 0;
}

.column li {
	font-size: 70%;
}

.copyright {
	color: white;
	clear: both;
	text-align: center;
	line-height: 50px;
}

.copyright p {
	font-size: 0.8em;
}