@charset "UTF-8";


/***********************
 * Neutralize Any Tags
 * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.5.2
 ***********************/
html{color:#000;background:#e4e1d0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}
ul ol{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:100%;line-height:100%;}
body{font:13px/1.4 "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;*font-size:small;*font:x-small;}
body *{line-height:1.4;}


/*#header {
padding-top:6px;
background-color:#e4e1d0;}*/

#header {
height:177px;
background-color:#e4e1d0;}

#header .DLPO_logo{
width:157px; height:102px; float:left;
}

#header .tagline{
float:left;
width:268px;
margin-top:15px;
font-size:80%;
color:#718300;
}

#header .phone{
width:400px; height:42px; margin:8px 0 0 0; float:left;
}

#header .phone2{
width:400px; height:42px; margin:8px 0 0 0; float:left;
}

.ie6 #header .phone{
margin:8px 0 0 0;
}

#wrapper {
  width: 825px;
  margin: 0 auto;
  text-align: left;
  background-image: url(../images/left_navi_bg.gif);
  background-repeat:repeat-y;
  background-color:#e4e1d0;

}
#menu {width: 189px; float: left; height:100%;}

#banner_left {width: 189px; padding-top:48px;}
.ie6 #banner_left {width: 189px; padding-top:0;}
.ie7 #banner_left {width: 189px; padding-top:80px;}

#banner_left_p {width: 189px; padding-top:48px;}
.ie6 #banner_left_p {width: 189px; padding-top:0;}
.ie7 #banner_left_p {width: 189px; padding-top:235px;}

#banner_left_one {width: 189px; padding-top:12px;}
.ie #banner_left_one {width: 189px; padding-top:12px;}

#menu_bottom {width:189px; height:34px; clear:both;}


#leftmenu_bottom {width:189px; height:34px;}
.leftmenu_banner {width:189px; height:90px; margin-top:260px;}
.ie6.leftmenu_banner {width:189px; height:90px; margin-top:20px;}
.leftmenu_b_next {width:189px; height:90px; margin-top:20px;}

#menu a.banner {
	display: block;
	margin-bottom: 10px;
}

#main {
  margin-left: 189px;
}
#footer {
  clear: both;
  color: #fff;
  text-align:center;
  background: #647d33;
  }
  
#footer #backToTop {
  background-image: url(../images/back_to_top.gif); 
  background-repeat: no-repeat;
  height:22px;
  text-align:right;
  padding:2px 10px 0 0;
  font-size:90%;
}
#footer #backToTop a {color: #FFFFFF;}
#footer #backToTop a:hover {color: #FFCC66;}
#footer #backToTop a:active {color: #FF0000;}

#footer p.description {
	font-size: 80%;
	padding-bottom: 0;
}


/* list boxes */

#homeheadimg{width:825px;height:270px; padding:0 0 8px 0; background:#e4e1d0;}

#homeheadimg_{
	position:relative;
	overflow:hidden;
	width:825px;
	height:270px;
	padding:0 0 8px 0;
	background:#e4e1d0;
}
#homeheadimg_ div{
	position:absolute;
	top: 0px;
	left: 0px;
}
#homeheadimg_ p{
	position:absolute;
	top:120px;
	left:20px;
	color: #FFF;
}
#homeheadimg_ p.title{
	top:25px;
	font-weight:bold;
}
#homeheadimg_ p.title span{
	font-size:36px;
}
body#index .feature{
	padding: 10px 0;
}
body#index .feature table{
	margin: 0 8px;
	background: #FFF url(/images/index_feature_bg.gif) repeat-y left top;
}
body#index .feature td{
	padding-top: 10px;
	width: 204px;
}
body#index .feature td.feature1{
	background: url(/images/index_feature_bg_tl.gif) no-repeat left top;
}
body#index .feature td.feature2{
	background: url(/images/index_feature_bg_t.gif) no-repeat left top;
}
body#index .feature td.feature3{
	background: url(/images/index_feature_bg_tr.gif) no-repeat left top;
}
body#index .feature a{
	display: block;
	height: 180px;
	padding: 0 10px;
	text-align: left;
	text-decoration: none;
}
body#index .feature .feature1 a{
	background: url(/images/index_feature_bg_bl.gif) no-repeat left bottom;
}
body#index .feature .feature2 a{
	background: url(/images/index_feature_bg_b.gif) no-repeat left bottom;
}
body#index .feature .feature3 a{
	background: url(/images/index_feature_bg_br.gif) no-repeat left bottom;
}
body#index .feature .feature1 a:hover{
	background: url(/images/index_feature_bg_bl_on.gif) no-repeat left bottom;
}
body#index .feature .feature2 a:hover{
	background: url(/images/index_feature_bg_b_on.gif) no-repeat left bottom;
}
body#index .feature .feature3 a:hover{
	background: url(/images/index_feature_bg_br_on.gif) no-repeat left bottom;
}
body#index .feature a:hover *{
	color: #FF5B01;
}
body#index .feature span{
	display: block;
	padding: 0 5px 10px 37px;
	color: #899500;
	font-size: 110%;
	font-weight: bold;
	line-height: 32px;
}
body#index .feature .feature1 span{
	background: #FFF url(/images/dlpo/index_icon_test.gif) no-repeat scroll left top;
}
body#index .feature .feature2 span{
	background: #FFF url(/images/dlpo/index_icon_targeting.gif) no-repeat scroll left top;
}
body#index .feature .feature3 span{
	background: #FFF url(/images/dlpo/index_icon_targeting.gif) no-repeat scroll left top;
}
#rightsp #cllisting.contentplace table {
	margin: 0px auto 10px;
}
#rightsp #cllisting.contentplace table td {
	text-align: center;
	width: 144px;
}
#rightsp #cllisting.contentplace table td p {
	font-size: 10px;
	margin: 0;
	padding: 5px 18px 0;
	text-align: center;
}

#midlisting{}
#midlisting .boximg {padding:0 10px 20px 0;}
.moreinfo{text-align:right; padding-right:10px; float:right;}


.contentplace_w { color:#000000; width: 628px; height:184px; background: url(/images/white_bg.gif) no-repeat; clear:both;}
.white_text { margin: 0 10px 0 160px;}
/* bottom round */
.contentplace { background-color:rgb(249,248,239);color:#000000; width: 628px; margin-bottom: 8px; }

.contentplace p { margin: 0 10px 0 10px; }
.bottomplace { background: url(/images/round_right.gif) no-repeat top right; }
img.placeborder { width:6px; height: 6px;border: none;display: block !important; } 

.contentplace .content_navigation{ padding: 10px 20px; }
.contentplace .content_navigation div:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.contentplace .content_navigation div { display: inline-block; }
/* Hides from IE-mac \*/
* html .contentplace .content_navigation div { height: 1%;}
.contentplace .content_navigation div { width: 100%; }
/* End hide from IE-mac */
.contentplace .content_navigation a{ line-height:24px; }
.contentplace .content_navigation a.left{
	background:url(/images/content_navigation.gif) no-repeat left top;
	display:block;
	float:left;
	padding-left: 65px;
}
.contentplace .content_navigation a.right{
	background:url(/images/content_navigation.gif) no-repeat right bottom;
	display:block;
	float:right;
	padding-right: 65px;
}

/* Next Button Box */
#nextbuttonbox{
width:628px; height:98px;margin-top:8px; background-image:url(../images/next_page_bg.gif); z-index:10;
}
#nextbuttontext{
width:618px; height:33px;margin:0 auto;
padding-top:15px;
text-align:center;
font-size:130%;
color:#556533;
}

/* Contact Button Box */
#cbuttonbox{
width:628px; height:108px;margin-bottom:8px; background-image:url(../images/contact_form_bg.gif); z-index:10;
}
#cbuttontext{
width:618px; height:52px;margin:0 auto;
padding-top:5px;
text-align:center;
font-size:130%;
color:#CC3333;
}
#contactbanner{margin:0 0 8px;
}
#spbanner{margin:0 0 20px 0;
}

#cbuttonbox_w{
width:628px; height:139px;margin-top:8px; background-image:url(../images/w_bg.gif); z-index:10;}
#cbuttontext_w{
width:618px; height:81px;margin:0 auto;}


/* ■For form */

.form_impt{margin-top:5px;background-color:#FFFFF4; color:#526829; font-size:10pt; border-width:1pt; border-style:solid;border-color:#89AE3F; width:200px;}
.form_impturl{background-color:#FFFFF4; color:#526829; font-size:10pt; border-width:1pt; border-style:solid;border-color:#89AE3F; width:200px;}
.form_impt_l{margin:10px 0 10px 0;
background-color:#FFFFF4; color:#526829; font-size:9pt; border-width:1pt; border-style:solid;border-color:#89AE3F;
width:300px;
scrollbar-3dlight-color:#89AE3F;
scrollbar-arrow-color:#89AE3F;
scrollbar-darkshadow-color:#89AE3F;
scrollbar-face-color:#89AE3F;
scrollbar-highlight-color:#f9f8ef;
scrollbar-shadow-color:#89AE3F;}

.boxline_non span{color:#FF0000;}
.boxline span{color:#FF0000;}

.simle_box {
border:1px solid #4c92b8;
margin:10px 0 20px 0;
background-color:#f9f8ef;
text-align:left;
font-weight:none;
}

table.form_main {
border:1px solid #89AE3F;
margin:10px auto;
background-color:#e0efd7;
}

th.boxline,td.boxline {
font-family: "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 12px;
color: #526829;
border-top:1px solid #89AE3F;
border-width:1px 0 0 0;
padding:10px 10px 10px;
line-height:1.5em;
text-align:left;
line-height:150%;
}

th.boxline{
background-color:#f9f8ef;}

th.boxline_non{
background-color:#f9f8ef;padding:10px 10px 10px;}

td.boxline{padding:0 0 0 20px;}
td.boxline_non{padding:0 0 0 20px;}

.boxline_non {
font-family: "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 12px;
color: #526829;
border:none;
padding:6px 10px 5px;
line-height:1.5em;
text-align:left;
line-height:150%;
}

.boxline_for_text {
font-family: "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 12px;
color: #526829;
border:none;
padding:10px 0 10px 10px;
line-height:1.5em;
text-align:left;
line-height:160%;
}

th.boxline_in,td.boxline_in {
font-family: "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 12px;
color: #526829;
border-top:1px solid #89AE3F;
border-width:1px 0 0 0;
padding:10px 10px 10px;
}

th.boxline_in{background-color:#f9f8ef;}

th.boxline_non_in{background-color:#f9f8ef;padding:10px 10px 10px;}
td.boxline_in{padding:0 0 0 20px;}
td.boxline_non_in{padding:0 0 0 20px;}

.boxline_non_in {
font-family: "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 12px;
color: #526829;
border:none;
padding:6px 10px 5px;
}

.company_table td{padding:10px;color: #526829;}
.company_table td a{margin:0;padding:0;display:inline;}

.ppcenter{width:600px;margin: 0 auto;}
.ppcentersp{margin: 20px 0 10px 0;}
.radiosp{width:410px; margin:5px 0;}

.clear{
clear:both;
}

p {
  padding: 0.5em;
  margin: 0;
}

em {
  font-style: normal;
  font-weight: bold;
  color: #f74702;
  font-size:110%;
}

#rightsp{
width:628px; padding:0 0 0 8px;
}

.ie6 #rightsp{
width:628px; padding:0 0 0 5px;
}

/* titles */
h2{ width:613px; height:53px;
margin:0;padding:14px 0 0 15px;font-size:150%;
}
.win.gecko h2 {font-weight:bold;}
.ie h2{font-weight:bold;}

.title_main{
background-image:url(../images/title_main.gif);
color:#4f602d;
}

.title_line{
background-image:url(../images/sub_title_line.gif);
color:#4f602d;
}

.title_dotline{
background-image:url(../images/sub_title_dotline.gif);
color:#4f602d;
}


h3{ width:628px; height:138px;
/*overflow: hidden; */
z-index: 100;
/*margin:8px 0 0 0;*/
padding:0; position: absolute; clear:both; font-size:80%;}

.text2line h3{ width:628px; height:90px;
/*overflow: hidden; */
z-index: 100;
/*margin:8px 0 0 0;*/
padding:0; position: absolute; clear:both; font-size:80%;}

.title_white_img{
	z-index: 1;
	height:82px;
	margin: 0;
	padding: 0;
	position: absolute;
}

.title_img{
	z-index: 1;
	height:53px;
	margin: 0;
	padding: 0;
	position: absolute;
}
.title_div{	width:628px; height:53px; }
.title_w_div{ width:628px; height:82px; margin:8px 0 0 0;}
.div_topsp{	width:628px; height:8px; background-color:#e4e1d0;}
.point_text_div{ width:628px; height:138px; margin:0;}
.point_text_divs{ width:628px; height:90px; margin:0;}
.point_text_img{ z-index: 1; height:138px; margin: 0;　padding: 0;	position: absolute;}
.point_text_imgs{ z-index: 1; height:90px; margin: 0;　padding: 0;	position: absolute;}
.banner_img{
margin-bottom:15px;}

.press a{ color: #647d33; text-decoration: underline;
line-height:170%;
}
.press a:hover { color: #ff5b01; text-decoration: underline; }

.press b{
line-height:190%;
color:#666666;
}

#rightsp h1{ width:598px; height:39px;
margin:0;padding:14px 0 0 30px;font-size:150%;
}
.win.gecko #rightsp h1 {font-weight:bold;}
.ie #rightsp h1{font-weight:bold;}

#rightsp p{
	padding: 0;	
}

#rightsp .contentplace p{
  padding: 10px 20px;
  margin: 0;
}

#rightsp .contentplace .highlight{
color: #C33;
}


/* ------------------------------
 ヘッダー
 ------------------------------ */
#header{
	position: relative;
}
#header-logo{
	position: absolute;
	top: 6px;
	left: 0;
	width:157px;
	height: 102px;
}
#header h1{
	color: #718300;
	font-size: 80%;
	position: absolute;
	top: 56px;
	left: 160px;
	width:260px;
}
#header-contact{
	position: absolute;
	right: 0px;
}
#header-site{
	position: absolute;
	right: 174px;
}
#header-phone{
	position: absolute;
	top: 50px;
	right: 0px;
}
#header-globalheader{
	position: absolute;
	top: 108px;
}

/*20100506変更*/
#header-link{
	position: absolute;
	top: 35px;
	left: 422px;
}
#header-link li{
	display:inline;
	list-style-type:none;
}
#header-link li a{
	background:url("/images/top_tree_line.gif") no-repeat scroll left center transparent;
	font-size: 90%;
	padding: 0 10px;
}
#header-ioix{
	position: absolute;
	top: 16px;
	right: 0px;
}
#header-tel{
	position: absolute;
	top: 64px;
	right: 0px;
}
#header-contactform{
	background: url(/images/b_contactform.gif) no-repeat left -28px;
	position: absolute;
	top: 68px;
	right: 4px;
	width: 163px;
	height: 28px;
	
}
#header-contactform a{
	display:block;
	height:28px;
	overflow:hidden;
	width:163px;
}
#header-contactform a:hover{
	background: none;
}
#header-contactform a:hover img{
	background: none;
	visibility:hidden;
}

/* ------------------------------
 コンテンツタイトル
 ------------------------------ */
#rightsp .content-title{
	margin: 0 0 8px;
	width: 628px;
	height: 53px;
}
#rightsp .content-title p{
	background-image: url(/images/title_main.gif);
	color: #4F602D;
	font-size:150%;
	font-weight: bold;
	height:39px;
	padding: 14px 0 0 30px;
}

/* ------------------------------
 コンテンツボックス
 ------------------------------ */
#rightsp .content-box{
	background: #F9F8EF url(/images/content_box_t.gif) no-repeat left top;
	padding-top: 20px;
}
#rightsp .content-box p{
	padding: 0 20px 10px;
}
#rightsp .content-box-b{
	background: url(/images/content_box_b.gif) no-repeat left bottom;
}

#rightsp .contentplace .content-box h2{
	background: #83AA38 url(/images/content_box_title.gif) no-repeat center top;
	color: #FFF;
	font-size: 130%;
	line-height: 30px;
	margin: 0 20px 5px;
	padding: 0px 10px 1px;
	width: auto;
	height: auto;
}
#rightsp .content-box .sub-title {
	background: #FFF url(/images/content_box_subtitle.gif) no-repeat left top;
	clear: none;
	font-size: 100%;
	font-weight: bold;
	line-height: 25px;
	margin: 0 20px 5px;
	position: relative;
	width: 588px;
	height: 25px;
	z-index: auto;
}
#rightsp .content-box .sub-title p {
	color: #83AA38;
	font-weight: bold;
	line-height: 25px;
	padding: 0 10px;
}

/* ------------------------------
 フッター お問い合わせ
 ------------------------------ */
#rightsp #contactformbottom{
	margin-bottom: 8px;
}
#rightsp #contactformbottom p{
	color: #C33;
	font-size: 120%;
	padding-bottom: 15px;
	text-align: center;
}
#rightsp #contactformbottom table{
	margin-left: 40px;
	margin-bottom: 15px;
}
#rightsp #contactformbottom td *{
	line-height: 1.2;
}
#rightsp #contactformbottom .cell1{
	width: 40px;
}
#rightsp #contactformbottom .cell2{
	width: 240px;
}

/* ------------------------------
 画像角丸
 ------------------------------ */
/*通常用*/
#rightsp .common-rect{
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
	width: 592px;
}
#rightsp .common-rect .top{
	background: url(/images/common_rect.gif) repeat-y left top;
}
#rightsp .common-rect .top div{
	background: url(/images/common_rect_top.gif) no-repeat left top;
	height: 11px;
	line-height: 11px;
	overflow: hidden;
}
#rightsp .common-rect .bottom{
	background: url(/images/common_rect_bottom.gif) no-repeat left bottom;
}
#rightsp .common-rect .bottom div{
	height: 12px;
	line-height: 12px;
	overflow: hidden;
}

/*通常用*/
#rightsp .common-rect1{
	background: #FFF url(/images/common_rect1.gif) repeat-y left top;
	margin: 10px auto;
	text-align: center;
	width: 592px;
}
#rightsp .common-rect1 .top{
	background: #FFF url(/images/common_rect_t.gif) repeat-x left top;
}
#rightsp .common-rect1 .tl{
	background: url(/images/common_rect_tl.gif) no-repeat left top;
	overflow: hidden;
	height: 11px;
}
#rightsp .common-rect1 .tr{
	background: url(/images/common_rect_tr.gif) no-repeat right top;
	overflow: hidden;
	height: 11px;
}
#rightsp .common-rect1 .bottom{
	background: #FFF url(/images/common_rect_b.gif) repeat-x left bottom;
}
#rightsp .common-rect1 .bl{
	background: url(/images/common_rect_bl.gif) no-repeat left top;
	overflow: hidden;
	height: 13px;
}
#rightsp .common-rect1 .br{
	background: url(/images/common_rect_br.gif) no-repeat right top;
	overflow: hidden;
	height: 13px;
}

/*左寄せ用*/
#rightsp .common-rect2-container{
	margin: 0 auto;
	width: 592px;
}
#rightsp .common-rect2-container:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#rightsp .common-rect2-container { display: inline-block; }
/* Hides from IE-mac \*/
* html #rightsp .common-rect2-container { height: 1%;}
#rightsp .common-rect2-container { display: block; }
/* End hide from IE-mac */
#rightsp .common-rect2{
	background: #FFF url(/images/common_rect2.gif) repeat-y left top;
	float: left;
	margin: 10px 0;
	text-align: center;
	width: 342px;
}
#rightsp .common-rect2 .top{
	background: #FFF url(/images/common_rect_t.gif) repeat-x left top;
}
#rightsp .common-rect2 .tl{
	background: url(/images/common_rect_tl.gif) no-repeat left top;
	overflow: hidden;
	height: 11px;
}
#rightsp .common-rect2 .tr{
	background: url(/images/common_rect_tr.gif) no-repeat right top;
	overflow: hidden;
	height: 11px;
}
#rightsp .common-rect2 .bottom{
	background: #FFF url(/images/common_rect_b.gif) repeat-x left bottom;
}
#rightsp .common-rect2 .bl{
	background: url(/images/common_rect_bl.gif) no-repeat left top;
	overflow: hidden;
	height: 13px;
}
#rightsp .common-rect2 .br{
	background: url(/images/common_rect_br.gif) no-repeat right top;
	overflow: hidden;
	height: 13px;
}
#rightsp .common-rect2-text{
	float: left;
	width: 250px;
}
#rightsp .common-rect2-text p{
	padding: 10px 0px 10px 10px;
}

/*通常用*/
#rightsp .image-box{
	margin: 0 auto 10px;
	text-align: center;
	width: 592px;
}
#rightsp .image-box .top{
	background: url(/images/common_rect.gif) repeat-y left top;
}
#rightsp .image-box .top div{
	background: url(/images/common_rect_top.gif) no-repeat left top;
	height: 11px;
	line-height: 11px;
	overflow: hidden;
}
#rightsp .image-box .bottom{
	background: url(/images/common_rect_bottom.gif) no-repeat left bottom;
}
#rightsp .image-box .bottom div{
	height: 12px;
	line-height: 12px;
	overflow: hidden;
}

/* ------------------------------
 インデックス
 ------------------------------ */
body#index .common-rect1 .container:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
body#index .common-rect1 .container { display: inline-block; }
/* Hides from IE-mac \*/
* html body#index .common-rect1 .container { height: 1%;}
body#index .common-rect1 .container { display: block; }
/* End hide from IE-mac */
body#index .common-rect1 .container .image{
	float:left;
	width: 340px;
}
body#index .common-rect1 .container .image img{
	margin-left: 12px;
}
body#index .common-rect1 .container .text{
	float:left;
	width: 250px;
}
body#index .common-rect1 .container .text p{
	color: #354B0E;
	padding: 10px 20px 10px 10px;
	text-align: left;
}

/* ------------------------------
 LPOニュース
 ------------------------------ */
#menu #lponews {
	margin-bottom: 10px;
}
#menu #lponews .top {
	background: #83AA38 url(/images/lponews_top.gif) no-repeat left top;
	color: #FFF;
	padding: 15px 5px;
	text-align: center;
}
#menu #lponews .top span{
	font-size: 80%;
}
#menu #lponews .body {
	border: 5px solid #99B85D;
	padding: 10px 10px 5px;
}
#menu #lponews .body p {
	padding: 0 0 5px;
}
#menu #lponews .body p.link {
	text-align: right;
}
#menu #lponews .bottom {
	background: url(/images/lponews_bottom.gif) no-repeat left bottom;
	height: 5px;
	overflow: hidden;
}

/* ------------------------------
 global
 ------------------------------ */
.text-left     { text-align: left; }
.text-right    { text-align: right; }
.text-center   { text-align: center; }
.bold          { font-weight: bold; }
.italic        { font-style: italic; }
.underline     { border-bottom: 1px solid; }
.red           { color: #FF0000; }
.xsmall        { font-size: 80%; }
.small         { font-size: 90%; }
.large         { font-size: 110%; }
.xlarge        { font-size: 120%; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

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