/* 全体　共通
--------------------------------------------------------------------------------*/
#containar {
 width: 762px;
 background-color:#FFFFFF;
 color:#000000;
	margin: 0 auto;
}

/* リンク　共通
---------------------------------------------------- */

a:link	  {color: #0099FF; text-decoration: none;}
a:visited {color: #0099FF; text-decoration: none;}
a:active  {color: #0099FF; text-decoration: none;}
a:hover   {color: #FF6600; text-decoration: none;}


/* ヘッダー 共通
---------------------------------------------------- */
#header {
  padding-top: 0px;
  height: 136px;
  color: #FFFFFF;
}
#header #logo {
  position: absolute;
  padding: 0 0 0 0;
  width: 388px;
}

/* ヘッダーナビゲーション　共通
---------------------------------------------------- */
#navigation {
  position: relative;
  top: 20px;
  left: 388px;
  width: 374px;
  height: 100px;
  text-align:right;
}

#navigation ul {
  margin: 0 0 0;
  padding: 0;
  font-size: 10px;
  color: #000000;
  list-style: none;
}
#navigation li {
  margin: 0px;
  padding: 1px;
  width: 374px;
  display: inline;
}

#navigation li#large      {
  background : url(../images/text_large_off.gif) no-repeat;
}

#navigation li#medium      {
  background : url(../images/text_medium_off.gif) no-repeat;
}

#navigation li#small      {
  background : url(../images/text_small_on.gif) no-repeat;
}


#navigation hlink {
margin-top:40px ;
  padding: 1px 0 0 1px;
  font-style: normal;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1;
  color: #000000;
  background: transparent;
}

/* ヘッダーサイドナビゲーション　共通
---------------------------------------------------- */
#sidenavigation {
  float: left;
  width: 236px;
  border-top: 13px;
}
#sidenavigation ul {
  margin: 0 0 1em;
  padding: 0;
  padding-top: 35px;
  list-style: none;
}
#sidenavigation li {
  margin: 0;
  padding: 0;
  width: 238px;
  height: 45px;
}
#sidenavigation li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 238px;
  height: 45px;
}
#sidenavigation li#menu1      {
  background : url(../images/menu_1.jpg) no-repeat;
}
#sidenavigation li#menu2    {
  background : url(../images/menu_2.jpg) no-repeat;
}
#sidenavigation li#menu3  {
  background : url(../images/menu_3.jpg) no-repeat;
}
#sidenavigation li#menu4  {
  background : url(../images/menu_4.jpg) no-repeat;
}
#sidenavigation li#menu5  {
  background : url(../images/menu_5.jpg) no-repeat;
}
#sidenavigation li#menu1 a:hover    {
  background : url(../images/menu_1_over.jpg) no-repeat;
}
#sidenavigation li#menu2 a:hover  {
  background : url(../images/menu_2_over.jpg) no-repeat;
}
#sidenavigation li#menu3 a:hover {
  background : url(../images/menu_3_over.jpg) no-repeat;
}
#sidenavigation li#menu4 a:hover      {
  background : url(../images/menu_4_over.jpg) no-repeat;
}
#sidenavigation li#menu5 a:hover      {
  background : url(../images/menu_5_over.jpg) no-repeat;
}


/* トップページ
--------------------------------------------------------------------------------*/
#main {
  width: 762px;  padding: 0 0 0 0;
  color: #FFFFFF;
}

#mainleft {
  float: left;
  width: 524px;
  height:353px;
  padding: 0 0 0 0;
  background-image : url(../introduce/img_eria.jpg);
  color: #FFFFFF;
}

#mainrihgt {
  float: left;
  left: 524px;
  width: 238px;
  height:353px;
  padding: 0 0 0 0;
  color: #FFFFFF;
  background-image : url(../introduce/img_eria_2.jpg);
}

#mainbottom {
  width: 762px;
  height: auto;
  padding: 0 0 0 0;
  color: #FFFFFF;
}

#mainbottomleft {
  float: left;
  width: 524px;
  padding: 0 0 0 0;
  color: #FFFFFF;
}

#mainbottomleftnews {
  font-size:10px;
  width: 450px;
  padding: 0 0 0 0;
  padding-top: 20px;
  padding-left: 27px;
  padding-bottom: 0px;
  color: #000000;
}

#mainbottomleftnews ul {
    list-style: none;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
#mainbottomleftnews li {
  margin: 0;
  padding-bottom: 2px;
}

#mainbottomleft h1 img {
margin-left: 25px;
  vertical-align: top;
  text-align:center;
}

#mainbottomrihgt {
  float: left;
  left: 524px;
  width: 238px;
  padding: 0 0 0 0;
  color: #FFFFFF;
  display: block;
}


#mainbottomrihgt ul {
  margin: 0 0 1em;
  padding: 0;
  padding-top: 0;
  list-style: none;
}
#mainbottomrihgt li {
  margin: 0;
  padding-bottom: 5px;
  width: 238px;
}
#mainbottomrihgt li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 238px;
}


#main h1 {
  margin: 0;
  padding-bottom: 11px;
  border-bottom:1px solid #cccccc;
  font-size: small;
}
#main h1 img {
  vertical-align: bottom;
}
#main h2 {
  margin: 2em 0 0;
  font-size: x-small;
  font-weight: normal;
  color: #ff9900;
  background: transparent;
}
#main p {
  font-size: x-small;
  line-height: 1.6;
}
#main .lead p {
  font-size: small;
  line-height: 1.3;
  color: #3366ff;
  background: transparent;
}
#main h2+p {
  margin-top: 0.3em;
}


/* トップページ　左コンテンツ
--------------------------------------------------------------------------------*/
#indexLeft {
	width: 263px;
	float: left;
	padding: 0 0 0 0;
	padding-top: 0px;
}

#indexLeft ul {
 width: 208px;
	list-style-type: none;
	padding: 0 0 0 0;
}

#indexLeft li {
	width: 208px;
	height: 25px;
	padding: 0 0 0 0;
	padding-top: 8px;
}

/* トップページ　コンテンツ
--------------------------------------------------------------------------------*/
#indexMain {
	width: 726px;
	padding-top: 10px;
	float: left;

}

#navi {
  width: 762px;
  height: 51px;
}

#indexMainleft {
  float: left;
  width: 524px;
  height:353px;
  padding: 0 0 0 0;
  background-image : url(../introduce/img_eria.jpg);
  color: #FFFFFF;
}

#indexMainrihgt {
  float: left;
  left: 524px;
  width: 238px;
  height:353px;
  padding: 0 0 0 0;
  color: #FFFFFF;
  background-image : url(../introduce/img_eria_2.jpg);
}









/* 下層ページ　全体
---------------------------------------------------- */
#pagebody {
  width: 762px;
  padding-top: 0px;
  padding-bottom: 20px;
  margin: 0 0 0 0;
}

/* 下層ページ　メインコンテンツ
---------------------------------------------------- */
#content {
  float: left;
  width: 510px;
  height:auto;  padding: 4px 0 0 0;
}

#content2 {
	margin: 0 0 0 0;
	width: 762px;
　  height:auto;
}

#content h1 img {
  vertical-align: top;
  height:166px;
}

#content h2 {
  margin: 2em 0 0.3em;
  font-size: x-small;
  font-weight: normal;
  color: #ff9900;
  background: transparent;
}

#clients1 p, #clients2 p {
  margin: 0;
  line-height: 1.6;
  font-size: x-small;
}

#content .lead p {
  margin: 0;
  text-align: right;
  line-height: 1.4;
  font-size: small;
  color: #3366ff;
  background: transparent;
}


/* 下層ページ　サイドナビゲーション
---------------------------------------------------- */
#snavigation {
	float: right;
	width: 236px;
　  display: block;
    padding: 4px 0 0 0;
	padding-bottom: 20px;
}

#snavigation ul {
	width: 236px;
	list-style-type: none;
	padding: 0 0 0 0;
}

#snavigation li {
	width: 236px;
	padding: 0 0 0 0;
	padding-top: 0px;
}

/* 他共通
---------------------------------------------------- */


.font {
	font-size: 8px;
	color: #000000;
}

.font10 {
	font-size: 9px;
	color: #000000;}
.font11 {
	font-size: 10px;
	color: #000000;
}

.font12 {
	font-size: 11px;
	color: #666666;
}

.font12b {
	font-size: 11px;
	color: #000000;
}

.font12r {
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
}

.font12bl {
	font-size: 11px;
	color: #003399;
	font-weight: bold;
}

.font14 {
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

.font13 {
	font-size: 12px;
	color: #000000;
}

.font13b {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.font13bl {
	font-size: 12px;
	color: #336699;
}

.font13red {
	font-size: 12px;
	color: #D22020;
}

.font16 {
	font-size: 15px;
	color: #000000;
	font-weight: bold;
}

.fontb {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

#up {
	margin: 10px 0 0 670px;
	height:12px;
}

/* サイトマップ
--------------------------------------------------------------------------------*/

ul.tree{
	margin: 4px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	background-image : url(../introduce/bg_tree_01.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	font-size: 12px;
}
ul.tree li{
	margin: 0px;
	/* for Mozilla bug */
	margin-top: -0.02em;
	padding: 5px 0px 0px 28px;
	background-image : url(../introduce/bg_tree_02.gif);
	background-repeat: repeat-y;
	background-position: left center;
	font-size: 12px;
}
ul.tree li.lastItem{
	background-image : url(../introduce/bg_tree_03.gif);
	font-size: 12px;
}

/* フッター　共通
--------------------------------------------------------------------------------*/

#footer {
    width: 762px;
    padding: 20px 0 0 0;
	background-color:#FFFFFF;
}

#footer ul {
  margin: 0;
  padding: 0px;
  list-style: none;
  text-align: left;
  font-size: 9px;
}

#footer li {
  display: inline;
  padding-left: 0;
  padding-top: 0;
  font-size: 10px;
}

/* 下層ページ　メイン画像090309
---------------------------------------------------- */
#mainImg {
	position:relative;
	width:521px;
	height:174px;
}

#mainImg p {
	position:absolute;
	left:32px;
	top:152px;
	font-size:64%;
	font-weight:bold;
}

:root #mainImg p {
	position:absolute;
	left:32px;
	top:142px;
	font-size:64%;
	font-weight:bold;
}

/* 下層ページ　メイン画像090409
---------------------------------------------------- */

#allSpace {
	position:relative;
	width:521px;
	height:407px;
}

#allSpace p {
	position:absolute;
	left:23px;
	top:275px;
	font-size:63%;
	color:#666;
	font-weight:bold;
}


/* 下層ページ　メイン画像090623
---------------------------------------------------- */

#title {
	position:relative;
	width:521px;
	height:202px;
	margin-bottom:15px;
}


#title p {
	position:absolute;
	top:130px;
	left:14px;
	font-size:75%;
	line-height:1.6;
	font-weight:bold;
	padding-left:18px;
	border-left:6px solid #e10025;
}

#title p span {font-size:150%;}