/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0px;
	padding: 0px;
}

img, fieldset {
	border: 0;
}


/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}


/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html {
	height: 100%;
}
body {
	color: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	font-size: 14px;
	line-height: 140%;
	background: url(/images/dot_bg01.jpg) center center / cover no-repeat fixed;
}
p {
	margin: 0 0 1.6em;
	padding: 0;
}
/* font */
.px9 { font-size: 9px; line-height: 130%; COLOR: #000000;}
.px9b { font-size: 9px; line-height: 130%; font-weight: bold; COLOR: #494949;}
.px10 { font-size: 10px; line-height: 130%; COLOR: #000000;}
.px10b { font-size: 10px; line-height: 130%; font-weight: bold; COLOR: #494949;}
.px12 { font-size: 14px; line-height: 130%; COLOR: #000000;}
.px12b { font-size: 14px; line-height: 130%; font-weight: bold; COLOR: #494949;}
.px14 {	font-size: 16px; line-height: 130%; COLOR: #000000;}
.px14b { font-size: 16px; line-height: 130%; font-weight: bold; COLOR: #494949;}
.px14bb { font-size: 16px; line-height: 130%; font-weight: bold; COLOR: #003F72;}
.px16 { font-size: 18px; line-height: 130%; COLOR: #000000;}
.px16b { font-size: 18px; line-height: 130%; font-weight: bolder; COLOR: #494949;}
.px18 { font-size: 20px; line-height: 130%; COLOR: #000000;}
.px18b { font-size: 20px; line-height: 130%; font-weight: bold; COLOR: #494949;}
.px20 { font-size: 22px; line-height: 130%; COLOR: #000000;}
.px20b { font-size: 22px; line-height: 130%; font-weight: bold; COLOR: #494949;}

img {vertical-align:text-bottom;}

.img_bdr {
	border: 10px solid #DBECDC;
}

a {
	text-decoration: underline;
	outline: none;
	color: #000;
}
a:hover {
	color: #F60;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 130%;
	font-weight: bold;
	color: #453630;
	margin: 1.4em 0 .6em;
}

.sp{margin: 0px;padding: 0px;clear: both;}
.sp20{margin: 0px;padding: 0px;clear: both; height:20px;}
.sp100{
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
}



h1 {
	font-size: 140%;
	letter-spacing: -0.04em;
	padding-left: 0.2em;
	margin: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0067B6;
}
h1 a {
	text-decoration: underline;
	outline: none;
	color: #0067B6;
}
h1 a:hover {
	color: #534742;
	text-decoration: none;
}

h2 {
	font-size: 140%;
	letter-spacing: -.04em;
	padding-left: 0.2em;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4C4948;
}

h3 {
	font-size: 140%;
	letter-spacing: -.04em;
	padding-left: 0.2em;
	margin: 0px;
}
h3 em {
	color: #8f0206;
	font: italic normal 100%;
}
h4 {
	margin: 1em 0 .2em;
	font: italic 155%;
}


#pagewrap {
	width: 1108px;
	margin: 0 auto;
	background-color: #FFF;
}
.wrapper {
	overflow: hidden;
}

.p_h1 {
	margin-bottom: 15px;
	font-family: " Arial, Helvetica, sans-serif, ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 26px;
}
.p_h2 {
	font-size:16px;
}
.p_h2cl {
	font-size:16px;
	clear:both;
	padding-top: 20px;
}
.p_h3 {
	font-size:14px;
}


.fl0{
	float:left;
	margin-top: 15px;
}
.fl1{
	float:right;
	margin-top: 15px;
}
.fl0a{
	float:left;
	margin-top: 0px;
}
.fl1a{
	float:right;
	margin-top: 0px;
}
/************************************************************************************
HEADER
*************************************************************************************/
#header {
	position: relative;
}



/************************************************************************************
nav
*************************************************************************************/
.nav {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/* =======================================
	Global NAVI
========================================== */

ul#globalnavi {
	zoom: 1;
	margin: 0px;
	padding: 0px;
	background-color: #E6E6E6;
}
ul#globalnavi:after { /* for MB */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	margin-right: auto;
	margin-left: auto;
}

ul#globalnavi li.item01 {
	width: 280px;
}
ul#globalnavi li.item03 {
	width: 119px;
}
ul#globalnavi li.item04 {
	width: 153px;
}
ul#globalnavi li.item05 {
	width: 139px;
}
ul#globalnavi li.item06 {
	width: 105px;
}
ul#globalnavi li.item07 {
	width: 102px;
}
ul#globalnavi li.item08 {
	width: 118px;
}

ul#globalnavi li {
	float: left;
	display: inline;
}

ul#globalnavi li a {
	display: block;
	background-color: #FFF;
	background-image: url(../images/navi_bg01w.jpg);
	background-repeat: no-repeat;
}
ul#globalnavi li.item01 a {background-position:    0   0;}
ul#globalnavi li.item03 a {background-position: -280px 0;}
ul#globalnavi li.item04 a {background-position: -399px 0;}
ul#globalnavi li.item05 a {background-position: -552px 0;}
ul#globalnavi li.item06 a {background-position: -691px 0;}
ul#globalnavi li.item07 a {background-position: -796px 0;}
ul#globalnavi li.item08 a {background-position: -898px 0;}

ul#globalnavi li a:hover {
	background-color: transparent;
}
ul#globalnavi li.item01 a:hover img,
ul#globalnavi li.item03 a:hover img,
ul#globalnavi li.item04 a:hover img,
ul#globalnavi li.item05 a:hover img,
ul#globalnavi li.item06 a:hover img,
ul#globalnavi li.item07 a:hover img,
ul#globalnavi li.item08 a:hover img{
	visibility: hidden;
}

/* When Active Page */
body.PAGE1 ul#globalnavi li.item01 a img,
body.PAGE3 ul#globalnavi li.item03 a img,
body.PAGE4 ul#globalnavi li.item04 a img,
body.PAGE5 ul#globalnavi li.item05 a img,
body.PAGE6 ul#globalnavi li.item06 a img, 
body.PAGE7 ul#globalnavi li.item07 a img,
body.PAGE8 ul#globalnavi li.item08 a img{ visibility: hidden;}




/************************************************************************************
Document
*************************************************************************************/
#document0 {
	width: 100%;
	height: 410px;
}

