/*************************************************/
/************** -基本情報 ************************/
/*************************************************/
/* サイト名  ： ETCダンススクール                */
/* 作成日    ： 2009.04.21                       */
/* 最終修正日： 2010.03.24                       */
/*************************************************/

/********** --設定リセット **********/

html {
 margin : 0;
 padding : 0;
 font-size: 12px;
}

body {
 margin:0;
 padding:0;
 background-color: #fff;
 color:#444;
 font: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
}

h1,h2,h3,h4,h5,h6,dl,dt,dd,p,ol,ul,div,img,form,span,div{
 margin:0px;
 padding:0px;
}

h1,h2,h3,h4,h5,h6,p{
 font-size:1em;
}

img {
 border:none;
 margin:0;
 padding:0;
}


ul,ol,dl,dt,dd {
 margin:0;
 padding:0;
}

/*********************************************/
/********** -基本設定 ************************/
/*********************************************/

/********** --ボディ **********/

body {
 background-color:#fff;
 text-align: center;
 font-size: 12px;
}

#base {
 width: 930px;
 margin:0 auto 0;
 border:none;
 text-align: left;
 background:url("images/main_bg.gif") repeat-y top center;
}

/********** --リンクスタイル **********/

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

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

a:active {
 color:#;
 text-decoration:none;
}

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

/********** --レイアウト **********/

.clear{clear:both;} 
.right{float:right;}
.left{float:left;} 

/* クリアフィックス */

.clearfix:after {
  content: "."; 
  display: block; 
  clear: both;
  height: 0;   
  font-size: 0;   
  line-height: 0; 
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

object,embed{
z-index:-1;
}

/***** --WYSIWYG編集画面背景色設定 **********/

.main_td{
	background:none #fff;
}

/*********************************************/
/********** -ボディコンテンツ ****************/
/*********************************************/

/********** --見出し **********/

h1,h2,h3 {
 margin:0 0 5px;
 font-size:1.4em;
}

h4,h5,h6 {
 margin:0 0 5px;
 font-size:1.2em;
}

.h-clear{
 margin:5px 0;
 padding:0;
 border:none;
 background:transeparent none;
}
/********** ---h1 **********/

h1 {
 clear:both;
 width:100%;
 margin:15px 0 0 10px;
 padding:0;
 color:#666;
 border-bottom:solid 1px #666;
 font-size:16px;
 text-align: left;
 font-weight:900;
}

h1 a:link,
h1 a:visited {
 color:#;
 text-decoration:none;
}

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

h1 span{
 margin-left:5px;
 font-weight:normal;
 font-size:10px;
 color:#aaa;
}
/********** ---h2 **********/

h2 {
 clear:both;
 margin:20px 0 20px;
 padding:1px 0 5px 25px;
 background:#ffffff url("/images/h2_bg.gif") left top no-repeat;
 border-bottom:#ccc 3px solid;
 color:#666;
 font-size:16px;
 text-align: left;
 font-weight:bold;
}

h2 a:link,
h2 a:visited {
 color:#;
 text-decoration:none;
}

h2 a:hover {
 color:#;
 text-decoration:underline;
}
/********** ---h3 **********/

h3 {
 clear:both;
 margin:15px 0 5px;
 padding:0 0 5px;
 color:#444;
 border-bottom:solid 1px #666;
 text-align: left;
 font-weight:900;
}

h3 a:link,
h3 a:visited {
 color:#;
 text-decoration:none;
}

h3 a:hover {
 color:#;
 text-decoration:underline;
}
/********** ---h4 **********/

h4 {
 clear:both;
 margin:10px auto 10px;
 padding:10px 0 10px 20px;
 background:#ffffff url("/images/h4_bg.gif") left top no-repeat;
 color:#666;
 font-size:16px;
 font-weight:900;
 text-align: left;
}

h4 a:link,
h4 a:visited {
 color:#;
 text-decoration:none;
}

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


/********** ---h5 **********/

h5 {
 clear:both;
 margin:0;
 padding:5px 10px;
 background-color:#ccc;
 color:#333;
 font-size:12px;
 text-align: left;
 font-weight:bold;
}

h5 a:link,
h5 a:visited {
 color:#;
 text-decoration:none;
}

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


/********** ---h6 **********/

h6 {
 clear:both;
 margin:0 0 0 10px;
 padding:10px 0 10px 20px;
 background:#ffffff url("/images/timetable_yajirushi.jpg") left 5px no-repeat;
 color:#666;
 font-size:14px;
 font-weight:bold;
 text-align: left;
}

h6 a:link,
h6 a:visited {
 color:#;
 text-decoration:none;
}

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

/********** --パラグラフ **********/

p {
 margin:5px 0 5px;
 line-height: 1.4em;
}


/********** --リスト **********/

ul,ol {
 margin:0 0 5px 30px;
 padding:0;
}

dl {
 margin:0 0 5px;
}

dd {
 margin:0 0 0 15px;
 padding:0;
}

 #c_margin ul{
 list-style-image:none;
 list-style:disc;
 margin:0 0 5px 30px;
 padding:0;
 }
 
 #c_margin ol{
 list-style-image:none;
 list-style:decimal;
 margin:0 0 5px 30px;
 padding:0;
 }

