/*@charset"shift_jis";*/

/**
 * element.css
 *
 * CakePHP :  Wing Corporation <http://www.wing-co.jp/>
 * Copyright (c)	2007, Wing Corporation
 *								1179-1 Shiroeda, Izumo
 *								Shimane 693-0006, Japan
 *
 *
 * @filesource		element.css
 * @copyright		Copyright (c) 2007, Wing Corporation
 * @link			http://www.wing-co.jp/
 * @version			0.0.1
 * @modifiedby		Yashuhiro Sota
 * @lastmodified	2007-06-26
 */
 


 
/* ------------------------------------------------------------ 
	PAGINATION
------------------------------------------------------------ */

div.pagi_container
	{
	width: 460px;
	margin-bottom: 10px;
	background: #fafafa;
	border: solid 1px #cccccc;
	}

div.pagi_text
	{
	padding: 7px;
	margin: 2px;
	background: #ffffff;
	border: dotted 1px #cccccc;
	text-align: center;
	}




/* ------------------------------------------------------------ 
	LOGO
------------------------------------------------------------ */
div#header p#logo
	{
	position: absolute;
	top: 20px;
	left: 15px;
	z-index: 65;
	}

div#header p#ad_header
	{
	position:absolute;
	top: 20px;
	left: 470px;
	text-align:left;
	width: 468px;
	height: 60px;
	}

/* ------------------------------------------------------------ 
	google_ad
------------------------------------------------------------ */


div#header div#google_ad
	{
	position:absolute;
	top: 15px;
	left: 470px;
	text-align:left;
	width: 202px;
	height: 18px;
	}







/* ------------------------------------------------------------ 
	masthead
------------------------------------------------------------ */



div#header div#masthead
	{
	float: left;
	width: 950px;
	height: 25px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: transparent url(../../img/common/mastheadbgi.gif) top left repeat;
	text-align: left;
	text-indent: 10px;
	color: #ffffff;
	}

* html div#header div#masthead
	{
	float: none;
	}

div#header div#masthead li
	{
	float: left;
	color: #666666;
	margin-top: 4px;
	font-size: x-small;
	font-weight: bold;
	padding-left:12px;
	/*background:url(../../img/common/arw_brown.gif) no-repeat 0px 4px !important;*/
	letter-spacing:1px;
	}
div#header div#masthead li a
	{
	font-size: x-small;
	font-weight: bold;
	color: #666666;
	display:inline !important;
	}
div#header div#masthead li a:hover,
div#header div#masthead li a:focus
	{
	color:#0000CC;
	}



div#header div#masthead div.webSearch
	{
	float: right;
	padding-right: 150px;
	}

	div#header div#masthead div.webSearch div.dt
		{
		float:left;
		}

	div#header div#masthead div.webSearch div.dd div.submit
		{
		float: left;
		}
	
	div#header div#masthead div.webSearch div.dd div.option
		{
		float: left;
		padding-top: 4px;
		}
	
	div#header div#masthead div.webSearch div.dd div.option a
		{
		color: #000099;
		text-decoration: underline;
		}
	
	div#header div#masthead div.webSearch div.dd div.option a:hover
		{
		color: #50B0CF;
		text-decoration: none;
		}
	
/*	div#header div#masthead div.webSearch div.dd div.input
		{
		float: left;
		}
	
		div#header div#masthead div.webSearch div.submit
			{
			float: left;
			}
		
		div#header div#masthead div.webSearch input#FormSearch
			{
			width: 200px;
			}
*/


/* ------------------------------------------------------------ 
	searchother
------------------------------------------------------------ */


div#header div#searchother
	{
	margin: 0 auto;
	}





/* ------------------------------------------------------------ 
	USERS
------------------------------------------------------------ */

div#userInfo
	{
	background: #ffffcc;
	border-bottom: solid 1px #333333;
	}
	
