/*-------------------------------------------------
This css is ...TopPage,SuperScienseProgram CSS
-------------------------------------------------*/

/*-------------------------------------------------
  General layout(position)
-------------------------------------------------*/
*
{	/*margin: 0px auto 0px auto;*//*これを有効にするとIEは継承してしまう*/
	margin: 0px 0px 0px 0px;/*これでffもIEも枠のセンタリングOK*/
	position:relative;
}

body
{	position :relative;
	_text-align:center;/*ieのための設定 ieバグ利用*/
	color:darkslategray;
	height:auto;
	background-color:#e4e4ed;
}



/*-------------------------------------------------
  General layout(decoration)
-------------------------------------------------*/
*
{	font-style: normal;
	font-weight: normal;
	font-size : 9pt;
}

body
{	
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ,"ＭＳ ゴシック", "Osaka－等幅", Trebuchet, Arial, sans-serif;
	/*background: gray url(../images/bg.gif);*//*00sidetitlebg2.gif);*/

/*	background: url(../images/bg_soto.gif) center repeat-y ;*//*00sidetitlebg2.gif);*/
/*	background-color: #eef3f3; */
}

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;
}


/* Lines */
hr
{
	width:90%;
	height:1px;
	color: transparent;
	background-color:transparent;
	border-color:	 silver/*darkslategray*/;
	border-style:dotted/*solid*/;
	border-bottom:none;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}



/* Lists */
ul,ol
{	list-style: none;
	padding:2px 3px 0px 5px;
	/*padding: 0px 0px 0px 10px;*/
}

li
{
	margin-left:5px;
	padding:0px 0px 0px 5px;
	/*list-style-type:circle;*/
}



/*dl,dt,dd,a
{
	height:auto;
}*/



/* class */
.date
{
	color:olive;/*chocolate;darkkhaki;rosybrown;saddlebrown;maroon;*/
	font-size:9px;
}

/*====================General Layout END=======================*/




/*-------------------------------------------------
  Links layout
-------------------------------------------------*/
/* Links general */

a:link, a:visited
{	color: green;
	text-decoration: none;
}
a:hover
{	color: blue;
}

a:active
{	color: red;
}




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

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

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

#kubi dl.kubileft a
{
	float:left;/*fireFoxで必要*/
	position:relative;
	margin :1px 0px 1px 0px;/**/
	padding: 0 4px 0 4px;/*padding: 0 10px 0 10px;*/
	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;
}


/* Lists */
#mune-migi ol li
{
	text-indent:-17px;

}





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


#mune-hidari dl dt /*ここはdtのための指定だが，IEでは，１つめの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 0px -1px;
	padding: 3px 2px 0px 0px;
	border-width: 1px 1px 2px 1px;
	width:115px;
	height:30px;
	border-color:#112222 darkslategray darkslategray darkslategray;
}

#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;/*ie7only*/
	_position:static;/*ie6only*/
	line-height:200%;
	margin:0 0 0 1px;
}

*:first-child+html #mune-hidari dl a dd
{
/*IE7用見本*/}


#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;	/*ieではWIDTHを定義しないと表示がちらつく*/
}

/*forIE*/
#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;
}



/*Links mune-migi */
/*======================Links mune-migi kokokara================================*/

#mune-migi dl a
{ 
	padding: 0px 10px 0px 10px;
		margin:1px 1px 1px auto;
	text-align:center;
	text-decoration: none;
	font-size:9pt;
	line-height:190%;
	color: darkslategray;/*yellow;*/
	background-color: lightgrey;/*#008db7;*/ /*cerulean blue*//*mune-hidariと同じ色は #446b95;*/
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color:silver darkslategray darkslategray silver;
	/*width:auto;*/
	/*height:0%;*/
	float:left;
	position:relative;

}

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

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

#mune-migi dl a:active
{
	color: yellow;
	background-color:gray;
	border-color:black silver silver black;
}


/*=================Link Layout END==================================*/








/*=================Hontai Layout ==================================*/

/*-------------------------------------------------
  hat,clothes,shoes(position & decolation)
-------------------------------------------------*/
#hat
{
	position:relative;
	margin:0px auto 0px auto ;
	_text-align:justify;/*ieのtext-alignの継承を消す*/
	height:10px;
	_height:10px;

	background: url(../images/bg_sora.gif) center repeat-y ;/*00sidetitlebg2.gif);*/
	background-color: #e4e4ed; 
}

