/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
  #Site Styles
  #Page Styles
  #Media Queries
  #Print Query */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
	      
    .company-home h1,
    .company h1 a,
    .company h1 a:link,
    .company h1 a:visited {margin: 10px 0 20px -60px;}
        
    .nav-img img,
    .news-home img {width: 100%;}
    
    .nav-home,
    .news-teaser {padding: 10px 10px 0 10px;}
    
    #content {
      color: #000000;
      background: transparent 0;
    }
    
      #content-txt,
      #teaser {
        line-height: 140%;
        margin: 10px 10px -5px 10px;
      }
      
      
      
    /* #news list
    ================================================== */  
    .news-list-txt {
      width: 260px;
      margin: 0;
      padding: 0 0 0 12px;
      display: inline;
      float: left;
    }
    
      #content-txt .news-list-txt p {padding: 0 0 5px 0;}
        
        #content-txt .news-list-txt .news-list-date {padding: 0;}
    
    
    /* #references detail
    ================================================== */  
	
	.form-legend {
			width: 120px;
			margin: 0;
			padding: 0;
			display: inline;
			float: left;
		}
		
		.form-input {
			width: auto;
			margin: 0;
			padding: 0;
			display: inline;
			float: left;
		}
        
      .xtra-box-odd,
      .xtra-box-even {width: 382px;}
      
    
        .xtra-title {width: 100px;}
        
        .xtra-txt  {width: 270px;}
    
      .ref-img img {
        width: 122px;
        height: auto;
        margin: 0 3px 3px 3px;
        padding: 0;
      }
    
      .ref-img img.main {
        width: 187px;
        height: auto;
        margin: 0 0 5px 0;
        padding: 0;
      }
      
        .ref-img a:first-child {margin-right: 15px;}
      
      .ref-img img.last-line {
        margin: 0 3px 3px 3px;
        padding: 0;
      }
      
    
      label {width: 110px;}
	  
	  .form-legend {
			width: 110px;
			margin: 0;
			padding: 0;
			display: inline;
			float: left;
		}
		
		.form-input {
			width: auto;
			margin: 0;
			padding: 0;
			display: inline;
			float: left;
		}
      
      div.select {width: 272px;}
      		
		html #content-txt div.select:hover > ul,
		html #content-txt div.select:hover > ul > li  {width: 272px;}
      
        div.select span {
			width: 272px;
			background: #E4E4E4 url(../graphic/bg/bg-select.gif) 267px -10px no-repeat;
		}
		
			div.select:hover > span {
				color: #E3000F;
				background: #E4E4E4 url(../graphic/bg/bg-select.gif) 267px 5px no-repeat;
			}
        
        div.select:hover > ul {width: 272px;}
        
        div.select:hover > ul > li {width: 272px;}
      
      input[type="text"],
      input[type="password"],
      input[type="email"],
      textarea,
      select {width: 272px;}
    
    #bottom-site {position: relative;}
	
	html #socialshareprivacy {
		bottom: 0; 
		position: absolute;
		width: auto; 
		display: inline;
		float: none;
	}
	
		html #socialshareprivacy ul.social_share_privacy_area li.facebook,
		html #socialshareprivacy ul.social_share_privacy_area li.twitter,
		html #socialshareprivacy ul.social_share_privacy_area li.gplus {
			width: 100%; 
			margin: 0;
			padding: 0;
			display: block;
		}
		
		html #socialshareprivacy ul.social_share_privacy_area li.gplus {
			width: 63%; 
		}
		
		html #socialshareprivacy ul.social_share_privacy_area li.setting_info {
			width: auto; 
			margin: 0;
			padding: 0;
			display: block;
		}
		
		html #socialshareprivacy ul.social_share_privacy_area li div.fb_like,
		html #socialshareprivacy ul.social_share_privacy_area li div.tweet,
		html #socialshareprivacy ul.social_share_privacy_area li div.gplusone {
			width: auto; 
			margin: 0 5px 0 5px;
			display: block;
		}
		
		
		#sitemap .sixteen img {
			width: 50%;
			margin: 10px 24.9% 20px 24.9%;
			display: inline;
			float: left;
		}
				    
  }


  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    
    #top-site input {width: 60px;}
    
    /*.nav-img img,
    .news-home img {max-width: 300px;}*/
    
    html .container .news-home img {
      min-width: 236px;
      min-height: auto;
    }
    
    #breadcrumb ol {padding-left: 5px;}
    
    #content {
      color: #000000;
      background: transparent url(../graphic/bg/bg-content2.png) 0 0 repeat-y;
      text-align: left;
    }
    
      #content .four ol {margin: 10px 10px -15px 10px;}
    
      #content-txt {
        line-height: 140%;
        margin: 10px 10px 5px 10px;
      }
      
      #teaser {
        line-height: 140%;
        margin: 10px 0 -5px 0;
      }
  
    #bottom-site {position: absolute;}
    
    .content-footer .totop {
      width: auto;
      font-size: 95%;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
    }
    
  }


  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
    
    body {
      color: #444;
      background: #F0F0F0 0;
     }
    
    .company-home h1,
    .company h1 a,
    .company h1 a:link,
    .company h1 a:visited {margin: 10px 0 20px 90px;}
    
    /*.nav-img img,
    .news-home img {max-width: 300px;} */
    
    .nav-home,
    .news-teaser {padding: 10px 10px 0 10px;}
    
      /* #content-home .one-third .nav-img {
        color: #000000;
        background-color: #FFFFFF;
        padding: 10px 0;
      } */
    
    .news-home {padding-bottom: 20px;}
    
    #content .columns {
      color: #000000;
      background-color: #FFFFFF;
      text-align: left;
      margin-bottom: 10px;
    }
    
    #breadcrumb ol {
      width: 380px;
      text-align: left;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      padding-left: 5px;
    }
      
    #bottom-site {position: relative;}
          
      .content-footer .totop {
        top: 0;
        right: 0;
        width: auto;
        margin: 8px 40px 0 0;
        padding: 0;
        display: inline;
        position: absolute;
        overflow: hidden;
        float: left;
      }
      
      .content-footer .copy {
        top: 0;
        left: 0;
        width: auto;
        font-size: 95%;
        margin: 8px 0 0 35px;
        padding: 0;
        display: inline;
        position: absolute;
        overflow: hidden;
        float: left;
      }
    
    
    /* #navigation top-site
    ================================================== */
    
    #top-site ul {
      width: 30px;
      background: transparent url(../graphic/bg/bg-service-tab.gif) 0 0 no-repeat;
      height: 30px;
      margin: 0;
      padding: 0;
      position: relative;
      overflow: hidden;
      z-index: 11;
    }
            
    * html #top-site ul:hover,
    #top-site ul:hover,
    #top-site > #top-site ul:hover {
      width: 140px;
      height: auto;
      background: transparent url(../graphic/bg/bg-service-tab.gif) 0 -51px no-repeat;
      text-transform: none;
      z-index: 12;
      cursor: pointer;
    }
    
      #top-site ul li {
        width: 108px;
        color: #FFFFFF;
        background: #666666 0;
        font-size: 90%;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        margin: 0 0 0 30px;
        padding: 0 0 7px 0;
        line-height: 100%;
        display: inline;
        float: left;
      }
      
      #top-site ul li:first-child {
        color: #FFFFFF;
        background: #666666 0;
        margin: 0 0 0 30px;
        padding: 7px 0 7px 0;
      }
      
      #top-site ul li:last-child {padding: 0 0 10px 0;}
    
      /* #default
      ================================================== */
      
      #top-site ul li a,
      #top-site ul li a:link,
      #top-site ul li a:visited {
        width: 80px;
        color: #FFFFFF;
        background-color: transparent;
        text-decoration: none;
        margin: 0 10px;
        padding: 2px 4px;
        display: inline;
        float: left;
      }
      
      #top-site ul li a:hover,
      #top-site ul li a:active,
      #top-site ul li a:focus {
        color: #FFA37A;
        background-color: transparent;
        text-decoration: none;
      }
      
      /* #active
      ================================================== */
      
      #top-site ul li.active a,
      #top-site ul li.active a:link,
      #top-site ul li.active a:visited,
      
      #top-site ul li.active a:hover,
      #top-site ul li.active a:active,
      #top-site ul li.active a:focus {
        width: 80px;
        color: #FFA37A;
        background-color: transparent;
        margin: 0 10px;
        padding: 2px 4px;
        text-decoration: none;
        display: inline;
        float: left;
      }
            
      #top-site ul li.active:last-child {padding: 0 0 10px 0;}
    
    
    /* #navigation main I
    ================================================== */
    
    #content .four span {
      width: 400px;
      height: auto;
      color: #333333;
      background: #CCCCCC url(../graphic/bg/bg-mainnav.png) 390px 13px no-repeat;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 120%;
      font-weight: bold;
      position: inherit;
      top: auto ;
      left: auto;
      padding: 10px;
      margin-bottom: -15px;
      display: block;
      float: left;
    }
    
      #content .four:hover span {
        color: #E3000F;
        background: #CCCCCC url(../graphic/bg/bg-mainnav.png) 390px -27px no-repeat;
        cursor: pointer;
      }
    
    #content .four ol {display: none;}
    
    * html #content .four:hover ol,
    #content .four:hover ol,
    #content .four:hover > ol:hover {
      width: auto;
      margin: 25px 10px -15px 10px;
      padding-bottom: 5px;
      display: block;
      float: left;
    }
        
      #content .four ol li {
        width: 100%;
        font-size: 100%;
        margin: 0;
        padding: 0 0 10px 0;
        list-style: none;
        display: block;
        float: left;
      }
              
      /* #default
      ================================================== */
      
      #content .four ol li a,
      #content .four ol li a:link,
      #content .four ol li a:visited {
        width: 100%;
        color: #666666;
        background-color: transparent;
        font-size: 100%;
        font-weight: bold;
        margin: 0;
        padding: 0;
        text-decoration: none;
        display: block;
        float: left;
      }
      
      #content .four ol li a:hover,
      #content .four ol li a:active,
      #content .four ol li a:focus {
        color: #E3000F;
        background-color: transparent;
        text-decoration: underline;
      }
      
      /* #active
      ================================================== */
      
      #content .four ol li.active a,
      #content .four ol li.active a:link,
      #content .four ol li.active a:visited {
        width: 100%;
        color: #E3000F;
        background-color: transparent;
        font-size: 100%;
        font-weight: bold;
        margin: 0;
        padding: 0;
        text-decoration: none;
        display: block;
        float: left;
      }
      
      #content .four ol li.active a:hover,
      #content .four ol li.active a:active,
      #content .four ol li.active a:focus {
        color: #E3000F;
        background-color: transparent;
        text-decoration: none;
      }
    
    
    /* #navigation main sub I
    ================================================== */
    
    * html #content .four:hover ol li ol,
    #content .four:hover ol li ol,
    #content .four:hover > ol:hover li ol {
      width: auto;
      margin: 5px 0 0 12px;
      padding-bottom: 0;
      display: block;
      float: left;
    }
    
      #content .four ol li.active ol li {
        width: 100%;
        font-size: 90%;
        line-height: 150%;
        margin: 0;
        padding: 0 0 3px 0;
        list-style: none;
        display: block;
        float: left;
      }
                  
      /* #default
      ================================================== */
      
      #content .four ol li.active ol li a,
      #content .four ol li.active ol li a:link,
      #content .four ol li.active ol li a:visited {
        width: 100%;
        color: #000000;
        background-color: transparent;
        font-size: 100%;
        font-weight: normal;
        margin: 0;
        padding: 0 0 0 8px;
        text-decoration: none;
        display: block;
        float: left;
      }
      
      #content .four ol li.active ol li a:hover,
      #content .four ol li.active ol li a:active,
      #content .four ol li.active ol li a:focus {
        color: #E3000F;
        background: transparent url(../graphic/bg/nav-li-hover.gif) 0 5px no-repeat;
        text-decoration: underline;
      }
      
      /* #active
      ================================================== */
      
      #content .four ol li.active ol li.active a,
      #content .four ol li.active ol li.active a:link,
      #content .four ol li.active ol li.active a:visited {
        width: 100%;
        color: #E3000F;
        background: transparent url(../graphic/bg/nav-li-hover.gif) 0 5px no-repeat;
        font-size: 100%;
        font-weight: normal;
        margin: 0;
        padding: 0 0 0 8px;
        text-decoration: none;
        display: block;
        float: left;
      }
      
      #content .four ol li.active ol li.active a:hover,
      #content .four ol li.active ol li.active a:active,
      #content .four ol li.active ol li.active a:focus {
        color: #E3000F;
        background: transparent url(../graphic/bg/nav-li-hover.gif) 0 5px no-repeat;
        text-decoration: none;
      }
    
  
    /* #navigation bottom-site
    ================================================== */
    
    #bottom-site ul {
      right: 0;
      bottom: 0;
      width: 30px;
      height: 30px;
      background: transparent url(../graphic/bg/bg-footer-tab.gif) 0 0 no-repeat;
      margin: 0;
      padding: 0;
      position: absolute;
      overflow: hidden;
      display: inline;
      float: left;
      z-index: 11;
    }
            
    * html #bottom-site ul:hover,
    #bottom-site ul:hover,
    #bottom-site > #bottom-site ul:hover {
      right: 0;
      bottom: 0;
      width: 295px;
      height: auto;
      background: transparent url(../graphic/bg/bg-footer-tab.gif) 265px -122px no-repeat;
      margin: 0;
      padding: 0;
      text-transform: none;
      position: absolute;
      overflow: hidden;
      display: inline;
      float: left;
      z-index: 12;
      cursor: pointer;
    }
    
      #bottom-site ul li {
        width: 235px;
        color: #FFFFFF;
        background: #666666 0;
        font-size: 90%;
        text-align: right;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        margin: 0 0 0 30px;
        padding: 0 0 5px 0;
        line-height: 100%;
        display: inline;
        float: left;
      }
            
      #bottom-site ul li:first-child {padding: 10px 0 5px 0;}
      
      #bottom-site ul li:last-child {padding: 0 0 8px 0;}
    
      /* #default
      ================================================== */
      
      #bottom-site ul li a,
      #bottom-site ul li a:link,
      #bottom-site ul li a:visited {
        width: 207px;
        color: #FFFFFF;
        background-color: transparent;
        margin: 0 10px;
        padding: 2px 4px;
        text-decoration: none;
        display: inline;
        float: left;
      }
      
      #bottom-site ul li a:hover,
      #bottom-site ul li a:active,
      #bottom-site ul li a:focus {
        color: #FFA37A;
        background-color: transparent;
        text-decoration: none;
      }
      
      /* #active
      ================================================== */
      
      #bottom-site ul li.active a,
      #bottom-site ul li.active a:link,
      #bottom-site ul li.active a:visited,
      
      #bottom-site ul li.active a:hover,
      #bottom-site ul li.active a:active,
      #bottom-site ul li.active a:focus {
        width: 207px;
        color: #FFA37A;
        background-color: transparent;
        margin: 0 10px;
        padding: 2px 4px;
        text-decoration: none;
        display: inline;
        float: left;
      }
            
      #bottom-site ul li.active:first-child {padding: 10px 0 5px 0;}
      
      #bottom-site ul li.active:last-child {padding: 0 0 8px 0;}
      
    
    /* #news list
    ================================================== */  
    
    .news-list-txt {
      width: 270px;
      margin: 0 0 0 10px;
      padding: 0;
      display: inline;
      float: left;
    }
    
      #content-txt .news-list-txt p {padding: 0 0 5px 0;}
      
      #content-txt .news-list-txt .news-list-date {padding: 0;}
    
    
    /* #news detail
    ================================================== */  
    
    /* #references detail
    ================================================== */  
        
      .xtra-box-odd,
      .xtra-box-even {width: 390px;}
      
        .xtra-title {width: 100px;}
        
        .xtra-txt  {width: 280px;}
    
      .ref-img img {
        width: 127px;
        height: auto;
        margin: 0 2px 3px 2px;
        padding: 0;
      }
    
      .ref-img img.main {
        width: 193px;
        height: auto;
        margin: 0 0 5px 0;
        padding: 0;
      }
      
        .ref-img a:first-child {margin-right: 11px;}
      
      .ref-img img.last-line {
        margin: 0 2px 3px 2px;
        padding: 0;
      }
    
      label {width: 110px;}
      
      div.select {width: 280px;}
	  
		html #content-txt div.select:hover > ul,
		html #content-txt div.select:hover > ul > li  {width: 280px;}
      
        div.select span {
			width: 280px;
			background: #E4E4E4 url(../graphic/bg/bg-select.gif) 275px -10px no-repeat;
		}
		
			div.select:hover > span {
				color: #E3000F;
				background: #E4E4E4 url(../graphic/bg/bg-select.gif) 275px 5px no-repeat;
			}
              
      input[type="text"],
      input[type="password"],
      input[type="email"],
      textarea,
      select {width: 280px;}

  }


  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    
    body {
      color: #444;
      background: #F0F0F0 0;
     }
    
    .company-home h1,
    .company h1 a,
    .company h1 a:link,
    .company h1 a:visited {margin: 10px 0 20px 90px;}
    
    /*.nav-img img,
    .news-home img {max-width: 300px;} */
    
    .nav-home,
    .news-teaser {padding: 10px 10px 0 10px;}
    
    #bottom-site {position: relative;}
	
	
	html #socialshareprivacy {
		bottom: 0; 
		position: relative;
		width: auto; 
		display: inline;
		float: none;
	}
	
		html #socialshareprivacy ul.social_share_privacy_area li.facebook,
		html #socialshareprivacy ul.social_share_privacy_area li.twitter,
		html #socialshareprivacy ul.social_share_privacy_area li.gplus,
		html #socialshareprivacy ul.social_share_privacy_area li.setting_info {
			width: auto; 
			margin: 0;
			padding: 0;
			display: inline;
		}
		
		html #socialshareprivacy ul.social_share_privacy_area li div.fb_like,
		html #socialshareprivacy ul.social_share_privacy_area li div.tweet,
		html #socialshareprivacy ul.social_share_privacy_area li div.gplusone {
			width: auto; 
			margin: 0 25px 0 10px;
		}
		
		html #socialshareprivacy ul.social_share_privacy_area li div.settings_info_menu {
			width: auto; 
			margin: 0 0 0 25px;
		}
		
		#sitemap .sixteen img {
			width: 80%;
			margin: 10px 9.9% 20px 9.9%;
			display: inline;
			float: left;
		}
  }


  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    
    body {
      color: #444;
      background: #F0F0F0 0;
     }
    
    .company-home h1,
    .company h1 a,
    .company h1 a:link,
    .company h1 a:visited {margin: 10px 0 20px 35px;}
    
    /* .nav-img img,
    .news-home img {max-width: 300px;} */
    
    .nav-home,
    .news-teaser {padding: 10px 10px 0 10px;}
    
      /* #content-home .one-third .nav-img {
        color: #000000;
        background-color: transparent;
        padding: 0;
      } */
    
    .news-home {padding-bottom: 20px;}
    
    #breadcrumb ol {
      width: 270px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow:hidden;
      padding-left: 5px;
    }
    
    /* .content-footer .totop {
        width: auto;
        margin: 0 0 0 5px;
        padding: 0;
        display: inline;
        position: absolute;
        overflow: hidden;
        float: left;
      }  */
    
    .content-footer .totop {
      top: 0;
      right: 0;
      width: auto;
      margin: 8px 40px 0 0;
      padding: 0;
      display: inline;
      position: absolute;
      overflow: hidden;
      float: left;
    }
      
    .content-footer .copy {
      top: 0;
      left: 0;
      width: auto;
      font-size: 95%;
      margin: 8px 0 0 35px;
      padding: 0;
      display: inline;
      position: absolute;
      overflow: hidden;
      float: left;
    }
        
    #bottom-site {position: relative;}
    

    /* #navigation top-site
    ================================================== */
    
    #top-site ul {
      width: 30px;
      background: transparent url(../graphic/bg/bg-service-tab.gif) 0 0 no-repeat;
      height: 30px;
      margin: 0;
      padding: 0;
      position: relative;
      overflow: hidden;
      z-index: 11;
    }
            
    * html #top-site ul:hover,
    #top-site ul:hover,
    #top-site > #top-site ul:hover {
      width: 140px;
      height: auto;
      background: transparent url(../graphic/bg/bg-service-tab.gif) 0 -51px no-repeat;
      text-transform: none;
      z-index: 12;
      cursor: pointer;
    }
    
      #top-site ul li {
        width: 108px;
        color: #FFFFFF;
        background: #666666 0;
        font-size: 90%;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        margin: 0 0 0 30px;
        padding: 0 0 7px 0;
        line-height: 100%;
        display: inline;
        float: left;
      }
      
      #top-site ul li:first-child {
        color: #FFFFFF;
        background: #666666 0;
        margin: 0 0 0 30px;
        padding: 7px 0 7px 0;
      }
      
      #top-site ul li:last-child {padding: 0 0 10px 0;}
    
      /* #default
      ================================================== */
      
      #top-site ul li a,
      #top-site ul li a:link,
      #top-site ul li a:visited {
        width: 80px;
        color: #FFFFFF;
        background-color: transparent;
        margin: 0 10px;
        padding: 2px 4px;
        text-decoration: none;
        display: inline;
        float: left;
      }
      
      #top-site ul li a:hover,
      #top-site ul li a:active,
      #top-site ul li a:focus {
        color: #FFA37A;
        background-color: transparent;
        text-decoration: none;
      }
      
      /* #active
      ================================================== */
      
      #top-site ul li.active a,
      #top-site ul li.active a:link,
      #top-site ul li.active a:visited,
      
      #top-site ul li.active a:hover,
      #top-site ul li.active a:active,
      #top-site ul li.active a:focus {
        width: 80px;
        color: #FFA37A;
        background-color: transparent;
        margin: 0 10px;
        padding: 2px 4px;
        text-decoration: none;
        display: inline;
        float: left;
      }
            
      #top-site ul li.active:last-child {padding: 0 0 10px 0;}
    
    
    /* #navigation main I
    ================================================== */
    
    #content .four span {
      width: 280px;
      height: auto;
      color: #333333;
      background: #CCCCCC url(../graphic/bg/bg-mainnav.png) 270px 13px no-repeat;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 120%;
      font-weight: bold;
      position: inherit;
      top: auto ;
      left: auto;
      padding: 10px;
      margin-bottom: -15px;
      display: block;
      float: left;
    }
    
      #content .four:hover span {
        color: #E3000F;
        background: #CCCCCC url(../graphic/bg/bg-mainnav.png) 270px -27px no-repeat;
        cursor: pointer;
      }
    
    /* #navigation bottom-site
    ================================================== */
    
    #bottom-site ul {
      right: 0;
      bottom: 0;
      width: 30px;
      height: 30px;
      background: transparent url(../graphic/bg/bg-footer-tab.gif) 0 0 no-repeat;
      margin: 0;
      padding: 0;
      position: absolute;
      overflow: hidden;
      display: inline;
      float: left;
      z-index: 11;
    }
            
    * html #bottom-site ul:hover,
    #bottom-site ul:hover,
    #bottom-site > #bottom-site ul:hover {
      right: 0;
      bottom: 0;
      width: 295px;
      height: auto;
      background: transparent url(../graphic/bg/bg-footer-tab.gif) 265px -122px no-repeat;
      margin: 0;
      padding: 0;
      text-transform: none;
      position: absolute;
      z-index: 12;
      cursor: pointer;
    }
    
      #bottom-site ul li {
        width: 235px;
        color: #FFFFFF;
        background: #666666 0;
        font-size: 90%;
        text-align: right;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        margin: 0 0 0 30px;
        padding: 0 0 5px 0;
        line-height: 100%;
        display: inline;
        float: left;
      }
            
      #bottom-site ul li:first-child {padding: 10px 0 5px 0;}
      
      #bottom-site ul li:last-child {padding: 0 0 8px 0;}
    
      /* #default
      ================================================== */
      
      #bottom-site ul li a,
      #bottom-site ul li a:link,
      #bottom-site ul li a:visited {
        width: 207px;
        color: #FFFFFF;
        background-color: transparent;
        margin: 0 10px;
        padding: 2px 4px;
        text-decoration: none;
        display: inline;
        float: left;
      }
      
      #bottom-site ul li a:hover,
      #bottom-site ul li a:active,
      #bottom-site ul li a:focus {
        color: #FFA37A;
        background-color: transparent;
        text-decoration: none;
      }
      
      /* #active
      ================================================== */
      
      #bottom-site ul li.active a,
      #bottom-site ul li.active a:link,
      #bottom-site ul li.active a:visited,
      
      #bottom-site ul li.active a:hover,
      #bottom-site ul li.active a:active,
      #bottom-site ul li.active a:focus {
        width: 207px;
        color: #FFA37A;
        background-color: transparent;
        margin: 0 10px;
        padding: 2px 4px;
        text-decoration: none;
        display: inline;
        float: left;
      }
            
      #bottom-site ul li.active:first-child {padding: 10px 0 5px 0;}
      
      #bottom-site ul li.active:last-child {padding: 0 0 8px 0;}
    
    
    /* #news list
    ================================================== */
        
    .news-list-img img {width: 100%;}
    
    .news-list-txt {
      width: 100%;
      margin: 10px 0 0 0;
    }
    
      #content-txt .news-list-txt p {padding: 0 0 5px 0;}
      
      #content-txt .news-list-txt .news-list-date {padding: 0;}
    
    
    /* #news detail
    ================================================== */  
        
    .news-detail-box {
      margin: -10px 0 0 0;
      padding: 0;
    }
    
      .news-detail-img {width: 100%;}
      
      .news-detail-img img {width: 100%;}
      
      .news-detail-txt {
        width: 100%;
        margin: 10px 0 0 0;
      }
    
    
    /* #references detail
    ================================================== */  
  
      .xtra-box-odd,
      .xtra-box-even {width: 270px;}
      
        .xtra-title {width: 100%;}
        
        .xtra-txt  {
          width: 100%;
          margin: 0;
          padding: 0;
        }
    
      .ref-img img {
        width: 134px;
        height: auto;
        margin: 0 2px 3px 2px;
        padding: 0;
      }
    
      .ref-img img.main {
        width: 100%;
        height: auto;
        margin: 0 0 5px 0;
        padding: 0;
      }
      
        .ref-img a:first-child {margin-right: 0;}
      
      .ref-img img.last-line {
        margin: 0 2px 3px 2px;
        padding: 0;
      }
    
    label {width: 200px;}
	
	.form-legend {
			width: 100%;
			margin: 0;
			padding: 0;
			display: block;
			float: left;
		}
		
		.form-input {
			width: auto;
			margin: 0;
			padding: 0;
			display: block;
			float: left;
		}
		
		.form-input input[type="checkbox"],
		.form-input input[type="radio"] {margin: 0 0 0 10px;}
      
      	div.select {width: 270px;}
      
        div.select span {
			width: 270px;
			background: #E4E4E4 url(../graphic/bg/bg-select.gif) 265px -10px no-repeat;
		}
		
			div.select:hover > span {
				color: #E3000F;
				background: #E4E4E4 url(../graphic/bg/bg-select.gif) 265px 5px no-repeat;
			}
        
        div.select:hover > ul {width: 270px;}
		
        html #content-txt div.select:hover > ul,
		html #content-txt div.select:hover > ul > li  {width: 270px;}
		
        div.select:hover > ul > li {width: 270px;}
      
     	input[type="text"],
     	input[type="password"],
      	input[type="email"],
      	textarea,
      	select {width: 270px;}
		
	
	html #socialshareprivacy {
		bottom: 0; 
		position: relative;
		width: auto; 
		display: inline;
		float: none;
	}
	
		html #socialshareprivacy ul.social_share_privacy_area li.facebook,
		html #socialshareprivacy ul.social_share_privacy_area li.twitter,
		html #socialshareprivacy ul.social_share_privacy_area li.gplus {
			width: 90%; 
			margin: 0;
			padding: 0;
			display: block;
		}
		
		html #socialshareprivacy ul.social_share_privacy_area li.setting_info {
			width: auto; 
			margin: 0;
			padding: 0;
			display: block;
		}
		
		html #socialshareprivacy ul.social_share_privacy_area li div.fb_like,
		html #socialshareprivacy ul.social_share_privacy_area li div.tweet,
		html #socialshareprivacy ul.social_share_privacy_area li div.gplusone {
			width: auto; 
			margin: 0 5px 0 5px;
			display: block;
		}
		
		#sitemap .sixteen img {
			width: 80%;
			margin: 10px 9.9% 20px 9.9%;
			display: inline;
			float: left;
		}
	
  }
  
  
  /* Lower than standard (devices and browsers)  */
  @media only screen and (max-height: 880px) {
        
    #bottom-site {position: relative;}
  
  }  
  
  /* Lower than standard (devices and browsers)   */
  @media only screen and (min-height: 881px) {
        
    #bottom-site {position: relative;}
  
  }
    
  /* #Media Queries
  ==================================================
  * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */
  
  @media print {
    
    * { background: transparent !important; color: #444 !important; text-shadow: none; }
    
    a, a:visited { color: #444 !important; text-decoration: underline; }
      
    a:after { content: " (" attr(href) ")"; }
     
    abbr:after { content: " (" attr(title) ")"; }    
    
    .ir a:after { content: ""; }  /* Don't show links for images */    
    
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    
    
    img { page-break-inside: avoid; }
   
     @page { margin: 0.5cm; }
    
      p, h2, h3 { orphans: 3; widows: 3; }
      
    h2, h3{ page-break-after: avoid; }
    
  }