@media screen{


/* --------------------------------------------------
           全体設定 
---------------------------------------------------*/
 body{
	margin:0;
	padding:0;
	text-align:center;
	background: url(images/top-background01.gif);
}

#pagewidth{
	width:800px;
	margin:auto; 
	background-color:#FFF;
	text-align:left;
}

#header{
	display:block;
	/*position:relative;*/
	height:144px;
	background-color:#FFF;
	width:800px;
}

#leftcol{
	width:175px;
	float:left;
	display:block;
}

#twocols{
	width:623px;
	float:right;
	display:block;
}

#rightcol{
	width:173px;
	float:right;
	display:block;
	/*background-color:#535359;*/
}

#maincol{
	background-color: #FFFFFF; 
	float: left;
	display:block;
	width:448px;
}

#footer{
	clear:both;

	margin:0px auto;
	height:180px;
	width:800px;
	background: url(images/top-footer-bg.gif) no-repeat;
}
.hidden{  /* 非表示にしたい場合につかう */
	/*display:none;*/
	position: absolute;
	margin:0px;
	padding:0px;
	text-indent:-5000px;
}


/* ------------------------------------------------------------------
          トップページナビゲーションメインメニュー辺り
---------------------------------------------------------------------*/
a{
	color: #0662EC;
/*	display:block; */
	text-decoration:none;
	margin:0px;
	padding:0px;
}
a:hover{
/*	background:#C0DCFE; */
	text-decoration: underline;
	color: #F83C05;
/*	font-weight:700; */
}

.mainnavi-toppage a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:112px;
	height:30px;
	background: url(images/top-header-menu-01.gif) 0px 0px no-repeat;
}
.mainnavi-toppage a:hover{
	background: url(images/top-header-menu-01.gif) 0px 30px ;
}
.mainnavi-gaiyou a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:90px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -112px 0px ;
}
.mainnavi-gaiyou a:hover{
	background: url(images/top-header-menu-01.gif) -112px 30px ;
}
.mainnavi-gyousei a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:90px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -202px 0px ;
}
.mainnavi-gyousei a:hover{
	background: url(images/top-header-menu-01.gif) -202px 30px ;
}
.mainnavi-kurasiinfo a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:120px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -292px 0px ;
}
.mainnavi-kurasiinfo a:hover{
	background: url(images/top-header-menu-01.gif) -292px 30px ;
}
.mainnavi-kankouguaclass a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:100px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -412px 0px ;
}
.mainnavi-kankouguaclass a:hover{
	background: url(images/top-header-menu-01.gif) -412px 30px ;
}
.mainnavi-sisetu a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:85px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -512px 0px ;
}
.mainnavi-sisetu a:hover{
	background: url(images/top-header-menu-01.gif) -512px 30px ;
}
.mainnavi-kakukainfo a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:95px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -597px 0px ;
}
.mainnavi-kakukainfo a:hover{
	background: url(images/top-header-menu-01.gif) -597px 30px ;
}
.mainnavi-sitemap a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:108px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -692px 0px ;
}
.mainnavi-sitemap a:hover{
	background: url(images/top-header-menu-01.gif) -692px 30px ;
}

.head-head{
	height:80px;
	/* position:relative;*/
	background: url(images/top-header-01.jpg) no-repeat;
}
.mainnavi:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*  HEAD FUNCTION  */ 
.head-func-tukaikata a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:129px;
	height:34px;
	background: url(images/top-header-func.gif) 0px 0px ;
}
.head-func-tukaikata a:hover{
	background: url(images/top-header-func.gif) 0px -34px ;
}
.head-func-search{
	float:left;
	text-indent:-5000px;
	display:block;
	width:85px;
	height:34px;
	background: url(images/top-header-func.gif) -129px 0px ;
}
.head-func-search2{
	float:left;
	display:block;
	width:193px;
	height:34px;
	background: url(images/top-header-func.gif) -214px 0px ;
}
.g-search-text{
	float:left;
	width:140px;
	margin:5px 1px 0px 0px;
}
.g-search-button{
	float:left;
	padding:0px 1px;
	text-align:center;
	width:35px;
	margin:5px 1px 0px 0px;
}
.head-func-search3 a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:78px;
	height:34px;
	background: url(images/top-header-func.gif) -407px 0px ;
}
.head-func-search3 a:hover{
	background: url(images/top-header-func.gif) -407px -34px ;
}
.head-func-sizemenu a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:129px;
	height:34px;
	background: url(images/top-header-func.gif) -485px 0px ;
}
.head-func-sizemenu a:hover{
	background: url(images/top-header-func.gif) -485px -34px ;
}
.head-func-large a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:64px;
	height:34px;
	background: url(images/top-header-func.gif) -614px 0px ;
}
.head-func-large a:hover{
	background: url(images/top-header-func.gif) -614px -34px ;
}

