@charset "utf-8";

/*-------------------------------------------------
	SELECTOR
-------------------------------------------------*/
html {
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #f3f3f3;
	color: #333;
	font-family: KYODO, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 300;
}
body * {
	box-sizing: border-box;
}
a {	color:#333; text-decoration:none; }
a:hover { color:#960000; text-decoration:underline; }
a:hover, a:active, a:focus { outline:none; }
img { border:0px; line-height:0px; vertical-align:bottom; }
p { margin:0px; padding:0px; line-height:1.3em; }
table {
	border-collapse: collapse;
}
table th,
table td {
	padding: 0px;
	line-height: 1.3em;
}
strong { font-weight:bold; }
em { font-style:normal; }
form { margin: 0px; padding: 0px; }
var { font-style:normal; }
/*
ol { margin: 0px 0px 0px 24px; padding: 0px; }
ul,ol { margin: 0px; padding: 0px; }
li { margin: 0px; padding: 0px; }
dl { width: auto; margin: 0px; padding: 0px; }
dt { margin: 0px; padding: 0px; font-weight: bold; }
dd { margin: 0px 0px 5px 15px;  padding: 0px; }
hr { display: none; }
label { cursor:pointer; vertical-align:middle; }
*/
input[type=text],
input[type=tel],
input[type=password] {
	margin:0px; padding:6px; line-height:1em; border-radius:4px; background:#fff;
}
select {
	margin: 0px;
	padding: 6px;
	border-radius:4px; 
	background: #fff;
	background: url(/pc/images/common/icon_selectarrow.svg) 98% 50% no-repeat #fff;
	background-size: auto 50%;
	-webkit-appearance: button;
	-moz-appearance: none;
	appearance: button;
	text-indent: 0.01px;
	text-overflow: "";
	padding-right: 30px !important;
}
select::-ms-expand {	/*for IE*/
	display: none;
}
textarea { margin:0px; padding:2px 5px; border:1px solid #999; border-radius:4px; box-sizing:border-box; }


/*-------------------------------------------------
	COMMON CLASS
-------------------------------------------------*/
/*Floats*/
.floatL {float: left !important;}
.floatR {float: right !important;}
/*table*/
.clearfix:after {  
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}  
/*color*/
.red{ color:#F00;}
.orange{color:#F60;}
.black{ color:#000;}
/*Aligns*/
.alignL {text-align: left !important;}
.alignL * {margin-right: auto !important;}
.alignC {text-align: center !important;}
.alignC * {margin-left: auto !important; margin-right: auto !important;}
.alignR {text-align: right !important;}
.alignR * {margin-left: auto !important;}
/*Double Aligns*/
.alignMC {text-align: center !important; vertical-align: middle !important;}
.alignMC * { margin-left: auto !important; margin-right: auto !important;}
/*Vertical Aligns*/
.valignT {vertical-align: top !important;}
.valignM {vertical-align: middle !important;}
.valignB {vertical-align: bottom !important;}
/*Margins*/
.marginleftS {margin-left: 5px !important;}
.marginleftM {margin-left: 10px !important;}
.marginleftL {margin-left: 20px !important;}
.marginrightS {margin-right: 5px !important;}
.marginrightM {margin-right: 10px !important;}
.marginrightL {margin-right: 20px !important;}
.marginbottomS {margin-bottom: 5px !important;}
.marginbottomM {margin-bottom: 10px !important;}
.marginbottomL {margin-bottom: 20px !important;}
.margintopS {margin-top: 5px !important;}
.margintopM {margin-top: 10px !important;}
.margintopL {margin-top: 20px !important;}
.margintopNone {margin-top: 0px !important;}
.marginNone {margin: 0px !important;}
/*Padding*/
.paddingleftS {padding-left: 5px !important;}
.paddingleftM {padding-left: 10px !important;}
.paddingleftL {padding-left: 20px !important;}
.paddingrightS {padding-right: 5px !important;}
.paddingrightM {padding-right: 10px !important;}
.paddingrightL {padding-right: 20px !important;}
.paddingbottomS {padding-bottom: 5px !important;}
.paddingbottomM {padding-bottom: 10px !important;}
.paddingbottomL {padding-bottom: 20px !important;}
.paddingtopS {padding-top: 5px !important;}
.paddingtopM {padding-top: 10px !important;}
.paddingtopL {padding-top: 20px !important;}
.paddingtopNone {padding-top: 0px !important;}
.paddingNone {padding: 0px !important;}
/*Widths*/
.w5 {width: 5% !important;}
.w10 {width: 10% !important;}
.w15 {width: 15% !important;}
.w20 {width: 20% !important;}
.w25 {width: 25% !important;}
.w30 {width: 30% !important;}
.w35 {width: 35% !important;}
.w40 {width: 40% !important;}
.w45 {width: 45% !important;}
.w48 {width: 48.5% !important;}
.w50 {width: 50% !important;}
.w55 {width: 55% !important;}
.w60 {width: 60% !important;}
.w65 {width: 65% !important;}
.w70 {width: 70% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w85 {width: 85% !important;}
.w90 {width: 90% !important;}
.w95 {width: 95% !important;}
.w98 {width: 98% !important;}
.w99 {width: 99% !important;}
.w100 {width: 100% !important;}
.wauto {width: auto !important;}
/*border hiddens*/
.bdrnone {border: none !important;}
.bdrnoneT {border-top: none !important;}
.bdrnoneB {border-bottom: none !important;}
.bdrnoneR {border-right: none !important;}
.bdrnoneL {border-left: none !important;}
/*Positions*/
.posAbsolute { position:absolute; }
.posRelative { position:relative; }
.posFixed { position:fixed; }



/*-------------------------------------------------
	HEADER
-------------------------------------------------*/
header {
	width: 100%;
}
header > section#menubar {
	margin: 0px auto;
	position: relative;
	background: #333;
	height: 52px;
}
header > section#menubar h1 {
	width: 185px;
	height: 34px;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -92.5px;
}
header > section#menubar h1 img {
	width: 100%;
}

header > section#menubar nav#menuwrapper {
	width: 1000px;
	margin: 0px auto;
	position: relative;
}

header > section#menubar nav#menuwrapper #languages {
	width: 100px;
	position: absolute;
	right: 0px;
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: 1px;
}
header > section#menubar nav#menuwrapper #languages ul {
	position: relative;
}
header > section#menubar nav#menuwrapper #languages ul li {
	list-style-type: none;
	font-size: 0.9em;
	position: relative;
	height: 52px;
	line-height: 52px;
	background: #333;
	color: #fff;
}
header > section#menubar nav#menuwrapper #languages ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
}
header > section#menubar nav#menuwrapper #languages ul li ul {
	position: absolute;
	top: 52px;
	width: 100%;
	z-index: 20000;
}
header > section#menubar nav#menuwrapper #languages ul li ul li {
	width: 100px;
	visibility: hidden;
	overflow: hidden;
	background: #333;
	height: 0;
	line-height: 36px;
	border-top: 1px solid #444;
	letter-spacing: -0.2px;
}
header > section#menubar nav#menuwrapper #languages ul li ul li a {
}
header > section#menubar nav#menuwrapper #languages ul li ul li:hover,
header > section#menubar nav#menuwrapper #languages ul li ul li a:hover {
	background-color: #222;
}
header > section#menubar nav#menuwrapper #languages ul li:hover ul li,
header > section#menubar nav#menuwrapper #languages ul li a:hover ul li {
	visibility: visible;
	overflow: visible;
	height: 36px;
	z-index: 10;
}
header > section#menubar nav#menuwrapper #languages li a {
	padding: 0 10px 0 28px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
