/* 全体
==========================================================================================*/
/* レイアウト
===========================================*/
body,td {
	font			: 80% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}
body {
	line-height		: 1.2em;
	color			: #000000;
	text-align		: center;
	background		: url(../img/bg01.jpg) repeat-y top center;
}

.red {color: #cc0000; font-weight: bold;}
.fB {color: #0000ff;}
.fC {color: #cc0000;}
.fD {color: #cc0000;}
.fE {color: #003399;}

#main {
	text-align		: left;
	width			: 980px;
	padding			: 0 0;
	margin			: auto;
}
#contents {
	background		: #ffffff;
}
#left {
	float			: left;
	width			: 215px;
	margin-left		: 15px;
	/* 右コンテンツが回り込む場合 */
	clear			: left;
}
#right {
	float			: right;
	width			: 720px;
	margin-left		: 15px;
	margin-right	: 15px;
}

/* ヘッダー
===========================================*/
#header {
	background		: url(../img/header01.jpg) no-repeat top center;
	height			: 160px;
	text-align		: right;
}
#headernavi {
	text-align		: right;
	list-style		: none;	
}
#headernavi li {
	display			: inline;
	padding-right	: 10px;	
}

/* フッター
===========================================*/
#scroll {
	background		: url(../img/arrows.gif) no-repeat right;
	text-align		: right;
	margin-right	: 20px;
	padding-right	: 20px;
}
#footerhr {
	width			: 96%;
	text-align		: center;
	border			: #cccccc 1px solid;
}
#footer {
	margin-top		: 20px;
	padding-top		: 10px;
	clear			: both;
}
#footernavi {
	text-align		: center;
	list-style		: none;	
}
#footernavi li {
	display			: inline;
	padding-right	: 10px;	
}
address {
	font-style		: normal;
	text-align		: center;
}

/* リンク
===========================================*/
a {	
	color			: #0000cc;
	text-decoration	: underline;
}
a:hover {
	color			: #000000;
	text-decoration	: none;
}
a:focus { outline: none; }

/* その他
===========================================*/
img {
	border			: 0px; 
}
h1 {
	margin			: 0 0;
	padding			: 0 0;
}
h2,h3,h4,h5,h6 {
	margin			: 20 0 0 0;
	padding			: 0 0;
}
p {
	padding			: 0 10 0 10;
}
#recruit {
	text-align		: center;
}

/* ナビゲーション
===========================================*/
#navigation {
  float				: left;
  width				: 200px;
}
#navigation ul {
  margin			: 0 0 1em;
  padding			: 0;
  border-top		: 1px solid #cccccc;
  border-bottom		: 1px solid #cccccc;
  list-style		: none;
}
#navigation li {
  margin			: 0;
  padding			: 0;
  width				: 200px;
  height			: 49px;
  text-indent		: -9999px;
}
#navigation li a {
  text-decoration	: none;		/* ■Firefox等で線が表示されないようにする */
  display			: block;
  width				: 200px;
  height			: 49px;
}
#navigation li#home {
  background		: url(../img/navi01.gif) no-repeat 0 0;
}
#navigation li#about {
  background		: url(../img/navi01.gif) no-repeat 0 -49px;
}
#navigation li#staff {
  background		: url(../img/navi01.gif) no-repeat 0 -98px;
}
#navigation li#staffb {
  background		: url(../img/navi01.gif) no-repeat 0 -147px;
}
#navigation li#company {
  background		: url(../img/navi01.gif) no-repeat 0 -196px;
}
#navigation li#shop {
  background		: url(../img/navi01.gif) no-repeat 0 -245px;
}

/* 旧：ブログナビゲーション
===========================================
#navigation li#blog {
  background		: url(../img/navi01.gif) no-repeat 0 -245px;
}
#navigation li#blogb {
  background		: url(../img/navi01.gif) no-repeat 0 -294px;
}
#navigation li#blogc {
  background		: url(../img/navi01.gif) no-repeat 0 -343px;
}
*/



#navigation li#home a:hover {
  background		: url(../img/navi01.gif) no-repeat -200px 0px;
}
#navigation li#homeX {
  background		: url(../img/navi01.gif) no-repeat -200px 0px;
}

#navigation li#about a:hover {
  background		: url(../img/navi01.gif) no-repeat -200px -49px;
}
#navigation li#aboutX {
  background		: url(../img/navi01.gif) no-repeat -200px -49px;
}

#navigation li#staff a:hover {
  background		: url(../img/navi01.gif) no-repeat -200px -98px;
}
#navigation li#staffX {
  background		: url(../img/navi01.gif) no-repeat -200px -98px;
}

#navigation li#staffb a:hover {
  background		: url(../img/navi01.gif) no-repeat -200px -147px;
}
#navigation li#staffbX {
  background		: url(../img/navi01.gif) no-repeat -200px -147px;
}

#navigation li#company a:hover {
  background		: url(../img/navi01.gif) no-repeat -200px -196px;
}
#navigation li#companyX {
  background		: url(../img/navi01.gif) no-repeat -200px -196px;
}

#navigation li#shop a:hover {
  background		: url(../img/navi01.gif) no-repeat -200px -245px;
}
#navigation li#shopX {
  background		: url(../img/navi01.gif) no-repeat -200px -245px;
}


/* 旧：ブログナビゲーション
===========================================
#navigation li#blog a:hover {
  background		: url(../img/navi01.gif) no-repeat -200px -245px;
}

#navigation li#blogb a:hover {
  background		: url(../img/navi01.gif) no-repeat -200px -294px;
}

#navigation li#blogc a:hover {
  background		: url(../img/navi01.gif) no-repeat -200px -343px;
}
*/


#navigation address {
  margin			: 0;
  padding			: 1em 0 0 1px;
  border-top		: 1px solid #cccccc;
  font-style		: normal;
  font-size			: xx-small;
  text-transform	: uppercase;
  line-height		: 1.5;
  color				: #999999;
  background		: transparent;
}
#navigation div {
  margin			: 0.7em 0 0 5px;
}

/* ナビゲーション　バナー
===========================================*/
#banner {
  float				: left;
  width				: 200px;
}
#banner ul {
  margin			: 0 0 1em;
  padding			: 0;
  list-style		: none;
}
#banner li {
  margin			: 0;
  padding			: 0;
  width				: 200px;
  height			: 64px;
  text-indent		: -9999px;
}
#banner li a {
  text-decoration	: none;		/* ■Firefox等で線が表示されないようにする */
  display			: block;
  width				: 200px;
  height			: 64px;
}
#banner li#ba {
  background		: url(../img/banner01.gif) no-repeat 0 0;
}
#banner li#bb {
  background		: url(../img/banner01.gif) no-repeat 0 -64px;
}
#banner li#bc {
  background		: url(../img/banner01.gif) no-repeat 0 -128px;
}
#banner li#bd {
  background		: url(../img/banner01.gif) no-repeat 0 -192px;
}
#banner li#be {
  background		: url(../img/banner01.gif) no-repeat 0 -256px;
}




#banner li#ba a:hover {
  background		: url(../img/banner01.gif) no-repeat -200px 0px;
}
#banner li#bb a:hover {
  background		: url(../img/banner01.gif) no-repeat -200px -64px;
}
#banner li#bc a:hover {
  background		: url(../img/banner01.gif) no-repeat -200px -128px;
}
#banner li#bd a:hover {
  background		: url(../img/banner01.gif) no-repeat -200px -192px;
}
#banner li#be a:hover {
  background		: url(../img/banner01.gif) no-repeat -200px -256px;
}


#banner address {
  margin			: 0;
  padding			: 1em 0 0 1px;
  border-top		: 1px solid #cccccc;
  font-style		: normal;
  font-size			: xx-small;
  text-transform	: uppercase;
  line-height		: 1.5;
  color				: #999999;
  background		: transparent;
}
#banner div {
  margin			: 0.7em 0 0 5px;
}


/* 各ページ
==========================================================================================*/

/* 共通
===========================================*/
#set {
	margin			: 10 20 20 10;
	clear			: both;
}
#title {
	font-weight		: bold;
}
#con {
	margin-top		: 10px;
	margin-left		: 10px;
}
#copy {
	margin			: 0 0;
}
#pic {
	text-align		: center;
	margin-top		: 20px;
}

/* 研修生の声・卒業生の声
===========================================*/
#year {
	padding-top		: 5px;
}
#staff {
	background		: #ffffff;
	padding-top		: 20px;
}
#staffbtitle {
	padding			: 0px 0px;
	margin-top		: 10px;
}
#staffleft {
	float			: left;
	width			: 340px;
}
#staffright {
	float			: left;
	width			: 380px;
}

#staffleftX {
	float			: left;
	width			: 260px;
}
#staffrightX {
	float			: left;
	width			: 460px;
}

#staffname {
	font-size		: 200%;
	font-weight		: bold;
	color			: #cc3300;
	padding			: 10 0 20 0;
}

#tdt {
	width			: 100px;
	font-weight		: bold;
	vertical-align	: top;
}
#tdu {
	width			: 170px;
	font-weight		: bold;
	vertical-align	: top;
}

#staffline {
	color			: #CCCCCC;
	height			: 1px;
}

/* 会社概要
===========================================*/
#tacom {
	border-collapse	: collapse;
	margin			: 0 15 0 15;
	width			: 690px;
}
#tacomZ {
	border-collapse	: collapse;
	margin			: 0 15 0 15;
	width			: 690px;
	background		: url(../company/img/pic02.jpg) no-repeat top right;
}

#tdcom {
	border			: solid 1px #cccccc;
	padding			: 10px;
	width			: 100px;
	background		: #e6e6e6;
}
#tdcomb {
	border			: solid 1px #cccccc;
	padding			: 10px;
}

#tdlin {
	border			: solid 1px #cccccc;
	padding			: 10px;
	background		: #e6e6e6;
}
#tdlinb {
	border			: solid 1px #cccccc;
	padding			: 10px;
}



/* float解除 (IE5.5以上)
==========================================================================================*/
#scroll:after,#footer:after,#main:after,#contents:after,#header:after,#staff:after {
content				:".";
display				:block;
height				:0;
clear				:both;
visibility			:hidden;
}
* html #letter {
display				:inline-block;
}