div#userInfoArea
	{
	width: 770px;
	margin: 0 auto;
	background: #ffffcc;
	height: 2em;
	position: relative;
	}

div#userInfoArea p#loginName
	{
	position:absolute;
	top:5px;
	left:0px;
	text-align:left;
	color:#333333;
	font-weight: 700;
	}


/*div#userInfoArea div#usernav
	{
	position:absolute;
	top:5px;
	left:450px;
	text-align:left;
	}*/

div#userInfoArea div#usernav
	{
	float: right;
	margin-top: 5px;
	}

div#usernav li
	{
	float: left;
	margin-bottom:3px;
	margin-right:7px;
	padding-left:12px;
	/*background:url(../../img/admin/arw_brown.gif) no-repeat 0px 4px !important;*/
	letter-spacing:1px;
	}
div#usernav li a
	{
	display:inline !important;
	height:17px !important;
	line-height:17px !important;
	color:#333333;
	}
div#usernav li a:hover,
div#usernav li a:focus
	{
	color:#0000CC;
	}






/* ------------------------------------------------------------ 
	GLOBAL NAVIGATION
------------------------------------------------------------ */


div#header ol
	{
	margin: 0 auto;
	width: 850px;
	height: 40px;
	position: relative;
	}
div#header ol li
	{
	position: absolute;
	top: 0;
	/*text-align: center;*/
	background:transparent url(../../img/common/navbgi.png) no-repeat;
	}
div#header ol li, div#header a
	{
	display:block;
	color:#333;
	}

div#header ol li a
	{
	color:#000;
	font-weight:bold;
	padding: 11px 0 12px 0;
	text-indent: 25px;
	text-decoration:none;
	}

li#gn01 {left:0; width:90px;}
li#gn02 {left:90px; width:94px;}
li#gn03 {left:184px; width:104px;}
li#gn04 {left:288px; width:104px;}
li#gn05 {left:392px; width:125px;}
li#gn06 {left:517px; width:125px;}
li#gn07 {left:642px; width:104px;}
li#gn08 {left:746px; width:104px;}

/*li#gn01 a:link, li#gn01 a:visited {background:transparent url(../img/common/gnavi_bgi.gif) no-repeat 0px 0px;}
li#gn02 a:link, li#gn02 a:visited {background:transparent url(../img/common/gnavi_bgi.gif) no-repeat -90px 0px;}
li#gn03 a:link, li#gn03 a:visited {background:transparent url(../img/common/gnavi_bgi.gif) no-repeat -184px 0px;}
li#gn04 a:link, li#gn04 a:visited {background:transparent url(../img/common/gnavi_bgi.gif) no-repeat -288px 0px;}
li#gn05 a:link, li#gn05 a:visited {background:transparent url(../img/common/gnavi_bgi.gif) no-repeat -392px 0px;}
li#gn06 a:link, li#gn06 a:visited {background:transparent url(../img/common/gnavi_bgi.gif) no-repeat -517px 0px;}
li#gn07 a:link, li#gn07 a:visited {background:transparent url(../img/common/gnavi_bgi.gif) no-repeat -642px 0px;}
li#gn08 a:link, li#gn08 a:visited {background:transparent url(../img/common/gnavi_bgi.gif) no-repeat -746px 0px;}*/


