@charset "UTF-8";/*Copyright (c) 2009,Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txtversion:2.7.0 reset*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
blockquote,
th,
td,
a,
hr,
span,
p,
address {
margin: 0;
padding: 0;
}

fieldset,
img {
border: 0;
}

caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
font-style: inherit;
font-weight: inherit;
}

del,
ins {
text-decoration: none;
}

li {
list-style: none;
}

ol,
ul {
list-style: none;
}

caption,
th {
text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}

q:before,
q:after {
content: '';
}

abbr,
acronym {
border: 0;
font-variant: normal;
}

sup {
vertical-align: baseline;
}

sub {
vertical-align: baseline;
}

*html sub {
vertical-align: sub;
}

legend {
color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}

input,
button,
textarea,
select {
*font-size:100%;
}

li {
zoom: normal;
}

a {
outline: 0px none #fff;
}

hr {
display: block;
height: 1px;
background: #333;
text-align: left;
border: 0px none #333;
}

img {
display: inline;
}

sup {
vertical-align: super;
}

sup.Blue,
h4.feaet sup,
h4.feaet-mi sup {
vertical-align: top;
}

*:first-child+html sup {
vertical-align: super;
}

*html sup {
vertical-align: super;
}

em {
font-style: normal;
}

.cap sup,
.mini sup {
vertical-align: top!important;
}

strong {
font-weight: bold;
}

body {
font: 13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}

select,
input,
button,
textarea,
button {
font: 99% arial, helvetica, clean, sans-serif;
}

table {
font-size: inherit;
font: 100%;
}

pre,
code,
kbd,
samp,
tt {
font-family: monospace;
*font-size:108%;
line-height: 100%;
}

body {
font-family: "Hiragino Kaku Gothic", "ヒラギノ角ゴ", "MS P Gothic", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, sans-serif;
}/* utlity */

.tc {
text-align: center;
}

.tr {
text-align: right;
}

.tl {
text-align: left;
}

.fr {
float: right!important;
}

.fl {
float: left!important;
}

.clear {
clear: both;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;/*¥*//*/height:auto;overflow:hidden;/**/
}

.mt00 {
margin-top: 0px!important;
}

.mt05 {
margin-top: 5px!important;
}

.mt10 {
margin-top: 10px!important;
}

.mt15 {
margin-top: 15px!important;
}

.mt18 {
margin-top: 18px!important;
}

.mt20 {
margin-top: 20px!important;
}

.mt25 {
margin-top: 25px!important;
}

.mt30 {
margin-top: 30px!important;
}

.mt35 {
margin-top: 35px!important;
}

.mt40 {
margin-top: 40px!important;
}

.mt120 {
margin-top: 120px!important;
}

.mr00 {
margin-right: 0px!important;
}

.mr05 {
margin-right: 5px!important;
}

.mr10 {
margin-right: 10px!important;
}

.mr15 {
margin-right: 15px!important;
}

.mr20 {
margin-right: 20px!important;
}

.mr25 {
margin-right: 25px!important;
}

.mr30 {
margin-right: 30px!important;
}

.mr35 {
margin-right: 35px!important;
}

.mr70 {
margin-right: 70px!important;
}

.mb00 {
margin-bottom: 0px!important;
}

.mb05 {
margin-bottom: 5px!important;
}

.mb10 {
margin-bottom: 10px!important;
}

.mb15 {
margin-bottom: 15px!important;
}

.mb20 {
margin-bottom: 20px!important;
}

.mb25 {
margin-bottom: 25px!important;
}

.mb30 {
margin-bottom: 30px!important;
}

.mb35 {
margin-bottom: 35px!important;
}

.mb40 {
margin-bottom: 40px!important;
}

.mb50 {
margin-bottom: 50px!important;
}

.mb60 {
margin-bottom: 60px!important;
}

.mb70 {
margin-bottom: 70px!important;
}

.ml00 {
margin-left: 0px!important;
}

.ml05 {
margin-left: 5px!important;
}

.ml10 {
margin-left: 10px!important;
}

.ml15 {
margin-left: 15px!important;
}

.ml20 {
margin-left: 20px!important;
}

.ml25 {
margin-left: 25px!important;
}

.ml30 {
margin-left: 30px!important;
}

.ml35 {
margin-left: 35px!important;
}

