/*@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
 */
 

/* ------------------------------------------------------------ 
	 STAR RATING
------------------------------------------------------------ */

.rating
	{
	cursor: pointer;
	margin:0pt 0px 0pt 0px;
	}

.ratingPos
	{
	float: left;
	width: 200px;/*case of longitudinal, do 20px*/
	}
	
.rating:after
	{
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
	}
	
.cancel,
.star
	{
	float: left;
	width: 17px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
	text-align: left;
	}

.cancel a,
.star a
	{
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
	}

.cancel,
.cancel a {background: url(../../../../img/searches/ratings/help.png) no-repeat 0 0px;}

.star,
.star a {background: url(../../../../img/searches/ratings/star.gif) no-repeat 0 0px;}

div.rating div.on a
	{
	background-position: 0 -16px;
	}

div.rating div.hover a,
div.rating div a:hover
	{
	background-position: 0 -32px;
	}


/* ------------------------------------------------------------ 
	 searchesBox
------------------------------------------------------------ */


div.nc
	{
	background:transparent url(../../../img/searches/common/nb.gif) repeat-x scroll left bottom;
	height:40px;
	margin:0px 0px 0px 0px;
	}

div#searchBox
	{
	float: left;
	width: 950px;
	margin-bottom: 10px;
	background:transparent url(../../../img/searches/common/sb.gif) repeat-x scroll left top;
	}

	div#searchBox div#srch_wrapper
		{
		background: #ffffff;
		margin: 3px 3px 0 3px;
		border-top: solid 1px #DCECF0;
		border-right: solid 1px #DCECF0;
		border-bottom: none;
		border-left: solid 1px #DCECF0;
		}


	div#searchBox div.topcap
		{
		clear:both;
		/*background: transparent url(../../../img/searches/searchesBox_01.jpg) left top no-repeat;*/
		padding-top: 0px;
		font-size: 9px;
		}

	div#searchBox div.innerBox
		{
		float:left;
		padding: 0 0 1em 240px;
		}

	div#searchBox div.innerBox .flash_message
		{
		color: #257FBD;
		font-weight: 700;
		padding: 1em 0 0 0;
		}
	
		div#searchBox div.innerBox div.searchInputBox
			{
			float: left;
			padding: 0 0 0 0;
			/*background: #f1f1f1;*/
			}
			
			div#searchBox div.searchInputBox div.dl
				{
				float: left;
				padding: 10px 0;
				}
			
			div#searchBox div.searchInputBox div.dt
				{
				float:left;
				margin-right: 5px;
				}

				div.searchInputBox div.dt span.input
					{
					float: left;
					border: solid 2px #F5CF71;
					}

				div.searchInputBox div.dt input
					{
					width: 22em;
					padding: 0.3em 0.3em 0.1em 0.3em;
					font-size: medium;
					font-weight: 700;
					color: #666666;
					margin-right: 0px;
					border-top: solid 2px #888989;
					border-right: solid 2px #DDDDDD;
					border-bottom: solid 2px #DDDDDD;
					border-left: solid 2px #888989;
					}
				* html div.searchInputBox div.dt input
					{
					height: 19px;
					}


	
			div#searchBox div.searchInputBox div.dd
				{
				float: left;
				padding: 0 0 0 0;
				}

				div#searchBox div.searchInputBox div.dd input.btnSearch
					{
					float: left;
					margin: 0.1em 0 0 0;
					}
						
				div#searchBox div.searchInputBox div.dd span#advanced
					{
					float: left;
					padding: 0.7em 0 0 0.7em;
					}

					div#searchBox div.searchInputBox div.dd span#advanced a
						{
						font-size: x-small;
						text-decoration: underline;
						}


	
		div#searchBox p.footermsg
			{
			float: right;
			font-weight: 400;
			padding-top: 0.5em;
			}
	
			div#searchBox p.footermsg a
				{
				color: #397BD2;
				font-weight: 400;
				}
			
	div#searchBox div.endcap
		{
		clear:both;
		/*background:transparent url(../../../img/searches/searchesBox_03.jpg) no-repeat left bottom;*/
		font-size: 9px;
		}



 
/* ------------------------------------------------------------ 
	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
------------------------------------------------------------ */
p#logo
	{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 30;
	}


/* ------------------------------------------------------------ 
	LOGO
------------------------------------------------------------ */


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




/* ------------------------------------------------------------ 
	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;
			}
*/


/* ------------------------------------------------------------ 
	NAV BAR
------------------------------------------------------------ */

div#navbar
	{
	background: #F1F1F1;
	border-bottom: solid 1px #999999;
	}
	
div#navBox
	{
	width: 780px;
	margin: 0 auto;
	/*background: #ffffcc;*/
	height: 2em;
	position: relative;
	}

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


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

div#navBox div#nav
	{
	float: right;
	margin-top: 5px;
	}

div#navBox div#nav 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#navBox div#nav li a
	{
	display:inline !important;
	height:17px !important;
	line-height:17px !important;
	color:#333333;
	}
div#navBox div#nav li a:hover,
div#navBox div#nav li a:focus
	{
	color:#0000CC;
	}


/* ------------------------------------------------------------ 
	USER INFO
------------------------------------------------------------ */

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;
	}


/* ------------------------------------------------------------ 
	CSS 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;
	}