.head-func-standard a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:60px;
	height:34px;
	background: url(images/top-header-func.gif) -678px 0px ;
}
.head-func-standard a:hover{
	background: url(images/top-header-func.gif) -678px -34px ;
}

.head-func-small a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:62px;
	height:34px;
	background: url(images/top-header-func.gif) -738px 0px ;
}
.head-func-small a:hover{
	background: url(images/top-header-func.gif) -738px -34px ;
}









/* --------------------------------------------------------------------
                メインコンテンツ部分
---------------------------------------------------------------------*/
.kankou-guaid a{
	margin:0 auto;
	text-indent:-5000px;
	background: url(images/top-main-kankou-01.jpg) 0px 0px no-repeat;
	display:block;
	width:421px;
	height:145px;
}
.kankou-guaid a:hover{
	margin:0 auto;
	text-indent:-5000px;
	background: url(images/top-main-kankou-01.jpg) 0px -145px no-repeat;
	display:block;
	width:421px;
	height:145px;
}

.kankou-guaid002 {
	margin:0 auto;
	width:421px;
	height:145px;
}
.kankou-guaid002 img {
	border: 0px;
	vertical-align: bottom;
}
.kankou-guaid002 a {
	border: 2px solid #41C7FA;
	display: block;
	width:417px;
	height:141px;
}
.kankou-guaid002 a:link {

}
.kankou-guaid002 a:visited {

}
.kankou-guaid002 a:hover {
	border: 2px solid #FF6600;
}
.kankou-guaid002 a:active {

}





.topix{
	width:417px;
	height:64px;
	border:solid 1px #F86C20;
	margin:5px auto;
}
.main-topix-head{
	width:417px;
	height:24px;
	background: url(images/top-main-topix.gif) 0px 0px no-repeat;
}
.topix p{
	margin:2px;
}
.whatsnew{
	width:421px;
	margin:5px auto 5px ;
	/*border:1px solid #CCC;*/
}
.main-whatsnew-rogo{
	float:left;
	width:130px;
	height:29px;
	background: url(images/top-main-whatsnew.gif) 0px 0px no-repeat;
}
.main-whatsnew-rss a{
	float:left;
	display:block;
	width:50px;
	height:29px;
	background: url(images/top-main-whatsnew.gif) -130px 0px no-repeat;
}
.main-whatsnew-rss a:hover{
	background: url(images/top-main-whatsnew.gif) -130px -29px no-repeat;
}
.main-whatsnew-none{
	float:left;
	width:168px;
	height:29px;
	background: url(images/top-main-whatsnew.gif) -180px 0px no-repeat;
}
.main-whatsnew-list a{
	float:left;
	display:block;
	width:73px;
	height:29px;
	background: url(images/top-main-whatsnew.gif) -348px 0px no-repeat;
}
.main-whatsnew-list a:hover{
	background: url(images/top-main-whatsnew.gif) -348px -29px no-repeat;
}
.main-whatsnew-content{ /* インナーフレーム */
	width:420px;
	height:147px;
	border:none;
	overflow:auto;
}

/* ------------------------------------------------------
    イベントinfo             --------------------------*/