/********** --水平線 **********/

hr {
 display: none;
}

/********** --水平線 **********/

#content hr {
 display:block;
 height:1px;
 margin:8px 0;
 border:none;
 border-bottom:1px dotted #ccc;
 font-weight: normal;
}
/********** --表 **********/

/***** ---パターンA *****/

.table_a {
 border:1px solid #ccc;
 border-collapse:collapse;
 border-spacing:0;
 table-layout:fixed;
}

.table_a caption {
 padding: 3px 3px 3px 18px;
 background: url("/template/1020/img/tablecaption.gif") no-repeat 0px  5px;
 color:#333333;
 font-weight:normal;
}

.table_a_th {
 padding:10px;
 border:1px solid #ccc;
 background-color:#f90;
 color: #fff;
 font-weight:bold;
 text-align: center;
}

.table_a_th2 {
 padding:5px;
 border:1px solid #ccc;
 background-color:#f1f1f1;
 color: #333333;
 text-align: center;
 vertical-align:middle;
}

.table_a_td {
 padding:5px;
 border:1px solid #ccc;
 background-color: #ffffff;
 color: #333333;
 text-align: left;
}

/***** ---パターンB *****/

.table_b {
 border:1px solid #ccc;
 border-collapse:collapse;
 border-spacing:0;
}

.table_b caption {
 padding: 3px 3px 3px 18px;
 background: url("/template/1020/img/tablecaption.gif") no-repeat 0px  5px;
 color:#333333;
 font-weight:normal;
}

.table_b_th {
 padding:10px;
 border:1px solid #ccc;
 background-color:#f66;
 color: #fff;
 font-weight:bold;
 text-align: center;
}

.table_b_th2 {
 padding:5px;
 border:1px solid #ccc;
 background-color:#f1f1f1;
 color: #333333;
 text-align: center;
 vertical-align:middle;
}

.table_b_td {
 padding:5px;
 border:1px solid #ccc;
 background-color: #ffffff;
 color: #333333;
 text-align: left;
}

/***** ---パターンC *****/

.table_c {
 border:1px solid #ccc;
 border-collapse:collapse;
 border-spacing:0;
}

.table_c caption {
 padding: 3px 3px 3px 18px;
 background: url("/template/1020/img/tablecaption.gif") no-repeat 0px  5px;
 color:#333333;
 font-weight:normal;
}

.table_c_th {
 padding:10px;
 border:1px solid #ccc;
 background-color:#09c;
 color: #fff;
 font-weight:bold;
 text-align: center;
}

.table_c_th2 {
 padding:5px;
 border:1px solid #ccc;
 background-color:#f1f1f1;
 color: #333333;
 text-align: center;
 vertical-align:middle;
}

.table_c_td {
 padding:5px;
 border:1px solid #ccc;
 background-color: #ffffff;
 color: #333333;
 text-align: left;
}

/***** ---パターンD *****/

.table_d {
 border:1px solid #ccc;
 border-collapse:collapse;
 border-spacing:0;
}

.table_d caption {
 padding: 3px 3px 3px 18px;
 background: url("/template/1020/img/tablecaption.gif") no-repeat 0px  5px;
 color:#333333;
 font-weight:normal;
}

.table_d_th {
 padding:10px;
 border:1px solid #ccc;
 background-color:#f69;
 color: #fff;
 font-weight:bold;
 text-align: center;
}

.table_d_th2 {
 padding:5px;
 border:1px solid #ccc;
 background-color:#f1f1f1;
 color: #333333;
 text-align: center;
 vertical-align:middle;
}

.table_d_td {
 padding:5px;
 border:1px solid #ccc;
 background-color: #ffffff;
 color: #333333;
 text-align: left;
}

/***** ---パターンE *****/

.table_e {
 border:1px solid #ccc;
 border-collapse:collapse;
 border-spacing:0;
}

.table_e caption {
 padding: 3px 3px 3px 18px;
 background: url("/template/1020/img/tablecaption.gif") no-repeat 0px  5px;
 color:#333333;
 font-weight:normal;
}

.table_e_th {
 padding:10px;
 border:1px solid #ccc;
 background-color:#693;
 color: #fff;
 font-weight:bold;
 text-align: center;
}

.table_e_th2 {
 padding:5px;
 border:1px solid #ccc;
 background-color:#f1f1f1;
 color: #333333;
 text-align: center;
 vertical-align:middle;
}

.table_e_td {
 padding:5px;
 border:1px solid #ccc;
 background-color: #ffffff;
 color: #333333;
 text-align: left;
}

/***** ---パターンF *****/

.table_f {
 border:1px solid #ccc;
 border-collapse:collapse;
 border-spacing:0;
}

.table_f caption {
 padding: 3px 3px 3px 18px;
 background: url("/template/1020/img/tablecaption.gif") no-repeat 0px  5px;
 color:#333333;
 font-weight:normal;
}

.table_f_th {
 padding:10px;
 border:1px solid #ccc;
 background-color:#c6c;
 color: #fff;
 font-weight:bold;
 text-align: center;
}

.table_f_th2 {
 padding:5px;
 border:1px solid #ccc;
 background-color:#f1f1f1;
 color: #333333;
 text-align: center;
 vertical-align:middle;
}

