@charset "UTF-8";

/************************************************************
reset
************************************************************/
* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
}

ol, ul, li {
	list-style-type: none;
}


/************************************************************
common
************************************************************/
html,body {
	height: 100%;
	position: relative;
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
	background-color: #f5f5f5;
	line-height: 1.6em;
	background-position: top center;
	background-repeat: repeat;
	color: #333333;
}

h1 {
	width: 193px;
	height: 33px;
	padding-top: 16px;
	float:left;
}


h2 {
	margin-bottom: 20px;
}

h3 {
	color: #ffffff;
	font-size: 1.6em;
	padding-left: 20px;
	line-height: 50px;
	width: 700px;
	display: block;
	float: left;
}

#h3_box {
	width: 960px;
	height: 50px;
/*	background-color: #334422;*/
	background-color: #a1b807;
	margin-bottom: 5px;
}

#h3_btn {
	width: 210px:
	height: 25px;
	margin-right: 20px;
	margin-top: 13px;
	float: right;
}

.h3_joinbtn {
    width: 100px;
    height: 25px;
	margin-right: 5px;
    background-image: url("../img/btn_h2_join.gif");
	background-position: center center;
	background-repeat:  no-repeat;
	text-indent: -9999px;
	background-color: #FFFFFF;
	cursor: pointer;
}

.h3_favbtn {
    width: 100px;
    height: 25px;
    background-image: url("../img/btn_h2_fav.gif");
	background-position: center center;
	background-repeat:  no-repeat;
	background-color: #FFFFFF;
	text-indent: -9999px;
	cursor: pointer;
}

.h3_join2btn {
    width: 100px;
    height: 25px;
	margin-right: 5px;
    background-image: url("../img/btn_h2_join2.gif");
	background-position: center center;
	background-repeat:  no-repeat;
	text-indent: -9999px;
	background-color: #FFFFFF;
	cursor: pointer;
}


h4 {
	margin-bottom: 15px;
	border-bottom: 1px #999999 dotted;
	padding-bottom: 5px;
}

p {
	margin-bottom: 10px;
}


a {
	text-decoration: none;
	color: #88bb11;
}

.ptop {
	display: block;
	text-align: right;
	height: 80px;
	padding: 30px 0;
}


/*************************************************
 clearfix
**************************************************/
.clearfix:after {
    content: ""; 
    display: block; 
    clear: both;
}

/*************************************************
 slide
**************************************************/

.slide {
	position: relative;
}

.leftNav,
.rightNav {
/*	background-image: url("../img/bg_slide.png");*/
	outline: none;
}

.leftNav:before,
.rightNav:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
}

.leftNav:hover {
	background-image: url("../img/leftNav.png");
	background-position: right center;
	background-repeat: no-repeat;
	/*rgba(204,204,204,0.4);*/
}


.rightNav:hover {
	background: url("../img/rightNav.png");
	background-position: left center;
	background-repeat: no-repeat;
	/*rgba(204,204,204,0.4);*/
}

.leftNav:hover:before,
.rightNav:hover:before {
	background-image: url("../img/bg_slide2.png");
}

#cover_inner {
	width: 960px;
	height: 240px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	margin-top: -240px;
}

#topbtn {
	width: 216px;
	position: absolute;
	top: 25px;
	right: 25px;
}

#topbtn a {
	text-indent: -9999px;
	display: block;
	width: 222px;
	height: 62px;
	margin-bottom: 3px;
}

#topbtn a.btn01 {
	background: url("../img/top_btn_01.png");
	background-repeat: no-repeat;
}

#topbtn a.btn02 {
	background: url("../img/top_btn_02.png");
	background-repeat: no-repeat;
}

#topbtn a.btn03 {
	background: url("../img/top_btn_03.png");
	background-repeat: no-repeat;
}

/*************************************************
 category
**************************************************/
#category {
	width: 100%;
	height: 205px;
	background-image: url("../img/bg_category.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
}

#category_navi {
	width: 960px;
	height: 205px;
	margin: 0 auto;
	background-image: url("../img/bg_category_navi.gif");
	background-repeat: repeat-x;
	text-indent: -9999px;
}

#category_navi li {
	width: 120px;
	height: 100px;
	float: left;
}

#category_navi a {
	display: block;
	width: 120px;
	height: 100px;
	background-image: url("../img/bg_category_navi.gif");
	background-repeat: no-repeat;
}

#category_navi .menu01 a {background-position: 0 0;}
#category_navi .menu02 a {background-position: -120px 0;}
#category_navi .menu03 a {background-position: -240px 0;}
#category_navi .menu04 a {background-position: -360px 0;}
#category_navi .menu05 a {background-position: -480px 0;}
#category_navi .menu06 a {background-position: -600px 0;}
#category_navi .menu07 a {background-position: -720px 0;}
#category_navi .menu08 a {background-position: -840px 0;}
#category_navi .menu09 a {background-position: 0 -100px;}
#category_navi .menu10 a {background-position: -120px -100px;}
#category_navi .menu11 a {background-position: -240px -100px;}
#category_navi .menu12 a {background-position: -360px -100px;}
#category_navi .menu13 a {background-position: -480px -100px;}
#category_navi .menu14 a {background-position: -600px -100px;}
#category_navi .menu15 a {background-position: -720px -100px;}
#category_navi .menu16 a {background-position: -840px -100px;}



