/*-------------------------------------------------
This css is ...
-------------------------------------------------*/

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
*
{	margin: 0px;
	font-style: normal;
	font-weight: normal;
	font-size : 9pt;
	position:relative;/*デフォルト値をはっきりさせる*/
}

body
{	position:relative;
	margin:4px auto 4px auto;
	_text-align :center;
	width:720px;
	background: gray url(../images/bg.gif);/*00sidetitlebg2.gif);*/
	color: #112222;/*darkslategray;*/
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
}

img
{	border: 0px;
}

/* Headings */
h1,h2,h3,h4,h5,h6
{
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-weight: normal;
}

hr
{
	width:98%;
	height:1px;
	color: gray;/*transparent;*/
	background-color:gray;
	border-color:	 gray;	
	border-style:	 solid;
	margin: 0 0 0 1px;
	padding: 0 0 0 0;
}


/* class */
.date
{
	color:maroon;
	font-size:9px;
}


/* Lists */
ul
{	list-style: none;
	padding: 0px 0px 0px 10px;
}


/* ClearFix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* .clearfix:after { content: url(pixel.gif); display: block; clear: both; height: 0; }透明gifをつくればこれだけでOKか */



/* Links *//*======================*/
a:link, a:visited
{	color: blue;/*green;*/
	text-decoration: none;
}
a:hover
{	color: red;/*blue;*/
}

a:active
{	color: red;
}




#kubi dl
{
	margin-left:2px;/*IE7で「#kubi dl a」に左マージンを設定するとクリック押し下げ時にボタンが左に揺れるので,ここで左余白を設定*/

}

#kubi dl a
{
	float:left;/*fireFoxで必要*/
	position:relative;
	margin :1px 0px 1px 0px;/**/
	padding: 0 8px 0 8px;
	/*height:24px;*/
	line-height:200%;
}

/*forIE*/
#kubi dl a dt, #kubi dl a dd
{	/*IEのみ,dtとddがrelative状態ではだめ。FireFoxはrelaでもstatでもOK*/
	_position:static;/*ie6only*/
	position:static;/*ie7のために*/
}

#kubi dl a:link, #kubi dl a:visited
{
	color: yellow;
	text-decoration: none;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color:silver black black silver;
}

#kubi dl a:hover
{
	color:red;
	background-color:yellowgreen;
}

#kubi dl a:active
{
	color: yellow;
	background-color:gray;
	border-color:black silver silver black;
	border-style: solid;
}



/*Links kubi *//*================kubi kokokara================*/

/*fireFox は，単純なコードで動く*/



#kubi dl.kubileft a
{
	float:left;/*fireFoxで必要*/
	position:relative;
	margin :1px 0px 1px 0px;/**/
	padding: 0 8px 0 8px;
	background-color:darkcyan;
}

/*forIE*/
#kubi dl.kubileft a dt, #kubi dl.kubileft a dd
{	/*IEのみ,dtとddがrelative状態ではだめ。FireFoxはrelaでもstatでもOK*/
	_position:static;/*ie6only*/
	position:static;/*ie7のために*/
}



#kubi dl a:link, #kubi dl a:visited
{
	color: yellow;
	text-decoration: none;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color:silver black black silver;
}

#kubi dl a:hover
{
	color:red;
	background-color:yellowgreen;
}

#kubi dl a:active
{
	color: yellow;
	background-color:gray;
	border-color:black silver silver black;
	border-style: solid;
}





#kubi dl.kubiright a
{
	float:left;/*fireFoxで必要*/
	position:relative;
	margin :1px 0px 1px 0px;/**/
	padding: 0 9px 0 9px;
	background-color:teal;
}

/*forIE*/
#kubi dl.kubiright a dt, #kubi dl.kubiright a dd
{	/*IEのみ,dtとddがrelative状態ではだめ。FireFoxはrelaでもstatでもOK*/
	_position:static;/*ie6only*/
	position:static;/*ie7のために*/
}


#kubi dl.kubiright a:link, #kubi dl.kubiright a:visited
{
	color: white;
	text-decoration: none;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color:silver black black silver;
}

#kubi dl.kubiright a:hover
{
	color:red;
	background-color:yellowgreen;
}

#kubi dl.kubiright a:active
{
	color: yellow;
	background-color:gray;
	border-color:black silver silver black;
	border-style: solid;
}






/*Links mune-hidari *//*======================Links mune-hidari kokokara================================*/
#mune-hidari dl
{
	display:block;
	position:relative;/*dlに対してこれがないとIE6で表示がちらつく*/
	width:118px;/*これも消すとちらついた*/
}

