@charset "utf-8";
/* CSS Document */

/*
* A Three column for mobile, fixed width template for Joomla 1.5
* @version 1.0.0
* @copyright (C) Copyright 2009-2010 by TSK. All rights reserved.
* @license http://www.etsk.jp/ Copyrighted Commercial Software
*/


/*-------------------------------------------------------------------*/
/*　トップメニュー	*/
/*-------------------------------------------------------------------*/

#top_menu {
	background:url(../image/menu_back.jpg) repeat-x left top;
}

#top_menu ul li {
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
	background-image:none;
}

/*　--------------------------------*/
/*　★	メニューフロート制御	★	*/
/*　--------------------------------*/

/*	初期位置設定 */
#top_menu .menu,
#top_menu .menu_top,
#top_menu #mainlevel
{
	display: block;
	position: relative;
}

/*	（全て）ﾘｽﾄのﾌﾛｰﾄ設定 */
#top_menu .menu li,
#top_menu .menu_top li,
#top_menu #mainlevel li
{
	display:block;
	position: relative;
	float:left;
}
/*	（全て）ﾘﾝｸはﾌﾞﾛｯｸに設定	*/
#top_menu .menu a,
#top_menu .menu_top a,
#top_menu #mainlevel a
{
	display: block;
}

/*	ｻﾌﾞﾒﾆｭｰは表示をしない	*/
#top_menu .menu ul,
#top_menu .menu_top ul,
#top_menu #mainlevel ul
{
	display: none;
	position: absolute;
}

/*	ｻﾌﾞﾒﾆｭｰを縦型に変更（IE) */
/* IE6/7 fix */
#top_menu .menu ul li,
#top_menu .menu_top ul li,
#top_menu #mainlevel ul li
{
	float: none;
}

/*　--------------------------------*/
/*　★	サブメニューの幅や位置	★	*/
/*　--------------------------------*/


/*	ｻﾌﾞﾒﾆｭｰの位置と横幅	*/
#top_menu .menu ul,
#top_menu .menu_top ul,
#top_menu #mainlevel ul
{
	top: 41px;
	width: 200px;
}
/*	ｻﾌﾞｻﾌﾞの位置	*/
#top_menu .menu ul ul,
#top_menu .menu_top ul ul,
#top_menu #mainlevel ul ul
{
	top: 0;
	left: 201px;
}

/*　--------------------------------*/
/*　★	メニューカラー属性など	★	*/
/*　--------------------------------*/

/*	メニューの高さ＆バック	*/ 
#top_menu .menu,
#top_menu .menu_top,
#top_menu #mainlevel
{
	margin-left:10px;
	background: url(../image/menu_back_a.jpg) repeat-x;
	height: 40px;
	border-left: 1px solid #FFF;	
}

/*	ﾘﾝｸ属性	*/ 
#top_menu .menu a,
#top_menu .menu_top a,
#top_menu #mainlevel a
{
	padding-top:02px;
	line-height: 38px;
	padding-right:18px;
	padding-left:18px;
	text-align: center;
	font-weight:bold;
	border-right: 1px solid #FFF;
}

/*	ﾏｳｽON時のﾊﾞｯｸ設定（①）	*/ 
/*	*:hoverにすると文字のﾏｳｽON時のﾊﾞｯｸ設定（IE6ではliに対してのﾊﾞｯｸ設定）	*/ 
/*
#top_menu .menu a:hover,
#top_menu .menu a:hover,
#top_menu #mainlevel a:hover
{
	background-color: #F00;
	background:url(../image/manu_back_a_hover.jpg) repeat-x;
	font-weight: bold;
}
*/
/*	ﾘｽﾄのｻﾌﾞﾒﾆｭｰ表示時のﾊﾞｯｸ設定（ﾏｳｽOFFの時）（IE6を除く）	*/ 
#top_menu .menu li.hover a,
#top_menu .menu_top li.hover a,
#top_menu #mainlevel li.hover a
{
	background-color: #FF0;
	background:url(../image/manu_back_a_hover.jpg) repeat-x;
}
/*	ｻﾌﾞﾒﾆｭｰのﾏｳｽOFF時のﾊﾞｯｸ設定	*/ 
#top_menu .menu ul li a,
#top_menu .menu_top ul li a,
#top_menu #mainlevel ul li a
{
	/*
	background-color: #FC6;
	background:url(../image/manu_back_a_hover.jpg) repeat-x;
	*/
}
/*	ｻﾌﾞﾒﾆｭｰのﾏｳｽON時のﾊﾞｯｸ設定（IE6は①が優先される）	*/ 
#top_menu .menu ul a.hover,
#top_menu .menu_top ul a.hover,
#top_menu #mainlevel ul a.hover
{
	/*
	background-color: #3F6;
	*/
	background: url(../image/menu_back_a.jpg) repeat-x;
}
/*	ｻﾌﾞﾒﾆｭｰのﾘﾝｸのﾊﾞｯｸ設定（特に必要なし）	*/ 
/*
#top_menu .menu ul a,
#top_menu .menu_top ul a,
#top_menu #mainlevel ul a
{
	background-color: #C0F;	
	border-bottom: 1px solid white;
	border-right: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
*/
/*
#top_menu .menu  ul a,
#top_menu .menu_top  ul a,
#top_menu #mainlevel ul a
{
	border-bottom: none;
}
*/