#clothes
{
	background: url(../images/bg_soto.gif) center repeat-y ;/*00sidetitlebg2.gif);*/
	background-color: #e4e4ed;/*#dfdfe2; */
}

#shoes
{
	position:relative;
	margin:0px auto 0px auto ;
	_text-align:justify;/*ieのtext-alignの継承を消す*/
	height:10px;
	_height:10px;

	background: url(../images/bg_sita.gif) center repeat-y ;/*00sidetitlebg2.gif);*/
	background-color: #e4e4ed; 
}


/*-------------------------------------------------
  waku(position)
-------------------------------------------------*/
#waku
{
	position:relative;
	margin:00px auto 00px auto ;
	_text-align:justify;/*ieのtext-alignの継承を消す*/
	width:720px;
	height:auto;
	_height:auto;
}

#wakusen
{	
	position:relative;
	height:100%;
}


/*-------------------------------------------------
  waku(decoration)
-------------------------------------------------*/
#waku
{	
	/* waku image specific lines */
		/*background-color:transport;*//*lavender;*//*powderblue;antiquewhite;lemonchiffon;*/
		/*background: gray url(../images/00sidetitlebg2.gif);*/
	/* end waku image specific lines */
}

#wakusen
{
	padding: 2px 2px 1px 1px; /*上 右 下 左*/
	/*border-width: 2px 2px 2px 2px; 
	border-style: solid;*/     /*dotted ;*/
	border-color: pink;/*dimgray; */   /*#113344;*//*red;*//*darkslategray;*/	/*border:10px solid lightstategray;FireFox de Yuukouni narazu */
	background-color:transarentt;/*ここを透明にすることによりwakuの背景が見える*/
}

#wakusen img
{
	/*float:right;left;positionがabsoluteのときfloatは無効となる*/
	/*top:10px;bottom:auto;left:300px;right:0;*/
	/*margin: 5px 5px 0px 640px;
	padding:0 0 0 0px;*/
}




/*-------------------------------------------------
  atama(position)
-------------------------------------------------*/
#atama
{
	position:relative;
	width:708px;
	margin:4px 4px 4px 4px;
	padding:0px 0px 0px 0px;
	height:186px;
}

/*-------------------------------------------------
  atama(decoration)
-------------------------------------------------*/
#atama
{
	/* atama image specific lines */
		background-color:transparent; /* 透明は枠内色指定ミス発見のため */  
		/*background-image:url(../images/kousya_syoumen720-194.jpg);*/
		/*background-image:url(../images/kousya_syoumen720-189.jpg);201001*/
		background-image:url(../images/ssh_syoumen.jpg);
		background-position: top;
		background-repeat:no-repeat;/*repeat-x; If small image */
	/* end atama image specific lines */
}

#atama h1.sub
{
	padding: /*12*/0px 0px 0 0px;
	line-height:180%;
	text-align:/*center*/center;
	font-size: /*13*/12pt;
	font-weight: bold;
	color: yellow/*orange*/;
	text-shadow: 1px 1px 8px navy;
}

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

}



/*-------------------------------------------------
  kubi(position)
-------------------------------------------------*/
#kubi
{
	position: relative;
	margin:0px 0px 0px 0px;
	padding:0 4px 1px 4px;
	width:708px;
	_width:716px;
	height:28px;
	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;
}




/*==============MAIN kokokara=================================================================*/
/*-------------------------------------------------
  main(position)
-------------------------------------------------*/

#main
{
	top:0px;
	left:0px;
	/*position:static;*/
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:716px;
	_width:716px;
	height: auto;/*auto;や100%，0%など，FireFoxではbg-colorがpadding分のみ。数値だと反映。IEは常に全部塗る。*/
	clear:both;
}

/*-------------------------------------------------
  main(decoration)
-------------------------------------------------*/

#main
{
	background-color:transparent;
	/*background-color:#446b95;*/ /*色のつき具合を見るため*/
	background-image:url(../images/bg_mune-hidari.png);
	background-repeat: repeat-y;
	float:left;/*auto;や100%，0%など，FireFoxではbg-colorがpadding分のみ。数値だと反映。IEは常に全部塗る。この状況がfloatを入れることで解消するようだ	*/

}

#main 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;*/
	height:100%;
	float:left;/*float niha width shitei ga hissu */
}