#mune-hidari dl dt /*ここはdtのための指定だが，IE6では，１つめのddにまで継承されてしまうようだ*/
{ 
	display:block;
	line-height:200%;
	margin: 0px auto 1px 1px;
	_margin: 1px 0 0px 0px;
	padding: 3px 2px 3px 0px;
	_padding: 2px 0px 0px 0px;
	height:auto;
	border-width: 1px 1px 1px 1px;
	_border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color:#112222 darkslategray silver gray;
	text-align:center;
	font-size:9pt;
	/*background-color:#446b95;*/ /*#008db7;cerulean blue*/
}

*:first-child+html #mune-hidari dl dt
{
	margin: 0px 1px -1px -1px;
	padding: 3px 2px 3px 0px;
	border-width: 1px 1px 0px 1px;
	width:115px;
	height:54px;
	border-color:#112222 darkslategray darkslategray gray;
}

#mune-hidari dl a
{
	display:block;
}

#mune-hidari div, #mune-hidari dl a dd/*#mune-hidari dl, #mune-hidari div p*/
{
	display:block;/*この縦のメニューの場合，blockにしておくことが大事ie7,ffではコメントアウトしても問題なかった*/	
	_position:static;/*ie6only*/
	position/**/:static;/*ie7only*/
	line-height:200%;
	margin:0 0 0 0;
}

*:first-child+html #mune-hidari dl a dd
{
/*IEにおいて1つ目のddの表示のバグ対応は無理やりに表示場所を合わせただけ.根本解決とはいえず*/}


#mune-hidari a
{
	margin:0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	background-color:#008db7; /*cerulean blue*/
	color: white;
	text-decoration: none;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color:whitesmoke darkslategray darkslategray whitesmoke;
	text-align:center;
	line-height:200%;
	font-size:9pt;
	width:116px;/*ieではWIDTHを定義しないと表示がちらつく*/	
	_width:118px;

}

#mune-hidari dl a:link, #mune-hidari dl a:visited
{
}/**/


#mune-hidari dl a:hover
{
	background-color:yellowgreen;
	color:red;
}

#mune-hidari dl a:active
{
	color: yellow;
	background-color:gray;
	border-color:darkgreen whitesmoke whitesmoke darkgreen;
}







/*-------------------------------------------------
  waku
-------------------------------------------------*/
#waku
{	
	position:absolute;
	_position:relative;
	/*margin:4px auto 4px auto;*/
	_text-align :left;
	width:720px;
	/*height:0%;*/
}

#wakusen
{	
	position:absolute;
	border-width: 2px 2px 2px 2px;
	margin:0 0 0 0;
	/*padding:2px 2px 2px 2px;*/
	border-style: solid;     /*dotted ;*/
	border-color: olive;/*darkslategray;*/	/*border:10px solid lightstategray;FireFox de Yuukouni narazu */

	/* wakusen image specific lines */
		/*background-color:darkslateblue;*/
		background:#446b95/*#008db7cerulean blue*/ url(../images/syoumen_pas3s-long.jpg) no-repeat 120px 60px;/*transparent*/
		/*background-attachment:fixed;*/
	/* end wakusen image specific lines */
}

#wakusen img
{
}



/*-------------------------------------------------
  atama
-------------------------------------------------*/
#atama
{
	position: relative;
	width:712px;
	_width:716px;
	border-width: 2px 2px 2px 2px;
	margin:0 0 0 0;
	margin:0 auto 0 auto;

	/*margin:2px 2px 2px 2px;
	_margin:2px 1px 2px 1px;*/
	padding:0 0 0 0;
	border-style: solid;     /*dotted ;*/
	border-color:darkslateblue;
	height:80px;
	_height:84px;
	
	/* header image specific lines */
		/*background-image:url(../images/koko-ceru-transparent.gif);
		background-position:left;
		background-repeat:no-repeat;*/
		background-color:#008db7;/*cerulean blue*/
	/* end header image specific lines */	
}

#atama h1.sub
{
	padding: 6px 10px 0 0px;
	line-height:160%;
	text-align:center;
	font-size: 12pt;
	color: yellow;
	text-shadow: 1px 1px 8px navy;
}

#atama h1.main
{
	padding: 6px 0px 0 0px;
	line-height: 20px;
	text-align: center;
	/*text-decoration:overline underline;*/
	font-size: 18pt;
	color: greenyellow;
	font-family: fantasy,cursive,"ＭＳ 明朝","ＭＳ Ｐ明朝","太ミン","リュウミン","明朝",serif;
	font-weight: bold;
	text-shadow: 1px 1px 8px navy;
}

#atama .head_left
{
	float:left;
	padding:0 0 0 0;
	margin: 4px 2px 2px 5px;
}

#atama .head_center
{
	width:400px;
	height:76px;
}


#atama .head_right
{	
	float:right;
	top:0px;
	left:0px;
	padding:0 0 0 0;
	margin: 6px 2px 2px 5px;
}