header > section#menubar nav#menuwrapper #languages * {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
header > section#menubar nav#menuwrapper #languages ul li a {
	background: url(/pc/images/common/btn_language.svg) 8px 50% no-repeat #333;
	background-size: 14px;
}
header > section#menubar nav#menuwrapper #languages ul li a:hover {
	background-color: #222;
}


/*-------------------------------------------------
	FOOTER
-------------------------------------------------*/
footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	margin: 40px 0px 0px 0px;
	padding: 40px 0px;
	background: #333;
}
footer section {
	width: 1000px;
	margin: 0px auto;
	text-align: center;
}
footer section ul {
	color: #666;
	font-size: 0.9em;
}
footer section ul li {
	display: inline-block;
}
footer section ul li a {
	color: #fff;
	text-decoration: none;
}
footer section ul li a:hover {
	color: #fff;
	text-decoration: underline;
}
footer section ul li:after {
	content: " | ";
}
footer section ul li:last-child:after {
	content: "";
}
footer section p {
	color: #fff;
	font-size: 0.9em;
	margin: 16px 0px 0px 0px;
}


/*-------------------------------------------------
	ERROR
-------------------------------------------------*/
#errors {
	background: #fff;
	padding: 20px;
}
#errors article {
	line-height: 1.6em;
}
#errors p {
	margin: 0px 0px 20px 0px;
}
#errors p:last-child {
	margin: 0px 0px 0px 0px;
}
#errors nav#feedback {
	margin: 40px 0px 0px 0px;
}
#errors nav#feedback ul {
}
#errors nav#feedback ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#errors nav#feedback ul li {
	list-style-type: none;
	width: 48%;
}
#errors nav#feedback ul li:first-child {
	float: left;
}
#errors nav#feedback ul li:last-child {
	float: right;
}
#errors nav#feedback ul li a {
	margin: 0px auto;
	display: block;
	font-size: 1em;
	letter-spacing: 1px;
	border-radius: 4px;
	padding: 13px 0px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#errors nav#feedback ul li:first-child a {
	background: #960000;
}
#errors nav#feedback ul li:first-child a:hover {
	background: #700;
}
#errors nav#feedback ul li:last-child a {
	background: #333;
}
#errors nav#feedback ul li:last-child a:hover {
	background: #222;
}
a.free-zone,
a.free-zone:link,
a.free-zone:visited,
a.free-zone:active {
    color : #960000;
    text-decoration: underline;
}
a.free-zone:hover {
    text-decoration: none;
    cursor: pointer;
}