#category_navi a:hover{
	background-image: url("../img/bg_category_navi.gif");
	background-repeat: no-repeat;
}
#category_navi .menu01 a:hover {background-position: 0 -205px;}
#category_navi .menu02 a:hover {background-position: -120px -205px;}
#category_navi .menu03 a:hover {background-position: -240px -205px;}
#category_navi .menu04 a:hover {background-position: -360px -205px;}
#category_navi .menu05 a:hover {background-position: -480px -205px;}
#category_navi .menu06 a:hover {background-position: -600px -205px;}
#category_navi .menu07 a:hover {background-position: -720px -205px;}
#category_navi .menu08 a:hover {background-position: -840px -205px;}
#category_navi .menu09 a:hover {background-position: 0 -305px;}
#category_navi .menu10 a:hover {background-position: -120px -305px;}
#category_navi .menu11 a:hover {background-position: -240px -305px;}
#category_navi .menu12 a:hover {background-position: -360px -305px;}
#category_navi .menu13 a:hover {background-position: -480px -305px;}
#category_navi .menu14 a:hover {background-position: -600px -305px;}
#category_navi .menu15 a:hover {background-position: -720px -305px;}
#category_navi .menu16 a:hover {background-position: -840px -305px;}


/*************************************************
 footer
**************************************************/
#footer {
	width: 100%;
	margin: 0 auto;
	background-color: #89bb1d;
	color: #FFFFFF;
	overflow: hidden;
	padding: 25px 0;
	line-height: 2em;
	font-size: 12px;
}

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


#footer ul {
	width: 960px;
	margin: 0 auto 20px auto;
}

#footer li {
	width: 240px;
	display: block;
	float: left;
	background-image: url("../img/bg_footer_menu.gif");
	background-repeat: no-repeat;
	background-position: 0 6px;
	text-indent: 20px;
}

.copy {
	margin: 10px 0 0 0;
	font-size: 11px;
	text-align: center;
}


/*************************************************
 wrapper
**************************************************/
#wrapper {
	width: 640px;
	margin: 20px auto;
	overflow: hidden;
}


/*************************************************
 main
**************************************************/
#main {
	width: 638px;
	background-color: #ffffff;
	overflow: hidden;
	border: 1px #eeeeee solid;
	border-bottom: 1px #dddddd solid;
}


/*************************************************
 contents
**************************************************/
#cont table {
	line-height: 1.5em;
}

#cont th {
	width: 90px;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

#cont td {
	vertical-align: top;
	padding-left: 10px;
	padding-bottom: 5px;
}


#cont {
	width: 640px;
	padding: 20px 0 25px 48px;
	float: left;
	overflow: hidden;
}


/********* 左メニュー *********/
#sidemenu {
	width: 220px;
	padding: 25px 0 10px 25px;
	font-size: 12px;
	float:left;
	margin-right: 0px;
	margin-bottom: 50px;
}

#sidemenu a {
	color: #444444;
}

#sidemenu ul {
	border-top: 1px #999999 dotted;
	margin-bottom: 20px;
}

#sidemenu li {
	padding-left: 25px;
	line-height: 1.5em;
	margin-top: 10px;
}

#sidemenu li ul {
	border: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}


#sidemenu li li {
	padding-left: 5px;
	line-height: 1.5em;
	margin-top: 5px;
}

#sidemenu li.course {
	background-image: url("../img/bg_sidemenu_course.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}

#sidemenu li.link {
	background-image: url("../img/bg_sidemenu_link.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}

#sidemenu li.event {
	background-image: url("../img/bg_sidemenu_event.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #555555;
	font-weight: bold;
	font-size: 13px;
}

#sidemenu li.sketch {
	background-image: url("../img/bg_sidemenu_sketch.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}

/********* マイページ左メニュー *********/
#msidemenu {
	width: 220px;
	padding: 25px 0 10px 25px;
	font-size: 13px;
	float:left;
	margin-right: 0px;
	margin-bottom: 50px;
}

#msidemenu a {
	color: #444444;
}

#msidemenu ul {
	border-top: 1px #999999 dotted;
	margin-bottom: 20px;
}

#msidemenu li {
	padding-left: 25px;
	line-height: 1.5em;
	margin-top: 10px;
}

#msidemenu li ul {
	border: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}


#msidemenu li li {
	padding-left: 5px;
	line-height: 1.5em;
	margin-top: 5px;
}

#msidemenu li.course {
	background-image: url("../img/bg_sidemenu_course.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}

#msidemenu li.link {
	background-image: url("../img/bg_sidemenu_link.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}

#msidemenu li.event {
	background-image: url("../img/bg_sidemenu_event.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #555555;
	font-weight: bold;
	font-size: 13px;
}

#msidemenu li.sketch {
	background-image: url("../img/bg_sidemenu_sketch.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}


/********* 検索一覧 *********/
#result {
	width: 640px;
	border-bottom: 1px #999999 dotted;
	margin-bottom: 15px;
	overflow: hidden;
}

.result_img {
	display: block;
	width: 180px;
	height: 135px;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

#result_end {
	width: 640px;
	height: 150px;
	padding: 0 0 15px 0;
	margin-bottom: 15px;
	overflow: hidden;
}

#result_end img {
	display: block;
	float: left;
	margin-right: 20px;
}

#result_cont {
	width: 440px;
	margin-bottom: 15px;
	float: left;
}

#result_cont dt {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 8px;
	background-image: url("../img/bg_detail_course.gif");
	background-repeat: no-repeat;
	background-position: 0 -2px;
	text-indent: 35px;
}

#result_cont dd {
	line-height: 1.5em;
	font-size: 12px;
	margin-bottom: 5px;
}

