/*@charset"shift_jis";*/

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


/* ------------------------------------------------------------ 
	 RESETTERER
------------------------------------------------------------ */
*
	{
	margin:0;
	padding:0;
	color:#666666;
	font-size:small;
	font-style:normal;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "Osaka", "lroSVbN";
	line-height:130%;
	text-decoration:none;
	}

/* ------------------------------------------------------------ 
	 BASE (HOW LOW CAN YOU GO?)
------------------------------------------------------------ */

.clear { clear:both; }

.clear1 { clear:both; width:0px; }

.clear2	{ clear: both; font-size: xx-small; }

#clear { clear:both; }	

.hide { display:none; }

.hometop { margin:0 0 20px;	padding-top:15px; text-align:right; }

#space { width:850px; height:35px; }

.space100 {	width:850px; height:100px; }
	
fieldset { border:none;	}

/**
 * helpnavi text
 */
.helpnavi
	{
	position: absolute;
	left:-9999px;
	width: 200px;
	}
.helpnavi a{ background: transparent; text-decoration: none;}

div#subnav .sr
	{
	position: absolute;
	left:-9999px;
	}

/**
 * html
 */
html {}


/**
 * body
 */
body
	{
	margin:0;
	padding:0;
	text-align:center;
	/*background: url(../img/common/bgborder.jpg) top center repeat-y;*/
	}
	
html[xmlns] body
	{
	margin:0;
	padding:0;
	text-align:center;
	}
	
/**
 * headlines go here
 */
h1
	{
	height:17px !important;
	position: absolute;
	top: 85px;
	left: 230px;
	text-align:left;
	line-height:17px !important;
	color: #777777;
	font-size: x-small;
	}/* for all browsers*/
html>body h1
	{
	font-size: x-small;
	}/* Opera6 *//* IE7 and other modern browsers */
head:first-child+body h1
	{
	font-size: x-small;
	}/* CSS filter for IE6 or lower (CSS for modern browsers) */
/** html h1
	{
	top: 18px;
	font-size: x-small;
	margin: 0;
	} IE6 or lower */

h2 {}
h3 {}
h4 {}
h5 {}
h6 {}


/**
 * hr
 */	
hr {display: none;}

/**
 * img
 */
img
	{
	display: block;
	border:none;
	}	
* html img
	{
	/**
	 * PNG Behavior
	 * 
	 * This behavior adds support for the most powerful raster graphic format available to Internet Explorer. 
	 * It is of course our all beloved PNG format I am talking about.
	 * This format can have an 8 bit alpha channel which allows the images to be semi transparent.
	 * Transparency allows images to have antialiased edges and this makes the images look more professional.
	 * 
	 * TODO:
	 * <style type="text/css">
	 * img { behavior: url("pngbehavior.htc"); }
	 * </style>
	 * 
	 * REMARKS:
	 * Notice that the behavior uses an image named "blank.gif".
	 * This image should be placed in the same directory
	 * as the web page using the behavior or otherwise you will have to modify the behavior file.
	 * 
	 * You should not apply other visual filters to the iamge with the PNG behavior
	 * because these other filters do not respect the alpha channels
	 * and the result will most likely not be satisfactory.
	 * 
	 * @link http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
	 */	
	/*behavior: url("../img/pngbehavior/pngbehavior.htc");!important*/
	}
	
/**
 * ul,ol
 */	
ul, ol { list-style:none; }


/* ------------------------------------------------------------ 
	 LINK COLORS
------------------------------------------------------------ */

a:link, a:visited, a:active { color:#666666; text-decoration:none; }
a:hover { color:#0000CC; text-decoration:underline; }


/* ------------------------------------------------------------ 
	 wrapper
------------------------------------------------------------ */

div#wrapper
	{
	/*background:url(../img/common/bggimg.jpg) top left repeat-x;*/
	/*background:url(../img/common/bggimg.jpg) top center no-repeat;*/
	background: #ffffff;

	/**
	 * IE6 or lower
	 * Whole parts of a web page is LEFT/CENTER JUSTIFIED if it gets this property set to left/center.
	 */
	text-align: center !important;
	}

/* END Initiali Settings */


/* ------------------------------------------------------------ 
	 HEAD
------------------------------------------------------------ */

div#header
	{
	/**
	 * Firefox
	 * div#header is LEFT/CENTER JUSTIFIED if it has this property set to 0 0/0 auto.
	 */
	margin: 0 auto;

	position: relative;
	width: 950px;
	/*background: transparent url(../img/common/headerbgi.jpg) 10px 10px repeat-x;*/
	/*padding-top: 230px;*/
	/*height: 150px;*/
	/*padding-top: 150px;*/
	margin-bottom: 0px;
	}
div#header a
	{
	display:block;
	color:#333;
	}
p#hImage
	{
	margin: 0;
	/*background: #333333;*/
	}


/* ------------------------------------------------------------ 
	 contents
------------------------------------------------------------ */

div#contents
	{
	/**
	 * Firefox
	 * div#contents is LEFT/CENTER JUSTIFIED if it has this property set to 0 0 10px/0px auto 10px.
	 */
	margin: 10px auto 10px;

	/*background: url(../img/common/contents_bgimg.gif) repeat-y;*/
	/*background: #ececec;*/
	width:950px;
	}

div#contents:after
	{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
div#contents
	{
	display:inline-table;
	}
/* Hides from IE-mac \*/
* html div#contents {height:1%;}
div#contents {display:block;}
/* End hide from IE-mac */


/* ------------------------------------------------------------ 
	 PAGE CONSTRUCTOR MAINCONTENT
------------------------------------------------------------ */

div#mainContent
	{
	padding-left: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	margin-top: 10px;
	float:right;
	text-align:left;
	/*width: 560px;*/
	line-height:180%;
	/*background: transparent url(../img/common/contents_bgimg.jpg) left top repeat-y;*/
	}

/* ------------------------------------------------------------ 
	 main
------------------------------------------------------------ */

div#main { margin: 0; }


/* ------------------------------------------------------------ 
	 mainText
------------------------------------------------------------ */

div#mainContent .mainText
	{
	width:545px;
	margin-left: 0px;
	/*background-color: #FFCC99;*/
	}
* html div#mainContent .mainText
	{
	padding-left: 0px;
	}
html[xmlns] div#mainContent .mainText
	{
	padding-left: 0px;
	}

/* ------------------------------------------------------------ 
	 PAGE CONSTRUCTOR LEFTY
------------------------------------------------------------ */

div#leftbar
	{
	float:left;
	position:relative;
	top:0px;
	margin: 0px 0 0 0;
	text-align:left;
	/*width:194px;*/
	background-color: #F6F6F6;
	}


/* ------------------------------------------------------------ 
	 PAGE CONSTRUCTOR RIGHTY
------------------------------------------------------------ */

div#rightbar
	{
	float:right;
	text-align: left;
	background-color: #FF9966;
	padding-right: 0px;
	}

/* ------------------------------------------------------------ 
	 FOOT
------------------------------------------------------------ */

div#footer
	{
	/**
	 * Firefox
	 * div#footer is LEFT/CENTER JUSTIFIED if it has this property set to 10px 0 0/10px auto 0.
	 */
	margin: 10px auto 0;

	position:relative;
	width: 950px;
	text-align: center;
	/*height:66px;*/
	/*background:transparent url(../img/common/footerbgi.jpg) repeat-x left top;*/
	background: #ffffff;
	}
div#footer ol li
	{
	display:inline;
	font-size:small;
	color:#0000DE;
	}/* IE6 */
div#footer ol li a
	{
	color: #0000DE;
	text-decoration: underline;
	}
	
html>body div#footer ol li{font-size:x-small;}/* Opera6 */
head:first-child+body div#footer ol li {font-size:small;}
ol#comNavi
	{
	margin:0px 0px 5px;
	padding-top:5px;
	padding-bottom:5px;
	}
* html ol#comNavi
		{
	padding-bottom:0px;
	}
div#footer ol li a{font-size:small;}/* IE6 */
html>body div#footer ol li a{font-size:x-small;}/* Opera6 */
head:first-child+body div#footer ol li a{font-size:small;}
div#footer p{color:#999;}
p#copyright, p#copyright a
	{
	font-size:x-small;
	margin-top:5px;
	}/* IE6 */
html>body p#copyright{font-size:xx-small;}/* Opera6 */
head:first-child+body p#copyright{font-size:x-small;}


/* ------------------------------------------------------------ 
	 footercap
------------------------------------------------------------ */

div#footercap
	{
	/**
	 * Firefox
	 * div#footer is LEFT/CENTER JUSTIFIED if it has this property set to 10px 0 0/10px auto 0.
	 */
	margin: 10px auto 0;
	text-align: center;
	height:63px;
	padding:0;
	/*background: #eaeaea url(../img/common/footercap_bgi.gif) top left repeat-x;*/
	}