@charset "utf-8";



/*------------------------------------------------------

ブラウザクリア

------------------------------------------------------*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote {

	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: normal;

	line-height: 1.3;

	color: #666;

}

ol, ul {

	list-style-type: none;

}

img {

	border: 0;

	vertical-align: bottom;

}

html, body {

	width: 100%;

	-webkit-text-size-adjust: none;

}



body {

	line-height: 1.5;

	background: url(../img/header_bg_2.png) repeat-x top #FFF;

	background-size: 6px;

	font-size: 100%;

}



p {

	font-size: 70%;

}



a {

	-webkit-tap-highlight-color: rgba(255, 153, 0, 0.5);

}

/*------------------------------------------------------



------------------------------------------------------*/

div#wrap {

	z-index: 1;

}



.clear {

	clear: both;

}



/*------------------------------------------------------

 ヘッダー

------------------------------------------------------*/

div#topNavi {

	width: 100%;

	height: 150px;

	text-align: center;

	position: relative;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	z-index: 3;

}



div#topNavi h1 {

}



div#topNavi ul {

	position: absolute;

	width: 84px;

	height: 47px;

	right: 0px;

	top: 0px;

}



div#topNavi ul li {

	float: left;

	width: 42px;

	height: 47px;

}



#clsButton {

	display: block;

	text-align: center;

	height: 30px;

	line-height: 30px;

	padding: 0;

	text-decoration: none;

	color :#FFF;

	text-shadow: #000 1px 1px 1px;

}



.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: 5px;

}

.bnr01 img{
 	text-align: center;
	margin-bottom: 5px;
}



/*------------------------------------------------------

フリップメニュー

------------------------------------------------------*/

/* メニューopen style */

.flip-open {

  display: block!important;

  -webkit-animation-name: flip-open;

  -webkit-animation-duration: 0.5s;

  -webkit-animation-timing-function: cubic-bezier(0.5,0,0.5,1);

}



/* アニメーション */

@-webkit-keyframes flip-open {

  0% {

    -webkit-transform: translate(-50%,0) scale(1.0);

  }



  50% {

    -webkit-transform: translate(25%,0) scale(1.0);

  }



  100% {

    -webkit-transform: scale(1.0);

  }

}



/* メニューclose style */

.flip-close {

  display: block!important;

  -webkit-animation-name: flip-close;

  -webkit-animation-duration: 0.5s;

  -webkit-animation-timing-function: cubic-bezier(0.5,0,0.5,1);

  -webkit-transform: scale(0);

}



/* andloid chrome 対策    */

/* 見えないメニューが残る */

.flip-close * {

	display: none;

}



/* アニメーション */

@-webkit-keyframes flip-close {



  0% {

    -webkit-transform: scale(1.0);

  }



  50% {

    -webkit-transform: translate(25%,0) scale(1.0);

  }



  100% {

    -webkit-transform: translate(-50%,0) scale(1.0);

  }

}



/*------------------------------------------------------

 お問合せメニュー

------------------------------------------------------*/

#advanceMenu {

	height: 150px;

	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;

	-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_ap01.png) no-repeat 2% 50%;

}



.apli02 {

	background: url(../img/btn_ap02.png) no-repeat 2% 50%;

}



.apli03 {

	background: url(../img/btn_ap03.png) no-repeat 2% 50%;

}



.apli04 {

	background: url(../img/btn_ap04.png) no-repeat 2% 50%;

}



.apli05 {

	background: url(../img/btn_ap05.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 95% 50%;

	-webkit-background-size: 11px 16px;

	overflow: hidden;

	margin: 2px 0;

	padding-left: 40px;

	text-align: left;

}



/*------------------------------------------------------

 メインエリア(コンテンツは各index.cssへ)

------------------------------------------------------*/

div#mainArea {

	/* [disabled]width: 100%; */

	padding: 10px;

	text-align: center;

}



/*------------------------------------------------------

 モバイルピックアップ

------------------------------------------------------*/

div#pickUp {

	width: 100%;

	background: #CEEDF9;

	border-top: #1AA3D7 3px solid;

	padding-bottom: 10px;

	text-align: center;

}



div#pickUpInner {

	margin: 10px;

	background: #CEEDF9;

}



div#pickUp h2 {

	-webkit-border-image: url(../img/footer_bg.png) 6 6 6 6 / 6px;

	width: 90%;

}



div#pickUp h2 ,

div#pickUp h3 {

	margin: 0 auto;

	color: #FFF;

	font-size: 90%;

	font-weight: bold;

	text-align: center;

}



div#pickUp h3 {

	width: 100%;

	height: 20px;

	padding-top: 5px;

}



h3#fMenu01 {

	background: #1C4E8D;

	-webkit-border-top-left-radius: 5px;

	-webkit-border-top-right-radius: 5px;

}



h3#fMenu02 {

	background: #D94C4C;

}



h3#fMenu03 {

	background: #32AEDD;

}



ul.fMenu {

	background: #FFF;

	width: 100%;

}



ul.fMenu li {

	height: 25px;

	margin: 0 10px;

	font-size: 90%;

	font-weight: bold;

	border-bottom: #1AA3D7 1px dotted;

	padding-top: 5px;

}



ul.fMenu li:last-child {

	border-bottom: none;

}



ul.fMenu li a {

	display: block;

	background: #FFF url(../img/footer_arrow.png) no-repeat 95% 50%;

	height: 25px;

	color: #000;

	text-decoration: none;

}

ul.fMenu li a.noLink {
	color: #999;
}


/*------------------------------------------------------

 フッター

------------------------------------------------------*/

div#footer {

    background: url(../img/footer_bg_2.png) repeat-x bottom;

	background-size: 4px;

	padding: 5px 10px 10px;

	text-align: center;

}



div#footer p {

	color: #FFF;

	font-size: 80%;

}



div#footer p a {

	color: #FFF;

	font-weight: bold;

	text-decoration: none;

}


div#footer h1 {

	margin: 5px 0 10px;

}