/*@charset"shift_jis";*/

/**
 * base.css
 *
 * @copyright		Copyright (c) 2007, Yashuhiro Sota
 * @version			1.0.2
 * @author			Yashuhiro Sota
 */

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

html{}

/* ------------------------------------------------------------ 
	 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:100%; height:35px; }
.space100 { width:100%; height:100px; }
fieldset { border:none; }
object { float: left; margin: 0; padding: 0; }
.helpnavi { position: absolute; left:-9999px; width: 200px; }
.helpnavi a{ background: transparent; text-decoration: none;}
div#subnav .sr { position: absolute; left:-9999px; }

body {
	margin:0;
	padding:0;
	text-align:center;
	/*background: url(../../img/common/bgborder.jpg) top center repeat-y;*/
	/*background: url(../../img/personal/common/bggimg.jpg) top center repeat-x;*/
	background-color: #ffffff;
}
	
html[xmlns] body {
	margin:0;
	padding:0;
	text-align:center;
}
	
h1 {
	height:17px !important;
	position: absolute;
	top: 15px;
	left: 15px;
	text-align:left;
	line-height:17px !important;
	color: #ffffff;
	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 {
	font-size: x-small;
	margin: 0;
	} /* IE6 or lower */
	
hr {display: none;}
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{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/personal/common/bgborder.gif) top center repeat-y;*/
	/*background: none;*/
	/*background-color: #ffffff;*/
	width: 482px;
	border: 1px solid #cccccc;
	margin-right: auto;
	margin-left: auto;

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

/* ------------------------------------------------------------ 
	 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: 860px;*/
	/*background: transparent url(../../img/common/headerbgi.jpg) 0px 0px repeat-x;*/
	/*background: #FFCC99;*/
	padding-top: 38px;
	/*height: 290px;*/
}

div#header a {
	display:block;
	color:#333;
}
p#hImage {
	margin: 0 auto;
	/*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: 0 auto 0;

	/*background: url(../img/common/contents_bgimg.gif) repeat-y;*/
	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: 0px auto 0;

	position:relative;
	width: 950px;
	text-align: center;
	height: 66px;
	/*background:transparent url(../../img/common/footerbgi.jpg) repeat-x left top;*/
	/*background: #99CCFF;*/
}

div#footer ol li {
	display:inline;
	font-size:small;
	color:#4286F5;
}/* IE6 */

div#footer ol li a { color:#4286F5; }
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:10px;
}

* 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;
	font-family: "Trebuchet MS", Lucida Sans Unicode, Arial;
	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: 0px auto 0;
	text-align: left;
	height: 0px;
	padding: 0;
	/*background: #eaeaea url(../../img/common/footercap_bgi.gif) top left repeat-x;*/
	background: #ffffff url(../../img/common/footercap_bgi.gif) bottom center no-repeat;
}