li#gn01 a:hover, li#gn01 a:focus {background:transparent url(../img/common/navbgi_on.png) no-repeat; color:#fff; text-decoration:none;}
li#gn02 a:hover, li#gn02 a:focus {background:transparent url(../img/common/navbgi_on.png) no-repeat; color:#fff; text-decoration:none;}
li#gn03 a:hover, li#gn03 a:focus {background:transparent url(../img/common/navbgi_on.png) no-repeat; color:#fff; text-decoration:none;}
li#gn04 a:hover, li#gn04 a:focus {background:transparent url(../img/common/navbgi_on.png) no-repeat; color:#fff; text-decoration:none;}
li#gn05 a:hover, li#gn05 a:focus {background:transparent url(../img/common/navbgi_on.png) no-repeat; color:#fff; text-decoration:none;}
li#gn06 a:hover, li#gn06 a:focus {background:transparent url(../img/common/navbgi_on.png) no-repeat; color:#fff; text-decoration:none;}
li#gn07 a:hover, li#gn07 a:focus {background:transparent url(../img/common/navbgi_on.png) no-repeat; color:#fff; text-decoration:none;}
li#gn08 a:hover, li#gn08 a:focus {background:transparent url(../img/common/navbgi_on.png) no-repeat; color:#fff; text-decoration:none;}



















	
/* new icon
************************************************/
span.new
	{
	margin-top:-30px;
	padding: 0px 0.2em 0.1em 0.4em;
	font: 75% "Verdana",Arial,sans-serif;
	margin-left: 5px;
	color: #ffffff;
	text-decoration:none;
	background-color:#FF6600;
	}
* html span.new
	{
	font: 70% "Verdana",Arial,sans-serif;
	}




/* subnav
************************************************/
/*div#header div#subnav
	{
	width:290px;
	height:24px;
	position:absolute;
	top:13px;
	left:500px;
	text-align:left;
	}
div#subnav li
	{
	float: left;
	margin-bottom:3px;
	margin-right:7px;
	padding-left:12px;
	background:url(../img/common/arw_brown.gif) no-repeat 0px 4px !important;
	letter-spacing:1px;
	}
div#subnav li a
	{
	display:inline !important;
	height:17px !important;
	line-height:17px !important;
	}
div#subnav li a:hover,
div#subnav li a:focus
	{
	color:#0000CC;
	}*/


/* breadcrumbs
************************************************/
div#breadcrumbs
	{
	margin: 0px auto; /*IE6 Center with css positioning */
	/* margin: 0; IE6 Left with css positioning */
	text-align: left;
	width:770px;
	background: #333333;
	color: #ffffff;
	text-indent: 15px;
	padding: 2px 0 0 0; 
	}
div#breadcrumbs a
	{
	color: #ffffff;
	}
* html div#breadcrumbs
	{
	padding: 1px 0 2px 0; 
	}



/* mainTitle
************************************************/
/*h2.mainTitle
	{
	font-size:large;
	font-weight:normal;
	width:505px;
	padding-bottom:4px;
	background-color: #FFCCFF;
	}
* html h2.mainTitle
	{
	top:0px;
	padding-left: 0px;
	}
html[xmlns] h2.mainTitle
	{
	top:0px;
	padding-left: 0px;
	}*/

/* localNavContainer
************************************************/
div#localNavContainer
	{
	position: relative;
	width: 170px !important;
	top: 0px;
	text-align:left;
	/*background:url(../img/common/globalNavi_top.png) 20px 0 no-repeat;*/
	}
html[xmlns] div#localNavContainer
	{
	padding-left:0px;
	padding-top: 4px;
	}
* html div#localNavContainer
	{
	padding-left:0px;
	padding-top: 4px;
	}
	
div#localNavContent
	{
	background: none;
	}
div#localNavContent p
	{
	padding-bottom: 15px;
	padding-right: 1px;
	}
	
div#localNavContent ul
	{
	width: 171px !important;
	list-style-type:none;
	margin:0px;
	padding-left: 0px;
	}

div#localNavContent ul li
	{
	background:url(../img/common/dotbar.gif) repeat-x bottom;
	width: 171px !important;
	padding-bottom:0px;
	background-color: #ffffff;
	}
	
	

/* localNavContent
************************************************/
div#localNavContent ul li#navTitle
	{
	/*background-color: none;*/
	}
div#localNavContent ul li#navTitle a
	{
	display: block;
	width: 147px !important;
	padding-top: 10px;
	padding-bottom: 9px;
	padding-left: 25px;
	text-decoration: none;
	color: #ffffff;
	background: url(../img/common/navTitle.png) no-repeat 0px 0px;
	}