#result_cont dd.detail {
	width: 145px;
	float: left;
	margin-bottom: 0;
	margin-top: 3px;
}

#result_cont dd.detail2 {
	width: 290px;
	float: left;
	margin-bottom: 0;
	margin-top: 3px;
}


/********* メインイメージ *********/
#topimg {
	width: 420px;
	/*height: 315px;*/
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
}

#topimg #MainPhoto {
	height: 315px;
}


#topimg ul {
	display:block;
	overflow:hidden;
	margin:5px 0 0 0;
	clear:both;
}
#topimg li {
	display:block;
	float:left;
	margin:0;
}
#topimg li img {
	width:68px;
	margin:0 1px;
	cursor:pointer;
}

/********* サブイメージ *********/
#subimg {
	width: 200px;
	float: left;
	margin-bottom: 20px;
	overflow: hidden;
}

#subimg img {
	margin-bottom: 15px;
}


/********* 受付リスト *********/
#dcslist {
	width: 200px;
	float: left;
	margin-bottom: 20px;
	overflow: hidden;
}

#dcslist .schedule {
	orver-flow:hidden;
	height: 300px;
}
#dcslist .schedule_open {
	orver-flow:visible;
	height: auto;
	min-height: 300px;
}

#dcslist .archive {
	padding: 0;
	cursor: pointer;
}
#dcslist .archive IMG {
	width: 200px;
}

#dcslist P {
	text-align:center;
}

#dcslist .course {
	padding-left: 25px;
	line-height: 1.5em;
	margin-top: 5px;
	background-image: url("../img/bg_sidemenu_course.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}

#dcslist .btn,
#dcslist .close {
	width: 190px;
	height: 25px;
	line-height: 25px;
	text-align:center;
	color:#ffffff;
	background-color: #88bb11;
	border: 1px solid #6ba409;
	margin:0 auto 3px auto;
	padding: 0;
}

#dcslist .btn:hover {
	background-color: #6ba409;
	border: 1px solid #88bb11;
}
#dcslist .btn A {
	display:block;
	color:#ffffff;
}


#dcslist .close SPAN {
	background-color: #ff3333;
	color: #ffffff;
	padding: 0 2px;
}


/********* 基本情報 *********/
#basic {
	width: 420px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

/********* マップ *********/
#gmap {
	width: 200px;
	height: 250px;
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}


/********* 講師 *********/
#teacher {
	width: 200px;
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
}

#teacher p {
	margin-top: 5px;
}

/********* 講師 *********/
#teachermessage {
	width: 400px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

#teachermessage p {
	margin-top: 5px;
}


/********* インフォメーション *********/
#info {
	width: 640px;
	margin-bottom: 20px;
	font-size: 12px;
	overflow: hidden;
}

#info p {
	margin-top: 5px;
}

#info .left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
}

#info .right {
	float: left;
	margin-bottom: 20px;
	text-align: center;
}

#access {
	width: 640px;
	margin-bottom: 20px;
}


/********* 講座詳細ボックス *********/
#shopinfo {
	width: 200px;
	height: 150px;
	border-style: solid;
	border-width: 4px 1px 4px 1px;
	border-color: #88bb11;
	padding: 0.5em;
	font-size: 15px;
	font-weight: bold;
	color: #334422;
	overflow: hidden;
}

#shopinfo2 {
	width: 200px;
	height: 100px;
	border-style: solid;
	border-width: 4px 1px 4px 1px;
	border-color: #88bb11;
	padding: 0.5em;
	font-size: 15px;
	font-weight: bold;
	color: #334422;
	overflow: hidden;
}

#shopinfo3 {
	border-style: solid;
	border-width: 3px 1px 3px 1px;
	border-color: #88bb11;
	background-color: #eeffd4;
	padding: 15px;
	color: #334c22;
	font-size: 15px;
/*	font-weight: bold; */
	width:576px;
  /* -- sample code -- */
  box-shadow:5px 5px 5px rgba(0,0,0,0.2);
  /* -- vender prefix -- */
  -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.2);
}

#shopinfo3 span {
	font-size:20px;
	font-weight: bold;
	color: #334c22;
}

/********* カレンダー *********/
#calender {
	width: 200px;
	overflow: hidden;
	line-height: 1.5em;
	margin-bottom: 20px;
}

#calender table {
	width: 200px;
	text-align: center;
	margin-bottom: 10px;
}

#calender th {
	width: 25px;
	height: 25px;
	text-align: center;
	padding: 0;
	vertical-align: middle;
}

#calender td {
	font-family: century gothic;
	width: 25px;
	height: 25px;
	text-align: center;
	padding: 0;
	vertical-align: middle;
}

#calender table td.close {
	color: #FFFFFF;
	background-color: #89bb1d;
	padding: 0;
}

#calender table td.lesson {
	color: #FF4444;
	background-color: #ffcccc;
	padding: 0;
}

/********* リクルート *********/
#recruit {
	width: 200px;
	overflow: hidden;
}

#recruit li {
	position: relative;
	width: 196px;
	height: 82px;
	margin-right: 0px;
	margin-bottom: 5px;
	float: left;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px #dddddd solid;
	border-bottom: 1px #cccccc solid;
	line-height: 1.0em;
}

#recruit li img.main {
	display: block;
	position: absolute;
	top: 20px;
	left: 5px;
	max-width: 75px;
	max-height: 56px;
}

#recruit li div.title {
	font-size: 12px;
	color: #88bb11;
	position: absolute;
	top: 4px;
	left: 6px;
	width: 196px;
	height: 12px;
}