/*-------------------------------------------------
  kubi(position)
-------------------------------------------------*/
#kubi
{
	position: relative;
	margin:0px 0px 0px 0px;
	padding:0 4px 0 4px;
	width:708px;
	_width:716px;
	height:29px;
	border-bottom:solid black 1px;
	line-height:200%;
	float:left;
	/*display:inline;*/
	clear:both;
}

/*-------------------------------------------------
  kubi(decoration)
-------------------------------------------------*/
#kubi
{
	background-color:darkslategray;/*transparent;*/
	font-size:9pt;
}

#kubi p#counter
{
	color:white;
	/*display: inline;*//*上手くいっているときは不要*/
	margin:2px 0 0 0;
	float:right;
}




/*-------------------------------------------------
  mune
-------------------------------------------------*/

#mune
{
	position: static;/*ここをrelativeにして#muneのheightをautoにすると，IE7で#mune-migiのboxがメニュークリック時に左方向に揺らぐ(動く)というバグ発生．FFではrelativeで問題なし*/
	top:0px;
	left:0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;/*auto;*//*400px;*//*auto;*//*autoだとFireFOXでbgImage表示されず(padding分のみか？)*/
	width:auto;/*716px;幅をautoでなく716pxにするとIE7(6は未確認)でharaがもぐりこんでくれない*/
	/*width:100%;haraがmune-migiの下にもぐらない場合あり*/
	clear:both;
}

#mune p
{
	padding: 5px 5px 5px 5px;
	line-height: 150%;
}



/*-------------------------------------------------
  mune-hidari(position)
-------------------------------------------------*/
#mune-hidari
{
	position:relative;
	/*_position:static;設定は試したがIEで影響せず*/
	margin :0 0 0 0px;
	/*padding :0 1px 0 1px;*/
	width:120px;
	/*height:auto;*/
	float:left;/*float niha width shitei ga hissu */
}

/*-------------------------------------------------
  mune-hidari(decoration)
-------------------------------------------------*/
#mune-hidari
{
	background-color:#446b95;
	color:white;
	height:auto;/*820px;*/
	padding :0 0 0 0;
	margin-bottom:50px;
	/*clear:both;*/
}

#mune-hidari img
{
	margin: 20px 4px 10px 22px;
	padding:0 0 0 0px;
}




/*-------------------------------------------------
  mune-migi
-------------------------------------------------*/
#mune-migi
{
	position:relative;
	/*background-color:transparent;black;azure;*/
	margin: 8px 5px 0px 5px;
	_margin: 8px 3px 0px 0px;
	padding:0px 0px 15px 0px;
	line-height:150%;
	width:586px;/* (720-4-94) */
	height:auto;/*90px;*/
	_height:0%;
	border-bottom:dotted;
	border-bottom-color:ivory;/*gray;*/
	border-bottom-width:1px;
	float:right; /* float niha width shitei ga hissu */
	/* mune-migi image specific lines */
		/*height:90px;
		top:0px;
		left:0px;*/
		/*background-image:url(../images/syoumen_pas.jpg);
		background-position:right;
		background-color:#008db7;*//*:transparent;#008db7; */  /*cerulean blue*/
		/*background-repeat:no-repeat;*//*repeat-x; If small image */
	/* end mune-migi image specific lines */	
	font-size:9pt;
}


#mune-migi div
{	
	position:static;
	float:left;
	width:264px;/* float niha width shitei ga hissu */
	margin:15px 5px 0px 15px;
	_margin:15px 10px 0px 8px;/*IE6 最左マージンを2倍に読んでしまうバグ対策*/
	padding:0px 0px 10px 0px;
	background-color:transparent;/*blue;*/
	background-image:url(../images/bg_hantoumei01.gif);
}


#mune-migi div.long
{	
	position:static;
	float:left;
	width:546px;/* float niha width shitei ga hissu */
	margin:15px 5px 0px 16px;
	_margin:15px 0px 0px 8px;/*IE6 最左マージンを2倍に読んでしまうバグ対策*/
	padding:0px 0px 0px 0px;
	background-color:mistyrose;/*transparent;*/
	background-image:url(../images/bg_hantoumei01.gif);
}



#mune-migi h1
{
	line-height: 120%;
	margin :0px 0px 0px 0px;
	padding:4px 4px 4px 10px;
	text-align: left;
	font-size: 11pt;
	font-style: normal;/*italic;*/
	font-weight:normal;/*bold;*/

	color: black;
		background-image:url(../images/00sidetitlebg.gif);/*url(../images/bg_sidetitle_transport.gif);*/
		background-color:transport;
		background-repeat:repeat-x;
}