.table_f_td {
 padding:5px;
 border:1px solid #ccc;
 background-color: #ffffff;
 color: #333333;
 text-align: left;
}

/***** ---パターンG *****/

.table_g {
 border:none;
 border-collapse:collapse;
 border-spacing:0;
 table-layout:fixed;
 height:40px;
}

.table_g th{
 background: url("/images/g_th.gif") left center no-repeat;
 text-align:center;
 vertical-align:middle;
 text-align:middle;
 padding:0 10px;
 font-weight:bold;
 font-size:16px;
 color:#333;
}

.table_g td{
 background: url("/images/g_td.gif") right center no-repeat;
 text-align:center;
 vertical-align:middle;
 padding:0 10px;
 font-weight:bold;
 font-size:16px;
 color:#f33;
}




/** その他 **/

/********** --パーツ挿入 **********/

/***** ---ベースA *****/

.listbox_a {
	padding: 0px 10px;
	border: #cccccc 1px solid;
	background: #ffffff;
	}

.listset_a1_li {
 list-sytle:none;
 list-style-image:url("/images/timetable_yajirushi.jpg") ;
 padding:0 0 0 5px;

}


.listset_a2_li {
}

/***** ---ベースB *****/

.listbox_b {
	}

.listset_b1_li {

}


.listset_b2_li {
}

/***** ---トピックリスト *****/

/** パターン5 **/

.pagetitle_a {
 color:#666;
}

.pagetitle_a a:link,
.pagetitle_a a:visited{
 color:#666;
 text-decoration:none;
}

.pagetitle_a a:hover{
 color:#666;
 text-decoration:underline;
}

.date{
 font-weight:bold;
 color:#f00;
}

/** パターン6 **/
.pagetitle_b {
 background:URL(/template/1020/img/listicon_b1.gif) no-repeat 0px 3px;
}

/***** ---サイトマップ *****/

/** パターン3・4 **/
.titletext_level1{
 background:URL(/template/1020/img/listicon_b2.gif) no-repeat 0px 1px;
}

.titletext_level2{
 background:URL(/template/1020/img/listicon_b2.gif) no-repeat 0px 1px;
}


/***** ---フレームA *****/
.frame_a_outer {
 	background: #cccccc;
 	padding:2px;
}
.frame_a_inner {
	background: #ffffff;
	margin:0px;
	padding:2px;
}


/***** ---フレームB *****/
.frame_b_outer {
	padding: 3px 1px 3px 1px;
 	background: #507FAA ;
}
.frame_b_inner {
	background: #ffffff;
	margin:0px;
	padding:2px;
}

/*********************************************/
/********** -スキンデザイン*******************/
/*********************************************/


/********** --ヘッダー **********/
#header{
 height:135px;
 background: url("/images/header_bg.jpg") left top no-repeat;
 text-align:left;
 padding:0 40px 0;
}

#h_logo {
 float:left;
 clear:none;
 width:284px;
 height:64px;
 margin:65px 0 0 10px;
 border:none;
 padding:0;
 background:none;
 overflow:hidden;
}

#h-text{
 clear:none;
 float:left;
 display:block;
 width:430px;
 margin:85px 0 0 20px;
 background:none;
 border:none;
 color:#999;
 font-weight:normal;
 font-size:12px;
 letter-spacing:0;
 }

#btn-shiryo{
 float:right;
 margin:85px 0 0 0;
}


/*********************************************/
/*************** -メインエリア ***************/
/*********************************************/


/********** --トップページ **********/

#main_t{
 width:930px;
}

#main_t #content{
 width:930px;
 text-align:center;
 color:#333;
 margin:0;
 padding:0;
 overflow:hidden;
}



#/********** --サイドあり （サブトップ用）**********/
#main_s{
 width:930px;
}


#main_s #content{
 width:750px;
 margin:0px 40px 15px;
 text-align:left;
 color:#333;
}

#main_s #content #c_main{
 float:left;
 width:750px;
 margin:0;
 padding:0;
 border:none;
}

#main_s #content #c_main h1{
 width:410px;
}

#subtop-visual{
 width:850px;
 height:280px;
 overflow:hidden;
}

#subtop-btn1 img{
	margin:0 0 5px;
}

#subtop-shortcut{
 margin:78px 0 0;
}

/********** --サイドなし（下層ページ用）**********/
#main_w{
 width:930px;
}

#main_w #content{
 width:715px;
 float:right;
 margin:40px 0 15px;
 text-align:left;
 color:#333;
}
 
#main_w #content #c_main{
width:650px;
 margin:0 0 0 18px;
}

#main_w #content #c_main li#menu_clear{
 clear:left !important ;
 overflow:hidden;
 background:none;
}

#page-visual{
 width:850px;
 height:auto;
 margin:0 40px;
}

/********** --ポップアップ（共通ページ用）**********/
#type-p #main_w #content{
 margin:0 0 15px;
}

#type-p #side-l{
 margin:15px 0 0;
}

/********** --左サイド **********/
#side-l{
 width:190px;
 float:right;
 margin:55px 0 0;
 padding:0 0 20px;
 text-align:center;
}

