body,ol,li,p,pre,blockquote,dl,dt,dd{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:400;margin:0;padding:0;}
ul{list-style-type:none;margin:0;padding:0;}
a:link,a:visited{text-decoration:underline;}
a:hover,a:active{text-decoration:none;}
form,input,select,textarea,label{vertical-align:middle;margin:0;padding:0;}
table,th,td{border-collapse:collapse;vertical-align:top;margin:0;padding:0;}
img{display:inline;border:none;vertical-align:bottom;}

#content-blog{clear:both;background-color:#fee;margin-bottom:20px;display:none;}
#beta{background-color:#eee;font-size:0.75em;padding:10px;}
#beta h3{border-bottom:1px solid #003594;border-left:6px solid #003594;color:#003594;font-weight:bold;margin-top:20px;margin-bottom:10px;padding:5px 0 5px 10px;}

/********** base elements ************/
body{background-color:#eee;font-family:Arial,"ＭＳ Ｐゴシック","Osaka",sans-serif;}
a:link{color:#36c;text-decoration:none;}
a:visited{color:#36c;text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{color:#36c;text-decoration:none;}

.none{display:none;}
.both{clear:both;height:0;margin:0;padding:0;}

#wapper{background:url("images/bg.gif") 0 0 repeat-x;}
#container{background-color:#fff;width:945px;margin-left:auto;margin-right:auto;text-align:left;color:#333;}

#content-page_top{float:right;background:url("images/page_top.gif") 0 0 no-repeat;width:61px;height:9px;margin-top:10px;margin-bottom:10px;}
#content-page_top a{height:9px;display:block;}
#content-page_top a:hover{background:url("images//page_top.gif") 0 0 no-repeat;}

/********** header elements **********/
#header{clear:both;background-color:#fff;background:url("images/header_bg.gif") 0 0 repeat-x;position:relative;height:167px;text-align:left;}
#header h1{position:absolute;top:4px;left:8px;font-size:0.7em;}
#header h1 a{color:#fff;text-decoration:none;}
#header-logo{background:url("images/header_logo_top.gif") 0 0 no-repeat;position:absolute;top:50px;left:25px;width:322px;height:66px;}
#header-logo a{height:66px;display:block;}
#header-inq{background:url("images/header_inq.gif") 0 0 no-repeat;position:absolute;top:74px;left:732px;width:188px;height:42px;}
#header-inq a{height:42px;display:block;}
#header-navi_1{position:absolute;top:35px;left:514px;z-index:2;}
#header-navi_1 a{display:block;}
#header-navi_1 li{float:left;list-style:none;display:inline;}
#header-navi_1-button-01{width:151px;height:32px;background:url("images/header_btn01.gif") 0 0 no-repeat;}
#header-navi_1-button-02{width:160px;height:32px;background:url("images/header_btn02.gif") 0 0 no-repeat;margin-left:8px;}
#header-navi_1-button-03{width:80px;height:23px;background:url("images/header_btn03.gif") 0 0 no-repeat;margin-top:8px;margin-left:8px;}
#header-navi_1-button-01 a{height:32px;}
#header-navi_1-button-02 a{height:32px;}
#header-navi_1-button-03 a{height:23px;}
#header-navi_2{position:absolute;top:43px;left:352px;z-index:1;}
#header-navi_2 a{display:block;}
#header-navi_2 li{float:left;list-style:none;display:inline;}
#header-navi_2-button-01{width:158px;height:75px;background:url("images/header_btn04.gif") 0 0 no-repeat;}
#header-navi_2-button-02{width:96px;height:42px;background:url("images/header_btn05.gif") 0 0 no-repeat;margin-top:30px;margin-left:4px;}
#header-navi_2-button-03{width:96px;height:42px;background:url("images/header_btn06.gif") 0 0 no-repeat;margin-top:30px;margin-left:8px;}
#header-navi_2-button-01 a{height:75px;}
#header-navi_2-button-02 a{height:42px;}
#header-navi_2-button-03 a{height:42px;}

#global-navi{position:absolute;top:130px;width:896px;height:37px;margin-left:24px;}
#global-navi a{height:37px;display:block;}
#global-navi li{float:left;list-style:none;display:inline;}
#global-navi-button-01{width:65px;height:37px;background:url("images/global_navi.gif") 0 0 no-repeat;}
#global-navi-button-02{width:54px;height:37px;background:url("images/global_navi.gif") -65px 0 no-repeat;}
#global-navi-button-03{width:82px;height:37px;background:url("images/global_navi.gif") -119px 0 no-repeat;}
#global-navi-button-04{width:47px;height:37px;background:url("images/global_navi.gif") -201px 0 no-repeat;}
#global-navi-button-05{width:67px;height:37px;background:url("images/global_navi.gif") -248px 0 no-repeat;}
#global-navi-button-06{width:78px;height:37px;background:url("images/global_navi.gif") -315px 0 no-repeat;}
#global-navi-button-07{width:116px;height:37px;background:url("images/global_navi.gif") -393px 0 no-repeat;}
#global-navi-button-08{width:51px;height:37px;background:url("images/global_navi.gif") -509px 0 no-repeat;}
#global-navi-button-09{width:75px;height:37px;background:url("images/global_navi.gif") -560px 0 no-repeat;}
#global-navi-button-10{width:98px;height:37px;background:url("images/global_navi.gif") -635px 0 no-repeat;}
#global-navi-button-11{width:163px;height:37px;background:url("images/global_navi.gif") -733px 0 no-repeat;}
#global-navi-button-01 a:hover{background:url("images/global_navi.gif") 0 -37px no-repeat;}
#global-navi-button-02 a:hover{background:url("images/global_navi.gif") -65px -37px no-repeat;}
#global-navi-button-03 a:hover{background:url("images/global_navi.gif") -119px -37px no-repeat;}
#global-navi-button-04 a:hover{background:url("images/global_navi.gif") -201px -37px no-repeat;}
#global-navi-button-05 a:hover{background:url("images/global_navi.gif") -248px -37px no-repeat;}
#global-navi-button-06 a:hover{background:url("images/global_navi.gif") -315px -37px no-repeat;}
#global-navi-button-07 a:hover{background:url("images/global_navi.gif") -393px -37px no-repeat;}
#global-navi-button-08 a:hover{background:url("images/global_navi.gif") -509px -37px no-repeat;}
#global-navi-button-09 a:hover{background:url("images/global_navi.gif") -560px -37px no-repeat;}
#global-navi-button-10 a:hover{background:url("images/global_navi.gif") -635px -37px no-repeat;}
#global-navi-button-11 a:hover{background:url("images/global_navi.gif") -733px -37px no-repeat;}
#global-navi-button-01-on{width:65px;height:37px;background:url("images/global_navi.gif") 0 -37px no-repeat;}
#global-navi-button-02-on{width:54px;height:37px;background:url("images/global_navi.gif") -65px -37px no-repeat;}
#global-navi-button-03-on{width:82px;height:37px;background:url("images/global_navi.gif") -119px -37px no-repeat;}
#global-navi-button-04-on{width:47px;height:37px;background:url("images/global_navi.gif") -201px -37px no-repeat;}
#global-navi-button-05-on{width:67px;height:37px;background:url("images/global_navi.gif") -248px -37px no-repeat;}
#global-navi-button-06-on{width:78px;height:37px;background:url("images/global_navi.gif") -315px -37px no-repeat;}
#global-navi-button-07-on{width:116px;height:37px;background:url("images/global_navi.gif") -393px -37px no-repeat;}
#global-navi-button-08-on{width:51px;height:37px;background:url("images/global_navi.gif") -509px -37px no-repeat;}
#global-navi-button-09-on{width:75px;height:37px;background:url("images/global_navi.gif") -560px -37px no-repeat;}
#global-navi-button-10-on{width:98px;height:37px;background:url("images/global_navi.gif") -635px -37px no-repeat;}
#global-navi-button-11-on{width:163px;height:37px;background:url("images/global_navi.gif") -733px -37px no-repeat;}


/********** footer elements **********/
#footer{clear:both;}
#footer-text_navi{background-color:#eee;padding:3px 0 3px 20px;text-align:left;font-size:0.75em;}
#footer-text_navi li{list-style:none;display:inline;margin-right:5px;padding-left:15px;border-left:1px solid #000;}
#footer-text_navi li .last_li{border-right:1px solid #000;}
#footer-text{padding-top:10px;margin-left:20px;font-size:0.7em;}
#footer-info{background-color:#fff;}
#footer-inq{float:left;margin-top:16px;margin-left:20px;margin-bottom:10px;width:187px;height:50px;background:url("images/footer_inq.gif") 0 0 no-repeat;}
#footer-inq a{height:50px;display:block;}
#footer-table{float:left;margin-top:16px;margin-left:20px;margin-bottom:10px;width:450px;text-align:left;color:#666;}
#footer-table th{text-align:left;font-size:0.7em;}
#footer-table td{font-size:0.6em;}
#footer-logo{float:right;margin-top:16px;margin-right:20px;margin-bottom:10px;width:237px;height:50px;background:url("images/footer_logo.gif") 0 0 no-repeat;}
#footer-logo a{height:50px;display:block;}
#copy{clear:both;background-color:#75be0c;}
#copy p{background:url("images/foot_bg.gif") 0 0 repeat-x;background-repeat:repeat-x;width:945px;margin-left:auto;margin-right:auto;padding:5px 0;color:#fff;text-align:right;font-size:0.75em;}
#copy span{padding:0 10px;}

/********** content elements *********/
#content{clear:both;width:896px;margin-left:24px;text-align:left;margin-top:1px;}
#content-inner{}
#content-main{float:left;width:625px;}
#content-sub{float:right;width:250px;}
#topic_path{background-color:#fff;padding:8px;text-align:left;font-size:0.75em;}
#topic_path li{list-style:none;display:inline;}

/********** content elements *********/
#content-flash{position:relative;background:url("images/flash.jpg") 0 0 no-repeat;height:350px;margin-bottom:20px;}
#content-flash-button{margin-left:80px;}
#content-flash-button li{float:left;list-style:none;display:inline;}
#content-flash-button a{display:block;}
#content-flash-button-01{width:351px;height:70px;margin-top:232px;margin-right:38px;}
#content-flash-button-02{width:351px;height:70px;margin-top:232px;}
#content-flash-button-01 a{height:70px;}
#content-flash-button-02 a{height:70px;}
#content-flash-area{position:relative;top:0;left:0;}
#content-campaign{float:left;background-color:#75be0c;width:440px;height:160px;margin-bottom:10px;}
#content-campaign h2{background:url("images/t_stit01.jpg") 0 0 no-repeat;width:440px;height:41px;}
#content-campaign h2 a{height:41px;display:block;}
#content-campaign p{padding:5px;background-color:#fff;height:118px;font-size:0.8em;overflow:auto;border-bottom:1px solid #aaa;}
#content-service{float:right;background-color:#75be0c;width:440px;height:160px;margin-bottom:10px;}
#content-service h2{background:url("images/t_stit02.jpg") 0 0 no-repeat;width:440px;height:41px;}
#content-service h2 a{height:41px;display:block;}
#content-service p{padding:5px;background-color:#fff;height:118px;font-size:0.8em;overflow:auto;border-bottom:1px solid #aaa;}
#content-talk{float:left;background-color:#fff;width:530px;height:120px;margin-top:20px;margin-bottom:30px;}
#content-talk h2{background:url("images/t_stit03.gif") 0 0 no-repeat;width:530px;height:24px;}
#content-talk h2 a{height:24px;display:block;}
#content-talk p{padding:5px;background-color:#fff;height:96px;font-size:0.8em;overflow:auto;}
#content-people{float:right;background:url("images/t_voice.gif") 0 0 no-repeat;width:345px;height:104px;margin-top:30px;margin-bottom:35px;}
#content-works{float:left;background-color:#fdac50;width:328px;height:175px;margin-bottom:10px;}
#content-works h2{background:url("images/bnr_result.jpg") 0 0 no-repeat;width:328px;height:102px;}
#content-works h2 a{height:102px;display:block;}
#content-works p{padding:5px;background-color:#f0f0f0;height:73px;font-size:0.8em;overflow:auto;}
#content-flow{float:left;background-color:#fdac50;width:327px;height:175px;margin-left:10px;margin-bottom:10px;}
#content-flow h2{background:url("images/bur_flow.jpg") 0 0 no-repeat;width:327px;height:102px;}
#content-flow h2 a{height:102px;display:block;}
#content-flow p{padding:5px;background-color:#f0f0f0;height:73px;font-size:0.8em;overflow:auto;}
#content-iso{float:right;background-color:#fff;width:210px;height:175px;margin-bottom:10px;}
#iso14001{background:url("images/bnr_iso14001.gif") 0 0 no-repeat;width:205px;height:75px;margin-bottom:10px;}
#iso14001 a{height:75px;display:block;}
#iso27001{background:url("images/bnr_iso27001.gif") 0 0 no-repeat;width:205px;height:75px;margin-bottom:10px;}
#iso27001 a{height:75px;display:block;}
#content-footer_text{float:left;background-color:#fff;width:800px;height:10px;margin-bottom:10px;}
#content-footer_text p{height:10px;font-size:0.7em;}
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;/*\*//*/height:auto;overflow:hidden;/**/}


/* Service lineup style */

#lineupBox {
margin-bottom: 5px;
}

/*
.lineupCtg {
width: 187px;
margin-left: 9px;
padding: 10px 0 5px 0;
border-bottom: solid 1px #ccc;
}
*/

.lineupList {

}

.lineupList li {
font-size: 0.8em;
font-weight: bold;
}

.lineupList li p {
padding: 5px 0 0 30px;
}

.lineupList li a {
display: block;
background-image: url(../images/lineup_btn.gif);
background-repeat: no-repeat;
background-position: 0 0;
width: 205px;
height: 26px;
color: #003594;
text-decoration: none;
}

.lineupList li a:visited {
background-position: 0 0;
color: #003594;
}

.lineupList li a:hover {
background-position: 0 -26px;
color: #fff;
text-decoration: none;
}


.numList {
margin-left: 30px;
text-align: left;
font-size: 0.8em;
line-height:1.4em;
list-style-type: decimal;
}




.discList {
margin-left: 30px;
text-align: left;
font-size: 0.8em;
line-height:1.4em;
list-style-type: disc;
}



.comText {
text-align: left;
font-size: 0.8em;
line-height:1.4em;
}




/********** left column elements **********/

#contents {
clear: both;
margin: 14px 0px;
padding-bottom:14px;
}