#recruit li div.course {
	font-size: 11px;
	position: absolute;
	top: 22px;
	left: 85px;
	width: 108px;
	height: 60px;
}

/********* 講座紹介 *********/
#coursespot {
	width: 420px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

#coursespot_l {
	width: 620px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}


/********* 講座詳細 *********/
#coursedetail table {
	width: 420px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

#coursedetail dl {
	width: 200px;
	float: left;
	margin-bottom: 20px;
	overflow: hidden;
}

#coursedetail dt {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}

#coursedetail dd {
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 5px;
}


/********* 申し込みボタン *********/
.joinbtn {
	text-align: center;
	margin: 10px 0 20px 0;
}


/*************************************************
 TOP
**************************************************/
#topleft {
	width: 720px;
	overflow: hidden;
	float: left;
	margin-right: 40px;
}

#topright {
	width: 200px;
	overflow: hidden;
	float: left;
}

p.topmenu {
	margin-bottom: 15px;
}


/********* 注目の講座 *********/
#topleft a {
/*
	color: #333333;
*/
}

#topleft li {
	position: relative;
	width: 222px;
	height: 295px;
	margin-right: 15px;
	margin-bottom: 20px;
	float: left;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px #eeeeee solid;
	border-bottom: 1px #dddddd solid;
	line-height: 1.4em;
}

#topleft li img.main {
	display: block;
	width: 224px;
	height: 168px;
	margin-bottom: 5px;
}

#topleft li img.category {
	width: 220px;
	height: 25px;
	display: block;
}

#topleft li div.category {
	width: 220px;
	height: 25px;
	margin: 10px 10px 0px;
	font-size: 14px;
	font-weight: bold;
}

#topleft li div.course {
	width: 194px;
	height: 60px;
	margin: 5px 10px;
}

#topleft li div.place {
	font-size: 12px;
	width: 194px;
	margin: 5px 10px;
}

#topleft li img.newtag {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
}


/********* スケジュール *********/
#schedule {
	width: 200px;
	overflow: hidden;
	line-height: 1.5em;
	margin-bottom: 20px;
}

#schedule table {
	width: 200px;
	text-align: center;
	margin-bottom: 10px;
}

#schedule th {
	width: 25px;
	text-align: center;
}

#schedule td {
	font-family: century gothic;
	width: 25px;
	height: 25px;
	text-align: center;
}

#schedule table td.close {
	color: #FFFFFF;
	background-color: #89bb1d;
}


/********* 講座一覧 *********/
#menu{
	width: 200px;
	margin-bottom: 20px;
}

#menu a {
	color: #333333;
}

.archive{
	padding: 10px 0;
	cursor:pointer;	
}

.subMenu li{
	padding: 10px 0;
	border-bottom: 1px solid #dddddd;	
}


/********* マイページ *********/
#mypage table {
	width: 540px;
	text-align: center;
	margin-bottom: 10px;
	border-collapse: collapse;

}

#mypage table th {
	/*text-align: center;*/
	border: 1px #999999 solid;
	padding: 5px;
	margin: 0;
}

#mypage table td {
	text-align: left;
	border: 1px #999999 solid;
	padding: 5px;
	margin: 0;
}

#mypage .rtitle {
	width: 540px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
/*	background-color: #88bb11;*/
	background-color: #a1b807;
	border-bottom: 1px dotted #88bb11;
	margin:0 0 10px 0;
	padding: 5px;
}

#mypage .r2title {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #96514d;
	border-bottom: 1px dotted #96514d;
	margin:0 0 10px 0;
	padding: 5px;
}

/*** 宮崎追加 ここから ***/

/********* 注目の講座 *********/
#myrecommend {
	width: 640px;
	overflow: hidden;
}

#myrecommend a {
	color: #333333;
}

#myrecommend li {
	position: relative;
	width: 196px;
	height: 295px;
	margin-right: 15px;
	margin-bottom: 20px;
	float: left;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px #eeeeee solid;
	border-bottom: 1px #dddddd solid;
	line-height: 1.4em;
}

#myrecommend li img.main {
	display: block;
	width: 200px;
	height: 150px;
	margin-bottom: 5px;
}

#myrecommend li img.category {
	width: 196px;
	height: 25px;
	display: block;
}

#myrecommend li div.course {
	font-size: 11px;
	width: 194px;
	height: 60px;
	margin: 5px 10px;
}

#myrecommend li div.place {
	font-size: 11px;
	width: 194px;
	margin: 5px 10px;
}

#myrecommend li img.newtag {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
}

/********* 教室紹介 *********/
#schoolinfo {
	width: 640px;
	overflow: hidden;
}

#schoolinfo li {
	position: relative;
	width: 196px;
	height: 220px;
	margin-right: 15px;
	margin-bottom: 20px;
	float: left;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px #eeeeee solid;
	border-bottom: 1px #dddddd solid;
	line-height: 1.0em;
}

#schoolinfo li img.main {
	display: block;
	width: 200px;
/*	height: 150px; */
	margin-bottom: 5px;
}

#schoolinfo li img.category {
	width: 196px;
	height: 25px;
	display: block;
}

#schoolinfo li div.course {
	font-size: 11px;
	width: 182px;
	height: 56px;
	margin: 5px 10px;
}

#schoolinfo li div.place {
	font-size: 13px;
	width: 182px;
	height: 13px;
	margin: 5px 10px;
	overflow: hidden;
}

#schoolinfo li img.newtag {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
}