#side-wp{
 width:180px;
 margin:0;
 padding:15px 0 0;
 background:url("img/side2/side-bg1.gif") left top no-repeat;
}
#side-bg{
 width:180px;
 margin:0 auto 0;
 padding:0 0 10px;
 background:url("img/side2/side-bg2.gif") left bottom no-repeat;
}
/***** ---サイドメニュー *****/

#side-l .smenu{
 display:block;
 width:149px;
 margin:10px 15px;
 padding:2px 0;
 background:url("img/side2/side_bg.gif") repeat-y top left;
}

#side-l .smenu li{
 display:block;
 list-style:none;
 width:149px;
 height:38px;
 text-align:left;
}

#side-l .smenu li a{
 display:block;
 width:149px;
 height:38px;
}

#side-l .smenu li span{
 display:block;
 padding:12px 10px 0 25px;
 font-size:12px;
 font-weight:bold;
}

#side-l .smenu a:link,
#side-l .smenu a:visited,
#side-l .smenu a:hover{
 text-decoration:none;
}

#side-l .smenu li a{
 background:url("images/side.gif") no-repeat top left;
 color:#333;
}

#side-l .smenu a:hover{
 background:url("images/side.gif") no-repeat bottom left;
 color:#888;
}

/********** --ページの先頭へ **********/
#totop{
 clear:both;
 display:block;
 width:655px;
 margin:15px 0 0px;
 font-size:10px;
 text-align:right;
}

#totop a{
 display:block;
 padding:0 20px 10px;
}

#totop img{
 border:none;
 vertical-align:middle;
}

#totop a:link,
#totop a:visited,
#totop a:hover{
 text-decoration:none;
 color:#666;
}

/********** --トピックパス **********/

#topicpath{
 display:block;
 clear:both;
 width:913px;
 height:33px;
 margin:41px 0 0 9px;
 padding:0;
 font-size:10px;
 text-align:left;
 background:url(img/menu/topicpath_bg.jpg) left top no-repeat;
 color:#666;
}

#topicpath span{
 display:block;
 padding:10px 40px 0;
 margin:0;
}

#topicpath a,
#topicpath a:link,
#topicpath a:visited,
#topicpath a:hover{
 color:#666;
}


#tp1{
 display:none;
}

/***** ---バナー *****/

#side_btn{
 width:149px;
 height:37px;
 margin:5px auto;
}

#s_btn1{
 display:block;
 width:178px;
 height:43px;
 margin:5px auto;
}

#s_btn1 a{
 display:block;
 width:160px;
 height:39px;
 background:url(images/bnnr_kyugyo.gif) left top no-repeat;
}

#s_btn1 a:hover{
 background:url(images/bnnr_kyugyo.gif) left bottom no-repea;
}

#s_btn1 a span{
 display:block;
 text-indent:-9999em;
 overflow:hidden;
}

#s_bnnr{
 display:block;
 width:160px;
 margin:10px auto 15px;
 overflow:hidden;
}

#s_bnnr p{
 margin:10px 0;
}
/*********************************************/
/********** -プルダウンメニュー **************/
/*********************************************/

/********** --メニュー1 **********/


#menu{
	position:absolute;
	top:135px;
        width: 930px;
        display: block;
        margin: 0;
}

#m-menu{
	width: 781px;
	display: block;
	margin: 0 74px 0 75px;
	background:url(img/menu/menu_btn_bg.jpg) right bottom no-repeat;
}

/********** --- ボタン **********/

#m-menu .m-menu1on,
#m-menu .m-menu1off{
 list-style:none;
 position: relative;
 float:left;
 width:130px;
}

#m-menu .m-menu1on a,
#m-menu .m-menu1off a{
 list-style:none;
 position: relative;
 display:block;
 width:130px;
}

#m-menu .m-menu1on a span,
#m-menu .m-menu1off a span{
 display:block;
 width:130px;
 height:41px;
 overflow:hidden;
 text-indent:-999em;
}

/* ETCについて */
#m-menu .m-menu1off #btn-308{
 background:url(img/menu/menu_btn1.gif) left top no-repeat;
}

#m-menu .m-menu1on #btn-308,
#m-menu .m-menu1off a:hover#btn-308{
 background:url(img/menu/menu_btn1_ov.gif) left top no-repeat;
}

/* ETCのレッスン */
#m-menu .m-menu1off #btn-309{
 background:url(img/menu/menu_btn2.gif) left top no-repeat;
}

#m-menu .m-menu1on #btn-309,
#m-menu .m-menu1off a:hover#btn-309{
 background:url(img/menu/menu_btn2_ov.gif) left top no-repeat;
}

/* 店舗案内 */
#m-menu .m-menu1off #btn-312{
 background:url(img/menu/menu_btn3.gif) left top no-repeat;
}

#m-menu .m-menu1on #btn-312,
#m-menu .m-menu1off a:hover#btn-312{
 background:url(img/menu/menu_btn3_ov.gif) left top no-repeat;
}

/* 入会案内 */
#m-menu .m-menu1off #btn-60{
 background:url(img/menu/menu_btn4.gif) left top no-repeat;
}

#m-menu .m-menu1on #btn-60,
#m-menu .m-menu1off a:hover#btn-60{
 background:url(img/menu/menu_btn4_ov.gif) left top no-repeat;
}

