/* --------------------------------------------------------------------------- */
/* [1] NEW Layout                                                              */
/*  - Item Navigation Style for All Contents.                                  */
/*  - It has used from 2011/02- without Blog Contents.                         */
/* --------------------------------------------------------------------------- */

#footer_column{
clear:both;
margin:0 auto;
padding:100px 0 0 0;
width:960px;
border-bottom:solid 1px #dbdbdb;
}
#footerNav_Area{
width:960px;
border-bottom:solid 1px #dbdbdb;
background-color:#ffffff;
}

#footerNav_Area:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#footerNav_Area #footerAttention_Txt{
margin:0 auto;
padding:0 0 3em 0;
width:960px;
}
#footerNav_Area #footerAttention_Txt a{
padding:0 0 0 7px;
background:url(/element/shared/images/burette/ar04_g001.gif) no-repeat left center;
}
#footerNav_Area #footerReturnGuide_Txt{
position:relative;
margin:0 auto;
width:960px;
height:30px;
}
#footerNav_Area > #footerReturnGuide_Txt{
min-height:30px;
height:auto;
}
#footerNav_Area #footerReturnGuide_Txt .index{
padding:0 0 0 16px;
line-height:30px;
background:url(/element/shared/images/footer/footer_ic01_001.gif) no-repeat left center;
}
#footerNav_Area #footerReturnGuide_Txt .top{
position:absolute;
right:10px;
bottom:-2px;
z-index:100;
padding:0 0 0 27px;
height:30px;
border-bottom:solid 1px #f6f4f5;
line-height:30px;
background:url(/element/shared/images/footer/footer_tx01_001.gif) no-repeat left top;
}
#footerNav_Area #footerReturnGuide_Txt .top span{
cursor:pointer;
display:inline-block;
padding:0 10px 0 0;
color:#0b41a1;
background:url(/element/shared/images/footer/footer_tx01_001.gif) no-repeat right top;
}
#footerNav_Area #footerReturnGuide_Txt .top:hover span{
text-decoration:underline;
color:#0b41a1;
}

#mainFooter_Area{
clear:both;
padding:1.2em 0 0 0;
width:960px;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
background-color:#f6f4f5;
}
#mainFooter_Area .footerGuide{
margin:0 auto;
width:920px;
text-align:center;
}
#mainFooter_Area #siteInformation_Area{
border-bottom:1px solid #dbdbdb;
}
#mainFooter_Area .footerGuide ul{
width:920px;
text-align:left;
}
#mainFooter_Area .footerGuide li{
display:inline;
padding:0 0.4em 0 0.6em;
border-right:solid 1px #888888;
line-height:1.1;
}
#mainFooter_Area .footerGuide li:first-child{
border-left:solid 1px #888888;
}
#mainFooter_Area .footerGuide li ul li{
border:0;
display:inline;
}

#mainFooter_Area .footerGuide li ul li:first-child{
border:0;
}
#mainFooter_Area .footerGuide li ul li{
border-left:1px solid #bfbfbf;
}

#mainFooter_Area #footerGuide_Area{
padding:0.8em 0 1em 0;
}
#mainFooter_Area #footerGuide_Area a{
font-weight:bold;
color:#666666;
}
#mainFooter_Area #footerGuide_Area a:active{
color:#e30707;
}
#mainFooter_Area #footerPartnership_Area{
clear:both;
padding:1em 0 0 0;
border-bottom:solid 1px #dbdbdb;
text-align:center;
}
#mainFooter_Area #footerPartnership_Area ul li{
border-right:0;
}
#mainFooter_Area #footerPartnership_Area ul li.kr img{
margin-bottom: -3px;
}
#mainFooter_Area #footerPartnership_Area ul li.cn img{
margin-bottom: -1px;
}
#mainFooter_Area #footerPartnership_Area ul li.kr a:hover img{
border-bottom:1px solid #0b41a1;
margin-bottom: -4px;
}
#mainFooter_Area #footerPartnership_Area ul li.cn a:hover img{
border-bottom:1px solid #0b41a1;
margin-bottom: -2px;
}


#mainFooter_Area #footerPartnership_Area ul li a{
padding-left:0;
}
#mainFooter_Area .footerGuide li a:visited {
color: #0b41a1;
}