/********* 講師紹介 *********/
#teacherinfo {
	width: 640px;
	overflow: hidden;
}

#teacherinfo li {
	position: relative;
	width: 148px;
	height: 200px;
	margin-right: 10px;
	margin-bottom: 15px;
	float: left;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px #eeeeee solid;
	border-bottom: 1px #dddddd solid;
	line-height: 0.8em;
}

#teacherinfo li img.main {
	display: block;
	width: 148px;
	height:111px;
	margin-bottom: 8px;
}

#teacherinfo li div.name {
	font-size: 14px;
	width: 140px;
	height: 18px;
	margin: 2px 5px;
}

#teacherinfo li div.lesson {
	font-size: 11px;
	width: 140px;
	height: 26px;
	margin: 2px 5px;
}

#teacherinfo li div.degree {
	font-size: 11px;
	width: 140px;
	height: 12px;
	margin: 2px 5px;
}

#teacherinfo li div.place {
	font-size: 11px;
	width: 140px;
	height: 12px;
	margin: 2px 5px;
}

/********* 講師紹介(教室) *********/
#teachermini {
	width: 640px;
	overflow: hidden;
}

#teachermini li {
	position: relative;
	width: 72px;
	height: 98px;
	margin-right: 5px;
	margin-bottom: 8px;
	float: left;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px #eeeeee solid;
	border-bottom: 1px #dddddd solid;
	line-height: 1.0em;
}

#teachermini li img.main {
	display: block;
	width: 72px;
	height: 54px;
	margin-bottom: 2px;
}

#teachermini li div.name {
	font-size: 11px;
	width: 67px;
	height: 12px;
	margin: 2px 5px;
	overflow: hidden;
}

#teachermini li div.lesson {
	font-size: 10px;
	width: 67px;
	height: 24px;
	margin: 2px 5px;
	overflow: hidden;
}


.commonbtn {
	cursor:pointer;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #050505;
	padding: 3px 20px;
	background: linear-gradient(to bottom, #f0f0f0, #a8a8a8);
	background: -moz-linear-gradient(
		top,
		#f0f0f0 0%,
		#a8a8a8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f0f0f0),
		to(#a8a8a8));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0f0f0', endColorstr='#a8a8a8'); /* IE5.5以上 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #474747;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
}

.menubtn {
	cursor:pointer;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #030303;
	padding: 1px 5px;
	background: linear-gradient(to bottom, #ffffff, #a8a8a8);
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#a8a8a8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#a8a8a8));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#a8a8a8'); /* IE5.5以上 */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #474747;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
}

.editbtn {
	cursor:pointer;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #030303;
	padding: 1px 5px;
	background: linear-gradient(to bottom, #ffffff, #a8a8a8);
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#a8a8a8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#a8a8a8));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#a8a8a8'); /* IE5.5以上 */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #474747;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
}

.deletebtn {
	cursor:pointer;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #050505;
	padding: 1px 5px;
	background: linear-gradient(to bottom, #ffe5e5, #cca3a3);
	background: -moz-linear-gradient(
		top,
		#ffe5e5 0%,
		#cca3a3);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffe5e5),
		to(#cca3a3));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffe5e5', endColorstr='#cca3a3'); /* IE5.5以上 */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #474747;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
}

.greenbtn {
	cursor:pointer;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #050505;
	padding: 3px 20px;
	background-color:#88bb11;
	background: linear-gradient(to bottom, #d0f060, #88bb11);
	background: -moz-linear-gradient(
		top,
		#d0f060 0%,
		#88bb11);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d0f060),
		to(#88bb11));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d0f060', endColorstr='#88bb11'); /* IE5.5以上 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #88bb11;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
}
.greenbtn A {
	color: #050505;
}

.greenmenubtn {
	cursor:pointer;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding: 1px 5px;
	background-color:#88bb11;
	background: linear-gradient(to bottom, #d0f060, #88bb11);
	background: -moz-linear-gradient(
		top,
		#d0f060 0%,
		#88bb11);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d0f060),
		to(#88bb11));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d0f060', endColorstr='#88bb11'); /* IE5.5以上 */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #88bb11;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
}

.accmark {
	cursor:pointer;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #030303;
	padding: 1px 5px;
	background: linear-gradient(to bottom, #ffa07a, #ff6347);
	background: -moz-linear-gradient(
		top,
		#ffa07a 0%,
		#ff6347);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffa07a),
		to(#ff6347));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa07a', endColorstr='#ff6347'); /* IE5.5以上 */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #474747;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
}


.inputbox {
	border-color:#888888;
	border-width:1px;
	border-style:solid;
	padding:1px;
}

.selbox {
	border-color:#888888;
	border-width:1px;
	border-style:solid;
}

.scomment {
	color: #666;
	font-size: 10px;
	line-height: 1.5em;
}

.rcomment {
	color: #f53;
	font-size: 10px;
	line-height: 2.0em;
}

/*************************************************
 Lesson Tab
**************************************************/
.js-tabs ul.tab_menu{
  list-style-type:none;
  margin:0px;
  padding:0px;
}
.js-tabs ul.tab_menu li{
  display:inline;
  background:#888;
  margin:0px;
  padding:2px;
}
.js-tabs .tab_menu li a{
  padding:3px;
}
.js-tabs .tab_menu li a:link,
.js-tabs .tab_menu li a:visited{
  background-color:#888;
  color:#fff;
}
.js-tabs .tab_menu li a.active:link,
.js-tabs .tab_menu li a.active:visited{
  background-color:#444;
  color:#fff;
}
.js-tabs .tab_menu li a:hover{
  background-color:#333;
  color:#8f8;
}
.tab_content{
  position:relative;
  height:280px;
}
.tab_content div.page{
  width:640px;
  height:280px;
  position:absolute;
  color:#222;
}

/*** 宮崎追加 ここまで ***/



/*** 畑福追加 ここから ***/

/* COMMON */

.clearboth {
	clear:both;
}

.subTitle {
	width: 540px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #88bb11;
	border-bottom: 1px dotted #6ba409;
	margin:0 0 10px 0;
	padding: 5px;
}

.box {
	border:1px solid #999999;
	padding:5px;
	margin:0 auto 10px auto;
}
.rec_err {
	color:#ff0000;
}


/* 共有入力フォームテーブルスタイル(inputTable) */

TABLE.inputTable {
	width: 540px;
	text-align: center;
	margin-bottom: 10px;
	border-collapse: collapse;
}

TABLE.inputTable TH {
	text-align: left;
	font-weight:normal;
	border: 1px #999999 solid;
	background-color:#ddffcc;
	padding: 5px;
	margin: 0;
}
TABLE.inputTable TH SPAN {
	font-size:12px;
	color:#FF3366;
	margin:0 5px;
}
TABLE.inputTable TH DIV {
	font-size:12px;
	color:#FF6633;
	margin-top:5px;
}

TABLE.inputTable TD {
	text-align: left;
	border: 1px #999999 solid;
	padding: 5px;
	margin: 0;
}
TABLE.inputTable TD SPAN {
	font-size:12px;
	color:#808080;
}
TABLE.inputTable SPAN.tag {
	display:inline-block;
	text-align:center;
}

TABLE.inputTable INPUT,
TABLE.inputTable SELECT,
TABLE.inputTable TEXTAREA {
	border:1px solid #888888;
	padding:3px;
	margin:2px 0;
}

TABLE.inputTable .no_border {
	border-width:0;
}


.btnArea {
	width:400px;
	text-align:center;
	margin:0 auto;
	padding:0;
}

.btnArea .left {
	float:left;
	width:200px;
	margin:0 auto;
	padding:0;
}
.btnArea .right {
	float:right;
	width:200px;
	margin:0 auto;
	padding:0;
}

.btnArea .btn_input {
	background-color:#dddddd;
	color:#000000;
	border:1px solid #222222;
	padding:3px;
}
.btnArea A.btn {
	background-color:#ffffff;
	border:1px solid #dadada;
	padding:5px 10px;
}


/* ログインフォーム(user/no_login.html) */

#nologin .title {
	width:540px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #9bbbdd;
	border-bottom: 1px dotted #0099cc;
	margin:0 0 10px 0;
	padding: 5px;
}

#nologin .btnArea {
	width:400px;
	text-align:center;
	margin:0 auto 20px auto;
	padding:0;
}

#nologin .btnArea A.btn {
	background-color:#ffffff;
	border:1px solid #dadada;
	padding:5px 10px;
}

#nologin INPUT {
	border:1px solid #888888;
	padding:3px;
}

#nologin .inputArea {
	width:400px;
	text-align:center;
	padding:20px 0 10px 0;
}

#nologin .inputArea .input {
	text-align:right;
	margin-right:60px;
}
#nologin .no_border {
	border-width:0;
}


/* FAQページ */

#faqpage .faq_cat_title_site {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #9bbbdd;
	border-bottom: 1px dotted #0099cc;
	margin-right: 6px;
	margin-bottom: 10px;
	padding: 5px;
}

#faqpage .faq_box {
	border: 1px solid #dadada;
	padding: 10px;
	margin-bottom:10px;
}
#faqpage .faq_box .sh_faq_title {
	font-weight: bold;
	color: #ff6600;
	border-bottom: 1px dotted #ff6600;
	margin-bottom: 10px;
	padding: 5px;
}
#faqpage .faq_box .comment {
	min-height:40px;
	background-image: url(../img/faq_img.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 60px;
}
#faqpage .faq_box .comment SPAN {
	border-bottom: 1px dotted #808080;
	padding-bottom: 3px;
}

/* Pw再発行ページ */

#passlost INPUT {
	border:1px solid #888888;
	padding:3px;
}

#passlost .input {
	width: 400px;
	text-align: center;
	padding: 30px 0 20px 0;
	margin: 50px auto;
}

#passlost .complete {
	width:400px;
	text-align:center;
	background-color:#ffffff;
	color:#33CCFF;
	padding:30px 0 20px 0;
}

/* お気に入り登録ページ */

#bookmark .title {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #9bbbdd;
	border-bottom: 1px dotted #0099cc;
	margin:0 0 10px 0;
	padding: 5px;
}

#bookmark .rec_err {
	text-align:center;
	margin:20px auto;
}
#bookmark .message {
	text-align:center;
	margin:20px auto;
}

#bookmark .btnArea {
	width:400px;
	text-align:center;
	margin:0 auto 20px auto;
	padding:0;
}

#bookmark .btnArea A.btn {
	background-color:#ffffff;
	border:1px solid #dadada;
	padding:5px 10px;
}


/* お気に入り・リストページ */

#userBookmark .title {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #88bb11;
	border-bottom: 1px dotted #6ba409;
	margin:0 0 10px 0;
	padding: 5px;
}
#userBookmark .item {
	margin: 5px;
	line-height:1.8em;
}
#userBookmark .item SPAN A{
	color: #333333;
}
#userBookmark .btn {
	float: right;
	width: 120px;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #dadada;
	padding:0;
}