#document1 {
	width: 100%;
	height: 510px;
}
#document2 {
	width: 100%;
}
/************************************************************************************
CONTENT0
*************************************************************************************/
#content0 {
	padding: 0px;
	margin: 10px;
}
/************************************************************************************
TOP_CONTENT
*************************************************************************************/
#top_content0_1 {
	padding: 0px;
	width: 374px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#top_content1_1 {
	padding: 0px;
	width: 644px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: right;
}

/************************************************************************************
CONTENT0_1
*************************************************************************************/
#content0_1 {
	padding: 0px;
	width: 274px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* post */
#content0_1 .post {
	margin-bottom: 0px;
}
#content0_1 .post-title {
	margin: 0 0 5px;
	padding: 0;
	font: bold 26px/120%;
}
#content0_1 .post-title a {
	text-decoration: none;
	color: #000;
}
#content0_1 .post-meta {
	margin: 0 0 10px;
	font-size: 90%;
}



/* post image */
#content0_1 .post-image {
	margin: 0px;
}

#content0_1 .post-image2 {
	margin: 0px;
	float:left;
	width:111px;
	height:111px;
}


#content0_1 .link_box {
	padding: 0px;
	clear: both;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#content0_1 .main_link0 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 222px;
}

#content0_1 .main_link1 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 222px;
}
#content0_1 .main_link03 {
	margin: 0px;
}

#content0_1 .main_link01 {
	margin: 0px;
}



/************************************************************************************
CONTENT1_1
*************************************************************************************/
#content1_1 {
	padding: 0px;
	width: 734px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: right;
}
#content1_1 .post {
	margin-bottom: 0px;
}
#content1_1 .post-title {
	margin: 0 0 5px;
	padding: 0;
	font: bold 26px/120%;
}
#content1_1 .post-title a {
	text-decoration: none;
	color: #000;
}
#content1_1 .post-meta {
	margin: 0 0 10px;
	font-size: 90%;
}

/* post image BOX*/
#content1_1 .vs_image_box {
	margin: 0px;
	padding: 0px;
}
#content1_1 .post-image {
	margin: 0px;
}

.lang_select {
	padding: 0px;
	width: 472px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: right;
}



#content1_1  .photo {
	position:relative;
	overflow:visible;
	width:474px;
	height:270px;
	margin:0;
	text-align:left;
	list-style:none;
}

#content1_1  .photo li {
   position:absolute;
}

#content1_1 .login_box {
	padding: 10px;
	width: 452px;
	border: 1px solid #CCC;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#content1_1 .login_box form p {
	margin: 0;
	padding: 6px 0;
}


#content1_1 .login_box table{
	padding: 0px;
	margin: 0px;
	border:none;
}
#content1_1 .login_box th{
	padding: 2px;
	margin: 0px;
	border:none;
	font-size:80%;
	font-weight: bold;
	color: #333;
	line-height: 100%;
	text-align: right;
}
#content1_1 .login_box td{
	padding: 2px;
	margin: 0px;
	border:none;
	font-size:75%;
}

#content1_1 .login_box td .input_box{
	padding: 2px;
	margin: 0px;
	width: 200px;
	line-height: 100%;
}



#content1_1 .topics_box {
	padding: 20px;
	width: 432px;
	border: 1px solid #CCC;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#content1_1 .topics_box dd a:link {
	text-decoration:none;
	color: #000000;
}
#content1_1 .topics_box dd a:visited {text-decoration:none;color: #333333;}
#content1_1 .topics_box dd a:hover{color: #0033CC;text-decoration: none;}
#content1_1 .topics_box dd p a{text-decoration:none;color: #333333;font-size: 14px;font-style: normal;line-height: 120%;font-weight: bold;font-family: Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}

#content1_1 .topics_box dt{
	font-size: 14px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 20px;
}

#content1_1 .topics_box dd{
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5D5D5;
	padding: 5px;
	margin-bottom: 10px;
	line-height: 150%;
}





/************************************************************************************
Head Sub Menu
*************************************************************************************/

#head_sub_menu {
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.ttl_p1b {
	background-repeat:no-repeat;
	background-image: url(../products/images/macro_title1.jpg);
}
.ttl_p2b {
	background-repeat:no-repeat;
	background-image: url(../products/images/telecentric_title1.jpg);
}
.ttl_p3b {
	background-repeat:no-repeat;
	background-image: url(../products/images/line_scan_title1.jpg);
}
.ttl_p4b {
	background-repeat:no-repeat;
	background-image: url(../products/images/cctv_title1.jpg);
}
.ttl_p5b {
	background-repeat:no-repeat;
	background-image: url(../products/images/zoom_title1.jpg);
}
.ttl_p6b {
	background-repeat:no-repeat;
	background-image: url(../products/images/microscope_title1.jpg);
}
.ttl_p7b {
	background-repeat:no-repeat;
	background-image: url(../products/images/option_title1.jpg);
}
.ttl_p8b {
	background-repeat:no-repeat;
	background-image: url(../products/images/other_title1.jpg);
}


#head_sub_menu ul {
	overflow:hidden;
	list-style:none;
	margin-bottom: 10px;
	padding-bottom: 0px;
	float: left;
	width: 800px;
	margin-left: 25px;
}
#head_sub_menu li {
	float:left;
	display:inline;
	width: auto;
	text-align: left;
	line-height: 190%;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 14px;
}
#head_sub_menu a:link {
	text-decoration:underline;
	color: #000000;
}
#head_sub_menu a:visited {
	text-decoration:underline;
	color: #333333;
}
#head_sub_menu a:hover{
	color: #0269B7;text-decoration: none;
	}