/*-------------------------------------------------
  mune-hidari(decoration)
-------------------------------------------------*/
#mune-hidari
{
	background-color:#446b95;
	color:white;
	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(position)
-------------------------------------------------*/
#mune-migi
{
	position:relative;
	margin: 8px auto 0px 8px;
	_margin: 8px auto 0px 10px;
	padding:0px 0px 15px 0px;
	width:578px;/* (720-4-124) */
	_width:578px;/* (720-4-124) */
	height:auto;
	float:left; /* floatにはwidth指定必須*/	/*このfloatをrightにするとIEはaccess.htmlスクロール時に落ちる*/
}


/*-------------------------------------------------
  mune-migi(decoration)
-------------------------------------------------*/
#mune-migi
{
	/*position:static;*/
	border-color:/*ivory;*/gray;
	border-style:dotted;
	border-width:1px;
	line-height:150%;
	font-size:9pt;
	/* mune-migi image specific lines */
		/*background-image:url(../images/syoumen_pas.jpg);*/
		/*background-position:right;*/
		/*background-attachment: scroll;fixed;*/
		/*background-repeat:no-repeat;*/
		/*background-position: right bottomcenter 98%;*/
		background-color:white; /*transparent;*/  /*#008db7;cerulean blue*/
		/*background-repeat:no-repeat;*//*repeat-x; If small image */
	/* end mune-migi image specific lines */
}


#mune-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);
}


#mune-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);
}


#mune-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;
}

#mune-migi .h1-normal
{
	font-size: 12pt;
	font-style: normal ;
	font-weight: normal ;
}


#mune-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;
}

#mune-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;
}


#mune-migi p
{
	padding:3px 10px 3px 10px;
	margin:0 0 4px 0;
}
/*#mune-migi ul,ol
{
	padding:2px 10px 2px 10px;
	margin:0 0 0px 0;
}

#mune-migi ul li
{
	margin-left:15px;
	padding:0px 0px 0px 10px;
	list-style-type:circle;
}*/


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






/*-------------------------------------------------
  hara(position)
-------------------------------------------------*/
#hara
{	
	position :relative;/*relative; *//*IEde,hara ga, osamaruniha, static no hituyou ari*/
	margin:0px 8px 8px auto;
	_margin:0px 4px 0px auto;
	padding:0px 0px 0px 0px;
	width:580px;
	_width:578px;
	height:auto;
	clear:none;
	float: right;/*left;*/
}

#hara-wakusen
{
	position : relative;
	/*_margin:0px 2px 6px 130px;*/
	padding:0 0 15px 0;
	/*_padding:0 0 10px 0;*/
	_padding:0 0 10px 0;
	width:578px;
	_width:578px;
	height:auto;
	float:right;
}


/*-------------------------------------------------
  hara(decoration)
-------------------------------------------------*/
#hara
{	
	height:auto;
	line-height:150%;
	/* hara image specific lines */
		background-color:white;/*transparent;*/
		/*background-image:url(../images/jikken-pas2.jpg);*/
		/*background-position: right 15px;*/ /*bottom  100% 100%;*/
		background-repeat:no-repeat;/*repeat-x; If small image */
	/* end hara image specific lines */	
}

#hara-wakusen
{
	border-color:/*ivory;*/gray;
	border-style:dotted;
	border-width:1px;
	/* hara image specific lines */
		background-color:transparent; /*ghostwhite;*/
		/*background-image:url(../images/jikken-pas2.jpg);
		background-position: right bottom;
		background-repeat:no-repeat;*/
	/* end hara image specific lines */	
}


#hara .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;
}

#hara .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;
}

#hara 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);
}

#hara 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);
}


#hara 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;
}

#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;
				
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		border-color:linen dimgray dimgray linen;
}


#hara h2, #hara .box-long h2, #hara div.munemigi-long-s h2, #hara 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;
					
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		border-color: floralwhite lightslategray lightslategray floralwhite;
}


#hara 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;		
			
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		border-color: floralwhite darkgray darkgray floralwhite;
}


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


/*hara,mune-migi 共通*/ /*============List==================*/

/*contents##.css ni idou */






/*-------------------------------------------------
  asi(position)
-------------------------------------------------*/
#asi
{	
	position:relative;
	margin: 0px 0 0 0px;
	padding-left:140px;
	width:576px;
	_width:716px;
	height:20px;
	clear:both;
}

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





/*-------------------------------------------------
  BoxType layout
-------------------------------------------------*/









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

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




/*.clearfix:after { content: ""; display: block; clear: both; }*/


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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}