@charset "utf-8";



/* reset */
html, body, div, span, iframe,
h2, h3, h4, h5, h6, p, blockquote,
em, img, small, strong, sub, b,
dl, dt, dd, ol, ul, li,
form, label, table, tbody, tr, th, td,
footer, header, menu, nav  {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

ul, li {list-style: none;}

a:hover img{opacity:0.9; filter: alpha(opacity=80); }
img { border:0;}

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-repeat: repeat-x;
  font-family: Verdana, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.6;
  color: #666666;
  background:url(../img/bg_01.gif);
  background-repeat:repeat;
  width:100%;
}

a {
  color: #666666;
  text-decoration: underline;
}
a:hover {
  color: #a98a4b;
}


/* TOP */
#top #header {
  height: 546px;

  text-align: center;
}
#top #nav {
  top: 500px;
}

#nav_sub{
	top:300px;
}

#top .section {
  margin-bottom: 50px;
}

/*+---------------------------------*/
/* header
/*+---------------------------------*/
#header {
  position: relative;
  width: 100%;
  height: 440px;
}


#header .top_logo p.logo {
  position: absolute;
  top: 25px;
  left: 30px;
}


/* gnavi */
/*groval navi*/

#nav {
	position: absolute;
	top: 264px;
	width: 100%;
	height: 123px;
	left: -1px;
}
#nav_sub {
	position: absolute;
	top: 264px;
	width: 100%;
	height: 123px;
	left: -1px;
}
#gnavi {
	position:relative;
	width: 1080px;
	  margin: 0 auto;
	  text-align: center;
	height:42px;


}
#gnavi ul.gnavi2 {
	width: 1080px;
	height: 42px;
	padding: 0 0 0 0;
	background: url(../img/gnavi2.gif) no-repeat;
	overflow: hidden;
}
#gnavi ul.gnavi2 li {
	float: left;
	padding: 0px;
}
#gnavi ul.gnavi2 li a {
	display: block;
	height: 42px;
	text-indent: -9999em;
}
#gnavi li.gnavi_01 a {
	width: 216px;
	margin-right: 0;
	background: url(../img/gnavi2.gif) no-repeat;
}
#gnavi li.gnavi_01 a:hover {
	width: 216px;
	background: url(../img/gnavi2.gif) no-repeat 0 -42px;
}

#gnavi li.gnavi_02 a {
	width: 216px;
	background: url(../img/gnavi2.gif) no-repeat -216px 0;
}
#gnavi li.gnavi_02 a:hover {
	width: 216px;
	background: url(../img/gnavi2.gif) no-repeat -216px -42px;
}
#gnavi li.gnavi_03 a {
	width: 216px;
	background: url(../img/gnavi2.gif) no-repeat -432px 0;
}
#gnavi li.gnavi_03 a:hover {
	width: 216px;
	background: url(../img/gnavi2.gif) no-repeat -432px -42px;
}
#gnavi li.gnavi_04 a {
	width: 216px;
	background: url(../img/gnavi2.gif) no-repeat -648px 0;
}
#gnavi li.gnavi_04 a:hover {
	width: 216px;
	background: url(../img/gnavi2.gif) no-repeat -648px -42px;
}
#gnavi li.gnavi_05 a {
	width: 216px;
	background: url(../img/gnavi2.gif) no-repeat -864px 0;
}
#gnavi li.gnavi_05 a:hover {
	width: 216px;
	background: url(../img/gnavi2.gif) no-repeat -864px -42px;
}




/* slideshow */
.mainimage .slideshow_tub a, .nav li a {
  text-indent: -9999px;
  overflow: hidden;
}
.mainimage {
  position: relative;
  margin: 0 auto;
  width: 1080px;
  height: 480px;
  z-index: 0;
}
.mainimage ul li {
  position: absolute;
  width: 1080px;
  height: 480px;
}
.mainimage ul li.image02 a {
  position: absolute;
  top: 297px;
  left: 60px;
}
.mainimage ul li.image03 a {
  position: absolute;
  top: 311px;
  left: 60px;
}
.mainimage ul li.image04 a {
  position: absolute;
  top: 325px;
  left: 60px;
}
.mainimage .slideshow_tub {
  position: absolute;
  top: 16px;
  right: 30px;
  z-index: 50;
}
.mainimage .slideshow_tub a {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 0 0 6px;
  background-image: url(../img/slideshow_tub.png);
  background-repeat: no-repeat;
}
.mainimage .slideshow_tub a.tub_move {
  background-image: url(../img/slideshow_tub_b.png);
}

table.news tr th {
  padding: 2px 0 15px;
  width: 90px;
  font-family: Arial;
  font-size: 85%;
}
table.news tr td {
  padding: 2px 0 15px;
  font-size: 93%;
}



/* main */
#main {
  margin: 0 auto;
  width: 1080px;
}

#main2 {
	margin-top:40px;
  width: 1080px;
}


#main_l {
	margin-top:40px;
  float: left;
  width: 740px;
}

#main_r {
	margin-top:40px;
  float: right;
  padding-top: 0px;
  width: 300px;
}



/* footer */
#footer {

  background:url(../img/bg_02.gif);
      background-repeat: repeat;
  width:100%;
  margin-top:40px;
}

#footer a {
  text-decoration: none;
  color:#fff;
}

#pagetop {
  margin: 0 auto;
  position: relative;

  margin-top: 59px;
  height: 51px;
}


#pagetop a {
  display: block;
  position: absolute;
  right: 0;
  width: 323px;
  height: 51px;
}


#footer .content {
  margin: 0 auto;
  width: 90%;
  padding-top: 40px;
}

#footer .content .f_menu {
  float: left;
  margin-bottom: 0px;
  width:80%;
    font-size:120%;
	font-weight:bold;
}

#footer .content .f_menu ul {
  float: left;
  width: 100%;
}
#footer .content .f_menu ul.f_menu_l {
  width: 30%;
  margin-right: 20px;
}
#footer .content .f_menu ul.f_menu_r {
  width: 30%
}
#footer .content .f_menu ul.f_menu_r2 {
  width: 30%;
}
#footer .content .f_menu ul li {
  margin-bottom: 3px;
}
/*
#footer .content {
  margin: 0 auto;
  width: 1080px;
  padding-top: 40px;
}
#footer .content .f_menu {
  float: left;
  margin-bottom: 0px;
  width: 520px;
    font-size:85%;
}

#footer .content .f_menu ul {
  float: left;
  width: 400px;
}
#footer .content .f_menu ul.f_menu_l {
  width: 100px;
  margin-right: 20px;
}
#footer .content .f_menu ul.f_menu_r {
  width: 140px;
}
#footer .content .f_menu ul.f_menu_r2 {
  width: 120px;
}
#footer .content .f_menu ul li {
  margin-bottom: 3px;
}
*/
#footer ul li a {
  padding-left: 10px;
  background-image: url(../img/arrow_01.png);
  background-repeat: no-repeat;
  background-position: left center;
}
#footer .content dl.shop_info {
  float: left;
  margin: 20px 0;
  width: 100%; /*433px;*/
 /* border-left: dotted 1px #fff;*/
  font-size: 120%;
  color:#fff;
}
#footer .content dl.shop_info dt {
  margin-bottom: 3px;
  font-weight: bold;
}

#footer .f_copylight {
  clear: both;
  margin: 20px 0 0 0;
  width: 100%;
  padding: 0 0 20px 0;
  color:#fff;
  text-align:left;
  font-size:60%;

}
#footer .content .f_copylight p {
  float: left;
}
#footer .content .f_copylight p.link {
  color: #fff;
  font-size: 85%;
}
#footer .content p.link a {
  color: #fff;
}
#footer .content p.link a:hover {
  color: #fff;

}
#footer .content p.link span {
  padding: 0 10px;
}
#footer .content p.copyright {
  float: right;
}

/*-----------------------------------------------
TOPページ以外の設定
-------------------------------------------------*/
#header_sub {
  position: relative;
  width: 100%;
  height: 300px;

}

#sub_main {
  margin: 0 auto;
  width: 1080px;
}

#sub_main_l {
	margin-top:40px;
  float: left;
  width: 300px;
}

#sub_main_r {
	margin-top:40px;
  float: right;
  padding-top: 0px;
  width: 740px;
}


/* ABOUT */

.top_logo_about {
  position: relative;
  margin: 0 auto;
  width: 1080px;
  z-index: 100;
  height:262px;
  background:url(../img/sub_top_img_01.jpg) no-repeat;
}




#about_img {
	width:740px;
	margin-bottom:0px;
	font-size:110%; 
}

#about_img .about_img_l {
	float:left;
	width:233px;
	margin:0 20px 0 0;
}
#about_img .about_img_r {
	float:right;
	width:233px;
	margin:0 0 0 0;
}
#about_img img{
	width:233px;
	margin-bottom:5px;
}


/* instructor */

.top_logo_inst {
  position: relative;
  margin: 0 auto;
  width: 1080px;
  z-index: 100;
  height:262px;
  background:url(../img/sub_top_img_02.jpg) no-repeat;
}

#inst_info {
	width:740px;
	margin-bottom:0px;
}
.info_text {
	
	font-size:100%;
	line-height:1.8;
}

#inst_info .left {
	float:left;
	width:520px;
	margin:0 20px 0 0;
}
#inst_info .right {
	float:right;
	width:200px;
	margin:0 0 0 0;
}



/* plan */

.top_logo_plan {
  position: relative;
  margin: 0 auto;
  width: 1080px;
  z-index: 100;
  height:262px;
  background:url(../img/sub_top_img_03.jpg) no-repeat;
}

#plan ul{
	margin-bottom:20px;
}

#plan li{
	font-size:85%;	
	margin-bottom:15px;
}
.tolesson {
	text-align:left;
	font-size:100%;
	margin-top:10px;
}
.tolesson a {
	text-decoration:underline;}

/* access */

.top_logo_access {
  position: relative;
  margin: 0 auto;
  width: 1080px;
  z-index: 100;
  height:262px;
  background:url(../img/sub_top_img_04.jpg) no-repeat;
}


/* contact */

.top_logo_contact {
  position: relative;
  margin: 0 auto;
  width: 1080px;
  z-index: 100;
  height:262px;
  background:url(../img/sub_top_img_06.jpg) no-repeat;
}


/* iframe崩れ safari用 */

#newsframe {
	width:300px;
	height:400px;
	overflow: auto;
}
#newsframe iframe {
	width: 295px; /*PC版の幅－5pxくらい*/
	height:400px;
}

/* CSS Document */


h1 {
  margin: 0 0 20px 20px !important;
  font-size: 120%;
  line-height: 1.6;
  color: #666666;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}