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

body {
margin:0;
padding:0;
border:0;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","Hiragino Kaku Gothic Pro","\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33",Osaka,sans-serif;
color:#333;
font-size:100%;
background-color:#fff;
}

body#basic {
background-color:#f9f9f9;
text-align:center;
}

body#data1 {
background-color:#fff;
text-align:center;
}


a:link {
color:#336699;
text-decoration:none;
}

a:visited {
color:#336699;
text-decoration:none;
}

a:active {
color:#FF9933;
text-decoration:none;
}

a:hover {
color:#FF9933;
text-decoration:none;
}

strong {
font-weight:bold;
font-style:normal;
}

strong.more {
color:#ff0000;
font-weight:bold;
font-style:normal;
}

em {
color:#ff0000;
font-weight:normal;
font-style:normal;
}

h1,h2,h3,h4,p,form {
margin:0;
padding:0;
border:0;
}

/* container */

#wrapper {
margin:0 auto;
padding:0;
background-color:#fff;
width:780px;
text-align:left;
border:0 solid #ddd;
border-left-width:1px;
border-right-width:1px;
box-sizing:content-box;
-moz-box-sizing:content-box;
}


#wrapdata1 {
margin:0 auto;
padding:0;
background-color:#fff;
width:673px;
text-align:left;
}


/* header */
#header {
width:780px;
background-color:#017CB9;
}

#headerLink {
width:780px;
background-color:#017CB9;
}

#headerLink p.text1 {
font-size:70%;
color:#fff;
}

#headerLink a:link {
color:#fff;
text-decoration:none;
}

#headerLink a:visited {
color:#fff;
text-decoration:none;
}

#headerLink a:active {
color:#fff;
text-decoration:underline;
}

#headerLink a:hover {
color:#fff;
text-decoration:underline;
}

#headerArea {
width:780px;
height:54px;
}
#headerArea h1 img {
vertical-align:top;
}


/* crumb */
#crumb {
_width:780px;
height:22px;
margin:0;
margin-bottom:18px;
padding:4px 20px 0 20px;
background-image:url(/share/images/cmn_bg_01.gif);
background-repeat:repeat-x;
font-size:70%;
}


/* navigation */

/* localNavigation */
#localNavigation {
margin-bottom:100px;
}

#localNavigation .navHead {
border-bottom:3px solid #ddd;
height:34px;
}

#localNavigation .navHead a {
margin:0;
padding:10px 10px 0 10px;
width:100%;
display:block;
font-size:90%;
font-weight:bold;
}

#localNavigation .navHead a:link,
#localNavigation .navHead a:visited {
color:#333;
}

#localNavigation .navHead a:hover,
#localNavigation .navHead a:active {
color:#FF9933;
}

/*  */
#localNavigation ul {
width:185px;
margin:0;
padding:0;
}

#localNavigation ul li {
list-style-type:none;
margin:0;
padding:0;
border-bottom:1px solid #ebebeb;

}

#localNavigation ul li a {
_width:100%;
display:block;
margin:0;
padding:6px;
padding-left:25px;
background-image:url(/share/images/cmn_im_01.gif);
background-repeat:no-repeat;
background-position:9px 7px;
font-size:90%;
font-weight:bold;
}

#localNavigation ul li a:link {
background-image:url(/share/images/cmn_im_01.gif);
background-repeat:no-repeat;
}

#localNavigation ul li a:visited {
background-image:url(/share/images/cmn_im_01.gif);
background-repeat:no-repeat;
}

#localNavigation ul li a:active {
background-image:url(/share/images/cmn_im_01_a.gif);
background-repeat:no-repeat;
}

#localNavigation ul li a:hover {
background-image:url(/share/images/cmn_im_01_a.gif);
background-repeat:no-repeat;
}

#localNavigation ul li a.spread:link {
background-image:url(/share/images/cmn_im_02.gif);
background-repeat:no-repeat;
}

#localNavigation ul li a.spread:visited {
background-image:url(/share/images/cmn_im_02.gif);
background-repeat:no-repeat;
}

#localNavigation ul li a.spread:active {
background-image:url(/share/images/cmn_im_02_a.gif);
background-repeat:no-repeat;
}

#localNavigation ul li a.spread:hover {
background-image:url(/share/images/cmn_im_02_a.gif);
background-repeat:no-repeat;
}

#localNavigation ul li.last {
border-bottom-width:0;
}

/* localNavigation */
/* child */
#localNavigation ul ul.child {
width:185px;
margin:0;
padding:0;
background-color:#fff;
}

#localNavigation ul ul.child li {
list-style-type:none;
margin:0;
padding:0;
border-bottom:1px solid #ebebeb;
}

#localNavigation ul ul.child li.last {
border-bottom-width:0;
}

#localNavigation ul ul.child li a {
_width:100%;
margin:0;
padding:7px;
padding-top:8px;
padding-left:25px;
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
background-position:13px 11px;
font-size:80%;
font-weight:normal;
}

#localNavigation ul ul.child li a:link {
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
}

#localNavigation ul ul.child li a:visited {
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
}

#localNavigation ul ul.child li a:active {
background-image:url(/share/images/cmn_im_03_a.gif);
background-repeat:no-repeat;
}

#localNavigation ul ul.child li a:hover {
background-image:url(/share/images/cmn_im_03_a.gif);
background-repeat:no-repeat;
}

/* stay */

#localNavigation ul ul.child li a.stay:link {
color:#FF9933;
background-image:url(/share/images/cmn_im_03_a.gif);
background-repeat:no-repeat;
}

#localNavigation ul.child li.first {
border-top:1px solid #ebebeb;
}


/* spread */
#localNavigation ul ul.child li a.spread {
/*border-bottom:1px solid #ebebeb;*/
background-position:12px 13px;
}

#localNavigation ul ul.child li a.spread:link {
background-image:url(/share/images/cmn_im_04.gif);
background-repeat:no-repeat;
}

#localNavigation ul ul.child li a.spread:visited {
background-image:url(/share/images/cmn_im_04.gif);
background-repeat:no-repeat;
}

#localNavigation ul ul.child li a.spread:active {
background-image:url(/share/images/cmn_im_04_a.gif);
background-repeat:no-repeat;
}

#localNavigation ul ul.child li a.spread:hover {
background-image:url(/share/images/cmn_im_04_a.gif);
background-repeat:no-repeat;
}
/* spread stay*/
#localNavigation ul ul.child li#lnavp01s a.stay {
color:#FF9933;
background-image:url(/share/images/cmn_im_04_a.gif);
background-repeat:no-repeat;
}



/* localNavigation */
/* grandchild */
#localNavigation ul ul.child ul.grandchild {
width:185px;
margin:0;
padding:0;
background-color:#fff;
}

#localNavigation ul ul.child ul.grandchild li a {
_width:100%;
margin:0;
padding:7px;
padding-top:8px;
padding-left:38px;
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
background-position:26px 11px;
font-size:80%;
font-weight:normal;
}

#localNavigation ul ul.child ul.grandchild li a:link {
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
}

#localNavigation ul ul.child ul.grandchild li a:visited {
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
}

#localNavigation ul ul.child ul.grandchild li a:active {
background-image:url(/share/images/cmn_im_03_a.gif);
background-repeat:no-repeat;
}

#localNavigation ul ul.child ul.grandchild li a:hover {
background-image:url(/share/images/cmn_im_03_a.gif);
background-repeat:no-repeat;
}

/* stay */
#localNavigation ul ul.child ul.grandchild li a.stay {
color:#FF9933;
background-image:url(/share/images/cmn_im_03_a.gif);
background-repeat:no-repeat;
}

#localNavigation ul ul.child li.irlast {
margin-top:1px;
border-top:1px solid #ebebeb;
border-bottom-width:0;
}

#localNavigation ul ul.child li.irlast a{
_width:100%;
margin:0;
padding:7px;
padding-top:8px;
padding-left:25px;
background-image:url(/share/images/cmn_im_06.gif);
background-repeat:no-repeat;
background-position:10px 11px;
font-size:80%;
font-weight:normal;
}

#localNavigation ul ul.child li.irlast a:link {
background-image:url(/share/images/cmn_im_06.gif);
background-repeat:no-repeat;
}

#localNavigation ul ul.child li.irlast a:visited {
background-image:url(/share/images/cmn_im_06.gif);
background-repeat:no-repeat;
}

#localNavigation ul ul.child li.irlast a:active {
background-image:url(/share/images/cmn_im_06_a.gif);
background-repeat:no-repeat;
}

#localNavigation ul ul.child li.irlast a:hover {
background-image:url(/share/images/cmn_im_06_a.gif);
background-repeat:no-repeat;
}

/* contents */
#contents {
width:530px;
}

/* contents */
#contentsWD {
width:740px;
}


/* footer */
#footer {
margin:0;
padding:50px 0 50px 0;
}

#footer p {
margin:9px 0 0 20px;
padding:0;
font-size:70%;
}

#footer a:link {
color:#333;
text-decoration:none;
}

#footer a:visited {
color:#333;
text-decoration:none;
}

#footer a:active {
color:#333;
text-decoration:underline;
}

#footer a:hover {
color:#333;
text-decoration:underline;
}



/* background */
.bgfff {
background-color:#fff;
}

.bgGray1 {
background-color:#f5f5f5;
}

.bgGray2 {
background-color:#ddd;
}

.bgGray3 {
background-color:#ccc;
}

.bgGray4 {
background-color:#e9e9e9;
}

.bgImg1 {
background-image:url(/share/images/cmn_pt_03.gif);
background-repeat:repeat-x;
}



.gnavBG {
background-image:url(/share/images/global_bg_01.gif);
background-repeat:repeat-x;
}


/* general */
.emText {
font-size:90%;
}

p.emText {
line-height:1.6;
}

.baseText {
font-size:80%;
}

p.baseText {
line-height:1.6;
}

.subText {
font-size:70%;
}

p.subText {
line-height:1.5;
}

.extraText {
font-size:65%;
line-height:1.0;
}

.baseText span.subText {
font-size:80%;
}

.textHeight1 {
line-height:1.6;
}

.textHeight2 {
line-height:1.3;
}

.textHeight3 {
line-height:1.4;
}

.adoText1 {
color:#2166ac;
}

.superior {
font-size:80%;
vertical-align:super;
}

.centerItem {
text-align:center;
}

.rightItem {
text-align:right;
}

.rightBlock {
float:right;
}

.marginBlock05 {
margin-top:5px;
}


.marginBlock1 {
margin-top:10px;
}

.marginBlock15 {
margin-top:15px;
}

.marginBlock2 {
margin-top:20px;
}

.marginBlock25 {
margin-top:25px;
}

.marginBlock3 {
margin-top:30px;
}

.marginBlock35 {
margin-top:35px;
}

.clear {
clear:both;
}

.padding5 {
padding:5px;
}

.padding10 {
padding:10px;
}

.padding15 {
padding:15px;
}


div.box1 {
margin:0;
border:1px solid #ddd;
}

div.divide1 {
border-top:1px solid #ccc;
}

div.divide2 {
border-top:1px solid #ddd;
}

div.divide3 {
border-top:1px solid #06c;
}

img.floatR {
margin:0 0 20px 15px;
float:right;
}

img.floatL {
margin:0 15px 20px 0;
float:left;
}

.indent {
margin-left:1em;
}

/* list */
div.listDot p  {
text-indent:-0.5em;
padding-left:0.5em;
}

div.listSymbol p  {
text-indent:-1.4em;
padding-left:1.4em;
}

div.listNumber p  {
padding-left:1em;
text-indent:-1em;
}

div.listNumParen p  {
padding-left:2em;
text-indent:-2em;
}

div.listNumSym p  {
padding-left:2.4em;
text-indent:-2.4em;
}

div.listCaution p  {
padding-left:2em;
text-indent:-2em;
}


/*  */
div.listLink {
}

div.listLink ul {
margin:0;
padding:0;
}

div.listLink ul li {
list-style-type:none;
margin:0;
padding:0;
padding-left:12px;
text-indent:-12px;
margin-left:12px;
}

.listLink ul li a {
margin:0;
padding:0;
padding-left:12px;
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
background-position:0 2px;
font-size:80%;
}

.listLink ul li a:link {
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
}

.listLink ul li a:visited {
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
}

.listLink ul li a:active {
background-image:url(/share/images/cmn_im_03_a.gif);
background-repeat:no-repeat;
}

.listLink ul li a:hover {
background-image:url(/share/images/cmn_im_03_a.gif);
background-repeat:no-repeat;
}

div.listLink ul ul {
margin-left:-8px;
/*margin-left:15px;*/
}

div.listLink ul.headlistLink {
margin:10px 0 20px 0;
padding:0;
}

div.listImg01 ul {
list-style:none;
font-size:80%;
font-weight:bold;
padding:0;
margin:0;
}
div.listImg01 ul li a {
padding-left:15px;
}
div.listImg01 ul li a:link,
div.listImg01 ul li a:visited {
background:url(/share/images/cmn_im_06.gif) no-repeat 0 2px;
}
div.listImg01 ul li a:hover,
div.listImg01 ul li a:active {
background:url(/share/images/cmn_im_06_a.gif) no-repeat 0 2px;
}

/* listBtn01 20130820 add*/
.listBtn01 ul{
list-style-type:none;
margin:0;
padding:0;
}
.listBtn01 li{
float:left;
width:252px;
margin-right:18px;
text-align:center;
background:url(../../common/images/cmn_listbtn01_bg_02.gif) no-repeat bottom left;
}
.listBtn01 li.last{
margin-right:0;
}
.listBtn01 li a{
display:block;
padding:12px 6px;
background:url(../../common/images/cmn_listbtn01_bg_01.gif) no-repeat top left;
zoom:1;
}

/*  */
/*
div.listLink ul li {
list-style-type:none;
margin:0;
padding:0;
padding-left:12px;
text-indent:-12px;
margin-left:12px;
}

.listLink ul li a {
margin:0;
padding:0;
padding-left:12px;
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
background-position:0 2px;
font-size:80%;
}
*/


p.linkText {
padding-left:12px;
text-indent:-12px;
}

p.linkText a {
margin:0;
padding:0;
padding-left:12px;
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
background-position:0 2px;
font-size:80%;
}

p.linksubText {
padding-left:10px;
text-indent:-10px;
}

p.linksubText a {
margin:0;
padding:0;
padding-left:10px;
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
background-position:0 2px;
font-size:70%;
}


p.linkText a:link,
p.linksubText a:link {
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
}

p.linkText a:visited,
p.linksubText a:visited {
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
}

p.linkText a:active,
p.linksubText a:active {
background-image:url(/share/images/cmn_im_03_a.gif);
background-repeat:no-repeat;
}

p.linkText a:hover,
p.linksubText a:hover {
background-image:url(/share/images/cmn_im_03_a.gif);
background-repeat:no-repeat;
}

/*  */
h2.headText {
/*width:530px;*/
margin:0;
padding:6px 10px 6px 10px; 
border:1px solid #ebebeb;
background-color:#f5f5f5;
color:#336699;
font-size:90%;
font-weight:bold;
}


/*  */
p.headLink {
/*width:260px;*/
border:1px solid #ebebeb;
background-color:#f5f5f5;
}

p.headLink a {
margin:0;
padding:5px;
width:100%;
display:block;
background-image:url(/share/images/cmn_im_01.gif);
background-repeat:no-repeat;
background-position:5px 5px;
font-size:90%;
font-weight:bold;
}

p.headLink a span {
display:block;
margin-left:17px;
}

p.headLink a:link {
background-image:url(/share/images/cmn_im_01.gif);
background-repeat:no-repeat;
}

p.headLink a:visited {
background-image:url(/share/images/cmn_im_01.gif);
background-repeat:no-repeat;
}

p.headLink a:active {
background-image:url(/share/images/cmn_im_01_a.gif);
background-repeat:no-repeat;
}

p.headLink a:hover {
background-image:url(/share/images/cmn_im_01_a.gif);
background-repeat:no-repeat;
}

p.headLink a.off{
background-image:url(/share/images/cmn_im_01.gif);
background-repeat:no-repeat;
}

/* table */

table.baseTable1 {
border-collapse:collapse;
border:solid #ddd 0;
border-width:1px 0 0 1px;
}
table.baseTable1 th,
table.baseTable1 td {
margin:0;
padding:5px;
border:solid #ddd 0;
border-width:0 1px 1px 0;
/*text-align:left;
vertical-align:top;*/
}
table.baseTable1 th {
font-style:normal;
font-weight:bold;
}

/*baseTable2*/
table.baseTable2 {
border-collapse:collapse;
border:solid #ddd 0;
border-width:1px 0 0 1px;
}
table.baseTable2 th,
table.baseTable2 td {
margin:0;
padding:5px;
border:solid #ddd 0;
border-width:0 1px 1px 0;
/*text-align:left;
vertical-align:top;*/
}
table.baseTable2 th {
font-style:normal;
font-weight:normal;
}

table.clearTable {
border-width:0;
}
table.clearTable th,
table.clearTable td {
margin:0;
padding:0;
border-width:0;
}

table.clearTable1 {
border-width:0;
}
table.clearTable1 th,
table.clearTable1 td {
margin:0;
padding:5px;
border-width:0;
/*text-align:left;
vertical-align:top;*/
}
table.clearTable1 th {
font-style:normal;
font-weight:bold;
}


/* particular */

.search1 {
width:130px;
height:20px;
}

.contentsBlock {
margin:0 10px 0 10px;
}

.newsreleaseBlock {
margin:0 30px 0 30px;
}

tr.dataTable1 td {
padding:6px 0 6px 0;
}

tr.dataTable2 td {
padding:25px 0 25px 0;
}

tr.dataTable3 td {
padding:0 0 4px 0;
}


.anchorText {
color:#336699;
}

/* pagetop */
p.pagetop {
margin-top:25px;
text-align:right;
}

p.pagetop a {
margin:0;
padding:0;
padding-left:12px;
background-image:url(/share/images/cmn_im_05.gif);
background-repeat:no-repeat;
background-position:0 4px;
font-size:80%;
}

p.pagetop a:link {
background-image:url(/share/images/cmn_im_05.gif);
background-repeat:no-repeat;
}

p.pagetop a:visited {
background-image:url(/share/images/cmn_im_05.gif);
background-repeat:no-repeat;
}

p.pagetop a:active {
background-image:url(/share/images/cmn_im_05_a.gif);
background-repeat:no-repeat;
}

p.pagetop a:hover {
background-image:url(/share/images/cmn_im_05_a.gif);
background-repeat:no-repeat;
}

/* release */
h1.releaseHead {
text-align:center;
font-size:100%;
font-weight:bold;
color:#993366;
line-height:1.5;
}

h1.releaseHead span.subHead {
font-size:80%;
}

/* ir */
.irLibraryBox{
padding:10px 8px;
border:1px solid #e0eff6;
background-color:#f2f7fa;
}

.irLibraryBox a img{
border:none;
}

h2.headLinkText {
border:1px solid #ebebeb;
padding:6px 0;
padding-left:20px;
text-indent:-5px;
background-color:#f5f5f5;
font-size:90%;
}

h2.headLinkText span{
display:block;
}

h2.headLinkText a {
margin:0;
padding:1px 0 1px 20px;
background-image:url(/share/images/cmn_im_01.gif);
background-repeat:no-repeat;
background-position:0px 1px;
font-weight:bold;
}

h2.headLinkText a.off{
background-image:url(/share/images/cmn_im_01.gif);
background-repeat:no-repeat;
}

h2.headLinkText a.off:link,
h2.headLinkText a.off:visited{
color:##336699;
text-decoration:none;
}

h2.headLinkText a.off:active,
h2.headLinkText a.off:hover{
color:#FF9933;
background-image:url(/share/images/cmn_im_01_a.gif);
background-repeat:no-repeat;
}

h2.headLinkText a.on,
h2.headLinkText a.startOn{
color:#FF9933;
background-image:url(/share/images/cmn_im_02.gif);
background-repeat:no-repeat;
}

h2.headLinkText a.on:link,
h2.headLinkText a.on:visited,
h2.headLinkText a.on:active,
h2.headLinkText a.on:hover,
h2.headLinkText a.startOn:link,
h2.headLinkText a.startOn:visited,
h2.headLinkText a.startOn:active,
h2.headLinkText a.startOn:hover{
color:#FF9933;
text-decoration:none;
background-image:url(/share/images/cmn_im_02_a.gif);
background-repeat:no-repeat;
}

div.hideBlock{
margin:20px 25px;
}

th.headTxt{
color:#336699;
}


/*rd*/
#rdrepoNavBox img{
border:none;
}

/*information*/
body.information h2.headTitle {
color:#993366;
font-size:100%;
font-weight:bold;
line-height:1.5;
text-align:center;
}

body.information p.mat-3 {
color:#993366;
margin-top:20px;
font-size:80%;
font-weight:bold;
line-height:1.5;
text-align:center;
}

/* qa */
ul.pageLink {
margin:0;
padding:0;
line-height:1.5;
}

ul.pageLink li {
display:inline;
margin-right:10px;
padding-left:10px;
list-style:none;
}

ul.pageLink li a {
margin:0;
padding:0;
padding-left:10px;
background-image:url(/share/images/cmn_im_03.gif);
background-repeat:no-repeat;
background-position:0 2px;
font-size:70%;
}
ul.pageLink li a:hover {
background-image:url(/share/images/cmn_im_03_a.gif);
background-repeat:no-repeat;
}

/* highlight */
ul#highlight li {
margin-right:3px;
font-weight:bold;
}
ul#highlight li a {
font-size:80%;
}

table.qaTbl td {
line-height:1.6;
}

.grayText {
color:#666666;
}

/* highlight */
.normalText {
font-weight:normal;
}

.highlightTbl {
border:1px solid #000000;
font-size:100%;
}

.highlightTbl th,
.highlightTbl td {
padding:8px 0;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #999999;
}
.highlightTbl td {
padding-right:5px;
}

.highlightTbl th.left {
padding-left:5px;
}
.highlightTbl td.left {
padding-left:15px;
}

.highlightTbl .bg {
background:#ECDEFD;
border-right:none;
}

.highlightTbl tr.end td {
border-bottom:none;
}


/* history */
.historyBlock {
margin-top:25px;
}

.historyHead p,
.historyBlock p {
margin-top:20px;
padding:0 10px;
font-size:80%;
line-height:1.6;
}

.historyHead ul {
margin:20px 0 0;
padding:0 0 5px 20px;
font-size:80%;
line-height:1.6;
}
.historyHead ul li {
padding: 0 0 2px 15px;
background:url(/share/images/cmn_im_04.gif) no-repeat left center;
list-style-type:none;
}

.historyBlock .pctTable {
margin-top:25px;
}
.historyBlock .pctTable td {
padding:0 5px 0 10px;
text-align:center;
vertical-align:top;
font-size:80%;
line-height:1.6;
}
.historyBlock .pctTable img {
margin-bottom:5px;
border:1px solid #d6d6d6;
}

.historyBlock .infoTable {
margin:25px 0 0 10px;
border-top:1px solid #ddd;
}
.historyBlock .infoTable th,
.historyBlock .infoTable td {
padding:6px 0;
border-bottom:1px solid #ddd;
text-align:left;
vertical-align:top;
font-size:80%;
line-height:1.6;
}
.historyBlock .infoTable th {
padding-right:10px;
white-space:nowrap;
font-weight:normal;
}
.historyBlock .infoTable th.month {
text-align:right;
}
.historyBlock .infoTable td {
padding-left:5px;
}

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