/* よくある質問 */
#m-menu .m-menu1off #btn-64{
 background:url(img/menu/menu_btn5.gif) left top no-repeat;
}

#m-menu .m-menu1on #btn-64,
#m-menu .m-menu1off a:hover#btn-64{
 background:url(img/menu/menu_btn5_ov.gif) left top no-repeat;
}

/* ETCのブログ */
#m-menu .m-menu1off #btn-65{
 background:url(img/menu/menu_btn6.gif) left top no-repeat;
}

#m-menu .m-menu1on #btn-65,
#m-menu .m-menu1off a:hover#btn-65{
 background:url(img/menu/menu_btn6_ov.gif) left top no-repeat;
}

/********** --- プルダウン **********/

#m-menu li ul {
        display: none;
        position: absolute;
        width: 0px;
        top: 41px;
        left: 0;
	margin:0;
	z-index:20;
}

#m-menu .m-menu2on a span,
#m-menu .m-menu2off a span{
 display:block;
 width:120px;
 height:auto;
 margin:5px;
 overflow:hidden;
 text-indent:0;
}

#m-menu li ul li{
        list-style: none;
}

#m-menu li ul a {
        width: 130px;
        background: #ededed;
        border: 1px solid #ccc;
        border-top: 1px solid #ededed;
        height:auto;
}

#m-menu li ul a:link,
#m-menu li ul a:visited{
        color:#444;
	text-decoration:none;
}


#m-menu li ul a:hover{
        color:#fff;
	text-decoration:none;
}

#m-menu .m-menu2on a,
#m-menu .m-menu2off a:hover{
        background: #f93;
}

/********** --メニュー2 **********/

#menu-nav{
	position:absolute;
        width: 913px;
        display: block;
        margin: 0 0 0 9px;
	background:url(img/menu/nav_bg.jpg) left top repeat-x;
}

#type-s #menu-nav{
	top:508px;
}

#type-w #menu-nav{
	top:340px;
}

#nav{
	width: 840px;
	height:40px;
	display: block;
	margin: 0 0 0 38px;
	z-index:5px;
}

/********** --- ボタン **********/

#nav .nav1on,
#nav .nav1off{
 list-style:none;
 position: relative;
 float:left;
 width:163px;
 margin:0 5px 0 0
}

#nav .nav1on a,
#nav .nav1off a{
 list-style:none;
 position: relative;
 display:block;
 width:163px;
}

#nav .nav1on a span,
#nav .nav1off a span{
 display:block;
 width:163px;
 height:30px;
 overflow:hidden;
 text-indent:-999em;
}

/* 料金表 */
#nav .nav1off #btn-61,
#nav .nav1off #btn-323,
#nav .nav1off #btn-324{
 background:url(img/menu/nav_btn1.gif) left top no-repeat;
}

#nav .nav1on #btn-61,
#nav .nav1off a:hover#btn-61,
#nav .nav1on #btn-323,
#nav .nav1off a:hover#btn-323,
#nav .nav1on #btn-324,
#nav .nav1off a:hover#btn-324{
 background:url(img/menu/nav_btn1_ov.gif) left top no-repeat;
}

/* レッスン */
#nav .nav1off #btn-62,
#nav .nav1off #btn-325,
#nav .nav1off #btn-326{
 background:url(img/menu/nav_btn2.gif) left top no-repeat;
}

#nav .nav1on #btn-62,
#nav .nav1off a:hover#btn-62,
#nav .nav1on #btn-325,
#nav .nav1off a:hover#btn-325,
#nav .nav1on #btn-326,
#nav .nav1off a:hover#btn-326{
 background:url(img/menu/nav_btn2_ov.gif) left top no-repeat;
}

/* インストラクター */
#nav .nav1off #btn-63,
#nav .nav1off #btn-327,
#nav .nav1off #btn-328{
 background:url(img/menu/nav_btn3.gif) left top no-repeat;
}

#nav .nav1on #btn-63,
#nav .nav1off a:hover#btn-63,
#nav .nav1on #btn-327,
#nav .nav1off a:hover#btn-327,
#nav .nav1on #btn-328,
#nav .nav1off a:hover#btn-328{
 background:url(img/menu/nav_btn3_ov.gif) left top no-repeat;
}

/* スタッフ */
#nav .nav1off #btn-316,
#nav .nav1off #btn-329,
#nav .nav1off #btn-330{
 background:url(img/menu/nav_btn4.gif) left top no-repeat;
}

#nav .nav1on #btn-316,
#nav .nav1off a:hover#btn-316,
#nav .nav1on #btn-329,
#nav .nav1off a:hover#btn-329,
#nav .nav1on #btn-330,
#nav .nav1off a:hover#btn-330{
 background:url(img/menu/nav_btn4_ov.gif) left top no-repeat;
}

/* レポート */
#nav .nav1off #btn-331,
#nav .nav1off #btn-332,
#nav .nav1off #btn-333{
 background:url(img/menu/nav_btn5.gif) left top no-repeat;
}

#nav .nav1on #btn-331,
#nav .nav1off a:hover#btn-331,
#nav .nav1on #btn-332,
#nav .nav1off a:hover#btn-332,
#nav .nav1on #btn-333,
#nav .nav1off a:hover#btn-333{
 background:url(img/menu/nav_btn5_ov.gif) left top no-repeat;
}


