﻿/*-------------------------------------------------
This css is ...TopPage,SuperScienseProgram CSS	共通のコンテンツレイアウト用　部品等
-------------------------------------------------*/

/*-------------------------------------------------
  General layout(decoration)
-------------------------------------------------*/
/* Headings */
/* Lines */
/* Lists */
/* class */

/*-------------------------------------------------
  waku(decoration)
-------------------------------------------------*/

/*-------------------------------------------------
  atama(decoration)
-------------------------------------------------*/
#zzzatama h1.sub
{
	padding: 20px 0px 0 0px;
	line-height:180%;
	text-align:center;
	font-size: 13pt;
	color: yellow;
}

#zzzatama h1.main
{
	padding: 6px 0px 0 0px;
	line-height: 20px;
	text-align: center;
	/*text-decoration:overline underline;*/
	font-size: 20pt;
	color: greenyellow;
	font-family: fantasy,cursive,"ＭＳ 明朝","ＭＳ Ｐ明朝","太ミン","リュウミン","明朝",serif;
}


/*-------------------------------------------------
  kubi(decoration)
-------------------------------------------------*/


/*==============MAIN kokokara ===========================================================================*/
/*-------------------------------------------------
  main(decoration)
-------------------------------------------------*/

/*-------------------------------------------------
  mune-hidari(decoration)
-------------------------------------------------*/

/*-------------------------------------------------
  mune-migi(decoration)
-------------------------------------------------*/





#zzzmune-migi div
{	
	/*position:static;*/
	float:left;
	width:264px;/* float niha width shitei ga hissu */
	margin:15px 4px 0px 15px;
	_margin:15px 8px 0px 8px;/*IE6 最左マージンを2倍に読んでしまうバグ対策*/
	padding:0px 0px 10px 0px;
	background-color:/*ivory;*/lavender;/*transparent;*/
	background-image:url(../images/bg_hantoumei01.gif);
}

#zzzmune-migi div.long
{	
	/*position:static;
	float:left;*/
	width:546px;/* float niha width shitei ga hissu */
	margin:15px 5px 0px 15px;
	_margin:15px 0px 0px 8px;/*IE6 最左マージンを2倍に読んでしまうバグ対策*/
	padding:0px 0px 0px 0px;
	background-color:mistyrose;/*transparent;*/
	background-image:url(../images/bg_hantoumei01.gif);
}




#zzzmune-migi h1
{
	line-height: 120%;
	margin :0px 0px 0px 0px;
	padding:5px 4px 4px 10px;
	text-align: left;
	font-size: 11pt;
	font-style: italic;
	font-weight:bold;
	color: black;
		background-image:url(../images/00sidetitlebg.gif);/*url(../images/bg_sidetitle_transport.gif);*/
		background-color:transport;
		background-repeat:repeat-x;	
}

#zzzmune-migi .h1-normal
{
	font-size: 12pt;
	font-style: normal ;
	font-weight: normal ;
}


#zzzmune-migi h2
{
	line-height: 120%;
	margin :0px 0px 0px 0px;
	padding:3px 6px 3px 10px;
	text-align: left;
	font-size: 9pt;
	color: black;
		background-image:url(../images/bg_sidetitle_transport02.gif);/*url(../images/00sidetitlebg.gif);*/
		background-color:lightgrey;/*lightsteelblue;mintcream;*//*transport;*/
		background-repeat:repeat-x;
}

#zzzmune-migi h3
{
	font-size: 9pt;
	text-align:left;
	background-image:url(../images/bg_sidetitle_transport02.gif);
	background-repeat:repeat-x;
	line-height: 120%;
	margin :0px 0px 0px 0px;
	padding:3px 20px 3px 10px;
}


#zzzmune-migi p
{
	padding:3px 10px 3px 10px;
	margin:0 0 4px 0;
}
#zzzmune-migi ul,ol
{
	padding:2px 10px 2px 10px;
	margin:0 0 0px 0;
}

#zzzmune-migi ul li
{
	margin-left:15px;
	padding:0px 0px 0px 10px;
	list-style-type:decimal;
}

#zzzmune-migi ul li
{
	margin-left:15px;
	padding:0px 0px 0px 10px;
	list-style-type:circle;
}


