@charset "utf-8";
/*------------------------------------------------------
 ブラウザクリア
------------------------------------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, select, option {
	margin:0;
	padding:0;
}
body, td, th, h1, h2, h3, h4, h5, h6 {
	font-family:"qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
	font-weight:400;
	line-height:1.3;
	color:#333;
}
ol, ul {
	list-style-type:none;
}
img {
	border:0;
	vertical-align:bottom;
}
html, body {
	width:100%;
}
body {
	-webkit-text-size-adjust:none;
	line-height:1.5;
	background-color:#000;
	font-size:100%;
}
p {
	font-size:90%;
}
a {
	-webkit-tap-highlight-color:rgba(2, 109, 236, 0.9);
}
/*------------------------------------------------------
------------------------------------------------------*/
div#wrap {
	z-index:1;
}
/*------------------------------------------------------
 HEADER
------------------------------------------------------*/
div#gopc {
	height:38px;
	width:100%;
	text-align:center;
	position:relative;
	background:url(../img/toolbar.gif) #333 repeat-x;
	padding:0;
	z-index:3;
}
.button {
	position:absolute;
	overflow:hidden;
	top:8px;
	right:8px;
	margin:0;
	padding:0 6px;
	width:auto;
	height:30px;
	color:#FFF;
}
#apoButton {
	left:7px;
	right:auto;
	max-width:80px;
}
#apoButton img {
	vertical-align:middle;
}
#clsButton {
	height:30px;
	line-height:30px;
	padding:0;
	text-decoration:none;
	color :#FFF;
	text-shadow:#000 1px 1px 1px;
}
/*------------------------------------------------------
 フリップメニュー
------------------------------------------------------*/
/* メニューopen style */
.flip-open {
	display:block!important;
	-webkit-animation-name:flip-open;
	-webkit-animation-duration:0.4s;
	-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1); 
}

/* アニメーション */
@-webkit-keyframes flip-open {
 0% {
/*    -webkit-transform:translateY(-100%) scale(0.9);   */
    -webkit-transform:translate(100%, -10%) scale(0.9);
}
50% {
    -webkit-transform:translate(0, -10%) scale(0.9);
/*    -webkit-transform:translate(-40%, -50%) scale(0.9) matrix3d(0.5, 0.2, 0, 0, 0, 0.5, 0, 0.5, 0, 0, 1, 0, 0, 100, 0, 2);*/
}
 100% {
 -webkit-transform:scale(1.0);
}
}
/* メニューclose style */
.flip-close {
	display:block!important;
	-webkit-animation-name:flip-close;
	-webkit-animation-duration:0.3s;
	-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1);
	-webkit-transform:scale(0);
}
/* android chrome 対策    */
/* 見えないメニューが残る */
.flip-close * {
	display:none;
}

/* アニメーション */
@-webkit-keyframes flip-close {
 0% {
 -webkit-transform:scale(1.0);
}
 50% {
 -webkit-transform:translate(0, -10%) scale(0.9);
/*    -webkit-transform:translateY(0) scale(0.9);*/
  }
 100% {
/*    -webkit-transform:translateY(-100%) scale(0.9);  */
    -webkit-transform:translate(-100%, -10%) scale(0.9);
}
}
/*------------------------------------------------------
左上 問合せメニュー
------------------------------------------------------*/
#advanceMenu {
	height:180px;
	display:none;
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 0.9)), to(rgba(0, 0, 0, 0.9)));
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	/*
	border:1px solid #000;
*/
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}
ul#contactList li {
	-webkit-background-size:29px 29px;
	height:31px;
}
.apli01 {
	background:url(../img/btn_ap_01.png) no-repeat 2% 50%;
}
.apli02 {
	background:url(../img/btn_ap_02.png) no-repeat 2% 50%;
}
.apli03 {
	background:url(../img/btn_ap_03.png) no-repeat 2% 50%;
}
.apli04 {
	background:url(../img/btn_ap_04.png) no-repeat 2% 50%;
}
.apli05 {
	background:url(../img/btn_ap_05.png) no-repeat 2% 50%;
}
ul#contactList li a {
	display:block;
	line-height:31px;
	text-decoration:none;
	color:#FFF;
	-webkit-tap-highlight-color:rgba(2, 109, 236, 0.9);
	background:url(../img/icon_fwd.png) no-repeat 96% 50%;
	-webkit-background-size:11px 16px;
	overflow:hidden;
	margin:2px 0;
	padding-left:40px;
	text-align:left;
}
p.listLink {
	width:90%;
	margin:5px auto;
	text-align:center;
    background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(160, 160, 160, 0.6)));
	border:1px solid #999;
	-webkit-border-radius:10px;
}
p.listLink a {
	padding-top:8px;
	display:block;
	width:100%;
	height:32px;
}

/*------------------------------------------------------
 TOP画像
------------------------------------------------------*/
h1 {
	width:100%;
	padding:10px 0 5px;
	overflow:hidden;
	text-align:center;
	background:#FFF;
}
/* --------------------------------------------------
	FOOTER
-------------------------------------------------- */
div#footer {
	background:#393939;
	width:100%;
	text-align:center;
	padding:10px 0 0;
}
p.banner {
	width:300px;
	margin:0 auto 10px;
}
ul.footernav {
	width:100%;
	background:#5E5E5E;
	border-top:1px solid #AFAFAF;
}
ul.footernav li {
	border-bottom:1px solid #AFAFAF;
	background:url(../img/triangle_green.png) 95% 50% no-repeat;
}
ul.footernav li a { 
	display:block;
	padding:10px 0 8px 10px;
	color:#FFF;
	font-size:14px;
	text-align:left;
	text-decoration:none;
}
p.cinfo {
	color:#FFF;
	width:95%;
	margin:0 auto;
	padding:15px 0;
	text-align:left;
	font-size:12px;
	line-height:1.5;
}
p.cinfo a {
	color:#FFF;	
}
p.copyright {
	width:95%;
	color:#DDD;
	font-size:12px;
	margin:0 auto;
	padding:10px 0;
	text-align:left;
	line-height:1.5;
}

/* ----------------------------------------------------------------------
	汎用スタイル
---------------------------------------------------------------------- */
.fcolor01 {
	color:#090;
}
.fcolor02 {
	color:#85B80C;
}
.fcolor03 {
	color:#5E5E5E;
}
.fcolor04 {
	color:#25C4D8;
}
.fcolor05 {
	color:#F90;
}
.fcolor06 {
	color:#F30;
}