.event-info{
	width:421px;
	margin:0px auto 5px ;
}
.main-eventinfo-rogo{
	float:left;
	width:293px;
	height:29px;
	background: url(images/top-main-eventinfo.gif) 0px 0px no-repeat;
}
.main-eventinfo-care a{
	float:left;
	display:block;
	width:128px;
	height:29px;
	background: url(images/top-main-eventinfo.gif) -293px 0px no-repeat;
}
.main-eventinfo-care a:hover{
	background: url(images/top-main-eventinfo.gif) -293px -29px no-repeat;
}
.main-eventinfo-content{ /* インナーフレーム */
	width:420px;
	height:147px;
	border:none;
	overflow:auto;
}

/* -------------------------------------
     暮らしの情報-------------------- */
.kurashi-info{
	width:418px;
	margin: 15px auto 5px;
	border:1px solid #99F;
	
}
.main-kurashiinfo-head{
	width:418px;
	height:33px;
	/* background: url(images/top-main-kurashiinfo-head.gif) 0px 0px no-repeat;*/
}
.main-kurashiinfo-head a {
	display: block;
	width:418px;
	height:33px;
	background: url(images/top-main-kurashiinfo-head.gif) 0px 0px no-repeat;
}
.main-kurashiinfo-head a:link{

}
.main-kurashiinfo-head a:visited{

}

.main-kurashiinfo-head a:hover{
	background: url(images/top-main-kurashiinfo-head.gif) 0px 0px no-repeat;
	background-position: 0px -33px;

}

.main-kurashiinfo-head a:active{

}


.life-event a{
	float:left;
	display:block;
	width:418px;
	height:25px;
	background: url(images/top-main-kurashiinfo-life-a.gif) 0px 0px no-repeat;
}
.life-event a:hover{
	background: url(images/top-main-kurashiinfo-life-a.gif) 0px -25px no-repeat;
}
.kurashi-guaid div {
	margin: 0px;
	padding: 0px;
	line-height: 28px;
	float:left;
	width:418px;
	height:28px;
	background: url(images/top-main-kurashiinfo-guide-.gif) 0px 0px no-repeat;
}

.kurashi-guaid a{
	float:left;
	display:block;
	width:418px;
	height:28px;
	background: url(images/top-main-kurashiinfo-guide-.gif) 0px 0px no-repeat;
}
.kurashi-guaid a:hover{
	background: url(images/top-main-kurashiinfo-guide-.gif) 0px -28px no-repeat;
}


/* ----------------------------------
    暮らしのイベントで選ぶ ------- */
.le-syussan a{
	float:left;
	display:block;
	width:64px;
	height:74px;
	background: url(images/top-main-kurashiinfo-life-b.gif) 0px 0px no-repeat;
}
.le-syussan a:hover{
	background: url(images/top-main-kurashiinfo-life-b.gif) 0px -74px no-repeat;
}
.le-kosodate a{
	float:left;
	display:block;
	width:57px;
	height:74px;
	background: url(images/top-main-kurashiinfo-life-b.gif) -64px 0px no-repeat;
}
.le-kosodate a:hover{
	background: url(images/top-main-kurashiinfo-life-b.gif) -64px -74px no-repeat;
}
.le-kekkon a{
	float:left;
	display:block;
	width:59px;
	height:74px;
	background: url(images/top-main-kurashiinfo-life-b.gif) -121px 0px no-repeat;
}
.le-kekkon a:hover{
	background: url(images/top-main-kurashiinfo-life-b.gif) -121px -74px no-repeat;
}
.le-rikon a{
	float:left;
	display:block;
	width:58px;
	height:74px;
	background: url(images/top-main-kurashiinfo-life-b.gif) -180px 0px no-repeat;
}
.le-rikon a:hover{
	background: url(images/top-main-kurashiinfo-life-b.gif) -180px -74px no-repeat;
}
.le-hikkosi a{
	float:left;
	display:block;
	width:59px;
	height:74px;
	background: url(images/top-main-kurashiinfo-life-b.gif) -238px 0px no-repeat;
}
.le-hikkosi a:hover{
	background: url(images/top-main-kurashiinfo-life-b.gif) -238px -74px no-repeat;
}
.le-kaigo a{
	float:left;
	display:block;
	width:58px;
	height:74px;
	background: url(images/top-main-kurashiinfo-life-b.gif) -297px 0px no-repeat;
}
.le-kaigo a:hover{
	background: url(images/top-main-kurashiinfo-life-b.gif) -297px -74px no-repeat;
}
.le-okuyami a{
	float:left;
	display:block;
	width:63px;
	height:74px;
	background: url(images/top-main-kurashiinfo-life-b.gif) -355px 0px no-repeat;
}
.le-okuyami a:hover{
	background: url(images/top-main-kurashiinfo-life-b.gif) -355px -74px no-repeat;
}