/********** common inquiry banner elements **********/

.commonInqu {
clear: both;
width: 625px;
margin-top: 15px;
margin-bottom: 25px;
}

/********** block step anchor link elements **********/

.anc {
clear: both;
margin-bottom: 20px;
padding-top: 10px;
text-align: right;
}

/********** page category format blue back (h6) **********/
.pageCategory {
clear:both;
background-image: url(../service/images/service_ctg_bg.gif);
background-repeat: no-repeat;
width: 625px;
height: 36px;
margin-bottom: 18px;
color: #fff;
font-size: 0.9em;
font-weight: bold;
}

.pageCategory p {
padding: 10px 0px 0px 25px;
}

.pageCategoryOr {
clear:both;
background-image: url(../service/images/service_ctg_or_bg.gif);
background-repeat: no-repeat;
width: 625px;
height: 36px;
margin-bottom: 18px;
color: #fff;
font-size: 0.9em;
font-weight: bold;
}

.pageCategoryOr p {
padding: 10px 0px 0px 25px;
}

.pageText {
width: 625px;
margin: 10px 0px;
text-align: left;
font-size: 0.8em;
line-height:1.4em;
}

.pageCatch {
margin: 10px 0px;
text-align: left;
color: #003594;
font-size: 0.8em;
font-weight: bold;
}


/***** service *****/
.serviceBox {
float: left;
width: 625px;
}

.serviceImg {
float: left;
width: 280px;
}

.serviceImg img {
border: solid 1px #e4e4e4;
}

.service {
float: right;
width: 330px;
}

.serviceBox .clientName {
margin-bottom: 10px;
padding: 5px 0px 5px 10px;
font-weight: bold;
color: #4d9400;
font-size: 0.9em;
border-left: solid 6px #4d9400;
}

.serviceBox .link {
background-image: url(../service/images/url_icon.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 5px 60px;
font-size: 0.8em;
font-family: Arial;
}

.serviceBox .link_line_bot {
background-image: url(../service/images/url_icon.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 15px 60px;
font-size: 0.8em;
font-family: Arial;
margin-bottom:10px;
border-bottom: solid 1px #e4e4e4;
}

.serviceBox .client {
background-image: url(../service/images/client_icon.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 5px 60px;
font-size: 0.8em;
}

.serviceBox .technology {
background-image: url(../service/images/works_icon.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 10px 60px;
font-size: 0.8em;
border-bottom: solid 1px #e4e4e4;
}

.serviceBox .type {
padding: 5px 0px 5px 0px;
font-size: 0.8em;
font-weight: bold;
line-height: 1.2em;
}

.serviceBox .discription {
padding: 5px 0px 5px 0px;
font-size: 0.8em;
line-height: 1.2em;
}

/***** service index ******/
.lineupList .currentMenu {
background-image: url(../images/lineup_btn.gif);
background-repeat: no-repeat;
background-position: 0 -26px;
width: 205px;
height: 26px;
color: #fff;
}

.lineupDec {
float:left;
width: 625px;
margin-bottom:12px;
overflow:hidden;
}

.lineup {
float:left;
background-color:#f7f7f7;
padding:2px;
width:197px;
padding-bottom:99px;
margin-bottom:-99px;
}

.lineup img {
margin-bottom:1px;
}

.lineup p {
padding:3px 5px 5px;
font-size: 0.8em;
line-height:1.4em;
}

.inqBtn {
padding: 5px;
text-align: center;
}


/***** offerd *****/
.offered {
clear:both;
background-image: url(../service/images/service_offered_bg.gif);
background-repeat: no-repeat;
width: 625px;
height: 34px;
color: #333;
font-size: 0.9em;
font-weight: bold;
margin-top:15px;
}

.offered p {
padding: 10px 0px 0px 25px;
}

.offeredBox {
float: left;
width: 583px;
_width: 625px;
border: solid 1px #e4e4e4;
background-color: #f9f9f9;
padding:15px 20px;
}

.offeredImg {
float: left;
}

.offeredBox .link_line_bot {
background-image: url(../service/images/url_icon.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 15px 60px;
font-size: 0.8em;
font-family: Arial;
margin-bottom:10px;
border-bottom: solid 1px #e4e4e4;
}

.offeredBox .discription {
padding: 5px 0px 5px 0px;
font-size: 0.8em;
line-height: 1.2em;
}

.offeredBox .service {
float: right;
width: 365px;
}


/***** mobile *****/

.mobileTitle {
clear: both;
background-image:url(../service/images/mobile_title_bg.gif);
background-repeat: no-repeat;
margin-bottom: 0;
}

.mobileTitle p {
padding: 7px 0 10px 35px;
color: #006a33;
font-size: 0.9em;
font-weight: bold;
line-height:1.4em;
}


.mobilePoint {
margin-bottom: 25px;
}

.mobilePoint li {
background-repeat: no-repeat;
background-position: 0 0.2em;
padding: 1em 0 1em 100px;
color: #006a33;
font-size: 0.9em;
font-weight: bold;
}

.mobilePoint li.point1 {
background-image:url(../service/images/mobile_point01.gif);
}

.mobilePoint li.point2 {
background-image:url(../service/images/mobile_point02.gif);
}

.mobilePoint li.point3 {
background-image:url(../service/images/mobile_point03.gif);
}

.mobilePoint li.point4 {
background-image:url(../service/images/mobile_point04.gif);
}

.mobilePoint li.point5 {
background-image:url(../service/images/mobile_point05.gif);
}


/***** seo *****/

.seoTitle {
padding:2px 5px;
color: #003594;
font-size: 1em;
font-weight: bold;
line-height:1.4em;
}

.seoSTitle {
clear: both;
background-image:url(../service/images/seo_title_bg.gif);
background-repeat: no-repeat;
margin-bottom: 0;
}

.seoSTitle p {
padding: 7px 0 10px 35px;
color: #4d9400;
font-size: 1em;
font-weight: bold;
line-height:1.4em;
}

.seoPointDec {
width:625px;
border:solid 2px #2988d9;
}

.seoPointDec img {
clear:both;
margin:18px 18px 0;
}

.seoPointDec p {
margin:10px 18px 20px;
text-align: left;
font-size: 0.8em;
line-height:1.4em;
}

.seoPointDec li {
float:left;
width:282px;
margin:10px 0 10px 18px;
_margin:10px 0 10px 9px;
text-align: left;
font-size: 0.8em;
line-height:1.4em;
}

.submit {
  overflow:hidden;
  zoom:1;
}

/******* works ********/
#tabMenu ul {
float: left;
background-image: url(../work/images/works_tab_bg.gif);
background-repeat: repeat-x;
height: 38px;
margin-bottom: 18px;
}

#tabMenu li {
float: left;
}

.padleft {
padding-left: 3px;
}

.worksBox {
float: left;
width: 625px;
}

.worksImg {
float: left;
width: 280px;
}

.worksImg img {
border: solid 1px #e4e4e4;
}

.works {
float: right;
width: 330px;
}

.worksBox .clientName {
padding: 0px 0px 10px 0px;
font-weight: bold;
}

.worksBox .link {
background-image: url(../work/images/url_icon.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 5px 60px;
font-size: 0.8em;
}

.worksBox .client {
background-image: url(../work/images/client_icon.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 5px 60px;
font-size: 0.8em;
}

.worksBox .technology {
background-image: url(../work/images/works_icon.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 10px 60px;
font-size: 0.8em;
border-bottom: solid 1px #e4e4e4;
}

.worksBox .discription {
padding: 10px 0px 10px 0px;
font-size: 0.8em;
line-height: 1.2em;
}


/******** faq *********/
.CollapsiblePanel {
width: 625px;
margin: 0;
padding: 0;
}

.CollapsiblePanelTab {
clear: both;
background-image: url(../faq/images/q_off.gif);
background-repeat: no-repeat;
margin: 0;
margin-bottom: 8px;
padding: 0.6em;
font-size: 0.9em;
font-weight: bold;
color: #c60;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
}

.CollapsiblePanelTab p {
padding: 0 0 5px 30px;
}

.CollapsiblePanelContent {
background-image: url(../faq/images/a.gif);
background-repeat: no-repeat;
margin: 0;
padding: 0;
font-size: 0.9em;
line-height: 1.2em;
overflow: hidden;
}

.CollapsiblePanelContent p {
padding: 13px 0 35px 55px;
}

.CollapsiblePanelTab a {
color: black;
text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
background-color: #fff;
background-image: url(../faq/images/q_on.gif);
}

.CollapsiblePanelClosed .CollapsiblePanelTab {
/* background-color: #EFEFEF */
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
/*background-color: #CCC;*/
text-decoration: underline;
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
/*background-color: #3399FF;*/
}
















/********** common text format **********/

.freeText {
margin: 10px 0px;
text-align: left;
font-size: 0.8em;
line-height:1.4em;
}

.f_small {
text-align: left;
font-size: 0.7em;
line-height:1.5em;
}

.f_middle {
text-align: left;
font-size: 0.8em;
line-height:1.6em;
}

.f_large{
text-align: left;
font-size: 1em;
line-height:1.8em;
}

.blue {
color: #003594;
}

.bold { font-weight: bold;}

.vtop { vertical-align: top;}
.vmiddle { vertical-align: middle;}
.vbottom { vertical-align: bottom;}

.center { text-align: center;}
.left   { text-align: left;}
.right { text-align: right;}

.clear     { clear: both;}

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

.margin_auto  { margin-left: auto; margin-right: auto;}

.margin_0  { margin: 0px;}
.margin_05 { margin: 5px;}
.margin_10 { margin: 10px;}
.margin_15 { margin: 15px;}
.margin_20 { margin: 20px;}
.margin_30 { margin: 30px;}
.margin_40 { margin: 40px;}

.margin_top0  { margin-top: 0;}
.margin_top5  { margin-top: 5px;}
.margin_top10  { margin-top: 10px;}
.margin_top15  { margin-top: 15px;}
.margin_top20  { margin-top: 20px;}
.margin_top25  { margin-top: 25px;}
.margin_top30  { margin-top: 30px;}

.margin_bot0  { margin-bottom: 0;}
.margin_bot5  { margin-bottom: 5px;}
.margin_bot10  { margin-bottom: 10px;}
.margin_bot15  { margin-bottom: 15px;}
.margin_bot20  { margin-bottom: 20px;}
.margin_bot25  { margin-bottom: 25px;}
.margin_bot30  { margin-bottom: 30px;}


.margin_lef10 { margin-left:10px;}
.margin_rig10 { margin-right:10px;}


.padding_0  { padding: 0px;}
.padding_05 { padding: 5px;}
.padding_10 { padding: 10px;}
.padding_15 { padding: 15px;}
.padding_20 { padding: 20px;}
.padding_30 { padding: 30px;}
.padding_40 { padding: 40px;}

.padding_bot5  { padding-bottom: 5px;}
.padding_bot10  { padding-bottom: 10px;}
.padding_bot15  { padding-bottom: 15px;}
.padding_bot20  { padding-bottom: 20px;}
.padding_bot25  { padding-bottom: 25px;}
.padding_bot30  { padding-bottom: 30px;}

.red {
color: red;
}