@charset "utf-8";

/*********************************************************************
File Name:	sample.css
File Info:	CSS
Author:		WEB DESIGN LAB
		http://www.webdlab.com/
Last Modified:	10.01.2009
*********************************************************************/

/*--------------------------------------------------------------------
Base
--------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;

}

body {
	width: 100%;
	height: 100%;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	line-height: 0.2;
	font-family: sans-serif;
	margin: 0;
	padding: 0;

}

img {
	border: none;
}

.header {
	width: 100%;
	height: 20px;
	text-align: right;

}

.header p {
	padding: 0 5px 0 0;
}

a{/*リンクされた文字*/
    color:#ffff99;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
    color:#ffff99;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#ffff99;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}



/*--------------------------------------------------------------------
Sample
--------------------------------------------------------------------*/

.sample {
	width: 100%;
	text-align: center;
}

.tab {
	width: 946px;
	text-align: center;
	margin: 1px auto 40px auto;
}

/*tab wrapper*/
.tabwrap {
	width: 946px;
	margin: 0;
	padding: 0;
}

/*tabhead*/
.tabhead {
	margin: 0;
	padding: 0;
}

/*each tab*/
#tabA,
#tabB,
#tabC,
#tabD,
#tabE,
#tabF,
#tabG,
#tabH,
#tabI,
#tabJ,
#tabK,
#tabL,
#tabM,
#tabN,
#tabO,
#tabE,
#tabP,
#tabQ,
#tabR,
#tabS,
#tabT,
#tabU,
#tabV {




	float: left;
	width: 43px;
	height: 22px;
	margin: 0;
	padding: 0;
}

#tabA {
	background: url(img/th1.gif) no-repeat top left;
}

#tabB {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabC {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabD {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabE {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabF {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabG {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabH {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabI {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabJ {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabK {
	background: url(img/th1_2.gif) no-repeat top left;
}


#tabL {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabM {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabN {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabO {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabP {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabQ {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabR {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabS {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabT {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabU {
	background: url(img/th1_2.gif) no-repeat top left;
}

#tabV {
	background: url(img/th1_2.gif) no-repeat top left;
}


.tabhead a img,
.tabhead a:link img {
	border: none;
}

.tabhead a,
.tabhead a:link {
	display: block;
	width: 43px;
	height: 22px;
	text-align: center;
	color: #ffff99;
	font-size: 12px;
	line-height: 2.0;
	font-family: sans-serif;
	text-decoration: none;
	outline: none;
}

.tabhead a:visited {
	color: #f111111;
	text-decoration: none;
}

.tabhead a:hover,
.tabhead a:active {
	color: #f8e406;
	text-decoration: none;
}

/*tabbody*/
.tabbody {
font-size:200%;
	margin: 0;
	padding: 2px;
}

/*tabbody2*/
.tabbody2 {
font-size:80%;
	margin: 0;
	padding: 0;
}

* html .tabbody {/*IE6*/
	margin-top: -2px;
}

/*each body*/
#tab1,
#tab2,
#tab3,
#tab4,
#tab5,
#tab6,
#tab7,
#tab8,
#tab9,
#tab10,
#tab11,
#tab12,
#tab13,
#tab14,
#tab15,
#tab16,
#tab17,
#tab18,
#tab19,
#tab20,
#tab21,
#tab22 {


	clear: left;
	width: 944px;
	height: 26px;
}

* html #tab1,* html #tab2,* html #tab3,* html #tab4,* html #tab5,* html #tab6,* html #tab7,* html #tab8,* html #tab9,* html #tab10,* html #tab11,* html #tab12,* html #tab13,* html #tab14,* html #tab15,* html #tab16,* html #tab17,* html #tab18,* html #tab19,* html #tab20,* html #tab21,* html #tab22 {/*IE6*/
	width: 946px;
}

#tab1 {
	display: block;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab2 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab3 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab4 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab5 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab6 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab7 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab8 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab9 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab10 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab11 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab12 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab13 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab14 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab15 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab16 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab17 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab18 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab19 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab20 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab21 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

#tab22 {
	display: none;
	border-right: 0px solid #bac7d7;
	border-bottom: 0px solid #9fb7d4;
	border-left: 0px solid #9fb7d4;
}

/*each tabbody content*/
#tab1 p,
#tab2 p,
#tab3 p,
#tab4 p,
#tab5 p,
#tab6 p,
#tab7 p,
#tab8 p,
#tab9 p,
#tab10 p,
#tab11 p,
#tab12 p,
#tab13 p,
#tab14 p,
#tab15 p,
#tab16 p,
#tab17 p,
#tab18 p,
#tab19 p,
#tab20 p,
#tab21 p,
#tab22 p {


	margin: 0;
	padding: 10px;
}