/********** --- プルダウン **********/

#nav li ul {
        display: none;
        position: absolute;
        width: 0px;
        top: 30px;
        left: 0;
	margin:0;
	z-index:10;
}

#nav .nav2on a span,
#nav .nav2off a span{
 display:block;
 width:153px;
 height:auto;
 margin:5px;
 overflow:hidden;
 text-indent:0;
}

#nav li ul li{
        list-style: none;
}

#nav li ul a {
        width: 163px;
        background: #ededed;
        border: 1px solid #ccc;
        border-top: 1px solid #ededed;
        height:auto;
}

#nav li ul a:link,
#nav li ul a:visited{
        color:#444;
	text-decoration:none;
}


#nav li ul a:hover{
        color:#fff;
	text-decoration:none;
}

#nav .nav2on a,
#nav .nav2off a:hover{
        background: #f93;
}



/*********************************************/
/********** -フッター ************************/
/*********************************************/

#footer {
clear:both;
width: 930px;
height: auto;
background: url("/images/footer_bg.gif") left top no-repeat;
margin:0;
}

/***** ---フッターメニュー *****/

#footer_menu {
 float:left;
 padding:10px 0;
 height:auto;
 width:720px;
}

#footer_menu ul{
 display:block;
 width:720px;
 height:15px;
 margin:0 10px 0 40px;
 border-left:solid 1px #888;
}

#footer_menu ul li {
 float:left;
 list-style:none;
 display:block;
 border-right:solid 1px #888;
 font-size:10px;
}

#footer_menu ul li a{
 padding:5px 15px;
}

#footer_menu a:link,
#footer_menu a:visited {
 color:#888;
 font-weight:bold;
}

#footer_menu a:hover {
 color:#333;
 font-weight:bold;
 text-decoration:none;
}

/***** ---QRコード *****/

#qrcode{
 display:block;
 float:right;
 width:107px;
 margin:5px 15px 0 5px;
}

/***** ---電話番号 *****/
#tel{
 float:left;
 width:760px;
}

#tel ul{
 float:left;
 width:760px;
 margin:0;
 padding:0 0 0 40px;
}

#tel li{
 list-style:none;
 float:left;
 margin:8px 0 0;
 padding:0 5px;
 border-left:solid 3px #c9c9c9;
 color:#c9c9c9;
 font-weight:bold;
 font-size:14px;
}

#tel .pos_left{
 border:none;
}

#tel li span{
 display:block;
 width:100px;
 color:#f60;
 font-weight:bold;
 font-size:10px;
}


/***** ---コピーライト表記 *****/
#copyright {
clear:both;
display:block;
height:44px;
color:#fff;
background: url("/images/copyright_bg.gif") left top no-repeat;
text-align:right;
margin:1px 0;
}

#copyright span{
display:block;
padding:13px 30px 0;
}




/*********************************************/
/********** -ページ別 ************************/
/*********************************************/

/********** --トップ **********/

/***** --- 上部メニュー *****/
#top-nav-a{
 width:850px;
 margin:0 40px;
}

#top-nav-a img{
 margin:0;
}

#top-nav-1{
 display:block;
 float:left;
 width:205px;
 height:242px;
 background:url(images/top_nav_1.jpg) left top no-repeat;
 margin:0;
 padding:0;
}

#top-nav-1 dt{
 display:block;
 width:182px;
 margin:0 11px;
 padding:13px 0;
 text-align:center;
}

#top-nav-1 dd{
 display:block;
 margin:0 0 4px;
 padding:0;
}

#top-nav-1 dd a{
 display:block;
 width:182px;
 height:39px;
 margin:6px 11px 0;
 padding:0;
}


#top-nav-2{
 display:block;
 float:right;
 height:242px;
 margin:0;
}

/***** --- LESSON *****/

#top-nav-b{
 clear:both;
 width:850px;
 margin:10px 40px;
 padding:0;
 border-top:solid 1px #999;
 border-bottom:solid 1px #999;
}

#top-nav-b img{
 margin:0;
}

#top-nav-b th{
 width:26px;
 padding:6px 0;
}

#top-nav-b td{
 width:212px;
 padding:6px 0;
}

#top-nav-b td#btn-tempo{
 width:202px;
 text-align:right;
 margin:0;
 padding:6px 0;
}


/***** --- その他ショートカット　*****/

#top-nav-c{
 clear:both;
 float:none;
 width:850px;
 margin:0 40px 20px ;
}

#top-nav-c td{
 vertical-align:top;
}

#top-nav-c2{
 margin:0 0 10px;
}

#top-nav-c2 td{
 vertical-align:top;
}

#top-side{
 width:165px;
 border-right:solid 1px #ccc;
 text-align:left;
 padding:0 8px 0 0;
}

#top-side ul{
 list-style:none;
 list-style-image:none; width:157px;
 margin:0;
 padding:0;
}

#top-side ul li{
 list-style:none;
 list-style-image:none;
 display:block;
 width:157px;
 height:48px;
 margin:0 0 3px;
 padding:0;
}

