/* ---このページはintroductionへのカラー--- */
body    {
	line-height: 1.8;
	color:   #222;
	text-align:   justify;
	background: #ffe4c4 url(../tab_image/introduction_bg.gif) repeat-y 0 0;
	font-family:   Meiryo, "メイリオ", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "平成角ゴシック", "ＭＳ Ｐゴシック",  "MS P Gothic", Arial, Helvetica, SunSans-Regular; }

* html body    {
	color:   #222;
	color:   #000000;
	text-align:   justify;
	background: #ffe4c4 url(../tab_image/introduction_bg.gif) repeat-y 0 0;
	font-family:   Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "平成角ゴシック", "ＭＳ Ｐゴシック",  "MS P Gothic", Arial, Helvetica, SunSans-Regular; }



/*--- コンテンツ指定 ---*/
#title   {
	width:   680px;
	height:   65px;
	padding:   0px 0px 0px 20px;
	border-bottom:    solid 12px #77913e; }

h1 span   {
	display:   none; }

h2   {
	display:   none; }

img#h1   {
	padding:   35px 0px 0px 85px; }

p   {
	font-size:   90%; }

p a:link   {
	color:   #0f5d83;
	background:   #eaf3de;
	text-decoration:   none; }
	
p a:hover   {
	color:   #000072;
	background:   #f0f0ff;
	text-decoration:   underline; }

h3   {
	margin:   50px 0 0 0; }

h3 span   {
	display:   none; }

.totop   {
	clear:   both;
	text-align:   center;
	font-size:   75%;
	margin:   30px 0; }


/* ---レイアウト--- */
#wrapper   {
	background: #eaf3de;
	width:   807px;
	padding-top:   88px;
	border-right:   1px solid #888; }

#header   {
	position:   absolute;
	top:   0;
	left:   0;
	background: url(../tab_image/header.gif) left top no-repeat;
	width: 807px;
	height: 38px; }

#footer   {
	font-family:   Verdana, Arial, sans-serif;
	font-size:   80%;
	color:  #666;
	text-align:   left;
	padding:   10px 0 20px 0;
	margin:   0 20px 0 14px;
	border-top:  solid 1px #999; }


/* ---header内リンク--- */
ul#menu   {
	list-style-type:   none;
	position:     absolute;
	top:          0px;
	left:         357px; }

ul#menu li   {
	text-indent:    -9999px; }

ul#menu li a   {
	display:   block;
	text-decoration:   none; 
	position:   absolute; }

a#menu-ctmotop   {
	background: url(#) no-repeat; height:38px; width:89px;
	top:   0px;
	left:   0px; }
	
a#menu-imcjtop   {
	background: url(#) no-repeat; height:38px; width:232px;
	top:   0px;
	left:   107px; }

a#menu-sitemap   {
	background: url(#) no-repeat; height:38px; width:67px;
	top:   0px;
	left:   359px; }

a#menu-ctmotop:hover, a#menu-ctmotop.active   {
	background: url(../tab_image/h_01.gif); }
	
a#menu-imcjtop:hover, a#menu-imcjtop.active   {
	background: url(../tab_image/h_02.gif); }

a#menu-sitemap:hover, a#menu-sitemap.active   {
	background: url(../tab_image/h_03.gif); }


/* ---上部ナビゲーション--- */
#navi {
	position:   absolute;
	top:   38px;
	left:   0;
	background: url(../tab_image/navi_bg.gif) left top repeat-x;
	width: 793px;
	height: 40px;
	padding:   0 0 0 14px;
	list-style-type: none; }

#navi li {
	float: left;
	width:   153px; }

#navi li a   {
	color:           #fff;
	background-image: url(../tab_image/navi.jpg);
	text-decoration:   none;
	display:          block;
	padding-top:   40px;
	width:            100%;
	height:            0;
	overflow:        hidden;
	!important:      height /**/:40px; }
	
/* ---上部ナビゲーションoffmouse--- */
#navi01 a { background-position: 0px  0; }
#navi02 a { background-position: -153px  0; }
#navi03 a { background-position: -306px 0; }
#navi04 a { background-position: -459px 0; }
#navi05 a { background-position: -612px 0; }
	
/* ---上部ナビゲーションstay--- */
#navi01 a.stay { background-position: 0px  -80px; }
#navi02 a.stay { background-position: -153px  -80px; }
#navi03 a.stay { background-position: -306px -80px; }
#navi04 a.stay { background-position: -459px -80px; }
#navi05 a.stay { background-position: -612px -80px; }

/* ---上部ナビゲーションonmouse--- */
#navi01 a:hover { background-position: 0px  -40px; }
#navi02 a:hover { background-position: -153px  -40px; }
/*#navi03 a:hover { background-position: -306px -40px; } ---introduction--- */
#navi04 a:hover { background-position: -459px -40px; }
#navi05 a:hover { background-position: -612px -40px; }


/* ---サイドナビゲ−ション--- */
#sidenavi   {
	text-align:   left; 
	position:absolute; 
	top:   180px;
	left:   3px;
	width:   144px; 
	z-index:   10;
	color:   #8ba651;
	font-size:   75%;
	line-height: 100%;
	padding-top:   5px; }

#sidenavi span.stay   {
	color:   #444;
	font-weight:   bold; }

#sidenavi a:link   {
	color:   #1953dd;
	text-decoration:   none; }
	
#sidenavi a:visited   {
	color:   #3a7f83;
	text-decoration:   none; }
	
#sidenavi a:hover   {
	color:   #000072;
	text-decoration:   underline; }



* {
	padding:   0;
	margin:   0; }