#zzzmune-migi em
{
	font-style:	"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight:bold;
}




/*-------------------------------------------------
  hara(decoration)
-------------------------------------------------*/

#zzzhara .box
{	/*margin:2px 2px 8px 2px;*/
	margin:30px 12px 5px 20px;
	_margin:30px 12px 0px 15px;/* ie6 ok ie7?? */
	padding:0 0 0px 0;
	background-color:lightcyan;/*transparent;*/
		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:154px;
}

#zzzhara .box-long
{	/*margin:2px 2px 8px 2px;*/
	margin:30px auto 5px 15px;
	_margin:30px auto 0px 8px;/* ie6 ok ie7?? */
	padding:0 0 10px 0;
	background-color:lightcyan;/*transparent;*/
		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:546px;
}

#zzzhara div.munemigi-long-s
{	
	/*position:static;*/
	float:left;
	width:546px;/* float niha width shitei ga hissu */
	margin:30px auto 5px 15px;
	_margin:30px auto 0px 8px;/* ie6 ok ie7?? */
	padding:0px 0px 10px 0px;
	background-color:/*ivory;*/lavender;/*transparent;*/
	background-image:url(../images/bg_hantoumei01.gif);
}

#zzzhara div.munemigi-long-l
{	
	/*position:static;*/
	float:left;
	width:546px;/* float niha width shitei ga hissu */
	margin:30px auto 5px 15px;
	_margin:30px auto 0px 8px;/* ie6 ok ie7?? */
	padding:0px 0px 10px 0px;
	background-color:mistyrose;/*transparent;*/
	background-image:url(../images/bg_hantoumei01.gif);
}


#zzzhara h1,#hara h2,#hara h3
{
	line-height: 120%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 5px;
	text-align: left;
	color: black;
}

#zzzhara 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;

}


#zzzhara h2, #zzzhara .box-long h2, #zzzhara div.munemigi-long-s h2, #zzzhara div.munemigi-long-l h2
{
	line-height: 120%;
	margin :0px 0px 0px 0px;
	padding:3px 6px 3px 10px;
	text-align: left;
	font-size: 11pt;
	color: black;
		background-image:url(../images/bg_sidetitle_transport02.gif);/*url(../images/00sidetitlebg.gif);*/
		background-color:lightgrey;/*lightsteelblue;mintcream;*//*transport;*/
		background-repeat:repeat-x;
}


#zzzhara h3
{
	font-size: 9pt;
	text-align:right;
	background-image:url(../images/bg_sidetitle_transport02.gif);
	background-repeat:repeat-x;
	line-height: 120%;
	margin :0px 0px 0px 0px;
	padding:3px 20px 3px 10px;
}


#zzzhara p
{
	/*font-size: 9.5pt;
	color: black;*//*dimgray;*/
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
}


/*hara,mune-migi 共通*/ /*============List==================*/


table.enkaku tr
{
	vertical-align:top;
	text-align:left;
	color:;
}



h4 /*とりあえず全てに対して制限なし*/
{
	font-size: 9pt;
	text-align:left;
	color:black;
	background-image:url(../images/bg_sidetitle_transport02.gif);
	background-color:gainsboro;
	background-repeat:repeat-x;
	line-height: 100%;
	margin :20px 20px 0px 20px;
	padding:3px 20px 3px 10px;

}









#mune-migi ul,#mune-migi ol, #hara ul, #hara ol /* Yukou07.11.13 */
{
	margin:8px 0 12px 10px;
	padding:2px 5px 2px 5px;
	line-height: 140%;
}

#mune-migi ul li,   #hara ul li /* Yukou07.11.13 */
{
	margin:5px 0 5px 10px;
	padding:0px 0px 0px 0px;
	list-style-type: disc;/*circle;*/
}

#mune-migi ol li,#hara ol li /* Yukou07.11.13 */
{
	margin:5px 0 5px 10px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
	/* decimalのときはしたのセットを使う
	margin-left:5px;
	padding:0px 0px 0px 0px;
	list-style-type: decimal;*/
}


/*ulの中にulがある場合*/
#mune-migi ul ul,   #hara ul ul 
{
	margin:00px 0 00px 10px;
	padding:0px 5px 0px 5px;
	line-height: 100%;
}