.top-side1 {
border-right:1px solid #CCCCCC;
padding:0 8px 0 0;
text-align:left;
width:165px;
}
.top-side1 ul {
list-style:none outside none;
margin:0;
padding:0;
width:157px;
}
.top-side1 ul li {
display:block;
height:48px;
list-style:none outside none;
margin:0 0 3px;
padding:0;
width:157px;
}

#shortcut1{
 padding:0 8px; 
 border-right:solid 1px #ccc;
}

.sc1 th{
 padding:0 0 8px;
 border-bottom:solid 1px #666;
 font-weight:bold;
 background:url(images/arrw_bg2.gif) left top no-repeat;
}

.sc1 th span{
 padding:0 0 0 20px;
}

.sc1-txt{
 padding:0 0 0 4px;
 font-size:10px;
}

#shortcut2{
 padding:0 8px; 
}

#shortcut2 p{
 margin:0 0 5px; 
}



#top_news .hfit{
 display:none;
}

#top_news table{
 cellspacing:0;
 border:none;
 border-collapse:collapse;
}
#top_news table{
 cellspacing:0;
 border:none;
 border-collapse:collapse;
}

#top_news td{
 border-bottom:dashed 1px #ccc;
}

.taiken .td_txt{
padding:5px 15px; 
font-size:10px;
font-weight:bold;
color:#888;
background:url(images/top_taiken2.jpg) repeat-y top center;
}
.taiken td{
padding:0; 
}
  {
.td_txt a,
.td_txt a:link,
.td_txt a:visited,
.td_txt a:hover

color:#888;
text-decoration:none;
}


.td_txt span{
color:#f00;
}

/***** --- TOPICS *****/

#top-topics{
 width:308px;
 padding:0;
 border-left:solid 1px #ccc;
}

#topics-h{
 padding:0 0 0 12px;
}

#topics_sub ul{
display:block;
margin:0;
padding:0;
}

#topics_sub li{
 list-style:none;
 list-style-image:none;
 float:left;
 list-style:none;
 width:308px;
 margin:0;
padding:0;
}

#topics_sub li a{
 margin:0;
padding:0;
}


/***** --- NEWS *****/

#top-news table{
 width:540px;
}

#top-news table td{
 padding:5px 0;
 border-bottom:1px dashed #ccc;
}

.news-text{
 color:#666;
 font-size:10px;
 padding:0 0 0 15px;
}

.news-text a:link{
 color:#666;
}

.news-text a:visited{
 color:#999;
}

.news-text span{
 display:block;
 color:#ff3f3f;
}

/***** --- SITEMAP *****/

#top-sitemap{
 border-top:solid 1px #ccc;
 width:770px;
 margin:0 70px 20px;
 overflow:hidden;
}

#top-sitemap a:link{
 color:#555;
 text-decoration:none;
}

#top-sitemap a:visited{
 color:#888;
 text-decoration:none;
}

#top-sitemap a:hover{
 color:#555;
 text-decoration:underline;
}


#top-sitemap table{
 width:770px;
 border-collapse:collapse;
}

#top-sitemap table th,
#top-sitemap table td{
 padding:5px 0;
 vertical-align:top;
 text-align:left;
 font-size:10px;
 border-bottom:solid 1px #ccc;
}

#top-sitemap table th{
 width:140px;
 font-weight:normal;
}

#top-sitemap ul{
 margin:0;
 padding:0;
}

#top-sitemap li{
 display:block;
 width:125px;
 float:left;
 margin:0 0 5px;
 padding:0 0 0 10px;
 font-size:10px;
 background:url(images/sm-list-icon.gif) left center no-repeat;
}


/***** -- サブトップ　*****/
#subtop-shortcut h3{
 border:none;
 margin:0;
}
#sub-nav-c{
 clear:both;
 float:none;
 width:850px;
 margin:0 40px 20px ;
}

#sub-nav-c td{
 vertical-align:top;
}

#sub-nav-c2{
 margin:0 0 10px;
}

#sub-nav-c2 td{
 vertical-align:top;
}

#sub-side{
 width:200px;
 border-right:solid 1px #ccc;
 text-align:left;
 padding:0 8px 0 0;
}

#sub-side ul{
 list-style:none;
 list-style-image:none; width:157px;
 margin:0;
 padding:0;
}

#sub-side ul li{
 list-style:none;
 list-style-image:none;
 display:block;
 width:157px;
 height:48px;
 margin:0 0 3px;
 padding:0;
}

#sub-side #shortcut1{
 padding:0 8px; 
 border-right:solid 1px #ccc;
}

#sub-side .sc1-h{
 padding:0 0 0 4px;
 font-size:10px;
 height:20px;
}

#sub-side .sc1-txt{
 padding:0 0 0 4px;
 font-size:10px;
}

.sc2-h{
 padding:0;
 font-weight:bold;
 background:url(images/arrw_bg3.gif) left top no-repeat;
}

.sc2-h span{
 padding:0 0 0 18px;
}

.sc2-txt{
 padding:0 0 0 4px;
 font-size:10px;
}

#sub-shortcut2{
 padding:0 8px; 
 border-right:solid 1px #ccc;
}

#sub-shortcut2 p{
 margin:0 0 5px; 
}

#sub-news {
 padding:0 0 0 10px;
}

#sub-news table{
 cellspacing:0;
 border:none;
 border-collapse:collapse;
 text-align:left;
}


