/********************************************************************/
/*                                                                  */
/* メニュー用スタイルシート                                         */
/*                                                                  */
/* 川崎学習塾 http://www.k-j.jp/                                    */
/*                                                      2007/02/09  */
/********************************************************************/

/********************************************************************/
/* メニュー関連                                                     */
/********************************************************************/

/* タブメニュー */

#tab_menu {
	FONT-SIZE: 12px;
	FONT-FAMILY: "ＭＳ Ｐゴシック",sans-serif;
	FLOAT: left;
	WIDTH: 681px;	/* 700px - 8px(フレーム左) - 11px(フレーム右) */
	/*BACKGROUND: #F4F7FB;*/
	BACKGROUND: url("../image/tab_background.gif") repeat left top;
	LINE-HEIGHT: normal;
	BORDER-BOTTOM: 1px solid #ffffff;
}

#tab_menu UL {
	MARGIN: 0px;
	PADDING: 10px 10px 0px 30px;
	LIST-STYLE: none;
}

#tab_menu LI {
	DISPLAY: inline;
	MARGIN: 0px;
	PADDING: 0px;
}

#tab_menu A {
	FLOAT: left;
	BACKGROUND: url("../image/tableft.gif") no-repeat left top;
	MARGIN: 0;
	PADDING: 0px 0px 0px 4px;
	TEXT-DECORATION: none;
}

#tab_menu A SPAN {
	FLOAT: left;
	DISPLAY: block;
	BACKGROUND: url("../image/tabright.gif") no-repeat right top;
	PADDING: 5px 15px 4px 6px;
	COLOR: #003333;
}
/*\*/
#tab_menu A SPAN {
	FLOAT: none;
}
/**/

#tab_menu A:hover SPAN {
	COLOR: #000;
}

#tab_menu #current A {
	COLOR: #000;
	BACKGROUND: url("../image/tableft-back.gif") no-repeat left top;
}

#tab_menu #current A SPAN {
	COLOR: #000;
	BACKGROUND: url("../image/tabright-back.gif") no-repeat right top;
}

#tab_menu A:hover {
	BACKGROUND: url("../image/tableft-back.gif") no-repeat left top;
}

#tab_menu A:hover SPAN {
	BACKGROUND: url("../image/tabright-back.gif") no-repeat right top;
}

/* コンテナメニュー */

#navcontainer {
	FONT-WEIGHT: normal;
	TEXT-ALIGN: center;
        PADDING: 0px;
	MARGIN: 0px auto;
}

#navcontainer UL { 
	LIST-STYLE: none; 
	MARGIN: 0px; 
	PADDING: 0px;
}

#navcontainer LI { 
	DISPLAY: block; 
	FLOAT: left; 
	WIDTH: 100px;
}

#navcontainer A { 
	DISPLAY: block; 
	LINE-HEIGHT: 1.8em; 
	WIDTH: 90px;
	BACKGROUND: #ffffff;
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none;
	TEXT-ALIGN: center;
	BORDER: 1px solid #00cccc;
}

#navcontainer A:currenrt_sub {
        BACKGROUND: #c60;
        COLOR: #fff;
}

#navcontainer LI#current_sub A {
        BACKGROUND: #009900;
        COLOR: #fff;
}

#navcontainer LI A:hover { 
	BACKGROUND-COLOR: #fafad2;
        COLOR: #333333;
}

#container_title {
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	WIDTH: 600px;
	/*HEIGHT:40px;*/
	TEXT-ALIGN: center;
	COLOR: #000066;
	PADDING: 5px; 
	MARGIN-TOP: 10px;
	BORDER: 1px solid #00008B;
	BACKGROUND-COLOR: #F4F7FB;
	OVERFLOW: hidden;
}

#container_title:after {
	CONTENT: "";
	DISPLAY: block;
	CLEAR: both;
	HEIGHT: 1px;
	OVERFLOW: hidden;
}

/*\*/
* html .#container_title {
	HEIGHT: 1em;
	OVERFLOW: visible;
}
/**/

#sub_menu {
	BACKGROUND-COLOR: #ffffff;
}

/********************************************************************/
/* リンクメニュー                                                   */
/********************************************************************/

UL.link {
	CLEAR: both;
	TEXT-INDENT: 0px;
	MARGIN-LEFT: 10px;
	WIDTH: 560px;
}

.link LI {
	PADDING: 3px 0px 3px 0px;
	TEXT-ALIGN: left;
	WIDTH: 560px;
	FLOAT: left;
	BACKGROUND: url("../image/img_line.gif") bottom repeat-x;
}

.link .name {
	WIDTH: 200px;
	PADDING-LEFT: 15px;
	BACKGROUND: url("../image/img_triangle.gif") left no-repeat;
	FLOAT: left;
}

.link .info {
	WIDTH: 330px;
	FLOAT: right;
}

/********************************************************************/
/* ヘッダーアイコン                                                  */
/********************************************************************/

#icon_l {
	WIDTH: 62px;
	HEIGHT: 19px;
	DISPLAY: block;
	FLOAT: left;
}

#icon_r {
	WIDTH: 62px;
	HEIGHT: 19px;
	DISPLAY: block;
	FLOAT: right;
}

#icon_b {
	WIDTH: 100%;
	HEIGHT: 50px;
	DISPLAY: block;
	CLEAR: both;
}

A#sitemap {
	WIDTH: 100%;
	HEIGHT: 100%;
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../image/img_icon_sitemap.gif);
}

A#mail {
	WIDTH: 100%;
	HEIGHT: 100%;
	DISPLAY: block;
	BACKGROUND-IMAGE: url(../image/img_icon_mail.gif);
}

#icon_wrap A:hover {
	COLOR: #000000;
	BACKGROUND-POSITION: 0 -19px;
}

#icon_wrap {
	WIDTH: 135px;
	HEIGHT: 70px;
	FLOAT: right;
	OVERFLOW: hidden;
}

#icon_wrap:after {
	CONTENT: "";
	DISPLAY: block;
	CLEAR: both;
	HEIGHT: 1px;
	OVERFLOW: hidden;
}

/*\*/
* html .icon_wrap {
	HEIGHT: 1em;
	OVERFLOW: visible;
}
/**/