@charset "UTF-8";
/* CSS Document */

@import url("reset.css");

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

p {font-size:16px; line-height:1.8; text-align: justify; color:#000;/*  text-shadow:1px 1px 0 #FFF; */}

a {text-decoration:none; color:#1111cc;}
a:hover {text-decoration:underline; color:#2020A6; }
a:hover img {-moz-opacity:0.8; opacity:0.8; filter: alpha(opacity=80); background:#ffffff;}
#header #logo a:hover img {-moz-opacity:1; opacity:1; filter: alpha(opacity=100); background:none;}

img {
    max-width: 100%;
    height:auto;
}

.left {float:left;}
.right {float:right;}

.pc_br {display:block;}
@media screen and (min-width:769px){
.tablet_only {display:none;}
.tb_br {display:block;}
}

@media screen and (min-width:741px){
.sp_only {display:none;}
.pc_br {display:block;}

.left {float:left;}
.right {float:right;}
}
@media screen and (max-width:740px){
/*.head_free {display:none;}*/
.sp_br {display:block;}
.pc_br {display:inline-block;}
}

/*--------------------------------------------------------------------------------------------
　　全ページ 共通部分
--------------------------------------------------------------------------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","HiraKakuPro-W3", "メイリオ",Meiryo, "ＭＳ Ｐゴシック" ,Arial,Helvetica,sans-serif;
	background:url(../images/common/bg.png) repeat top left;
}

h1, h2, h3, h4, h5, p, li, dt, dd, table, tr, th, td {
	font-feature-settings: "palt";
	text-align: justify;
	word-wrap: break-word;
}

#header_wrapper {width:100%;
  background-color: #fff;
  position: relative;
}
/* #header_wrapper::before {
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  top: 0;
  background: #FA7E19 none;
} */

#header {
  max-width:960px;
  margin:0 auto;
  position: relative;
}
#container {width: 100%; background:#fff; padding:30px 2.5%;}
#container .inner {width: 960px; margin:0 auto;}
#container #contents {width: 660px; float:left;}
#container .main {width: 656px; background:#FFF; border:solid 2px #E5E5E1; margin-bottom:20px;padding:0 2.5% 20px;}
#container .main:last-child {margin-bottom:0;}
aside.top {width:280px; float:right;}



@media screen and (max-width:960px){
#container .inner {width: 100%; margin:0;}
#container #contents {width:72%;}
#container .main {width:100%; margin:0 0 3%;}
aside.top {width:26%; float:right;}
}


@media screen and (max-width:768px){
#container #contents {float:none; width:100%;}
#container .main {width:100%; margin:0 0 3%;}
aside.top {float:none; width:100%; margin:0 ;}
aside.top img {width:100%;}
/*#header_wrapper::before {content: none;}*/

}
@media screen and (max-width:740px){
#header_wrapper::before {content: none;}
#container .main {width:100%; margin:0 0 5%;padding:0 4% 20px;}
}

#footer {clear:both;}

/* ページの先頭へ */
#totop {position:fixed; bottom:20px; right:20px; z-index:11;}
#totop a {display:block; width:60px; height:60px; background:url(../images/common/totop.png) no-repeat left top; text-indent:-9999px; overflow:hidden;}
#totop a:hover {-moz-opacity:0.8; opacity:0.8; filter: alpha(opacity=80);}
* html #totop a {display:none;}



/* ヘッダー ============================================================= */
#header {display: flex; justify-content: space-between; align-items: center; padding: 20px 0;/*padding: 50px 0 20px 0;*/ position: relative;}

#header h1 {text-align: center; font-size:90%; padding:55px 0 0 0; line-height:1.1; color:#FA7E19; margin-right:12px;}
#header h1 span{
  font-size: 120%;
  font-weight: bold;
}
#header #logo {/*max-width: 464px; max-width: 430px;*/}
#header #logo img { width: 500px; }
#header ul.head_free {display: flex; flex-wrap: wrap; width: 50%; justify-content: flex-end; }
#header ul.head_free li {width: 25%; margin:0 0 0 10px;}
/* #header ul.head_free li:first-child {width: 30%;}
#header ul.head_free li:nth-child(2) {width: 30%;}
#header ul.head_free li:nth-child(3) {width: 30%;} */
#header ul.head_free li img {width: 100%;}


#header ul li.head_data a {color:#fff; background-color:#FA7E19; padding:20px 15px; font-size:18px; display: block; font-weight: bold;}


#header ul li.head_contact a {color:#fff; background-color:#76B340; padding:9px 0; font-size:14px; display: block; font-weight: bold;text-align: center;line-height: 1.3;box-shadow: 1px 1px 1px rgba(0,0,0,0.4);border:solid 1px #228b22;}
#header ul li.head_contact:nth-child(3) a {color:#fff; background-color:#FA7E19; padding:9px 0; font-size:14px; display: block; font-weight: bold;text-align: center;line-height: 1.3;box-shadow: 1px 1px 1px rgba(0,0,0,0.4);border:solid 1px #CB5D04;}
#header ul li.head_contact a:hover {
  text-decoration:none;
  opacity: 0.8;
}
/*@media screen and (max-width:950px){
	#header ul.head_free {width: 44%;}
}*/

@media screen and (max-width:905px){
  #header h1 {
    display: none;
  }
  #header ul.head_free {width: 80%;}
}