.kurasi-t-head-a{
	width:402px;
	height:23px;
	background: url(images/top-main-kurashiinfo-life-t.gif) 0px 0px no-repeat;
}

/* ----------------------------------
    暮らしのガイドで選ぶ           */
.kurasi-guaid-table{
	clear:both;
	border-collapse:collapse;
	margin: 3px auto;
	width:402px;
}
.kurasi-t-li{
	margin:0px;
	padding:0.2em;
}
.kurasi-t-li li{
	display:inline;
	font-size:90%;
}
.li-top{
	margin-left:0em;
	padding-left:0.5em;
	border-left:solid 1px #000;
}

.kurasi-t-th{
	border:1px solid rgb(97,142,206);
	background:rgb(10,73,162);
	color:#FFF;
	width:47px;
}
.kurasi-t-th a{
	color:#FFF;
}
.kurasi-t-th a:hover{
	color:#f99;
}

.kurasi-guaid-table td{
	border:1px solid rgb(97,142,206);
	width:355px;
}
.kurasi-t-foot{
	width:402px;
	height:24px;
	background: url(images/top-main-kurashiinfo-food.gif) no-repeat;
}

/* ---------------------------------------------------------
      サイドバー（右）設定
--------------------------------------------------------- */
.city-access a{
	float:left;
	display:block;
	background: url(images/top-rside-access.gif) 0px 0px no-repeat;
	width:172px;
	height:27px;
}
.city-access a:hover{
	background: url(images/top-rside-access.gif) 0px -27px no-repeat;
}
.rside-info{
	float:left;
	display:block;
	clear:both;
	margin:10px auto;
}
.rside-advertise{
	float:left;
	display:block;
	clear:both;
	width:172px;
	background:rgb(238,242,247);
	text-align:center;
}


.rside-advertise-bottom{
	float:left;
	display:block;
	clear:both;
	width:172px;
	background:rgb(238,242,247);
	font-size:80%;
	color:#1A37AC;
	text-align:center;
}
.kouhou{
	float:left;
	display:block;
	clear:both;
	width:172px;
	margin:2px auto;
}
.kouho-head{
	width:172px;
	height:41px;
	background: url(images/top-rside-kouhou01.gif) no-repeat;
}
.kouhou-content ul{
	list-style: url(images/top-lside-oyakudachi04.gif);
	margin:0px auto;
	width:172px;
	font-size:90%;
	background: url(images/top-rside-kouhou02.gif) repeat-y;
}
/* IE7だけに設定するHack */
*:first-child+html .kouhou-content ul li{
	list-style: url(images/top-lside-oyakudachi04.gif);
	margin-left:2.5em;
}
/* IE6以前に設定するHack */
*html .kouhou-content ul li{
	list-style: url(images/top-lside-oyakudachi04.gif);
	margin-left:2.3em;
}

.kouhou-bottom{
	margin:0px auto;
	width:172px;
	height:7px;
	background: url(images/top-rside-kouhou03.gif) no-repeat;
}
.mobile-site a{
	float:left;
	display:block;
	clear:both;
	width:172px;
	height:36px;
	background: url(images/top-rside-keitai.gif) 0px 0px no-repeat;
}
.mobile-site a:hover{
	background: url(images/top-rside-keitai.gif) 0px -36px no-repeat;
}

.mail-mag a{
	float:left;
	display:block;
	clear:both;
	width:172px;
	height:36px;
	background: url(images/top-rside-merumaga.gif) 0px 0px no-repeat;
}
.mail-mag a:hover{
	background: url(images/top-rside-merumaga.gif) 0px -36px no-repeat;
}