#mune-migi h2
{
	line-height: 120%;
	margin :0px 0px 0px 0px;
	padding:3px 6px 3px 10px;
	text-align: left;
	font-size: 10pt;
	color: black;
		background-image:url(../images/bg_sidetitle_transport02.gif);/*url(../images/00sidetitlebg.gif);*/
		background-color:powderblue;/*mintcreamtransport;*/
		background-repeat:repeat-x;
}

#mune-migi h3
{
	color: black;
	font-size: 9pt;
	text-align:left;
		background-color:/*mintcream;transport*/gainsboro;
	background-image:url(../images/bg_sidetitle_transport02.gif);
	background-repeat:repeat-x;
	line-height: 110%;
	margin :0px 0px 0px 0px;
	padding:3px 20px 3px 10px;
}


#mune-migi p
{
	padding:3px 8px 3px 10px;
	margin:3px 0 7px 0;
	/*margin:0 0 4px 0;*/
	text-align:justify;
	/*font-size:9.5pt;*/
}
#mune-migi ul,ol
{
	padding:2px 10px 2px 10px;
	margin:0 0 0px 0;
}

#mune-migi li
{
	margin-left:20px;
	padding:0px 0px 0px 0px;
	list-style-type:circle;
}

#mune-migi em
{
	font-style:	"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight:bold;
}




/*-------------------------------------------------
  hara
-------------------------------------------------*/
#hara
{	
	position: relative ;
	/*top : 0;
	right : 0;*/
	margin:0px 5px 8px auto;
	_margin:0px 3px 6px auto;
	padding:0px 0px 0px 0px;
	line-height:150%;
	width:586px;/*auto;mune-migiの幅とそろえること*/
	height:auto;
	clear: none;/*:both;*/
	float: right  ;
	/* hara image specific lines */
		/*background-image:url(../images/syoumen_pas.jpg);*/
		/*background-position:right 15px;
		background-color:transparent;
		background-repeat:no-repeat;*/
	/* end mune-migi image specific lines */	

}

#hara-wakusen
{
	position : relative;/*relative;*/
	width:100%;
	/*_height:0%;*/
	padding:0 0 15px 0;
	/* hara image specific lines */
		/*height:auto;*//*300px;*/
		/*background-color:transparent;*//*pink;*/
		/*background-image:url(../images/jikken-pas2.jpg);
		background-position: right bottom;*/ /*bottom  100% 100%;*/
		/*background-repeat:no-repeat;*//*repeat-x; If small image */
	/* end hara image specific lines */	
	/*border-color:ivory;
	border-style:dotted;
	border-width:1px;
	float:right;*/
}



#hara .box
{	/*margin:2px 2px 8px 2px;*/
	margin:20px 10px 5px 15px;
	_margin:20px 12px 5px 10px;/* ie6 ok ie7?? */
	padding:0 0 0px 0;
	background-color:transparent;/*ghostwhite;*/
		background-image:url(../images/bg_hantoumei01.gif);
		background-repeat: repeat;

	border-color:ivory;/*gray;*/
	border-style:dotted;
	border-width:1px;
	font-size:9.5px;
	color:black;
	float: left;
	width:164px;
}

#hara h1,#hara h2
{
	line-height: 120%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 5px;
	text-align: left;
	color: black;
}

#hara h1
{
	line-height: 120%;
	margin :0px 0px 0px 0px;
	padding:4px 4px 4px 10px;
	text-align: left;
	font-size: 11pt;
	font-style: italic ;
	font-weight:bold ;
	background-image:url(../images/00sidetitlebg.gif);
	background-repeat:repeat-x;

}

#hara h2
{
	font-size: 10pt;
	background-image:url(../images/bg_sidetitle_transport02.gif);
	background-repeat:repeat-x;
}


#hara h2
{
	font-size: 9pt;
	background-image:url(../images/bg_sidetitle_transport02.gif);
	background-repeat:repeat-x;
}


#hara p
{
	font-size: 9pt;
	color: black;/*dimgray;*/
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
}





/*-------------------------------------------------
  asi(position)
-------------------------------------------------*/

#asi
{
	position: relative;
	_position: absolute;/*relative; */
	_bottom:-1px;
	margin: 0px 0 0 0px;
	padding-left:0px;
	padding-left:140px;
	width:576px;
	_width:716px;
	height:20px;
	clear:both;

}

*:first-child+html #asi
{
}

/*-------------------------------------------------
  asi(decoration)
-------------------------------------------------*/
#asi
{	
	border-top-color:#223344;
	border-top-width:1px;
	border-top-style:solid;
	font-size:8pt;
	color:white;
	text-align:left;/*center;*/
	line-height:180%;
	background-color:darkslategray;
}






/*-------------------------------------------------
  General class layout
-------------------------------------------------*/
.print
{
	/*visibility: hidden;*/
	display: none;	
}

.screen
{
	/*display:none;*/
}