@media screen and (min-width:904px){
.kousya {display: none;}
}

@media screen and (max-width:903px)
{
    #header #logo img{width: 96%;margin-left: 3%;}
 .kousya {margin: -2% 0 0 3%; color:#FA7E19; font-weight: bold;text-align: center;font-size:12px;}
  .kousya span{color:#FA7E19; font-weight: bold;font-size:10px;}
  }
@media screen and (max-width:880px){
	#header ul.head_free {width: 100%;}
}

@media screen and (max-width:768px)
{
 .kousya { padding: 3%  0; color:#FA7E19; font-weight: bold;text-align: center;font-size:15px;}
  .kousya span{color:#FA7E19; font-weight: bold;font-size:11px;}
  #header #logo {margin:10px 0 5px 5%; width: 100%;}
	#header ul.head_free li:first-child {width: 100%; margin-right: 5%;}
	#header ul.head_free {width: 32%;}
	#header ul.head_free li {margin:2px 0 0 0;}
	#header ul.head_free li img {width: 100%;}
	#header #logo img{width: 100%; margin-left: 0%;}
	/*.btn_other {display: none;}*/ 
  .head_contact{display: none;}
}

@media screen and (max-width:740px){
	#header_wrapper {position:relative; background:#FFF; padding:0;}
	#header {display: block; padding: 2px 0 0 0;}
	#header h1 {display:none;}
	#header #logo {width:80%; margin:3% 0 2% 10px;　/*margin:1% 0 2% 10px;*/}
	#header ul.sp_only {clear:both; float:none; margin:0; width:100%; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
	#header ul.sp_only li {margin:0 0 0 3%; border:0; border-radius:0; background:none; }
	#header ul.sp_only li:hover {background:none;}
	#header ul.sp_only li a {font-size:80%; margin:0; padding:12px 0 12px 0; color:#555;text-decoration:none;display:inline-block;}
	#header ul.sp_only li a span {font-size:100%; vertical-align:middle; color:#96BD2C;}
	#header ul.head_free {width: 81%;} 
	#header ul.head_free li:first-child {margin-right: 0; margin-left: 4%;}    
}
/* ヘッダーのボタン */
.btn_other {display: inline-block; position: absolute; top:0; right:0;}
.btn_other_sp {display: none;}

.btn_other ul li {
	  position: relative;
    display: inline-block;
    font-size: 13px;
    padding-left: 20px;
    background-color: #FA7E19;
		margin-left: 5px;
}
.btn_other ul li#mypage {background: none; color:#FA7E19; border:solid 1px #fff; margin-top: 5px;}
.btn_other ul li a {
    display: block;
    padding: 9px 10px 8px 10px;
    color: #FFF;
		width: 80px;
	text-align: center;
  font-weight: bold;

}
.btn_other ul li#mypage a {width:100px; color:#fff; padding: 3px 0px 3px 8px; text-align: left;}

.btn_other ul li::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 6px transparent;
        border-left-color: transparent;
        border-left-style: solid;
        border-left-width: 6px;
    border-left: solid 8px #fff;
    top: 50%;
    left: 20px;
    margin-top: -6px;
}
.btn_other ul li#mypage::before, .btn_other ul li#mypage::after {
    display: none;
}
/* ヘッダーのボタン スマホのみ */
@media(max-width:768px) {
	#header ul.sp_only li {float:left; margin:0 0 0 10px;}
	.btn_other_sp {display: inline-block; width: 100%; position: relative; /*top:0; left:0;*/ padding: 0; margin-bottom: 2%;}
	.btn_other_sp ul {/*padding: 5px;*/ border: none; margin-left: 2%;}
	.btn_other_sp ul li {
		display: inline-block;
		font-size: 12px;
		width: 32%;
		background-color: #FA7E19;
		text-align: center;
		border-radius: 6px;
	}
	.btn_other_sp ul li a {
			display: block;
			padding:8px 10px;
			color: #FFF;
			font-weight: bold;
		text-decoration: none;
	}
	.btn_other_sp ul li#mypage_sp {
		display: inline-block;
		font-size: 12px;
		width: 32%;
		background-color: #FFF;
		border: solid 1px #AAA;
		text-align: center;
		border-radius: 6px;
		color: #333;
	}
	.btn_other_sp ul li#mypage_sp a {
			color: #333;
			padding:7px 10px;
  }
  .pc_only{
    display: none;
  }
}
/* 採用ボタン スマホのみ ここまで */