#userBookmark .btn A {
	display:block;
}

/* パスワード変更ページ */
#passhadd .title {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #88bb11;
	border-bottom: 1px dotted #6ba409;
	margin:0 0 10px 0;
	padding: 5px;
}
#passhadd .input {
	text-align: center;
	padding: 30px 0 20px 0;
	margin: 0 auto 20 auto;
}
#passhadd INPUT {
	border:1px solid #888888;
	padding:3px;
}


/***** SHOP *****/
/* SHOP ニュースページ */
#newslist .title {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #88bb11;
	border-bottom: 1px dotted #6ba409;
	margin:0 0 10px 0;
	padding: 5px;
}

#newslist #n_i_list {
	float:right;
	width:410px;
	border:1px solid #dadada;
	padding:0;
}
#newslist .new_blog_box {
	padding:0 5px;
}

#newslist .newsTitle {
	color: #ffffff;
	background-color: #88bb11;
	border-bottom: 1px dotted #6ba409;
	margin:0;
	padding: 5px;
}
#newslist .newsTitle .name {
	float:left;
	width:450px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}
#newslist .newsTitle .date {
	float:right;
	width:100px;
}
#newslist .newsComment {
	border:1px solid #dadada;
	padding:10px;
	margin:0 auto 20px auto;
}
#newslist .newsComment .newsImg{
	float:right;
}


/* SHOP スタッフリストページ */
#stafflist .staffList {
	border:1px solid #999999;
	padding:5px;
	margin:0 auto 10px auto;
}

#stafflist .photo {
	float:left;
	width:130px;
}
#stafflist .profile {
	float:right;
	width:490px;
}
#stafflist .staff_names SPAN {
	color: #88bb11;
	font-weight: bold;
	font-size: 1.2em;
}


/***** SHOP ADMIN *****/
/* ニュースの新規作成ページ */
#newsadd .title {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #88bb11;
	border-bottom: 1px dotted #6ba409;
	margin:0 0 10px 0;
	padding: 5px;
}

#newsadd .btn {
	width: 80px;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #dadada;
	padding:0;
	margin:0 auto;
}

#newsadd .btn A {
	display:block;
}

/* メニューの追加ページ */
#shopcatadd .title {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #88bb11;
	border-bottom: 1px dotted #6ba409;
	margin:0 0 10px 0;
	padding: 5px;
}

#shopcatadd .btn {
	width: 80px;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #dadada;
	padding:0;
	margin:0 auto;
}

#shopcatadd .btn A {
	display:block;
}

/* FAQの追加ページ */
#shopfaqcatadd .title {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #88bb11;
	border-bottom: 1px dotted #6ba409;
	margin:0 0 10px 0;
	padding: 5px;
}

#shopfaqcatadd .btn {
	width: 80px;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #dadada;
	padding:0;
	margin:0 auto;
}

#shopfaqcatadd .btn A {
	display:block;
}

/* スタッフ登録ページ */
#staffadd .title {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #88bb11;
	border-bottom: 1px dotted #6ba409;
	margin:0 0 10px 0;
	padding: 5px;
}

#staffadd .btn {
	width: 80px;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #dadada;
	padding:0;
	margin:0 auto;
}

#staffadd .btn A {
	display:block;
}




/***** PICK UP *****/
/* 特集ページ */
#pickup .mainlTitle {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #88bb11;
	border-bottom: 1px dotted #6ba409;
	margin:0 0 10px 0;
	padding: 5px;
}

#pickup .mainImg {
	width:100%;
	margin:0 auto;
	padding:0;
}
#pickup .mainImg IMG {
	width:100%;
}

#pickup .freetab {
	margin:10px auto;
	padding: 0 10px;
}

#pickup .freetab .image {
	float:left;
	width:210px;
	margin:0 10px;
	padding:0;
}

#pickup .freetab .image IMG {
	width:200px;
	background-color:#f4f4f4;
	border: 1px solid #dadada;
	padding: 5px;
}

#pickup .freetab .message {
	float:left;
	width:680px;
	margin:0;
	padding:0 10px;
}
#pickup .freetab .message .title {
	color: #88bb11;
	font-weight: bold;
	font-size: 1.2em;
}

#pickup .pickupTable {
	width:940px;
	margin: 10px auto;
	background:#ff0000:
}
#pickup .pickupTable .p2_img {
	width:33%;
	text-align:center;
}
#pickup .pickupTable .p2_img IMG {
	width: 260px;
	background-color:#f4f4f4;
	border: 1px solid #dadada;
	padding: 5px;
}

#pickup .pickupTable .comment {
	vertical-align:top;
	width: 520px;
}
#pickup .pickupTable .p3_img0 {
	vertical-align:top;
	width: 120px
}
#pickup .pickupTable .p3_img0 IMG {
	width: 103px;
	background-color:#f4f4f4;
	border: 1px solid #dadada;
	padding: 5px;
}
#pickup .pickupTable .p3_img1 {
	vertical-align:middle;
	width: 120px
}
#pickup .pickupTable .p3_img1 IMG {
	width: 103px;
	background-color:#f4f4f4;
	border: 1px solid #dadada;
	padding: 5px;
}
#pickup .pickupTable .p3_img2 {
	vertical-align:bottom;
	width: 180px
}

#pickup .pickupTable .p3_img2 IMG {
	width: 162px;
	background-color:#f4f4f4;
	border: 1px solid #dadada;
	padding: 5px;
}

