@charset "UTF-8";

/* 一括で全ての要素の余白をゼロに指定 */
*{
padding:0;
margin:0;
}

/* --- 全体の背景・テキスト --- */
html {
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
overflow-y: scroll;
}

body {
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
background: #cccccc;
color: #333333;														/* 全体の文字色 */
font-size:13px;		/* フォントサイズ指定 */
*font-size:small;
*font:x-small;
}

/*--------------------
	font-size
----------------------
10px - 77%
11px - 85%
12px - 93%
13px - 100%
14px - 108%
15px - 116%
16px - 123.1%
17px - 131%
18px - 138.5%
19px - 146.5%
20px - 153.9%
21px - 161.6%
22px - 167%
23px - 174%
24px - 182%
25px - 189%
26px - 197%
--------------------*/

/* --- 全体のリンクテキスト・画像 --- */
a {text-decoration: none;}
a {
overflow: hidden;
outline: none;
}								/* FireFox リンク選択時の点線を消す　*/
a:link { color:#fff;}
a:visited { color:#fff;}
a:hover { color:#ff0000;}
a:active { color:#ff0000;}

/* 画像指定 */
img{
border:0;
}

/* --- clearfix --- */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* 共通 */
.lsp20{
margin-left:20px;
}

ul{
list-style-type: none;
}

/* --------------------------------------------------

全体のレイアウト

-------------------------------------------------- */


	/* --- コンテナ --- */
	
	.container {
	width: 770px; /* ページの幅 */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; /* センタリング */
	}
	
	.wrapper{
	padding-bottom:10px;
	}
	
	.containerInner {
	width: 770px;

	}
	
	/* --- ヘッダ --- */
	.header {
	background: #FFF;
	width: 770px;
	height:130px;
	margin:30px 0 15px 0;
	}
	
	.navigation{
	margin:15px 0;
	}
	
	/* --- メインコンテンツ --- */
	.main_content{
	clear: both;
	margin: 0;
	width: 770px;
	min-height: 559px;
	height: 100%;
	background-color: #FFFFFF; /* メインコンテンツの背景色 */
	font-size:100%;
	}
	
	.m_content{
	margin-top: 100px;
	width: 770px;
	height: 100%;
	margin:auto;
	}
	
	.content{
	margin:0 20px;

	}
	
		/* --- トップページメインカラム --- */
		.mainLeft{
		width:542px; /* 左サイドバーの幅 */
		height: 100%;
		float: left;
		margin:0 9px 15px 13px;
		}
		
		.mainRight{
		width:198px; /* 右サイドバーの幅 */
		height: 100%;
		float: left;
		margin:0 0 15px 0;
		}
		


		/* --- アクセスプページメインカラム --- */
		.mainLeft_half{
		width:152px; /* 左サイドバーの幅 */
		height: 100%;
		float: left;
		margin:15px 12px 15px 12px;
		}
		
		.mainRight_half{
		width:582px; /* 右サイドバーの幅 */
		height: 100%;
		float: left;
		margin:0 0 15px 0;
		}
		
		/* --- コンタクトページメインカラム --- */
		.mainLeft_wide{
		width:400px; /* 左サイドバーの幅 */
		height: 100%;
		float: left;
		margin:0 30px 15px 30px;
		}
		
		.mainRight_narrow{
		width:640px; /* 右サイドバーの幅 */
		height: 100%;
		float: left;
		margin:0 30px 15px 0;
		}
		
		/* --- コンタクト(送信後)ページメインカラム --- */
		.main{
		width:1070px; /* 左サイドバーの幅 */
		height: 100%;
		float: left;
		clear:both;
		margin:0 30px 15px 30px;
		}


	/* --- フッタ --- */
	.footer{
	clear:both; /* フロートのクリア */
	width:100%;
	height:120px;
	margin:0 0 30px 0;
	padding-top:0;
	text-aling:right;
	background: #00002c;
	}

/* --------------------------------------------------

ヘッダ

-------------------------------------------------- */

.header_line{
width:770px;
height:30px;
background:#e4e0e0;
background: url(../img/header_bg.gif) repeat #175df1;
}

.header_text{
color:#ffffff;
line-height:30px;
float:left;
margin:0 0 0 20px;
padding:0;
}

.header_navi{
width:300px;
height:30px;
text-align:right;
float:right;
position:relative;
}

.header_navi ul{
margin:0 10px;
padding: 0;
list-style-type: none;
position:absolute;
right:0;
top: 0;
line-height:30px;
}

.header_navi li{
float:left;
font-size:93%;
margin:0 10px;
text-align:center;
}

.header_navi a:link { color:#fff;}
.header_navi a:visited { color:#fff;}
.header_navi a:hover { color:#ff0000;}
.header_navi a:active { color:#ff0000;}

.header_logo{
display: block;
float: left;
margin-left:12px;
margin-top:5px;
width:300px;
height:70px;
}

.header_access{
margin-right:12px;
}

.header_access_Inner{
margin-top:6px;
float:right;
text-align:right;
background:#175df1;
border:2px solid #00002c;
padding:3px 5px;
color:#fff;
}

.header_access ul{
list-style-type: none;
}

.header_access_Inner li span{
font:bold 146.5% "ＭＳ Ｐゴシック",sans-serif !important;
}

.header_access li{
font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif !important;		/* フォントサイズ指定 */
list-style-type: none;
font-size:11px;
line-height:13px;
}


.header_navi_sub{
color:#fff;
}

ul#other {
  position:relative;
  list-style: none;
}

ul#other li {
  position:absolute;
  width:146px;
  height:63px;
  top:80px;
  text-indent:-9999px;
}

ul#other li#other01 {left:525px; background: url(../img/hoken.gif) no-repeat;}
ul#other li#other02 {left:600px; background: url(../img/qa.gif) no-repeat;}
ul#other li#other03 {left:680px; background: url(../img/contact_01.gif) no-repeat;}
ul#other li#other04 {left:440px; background: url(../img/info.gif) no-repeat;}

ul#other li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width:80px;
  height:20px;
}

/* --------------------------------------------------

ナビゲーション

-------------------------------------------------- */

ul.navi {
margin: 0; 
padding: 0; 
list-style: none;
font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}

ul.navi {
width: 100%;
height:45px;
zoom: 1;
}
 
ul.navi li {
display:inline;
float:left;
height:51px;
background-color: #00002c;
color: #FCFCFC;
text-align: center;
border-top:5px solid #FCFCFC;
}

ul.navi li.menu01{
width:124px;
}

ul.navi li.menu02{
width:215px;
}

ul.navi li.menu03{
width:124px;
}

ul.navi li.menu04{
width:138px;
}

ul.navi li.menu05{
width:77px;
}

ul.navi li.menu06{
width:92px;
}

ul.navi a{
width:100%;
height:100%;
color: #fff;
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
}

ul.navi a:hover{
color: #888;
}

ul.navi p{
font-size:131%;
font-family:'Impact',"ＭＳ ゴシック",sans-serif;
*font-family:"ＭＳ ゴシック",sans-serif;
line-height:0px;
margin-top:19px;
}

ul.navi span{
font: 77% "ＭＳ ゴシック",sans-serif;
line-height: 30px !important;
}


/* --------------------------------------------------

コンテンツ

-------------------------------------------------- */
.containerInner{

}

.contentInner{
width:876px;
margin:0 auto;
}

.notes{
width:876px;
margin:20px 0 auto;
line-height:20px;
text-align:right;
}

.notes img{
margin-right:10px;
margin-bottom:-5px;
}

h3 {
color:#333;
font:bold 116% "ＭＳ ゴシック",sans-serif;
}

h4{
background: url(../img/class/line_dot.gif) no-repeat left bottom;
font-size:100%;
margin:40px 0 10px 0;
color:#dd7070;
}

h4 p{
margin-left:210px;
}

/* --- トップページ --- */
	
h2{
color:#fff;
font:bold 153.9% "ＭＳ ゴシック",sans-serif;
margin:20px 0px;
}

	/* --- ブログのタイトル表示 --- */
		.top_recent_updates h2{
		width:542px;
		background:url(../img/h3_bg.gif) no-repeat;
		color:#ffffff;
		padding-left:5px;
		padding-top:4px;
		margin-bottom:5px;
		font-size:14px;
		}
		
		.top_news h2{
		width:542px;
		height:22px;
		background:url(../img/h3_bg.gif) no-repeat;
		color:#ffffff;
		padding-left:5px;
		padding-top:4px;
		margin-bottom:5px;
		font-size:14px;
		}
		
		.top_box01{
		width:100%;
		margin: 0 0 0 0;
		background: url(../img/bg_02.gif)  scroll top;
		line-height:45px;
		}
		
		.top_box01_inner{
		margin: 10px 15px 20px 15px;
		}
		
		.top_box01 li{
		border-bottom: 1px dotted #555;
		background:url(../img/list_style01.gif) 5px 50% no-repeat;
		height:45px;
		}
		
		.top_box01 li span{
		font-size:93%;
		width:100px;
		margin:5px 50px 1px 20px;;
		}

	/* --- Works --- */
	
		.mainLeft_category{
		font-size:85%;
		margin:60px 0 0 0;
		line-height:15px;
		}
		
		.mainLeft_category img{
		border:2px solid #175df1;
		}
		
		.mainLeft_category dd{
		margin: 5px 0;
		line-height:15px;
		padding:0 4px;
		}
		
		.text_01{
		font-size:116%;
		font-weight:bold;
		line-height:30px;
		color:#333333;
		}
		
		.category_box00{
		width:542px;
		}
		
		.category_box01 {
		width:266px;
		float: left;
		margin: 20px 10px 0 0;
		}
		
		.category_box02 {
		width:266px;
		float: left;
		margin: 20px 0 0 0;
		}
		.category_box dd{
		width:266px;
		margin: 5px 0;
		}
		
		.category_box03 {
		width:542px;
		float: left;
		margin: 20px 0 20px 0;
		}
		

	/* --- What's New --- */
		.news_box{
		width:100%;
		margin: 0 0 0 0;
		background: url(../img/bg_02.gif)  scroll top;
		}
		.news_box_inner{
		margin: 10px;
		color:#fff;
		}
		
		dl.news {
		margin:0;
		border-bottom:1px dotted #555;
		}
		
		dl.news dt {
		font-size:93%;
		float:left;
		clear: left;
		width:100px;
		height:30px;
		background:url(../img/list_style01.gif) 5px 50% no-repeat;
		border-top:1px dotted #555;
		padding: 5px 3px 0px 20px;
		display: table-cell;
		line-height:30px;
		vertical-align: middle;
		color:#fff;
		}
		dl.news dd {
		font-size:100%;
		width:430px;
		border-top:1px dotted #555;
		margin-left:90px;  
		padding: 3px;
		height:30px;
		display: table-cell;
		line-height:30px;
		vertical-align: middle;
		color:#fff;
		}
		
		/* IE 6 */
		* html div.wrap div {
		display: inline;
		zoom: 1;
		}
		/* IE 7 */
		*:first-child+html div.wrap div {
		display: inline;
		zoom: 1;
		}
		/*\*//*/
		* html div.wrap div {
		display: inline-block;
		}
		/**/
		
		dl.news dt:first-child{
		border:none;
		}
		dl.news dt:first-child + dd{
		border:none;
		line-height:20px;
		}
		dl.news dd img{
		padding:0 5px 0 0;
		}
	
	/* --- banner --- */
		.top_banner{
		margin: 22px 2px 57px 2px;
		text-align:right;
		}
		
		.top_banner img{
		margin-bottom:17px;
		border:2px solid #fff;
		}
	
	
	/* --- Shop --- */
	
		.top_shop{
		margin-top:306px;
		float:right;
		}
		
		.shop_box02{
		width:190px;
		height:125px;
		text-align:right;
		background:#175df1;
		}
		
		.shop_box02_in{
		width:182px;
		height:117px;
		margin:0 auto;
		position:relative;
		top:4px;
		text-align:right;
		background:#fff;
		}
		
		.top_shop ul{
		margin:5px;
		padding: 0;
		list-style-type: none;
		}
		
		.shop_box02 li{
		font-size:85%;
		line-height:15px;
		}



/* トップページ以外の共通
---------------------------------------------------- */ 
.mainRight_half_h2_or{
 width:570px;
 height:25px;
 margin: 10px 0 10px 0;
 font-size:16px;
 padding:8px 0 0 7px;
 border-left: 5px solid  #FF9900;
 border-bottom: 1px solid  #FF9900;
 color:#333;
}

.mainRight_half_h2_bl{
 width:570px;
 height:25px;
 margin: 10px 0 10px 0;
 font-size:16px;
 padding:8px 0 0 7px;
 border-left: 5px solid  #175DF1;
 border-bottom: 1px solid  #175DF1;
 color:#333;
 }

.mainRight_half h3{
 width:580px;
 height:20px;
 margin: 10px 0 10px 0;
 font-size:14px;
 padding:3px 0 0 2px;
 background:#175DF1;
 color:#ffffff;
 } 
 
.mainRight_half h4{
 width:580px;
 margin: 10px 0 10px 0;
 font-size:12px;
 padding:3px 0 0 2px;
 color:#175DF1;
 }

.mainRight_half a:link { color:#175df1;}
.mainRight_half a:visited { color:#175df1;}
.mainRight_half a:hover { color:#ff0000;}
.mainRight_half a:active { color:#ff0000;}

#submenu {
  position:relative;
  list-style: none;
  margin:27px 2px;
  padding:7px 0px 0px 0px;
  width:146px;
}

#submenu_inner{
  background:#ffffff;
  margin: 1px;
  width:144px;
}

#_submenu li {
  background: url(../img/list_mark.gif) no-repeat left top;
  background-position:7px 5px ;
  list-style-type: none;
  padding:3px 0px 3px 25px;
  line-height: 120%;
  margin: 1px 0px;
  text-align: left;
}

#_submenu li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
}

#_submenu a:link,a:visited,a:hover{color: #666666;text-decoration: none;}

p{
  line-height: 1.8;
}

.mainRight_half img {
	margin:5px 5px 10px 0;
}

.mainRight_half table{
  line-height: 1.8;
}



/* --- 会社案内ページ --- */
.m_con_company{
background:#fff;
height:100%;
}

img#mawarikomi {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

.company_box{
	line-height:18px;
	width:50%;
	height:100%;
	margin:20px 0 10px 0;
}
.company_p img{
	float: left;
}
.company_div{
float: left;
	line-height:18px;
	width:50%;
	height:100%;
	margin:2px 0 10px 0;
}

	/* --- 表 --- */

		dl.company {
		margint:0px;
		border-bottom:1px dotted #555;
		width:560px;
		}
		
		dl.company dt {
		font-size:85%;
		float:left;
		width:100px;
		height:30px;
		background:url(../img/list_style01.gif) 5px 50% no-repeat;
		border-top:1px dotted #555;
		padding: 5px 3px 1px 20px;
		display: table-cell;
		line-height:30px;
		vertical-align: middle;
		}
		dl.company dd {
		font-size:100%;
		width:430px;
		border-top:1px dotted #555;
		margin-left:90px;  
		padding: 3px;
		height:30px;
		display: table-cell;
		line-height:30px;
		vertical-align: middle;
		}
		
		/* IE 6 */
		* html div.wrap div {
		display: inline;
		zoom: 1;
		}
		/* IE 7 */
		*:first-child+html div.wrap div {
		display: inline;
		zoom: 1;
		}
		/*\*//*/
		* html div.wrap div {
		display: inline-block;
		}
		/**/
		
		dl.company dt:first-child{
		border:none;
		}
		dl.company dt:first-child + dd{
		border:none;
		line-height:20px;
		}
		dl.company dd img{
		padding:0 5px 0 0;
		}


/* --- コンタクトページ --- */

.contact_left{
margin:30px 0 10px 32px;
line-height:24px;
}

.contact_left p{
margin: 0 0 0 20px;

}

.contact_box{
line-height:18px;
width:582px;
height:100%;
margin:0px auto;
}

.contact_box_inner{
line-height:18px;
width:582px;
height:100%;
margin:40px auto;
}

.contact_box_txt01{
font-size:115%;
}

.contact_box_txt02{
font-size:85%;
}

.main_half a:link { color:#175df1;}
.main_half a:visited { color:#175df1;}
.main_half a:hover { color:#ff0000;}
.main_half a:active { color:#ff0000;}


.contact_return_btn a:link { color:#fff;}
.contact_return_btn a:visited { color:#fff;}
.contact_return_btn a:hover { color:#b0c4de;}
.contact_return_btn a:active { color:#b0c4de;}

.main_half{
width:584px; /* 右サイドバーの幅 */
height: 100%;
}



.contact_return_btn{
width:250px;
margin:30px auto 0px auto;
}


a.contact_return {
	text-align:center;
	cursor:pointer;     /*←これでカーソルを指先型に変化させる*/
	font-size:130%;
	font-weight: bold;
	width:150px;
	padding: 4px 10px;
	margin:30px auto;
	color: #fff;
	border:1px solid #555;
	background: #175df1;
/*↓以下、ボックスの角丸の指定*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


/* --- アクセスページ --- */

.access_box{
	line-height:18px;
	width:50%;
	height:100%;
	margin:20px 0 10px 0;
}

	/* --- 表 --- */

		dl.access {
		margint:0px;
		border-bottom:1px dotted #555;
		width:490px;
		}
		
		dl.access dt {
		font-size:85%;
		float:left;
		width:100px;
		height:30px;
		background:url(../img/list_style01.gif) 5px 50% no-repeat;
		border-top:1px dotted #555;
		padding: 5px 3px 1px 20px;
		display: table-cell;
		line-height:30px;
		vertical-align: middle;
		}
		dl.access dd {
		font-size:100%;
		width:360px;
		border-top:1px dotted #555;
		margin-left:90px;  
		padding: 3px;
		height:30px;
		display: table-cell;
		line-height:30px;
		vertical-align: middle;
		}
		
		/* IE 6 */
		* html div.wrap div {
		display: inline;
		zoom: 1;
		}
		/* IE 7 */
		*:first-child+html div.wrap div {
		display: inline;
		zoom: 1;
		}
		/*\*//*/
		* html div.wrap div {
		display: inline-block;
		}
		/**/
		
		dl.access dt:first-child{
		border:none;
		}
		dl.access dt:first-child + dd{
		border:none;
		line-height:20px;
		}
		dl.access dd img{
		padding:0 5px 0 0;
		}

.map{
margin-top:60px;
}

#map{
color:#000;
}

/* --- 鈑金ページ --- */


p.bankin{
padding:3px;
width:575px;
background:#E6E6E6;
}

.red{
font-size:16px;
color:#FF0000;
font-weight:bold;
}

.redsmall{
font-size:12px;
color:#FF0000;
font-weight:bold;
}



.tex-col{
	color:#ff0000;
}

.td01{
	background-color:#6699FF;
	width:70px;
	color:#ffffff;
}

.td02{
	background-color:#6699FF;
	width:170px;
	color:#ffffff;
}

.td03{
	background-color:#e2f3ff;
	width:70px;
}

.td04{
	background-color:#e2f3ff;
	width:170px;
}

.td05{
	background-color:#ffffff;
	width:170px;
}

.border{
	border-bottom: dotted 1px #999999;
}

ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}




/* --- ボディコーティングページ --- */
.body_box img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
}

p.body{
padding:3px;
width:575px;
background:#E6E6E6;
}

.arrow{
	margin-left: 38px;
}

.catchphrase{
 margin: 10px 0 10px 0;
 padding:7px 0px 0px 0px;
 color:#5A5A5A;
 font-size:21px;
 font-weight: bold;
 line-height: 120%;
}

.details{
	text-align:left;
}

.detail_inner{
  background: url(../img/list_mark.gif) no-repeat ;
  background-position:3px 4px ;
  padding:0px 0px 0px 20px;
  line-height: 120%;
}

.detail_inner a{
    color: #333;
}

.tex-col{
	color:#ff0000;
}

.td01{
	background-color:#6699FF;
	width:70px;
	color:#ffffff;
}

.td02{
	background-color:#6699FF;
	width:170px;
	color:#ffffff;
}

.td03{
	background-color:#e2f3ff;
	width:70px;
}

.td04{
	background-color:#e2f3ff;
	width:190px;
}

.mainRight_half h5{
 width:580px;
 margin: 10px 0 5px 0;
 font-size:14px;
 padding:3px 0 0 2px;
 color:#cc0000;
}

.mainRight_half h6{
 width:580px;
 margin: 10px 0 10px 0;
 font-size:16px;
 padding:3px 0 0 2px;
 color:#CC9900;
 border-bottom: dotted 1px #999999;
}

.table-title{
 margin: 10px 0 5px 0;
 font-size:14px;
 padding:3px 0 0 2px;
 color:#175DF1;		
}

.sub-title{
 width:580px;
 margin: 10px 0 10px 0;
 font-size:14px;
 padding:3px 0 0 2px;
 color:#CC9900;
 border-bottom: dotted 1px #CC9900;
}

.s_title{
 width:580px;
 margin: 0px 0 7px 0;
 font-size:14px;
 color:#cc0000;
}

/* --- クレジットページ --- */
p.caution{
 color:red;
 font-size:85%;
}

p.red{
 color:#000000;
 font-weight:bold;
 font-size:100%;
}

/* --- 保険ページ --- */
ul.hoken_list li {
  background: url(../img/list_mark02.gif) no-repeat ;
  background-position:16px 0px ;
  list-style-type: none;
  padding:3px 0px 3px 40px;
  line-height: 120%;
  margin: 1px 0px;
  text-align: left;
}

ol li {
  margin-bottom:10px;
  text-align: left;
}

.word{
	margin-left:13px;
}

/* --- 施工ページ --- */
p.syuuri{
 width:146px;
 height:58px;
 margin:0 0 10px 2px;
 background:url(../img/contact.gif) no-repeat;
 text-indent:-9999px;
 }

p.sekou{
 width:146px;
 height:58px;
 margin:10px 0 10px 2px;
 background:url(../img/construction.gif) no-repeat;
 text-indent:-9999px;
}

.sample2 th{
	border-bottom: 2px solid #175DF1;
	font-size:16px;
	color:#175DF1;
}
.sample2 td{
	border-bottom: 1px dotted #DDD;
}

td#subtotal{
	border-top: 2px solid #DDD;
	border-bottom: 1px dotted #DDD;
}

td#sum{
	border-top: 2px solid #DDD;
	border-bottom: 1px solid #fff;
}

.price{
	text-align:right;
}

.notes{
	width:383px;
	margin:10px 6px 30px 203px;
	line-height: 120%;
}


/* --------------------------------------------------

フッター

-------------------------------------------------- */


.tmp_footer{
margin-top:100px;
width: 100%;
height: 100%;
}

.footInnerBox{
width:100%;
height:80px;
background: url(../img/bg_03.gif) repeat-x scroll bottom;
position:relative;
}

.footInnerBox div{
margin-bottom:25px;
}

.footInnerBox p{
font-size:93%;
}

.footContact_l{
float:left;
width:550px;
margin:0 0 0 0;
padding:0 0 0 15px;
position:absolute;
bottom:0;
margin:9px 0;
color:#FFF;
}

.footContact_c{
float:left;
width:370px;
position:absolute;
bottom:0;
left:630px;
margin:10px 0;
}

.footContact_r{
width:195px;
margin:55px 15px 10px 0;
float:left;
position:absolute;
bottom:0;
right:0;
text-align:right;
}


/*-----------------
clearfix
-----------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	max-height: 0;
	visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
	display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}