.ml40 {
margin-left: 40px!important;
}

.pt00 {
padding-top: 0px!important;
}

.pt05 {
padding-top: 5px!important;
}

.pt10 {
padding-top: 10px!important;
}

.pt15 {
padding-top: 15px!important;
}

.pt20 {
padding-top: 20px!important;
}

.pt25 {
padding-top: 25px!important;
}

.pt30 {
padding-top: 30px!important;
}

.pt35 {
padding-top: 35px!important;
}

.pt40 {
padding-top: 40px!important;
}

.pr00 {
padding-right: 0px!important;
}

.pr05 {
padding-right: 5px!important;
}

.pr10 {
padding-right: 10px!important;
}

.pr15 {
padding-right: 15px!important;
}

.pr20 {
padding-right: 20px!important;
}

.pr25 {
padding-right: 25px!important;
}

.pr30 {
padding-right: 30px!important;
}

.pr35 {
padding-right: 35px!important;
}

.pr40 {
padding-right: 40px!important;
}

.pb00 {
padding-bottom: 0px!important;
}

.pb05 {
padding-bottom: 5px!important;
}

.pb10 {
padding-bottom: 10px!important;
}

.pb15 {
padding-bottom: 15px!important;
}

.pb20 {
padding-bottom: 20px!important;
}

.pb25 {
padding-bottom: 25px!important;
}

.pb30 {
padding-bottom: 30px!important;
}

.pb35 {
padding-bottom: 35px!important;
}

.pb40 {
padding-bottom: 40px!important;
}

.pl00 {
padding-left: 0px!important;
}

.pl05 {
padding-left: 5px!important;
}

.pl10 {
padding-left: 10px!important;
}

.pl15 {
padding-left: 15px!important;
}

.pl20 {
padding-left: 20px!important;
}

.pl25 {
padding-left: 25px!important;
}

.pl30 {
padding-left: 30px!important;
}

.pl35 {
padding-left: 35px!important;
}

.pl40 {
padding-left: 40px!important;
}

h1,
h2 {
font-size: 0;
line-height: 0;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}

.f18 {
font-size: 18px!important;
}

/**
 * menu
 */
	
	
.menu {
position: absolute;
right: 0;
top: 33px;
 *zoom: 1;
}

.menu > li {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", YuMincho, "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS明朝", "メイリオ", serif;
width: 170px;
height: 52px;
font-weight: bold;
line-height: 52px;
border: 1px solid #231815;
box-sizing: content-box
}

.menu > li a {
display: block;
text-align: center;
text-decoration: none;
color: #fff;
}

.menu > li a:hover {
color: #fff;
}

.menu > .menu__single {
position: relative;
}

.menu__single .menu__second-level {
position: absolute;
top: 40px;
width: 172px;
background: #231815;
-webkit-transition: .2s ease;
transition: .2s ease;
visibility: hidden;
opacity: 0;
left: -1px;
font-weight: normal;
}

.menu__single:hover > .menu__second-level {
top: 50px;
visibility: visible;
opacity: 1;
}

.menu__single:hover > .menu__second-level li a:hover {
background: #C1C1C1;
}

.menu__single:hover {
-webkit-transition: .2s ease;
transition: .2s ease;
}

.menu__second-level li {
border-top: 1px solid #666;
}

.menu > li a.init-bottom {
color: #231815;
}

.init-bottom:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 5px 15px;
border-right: 1px solid #231815;
border-bottom: 1px solid #231815;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.menu:before,
.menu:after {
content: "";
display: table;
}

.menu:after {
clear: both;
}

@media only screen and (max-width: 768px) {

.menu {
display: none;
}

/*.menu {
	position:absolute;
	right:auto;
	top:0;
			z-index:1000;
}
.menu__single .menu__second-level {
  top: 50px;
  width: 100px; 
		visibility: hidden;
  opacity: 0;
}
.menu > li {
	width: 100px;
	height: 30px;
	font-size:11px;
	line-height: 30px;
}*/

#gnav li#languages {
border-bottom: 1px solid #FFF;
color: #FFF;
padding: 6px;
font-size: 12px;
text-align: center;
background-color: #505050;
}

#gnav ul {
overflow: hidden;
}

#gnav ul li {
background-color: #505050;
float: left;
width: 50%;
}

#gnav ul li a:after {
background: #505050;
}
}