/*	横型　*/
#top_menu td a {
	text-align: center;
	padding-left:1em;
	padding-right:1em;
	font-weight:bold;
	line-height: 40px;
}

#top_menu td a:hover {
	font-weight: bold;
}

/*-------------------------------------------------------------------*/
/*　左右のメニュー	*/
/*-------------------------------------------------------------------*/

div.module .menu,
div.module_menu .menu,
div.module_01 .menu,
div.module_02 .menu

{
	display: block;
	margin-right: 40px;
}

div.module .menu li,
div.module_menu .menu li,
div.module_01 .menu li,
div.module_02 .menu li
{
	display: block;
}

div.module .menu li a,
div.module_menu .menu li a,
div.module_01 .menu li a,
div.module_02 .menu li a
{
	display: block;
	line-height: 2.5em;
	font-weight: bold;
	overflow: hidden;
	height: 30px;

	padding-left:1em;
}

div.module .menu li a:hover,
div.module_menu .menu li a:hover,
div.module_01 .menu li a:hover,
div.module_02 .menu li a:hover
{
	background: url(../image/sidemenu_back_a.jpg) repeat-x left;
}

div.module .menu ul,
div.module_menu .menu ul,
div.module_01 .menu ul,
div.module_02 .menu ul
{
	display: none;
}
div.module .menu li li,
div.module_menu .menu li li,
div.module_01 .menu li li,
div.module_02 .menu li li
{
	margin-left:1em;
}

/*
div.module .menu ul a,
div.module_menu .menu ul a,
div.module_01 .menu ul a,
div.module_02 .menu ul a
{
	padding-left:2em;
}
div.module .menu ul ul a,
div.module_menu .menu ul ul a,
div.module_01 .menu ul ul a,
div.module_02 .menu ul ul a
{
	padding-left:4em;
}
div.module .menu ul ul ul a,
div.module_menu .menu ul ul ul a,
div.module_01 .menu ul ul ul a,
div.module_02 .menu ul ul ul a
{
	padding-left:8em;
}
*/

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

#footer_menu {
	background:url(../image/menu_back.jpg) repeat-x left top;
}
#footer_menu ul li {
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:0;
	background-image:none;
}
/*　--------------------------------*/
/*　★	メニューフロート制御	★	*/
/*　--------------------------------*/

/*	初期位置設定 */
#footer_menu .menu,
#footer_menu .menu_footer,
#footer_menu #mainlevel
{
	display: block;
	position: relative;
}

/*	（全て）ﾘｽﾄのﾌﾛｰﾄ設定 */
#footer_menu .menu li,
#footer_menu .menu_footer li,
#footer_menu #mainlevel li
{
	display:block;
	position: relative;
	float:left;
}

/*	中央揃いの場合 */
/*
#footer_menu .menu li,
#footer_menu .menu_footer li,
#footer_menu #mainlevel li
{
	display:block;
	position: relative;
	display:inline;
	float:none;
}
#footer_menu .menu ul li,
#footer_menu .menu_footer ul li,
#footer_menu #mainlevel ul li
{
	display:block;
	position: relative;
	float:left;
}
*/

/*	（全て）ﾘﾝｸはﾌﾞﾛｯｸに設定	*/
#footer_menu .menu ul a,
#footer_menu .menu_footer ul a,
#footer_menu #mainlevel ul a
{
	display: block;
}

/*	ｻﾌﾞﾒﾆｭｰは表示をしない	*/
#footer_menu .menu ul,
#footer_menu .menu_footer ul,
#footer_menu #mainlevel ul
{
	display: none;
	position: absolute;
}

