@charset "Shift_JIS";

/* ----------------------------------------------------------- *
	基本 HTMLスタイル定義
 * ----------------------------------------------------------- */
html,body{
	margin:0;
	padding:0;
	height:100%;
}


body{
	margin:0px;
	padding:0px;
/*	background-image:url(../../images/jp_body_bg.gif);*/
}

body,h1,h2,h3,h4,h5,h6,th,td,p,div{
	font-size:12px;
	color:#333333;
	line-height:1.3em;
}

h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}

h1{
}

h2{
}

h2.first,
h3.first{
	margin-top:0em;
}

h3{
}

h4{
}

p{
	margin:0px;
	padding:0px;
	margin-bottom:0.75em;
}

sup{
	vertical-align:super;
}

/*
a {
	color:blue;
	text-decoration:none;
}

a:hover{
	color:#ff3300;
	text-decoration:underline;
}
*/
a:link		{color: #0066FF; text-decoration: none;}
a:visited	{color: #0066FF; text-decoration: none;}
a:hover		{color: #FF6666; text-decoration: underline;}
a:active	{color: #FF6666; text-decoration: underline;}


ul{
	margin:0 0 0.5em 0px;
	padding:0;
	list-style-type:none;
}

li{
	margin:0 0 0.3em 0;
	padding:0 0 0 18px;
}

img{
	border-style:none;
}

/* ----------------------------------------------------------- *
	レイアウト用 いろいろ
 * ----------------------------------------------------------- */

table#mainFrame{
	position:relative;
	background-image:url(../../images/jp_top_bg00.gif);
	background-repeat:repeat-y;
}

div#header{
	width:auto;
	height:135px;
/*	background-color:#00b178;*/
}
div#header img{
	display:block;
	border-style:none;
}

div#contentsFrame{
	width:800px;
	margin-left:7px;
/*	background-color:skyblue;*/
}

div#frame .contents{
/*	margin-left:82px;*/
}

div#contentsArea{
/*	position:absolute;
	z-index:20;
	top:135px;
	width:800px;
	height:auto;
	min-height:100px;
	background-color:yellow;*/
}


/* ----------------------------------------------------------- *
	メニュー
 * ----------------------------------------------------------- */
div#header div#menu img{
	display:inline;
	border-style:none;
}

#headerMenu{
	position:absolute;
	top:84px;
	margin:0px;
	padding:0;
}

#headerMenu li{
	margin:0 0 0 10px;
	padding:0;
	padding:0;
	float:left;
}
#headerMenu li.menu01{
	margin-left:24px;
	_margin-left:12px;
}
#headerMenu li a{
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

#headerMenu li.menu01 a{width:54px;background-image:url(../../images/menu/jp_headerMenu01.gif);}
#headerMenu li.menu02 a{width:54px;background-image:url(../../images/menu/jp_headerMenu02.gif);}
#headerMenu li.menu03 a{width:64px;background-image:url(../../images/menu/jp_headerMenu03.gif);}
#headerMenu li.menu04 a{width:69px;background-image:url(../../images/menu/jp_headerMenu04.gif);}



/*メインメニュー*/
#mainMenu{
	position:absolute;
	z-index:10;
	top:107px;
	width:800px;
	height:27px;
	margin:0;
	padding:0;
	background-image:url(../../images/menu/jp_mainmenu.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
/*	background-color:pink;*/
/*	overflow:hidden;*/
}

#mainMenu ul{
	line-height:1em;
	margin:0;
	padding:0;
/*	background-color:pink;*/
	list-style-type:none;
}

#mainMenu li{
	display:block;
	width:auto;
/*	height:29px;*/
	margin:0;
	padding:0;
	float:left;
}

#mainMenu a{
	display:block;
	text-indent:-9000px;
	height:27px;
	margin:0;
	padding:0;
	background-image:none;
	background-image:url(../../images/menu/jp_mainmenu.gif);
	background-color:transparent;

	cursor:default;
}

#mainMenu li a:hover{
	background-image:url(../../images/menu/jp_mainmenu_over.gif);
/*	background-position:0 -29px;*/
}
#mainMenu .pulldown li a{
	cursor:pointer;
}

/* 通常時 */
#mainMenu li#menu01{width:171px;}
#mainMenu li#menu02{width:171px;}
#mainMenu li#menu03{width:171px;}
#mainMenu li#menu04{width:111px;}
#mainMenu li#menu05{width:78px;}
#mainMenu li#menu06{width:97px;}

#mainMenu li a.menu01{width:171px;background-position:0px 0px;}
#mainMenu li a.menu02{width:171px;background-position:-171px 0px;}
#mainMenu li a.menu03{width:171px;background-position:-342px 0px;}
#mainMenu li a.menu04{width:111px;background-position:-513px 0px;}
#mainMenu li a.menu05{width:78px;background-position:-624px 0px;}
#mainMenu li a.menu06{width:97px;background-position:-702px 0px;}

/* ロールオーバー */
#mainMenu li a.menu01:hover{background-position:0px 27px;}
#mainMenu li a.menu02:hover{background-position:-171px 27px;}
#mainMenu li a.menu03:hover{background-position:-342px 27px;}
#mainMenu li a.menu04:hover{background-position:-513px 27px;}
#mainMenu li a.menu05:hover{background-position:-624px 27px;}
#mainMenu li a.menu06:hover{background-position:-702px 27px;}