/* グローバルナビ ============================================================= */
#nav_wrapper {width:100%; background:#FA7E19;}
@media screen and (min-width:741px){
p#menu {display:none;}
#sp_nav {display:none;}
#nav_btn {display:none;}
#nav {max-width: 960px; margin:0 auto; background:#FA7E19;}
#nav ul {display: table; table-layout: auto; width: 100%; position: relative;}
#nav ul li.hover,#nav ul li:hover {position: relative;}
#nav ul li {text-align:center; display: table-cell; width:16.6%; border-right:1px dotted #FFF; line-height:1.4;}
#nav ul li:first-child {border-left:1px dotted #FFF;}
#nav ul li:hover {background:#FA7E19;}
#nav ul li a {display:block; color:#fff; text-decoration:none; padding:28px 2px 28px 5px; letter-spacing:0.06em; font-size:90%; line-height:1.0; font-weight:bold;}
#nav ul li:first-child a {border:0;}
	
#nav ul li a.cate small {font-size:74%; color:#E6F1F7;}
#nav ul li ul {visibility: hidden; position: absolute; top: 100%; left: 0; background: #E4E4E4; -moz-opacity:0.90; opacity:0.90; filter: alpha(opacity=90); z-index:98;}
#nav ul li ul a, #nav ul li:first-child ul a {padding:0; width:100%; display:block; border-bottom:1px dotted #666;}
#nav ul li ul a li {padding:0 0 12px 10px; width:100%; height:15px; text-indent:0px; color:#000; font-size:84%; line-height:1.4; text-shadow:1px 1px 0 #FFF; border-bottom: 1px solid #FFF; border:0; text-align:left; letter-spacing:0;}
#nav ul li ul a li:first-child {padding:12px 0 12px 10px;}
#nav ul li ul a:hover, #nav ul li ul a:hover li {width:100%; background:#FA7E19; -moz-opacity:1; opacity:1; filter: alpha(opacity=100);}
#nav ul li ul a li span {text-indent:0; background:url(../images/common/arrow2.gif) no-repeat left center; background-size:6px; padding-left:10px;}
}
@media screen and (max-width:960px){
#nav ul li a {font-size:80%;}

}
@media screen and (max-width:768px){
#nav ul li a {font-size:88%;}
#nav ul li ul {display:none;}
}
@media screen and (max-width:740px){
p#menu {width:50px; float:right; margin-top:2%; margin-right:2%; margin-bottom:2%}
p#menu img {width:100%;}
#nav {position: absolute; top:68px; right:0; margin:0 2% 0 2%; padding:5% 5% 1% 5%; background:#96BD2C; display: none; clear: both; z-index:99; width:86%;}
#nav:after { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#nav:after { border-color: rgba(243, 233, 235, 0); border-bottom-color:#96BD2C; border-width:0 6px 14px 6px; right: 5%; }
#nav ul {display: block;}
#nav ul li {display: block; margin-bottom:5%;}
#nav ul li a {color:#FFF; text-decoration: none; font-size:90%;}
#nav ul li a.cate {background:#FFF; color:#96BD2C; font-weight:bold; display:block; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; line-height:1.3;}
#nav ul li a span {display: block; background:url(../images/common/arrow1.gif) no-repeat 4% center; background-size:6px; padding:6% 2% 6% 8%;}
#nav ul li ul {position:relative; display:block;}
#nav ul li ul li {margin-bottom:0;}
#nav ul li.hover ul,#nav ul li:hover ul {visibility:visible;}
#nav ul li.hover ul li,#nav ul li:hover ul {visibility:visible;}
#nav ul li ul a {text-decoration:underline;}
#nav ul li ul a li span {background:url(../images/common/arrow3.gif) no-repeat 4% center; background-size:6px; padding:4% 2% 4% 8%;}

#nav_btn {border-left:1px solid #96BD2C; margin-bottom:12%;}
#nav_btn ul li {border-right:1px solid #96BD2C; border-bottom:1px solid #96BD2C; width:32.9%; float:left; margin:0; padding:0; line-height:1;}
#nav_btn ul li img {width:100%; padding:0; margin:0; vertical-align:top;}

#sp_nav {border-top:1px solid #FFF; border-right:1px solid #FFF; box-shadow: 0 2px 6px #999; width: 100%; background:#F1E537;}
#sp_nav ul {width: 100%;}
#sp_nav ul li {text-align:center; float:left; width:49.8%; border-left:1px solid #FFF; border-bottom:1px solid #FFF; line-height:1.2;}
#sp_nav ul li a {display:block; color:#333; text-decoration:none; padding:8% 0; font-size:90%;}
#sp_nav ul li a small {font-size:70%; color:#E6F1F7;}

}