/*	ｻﾌﾞﾒﾆｭｰを縦型に変更（IE) */
/* IE6/7 fix */
#footer_menu .menu ul li,
#footer_menu .menu_footer ul li,
#footer_menu #mainlevel ul li
{
	float: none;
}


/*　--------------------------------*/
/*　★	サブメニューの幅や位置	★	*/
/*　--------------------------------*/


/*	ｻﾌﾞﾒﾆｭｰの位置と横幅	*/
#footer_menu .menu ul,
#footer_menu .menu_footer ul,
#footer_menu #mainlevel ul
{
	width: 200px;
	bottom:21px;
	left:0px;
}
/*	ｻﾌﾞｻﾌﾞの位置	*/
#footer_menu .menu ul ul,
#footer_menu .menu_footer ul ul,
#footer_menu #mainlevel ul ul
{
	bottom: 0;
	left: 201px;
}

/*　--------------------------------*/
/*　★	メニューカラー属性など	★	*/
/*　--------------------------------*/

/*	メニューの高さ＆バック	*/ 
#footer_menu .menu,
#footer_menu .menu_footer,
#footer_menu #mainlevel
{
	background-color:#00F;
	background: url(../image/menu_back_a.jpg) repeat-x;	
	height: 20px;
	margin-left:30px;	
}
#footer_menu .menu li,
#footer_menu .menu_footer li,
#footer_menu #mainlevel li
{
	border-left: 1px solid #FFF;	
}

/*	ﾘﾝｸ属性	*/ 
#footer_menu .menu a,
#footer_menu .menu_footer a,
#footer_menu #mainlevel a
{
	padding-top:00px;
	line-height: 20px;
	padding-right:18px;
	padding-left:18px;
	text-align: center;
	border-right: 1px solid #FFF;
}

/*	ﾏｳｽON時のﾊﾞｯｸ設定（①）	*/ 
/*	*:hoverにすると文字のﾏｳｽON時のﾊﾞｯｸ設定（IE6ではliに対してのﾊﾞｯｸ設定）	*/ 
/*
#footer_menu .menu a:hover,
#footer_menu .menu a:hover,
#footer_menu #mainlevel a:hover
{
	background-color: #F00;
	background:url(../image/manu_back_a_hover.jpg) repeat-x;
	font-weight: bold;
}
*/
/*	ﾘｽﾄのｻﾌﾞﾒﾆｭｰ表示時のﾊﾞｯｸ設定（ﾏｳｽOFFの時）（IE6を除く）	*/ 
#footer_menu .menu li.hover a,
#footer_menu .menu_footer li.hover a,
#footer_menu #mainlevel li.hover a
{
	background-color: #FF0;
	background:url(../image/manu_back_a_hover.jpg) repeat-x;
}
/*	ｻﾌﾞﾒﾆｭｰのﾏｳｽOFF時のﾊﾞｯｸ設定	*/ 
#footer_menu .menu ul li a,
#footer_menu .menu_footer ul li a,
#footer_menu #mainlevel ul li a
{
	/*
	background-color: #FC6;
	background:url(../image/manu_back_a_hover.jpg) repeat-x;
	*/
}
/*	ｻﾌﾞﾒﾆｭｰのﾏｳｽON時のﾊﾞｯｸ設定（IE6は①が優先される）	*/ 
#footer_menu .menu ul a.hover,
#footer_menu .menu_footer ul a.hover,
#footer_menu #mainlevel ul a.hover
{
	/*
	background-color: #3F6;
	*/
	background: url(../image/menu_back_a.jpg) repeat-x;
}
/*	ｻﾌﾞﾒﾆｭｰのﾘﾝｸのﾊﾞｯｸ設定（特に必要なし）	*/ 
/*
#footer_menu .menu ul a,
#footer_menu .menu_footer ul a,
#footer_menu #mainlevel ul a
{
	background-color: #C0F;	
	border-bottom: 1px solid white;
	border-right: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
*/
/*
#footer_menu .menu  ul a,
#footer_menu .menu_footer  ul a,
#footer_menu #mainlevel ul a
{
	border-bottom: none;
}
*/



/*	横型　*/
#footer_menu td a {
	text-align: center;
	padding-left:1em;
	padding-right:1em;
	font-weight:bold;
	line-height: 40px;
}

#footer_menu td a:hover {
	font-weight: bold;
}