@charset "UTF-8";

/*=============================================

	common

==============================================*/

body {
	font-size: 75%;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: 400;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
img {
	border: none;
	line-height: 1.0;
	margin: 0;
	padding: 0;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* **************************************** */
/* Header */
/* **************************************** */

div#tmpl_header_wrapper {
  position: relative;
  background-color: #000;
  margin: 0;
  padding: 0;
  font-family: "Helvetica","Arial", sans-serif;

}

div#tmpl_header_wrapper a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div#tmpl_header_wrapper a:link, div#tmpl_header_wrapper a:visited {
      color: #fff;
      text-decoration: none;
}

div#tmpl_header_wrapper a:hover, div#tmpl_header_wrapper a:active {
      color           : #aeb1c2;
      text-decoration : none;
}

div#tmpl_header_wrapper a img {
      margin: 0;
      padding: 0;
      border: none;
}

div#tmpl_header_wrapper h1,
div#tmpl_header_wrapper h2,
div#tmpl_header_wrapper h3,
div#tmpl_header_wrapper h4,
div#tmpl_header_wrapper h5, 
div#tmpl_header_wrapper h6 {
    margin: 0;
    padding: 0;
    font-size: 1em;
}

div#tmpl_header_wrapper ul, div#tmpl_header_wrapper li {
    margin: 0;
    padding: 0;
    list-style: none;
 }

div#tmpl_header_wrapper ul#tmpl_globalNavi {
    padding-left: 14px;
}

#tmpl_header {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  line-height: 1.0;
  min-height: 68px;
}

h1#tmpl_SonyLogo {
  line-height: 0em;
  float: left;
}

h1#tmpl_SonyLogo img {
  width: 150px;
  height: 68px;
}

div#tmpl_siteLogo {
  position    : absolute;
  top         : 24px;
  right       : 20px;
  font-family : Helvetica, Arial !important;
  font-size   : 1.1em;
  font-weight : bold;
  color       : #fff;
}

/* **************************************** */
/* Footer */
/* **************************************** */

div#tmpl_footer_wrapper {
  position    : relative;
  font-family : "Helvetica","Arial", sans-serif;
  background  : #1f2024;
}
  div#tmpl_footer_wrapper a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    div#tmpl_footer_wrapper a:link,
    div#tmpl_footer_wrapper a:visited {
      color: #fff;
      text-decoration: none;
    }
    div#tmpl_footer_wrapper a:hover,
    div#tmpl_footer_wrapper a:active
    {
      color: #888;
      text-decoration: none; }
    div#tmpl_footer_wrapper a img {
      margin: 0;
      padding: 0;
      border: none; }
  div#tmpl_footer_wrapper h1, div#tmpl_footer_wrapper h2, div#tmpl_footer_wrapper h3, div#tmpl_footer_wrapper h4, div#tmpl_footer_wrapper h5, div#tmpl_footer_wrapper h6 {
    margin: 0;
    padding: 0;
    font-size: 1em; }

div#tmpl_footer {
  position: relative;
  line-height: 1.0;
  min-height: 60px;
  color: #aeb1c2;
  position: relative;
  text-align: left;
  max-width: 950px;
  margin: 0 auto; }

  div#tmpl_footer ul {
    position : absolute;
    top      : 15px;
    width    : auto;
    clear    : both;
    font-size: 1.0em;

  }
    div#tmpl_footer ul li {
      display: inline-block;
      line-height: 1em;
      float: left;
		}

      div#tmpl_footer ul li a {
        display        : inline-block;
        vertical-align : middle;
        margin-right   : 30px;
        font-weight    : normal;
        font-size      : 1.2em;
        line-height    : 1.0;
      }

div#tmpl_copyright {
  position    : absolute;
  font-size   : 1.2em;
  top         : 22px;
  right       : 10px;
  margin      : 0px;
  display     : block;
  line-height : 1;
  color       : #ccc;
}


/*レスポンシブ------------------------------------------------------*/
@media screen and (max-width:640px){


/* **************************************** */
/* Header */
/* **************************************** */

#tmpl_header {
  position: relative;
  margin: 0 auto;
  line-height: 1.0;
  min-height: 46px;
}

h1#tmpl_SonyLogo img {
  width: 100px;
  height: 46px;
}

div#tmpl_siteLogo {
  position    : absolute;
  top         : 24px;
  right       : 20px;
  font-family : Helvetica, Arial !important;
  font-size   : 0.8em;
  font-weight : bold;
  color       : #fff;
}


/* **************************************** */
/* Footer */
/* **************************************** */

div#tmpl_copyright {
  position    : absolute;
  font-size   : 0.8em;
  bottom      : 3px;
  right       : 10px;
  margin      : 0px;
  display     : block;
  color       : #ccc;
}

div#tmpl_footer {
  position: relative;
  font-size   : 0.8em;
  line-height: 0.2;
  min-height: 50px;
  color: #aeb1c2;
  position: relative;
  text-align: left;
  max-width: 950px;
  margin: 0 auto;
 }


  div#tmpl_footer ul {
		position : absolute;
		top      : 0px;
		width    : auto;
		clear    : both;
		font-size: 0.8em;

	}

	div#tmpl_footer ul li {
		display: inline-block;
		float: left;
	}

	div#tmpl_footer ul li a {
		display        : inline-block;
		vertical-align : middle;
		font-weight    : normal;
		font-size      : 0.8em;
	}

}