/* メイン・プルダウンメニュー */
#mainMenu ul.pulldown{
	width:171px;
/*	display:none;*/
	visibility:hidden;
	margin:0;
	padding:0;

/* ※プルダウンメニューについての注意
とりあえずここで"visibility:hidden;"として隠していますが、ページ読み込み時には
スクリプトで"visibility:visible;"に設定しなおした上で、Element.hide()関数で再度隠しています。
こうしないでdisplayプロパティで非表示にすると、Element.hide()関数が使えなくなってしまう為です。
*/
}
#mainMenu ul.pulldown li{
	width:171px;
	height:26px;
	float:none;
	margin:0;
	padding:0;
}
#mainMenu ul.pulldown li a{
	display:block;
/*	text-indent:-9999px;*/
	width:171px;
	height:26px;
	float:none;

/*	overflow:hidden;*/
	background-color:#eee;
	background-position:0 0;
}
#mainMenu ul.pulldown a:hover{
	background-position:-172px 0;
}

#mainMenu ul#menu06sub,
#mainMenu ul#menu06sub li,
#mainMenu ul#menu06sub li a{
	width:98px;
}
#mainMenu ul#menu06sub li a{
	background-position:0 0;
}
#mainMenu ul#menu06sub li a:hover{
	background-position:-98px 0;
}

/* プルダウンメニュー各画像定義 */
#mainMenu ul#menu01sub a.menu06{background-image:url(../../images/menu/jp_menu01_06.gif);}
#mainMenu ul#menu01sub a.menu01{background-image:url(../../images/menu/jp_menu01_01.gif);}
#mainMenu ul#menu01sub a.menu02{background-image:url(../../images/menu/jp_menu01_02.gif);}
#mainMenu ul#menu01sub a.menu03{background-image:url(../../images/menu/jp_menu01_03.gif);}
#mainMenu ul#menu01sub a.menu04{background-image:url(../../images/menu/jp_menu01_04.gif);}
#mainMenu ul#menu01sub a.menu05{background-image:url(../../images/menu/jp_menu01_05.gif);}

#mainMenu ul#menu02sub a.menu01{background-image:url(../../images/menu/jp_menu02_01.gif);}
#mainMenu ul#menu02sub a.menu02{background-image:url(../../images/menu/jp_menu02_02.gif);}
#mainMenu ul#menu02sub a.menu03{background-image:url(../../images/menu/jp_menu02_03.gif);}

#mainMenu ul#menu06sub a.menu01{background-image:url(../../images/menu/jp_menu06_01.gif);}
#mainMenu ul#menu06sub a.menu02{background-image:url(../../images/menu/jp_menu06_02.gif);}
#mainMenu ul#menu06sub a.menu03{background-image:url(../../images/menu/jp_menu06_03.gif);}

/* ----------------------------------------------------------- *
	フッタ
 * ----------------------------------------------------------- */
#footer{
	padding-top:24px;
	vertical-align:bottom;
}

#footer table{

	width:800px;
	height:28px;
	margin-left:7px;
	background-image:url(../../images/jp_footer_bg00.gif);
	background-position:0 bottom;
	background-repeat:repeat-x;
	background-color:pink;
}
#footer td{
	vertical-align:middle;
	padding:6px 12px 0 12px;
}

#footer td img{

	margin-left:10px;
}




/* ----------------------------------------------------------- *
	その他
 * ----------------------------------------------------------- */

/* タイトル直下の文章など */
p.lead{
	margin-top:-6px;
	margin-bottom:24px;
}

/* インデント */
.unit{
	margin-left:12px;
}

/* テーブルスタイル */
table.normal,
table.normal th,
table.normal td{
	border:1px solid #999;
}

table.normal{
	border-width:0 1px 1px 0;
}

table.normal th,
table.normal td{
	padding:4px 8px;
	border-width:1px 0 0 1px;
}

table.normal th{
	color:#fff;
	text-align:left;
	border-top-color:#fffbdb;
	background-color:#076d3f;
}
table.normal td{
	background-color:#fff;
}

table.normal th.first,
table.normal tr.first th{
	border-top-color:#999;
}

/* 白地枠 */
div.box{
	padding:4px 8px;
	background-color:#fff;
	border:1px solid #e0dcbb;
}





/* 写真・図用 */
.fig{
	text-align:center;
}
.fig img{
	margin-bottom:4px;
}
.figRight{
	float:right;
	margin-left:12px;
}

/* 巻き戻しリンク */
p.rollBack{
	line-height:1em;
	margin-top:-1em;
	text-align:right;
	margin-right:-110px;
}
p.rollBack a{
	color:#4971C4;
	text-decoration:none;
}
p.rollBack a:hover{
	color:orange;
	text-decoration:underline;
}

/* 隠したいもの */
span.hidden,
p.hidden{
 visibility:hidden;
}

.sub{
	font-size:10px;
}

/* 改ページ(IE only) */
div.print{
	page-break-before:always;
}


/* フロート解除 */
div.break{
 clear:both;
 height:1px;
 width:100%;
 overflow:hidden;
}

.clearfix:after {/* 段組float解除用スタイル */
	/*  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;*/
		
/*↓適用したブロック要素の下に不要なマージンができるのを抑止したclearfixに差し替え(08/07/24)*/
content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