/* フッター ============================================================= */
#footer_wrapper {width:100%; background:#DBDBDB;}
#footer {padding:30px 20px; margin:0 auto; background:#DBDBDB; max-width:960px;}
#footer p {text-shadow:none; color: #333;}
#footer a {text-decoration:none; color:#333;}
#footer a:hover {text-decoration: underline; color:#CF3F14;}
#footer_menu {width:100%; float: none; font-size:100%;  border-bottom:solid 1px #CCC;}
#footer_menu li {line-height: 2; float:left; padding-right:30px; padding-bottom:20px;}
#footer_menu li a {font-size:110%;}
#footer_menu li a,
#footer_sitemap div li a {background:url(../images/common/arrow2.gif) no-repeat left center; background-size:6px; padding:4px 0 4px 10px;}
#footer_sitemap {/*max-width: 920px;*/ width: 100%; float: left; margin-bottom:50px;}
#footer_sitemap div {width: 25%; float:left;}


#footer_sitemap div li {line-height: 1.8;}
#footer_sitemap div li a {font-size:82%;}
#footer p.title {font-size:100%; color:#333; font-weight:bold;}
#footer_group {margin:0 0 50px 0;}
#footer_group ul {margin-left:-10px;}
#footer_group ul li {float: left; margin: 6px 0;}
#footer_group ul li a {border-right: solid 1px #777; font-size:80%; display:block; padding:0 10px}
/*#footer_group ul li:first-child a {color:#EBA800; font-weight:bold;}*/
#footer_area {margin:0 0 60px 0; }
#footer_area p {font-size:80%;}
#footer_sitemap div li.pc_only a {background: none;}
#copyright {font-size: 10px; text-align: center;}

#footer_wrapper .inner {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width:960px){
  #footer_wrapper .inner {
    width: 100%;
  }
}
@media screen and (max-width:768px){
#footer {padding:4%; width:92%; margin: 0 auto 120px;}
#footer_menu {width:100%; margin:0 0 15px 0;}
#footer_sitemap {width: 100%; float: left; margin-bottom:50px;}
}

@media screen and (max-width:740px){
#footer {padding:4% 0 4% 4%; width:92%; margin: 0 auto;}
#footer_menu {font-size:93%;}
#footer_menu li {float:none; padding-bottom:10px;}
#footer_sitemap {width:100%;}
#footer_sitemap div {width: 50%; float:left;}
#footer_sitemap div li a {font-size:83%;}
#footer_group {margin:0 0 12% 0;}
#footer_group ul li {font-size:106%; float:none; margin: 4% 0;}
#footer_group ul li a {border:0;}
#footer_area {margin:0 0 12% 0;}
#footer_area p {margin-bottom:3%;}
#copyright {margin-bottom:60px;}

/* ページの先頭へ戻るボタン(2016/8/10追加) ============================================= */
#totop {
	opacity:0.85;
	position:fixed; left:0; bottom:0; width:100%;
	text-align:center;
	background:#96BD2C;
	border-top:1px solid #FFF;

	box-shadow:0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
	-o-box-shadow:0 0 10px rgba(0,0,0,0.4);
	-ms-box-shadow:0 0 10px rgba(0,0,0,0.4);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding:0;
}
#totop a {
	height:40px; padding:15px 0 0 0;
	text-decoration:none; color:#FFF; font-size:13px; font-weight:bold; display:block;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background:none;
	border:0;
	text-indent:0;
	width:100%;
	text-align:center;
}
#totop:hover {background:#96BD2C; opacity:1;}
#totop:hover a {background:#96BD2C; opacity:1;}
}


/*----------------2009リニューアル追加-----------------------*/

.orange_menu{
  width:100%;
  background:#FA7E19;
}
.orange_menu #footer_menu {
  border:none;
}
.orange_menu #footer_menu li {
  padding: 15px 30px  ;
}

.orange_menu #footer_menu a{
  position: relative;
  color: #fff;
  background: transparent;
  text-decoration: none;
}
.orange_menu #footer_menu a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #ffffff;
  top: 40%;
  left: 0;
}
@media(max-width:740px) {
  .orange_menu #footer_menu li {
    padding: 4px 30px 4px 20px;
  }
.orange_menu #footer_menu li:first-child {
  padding: 12px 30px 4px 20px;
}
.orange_menu #footer_menu li:last-child {
  padding: 4px 30px 12px 20px;
}
}
/*--------------------------------------------------------------------------------------------
　　スマホのフッターボタン
--------------------------------------------------------------------------------------------*/
.nav_footer {display: none;}

/*--------------------------------------------------------------------------------------------
		movie_bnr
--------------------------------------------------------------------------------------------*/
.movie_bnr ul {display: flex; flex-flow: wrap; justify-content: space-between; max-width:960px; margin: 50px auto -100px auto; }
.movie_bnr ul li img {width: 100%;}
.movie_bnr ul li a {display: block;}
/*.movie_bnr ul li.online {width:620px;}
.movie_bnr ul li.about {width: 310px;}*/
.movie_bnr ul li.online {width:63.6%;}
.movie_bnr ul li.about_movie {width: 34.6%;}
@media(max-width:960px) {
	.movie_bnr {width: 94%; margin: 0 3%;}

}
@media(max-width:740px) {
.movie_bnr ul {display: flex; flex-flow: wrap; justify-content: space-between; max-width:960px; margin: 50px auto -60px auto; }
.movie_bnr ul li.online {width:100%;}
.movie_bnr ul li.about_movie {width: 100%; background: #D9600F; display: table; margin-top: 20px;}
.movie_bnr ul li.about_movie img {width: 48%; vertical-align: bottom; float:left; display: table-cell; margin: 0;}
.movie_bnr ul li.about_movie .sp_only {width: 48%; vertical-align: bottom; float:right; display: table-cell; color:#FFF; font-size: 14px; padding-top:6%; font-weight: bold; text-align: center;}
}
.movie_bnr ul li.about_movie {
    zoom: 1; /* float解除 for IE6/7  */
}
.movie_bnr ul li.about_movie:after, .movie_bnr ul li.about_movie:before {
    content: "";
    clear: both;
    display: block;
}

/*--------------------------------------------------------------------------------------------
　　印刷用
--------------------------------------------------------------------------------------------*/
@media print{
#header #logo {float:left; margin:24px 0 30px 0;}
#header h1 {font-size:90%; padding:38px 0 0 15px; line-height:1.6; float:left; color:#F0C300;}
#header ul {float:right; margin:26px 0 0 0;}
#header ul li {float:left; margin:0 0 0 10px;}
#header .sp_only, #header #menu, #nav_wrapper #nav_btn {display:none;}

#nav {max-width: 960px; margin:0 auto; background:#F1E537;}
#nav ul {display: table; table-layout: auto; width: 100%; position: relative;}
#nav ul li.hover,#nav ul li:hover {position: relative;}
#nav ul li {text-align:center; display: table-cell; width:16.8%; border-right:1px dotted #FFF; line-height:1.4;}
#nav ul li:first-child {border-left:1px dotted #FFF;}
#nav ul li:hover {background:#F0C300;}
#nav ul li a {display:block; color:#444; text-decoration:none; padding:22px 2px 22px 5px; letter-spacing:0.06em; font-size:90%; line-height:1.0; font-weight:bold;}
#nav ul li:first-child a {border:0;}
#nav ul li a.cate {text-indent:-9999px;}
#nav ul li#nav1 a.cate {background:url(../images/common/gnav_01.png) center 16px no-repeat;}
#nav ul li#nav2 a.cate {background:url(../images/common/gnav_02.png) center 22px no-repeat;}
#nav ul li#nav3 a.cate {background:url(../images/common/gnav_03.png) center 22px no-repeat;}
#nav ul li#nav4 a.cate {background:url(../images/common/gnav_04.png) center 22px no-repeat;}
#nav ul li#nav5 a.cate {background:url(../images/common/gnav_05.png) center 22px no-repeat;}
#nav ul li#nav6 a.cate {background:url(../images/common/gnav_06.png) center 22px no-repeat;}
#nav ul li ul {display:none;}
}



/*--------------------------------------------------------------------------------------------
　　fixed_btn
--------------------------------------------------------------------------------------------*/

/* .fixed_btn {
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  bottom: 0;
  height: 12%;
  z-index: 100;
}
.fixed_btn .fixed_inner {
  max-width: 960px;
  margin: auto;
}
.fixed_btn li {
  float: left;
  width:50%;
  padding: 2% 0 0 6%;
}
.fixed_btn li a:hover img{
  background: transparent;
}
.fixed_btn li.fixed_contact {
  padding: 2% 6% 0 2%;
}
@media(max-width:740px) {
  .fixed_btn {
    display: none;
  }
} */

/*--------------------------------------------------------------------------------------------
　　fixed_btn
--------------------------------------------------------------------------------------------*/

.fixed_btn {
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  bottom: 0;
  height: 120px;
  z-index: 100;
}
.fixed_btn .fixed_inner {
  max-width: 960px;
  margin: auto;
  height: 100%;
  display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.fixed_btn li {
  width:45%;
  text-align: center;
}
.fixed_btn li a:hover img{
  background: transparent;
}

@media(max-width:740px) {
  .fixed_btn {
    display: none;
  }
}


/*---------------
　  clearfix
---------------*/
.clearfix:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */