/* Global
 ------------------------------------------------------*/
	
body {
	margin:0 auto;
	margin-bottom: 20px;
	padding: 0px;
/*	background-color: #000080;*/
/*	background:#2763A5 url(../img/body-bk.gif);*/

/*	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
*/
}

p {
	margin:0 auto;
	padding: 0;
}

a {
	color: #0066ff;
	text-decoration: none;
/*	font-weight: bold;*/
}

a:hover {
	color:#2763A5;
/*	font-weight: bold;*/
	text-decoration: underline;
}

/* ul は１行空けるので気に入らない
*/
ul {
	margin-top: 0em;
	margin-bottom: 0.2em;
	margin-right: 10px;
	list-style-type: disc;
}

ul.no-indent {
	margin-left: 1.3em;
	padding-left: 0;
}

ul.number {
	list-style-type: decimal;
}

li {
	padding-left: -5px;
}

h3 {
	font-weight: bold;
	font-size: 12px;
	color: #333;
}

/* 文字を bold に */
span.b {
	font-weight: bold;
}

/* =====================================================================
　Container：body 全体を囲んでいるスタイルです。
 ======================================================================= */
#container {
	width: 750px;
	margin: 0 auto;
/*	font-family:"MS UI Gothic", serif; */
	font-family:"ＭＳ Ｐゴシック", serif;
	font-size: 11px;
	line-height: 1.5em;
	margin-top: 10px;
	color: #666;
	background-color: #fff;
	border: 1px solid #888;
}
	  
/* =====================================================================
　Container2：Header を除いたコンテンツ部分です。
 ======================================================================= */
#container2 {
	width: 750px;
	margin: 0 auto;
	margin-top: 3px;
/*	font-family:"MS UI Gothic", serif;	*/
	font-family:"ＭＳ Ｐゴシック", serif;
	font-size: 10pt;
	line-height: 1.3em;
	color: #444;
	background-color: #fff;
/*	border: 1px solid rgb(128, 255, 255);
	border: 1px solid #088;*/
}

/* =====================================================================
  Header
 ======================================================================= */
#div_header {	/* header を iframe にするようになってからなぜか必要です */
	width: 750px;
	margin: 0 auto;
	font-size: 11px;
}

#header {
	width: 745px;
	height: 63px;
	margin: 0;
/*	margin-top: -10px;*/
/*	margin-left: 2px; */
	padding: 0;
	border: 2px solid #fff;
	clear: both;
	background: #f1f1f1 url(../img/header.gif) no-repeat;
	overflow: hidden;
}
	  
#header p { 
	margin-top: -3px;
	margin-left: 30px;
	color: #333;
}

#header a {
	color: #6DA6E2;
	text-decoration: none;
}

/* =====================================================================
   右上の「個人情報保護」とかのスタイル
 ======================================================================= */
#header-navi {
	float: right;
	font-size: 11px;
	line-height: 13px;
	margin: 8px 5px 0 3px;
}

#header-navi a {
	padding: 5px 8px 3px 0px;
}

#header-navi a.site-policy {
	padding-right: 120px;
	background: url(../img/site_policy.gif) no-repeat center right;
}

#header-navi a.privacy-policy {
	padding-right: 70px;
	background: url(../img/privacy_policy.gif) no-repeat center right;
}


/* =====================================================================
  Navigation Menu（#header の中に入ります）
 ======================================================================= */
#menu {
	float: left;
	width: 745px;
/*	font-size: 12px;*/
/*	font-weight: normal;*/
/*	font-weight: bold;*/
	margin-top: 14px;
	padding-bottom: 5px;
	line-height: 12px;
/*	border: 0px none;*/
	position: relative;
	z-index: 1;
	background-position:0 1px;
	background:url(../img/menu.gif) no-repeat left bottom;
}

	  
#menu ul {
	margin: 0;
	margin-left:220px;			/* メニューの開始位置（左側余白）	*/
	/ margin-left:253px;		/* for under IE8	*/
/*	padding: 0px 10px 0 0px;*/
	list-style:none;
}

/* Gecko 対策。IE6 では読み込めない */

html>body #menu ul {
/*	margin-left:220px; */			/* メニューの開始位置（左側余白）	*/
}


#menu li {
	display:inline;
	margin:0;
	padding:0;
}

#menu li a {
	float:left;
/*	float:right;*/	/* 右詰めにするには項目を左から並べる必要がある　*/
/*	background:url(../img/menu-left.gif) no-repeat left top;*/
	margin:0;
	margin-left: -10px;		/* メニュー項目の間隔になる */
/*	padding: 0px 5px 10px 5px;*/
/*	text-decoration: none;*/
	z-index: 2;
}

#menu li a span {
/*	float:left;*/
/*	float:right;*/
/*	color:#333;*/
	height: 12px;
	display:block;
/*	background:url(../img/menu-right.gif) no-repeat right top;*/
/*	background:url(../img/menu-fa.gif) no-repeat right top;*/
	background-position:100% 0px;
	padding: 8px 10px 3px 5px;
	z-index: 3;
}
/*
#menu li a span {
	float:none;
}
*/
#menu li a span.home {
	width: 59px;
	background:url(../img/menu-home.gif) no-repeat right top;
}

#menu li a span.fa {
	width: 77px;
	background:url(../img/menu-fa.gif) no-repeat right top;
}

#menu li a span.oa {
	width: 77px;
	background:url(../img/menu-oa.gif) no-repeat right top;
}

#menu li a span.icts {
	width: 71px;
	background:url(../img/menu-icts.gif) no-repeat right top;
}

#menu li a span.company {
	width: 68px;
	background:url(../img/menu-company.gif) no-repeat right top;
}

#menu li a span.contact {
	width: 95px;
	background:url(../img/menu-contact.gif) no-repeat right top;
}

#menu li a span.recruit {
	width: 68px;
	background:url(../img/menu-recruit.gif) no-repeat right top;
}

/*
#menu li a:hover {
	background-position:0% -46px;
}
*/

#menu li a:hover span {
	color:#333;
	background-position:100% -23px;
	padding-top: 5px;
	padding: 5px 10px 6px 5px;		/* 文字も上げる */
}

/* 現在アクティブな項目の左側 */
#menu li.active a, #menu li.active a:hover {
	background-position:0% -92px;
/*	font-weight: bold;*/
}

/* 現在アクティブな項目の右側 */
#menu li.active a span, #menu li.active a:hover span {
/*	color:#333;*/
	background-position:100% -46px;
/*	font-weight: bold;*/
	padding: 8px 10px 3px 5px;
}

/* =====================================================================
  Topic Path ：トピック・パス（パンくずリスト）のスタイルです。
 ======================================================================= */
.topicpath {
	clear: both;
	float: right;
	width: 520px;
	margin: 0;
	margin-bottom: 3px;
	padding: 3px 5px 3px 5px;
	color: #333;
	font-size: 12px;
	line-height: 1em;
	vertical-align: bottom;
/*	background: #ddd;*/
/*	border-bottom: 1px solid #888;
	border-right: 1px solid #888;*/
}

.topicpath a {
	color: #0066ff;
}

.topicpath a:hover {
	color: #2763A5;
}

/* =====================================================================
　Content : コンテンツのメイン部分
	.content-full  : 横幅の全てを使用
	.content-left  : 横幅を２分割し、その左側を使用
	.content-right : 横幅を２分割し、その右側を使用
	, .content-right, .content-right-noborder {
	.content-div   : content-full を同じだが意味的には、単にブロック分け

 ======================================================================= */
.content {
	float: right; 
	width: 535px;
	margin: 0px;
	margin-right: 5px;
	padding: 0px;
	padding-right: 0px;		/* IE 6.0 */
	border: 0px solid #FF0000;
	padding-left: 12px;				/* ↓区切り線との間隔	*/
	border-left: 1px solid #666;	/* SideBar との区切り線	*/
}

/* Gecko 対策。IE6 では読み込めない */
html>body .content {
	padding-right: 5px;
}

.content-full, .content-div {
	float: left; 
	width: 535px;
	margin: 0px;
	margin-bottom: 0.5em;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border: 0px solid #00FF00;
}

.content-div {
	margin: 0px;
	margin-top: -1.5em;
	padding: 0px;
}

.content-left, .content-right, .content-right-noborder {
	width: 260px;
	margin: 0px;
	margin-bottom: 1.2em;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px solid #0000FF;
}

.content-left {
	float: left; 
}

.content-right, .content-right-noborder {
	float: right; 
	padding-left: 7px;
/*	filter: DropShadow(color=#ff0000, offX=2, offY=2);*/
}

.content-right {
/*	border-left: 2px dotted rgb(75, 182, 254);*/
	border-left: 2px dotted #ccc;
}

.content p {
	padding-left: 5px;
	padding-right: 5px;
/*	border-bottom: 1px solid #ddd;*/
}
	  
.content h1 {
	color: #fff;
	color: #333;
/*	background-color: #F1F1F1;
	background-color: #08f;*/
	font-size: 18px;
	line-height: 1.4em;
	font-weight: bold;
	border: 0px solid #999;
	border-bottom: 2px solid #48f;
	border-left: 15px solid #48f;
	margin-bottom: 0.5em;
	margin-left: 0;
	padding-left: 10px;
/*	background:url(../img/h1.gif) repeat-x bottom left;*/
}

/* h1 に対するサブタイトルで使用します
*/
.content h1 span {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}


.content h2 {
	color: #222;
	background-color: #F1F1F1;
	font-size: 15px;
	line-height: 1.6em;
	font-weight:bold;
/*	border: 1px solid #999;
	border-left: 6px solid #7ECBCC;*/
	margin-bottom: 0.5em;
	margin-left: 0;
	padding-left: 8px;
	background:url(../img/h2.gif) repeat-x bottom left;
}

.content h2 a {
	color: #222;
	text-decoration: none;
}

.content h2 a:hover {
	color: #222;
}

/* h2 タイトルの右側に [top] を配置するためのスタイル */
.content h2 a.topOfPage {
	float: right;
	text-align: justify;
	color: #333;
	margin-top: -1.7em;
	padding: 0.2em 1em 0em 1.5em;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	border: none;
	background:url(../img/arw_up.gif) no-repeat center left;
}

/* Gecko 対策。IE6 では読み込めない */
html>body .content h2 a.topOfPage {
  margin-top: -1.85em;
}

.content h3 {
	font-weight: bold;
	font-size: 15px;
	color: #33f;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	border-bottom: 1px dotted #666;
	border-left: 5px solid #08d;
/*	display: inline;*/
}

.content h3 div {
/*	margin-bottom: 7px;*/
}

/* 単なる bold	*/
.content h4 {
	margin: 0;
	margin-left: 5px;
	font-size: 12px;
	font-weight: bold;
/*	font-size: 12px;
	color: #33f;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;*/
}


/* =====================================================================
 「前へ」「次へ」「トップへ」のナビゲート用スタイル
 ======================================================================= */
.content-navi {
	float: left; 
/*	width: 100%;	*/	/* これだと、Gecko のときダメ */
	width: 535px;
	font-size: 12px;
	line-height: 14px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	border-collapse: collapse;
	border: 0px solid #FF0000;
}

.content-navi a.back {
	text-align: left;
	padding: 2px 5px 2px 55px;
	background:url(../img/btn_back.gif) no-repeat top left;
}

.content-navi a.next {
	float: right; 
	text-align: right;
	padding: 2px 55px 2px 5px;
	background:url(../img/btn_next.gif) no-repeat top right;
}

.content-navi a.top {
	float: right; 
	text-align: right;
	padding: 2px 5px 2px 20px;
	background:url(../img/arw_up.gif) no-repeat center left;
}

/*
.content-navi td {
	margin: 0;
	border: 1px solid #FF0000;
}
*/


/* =====================================================================
  SideBar
 ======================================================================= */
#div_sidebar {
	width: 190px;
	margin: 0 auto;
	float: left;
	padding: 0;
}

#sidebar {
	background-color: #fff;
	float: left;
	width: 180px;
	font-size: 12px;
	margin-top: -3px;
	padding: 5px 3px 0.5em 3px;
	border-left: 3px solid #fff;	/* 左端とのマージンの役目 */
/*	filter: DropShadow(color=#ff0000, offX=2, offY=2);*/
}

#sidebar .sidemenu {
	line-height: 1.8em;
	margin: 0px;
	background: url(../img/sidebar-menu_bk.gif) repeat-y top left;
}

#sidebar h2, #sidebar .sidemenu h2{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 0em;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 10px;
	padding: 10px 0 5px 10px;
/*	border: 3px double #333;*/
	background: url(../img/sidebar-h2.gif) no-repeat top left;
}

#sidebar .sidemenu p {
	color: #333;
	font-weight: bold;
	margin: -1px 7px 0px 6px;	/* -1 は border-top を隠すため		*/
								/* 7, 6 は border-bottom の左右を空けるため */
	padding-top: 1px;			/* margin-left: -1; を取り消す		*/
	padding-left: 3px;
	border-top: 1px solid rgb(75, 182, 254);
}

/* sidemenu を閉じる　*/
#sidebar .sidemenu p.close {
	border: none;
	margin: -4px 0px 0px 0px;	/* -4 は一つ上の background-image を消すため	*/
	padding-top: 4px;			/* 4 はその分下へ戻すため	*/
	padding-bottom: 5px;
	background: url(../img/sidebar-menu_close.gif) no-repeat bottom left;
}

#sidebar .sidemenu .tree li {
	line-height: 14px;		/* 2行を考慮して少なめ */
	margin-top: -2px;
/*	margin-bottom: 3px;*/
	margin-right: 5px;		/* sidebar-menu_bk.gif を見せるため	*/
	padding-top: 4px;
	padding-bottom: 1px;
}

#sidebar h2, #sidebar h2 a {
	color: #03f;
}


#sidebar ul {
	line-height: 1.8em;
	margin: 0px;
	list-style: none;
	border-top: none;
/*	border-left: 2px solid rgb(71, 139, 233);
	border-right: 2px solid rgb(42, 83, 139);
	border-bottom: 2px solid rgb(62, 121, 203);*/
}

#sidebar li {
	color: #333;
	font-weight: normal;
	margin: 0px 3px 0px 3px;	/* 3 は border-bottom の左右を空けるため */
	margin-left: -37px;
	/ margin-left: 0;			/* for <= IE7		*/
	padding-top: 1px;
	padding-left: 3px;
	border-bottom: 1px solid rgb(75, 182, 254);
}

#sidebar ul.link {
}

/*#sidebar ul.link li a, */
#sidebar .link li {
	line-height: 1.4em;
	margin-left: -37px;
	/ margin-left: 0;			/* for <= IE7		*/
	padding-left: 12px;
	border: none;
	background: url(../img/li-link.gif) no-repeat center left;
}

#sidebar h3, #sidebar .tree h3, #sidebar .tree h3 a, #sidebar .tree h4, #sidebar .tree h4 a {
	color: #333;
	background-color: #e0ffff;
	margin: 0;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
/*	padding-left: 15px;*/
	border: none;
/*	border-left: 3px solid rgb(75, 182, 254);*/
}

#sidebar h3, #sidebar .tree h3 {
	background: #e0ffff url(../img/sidebar-h3.gif) no-repeat top left;
}

#sidebar .tree h4 {
	background: #e0ffff url(../img/sidebar-h4.gif) no-repeat top left;
}

#sidebar h3, #sidebar .tree h3, #sidebar .tree h4 {
	margin-top: 3px;
	padding-left: 9px;
}

#sidebar .tree ul {
	margin-right: 9px;
/*	margin-bottom: 2px;*/
	border: 1px solid rgb(75, 182, 254);
/*	border-top: 1px dotted rgb(75, 182, 254);*/
	border-top: none;
}

#sidebar .tree li {
	color: #333;
	line-height: 14px;		/* 2行を考慮して少なめ */
	margin-top: -1px;
	margin-left: -30px;
	/ margin-left: 10px;	/* for <= IE7		*/
	padding-left: 11px;
	padding-top: 4px;
	padding-bottom: 1px;
/*	line-height: 15px;*/
	background: #fff url(../img/tree.gif) no-repeat center left;
	border: none;
}

/*
#sidebar .tree li a {
	background-image: none;
}
*/

/* Gecko 対策。IE6 では読み込めない */
/* しかし、IE7 では読み込むので、コメントにします  2006.11.06 */
/*html>body #sidebar .tree li {
	margin-left: -30px;
}*/

#sidebar .tree li.close {
	margin-bottom: 5px;
	background: #fff url(../img/tree-close.gif) no-repeat center left;
	border: none;
}

/* =====================================================================
  左上にＲの付いたフレーム
 ======================================================================= */
#sidebar .rframe {
	background-color: #fff;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

#sidebar .rframe h3, #sidebar .rframe h3 a {
	color: #fff;
	margin: 0;
	line-height: 20px;
	font-weight: bold;
/*	text-align: center;*/
	border: none;
}