#mainFooter_Area #footerPartnership_Area ul{
padding:0 0 0 0;
border-bottom:solid 1px #ffffff;
padding-bottom:15px;
display: inherit;
}
#mainFooter_Area #footerPartnership_Area ul li ul{
border-bottom:0;
}

#mainFooter_Area #footerPartnership_Area .partner_link{
padding-left:0em;
border-width:0;
color:#666666;
}
#mainFooter_Area #footerPartnership_Area ul li a{
display:inline-block;
padding-right:12px;
white-space:nowrap;
background:url(/element/shared/images/footer/newwin.gif) no-repeat right 3px;
vertical-align: top;
}

#siteInformation_List{
border-bottom: 1px solid #fff;
padding-bottom: 15px;
padding-top: 5px;
}

#mainFooter_Area #kaigaiLink_Area,
#mainFooter_Area #kokunaiLink_Area{
text-align:left;
font-weight:normal;
margin:6px auto 4px;
font-size:12px;
color:#555;
line-height:1.35;
}
#mainFooter_Area #kokunaiLink_Area{
margin:0 auto;
padding-left:0px;
padding-bottom:8px;
}
#mainFooter_Area #footerPartnership_Area li b{
color:#666;
}

#mainFooter_Area #kaigaiLink_Area a,
#mainFooter_Area #kaigaiLink_Area a:visited,
#mainFooter_Area #kaigaiLink_Area a:hover,
#mainFooter_Area #kokunaiLink_Area a,
#mainFooter_Area #kokunaiLink_Area a:visited,
#mainFooter_Area #kokunaiLink_Area a:hover{
color:#555;
}

#mainFooter_Area #kaigaiLink_Area dl,
#mainFooter_Area #kokunaiLink_Area dl{
padding:0 3px 0 0px;
vertical-align: top;
overflow: hidden;
font-size: 11px;
}
#mainFooter_Area #kaigaiLink_Area dl dt,
#mainFooter_Area #kokunaiLink_Area dl dt{
padding-right:40px;
float: left;
overflow: hidden;
font-weight:bold;
}
#mainFooter_Area #kaigaiLink_Area dl dd,
#mainFooter_Area #kokunaiLink_Area dl dd{
margin:0;
padding:0 3px 0 8px;
position: relative;
overflow: hidden;
text-align:left;
}
#mainFooter_Area #kaigaiLink_Area dl dd:before,
#mainFooter_Area #kokunaiLink_Area dl dd:before{
content: "[";
speak:none;
display: block;
position: absolute;
top: 0;
left: 0;
}
#mainFooter_Area #kaigaiLink_Area dl dd:after,
#mainFooter_Area #kokunaiLink_Area dl dd:after{
content: "]";
speak:none;
}

#mainFooter_Area #kaigaiLink_Area dl dd .area_List,
#mainFooter_Area #kokunaiLink_Area dl dd .area_List{
display: inline;
width: auto;
}
#mainFooter_Area #kaigaiLink_Area dl dd .area_List li,
#mainFooter_Area #kokunaiLink_Area dl dd .area_List li{
padding: 0 2px 0 7px;
border-width: 0 0 0 1px;
border-style:solid;
border-color: #888;
}
#mainFooter_Area #kaigaiLink_Area dl dd .area_List li:first-child,
#mainFooter_Area #kokunaiLink_Area dl dd .area_List li:first-child{
padding-left: 0;
border:none;
}
#mainFooter_Area #kaigaiLink_Area dl dd .area_List .has_Child:before,
#mainFooter_Area #kokunaiLink_Area dl dd .area_List .has_Child:before{
content: "\000a";
white-space: pre;
}
#mainFooter_Area #kaigaiLink_Area dl dd .area_List .has_Child .area_List,
#mainFooter_Area #kokunaiLink_Area dl dd .area_List .has_Child .area_List{
margin-top: 5px;
display: inline-block;
}
#mainFooter_Area #kaigaiLink_Area dl dd .area_List .has_Child .area_List:before,
#mainFooter_Area #kokunaiLink_Area dl dd .area_List .has_Child .area_List:before{
content: "\ff08";
speak:none;
}
#mainFooter_Area #kaigaiLink_Area dl dd .area_List .has_Child .area_List:after,
#mainFooter_Area #kokunaiLink_Area dl dd .area_List .has_Child .area_List:after{
content: "\ff09";
speak:none;
}

#mainFooter_Area #kaigaiLink_Area dl dd .area_List .has_Child .area_List li,
#mainFooter_Area #kokunaiLink_Area dl dd .area_List .has_Child .area_List li{
padding: 0 0 0 2px;
border: none;
}

/* Hack for IE6,7 */
* html #mainFooter_Area #kaigaiLink_Area dl,
* html #mainFooter_Area #kaigaiLink_Area dl dt,
* html #mainFooter_Area #kaigaiLink_Area dl dd,
* html #mainFooter_Area #kokunaiLink_Area dl,
* html #mainFooter_Area #kokunaiLink_Area dl dt,
* html #mainFooter_Area #kokunaiLink_Area dl dd{
display:inline;
zoom:1;
}
*:first-child+html  #mainFooter_Area #kaigaiLink_Area dl,
*:first-child+html  #mainFooter_Area #kaigaiLink_Area dl dt,
*:first-child+html  #mainFooter_Area #kaigaiLink_Area dl dd,
*:first-child+html  #mainFooter_Area #kokunaiLink_Area dl,
*:first-child+html  #mainFooter_Area #kokunaiLink_Area dl dt,
*:first-child+html  #mainFooter_Area #kokunaiLink_Area dl dd{
display:inline;
zoom:1;
}



/*____________________ [1-2] Change Interface for Smart Phone _________________________*/
#mainFooter_Area #footerLeading_Area{
margin:0 auto;
width:920px;
}
#mainFooter_Area #footerLeading_Area p{
padding:10px 0 15px 0;
}
#mainFooter_Area #footerLeading_Area a{
display:block;
margin:0 auto;
padding:0.7em 0;
width:600px;
border:solid 1px #c0c0c0;
border-radius:5px;
font-size:14px;
font-weight:bold;
text-align:center;
background-image:none;
background-color:#ffffff;
}


/*____________________ [1-3] Copyright ______________________*/
#copyright_Area{
clear:both;
margin:0 auto;
padding:0.8em 0 1.2em 5px;
width:960px;
text-align:left;
color:#787878;
}
#copyright_Area small{
font-size:80%;
}



/* --------------------------------------------------------------------------- */
/* [10] OLD Layout                                                             */
/*  - Settings used till 2004 - All Older Contents.                            */
/* --------------------------------------------------------------------------- */

/*____________________ [10]   Old Settings            _________________________*/
#footerBlock{
clear:both;
line-height:1.2;
}
.simple #footerBlock{
padding:30px 0 0 0;
background:url(../../images/footer/hr_footer.gif) no-repeat left 20px;
}


/*____________________ [10-1] Guide Link to Site Top  _________________________*/
#footerBlock #gohomeArea p{
padding:0 0 0 16px;
background: url(../../images/burette/ar05_f002.gif) no-repeat 0px;
margin-bottom:8px;
height:1%;
}
#footerBlock #gohomeArea p.col02{
background: url(/element/shared/images/icon/ico_information.gif) no-repeat scroll 0% 0%;
height:19px;
padding:3px 0 0 25px;
}


/*____________________ [10-2] Surcharge Txt           _________________________*/
#footerBlock #attentionArea{
width:960px;
margin:8px 0 4px 0;
padding-bottom:8px;
text-align:right;
background:url(/element/shared/images/footer/hr_footer.gif) repeat-x left bottom;
}


/*____________________ [10-3] SBM Settings            _________________________*/
#footerBlock #guidelinkArea{
float:right;
padding-bottom:8px;
}
#footerBlock #guidelinkArea li{
float:left;
background: url(/element/shared/images/burette/ar02_e001.gif) no-repeat left center;
padding-left:12px;
margin-right:4px;
}


/*____________________ [10-4] Content Guide Link Area _________________________*/
#footerBlock #sitenavArea{
background: #E6E4E5;
width:940px;
padding:10px;
margin-bottom:4px;
clear:right;
}
#footerBlock #sitenavArea dl{
margin-top:4px;
}
#footerBlock #sitenavArea dt{
width:100px;
font-size:12px;
font-weight:bold;
margin-top:8px;
}
#footerBlock #sitenavArea dd{
margin-top:-14px;
margin-left:95px;
font-size:11px;
}

/*____________________ [10-5] Content Popular Link Area _________________________*/

.popular-area{
text-align: left;
font-weight: normal;
margin: 6px auto 10px;
font-size: 12px;
color: #555;
line-height: 1.35;
width: 920px;
}
.popular-area a{
color:#555;
}
.popular-area .list-area{
border-bottom: 1px solid #dbdbdb;
}
.popular-area .list-area div + div + div{
border-bottom: 1px solid #fff;
padding-bottom:7px;
}
.popular-area .title{
font-weight:bold;
margin-bottom:3px;
}
.popular-area dl{
margin-bottom:4px;
}
.popular-area dt{
width: 69px;
float: left;
overflow: hidden;
}
.popular-area dd{
margin: 0;
padding: 0 3px 0 8px;
position: relative;
overflow: hidden;
text-align: left;
}
#mainFooter_Area .popular-area dd:before{
content: "[";
speak: none;
display: block;
position: absolute;
top: 0;
left: 0;
}
#mainFooter_Area .popular-area dd:after{
content: "]";
speak: none;
}
.popular-area dd ul{
display: inline;
width: auto;
}
.popular-area dd li{
padding: 0 2px 0 7px;
border-width: 0 0 0 1px;
border-style: solid;
border-color: #888;
display:inline;
}
.popular-area dd li:first-child{
padding-left: 0;
border: none;
}

.footer-nav {
margin: 0;
border-bottom: 1px solid #dbdbdb;
box-shadow: 0 -1px 0 #fff inset;
padding-bottom:8px;
margin-bottom:10px;
}
.footer-nav>li {
overflow: hidden;
}
.footer-nav li {
font-weight: 400;
margin-top: 0;
font-size: 11px;
}
.footer-nav>li>a {
display: block;
float: left;
margin: 5px 0px 0 0;
width: 90px;
}

.footer-nav ul {
position: relative;
overflow: hidden;
color:#555;
}
.footer-nav ul:before {
font-weight: 400;
position: absolute;
top: .4em;
left: 0;
display: block;
content: "[";
speak:none;
}
.footer-nav ul:after {
font-weight: 400;
content: "]";
speak:none;
}
.footer-nav ul li:first-child {
padding-left: 8px;
border-left: none;
}
.footer-nav ul li {
font-weight: 400;
display: inline-block;
padding-left: 5px;
border-left: 1px solid #777;
margin-top:6px;
line-height:1;
}
.footer-nav li a {
color: #555;
text-decoration:none;
}
.footer-nav li a:hover{
text-decoration:underline;
}
.footer-nav-popular p{
margin-top: 8px;
margin-bottom:2px;
color:#555;
}
.footer-nav-popular{
width:920px;
margin:0 auto;
font-size:12px;
}

#container.lyt-flexible .footer-nav-popular{
width:auto;
}
#container.lyt-flexible #mainFooter_Area {
width: auto;
min-width: 930px;
padding: 1.2em 15px 0 15px;
}

/*____________________ [10-5] Copyrights              _________________________*/
#footerBlock #copyArea{
float:right;
}



/* ----------------------------------------------------------------
  Layout Flexible
----------------------------------------------------------------- */
#container.lyt-flexible #footer_column {
width: auto;
min-width: 960px;
}

#container.lyt-flexible #footerNav_Area {
width: auto;
min-width: 960px;
}

#container.lyt-flexible #footerNav_Area #footerReturnGuide_Txt {
width: auto;
min-width: 960px;
}

#container.lyt-flexible #mainFooter_Area {
width: auto;
min-width: 960px;
}

#container.lyt-flexible #mainFooter_Area .footerGuide {
width: auto;
min-width: 920px;
}

#container.lyt-flexible #mainFooter_Area .footerGuide #siteInformation_List {
width: auto;
min-width: 920px;
}

#container.lyt-flexible #mainFooter_Area #footerPartnership_Area ul {
width: auto;
min-width: 920px;
}