#mune-migi ul li ul li,#hara ul ul li
{
	margin-left:5px;
	padding:0px 0px 0px 0px;
	list-style-type:circle;/*disc  decimal*/
}





/*==============MAIN kokoまで ===========================================================================*/


/*-------------------------------------------------
  asi(decoration)
-------------------------------------------------*/





/*==============以下，共通レイアウト ===========================================================================*/
/*-------------------------------------------------
  BoxType layout
-------------------------------------------------*/
.box-cyan-l, .box-cyan-m, .box-cyan-s, .box-lav-l, .box-lav-m, .box-lav-s, .box-rose-l, .box-rose-m, .box-rose-s
{
	border-color:ivory;
	border-style:dotted;
	border-width:1px;
	font-size:9.5px;

	color:darkslategray;/*black;*/
	background-image:url(../images/bg_hantoumei01.gif);
	background-repeat: repeat;
	/*position:static;*/
	float:left;
}

.box-cyan-l, .box-lav-l, .box-rose-l
{
	margin:30px auto 5px 15px;
	_margin:30px auto 5px 8px;/* ie6 ok ie7?? */
	padding:0px 0px 10px 0px;
	width:546px;/* float niha width shitei ga hissu */
}

.box-cyan-m, .box-lav-m, .box-rose-m
{
	margin:30px auto 5px 15px;
	_margin:30px 8px 5px 8px;/* ie6 ok ie7?? */
	/*margin:15px 5px 0px 15px;
	_margin:15px 10px 0px 8px;*/ /*IE6 最左マージンを2倍に読んでしまうバグ対策*/
	padding:0px 0px 10px 0px;
	width:264px;/* float niha width shitei ga hissu */
}

.box-cyan-s, .box-lav-s, .box-rose-s
{
	margin:30px auto 5px 15px;
	_margin:30px 8px 5px 8px;/* ie6 ok ie7?? */
	padding:0px 0px 10px 0px;
	width:170px;
}

.box-cyan-l, .box-cyan-m, .box-cyan-s
{	
	/*margin:2px 2px 8px 2px;*/
	background-color:lightcyan;/*transparent;*/
}

.box-lav-l, .box-lav-m, .box-lav-s
{	
	background-color:lavender;/*transparent;*/
}

.box-rose-l, .box-rose-m, .box-rose-s
{	
	background-color:mistyrose;/*transparent;*/
}


.teigi/*通常の定義リスト用css*/
{
	margin: 10px auto 20px 0px;
	_margin: 10px 0 20px 0px;
	/*color:red;*/
}

.teigi dt
{
	float:left;
	padding: 0px 0px 0px 20px;
	_padding: 0px 0px 0px 20px;
	}

.teigi dd
{
	padding: 0px 0px 0px 90px;
	_padding: 0px 0px 0px 90px;
	}





/*-------------------------------------------------
  General class layout
-------------------------------------------------*/


.imgbox
{	
	position:relative;
	float:right;
	top:0px;
	z-index:10;
	width:auto;/* float niha width shitei ga hissu */
	margin:5px 5px 5px 5px;
	_margin:5px 5px 5px 5px;/*IE6 最左マージンを2倍に読んでしまうバグ対策*/
	padding:2px 2px 2px 2px;
	border:dotted;
	border-color:orange;
	border-width:2px;
	text-align:left;
	background:red:url(../images/bg_hantoumei01.gif);
}


.imgbox_center
{	
	position:relative;
	/*float:center;*/
	top:0px;
	z-index:10;
	width:auto;/* float niha width shitei ga hissu */
	margin:5px 5px 5px 5px;
	_margin:5px 5px 5px 5px;/*IE6 最左マージンを2倍に読んでしまうバグ対策*/
	padding:2px 2px 2px 2px;
	border:dotted;
	border-color:orange;
	border-width:2px;
	text-align:left;
	background:red:url(../images/bg_hantoumei01.gif);
}





/*-------------------------------------------------200907
  accesskey class layout
-------------------------------------------------*/
.accesskey
{
	/*color:silver; chocolate;darkkhaki;rosybrown;saddlebrown;maroon;*/
	font-size:10px;
	text-decoration: none;
}