* html div#localNavContent ul li#navTitle a
	{
	width: 147px !important;
	}
html[xmlns] div#localNavContent ul li#navTitle a
	{
	width: 147px !important;
	}
	
div#localNavContent ul li#navTitle a:hover
	{
	width: 147px !important;
	background:url(../img/common/navTitle_on.png) no-repeat 0px 0px;
	}
* html div#localNavContent ul li#navTitle a:hover
	{
	width: 147px !important;
	}
html[xmlns] div#localNavContent ul li#navTitle a:hover
	{
	width: 147px !important;
	}

	
/*localNavContent navList*/	
div#localNavContent ul li.navList a
	{
	display:block;
	width: 140px !important;
	padding-top: 11px;
	padding-bottom: 9px;
	padding-left: 30px;
	text-decoration: none;
	background: url(../img/common/submenu_arrow.png) no-repeat 5px 8px;
	/*background-color:none;*/
	border-right: solid 1px #D6D6D6;
	border-left: solid 1px #D6D6D6;
	}
* html div#localNavContent ul li.navList a
	{
	width: 140px !important;
	}
html[xmlns] div#localNavContent ul li.navList a
	{
	width: 140px !important;
	}
		
div#localNavContent ul li.navList a:hover
	{
	width: 140px !important;
	background: url(../img/common/submenu_arrow_on.png) no-repeat 5px 8px;
	background-color: #EDE8DB;
	}
* html div#localNavContent ul li.navList a:hover
	{
	width: 140px !important;
	}
html[xmlns] div#localNavContent ul li.navList a:hover
	{
	width: 140px !important;
	}
		
div#endcap
	{
	background:url(../img/common/subnavi_endcap.jpg) no-repeat;
	padding-bottom:5px;
	background-color:#F9F6EE;
	}
div#leftbar div.endcap
	{
	background:url(../img/common/subnavi_endcap.jpg) no-repeat;
	padding-bottom:5px;
	background-color:#F9F6EE;
	}


/* ------------------------------------------------------------ 
	BANNER AREA
------------------------------------------------------------ */

div#bannerArea
	{
	padding:15px;
	}
div#bannerArea p
	{
	padding-bottom: 10px;
	}



/* ------------------------------------------------------------ 
	LOCAL NAV MENU
------------------------------------------------------------ */

div#localNavMenu
	{
	width:208px;
	/*background:url(../img/common/mobile.gif) no-repeat 0px 10px;*/
	background-color:#F9F6EE;
	position: relative;
	padding-bottom: 121px;
	border-right: solid 1px #FF7F00;
	border-left: solid 1px #FF7F00;	
	}
div#localNavMenu ul
	{
	width:171px;
	list-style-type:none;
	margin-bottom:0px;
	padding-left:1px;
	padding-top:1px;
	background:url(../img/common/submenu_mid.gif) repeat-y;
	}
div#localNavMenu ul li
	{
	background:url(../img/common/dotbar.gif) repeat-x bottom;
	width:160px;
	padding-bottom:1px;
	}
div#localNavMenu ul li a
	{
	display:block;
	width:160px;
	text-decoration: none;
	padding-bottom:1px;
	padding-top:6px;
	padding-bottom:5px;
	padding-left:25px;
	background:url(../img/common/submenu_arrow.gif) no-repeat 8px 8px;
	}
* html div#localNavMenu ul li a
	{
	width:160px;
	}
html[xmlns] div#localNavMenu ul li a
	{
	width:160px;
	}
div#localNavMenu ul li a:hover
	{
	background:url(../img/common/submenu_arrow_on.gif) no-repeat 8px 8px;
	background-color:#eeeeff;
	width:160px;
	}
* html div#localNavMenu ul li a:hover
	{
	width:160px;
	}
html[xmlns] div#localNavMenu ul li a:hover
	{
	width:160px;
	}