.other-link{
	margin:10px auto;
	float:left;
	display:block;
	clear:both;
	width:172px;
	text-align:center;
}
.other-link a{
	border:0px;
	margin:0px;
}
.other-link img{
	display:block;
	margin:3px 0px;
	border:0px;
}

.denshi-sinsei{
	clear:both;
	margin:5px auto;
	text-align:center;
}
.denshi-sinsei a img{
	border:none;
}




/* --------------------------------------------------------
     サイドバー（左）設定
-------------------------------------------------------- */
.bousai{
	padding-top:2px;
	padding-left:4px;
	display:block;
}
.bousai-head a{
	float:left;
	display:block;
	background: url(images/top-lside-bousai01.gif) 0px 0px no-repeat;
	width:171px;
	height:36px;
}
.bousai-head a:hover{
	background: url(images/top-lside-bousai01.gif) 0px -36px no-repeat;
}
.bousai-content{
	float:left;
	display:block;
	width:171px;
	background: url(images/top-lside-bousai02.gif) 0px 0px repeat-y;
}
.bousai-content ul{
	margin:0px;
}

/* IE7だけに設定するHack */
*:first-child+html .bousai-content ul{
	margin-left:2.5em;
}
/* IE6以前に設定するHack */
*html .bousai-content ul{
	margin-left:2.5em;
}


.bousai-content ul li{
	list-style: url(images/top-lside-bousai04.gif);
	margin-left:-1em;
	padding:3px;
	font-size:90%;
}

*html .bousai-content ul li{
	margin-left:-1em;
	padding:3px;
}

.bousai-foot{
	float:left;
	display:block;
	width:171px;
	height:8px;
	background: url(images/top-lside-bousai03.gif) 0px 0px no-repeat;
}



.oyakudachi{
	padding-left:4px;
	display:block;
	clear:both;
}
.oyakudachi-head a{
	float:left;
	display:block;
	background: url(images/top-lside-oyakudachi01.gif) 0px 0px no-repeat;
	width:171px;
	height:46px;
}
.oyakudachi-head a:hover{
	background: url(images/top-lside-oyakudachi01.gif) 0px -46px no-repeat;
}
.oyakudachi-content{
	float:left;
	display:block;
	width:171px;
	background: url(images/top-lside-oyakudachi02.gif) 0px 0px repeat-y;
}
.oyakudachi-content ul{
	margin:0px;
}

/* IE7だけに設定するHack */
*:first-child+html .oyakudachi-content ul{
	margin-left:2.5em;
}
/* IE6以前に設定するHack */

*html .oyakudachi-content ul{
	margin-left:2.5em;
}
.oyakudachi-content ul li{
	list-style: url(images/top-lside-oyakudachi04.gif);
	margin-left:-1em;
	padding:3px;
	font-size:90%;
}



.side-menu{
	margin:0px auto;
	clear:both;
}

.side-m01 a{
	float:left;
	display:block;
	margin-top:10px;
	width:174px;
	height:30px;
	background: url(images/top-lside-menu01.gif) 0px 0px no-repeat;
}
.side-m01 a:hover{
	background: url(images/top-lside-menu01.gif) -174px 0px ;
}
.side-m02 a{
	float:left;
	display:block;
	width:174px;
	height:31px;
	background: url(images/top-lside-menu01.gif) 0px -32px no-repeat;
}
.side-m02 a:hover{
	background: url(images/top-lside-menu01.gif) -174px -32px ;
}
.side-m03 a{
	float:left;
	display:block;
	width:174px;
	height:31px;
	background: url(images/top-lside-menu01.gif) 0px -63px no-repeat;
}
.side-m03 a:hover{
	background: url(images/top-lside-menu01.gif) -174px -63px ;
}
.side-m04 a{
	float:left;
	display:block;
	width:174px;
	height:31px;
	background: url(images/top-lside-menu01.gif) 0px -94px no-repeat;
}
.side-m04 a:hover{
	background: url(images/top-lside-menu01.gif) -174px -94px ;
}
.side-m05 a{
	float:left;
	display:block;
	width:174px;
	height:31px;
	background: url(images/top-lside-menu01.gif) 0px -125px no-repeat;
}
.side-m05 a:hover{
	background: url(images/top-lside-menu01.gif) -174px -125px ;
}
.side-m06 a{
	float:left;
	display:block;
	width:174px;
	height:31px;
	background: url(images/top-lside-menu01.gif) 0px -156px no-repeat;
}
.side-m06 a:hover{
	background: url(images/top-lside-menu01.gif) -174px -156px ;
}
.side-m07 a{
	float:left;
	display:block;
	width:174px;
	height:31px;
	background: url(images/top-lside-menu01.gif) 0px -187px no-repeat;
}
.side-m07 a:hover{
	background: url(images/top-lside-menu01.gif) -174px -187px ;
}
.side-m08 a{
	float:left;
	display:block;
	width:174px;
	height:31px;
	background: url(images/top-lside-menu01.gif) 0px -218px no-repeat;
}
.side-m08 a:hover{
	background: url(images/top-lside-menu01.gif) -174px -218px ;
}
.side-m09 a{
	float:left;
	display:block;
	width:174px;
	height:35px;
	background: url(images/top-lside-menu01.gif) 0px -249px no-repeat;
}
.side-m09 a:hover{
	background: url(images/top-lside-menu01.gif) -174px -249px ;
}


.gyousei-jouhou{
	margin-left:2px;
	width:168px;
	clear:both;
	display:block;
	border:1px solid rgb(97,142,206);
}
.gyousei-jouhou-head a{
	float:left;
	display:block;
	background: url(images/top-lside-gyousei01.gif) 0px 0px no-repeat;
	width:167px;
	height:34px;
}
.gyousei-jouhou-head a:hover{
	background: url(images/top-lside-gyousei01.gif) 0px -34px no-repeat;
}
.gyousei-jouhou-content ul{
	margin:0px;
	clear:both;
}
/* IE7だけに設定するHack */
*:first-child+html .gyousei-jouhou-content ul{
	margin-left:2.5em;
}
/* IE6以前に設定するHack */
*html .gyousei-jouhou-content ul{
	margin-left:2.3em;
}

.gyousei-jouhou-content ul li{
	list-style: none ;
	margin-left:-2em;
	padding:3px;
	font-size:90%;
}


/* --------------------------------------------------------
          フッター部飾り付け
-------------------------------------------------------- */
.top-footer-add{
	font-size:90%;
	float:left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 400px;
	padding-left: 110px;
	color: #333333;
}

.top-footer-jinkou{
	float:right;
	margin-top:30px;
	width: 265px;
	font-size:80%;
	margin-bottom: 16px;
}

.top-footer-jinkou table {
	border-top: 1px solid #884596;
	border-left: 1px solid #884596;
}

.top-footer-jinkou table th {
	border-right: 1px solid #884596;
	border-bottom: 1px solid #884596;
	background-color: #884596;
	color: #FFFFFF;
}

.top-footer-jinkou table td {
	border-right: 1px solid #884596;
	border-bottom: 1px solid #884596;
	background-color: #F7E3FD;
}

.top-footer-menu{
	font-size:90%;
	clear:both;
	width:780px;
	margin:0px;
	padding:0px;
}

.top-footer-menu ul{
	margin:0px;
	padding:0px;
	text-align:center;
	clear: both;
}

.top-footer-menu ul li{
	padding-left:15px;
	background: url(images/top-footer-icon.gif) no-repeat;
	display:inline;

}



/* ---------------------------------------------------------
            その他の諸問題を解決
--------------------------------------------------------- */

/* *** IEとかあの辺の問題を解決 *** */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

}



/*printer styles*/
@media print{
form{ display:none; }
#leftcol{
/* display:none; */
}
#rightcol{
/* display:none; */
}
#twocols, #maincol{width:100%; float:none;}
#mainnavi{display:none;}
#header-function{display:none;}









}

@media aural{
.hidden{ display:inline; }

}