/* CSS Documen
t */
.clr {
	clear: both;
}

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}


a:link, a:visited, a:active {
	text-decoration: none;
	color: #3366cc;
}

a:hover {
	text-decoration: none;
	color: #3366cc;
}

body {
	background: url(/assets/images/grade-gray1.jpg) repeat-x center top fixed;
}

body{
	margin: 0;
	text-align: center;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #333;
}

#wrap {
	margin: 0 auto;
	text-align: left;
	width: 850px;
	background-color: #fff;
}

#pagebody {
	margin: 0 auto;
	width: 850px;
/*	height: 100%; */
	background-color: #fff;
}


/*--------------------------------------------------------
トップベースの設定
--------------------------------------------------------*/
#contents {
	margin: auto 0;
	padding: 0;
	width: 850px;
	background-color: #fff;
	clear: both;
	background-position : left top;
	background: url(/assets/images/main_bg.gif) repeat-y center top fixed;
}

#right {
	border-left: 1px solid #D9D9D9;
	width: 648px;
	float: right;
	background-color: #fff;
}


div#header {
	margin: 0;
	padding: 0;
	height: 52px;
	background-color: #000;
	background-repeat: repeat-x;
	background: url(/assets/images/header_bg.gif); 
}

div#subheader {
	text-align:right;
}



#tomimg h2 {
	font-size: 8px;
	text-indent: -9999px;
}


#newstitle1 {
        width:600px; height:65px;
	background-color: #fff;
	margin: 0;
	padding-top: 5px;
}

#newstitle1 h3 {
	font-size: 8px;
	text-indent: -9999px;
}

.newstitle1_b1 {
	background: url(/assets/images/title_news.gif) no-repeat;
        width:600px; height:65px;
	margin:0; padding:0;
        display:block;
}


#newslist {
	padding-top: 5px;
	padding-left:10px;
	width: 530px;
	float: left;
}

.newstext {
	width: 580px;
	text-align: justify;
	text-justify:distribute;
	font-size: 10pt;
	line-height: 1.6em;
	vertical-align:top;
}

#topBOX {
	width: 600px;
	padding-left:20px;
	background-color: #fff;
}

#newsbtm {
        width:600px;
	height:20px;
	background-color: #232323;
	text-align: right;
}

div#navi p{
	margin: 5px 0 0 5px;
	font-size: 8.5pt;
	line-height: 14pt;
}

h1{
	font-size:11px;
	color: #333;
}

/*--------------------------------------------------------
左メニューの設定
--------------------------------------------------------*/
#left {
	width: 198px;
	float: left;
	border-left: 1px solid #D9D9D9;
	background-color: #fff;
}


#logo {
	width: 198px;
	height:159px;
}

ul#SideMenu {
	clear:both;
	padding:0;
	margin:0;
	width: 200px;
	list-style:none;
	text-align:left;
}

#SideMenu li {
	text-indent:-9999px;
	font-size:10px;
	line-height:10px;
}

#SideMenu li#remenu1 a{
	background:url(/assets/images/menu.gif) no-repeat; 
	width: 198px;
	height:45px;
	display:block;
	color:#666;
	text-decoration:none;
}
#SideMenu li#remenu1 a:hover{
	background:url(/assets/images/menu.gif) no-repeat -198px 0; 
}

#SideMenu li#remenu2 a{
	background:url(/assets/images/menu.gif) no-repeat 0 -45px; 
	width: 198px;
	height:45px;
	display:block;
	color:#666;
	text-decoration:none;
}
#SideMenu li#remenu2 a:hover{
	background:url(/assets/images/menu.gif) no-repeat -198px -45px; 
}

#SideMenu li#remenu3 a{
	background:url(/assets/images/menu.gif) no-repeat 0 -90px; 
	width: 198px;
	height:45px;
	display:block;
	color:#666;
	text-decoration:none;
}
#SideMenu li#remenu3 a:hover{
	background:url(/assets/images/menu.gif) no-repeat -198px -90px; 
}

#SideMenu li#remenu4 a{
	background:url(/assets/images/menu.gif) no-repeat 0 -135px; 
	width: 198px;
	height:45px;
	display:block;
	color:#666;
	text-decoration:none;
}
#SideMenu li#remenu4 a:hover{
	background:url(/assets/images/menu.gif) no-repeat -198px -135px; 
}

#SideMenu li#remenu5 a{
	background:url(/assets/images/menu.gif) no-repeat 0 -180px; 
	width: 198px;
	height:45px;
	display:block;
	color:#666;
	text-decoration:none;
}
#SideMenu li#remenu5 a:hover{
	background:url(/assets/images/menu.gif) no-repeat -198px -180px; 
}

#SideMenu li#remenu6 a{
	background:url(/assets/images/menu.gif) no-repeat 0 -225px; 
	width: 198px;
	height:45px;
	display:block;
	color:#666;
	text-decoration:none;
}
#SideMenu li#remenu6 a:hover{
	background:url(/assets/images/menu.gif) no-repeat -198px -225px; 
}

#SideMenu li#remenu7 a{
	background:url(/assets/images/menu.gif) no-repeat 0 -270px; 
	width: 198px;
	height:45px;
	display:block;
	color:#666;
	text-decoration:none;
}
#SideMenu li#remenu7 a:hover{
	background:url(/assets/images/menu.gif) no-repeat -198px -270px; 
}

#banner {
	padding-top:10px;
	text-align:center;
	background-color: #F7F7F7;
}

/*--------------------------------------------------------
フッターメニューの設定
--------------------------------------------------------*/

#footer2 {
	border-top: 2px solid #333;
	clear: both;
	background-color: #000;
	clear: both;
	text-align: left;
	height: 60px;
	width: 850px;
	margin: 0 auto;
	font-size: 11px;
}

#footnavi li {
	padding-top: 2px;
	padding-left:5px;
	display: inline;
}

#footright {
	width: 300px;
	float: right;
}

#footleft {
	width: 450px;
	float: left;
}

div#footer2 #footnavi { color: #fff; }
div#footer2 #footnavi a:link{ color: #fff; }
div#footer2 #footnavi a:visited{ color: #fff; }
div#footer2 #footnavi a:hover{ color: #0033cc; }




/*--------------------------------------------------------
代表紹介ページの設定
--------------------------------------------------------*/

#titletext {
	margin-top: 30px;
	margin-right: 0pt;
	margin-bottom: 10px;
	margin-left: 0pt;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	font-size: 120%;
	font-weight: bold;
	color: #05183e;
}


.f01 {
	padding-left: 10px;
	padding-right: 10px;
	width: 570px;
	text-align: justify;
	text-justify:distribute;
	font-size: 12px;
	line-height: 1.8em;
	color: #333;
}

.TextBox {
	margin: auto 0;
	padding: 0;
	width: 570px;
	background-position : left top;
	background-color: #fff;
	clear: both;
}

.Textleft {
	padding:10px;
	width: 380px;
	float: left;
	text-align: justify;
	text-justify:distribute;
	font-size: 12px;
	line-height: 1.8em;
	background-color: #fff;
}

.Textright {
	float: right;
	width: 160px;
	float: right;
	background-color: #fff;
}


/*--------------------------------------------------------
トレーナー紹介の設定
--------------------------------------------------------*/

#wrapper{
width: 500px;
margin: 0 auto;
}



.box{
background: #fff;
}

.boxholder{
clear: both;
padding: 5px;
background: #999;
}

.tab{
float: left;
height: 32px;
width: 102px;
margin: 0 1px 0 0;
text-align: center;
background: #2E4DB7 url(/assets/images/greentab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}


.tabtitle {
margin: 0;
padding: 5px;
line-height: 1.5em;
text-align: justify;
border: 1px solid #ccc;
color:#05183e;
}


.tabledown
	{
	font-size: 12px;
	line-height: 1.5em;
	width:490px;
	background-color: #fff;
	border-top:1px solid #cecece;
	border-right:1px solid #cecece;
	}

table.tabledown td
	{
	padding:5px 7px;
	vertical-align:top;
	border-left:1px solid #cecece;
	border-bottom:1px solid #cecece;
	}

.tdbg2 {
	text-align:center;
	background-color: #F1F6FC;
}

.tdfile {
	vertical-align :middle;
	text-align: center;
}

/*--------------------------------------------------------
お問い合わせの設定
--------------------------------------------------------*/

.red {
	color:#ff3333;
	font-size: 12px;
}

table.History3
	{
	width:530px;
	font-size: 12px;
	line-height: 2em;
	}

table.History3 td
	{
	padding:7px 10px;
	line-height:2;
	border-bottom:1px dotted #cecece;
	vertical-align:top;
	}

#leftbox1 {
	padding-left: 10px;
}

/*--------------------------------------------------------
ニュース&リリースの設定
--------------------------------------------------------*/

#rss h4#rss_title{
	margin:10px 0;
	border-left:5px solid #304DB5;
	background-color:#f5f5f5;
	padding:7px;
	text-indent:0.3em;
	font-size:1em;
	line-height:1.4em;
}

#rss p.rss_ti{
	line-height:1.5em;
	text-indent:1em;
	font-weight:bold;
	padding-left:1em;
	background-color:#ddeeee;
	padding:3px;
}

#rss_textbox{
	margin-bottom:20px;
	padding:15px 1em 15px 1em;
	border:1px solid #ccc;
}

#rss p.rss_text{
	margin-bottom:10px;
	padding:10px 1em 5px 1em;
	border-bottom:1px solid #ccc;
}

/*--------------------------------------------------------
リンクの設定
--------------------------------------------------------*/

table.History4
	{
	width:570px;
	line-height: 2em;
	}

table.History4 th
	{
	padding:7px 10px;
	font-size:13px;
	line-height:2;
	border-bottom:1px dotted #cecece;
	vertical-align:top;
	}

table.History4 td
	{
	padding:7px 10px;
	line-height:2;
	border-bottom:1px dotted #cecece;
	vertical-align:top;
	}


.f02 {
	padding-left: 10px;
	padding-right: 10px;
	width: 600px;
	text-align: justify;
	font-size: 14px;
	line-height: 2em;
	color: #ff6600;
}

div#topBOX ul {
	padding-left: 20px;
}

div#topBOX ul {
	padding-left: 20px;
}

li {
	list-style-type: none;
}

div#topBOX li {
	list-style-type: disc;
}


table th,
table td {
	height: auto;
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 3px;
	padding-bottom: 5px;
	width: auto;
	border: 1px solid #999;
}



table {
    width: 100%;
	font-size:11px
}

.dotabletable {
    width: auto;
	}

table.dotable th {
	width: 250px;
	height: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	border: 0px;
	}
	
	
table.dotable td {
	height: auto;
	width: 250px;	
	font-size:12px;	
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	border: 0px;
}