body{
   font:13px/1.231 arial,helvetica,clean,sans-serif;
   *font-size:small;*font:x-small;
}

#default{
	background:url('img/toppage-bg.png') repeat-x top left;
	padding:0;
	margin:0;
	text-align:center;
	background-color: #A59D6E;
}
#page{
	background:#C9E09F;
	width:950px;
	margin:0 auto;
	background-color: #BBC480;
}

/*** top menu ***/
#menu{
width:950px;
border-collapse:collapse;
font-size:12px;
font-weight:bold;
color:#fff;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#menu a{
color:#fff;
text-decoration:none;
width:100%;
}
#menu a:hover{
	color:#F90;
}
#menu td{
	border:1px solid #E4E2D2;
	background:#000 url('img/menu-bg.png') repeat top left;
	padding:6px 3px;
	text-align:center;
	border-top-width: 0px;
}

/*** main ***/
#main{
width:950px;
padding:10px 0 10px 0;
font-size:100%;
}

/*** title ***/
#title-image{
	border:1px solid #E4E2D2;
	width:950px;
	height:160px;
	background:url('img/toppage-title-bg.png') no-repeat left top;
}
#title-image h1{
color:#fff;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
text-align:right;
padding:4px 15px;
margin:0;
}

/*** center ***/
#center{
	width:650px;
	float:left;
	padding:0 0 10px 0;
}
#center a{
	color:#036;
}
#center a:hover{
	color:#F90;
}

/*** right ***/
#right{
width:300px;
float:right;
margin:0;
padding:0px 0px 10px 0px;
}

/*---------- Top page Read Image ----------*/
#toppage-read {
	width:620px;
	height:400px;
	background:url('img/toppage-read.png') no-repeat left top;
	border:5px solid #E4E2D2;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	margin:0px 0px 0px 10px;
}
/*---------- Top page Information Area ----------*/
#toppage-info{
	width:620px;
	border:5px solid #E4E2D2;
  	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	background-color:#E4E3D2;
	margin:10px 0px 0px 10px;
	text-align:left;
}
#toppage-organization{
	width:620px;
	border:5px solid #E4E2D2;
  	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	background:#E4E2D2;
	margin:10px 0px 0px 10px;
	padding:4px 0 4px 0;
	text-align:right;
	font-size:11px;
}
/*---------- Top page Topix Box ----------*/
.topixbox{
	border:5px solid #E4E2D2;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	background:#229999;
	margin:0px 10px 10px 10px;
}



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

text box 

----------*/
.txtbox{
	border:8px solid #E4E2D2;
  	border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px; /* Safari,Chrome */
	background:#fff;
	margin:10px 10px 10px 10px;
	padding:20px 20px 20px 20px;
	text-align:left;
}
.txtbox p,table{
	font-weight:normal;
	text-align:left;
	color:#222;
	font-size:100%;
	line-height:1.5;
}
.txtbox table.blue{
	background:#B8D5D9;
	margin:0px 0px 0px 20px;
	padding:10px;
}
.txtbox th.blue {
	color:#036;
	font-weight:bold;
	border-bottom:1px solid #036;
}
.txtbox td.blue {
}
.txtbox table.ivory{
	background:#E4E2D2;
	margin:0px 0px 0px 20px;
	padding:10px;
}
.txtbox th.ivory {
	color:#C60;
	font-weight:bold;
	border-bottom:1px solid #C60;
}
.txtbox td.ivory {
}


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

text box 2

----------*/
.txtbox2{
	border:2px solid #fff;
  	border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px; /* Safari,Chrome */
	background:#E4E2D2;
	margin:10px 10px 10px 10px;
	padding:20px 20px 20px 20px;
	text-align:left;
}
/*****

 subbox changed profile table. This will be delete later.

******/
.subbox{
	border:1px solid #963;
	background:#E4E2D2;
	margin:4px 4px 4px 4px;
	padding:6px 6px 6px 6px;
	font-weight:normal;
	text-align:left;
	color:#222;
	font-size:93%;
	line-height:1.5;
}



/*** page top ***/
#pagetop{
text-align:right;
color:#000;
}
#pagetop a{
color:#000;
}

/*** copyright ***/
#copyright{
clear:both;
color:#fff;
font-size:12px;
padding: 10px;
}

/**********

   table 

**********/
table {
	border:0px solid #fff;	
	color:#222;
	font-size:100%;
}

/*****
 WS Schedule
*****/
table#ws-schedule {
	border:1px solid #E4E3D2;
	border-collapse: collapse;
}
table#ws-schedule td{
	border:1px solid #E4E3D2;	
	font-size:11px;
	padding: 0.4em;
	color:#222;
	line-height: 130%;
	background-color:#FFF;
}


/*****
 information
*****/
table#information {
	border:1px solid #E4E3D2;
	border-collapse: collapse;
}
table#information td{
	border:1px solid #E4E3D2;	
	font-size:11px;
	padding: 0.4em;
	color:#222;
	line-height: 120%;
	background-color:#FFF;
}

/*****
 WS others >> used WS others page.
*****/
table.ws-others {
	border:1px solid #E4E3D2;
	border-collapse: collapse;
}
table.ws-others td{
	border:1px solid #E4E3D2;	
	font-size:12px;
	padding: 0.4em;
	color:#222;
	line-height: 120%;
	background-color:#FFF;
}

/*****
 schedule  >> used WS page.
*****/
table.schedule {
	border:1px solid #E4E3D2;
	border-collapse: collapse;
}
table.schedule th{
	border:1px solid #E4E3D2;	
	font-size:11px;
	padding: 0.2em;
	color:#693;
	line-height: 120%;
	background-color:#FFF;
	text-align:center;
	font-weight:normal;
}
table.schedule td{
	border:1px solid #E4E3D2;	
	font-size:12px;
	padding: 0.4em;
	color:#222;
	line-height: 120%;
	background-color:#FFF;
}
table.schedule td.close {
	font-size:12px;
	color:#666;
	text-align:center;
}
table.schedule td.alive {
	font-size:12px;
	color:#F60;
	text-align:center;
}
table.schedule td.basic {
	font-size:12px;
	background-color:#fff;
	color:#C66;
	text-align:center;
	font-weight:bold;
}
table.schedule td.skillup {
	font-size:12px;
	background-color:#fff;
	color:#099;
	text-align:center;
	font-weight:bold;
}

/*****
 profile
*****/
table#profile {
	border:1px solid #E4E3D2;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}
table#profile td.img{
	border:0px solid #E4E3D2;	
	padding: 0;
	margin: 0;
	color:#222;
	background-color:#FFF;
}
table#profile td.text{
	border:0px solid #E4E3D2;	
	font-size:12px;
	padding: 0.6em;
	margin: 0;
	color:#222;
	line-height: 140%;
	background-color:#FFF;
}

/***
   linklist
***/
table#linklist {
}
table#linklist td{
	font-size:12px;
	padding-left:16px;
	color:#222;
	line-height: 130%;
}
table#linklist a{
	font-size:13px;
	color:#060;
	line-height: 160%;
}
table#linklist a:hover{
	color:#F60;
}

/***
   reforence
***/
table#reforence td{
	font-size:12px;
	padding-left:16px;
	padding-bottom:20px;
	color:#222;
	line-height: 130%;
}
table#reforence .title {
	font-size:13px;
	color:#060;
	font-weight:bold;
}



/*** text ***/
.txtDefault {
	font-size: 93%;
	color:#111;
	line-height: 160%;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.txtNote {
	font-size:12px;
	color:#111;
	line-height: 130%;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.txtNotice {
	font-size:12px;
	color:#C00;
	line-height: 130%;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.txtSubtitle {
	font-size: 131%;
	color:#111;
	font-weight:normal;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.txtDefaultSerif {
	font-size: 93%;
	color:#111;
	line-height: 160%;
	font-weight:normal;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


/*-------------- LP More page ---------------*/
.txtLpMoreSubTitle {
	border:1px solid #696;
  	border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px; /* Safari,Chrome */
	background:#696;
	color:#FFF;
	margin:10px 10px 4px 10px;
	padding:8px 8px 8px 8px;
	text-align:left;
	font-weight:bold;
}

.txtLpMore {
	border:1px solid #9C9;
  	border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px; /* Safari,Chrome */
	background:#fff;
	margin:4px 10px 10px 10px;
	padding:10px 20px 10px 20px;
	font-size:13px;
	text-align:left;
	line-height:1.5;
}

.txt-lp-navi {
	border:2px solid #FC3;
	border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px; /* Safari,Chrome */
	color: #333;
}
a.txt-lp-navi {
	padding:10px;
	text-decoration:none;
	font-size:13px;
	color:#333;
}
a.txt-lp-navi:hover {
	color: #FFF;
	text-decoration:none;
	background-color:#FC3;
}

.txt-lp-page-no {
	color:#222;
	font-size:12px;
}
.txt-lp-page-no-select {
	color:#F90;
	font-size:12px;
}
a.txt-lp-page-no {
	color:#222;
	text-decoration:none;
}
a.txt-lp-page-no:hover {	
	text-decoration:none;
	background-color:#F90;
	color:#FFF;
}


/*-------------- h2 PageTitle  --------------*/
h2#about-us,
h2#about-lp,
h2#contact-us,
h2#ws,
h2#training,
h2#link,
h2#reference{
	padding:0;
	margin-bottom:10px;
	width:700px;
	height:100px;
}
h2#about-us {
	background-image: url(/img/h2-about-us.jpg);
	background-repeat: no-repeat;
}
h2#about-lp {
	background-image: url(/img/h2-about-lp.jpg);
	background-repeat: no-repeat;
}
h2#ws {
	background-image: url(/img/h2-ws.jpg);
	background-repeat: no-repeat;
}
h2#training {
	background-image: url(/img/h2-training.jpg);
	background-repeat: no-repeat;
}
h2#contact-us {
	background-image: url(/img/h2-contact-us.jpg);
	background-repeat: no-repeat;
}
h2#link {
	background-image: url(/img/h2-link.jpg);
	background-repeat: no-repeat;
}
h2#reference {
	background-image: url(/img/h2-reference.jpg);
	background-repeat: no-repeat;
}

/*-------------- h3 PageTitle  --------------*/
h3.about-us,
h3.about-lp,
h3.contact-us,
h3.ws,
h3.members,
h3.training,
h3#link {
	padding:0;
	margin-bottom:10px;
	
	border:1px solid #B8D5D9;
  	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	background:#B8D5D9;
	color:#036;
	padding:8px 8px 8px 8px;
	text-align:left;
	font-weight:bold;
}

h4.ws {
	font-size: 16px;
	border-bottom:2px solid #B8D5D9;
	color:#036;
	padding:4px 4px 4px 4px;
	text-align:left;
	font-weight:bold;
}



/*******/
.txtPinkBold {
	color:#C66;
	font-weight: bold;
}
.txtGreenBold {
	color:#696;
	font-weight: bold;
}
.txtOrangeBold {
	color:#C63;
	font-weight: bold;
}

.txtGreenBoldLine {
	color:#696;
	font-weight: bold;
	text-decoration:underline;
}


.txt20pxPinkBold {
	font-size: 20px;
	color:#C66;
	line-height: 140%;
	font-weight: bold;
}
.txt20pxBlueBold {
	font-size: 20px;
	color:#039;
	line-height: 140%;
	font-weight: 200;
}
.txt16pxGreenBold {
	font-size: 16px;
	color:#696;
	line-height: 140%;
	font-weight: bold;
}
.txt16pxOrangeBold {
	font-size: 16px;
	color:#C63;
	line-height: 140%;
	font-weight: bold;
}
.txtRed {
	color:#C00;
}