#pickup .pickupTable .p3_img3 {
	width: 320px;
	text-align:center;
}
#pickup .pickupTable .p3_img3 IMG {
	width: 300px;
	background-color:#f4f4f4;
	border: 1px solid #dadada;
	padding: 5px;
}
#pickup .pickupTable .p3_free_txt {
	vertical-align:top;
	width: 600px;
	padding:10px;
}



#mypage .table TD{
	border-width: 1px 0px 0px;
	border-top: 1px solid rgb(221, 221, 221);
}


/*** 畑福追加 ここまで ***/



/*************************************************
 category
**************************************************/
#category {
	width: 100%;
	height: 195px;
	background-image: url("../img/bg_category.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
}

#category_inner {
	margin: 0 auto;
	width: 960px;
	height: 195px;
}

#category_navi {
	width: 760px;
	height: 190px;
	background-image: url("../img/bg_category_navi.gif");
	background-repeat: repeat-x;
	text-indent: -9999px;
	float: left;
}

#category_navi li {
	width: 95px;
	height: 95px;
	float: left;
}

#category_navi a {
	display: block;
	width: 95px;
	height: 95px;
	background-image: url("../img/bg_category_navi.gif");
	background-repeat: no-repeat;
}

#category_navi .menu01 a {background-position: 0 0;}
#category_navi .menu02 a {background-position: -95px 0;}
#category_navi .menu03 a {background-position: -190px 0;}
#category_navi .menu04 a {background-position: -285px 0;}
#category_navi .menu05 a {background-position: -380px 0;}
#category_navi .menu06 a {background-position: -475px 0;}
#category_navi .menu07 a {background-position: -570px 0;}
#category_navi .menu08 a {background-position: -665px 0;}
#category_navi .menu09 a {background-position: 0 -95px;}
#category_navi .menu10 a {background-position: -95px -95px;}
#category_navi .menu11 a {background-position: -190px -95px;}
#category_navi .menu12 a {background-position: -285px -95px;}
#category_navi .menu13 a {background-position: -380px -95px;}
#category_navi .menu14 a {background-position: -475px -95px;}
#category_navi .menu15 a {background-position: -570px -95px;}
#category_navi .menu16 a {background-position: -665px -95px;}



#category_navi a:hover{
	background-image: url("../img/bg_category_navi.gif");
	background-repeat: no-repeat;
}
#category_navi .menu01 a:hover {background-position: 0 -190px;}
#category_navi .menu02 a:hover {background-position: -95px -190px;}
#category_navi .menu03 a:hover {background-position: -190px -190px;}
#category_navi .menu04 a:hover {background-position: -285px -190px;}
#category_navi .menu05 a:hover {background-position: -380px -190px;}
#category_navi .menu06 a:hover {background-position: -475px -190px;}
#category_navi .menu07 a:hover {background-position: -570px -190px;}
#category_navi .menu08 a:hover {background-position: -665px -190px;}
#category_navi .menu09 a:hover {background-position: 0 -285px;}
#category_navi .menu10 a:hover {background-position: -95px -285px;}
#category_navi .menu11 a:hover {background-position: -190px -285px;}
#category_navi .menu12 a:hover {background-position: -285px -285px;}
#category_navi .menu13 a:hover {background-position: -380px -285px;}
#category_navi .menu14 a:hover {background-position: -475px -285px;}
#category_navi .menu15 a:hover {background-position: -570px -285px;}
#category_navi .menu16 a:hover {background-position: -665px -285px;}


/*************************************************
 calender_top
**************************************************/
#calender_top {
	width: 200px;
	overflow: hidden;
	line-height: 1.5em;
	margin-top: 15px;
	margin-bottom: 20px;
	float: left;
}

#calender_top table {
	width: 200px;
	text-align: center;
	margin-bottom: 10px;
}

#calender_top th {
	width: 24px;
	height: 24px;
	text-align: center;
	padding: 0;
	vertical-align: middle;
}

#calender_top td {
	font-family: century gothic;
	width: 24px;
	height: 24px;
	text-align: center;
	padding: 0;
	vertical-align: middle;
}

#calender_top table td.close {
	color: #FFFFFF;
	background-color: #89bb1d;
	padding: 0;
}

/*** POPUPカレンダー ***/
#yui-gen0 TABLE {
	width: 13em;
}
#yui-gen0 TABLE TD{
	text-align:center;
	padding: 0;
}

/*** 口座登録日程追加のタブ ***/
#tab {
	width: 400px;
	margin: 10px auto;
	padding: 0;
}

#tab DIV {
	cursor:pointer;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #050505;
	padding: 3px 20px;
	background: linear-gradient(to bottom, #f0f0f0, #a8a8a8);
	background: -moz-linear-gradient(
		top,
		#f0f0f0 0%,
		#a8a8a8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f0f0f0),
		to(#a8a8a8));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0f0f0', endColorstr='#a8a8a8'); /* IE5.5以上 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #474747;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
}

#tab DIV.select {
	background-color:#88bb11;
	background: linear-gradient(to bottom, #d0f060, #88bb11);
	background: -moz-linear-gradient(
		top,
		#d0f060 0%,
		#88bb11);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d0f060),
		to(#88bb11));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d0f060', endColorstr='#88bb11'); /* IE5.5以上 */
	border: 1px solid #88bb11;
}

#tab DIV.single {
	float: right;
	width: 150px;
	
}

#tab DIV.repeat {
	float: left;
	width: 150px;
}