#head_sub_menu li a{
	display: block;
}
#head_sub_menu li a:hover img{
	visibility: hidden;
}



/************************************************************************************
prof_tab1
*************************************************************************************/

    #prof_tab1 {
	margin-right: 20px;
	height: 470px;
	margin-top: 20px;
	overflow-y: scroll;
	overflow-x: hidden;
}

    #prof_tab1 ul {
	overflow:hidden;
	list-style:none;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
    #prof_tab1 li {
	float:left;
	display:inline;
	padding:0px;
	border:1px solid #E1E1E1;
	width: 161px;
	text-align: center;
	line-height: 200%;
}
    /* 最初はパネルは非表示 */
    /* #prof_tab1 .panel { display:none;} */

    #prof_tab1 li a{display:block;}
    #prof_tab1 li a:hover {
	text-decoration: none;
	background-color: #E6E6E6;
}
	
#prof_tab1 .month_mark ul{
	margin-top:0px;
}
#prof_tab1 .month_mark li {
	float:left;
	display:inline;
	padding:0px;
	border:none;
	width: 161px;
	text-align: center;
}
#prof_tab1 td{
	padding: 5px;
	line-height: 150%;
}
#prof_tab1 td img{
	vertical-align: baseline;
}

/************************************************************************************
prof_tab2
*************************************************************************************/

    #prof_tab2 {
	margin-right: 20px;
	margin-top: 20px;
}

    #prof_tab2 ul {
	overflow:hidden;
	list-style:none;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
    #prof_tab2 li {
	float:left;
	display:inline;
	padding:0px;
	border:1px solid #E1E1E1;
	width: 161px;
	text-align: center;
	line-height: 200%;
}
    /* 最初はパネルは非表示 */
    /* #prof_tab2 .panel { display:none;} */

    #prof_tab2 li a{display:block;}
    #prof_tab2 li a:hover {
	text-decoration: none;
	background-color: #E6E6E6;
}
	
#prof_tab2 .month_mark ul{
	margin-top:0px;
}
#prof_tab2 .month_mark li {
	float:left;
	display:inline;
	padding:0px;
	border:none;
	width: 161px;
	text-align: center;
}
#prof_tab2 td{
	padding: 4px;
	line-height: 150%;
}
#prof_tab2 td img{
	vertical-align: baseline;
}

/************************************************************************************
qa_tab0
*************************************************************************************/

    #qa_tab0 {
	margin-right: 20px;
	height: 35px;
	margin-top: 20px;
	overflow-x: hidden;
	overflow-y: hidden;
}

	
#qa_tab10 td{
	padding: 5px;
	line-height: 150%;
}
#qa_tab0 td img{
	vertical-align: baseline;
}

/************************************************************************************
qa_tab1
*************************************************************************************/

    #qa_tab1 {
	margin-right: 20px;
	height: 255px;
	margin-top: 20px;
	overflow-y: scroll;
	overflow-x: hidden;
}

	
#qa_tab1 td{
	padding: 5px;
	line-height: 150%;
}
#qa_tab1 td img{
	vertical-align: baseline;
}

/************************************************************************************
qa_tab2
*************************************************************************************/

    #qa_tab2 {
	margin-right: 20px;
	height: 150px;
	margin-top: 30px;
	/* overflow-y: scroll; */
	overflow-x: hidden;
	overflow-y: hidden;
	border: 2px solid #019935;
	margin-bottom:20px
}

    /* 最初はパネルは非表示 */
    /* #qa_tab2 .panel { display:none;} */
	
#qa_tab2 td{
	padding: 5px;
	line-height: 150%;
}
#qa_tab2 td img{
	vertical-align: baseline;
}