#sidebar .rframe h3 {
	padding-left: 15px;
/*	border-bottom: 2px dotted #666;*/
	background: #fff url(../img/R.gif) no-repeat top left;
}

#sidebarx .rframe h3 a {
	background-image: none;
}

#sidebar .rframe ul {
	background-color: #fff;
	margin-left: 0px;
/*	padding-left: 1em;*/
	list-style: none;
	border: none;
}

#sidebar .rframe li {
	margin: 0;
	margin-bottom: 2px;
	line-height: 1em;
	padding-left: 5px;
	border: none;
	border-left: 5px solid #4040ff;
	border-top: 5px solid #fff;
	background-image: none;
}

/* Gecko 対策。IE6 では読み込めない */
html>body #sidebar .rframe li {
	margin-left: -40px;
}


/* =====================================================================
  Footer
 ======================================================================= */
#footer {
	clear: both;
	width: 745px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 1em;
	border:2px solid #fff;
	background:#2763A5 url(../img/foot.gif);
	background-repeat: no-repeat;
}

#footer p {
	color:#fff;
	text-align: right;
	padding: 2px;
	padding-right: 10px;
}

#footer p a {
	color: #fff;
	background:#2763A5 url(../img/foot.gif);
	font-weight:100;
	border-bottom: 1px dotted #fff;
	text-align: left;
}

#footer p a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 0px dotted #fff;
}

/* =====================================================================
  角丸の box
 ======================================================================= */
.round-box {
	width: 100%;
	clear: both;
	text-align: justify;
}
.rb-t { background: url(../img/rbox-t.png) repeat-x top; }
.rb-r { background: url(../img/rbox-r.png) repeat-y right; }
.rb-b { background: url(../img/rbox-b.png) repeat-x bottom; }
.rb-l { background: url(../img/rbox-l.png) repeat-y left; }
.rb-rt { background: url(../img/rbox-rt.png) no-repeat top right; }
.rb-rb { background: url(../img/rbox-rb.png) no-repeat bottom right; }
.rb-lb { background: url(../img/rbox-lb.png) no-repeat bottom left; }
.rb-lt { background: url(../img/rbox-lt.png) no-repeat top left; }

.rb-lt { padding: 17px; }

.round-box p, .round-box ul {
	border: 0px solid #FF0000;
}

.round-box h1, .round-box h2 {
	background-color: #fff;
	color: #000080;	/* Navy */
	line-height: 1.0em;
	font-weight:bold;
	margin: 0px 2px 5px 2px;
	padding: 0px;
	border: 0;
	text-decoration: none;
	background-image: none;
}

.round-box h1 {
	font-size: 30px;
}

.round-box h2 {
	font-size: 16px;
	margin-top: 5px;
}


/* =====================================================================
  Search
 ======================================================================= */
x_form {
/*	float:right;*/
/*	font-size: 12px;*/
	margin-right:5px;
/*	color:#fff;*/
}

x_input {
	background-color: #fff;
	color: #999;
/*	border: 1px solid #2763A5;*/
	font-size: 11px;
	padding: 3px;
}

x_.button {
	padding: 2px;
	background-color: #6DA6E2;
	color: #fff;
	border: 1px solid #2763A5;
	font-size: 11px;
}


/* =====================================================================
  Others
 ======================================================================= */
a img{
	border: none;
}

.right {
	margin-right: 5px;
	float: right;
}

.center {
	/* これでは IE8 の時 table がセンタリングしません。
	   table に	align="center" を追加しました。 */
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

h2.whatnew  {
	color: #111;
	font-size: 15px;
	line-height: 1.6em;
	font-weight:bold;
	margin-bottom: 3px;
	margin-left: 0;
	padding-left: 8px;
	background:url(../img/whatnew.gif) no-repeat bottom left;
}


/* 画像を左に貼り付け */
.box-left {
	clear: both;
	float: left;
	margin: 0px 15px 5px 5px;
}

/* 画像を中央に貼り付け */
.box-center {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

/* 画像を右に貼り付け */
.box-right {
	clear: both;
	float: right;
	margin: 0px 5px 5px 15px;
}

.box-left, .box-center, .box-right {
	padding: 0px;
	font-size: 10px;
	text-align: center;
/*	background-color: #fff;
	border: 0px solid #2763A5;*/
}

/* 注意書き：赤枠で表示する */
.notice {
	background-color: #fee;
	border: 1px solid #CC3366;
	margin: 0 5px 0 5px;
}

.notice h2 {
	font-size: 12px;
	background: none;
	background-color: #f36;
	color: #fff;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	border: 1px solid #f34;
}

.notice p {
	color: #333;
	padding: 5px 10px 5px 10px;
}

/* 動画のアイコンを表示 */
p.movie, p.movie-indent2 {
	background:url(../img/movie_icon.gif) no-repeat top left;
}

/* ダウンロードのアイコンを表示 */
p.download, p.download-indent1, p.download-indent2 {
	background:url(../img/download_icon.gif) no-repeat top left;
}

/* PDF アイコンを表示 */
p.pdf, p.pdf-indent1, p.pdf-indent2 {
	background:url(../img/pdf_icon.gif) no-repeat top left;
}

/* 動画アイコン、ダウンロードアイコン、PDFアイコンの位置調整 */
p.movie, p.movie-indent2, p.download, p.download-indent1, p.download-indent2, p.pdf, p.pdf-indent1, p.pdf-indent2 {
	text-align: left;
	margin-top: 3px;
	padding-left: 20px;
}

/* 動画アイコン、ダウンロードアイコン、PDFアイコンの位置をインデント */
p.movie-indent1, p.download-indent1, p.pdf-indent1 {
	margin-left: 0.5em;
}

p.movie-indent2, p.download-indent2, p.pdf-indent2 {
	margin-left: 2em;
}

p.indent {
	margin-left: 1em;
}

/* 単なる区切り線として使用します */
h6 {
	margin: 0px 0 3px 0;
	padding: 0px;
	border: none;
	border: 0px dotted #CCCCCC;
	border-bottom: 2px dotted #CCCCCC;
}
h6.solid  {
	border-bottom: 2px solid #CCCCCC;
}
h6.dash  {
	border-bottom: 2px dashed #CCCCCC;
}
h6.double  {
	border-bottom: 3px double #666;
}


.bold-red {
	color: #CC3366;
	font-weight:bold;
}

/* 強調したい文字　青い太字 */
.impact {
	color: #000080;		/* Navy */
	font-weight:bold;
}

/* 注意を引かせる文字　赤い太字 */
.red {
	color: #FF3300;		/* OriengeRed */
	font-weight:bold;
}

/* 「○○はこちら」の後ろに矢印の gif を配置 */
a.thisway {
	font-size: 12px;
	padding-right: 16px;
	background: url(../img/thisway.gif) no-repeat center right;
}

/*
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<!--made by Web Design Templates http://wdt.pekori.jp/-->
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
<!--
.boxmae{	/*文字がある部分*/
	font-size : 13px;
	text-align : center;
  border: 1px solid #999999;
  background-color : #F7F7F7;
  padding : 3px;
  position : relative;
  width : 80px;
  height : 23px;
  z-index : 1;
}

.boxusiro {/*影の部分*/
	font-size : 13px;
	text-align : center;
	border: 1px solid #999999;
	background-color : #DDDDDD;
	position : relative;
	width : 80px;
	height : 23px;
	top : -20px;
	left : 3px;
	z-index : 0;
}


/* テキスト表示領域　スクロールバー付き */
p.infobox {
   height: 20em;
   overflow: auto;
   margin: 0px 10px 0px 10px;
   padding: 10px 10px 10px 10px;
   border: #4682B4 1px solid;
}


-->
</STYLE>
</HEAD>
<BODY>
<DIV class="boxmae">Home</DIV>
<DIV class="boxusiro"></DIV>
<DIV class="boxmae">Information</DIV>
<DIV class="boxusiro"></DIV>
<DIV class="boxmae">Guestbook</DIV>
<DIV class="boxusiro"></DIV>
<DIV class="boxmae" onmouseover="this.style.backgroundColor='#999999'; this.style.color='#F7F7F7';" onmouseout="this.style.backgroundColor='#F7F7F7'; this.style.color='#000000';">Links</DIV>
<DIV class="boxusiro"></DIV>
</BODY>
</HTML>
*/
  
/*
HTML文書の<head>〜</head>の間に、下記のような1行をいれておけば、アイコンファイルのURLを指定することができます。

<link rel="SHORTCUT ICON" href="http://なんとか/favicon.ico">
*/