<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* Reset Stylesheet
-------------------------------------------------- */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul { list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table { border-collapse:collapse;border-spacing:0;}
hr {display:block; height:1px; border:0;   border-top:1px solid #cccccc; margin:1em 0;padding:0;}
input, select { vertical-align:middle;}
a {outline: none;}

/* base settings
-------------------------------------------------- */
html {
	-webkit-text-size-adjust: 100%;
	width: 100%;
	height: 100%;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic',sans-serif;
	line-height: 1.8;
	width: 100%;
	height: 100%;
	position: relative;
	font-size:12px;
}
#wrap {
	z-index:3000;
	position: relative;
}
#loading {
	width: 100%;
	height: 100%;
	position: fixed;
	background:#000;
	z-index:5000;
}



/* header */
#gnavi span.disabled span.bar, 
#gnavi span.disabled em{
	opacity: 0.3;
filter: alpha(opacity=30);
-ms-filter: "alpha(opacity=30)";
-moz-opacity:0.3;
-khtml-opacity: 0.3;
display: inline-block;
}
#gnavi a,
#gnavi span.disabled{
	color: #FFF;
	display: block;
	text-decoration: none;
	border-right: solid 1px #FFF;
	text-align: center;
	position: relative;
}
#gnavi em{
	font-style: normal;
	font-weight: normal;
	position: relative;
	z-index:150;
}

#gnavi span.bar{
	position: absolute;
	left:0;
	bottom:0;
	display: block;
	width: 100%;
	z-index:100;
}
#gnavi1 span.bar {
	background: #8ac39b;
}
#gnavi2 span.bar {
	background: #95c4cb;
}
#gnavi3 span.bar {
	background: #5a3a0d;
}
#gnavi4 span.bar {
	background: #f4f1e7;
}
#gnavi5 span.bar {
	background: #68696b;
}
#gnavi6 span.bar {
	background: #a8a18b;
}
#gnavi7 span.bar {
	background: #c9c9ca;
}
#gnavi{
	width: 100%;
}


#gnavi .current span.bar{
	height: 100% !important;
}


#copyright {
	width: 100%;
	background:#000;
	text-align: right;
	z-index: 100000;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFF;
	height: 20px;
	line-height: 20px;
	padding:5px 0;
}
#copyright a {
	color: #FFF;
}
#copyright .cassinaixc{
	height: 20px;
	float: right;
	margin-left:20px;
	margin-right:10px;
	display: none;
}
#copyright em{
	font-size:11px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-right:10px;
	font-style: normal;
}
.lang_en {
	display: none;
}

/* SP
-------------------------------------------------- */
@media screen and (max-width:640px){
#header {
	background:#000;
	width: 100%;
	overflow: hidden;	
}
#gnavi a,
#gnavi span.disabled{
	height: 40px;
	line-height: 40px;
	font-size:11px;
}
#gnavi li {
	border-bottom:solid 1px #FFF;
	width: 33%;
	float: left;
	list-style-type: none;
}
#gnavi li#logo img{
	height: 30px;
	margin-top:5px;
}
#gnavi a br,
#gnavi span  br{
	display: none;
	margin-right:5px;
}
#gnavi li#gnavi1 ,
#gnavi li#gnavi4 {
	width:34%;
}
#gnavi li#gnavi7 {
	width:67%;
}
#gnavi span.bar{
	height: 3px;
}
.copyrights {
	font-size:10px;
	margin:0 auto;
	padding:10px;
}
}



/* PC
-------------------------------------------------- */
@media screen and (min-width:641px){
	html {
		min-width: 960px;
		min-height: 600px;
	}
	body {
		min-width: 960px;
		min-height: 600px;
	}
	#header {
		min-width: 960px;
	border-bottom:solid 1px #c3c5c5;
	}
#gnavi a,
#gnavi span.disabled{
	line-height: 70px;
	height: 70px;
}

#header {
	background:#000;
	width: 100%;
	height: 70px;
	margin-bottom:80px;
}
#gnavi li {
	width: 12%;
	float: left;
	list-style-type: none;
}
#gnavi li#logo {
	width: 16%;
}
#gnavi li#logo img{
	margin-top:10px;
	margin-left:10px;
}
#gnavi li#logo a{
	text-align: left;
}
#gnavi span.bar{
	height: 7px;
}
.copyrights {
	font-size:10px;
	width: 720px;
	margin:0 auto;
	padding:0 0 20px;
}

}</pre></body></html>