/************************************************************************************
Green_Box
*************************************************************************************/
#green_box1 {
	width: 1088px;
	background-color: #339933;
	clear: both;
	color: #FFF;
	font-size: 14px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 10px;
}

#green_box1 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#green_box1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#green_box1 a:hover {
	color: #FF9900;
	text-decoration: none;
}
#green_box1 a:active {
	color: #FF9900;
	text-decoration: none;
}


#green_box1 .g_wide1 dl {
}
#green_box1 .g_wide1 dt {
	color: #FFF;
	background-image: url(../images/mark_dt1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	font-weight: bold;
}
#green_box1 .g_wide1 dd {
	color: #FFF;
	background-image: url(../images/mark_dd1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	margin-top: 5px;
	line-height: 18px;
}

#green_box1 .g_wide1 dd ul {
}
#green_box1 .g_wide1 dd li {
	color: #FFFFFF;
	display: inline;
	text-align: left;
	margin-right: 30px;
	background-image: url(../images/mark_li1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 15px;
	min-width:50px;
}








#green_box1 .g_wide1a dt {
	color: #FFF;
	background-image: url(../images/mark_dt1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	font-weight: bold;
}
#green_box1 .g_wide1a dd {
	color: #FFF;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	margin-top: 5px;
	line-height: 18px;
}

#green_box1 .g_wide2 dt {
	color: #FFF;
	background-image: url(../images/mark_dt1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	font-weight: bold;
}
#green_box1 .g_wide2 dd {
	color: #FFF;
	background-image: url(../images/mark_dd1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	margin-top: 5px;
	line-height: 18px;
	float: left;
	width: 415px;
}

#green_box1 .g_wide3 dt {
	color: #FFF;
	background-image: url(../images/mark_dt1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	font-weight: bold;
}
#green_box1 .g_wide3 dd {
	color: #FFF;
	background-image: url(../images/mark_dd1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	margin-top: 5px;
	line-height: 18px;
	float: left;
	width: 255px;
}

#green_box1 .g_wide4 dt {
	color: #FFF;
	background-image: url(../images/mark_dt1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	font-weight: bold;
}
#green_box1 .g_wide4 dd {
	color: #FFF;
	background-image: url(../images/mark_dd1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	margin-top: 5px;
	line-height: 18px;
	float: left;
	width: 170px;
}



#green_box1 .g_left1 dl {
}
#green_box1 .g_left1 dt {
	color: #FFF;
	background-image: url(../images/mark_dt1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	font-weight: bold;
}
#green_box1 .g_left1 dd {
	color: #FFF;
	background-image: url(../images/mark_dd1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	margin-top: 5px;
	line-height: 18px;
}

#green_box1 .g_right1 dl {
}
#green_box1 .g_right1 dt {
	color: #FFF;
	background-image: url(../images/mark_dt1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	font-weight: bold;
}
#green_box1 .g_right1 dd {
	color: #FFF;
	background-image: url(../images/mark_dd1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 60px;
	font-size: 14px;
	margin-top: 5px;
	line-height: 18px;
}








.g_left1 {
	width: 474px;
	float: left;
	margin: 0px;
}

.g_right1 {
	padding: 0px;
	width: 474px;
	float: right;
	margin: 0px;
}










/************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	width: 1108px;
	background-color: #E6E6E6;
	clear: both;
	color: #333;
	font-size: 85%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer a:link {
	color: #333333;
	text-decoration: none;
}
#footer a:visited {
	color: #333333;
	text-decoration: none;
}
#footer a:hover {
	color: #333333;
	text-decoration: underline;
}
#footer a:active {
	color: #333333;
	text-decoration: none;
}

#footer ul {
	color: #333;
	float: left;
	width: 366px;
}
#footer li {
	color: #333;
	display: inline;
	text-align: left;
	margin-left: 30px;
}
#footer small {
	color: #333;
	float: left;
	width: 366px;
	text-align: center;
}





/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }