@charset "UTF-8";

/*===================================================
 common
===================================================*/
h2,h3,h4,h5,h6{margin:15px 0 10px}
ul,ol,dl,p,table{margin-bottom:10px}
strong{color:#f02857}
sup{font-size:64.34%}


/* link
---------------------------------------------------*/
a{color:#0081bf;text-decoration:underline}
a:visited{color:#0081bf}
a:hover,a:focus{color:#00b2d8;text-decoration:none}
li a{text-decoration:none}
.list-bullet-01 li a,
.list-backnumber-01 li a{text-decoration:underline}
.list-bullet-01 li .list-link-01 a,
.list-bullet-01 li a:hover,
.list-bullet-01 li a:focus,
.list-backnumber-01 li a:hover,
.list-backnumber-01 li a:focus{text-decoration:none}


/* 81.2%
 9px | 69.2%
10px | 76.9%
11px | 84.6%
12px | 92.3%
13px | 100%
14px | 107.7%
15px | 115.4%
16px | 123.1%
17px | 130.8%
18px | 130.8%
19px | 146.2%
20px | 153.8%
21px | 161.5%
22px | 169.2%
23px | 176.9%
24px | 184.6%
*/



/*===================================================
 h1-6
===================================================*/
.hdg-l1-01{
margin-bottom:15px;
font-size:153.8%;
font-weight:bold;
color:#039;
}
.hdg-l2-01{
background:url("") no-repeat 0 20%;
padding-left:14px;
font-size:123.1%;
font-weight:bold;
}
.hdg-l2-02{
font-size:123.1%;
font-weight:bold;
color:#039;
}
.hdg-l2-03{
background:#ebebeb url("") no-repeat 0 100%;
margin-bottom:12px;
font-weight:bold;
}
.hdg-l2-03 span{
background:url("") no-repeat 0 0;
padding:.3em 0 .3em 12px;
display:block;
}

.hdg-l3-01{
background:#ecf3f8;
padding:.3em 0 .2em 10px;
font-weight:bold;
}
.hdg-l4-01{
border-bottom:1px solid #c1d5e3;
padding-bottom:.4em;
font-weight:bold;
}
.hdg-l5-01{
font-weight:bold;
}


/* .hdg-news-01
---------------------------------------------------*/
.hdg-news-01{
border-top:1px solid #c1d5e3;
border-bottom:1px solid #c1d5e3;
margin-bottom:35px;
padding:1em 0;
font-size:123.1%;
font-weight:bold;
text-align:center;
color:#666;
}


/*===================================================
 p, span, img
===================================================*/
/* .blank .pdf
---------------------------------------------------*/
.blank,.pdf{
margin:0 2px;
vertical-align:-1px;
_vertical-align:baseline;
}

/* .doc-lead-01
---------------------------------------------------*/
.doc-lead-01{
font-size:123.1%;
font-weight:bold;
}

/* .doc-lead-02
---------------------------------------------------*/
.doc-lead-02{
font-size:123.1%;
font-weight:bold;
color:#666;
}
em.doc-lead-02{
color:#333;
}

/* .doc-freecall-01
---------------------------------------------------*/
.doc-freecall-01{
position:relative;
background:url("") no-repeat 0 .15em;
margin-bottom:5px;
padding-left:31px;
font-weight:bold;
zoom:1;
}

/* .doc-category-01
---------------------------------------------------*/
.doc-category-01{
background:url("") no-repeat 0 100%;
margin-bottom:12px;
padding-bottom:12px;

}
.doc-category-01 img{
margin-right:10px;
}

/* more
---------------------------------------------------*/
.more{
text-align:right;
}
.more a{
padding-left:9px;
background:url("/notificationMail/faces/jakarta.faces.resource/img/icon_link_01.png") no-repeat 0 0.4em;
text-decoration:none;
display:inline-block;
/display:inline;
/zoom:1;
}

/* notice
---------------------------------------------------*/
.notice{
font-size:92.3%;
color:#666;
}
.notice span{
margin-right:.2em;
}


/* pagetop
---------------------------------------------------*/
.pagetop{
margin-top:20px;
text-align:right;
}
.pagetop a{
background:url("") no-repeat 0 50%;
padding-left:14px;
text-decoration:none;
}


/* .doc-caption-01
---------------------------------------------------*/
.doc-caption-01{
color:#666;
font-size:92.3%;
}

/* .doc-rss-01
---------------------------------------------------*/
.doc-rss-01{
margin:-2.4em 0 17px 0;
text-align:right;
}


/*===================================================
 ul
===================================================*/
/* list-bullet-01
---------------------------------------------------*/
.list-bullet-01 li{
background:url("") no-repeat 0 0.6em;
margin-bottom:3px;
padding-left:.7em;
position:relative;
}
.lay-image .list-bullet-01 li{
display:table;
zoom:1;
}
.list-bullet-01 li ul{
margin:6px 0 6px 4px;
zoom:0;
}


/* list-bullet-02
---------------------------------------------------*/
.list-bullet-02 li{
background:url("") repeat-x 0 100%;
margin-bottom:.55em;
padding-bottom:.75em;
}
.list-bullet-02 li span{
background:url("") no-repeat 0 0.45em;
padding-left:.7em;
}


/* list-link-01
---------------------------------------------------*/
.list-link-01 li{
margin-bottom:2px;
}
.list-link-01 li a{
padding-left:9px;
background:url("/notificationMail/faces/jakarta.faces.resource/img/icon_link_01.png") no-repeat 0 0.4em;
display:inline-block;
/display:inline;
/zoom:1;
}
.list-link-01 li ul{
margin:4px 0 0 10px;
}
.list-bullet-01 .list-link-01 li{
background:none;
margin-bottom:2px;
padding-left:0;
}


/* list-link-02
---------------------------------------------------*/
.list-link-02{
background:url("") no-repeat 0 100%;
margin:15px 0 20px;
}
.list-link-02 ul{
background:url("") no-repeat 0 0;
margin-bottom:0;
padding:8px 10px;
}
.list-link-02 li{
margin-right:12px;
display:inline;
}
.list-link-02 li a{
padding-left:13px;
background:url("") no-repeat 0 50%;
display:inline-block;
/display:inline;
/zoom:1;
}

/* list-backnumber-01
---------------------------------------------------*/
.list-backnumber-01{
background:url("") no-repeat 0 100%;
margin:15px 0 20px;
zoom:0;
}
.list-backnumber-01 dt{
background:url("") no-repeat 100% 50%;
margin:.6em 1em 0 1em;
padding-right:0.5em;
float:left;
}
.list-backnumber-01 dd{
background:url("") no-repeat 0 0;
padding:8px 10px;
padding-bottom:0\9; /* IE8 */
/padding-bottom:8px;
zoom:0;
}
.list-backnumber-01 ul{
margin-bottom:0;
}
.list-backnumber-01 li{
border-right:1px solid #333;
margin-right:10px;
padding-right:12px;
display:inline;
}
.list-backnumber-01 .last-child{
border-right:none;
margin-right:0;
padding-right:0;
}


/* list-notice-01
---------------------------------------------------*/
.list-notice-01{
line-height:1.7;
}
.list-notice-01 li{
margin-bottom:0;
padding-left:1.4em;
position:relative;
color:#666;
font-size:92.3%;
zoom:1;
}
.list-notice-01.num li{
padding-left:2.2em;
}
.list-notice-01.num2 li{
padding-left:3em;
}
.list-notice-01 span{
position:absolute;
top:0;
left:0;
}

/* list-check-01
---------------------------------------------------*/
.list-check-01 li{
background:url("") no-repeat 0 100%;
margin-bottom:11px;
}
.list-check-01 li span{
position:relative;
background:url("") no-repeat 0 0;
padding:1px 0 10px 28px;
display:block;
zoom:1;
}

/* list-question-01
---------------------------------------------------*/
.list-question-01 li{
background:url("") no-repeat 0 .2em;
margin-bottom:3px;
padding-left:24px;
}

/* list-btn-01
---------------------------------------------------*/
.list-btn-01{
position:relative;
margin:0 -1px 10px;
}
.list-btn-01 li{
margin:0 1px;
padding:1px 0;
display:inline-block;
/display:inline;
/zoom:1;
}
.list-btn-01.float li{
float:left;
display:inline;
}
.list-btn-01 .back{
position:absolute;
top:5px;
left:0;
}
.list-btn-01 .back a{
padding-left:9px;
background:url("") no-repeat 0 0.4em;
}
.list-btn-01 li img{vertical-align:middle}


/* list-tabunder-01 list-tabtop-01
---------------------------------------------------*/
.list-tabunder-01,
.list-tabtop-01{
background:url("") no-repeat 0 0;
margin:0 -2px 10px;
padding:6px 2px 0;
height:30px;
position:relative;
}
.list-tabtop-01{
background-position:-700px 100%;
padding:0 2px 7px;
}
.list-tabunder-01 li,
.list-tabtop-01 li{
margin-right:3px;
float:left;
}
.list-tabunder-01 li a,
.list-tabtop-01 li a{
background:url("") no-repeat 0 0;
text-indent:-9999px;
display:block;
width:228px;
height:30px;
}
.list-tabunder-01 .current,
.list-tabtop-01 .current{
background:url("") no-repeat 0 0;
text-indent:-9999px;
display:block;
width:228px;
height:30px;
}

.list-tabunder-01 .tab02.current,
.list-tabtop-01 .tab02.current,
.list-tabunder-01 .tab02 a,
.list-tabtop-01 .tab02 a{
width:229px;
}
.list-tabunder-01 .tab03,
.list-tabtop-01 .tab03{
margin-right:0;
}

.list-tabunder-01 .tab03.current,
.list-tabtop-01 .tab03.current,
.list-tabunder-01 .tab03 a,
.list-tabtop-01 .tab03 a{
margin-right:0;
width:230px;
}

.list-tabunder-01 .tab01 a{background-position:-2px -6px;}
.list-tabunder-01 .tab02 a{background-position:-233px -6px;}
.list-tabunder-01 .tab03 a{background-position:-465px -6px;}
.list-tabunder-01 .tab01.current,
.list-tabunder-01 .tab01 a:hover,
.list-tabunder-01 .tab01 a:focus{background-position:-2px -37px;}
.list-tabunder-01 .tab02.current,
.list-tabunder-01 .tab02 a:hover,
.list-tabunder-01 .tab02 a:focus{background-position:-233px -37px;}
.list-tabunder-01 .tab03.current,
.list-tabunder-01 .tab03 a:hover,
.list-tabunder-01 .tab03 a:focus{background-position:-465px -37px;}
.list-tabtop-01 .tab01 a{background-position:-702px -31px;}
.list-tabtop-01 .tab02 a{background-position:-933px -31px;}
.list-tabtop-01 .tab03 a{background-position:-1165px -31px;}
.list-tabtop-01 .tab01.current,
.list-tabtop-01 .tab01 a:hover,
.list-tabtop-01 .tab01 a:focus{background-position:-702px 0;}
.list-tabtop-01 .tab02.current,
.list-tabtop-01 .tab02 a:hover,
.list-tabtop-01 .tab02 a:focus{background-position:-933px 0;}
.list-tabtop-01 .tab03.current,
.list-tabtop-01 .tab03 a:hover,
.list-tabtop-01 .tab03 a:focus{background-position:-1165px 0;}

/* list-news-01
---------------------------------------------------*/
.list-news-01{margin-bottom:20px;}
.list-news-01 dt{
float:left;
clear:both;
font-weight:normal;
}
.list-news-01 dd{
background:url("") repeat-x 0 100%;
padding:0 0 10px 7.5em;
_padding-left:6.5em;
zoom:0;
}



/*===================================================
 ol
===================================================*/
ol{list-style-type:decimal}
ol li{
margin-left:1.8em;
*margin-left:2em;
}
ol li li{
margin-left:0;
}


/* list-ordered-01
---------------------------------------------------*/
.list-ordered-01 li{
position:relative;
padding-left:2em;
zoom:1;
}
.list-ordered-01 li .num{
position:absolute;
top:0;
left:0;
}



/*===================================================
 dl
===================================================*/
dt{margin-bottom:3px}
dd{margin-bottom:10px}

/* list-definition-01
---------------------------------------------------*/
.list-definition-01 dt{
font-weight:bold;
}
.list-definition-01.parallel dt{
margin-bottom:5px;
float:left;
clear:both;
}
.list-definition-01.parallel dd{
margin:0 0 5px 8em;
}

/* list-definition-02
---------------------------------------------------*/
.list-definition-02{margin-right:-1.5em;}
.list-definition-02 dt{
background:url("") no-repeat 100% 50%;
margin:0 0.2em 0 0;
_margin-right:0.5em;
padding-right:0.8em;
_padding-right:0.3em;
display:inline;
font-weight:normal;
}
.list-definition-02 dd{
margin:0 1.5em 0 0;
display:inline;
}

/* list-step-01
---------------------------------------------------*/
.list-step-01{
margin-bottom:20px;
}
.list-step-01 .col{
background:url("") no-repeat 50% 100%;
padding-bottom:27px;
}
.list-step-01 .last-child{
background:none;
padding-bottom:0;
}
.list-step-01 .box-content-01{
margin:10px -1px 0;
}
.list-step-01 .step{
margin-top:0;
padding-top:20px;
}
.list-step-01 .step img{
position:absolute;
top:1px;
}

/* tbl-data-01
---------------------------------------------------*/
.tbl-data-01{
margin-bottom:15px;
background:#fff;
border:1px solid #c6c6c6;
border-collapse:collapse;
}
.tbl-data-01 th,
.tbl-data-01 thead td{
background:#ececec;
border:1px solid #c6c6c6;
padding:.5em 10px;
font-weight:bold;
}
.tbl-data-01 td{
border:1px solid #c6c6c6;
padding:.5em 12px;
}

/*  tbl-definition-01
--------------------------------------- */
.tbl-definition-01{margin-bottom:15px;}
.tbl-definition-01 th{padding:2px 5px 2px 0;}
.tbl-definition-01 td{padding:2px 0 2px 10px;
background:url("") no-repeat 0 .75em;
}


/*===================================================
 layout
===================================================*/
/* section
---------------------------------------------------*/
.section{margin-bottom:2em;}
.section.line{
background:url("") no-repeat 0 100%;
margin-bottom:1.2em;
padding-bottom:1em;
}
.section.dotline{
background:url("") no-repeat 0 100%;
margin-bottom:22px;
padding-bottom:1px;
}

/* lay-image
---------------------------------------------------*/
.lay-image .imageL{
position:relative;
margin:1px 12px 0 0;
padding-bottom:10px;
max-width:346px;
float:left;
}
.lay-image .imageR{
position:relative;
margin:1px 0 0 12px;
padding-bottom:10px;
max-width:346px;
float:right;
}
.lay-image p{zoom:0}
.lay-image .contents{
margin:0;
overflow:hidden;
}
.lay-image .caption{
margin-top:3px;
display:block;
font-size:92.3%;
line-height:1.4;
color:#666;
}

/* lay-image.product
---------------------------------------------------*/
.lay-image.product{
position:relative;
padding-left:125px;
}
.lay-image.product .imageL{
position:absolute;
top:0;
left:0;
}


/* lay-col2-01
---------------------------------------------------*/
.lay-col2-01{
margin:0 -24px 0 0;
clear:both;
}
.lay-col2-01.line{
background:url("") no-repeat 0 100%;
margin-bottom:15px;
padding-bottom:15px;
}
.lay-col2-01 .col{
margin:0 17px 10px 0;
width:338px;
float:left;
}
.lay-col2-01 .col .lay-col2-01 .col{
margin-right:14px;
width:162px;
}
.lay-col2-01 .col.line{
background:url("") repeat-y 100% 0;
margin-right:9px;
padding-right:10px;
}
.lay-col2-01 .col.box-content-01{
margin:0 -1px;
width:339px;
}
.box-contact-01 .lay-col2-01 .col{width:321px}
.box-content-01 .lay-col2-01 .col{width:322px}
.box-content-01 .lay-col2-01 .col .lay-col2-01 .col{width:154px}


/* img-col1-01 img-col2-01 img-col3-01
---------------------------------------------------*/
.img-col1-01,
.img-col2-01,
.img-col3-01{
text-align:center;
}
.img-col2-01 li,
.img-col3-01 li{
padding:1px 0;
width:344px;
display:inline-block;
/display:inline;
/zoom:1;
}
.img-col3-01 li{
width:228px;
}
.img-col1-01 .caption,
.img-col2-01 .caption,
.img-col3-01 .caption{
margin:3px auto 0;
display:block;
font-size:92.3%;
line-height:1.4;
color:#666;
}
.img-col2-01.vmiddle img,
.img-col3-01.vmiddle img{vertical-align:middle;}



/*===================================================
 box
===================================================*/
/* box-content-01
---------------------------------------------------*/
.box-content-01{
position:relative;
background:url("") no-repeat 0 100%;
margin:15px -1px 18px;
}
.box-content-01 .inner{
position:relative;
background:url("") no-repeat 0 0;
padding:15px 15px 6px 16px;
}
.lay-col2-01 .box-content-01{
background-image:url("");
}
.lay-col2-01 .box-content-01 .inner{
background-image:url("");
}

/* box-content-02
---------------------------------------------------*/
.box-content-02{
position:relative;
background:url("") no-repeat 0 100%;
margin:15px -1px 18px;
}
.box-content-02 .inner{
background:url("") no-repeat 0 0;
padding:15px 15px 6px;
}

/* box-function-01
---------------------------------------------------*/
.box-function-01{
position:relative;
background:url("") no-repeat 0 100%;
margin:15px -1px 18px;
}
.box-function-01 .inner{
background:url("") no-repeat 0 0;
padding:10px 15px 4px;
}

.box-function-01 form{
display:block;
}
.box-function-01 .search{
padding:5px 0 2px;
}
.box-function-01 .search h2{
margin:0 0 9px;
/margin-top:-.5em;
_margin-top:-2px;
float:left;
}
.box-function-01 .search p{
margin:-3px 0 0;
*margin-top:-6px;
float:right;
}
.box-function-01 .search #keyword-search{
background:#fff url("") no-repeat 0 0;
margin-right:7px;
padding:0 2px 0 22px;
*padding-top:3px;
border:1px solid #c7c7c7;
width:243px;
min-height:21px;
*min-height:19px;
_height:19px;
}

.box-function-01 .select ul{
margin:0 0 5px 0;
float:left;
width:553px;
display:inline;
text-align:right;
}
.box-function-01 .select li{
margin:0 3px;
display:inline;
}
.box-function-01 .select option{
padding-right:15px;
}
.box-function-01 .select p{
margin:0 0 5px;
float:right;
width:104px;
}


/* box-important-01
---------------------------------------------------*/
.box-important-01{
margin:15px 0 18px;
padding:11px 12px 1px;
background:#ffeaef;
border:1px solid #f02857;
}

/* box-strong-01
---------------------------------------------------*/
.box-strong-01{
margin:15px 0 18px;
padding:11px 12px 1px;
background:#fbf6dc;
}

/* box-contact-01
---------------------------------------------------*/
.box-contact-01{
background:url("") no-repeat 0 100%;
margin:35px 0 15px;
padding:0 15px 1px;
}
.box-contact-01 h2{
background:url("") no-repeat 0 0;
margin:0 -15px 15px;
padding:.5em 16px .4em 16px;
font-weight:bold;
}

/* box-question-01
---------------------------------------------------*/
.box-question-01 h1,
.box-question-01 h2,
.box-question-01 h3{
background:url("") no-repeat 0 0;
margin-bottom:10px;
padding:2px 0 5px 45px;
font-size:123.1%;
font-weight:bold;
}
.box-question-01 p{
background:url("") no-repeat 0 0;
margin-bottom:20px;
padding:.3em 0 .6em 45px;
color:#039;
}


/* box-toggle-01
---------------------------------------------------*/
.allswitch{
margin-top:-2.4em;
/margin-top:-2.6em;
float:right;
display:none;
}
.allswitch a{
background:url("") no-repeat 0 50%;
padding-left:21px;
text-decoration:none;
zoom:1;
}
.allswitch.active a{
background-image:url("");
}


.box-toggle-01 .switch{
margin:-9px 0 2px -7px;
position:relative;
font-weight:bold;
zoom:1;
}
.box-toggle-01 .switch a{
position:relative;
background:url("") no-repeat 0 50%;
padding-left:21px;
display:block;
text-decoration:none;
zoom:1;
}
.box-toggle-01 .switch.active a{
background-image:url("");
}
.box-toggle-01 .target{
margin:7px 0 -5px 15px;
}

/* box-frame-01
---------------------------------------------------*/
.box-frame-01{
margin-bottom:17px;
border:1px solid #c8c8c8;
padding:13px 14px 0;
height:136px;
overflow-y:scroll;
}

/* gallery
---------------------------------------------------*/
#gallery{
position:relative;
background:url("") no-repeat 0 0;
padding:7px;
width:304px;
height:234px;
}
#gallery p{margin:0}
#gallery ul{
position:absolute;
bottom:12px;
left:13px;
margin:0;
}
#gallery ul li{
position:relative;
margin-right:6px;
float:left;
}
#gallery ul li a{
background:url("") no-repeat 0 0;
width:16px;
height:16px;
display:block;
zoom:1;
}
#gallery ul li span{
position:relative;
z-index:-1;
}
#gallery ul li.active a,
#gallery ul li a:hover,
#gallery ul li a:focus{
background-position:-22px 0;
}
#gallery.imageL .expansion{
position:absolute;
right:3px;
bottom:3px;
}


/*===================================================
 form
===================================================*/
input[type="checkbox"],
input[type="radio"],
select,label{
cursor:pointer;
}

/* tbl-data-01
---------------------------------------------------*/
form .tbl-data-01 th span{
margin-right:3px;
float:left;
}
form .tbl-data-01 th .need{
padding:.25em 0 0 3px;
margin-left:2px;
float:right;
}


/* .doc-attension-01
---------------------------------------------------*/
.doc-attension-01{
position:relative;
background:#ffeaef url("/notificationMail/faces/jakarta.faces.resource/img/icon_attension_01.png") no-repeat 10px 50%;
margin-bottom:10px;
padding:6px 0 6px 41px;
font-weight:bold;
color:#cb0000;
}

/* .box-attension-01
---------------------------------------------------*/
.box-attension-01{
background:#ffeaef;
border:1px solid #f02857;
margin-bottom:25px;
padding:11px 11px 0;
}
.box-attension-01 dt{
position:relative;
background:#ffeaef url("/notificationMail/faces/jakarta.faces.resource/img/icon_attension_01.png") no-repeat 0 40%;
margin-bottom:10px;
padding:0 0 2px 31px;
font-weight:bold;
color:#cb0000;
}
.box-attension-01 dd{
margin-bottom:0;
}

