@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #333333;	
	background: transparent;
	line-height: 100%;
	list-style-type: none;
}

img{
	border-style:none;	
} 


body {
	text-align: center;
	background: url("../images/bg-cork.gif"); 
	background-color: #ffffcc;
}

#header-area {
	text-align: left;
	background: url("../images/bg-header-area.png"); 
	width: 950px ;
	height: 100px ;
	overflow: hidden ;
	margin: 5px auto ;
}

#header-area .bl-spot {
	padding-top: 100px ;
}

.bl-spot{
filter: alpha(opacity=0);
-moz-opacity:0.0;
opacity:0.0;
}

#headline {
	clear: both;
	background: url("../images/bg-top-image-revival.png"); 
	width: 950px ;
	height: 350px ;
	margin: 0px auto ;
	overflow: hidden;
}

#headline p{
	padding-top: 350px;
}

#sitemenu {
	clear: both;
	width: 950px ;
	height: 58px;
	margin: 5px auto ;
}

#sitemenu ul{
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

#sitemenu li{
	float: left;
	width: 151px;
	margin: 0 auto 0 3px;
	padding: 0;
}

#sitemenu li a{
	display: block;
	border-style: none;
}

#notice {
	clear: both;
	width: 900px ;
	margin: 5px auto ;
	padding: 10px;
	background: #ffffff;
	border: double 8px #0000ff;
}

#notice p {
	line-height: 130%;
}

.event {
	font-weight: bold;
	color:#3333ff;	
}

#contents {
	clear: both;
	width: 950px ;
	margin: 5px auto 0px;
	text-align: left;
}

#footer {
	clear: both;
	width: 950px ;
	height: 150px;
	margin: 60px auto 5px;
}

#company {
	float: left;
	width: 670px ;
	text-align: center;
	font-size:80%;
	background: #ffffff;
	border: 5px solid #ff7f00; 
}

#company p {
	padding: 20px; 
}

#footnavi{
	float: right;
	width: 220px ;
}

#denki {
	float:left;
}

#event {
	clear: both;
	width: 950px ;
	margin: 5px auto 0px;
	text-align: center;
}

.summer {
	font-size: 150%;
	color: #ffffff;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background: #0000ff;
	
}

div.fmenu {
	clear: both;
	width: 220px;
	height: 50px;
	overflow: hidden;
}

div.fmenu p {
	padding-top:50px;
}

div.lmenu {
	float:left;
	width:100px;
	height: 50px;
	text-align: center;
}

div.rmenu {
	float:right;
	width:100px;
	height: 50px;
	text-align: center;
}

.return {
	clear: both;
	text-align: right;
	padding: 5px ;
}

/* ◆◆◆◆◆◆◆asunaro ◆◆◆◆◆◆◆ */

#asunaro-inner {
 	width: 950px ;
	margin: 0px auto;
	text-align: left;
}

#asunaro-inner p {
	line-height: 25px;
	padding: 0px 20px;
}

#asunaro-inner h3 {
	padding: 10px;
	text-align: center;
	color :#ffffff;
	font-weight: bold;
	background: #2AB26D;
}

#asunaro-inner h4 {
	padding :5px;
	font-weight: bold;
}

div.asunarotop{
	text-align: left;
	height: 400px;
	background: url("../images/asunarotop.png") no-repeat;
	padding: 60px 380px 5px 10px;
}

div.lesson {
	width: 950px;
	background: url("../images/lesson-middle.png") repeat-y;
	position : relative ;
	padding-top: 300px;
	z-index: 10;
}
   
div.lesson div.lesson-upperpart {
	text-align: left;
	background: url("../images/lesson-top.png") no-repeat;
	height: 350px;
	position: absolute;
	top: -50px;
	z-index: 3;
}
   
div.lesson div.lesson-bottompart {
	background: url("../images/asunaro-service-bottom.png") no-repeat bottom;
	height: 27px;
	position: absolute;
	bottom: -25px;
	z-index: 0;
}

div.break {
	width: 950px;
	clear: both;
	margin-top: 90px;
	background: url("../images/break-middle.png") repeat-y;
	position : relative ;
	padding-top: 260px;
	z-index: 10;
}
   
div.break div.break-upperpart {
	text-align: left;
	background: url("../images/break-top.png") no-repeat;
	height: 300px;
	position: absolute;
	top: -50px;
	z-index: 3;
}
   
div.break div.break-bottompart {
	background: url("../images/asunaro-service-bottom.png") no-repeat ;
	height: 27px;
	position: absolute;
	bottom: -25px;
	z-index: 0;
}

div.course {
	width: 950px;
	margin-top: 90px;
	background: url("../images/course-middle.png") repeat-y;
	position : relative ;
	padding-top: 260px;
	z-index: 10;
}
   
div.course div.course-upperpart {
	text-align: left;
	background: url("../images/new-course-top.png") no-repeat;
	height: 300px;
	position: absolute;
	top: -50px;
	z-index: 3;
}
   
div.course div.course-bottompart {
	background: url("../images/asunaro-service-bottom.png") no-repeat bottom;
	height: 27px;
	position: absolute;
	bottom: -27px;
	z-index: 0;
}

/* ◆◆◆◆◆◆◆common-page◆◆◆◆◆◆ */

div.common {
	width: 950px;
	margin-top: 70px;
	background: url("../images/orange-middle.png") repeat-y;
	position : relative ;
	z-index: 10;
}
   
div.common div.innner-upperpart {
	text-align: left;
	background: url("../images/orange-top.png") no-repeat;
	height: 49px;
	position: absolute;
	top: -48px;
	z-index: 3;
}
   
div.common div.innner-bottompart {
	background: url("../images/orange-bottom.png") no-repeat bottom;
	height: 51px;
	position: absolute;
	bottom: -51px;
	z-index: 0;
}
div.common p {
	background-image: url("../images/bluedash.gif");
	line-height: 25px;
	padding: 0px 20px;
}

div.common h3 {
	padding: 10px;
	text-align: center;
	color :#ffffff;
	font-weight: bold;
	background: #E9811D;
}

div.common h4 {
	padding: 10px 0px 5px 30px;
	font-weight: bold;
}


/* ◆◆◆◆◆◆tab-nav◆◆◆◆◆◆◆ */
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

#contents li{
	float: left;
	list-style: none;
}

#tab-1{
	border: solid 3px #E9811D;
	background-color: #ffffff;
	height: 250px;
	overflow-y: scroll;
}

#tab-2,
#tab-3{
	border: solid 3px #E9811D;
	background-color: #ffffff;
}

#tab-1 p,
#tab-2 p,
#tab-3 p {
	font-size: 90%;
	margin: 2px 10px 0px 10px;
	background-image: url("../images/bluedash.gif");
	line-height: 25px;
}

#tab-3 h3,
#tab-3 h2 {
	color:red;
	margin-top:5px;
}

.info{
	text-indent: 50px;
}


/* ◆◆◆◆◆◆access◆◆◆◆◆◆◆ */

div.map {
	float: left;
	width: 655px;
	background :#ffffff;
	text-align: center;
	margin-right: 10px;
	padding: 10px;
	border: solid 5px #E9811D;
}

div.tenpo {
	float: left;
	width: 230px;
	background :#ffffff;
	padding-left: 5px;
	border: solid 5px #E9811D;
}

/* ◆◆◆◆◆◆◆bb◆◆◆◆◆◆◆◆◆ */

#bb-inner {
 	width: 950px ;
	margin: 0px auto;
	text-align: left;
}

#bb-inner p {
	line-height: 25px;
	padding: 0px 20px;
}

#bb-inner h3 {
	padding: 10px;
	text-align: center;
	color :#ffffff;
	font-weight: bold;
	background: #E9811D;
}

#bb-inner h4 {
	padding :5px;
	font-weight: bold;
}

div.bbtop{
	text-align: left;
	height: 350px;
	background: url("../images/bbtop.png") no-repeat;
	padding: 60px 10px 5px 370px;
}

div.bbcall {
	width: 950px;
	background: url("../images/bbcall-middle.png") repeat-y;
	position : relative ;
	padding-top: 155px;
	z-index: 10;
}

div.bbcall div.call-upperpart {
	text-align: left;
	background: url("../images/bbcall-top.png") no-repeat;
	height: 200px;
	position: absolute;
	top: -50px;
	z-index: 3;
}

div.bbcall div.call-bottompart {
	background: url("../images/bb-service-bottom.png") no-repeat;
	height: 25px;
	position: absolute;
	bottom: -25px;
	z-index: 0;
}

div.text {
	padding: 0px 10px;
}

div.bbbring {
	width: 950px;
	clear: both;
	margin-top: 90px;
	background: url("../images/bbbring-middle.png") repeat-y;
	position : relative ;
	padding-top: 260px;
	z-index: 10;
	font-size: 90%;
}

div.bbbring div.bring-upperpart {
	text-align: left;
	background: url("../images/bbbring-top.png") no-repeat;
	height: 300px;
	position: absolute;
	top: -50px;
	z-index: 3;
}

div.bbbring div.bring-bottompart {
	background: url("../images/bb-service-bottom.png") no-repeat bottom;
	height: 25px;
	position: absolute;
	bottom: -25px;
	z-index: 0;
}

div.bbagreement {
	border: 3px solid #ff7f00;
	margin-top: 45px;
	background: #ffffff;
}

.pi {
	margin-left:5em;

table {
	border-collapse: collapse;
	border: 1px solid #ff7f00;
	margin: 5px auto;
	text-align: left;
	font-size: 90%;
}
tr td {
	border: 1px solid #ff7f00;
	padding: 5px 0px 5px 5px;
}

/* ◆◆◆◆◆◆event◆◆◆◆◆◆ */