@charset "utf-8";

/* --------------------------------

	* Default Style Sheet {


		* last update 2011/04/15
		* author : katapad;
		* modify : nz;
	
	}
	
--------------------------------

	* Contents
	
	1. Universal Selector 
	2. Structure Module
	3. List Module
	4. Tables Module
	5. Image Module
	6. Text + Presentation Module
	7. Forms Module
	8. accessibility
	
	
--------------------------------- */



/* ==========================================================================================================

	 1. Universal Selector
 
============================================================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	/*background-color	: transparent;*/
	margin				: 0;
	padding				: 0;
	font-size			: 100.01%;
	font-style			: normal;
}


/* ==========================================================================================================

	 2. Structure Module
 
============================================================================================================*/

html {
	overflow-y		: scroll; /* for FireFox scrollbar */
	height			: 100%;
}

body {
	background-color: #FFFFFF;
	height			: 100%;
	font-size		: 12px;
	font-family		: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color			: #999;
	letter-spacing	: 2px;
	line-height		: 1.4;
}


/* ==========================================================================================================

	  3. List Module

============================================================================================================*/

ul {
	list-style	: none;
}

dt {
	display	: block;
	width	: auto;
}

/* ==========================================================================================================

	  4. Tables Module

============================================================================================================*/

table {
	border			: none;
	border-collapse	: collapse;
	border-spacing	: 0;
	font-size		: 100%;
}

td, 
th { /* セルの規定値をmiddleからtopに変更 */
	vertical-align	: top;
}

th {
	font-weight		: normal ;
	text-align		: left ;
}

caption {
	text-align		: left;
}

/* ==========================================================================================================

	  5. Image Module

============================================================================================================*/
/*  イメージをボックス上に接させる。
	safariでおかしくなるのでtopをdefault。場合によりbottomにすることも
-----------------------------------*/
img { 
	background-color	: transparent;
	vertical-align		: top;
}

a img {
	border	: none;
}

/* ==========================================================================================================

	  6. Text + Presentation Module

============================================================================================================*/

/*  ------------------------------------------------------------------

	Text(inline) + Presentation Module

---------------------------------------------------------------------*/
em {
	font-style: normal;
}

br {
	letter-spacing	: normal;
}

hr {
	height			: 1px;
}


/* ==========================================================================================================

	7. Forms Module + Replaced Elemnt

============================================================================================================*/
input, 
textarea, 
select, 
option, 
optgroup {
	vertical-align		: middle;
	background-color	: #FFF;
	font				: 99%/1.6 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

/* ie6 hack IEでinputの大きさを超えるline-heightを入れるとfocus時にずれる問題*/
* html input {
	line-height: 1.0;
	height: 1.6em;
}

/* ie7 hack */
*:first-child+html input {
	line-height: 1.0;
}

/* IE7でinput（置換要素）がズームされない問題を解決 */
input {
	zoom: 1;
}
/* ie7 hack IE7でlabelがズームされない問題 */
*:first-child+html label {
	zoom: 1;
}
select {
	min-width		: 2em;
}
option, 
optgroup {
	padding-right	: 0.4em;
	color: inherit; /* for Opera(Operaは継承してくれない)*/
}

/*  input & label & option mousePointer
-----------------------------------*/
label[for], 
input[type="checkbox"], 
input[type="radio"], 
input[type="button"], 
input[type="image"], 
input[type="reset"], 
input[type="submit"], 
select, 
option {
	cursor	: pointer;
}

optgroup {
	cursor	: default;
}





#tab {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0em;
	/*border-bottom: 2px solid #333;*/
/*	height: 30px;*/
	overflow: hidden;
}
#tab li {
	float: left;
	width: 200px;
	height: 25px;
	margin-right:10px;
}
#tab li a {
	display: block;
	width: ;
	height: 25px;
	border: 1px solid #D4D3D3;
	border-bottom: 0;
	
	color: #777;
	text-align: center;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	background:#ccc;
}
#tab li a:hover,
#tab li a.active {
	border-color: #D4D3D3;
	color: #334F68;
	background:#fff;

}