/* .doc-example-01
---------------------------------------------------*/
.doc-example-01{
position:relative;
margin-bottom:1.5em;
/margin-bottom:0;
}
.doc-example-01.num{
/margin-bottom:1.7em;
}
.doc-example-01 .example01{
position:absolute;
top:2em;
}
.doc-example-01 .example02{
position:absolute;
top:2em;
}
.doc-example-01 .example03{
position:absolute;
top:2em;
}

/* .example
---------------------------------------------------*/
.example{
margin:2em 0 -3.5em;
display:block;
}

/* .list-checkbox-01
---------------------------------------------------*/
.list-checkbox-01{
margin-bottom:0;
}
.list-checkbox-01.col2{
margin-right:-15px;
}
.list-checkbox-01 li{
position:relative;
margin-left:18px;
}
.list-checkbox-01.col2 li{
margin-right:15px;
float:left;
width:200px;
display:inline;
}
.list-checkbox-01 li input{
position:absolute;
top:2px;
left:-18px;
/left:-22px;
}

/* .list-radio-01
---------------------------------------------------*/
.list-radio-01{
margin-bottom:0;
}
.list-radio-01 li{
margin-right:2em;
display:inline-block;
/display:inline;
/zoom:1;
}
.list-radio-01 li input{
margin:0 0 .3em;
}

/* .list-name-01 .list-name-02
---------------------------------------------------*/
.list-name-01 li,
.list-name-02 li{
margin:0 1.8em 22px 0;
float:left;
}
.list-name-01 li input,
.list-name-02 li input{
margin-left:5px;
}
.list-name-01 li .example{padding-left:1.5em}
.list-name-02 li .example{padding-left:2.5em}

/* input class
---------------------------------------------------*/
.width75{width:75px}
.width150{width:150px}
.width260{width:260px}
.width450{width:450px}



/*===================================================
 clearfix & hasLayout
===================================================*/
div,ul,ol,li,dl,dt,dd,p,
.box-function-01 form{
/zoom:1}
ul li,
ol li{
/zoom:0}
.list-tabunder-01 after,
.list-tabtop-01 after,
.list-btn-01.float:after,
.list-backnumber-01:after,
.lay-image:after,
.lay-col2-01:after,
.box-function-01 form:after,
.list-checkbox-01:after,
.list-name-01:after{
content:'';display:block;clear:both}

/*===================================================
 class
===================================================*/
.alignR{text-align:right!important}
.alignC{text-align:center!important}
.vmiddle{vertical-align:middle!important}
.vtop{vertical-align:top!important}
.vbottom{vertical-align:bottom!important}
.mt00{margin-top:0!important}
.mt05{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mr00{margin-right:0!important}
.mr05{margin-right:5px!important}
.mr10{margin-right:10px!important}
.mr15{margin-right:15px!important}
.mr20{margin-right:20px!important}
.mr30{margin-right:30px!important}
.mr40{margin-right:40px!important}
.mb00{margin-bottom:0!important}
.mb05{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb30{margin-bottom:30px!important}
.mb40{margin-bottom:40px!important}
.ml00{margin-left:0!important}
.ml05{margin-left:5px!important}
.ml10{margin-left:10px!important}
.ml15{margin-left:15px!important}
.ml20{margin-left:20px!important}
.ml30{margin-left:30px!important}
.ml40{margin-left:40px!important}