@charset "UTF-8";
/*　main layout　*/

html {
	height: 100%;
	text-align: center;
}

body{
	background:#cccccc;
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	line-height: 160%;
}

div{
	margin: 0px;
	padding: 0px;
}

img{
	border: none;
}

.color{
	font-weight: bold;
	color: #999933;
}

#wrapper{
	background:url(../images/back.jpg) repeat-y;
	margin: 0px auto;
	width: 860px;
}


/* index */
/*　========================　*/
#index{
	width: 800px;
	height: 500px;
	margin: 0px 30px;
	background: url(../images/index-back.jpg) no-repeat;
	text-align: right;
}

#index img{
	margin-right: 90px;
	margin-top: 100px;
}

#index2{
	width: 800px;
	height: 500px;
	margin: 0px 30px;
	background: url(../images/index-back0.jpg) no-repeat;
	text-align: right;
}

#index2 img{
	margin-right: 90px;
	margin-top: 100px;
}


#index-contents{
	width: 800px;
	height: 40px;
	margin: 40px 30px 0px;
	font-size: 10px;
	color: #666666;
	line-height: 130%;
	border-bottom: 1px solid  #999999;
}
/*　========================　*/


/* header */
/*　========================　*/
#header-top{
	background:url(../images/header-top.jpg);
	margin: 0px auto;
	width: 860px;
	height: 230px;
}

#header-top p{
	text-align: left;
	margin: 0px auto;
	padding-top: 10px;
	width: 700px;
	color: #999999;
}

#header-prof{
	background:url(../images/header-profile.jpg);
	margin: 0px auto;
	width: 860px;
	height: 230px;
}

#header-lsn{
	background:url(../images/header-lesson.jpg);
	margin: 0px auto;
	width: 860px;
	height: 230px;
}

#header-gal{
	background:url(../images/header-gallery.jpg);
	margin: 0px auto;
	width: 860px;
	height: 230px;
}
/*　========================　*/


/* menu-btn */
/*　========================　*/
#menu{
	margin-left: 30px;
}

#menu ul{
	margin: 0px;
	padding: 0px;
}

#menu li{
	list-style-type:none;
	width:120px;
	height:50px;
	float:left;
}

li.top-btn{
	background:url(../images/top2.jpg);
}
li.prof-btn{
	background:url(../images/profile2.jpg);
}
li.lsn-btn{
	background:url(../images/lesson2.jpg);
}
li.gal-btn{
	background:url(../images/gallery2.jpg);
}
#menu li a{
	display:block;
	width:120px;
	height:50px;
}
#menu li a:hover {
	background-color:transparent;
}
#menu li a:hover img{
	visibility:hidden;
}
/*　========================　*/


/* top */
/*　========================　*/
#top-contents{
	width: 700px;
	margin: 0px 80px 20px 80px;
	text-align: left;
}

#top-contents table{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#top-contents td{
	vertical-align: top;
}

.left-td{
	width: 250px;
}

#side-menu ul{
	margin: 0px;
	padding: 0px;
}

#side-menu li{
	list-style-type:none;
	width:230px;
	height:112px;
	margin-bottom: 10px;
}

li.to-prof{
	background:url(../images/to-profile2.jpg);
}

li.to-lsn{
	background:url(../images/to-lesson2.jpg);
}

li.to-gal{
	background:url(../images/to-gallery2.jpg);
}

#side-menu li a{
	display:block;
	width:230px;
	height:112px;
}

#side-menu li a:hover {
	background-color:transparent;
}

#side-menu li a:hover img{
	visibility:hidden;
}


#info1{
	width: 450px;
/*	height: 280px;
	overflow: auto;*/
	background-color: #eeeeee;
}


#info1 table{
	width: 430px;
}

#info1 ul{
	margin: 0px;
	padding-left: 20px;
}

#info1 li{
	margin-bottom: 20px;
}

#info2 p{
	padding-left: 20px;
}


#info2 ol{
	margin: 0px;
	padding-left: 40px;
}

#info2 li{
	margin-bottom: 10px;
}

#info2 img{
	margin-left: 20px;
}

/*　========================　*/


#contents{
	width: 700px;
	margin: 0px 80px 20px 80px;
	text-align: left;
}


h1{
	width: 700px;
	margin: 30px 0px 20px 0px;
	border-left: 6px solid  #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-left: 10px;
	font-size: 14px;
}

/* h2 */
/*　========================　*/
.top-info1, .top-info2{
	width: 450px;
	padding: 2px;
	border-bottom: 1px dotted #999999;
	text-align: right;
	color: #999966;
	font-size: 11px;
}

.top-info1{
	background: url(../images/title-info1.jpg) no-repeat;
	margin-top: 0px;
}

.top-info2{
	background: url(../images/title-info2.jpg) no-repeat;
	margin-top: 20px;
}

.ls-tokyo, .ls-osaka, .ls-kyoto{
	width: 700px;
	padding: 2px;
	margin-top: 10px;
	border-bottom: 1px dotted #999999;
	text-align: right;
	color: #999966;
	font-size: 12px;
}

.ls-tokyo{
	background: url(../images/title-tokyo.jpg) no-repeat;
}

.ls-osaka{
	background: url(../images/title-osaka.jpg) no-repeat;
}

.ls-kyoto{
	background: url(../images/title-kyoto.jpg) no-repeat;
}

.gallery{
	width: 700px;
	padding-left: 24px;
	margin-top: 10px;
	border-bottom: 1px dotted #999999;
	color: #666666;
	font-size: 13px;
	background: url(../images/point.jpg) no-repeat;
}

/*　========================　*/




/* profile */
/*　========================　*/
#profile{
	width: 700px;
	height: 410px;
	margin: 0px 80px 20px;
	background: url(../images/profile-back.jpg) no-repeat;
	text-align: left;
}

#profile .p1{
	width: 460px;
	padding-left: 90px;
	color: #666666;
}

#profile .p2{
	width: 400px;
	padding-left: 140px;
	color: #666666;
}

#profile .p3{
	width: 400px;
	padding-left: 240px;
	padding-top: 80px;
}
/*　========================　*/


/* lesson */
/*　========================　*/
.photo-lsn{
	padding:6px;
	margin: 10px;
	border: 1px solid #999999;
	float: left;
}

.lsn-com{
	padding-top: 40px;
}

.clear{
	clear: both;
}

#member{
	width: 660px;
	margin: 20px auto;
	padding: 14px;
	border: 3px double #999966;
	background: url(../images/member-back.jpg) no-repeat right;
}

#member p{
	margin: 0px;
}

#member ul{
	margin: 10px 0px;
	padding-left: 5em;
}

#qa dt{
	font-size: 14px;
	color: #999900;
	font-weight: bold;
	padding-left: 1em;
}

#qa dd{
	margin-bottom: 20px;
}

/*　========================　*/


/* gallery */
/*　========================　*/

.photo-gall{
	margin: 10px;
	border: 1px solid #999999;
	float: left;
}

.gall-com{
	margin-top: 60px;
}

#gallery-bn li{
	margin-top: 10px;
}

/*　========================　*/


.totop{
	width: 700px;
	border-bottom: 1px solid #999999;
	text-align: right;
}


/* default link */
/*　========================　*/
a{
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}

a:visited{
	color: #336699;
}

a:hover{
	color:#999966;
	text-decoration:underline;
}
/*　========================　*/


#footer{
	margin: 0px 30px;
	width: 800px;
	height: 20px;	
	border-bottom: 1px solid #999999;
	background-color: #333333;
	color: #dddddd;
	font-size: 10px;
	line-height: 20px;
}