#sub-news .news-text{
 padding:5px 0;
 line-height:1.5em;
}

#sub-news table td{
 border-bottom:dashed 1px #ccc;
}

.btn-cp{
 margin:10px 0;
}

.taiken .td_txt{
padding:5px 15px; 
font-size:10px;
font-weight:bold;
color:#888;
background:url(images/top_taiken2.jpg) repeat-y top center;
}
.taiken td{
padding:0; 
}
  {
.td_txt a,
.td_txt a:link,
.td_txt a:visited,
.td_txt a:hover

color:#888;
text-decoration:none;
}


.td_txt span{
color:#f00;
}




/********** --CONTENTS **********/

#con_sub ul{
display:block;
margin:0 0 0 10px;
padding:0;
}

#con_sub li{
 float:left;
 list-style:none;
 width:200px;
 height:70px;
 border-bottom:dashed 1px #999;
 overflow:hidden;
 margin:5px 10px 5px 0;
 padding:0 0 5px;
 line-height:1.2em;
}

#con_sub li a{
 font-size:10px;
 color:#999;
}

#con_sub li img{
 margin:0 5px 5px 0;
}

#con_sub li a:hover{
 text-decoration:none;
}

#con_sub li span{
 display:block;
 width:165px;
 height:21px;
 overflow:hidden;
 background:url(images/arrw_bg.gif) no-repeat left top;
 font-size:12px;
 font-weight:bold;
 color:#555;
 padding:2px 0 0 20px;
 cursor:pointer;
}



/********** --各校トップ **********/

#school_sub ul{
display:block;
margin:5px 0 0 5px;
padding:0;
}

#school_sub li{
 float:left;
 list-style:none;
 width:200px;
 height:70px;
 border-bottom:dashed 1px #999;
 overflow:hidden;
 margin:5px 0 5px 5px;
 padding:0 0 5px;
 line-height:1.2em;
}


#school_sub li img{
 margin:0 5px 5px 0;
}

#school_sub li a:hover{
 text-decoration:none;
}

#school_sub li span{
 display:block;
 width:110px;
_width:165px;
 height:21px;
 overflow:hidden;
 background:url(images/arrw_bg2.gif) no-repeat left top;
 font-size:12px;
 font-weight:bold;
 color:#555;
 padding:2px 0 0 20px;
 cursor:pointer;
}


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

.school_news li{
 list-style:none;
 display:block;
 width:200px;
 overflow:hidden;
 margin:0;
 padding:5px 0;
 border-bottom:1px dashed #999;
 font-size:10px;
}

.school_news ul li b{
 color:#f00;
}

.school_news li a:link,
.school_news li a:visited,
.school_news li a:hover{
 color:#999;
}

.school_news li img{
 margin-right:10px;
}

.newspage{
 width:200px;
 text-align:right;
 font-size:10px;
 color:#777;
}

.newspage a,
.newspage a:visited{
 color:#777;
}

.newspage a:hover{
 color:#ccc;
}

.s_blog,
.s_sub{
 width:200px;
}

.s_blog h3,
.s_sub h3{
 display:block;
 width:200px;
 overflow:hidden;
 margin:10px 0 0;
 padding:2px 0 0;
 height:22px;
 background:url(images/arrw2_bg.gif) no-repeat left top;
 border:none;
 font-size:12px;
 font-weight:bold;
 color:#333;
}


.s_blog h3 a,
.s_sub h3 a{
 margin:0 0 0 20px;
}

.s_blog h3 a:link,
.s_blog h3 a:visited,
.s_blog h3 a:hover,
.s_sub h3 a:link,
.s_sub h3 a:visited,
.s_sub h3 a:hover{
 color:#333;
 text-decoration:none;
}

#main_t #content .s_blog ul,
#main_t #content .s_sub ul,
.s_blog ul,
.s_sub ul{
 margin:0;
 padding:0;
}

.s_blog li,
.s_sub li{
 list-style:none;
 display:block;
 width:200px;
 overflow:hidden;
 margin:0;
 padding:5px 0;
 border-bottom:1px dashed #999;
 font-size:10px;
 line-height:12px;
}

.s_blog ul li b,
.s_sub ul li b{
 color:#f00;
}

.s_blog ul li div,
.s_sub ul li div{
 margin:0;
 padding:0;
}

.s_blog li a:link,
.s_blog li a:visited,
.s_blog li a:hover,
.s_sub li a:link,
.s_sub li a:visited,
.s_sub li a:hover{
 color:#999;
}
/********** --フォーム **********/

.form_table{
 background-color:#ffc;
 table-layout:auto;
 width:550px;
 border-collapse:collapse;
 border-spacing:0;
}

.form_table td{
 border-top:solid 1px #999;
 border-bottom:solid 1px #999;
}

.form_left{
 width:160px;
}


.form_table2{
 background-color:#fceac9;
 table-layout:auto;
 width:550px;
 border-collapse:collapse;
 border-spacing:0;
}

.form_table2 td{
 border-top:solid 1px #999;
 border-bottom:solid 1px #999;
}

.button-submit{
 text-align:center;
 margin:5px 260px 10px 0;
}

.validation-advice{
    color:#ff0000;
}