@charset "utf-8";

/*追加（TSリモ用）*/

/*対象エリア*/
#area {
	font-size:6px;
	color:white;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#area {
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#area {
	}
}

/*追加（TSリモ用）ここまで*/


/*テンプレート*/
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#divname {
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#divname {
	}
}
		/*スマホ縦とタブレット用*/
@media screen and (max-width: 999px) {
	#divname {
	}
}
		/*PCとタブレット用*/
@media screen and (min-width: 621px) {
	#divname {
	}
}
		/*PC用*/
@media screen and (min-width: 1000px) {
	#divname {
	}
}
		/*IE用ハック*/
@media all and (-ms-high-contrast: none){
	#divname {
	}
}

/*END テンプレート*/


/* 基本設定 */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	background-color:#FFF;*/
	font-family: "Meiryo UI";
	font-size: 18px;
	color:#666;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;/*iPhone用ハック*/
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	body {
		font-family:sans-serif;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	body {
		font-family:sans-serif;
	}
}
/* 基本設定のsafari用CSSハック */
_::-webkit-:not(:root:root), body {
	font-family: sans-serif;
}
/* ↑日本語版以外は font-family を sans-serif か serif で設定しハックは無しに */

* html body {
    overflow: hidden;  
}


/* h1 */
h1 {
	font-size: 11px;
	font-weight: normal;
}

/* テキストリンク設定(マウスオーバーのみ下線表示) */
a {
/*	text-decoration: none;
	color: #000;*/
}
a:hover {
	text-decoration: underline !important;
}


/*wrapper*/
#wrapper {
	width: 100%;
/*	margin:0 auto;*/
/*	border:solid 1px green;*/
	clear:both;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#wrapper {
		width:100%;
		top: 0px;
		margin:0px 0px;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#wrapper {
		width:100%;
	}
}

/*wrapperNaviMenu*/
#wrapperNaviMenu {
	width: 100%;
	height: 50px;
	background-color: #2FB3F6;
	clear:both;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#wrapperNaviMenu {
		display: none;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#wrapperNaviMenu {
		width:100%;
	}
}


/*コンテンツエリア*/
#contentsArea {
	width:1100px;
	margin: 0 auto;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#contentsArea {
		width:90%;
		margin:0 5%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#contentsArea {
		width:90%;
		margin:0 5%;
	}
}


/* 上下スペース */
#space01 {	width: 100%;	height: 1px;clear:both;}
#space02 {	width: 100%;	height: 2px;clear:both;}
#space03 {	width: 100%;	height: 3px;clear:both;}
#space04 {	width: 100%;	height: 4px;clear:both;}
#space05 {	width: 100%;	height: 5px;clear:both;}
#space06 {	width: 100%;	height: 6px;clear:both;}
#space07 {	width: 100%;	height: 7px;clear:both;}
#space08 {	width: 100%;	height: 8px;clear:both;}
#space10 {	width: 100%;	height: 10px;clear:both;}
#space15 {	width: 100%;	height: 15px;clear:both;}
#space16 {	width: 100%;	height: 16px;clear:both;}
#space20 {	width: 100%;	height: 20px;clear:both;}
#space25 {	width: 100%;	height: 25px;clear:both;}
#space30 {	width: 100%;	height: 30px;clear:both;}
#space35 {	width: 100%;	height: 35px;clear:both;}
#space40 {	width: 100%;	height: 40px;clear:both;}
#space45 {	width: 100%;	height: 45px;clear:both;}
#space50 {	width: 100%;	height: 50px;clear:both;}
#space60 {	width: 100%;	height: 60px;clear:both;}
#space65 {	width: 100%;	height: 65px;clear:both;}
#space70 {	width: 100%;	height: 70px;clear:both;}
#space80 {	width: 100%;	height: 80px;clear:both;}
#space100 {	width: 100%;	height: 100px;clear:both;}


/* safari(Mac,iPhone,iPad)用のiframe対策 */
iframe {
	width:100%;
/*	height:100%; */
	border:none; /* 追加で指定 */
	display:block; /* 追加で指定 */
}
#iframeSafari {
	width: 520px;
	height: 350px;
	overflow:auto; /* scrollからautoに変更 */
	-webkit-overflow-scrolling:touch;
	border:1px solid #c9c9c9; /* ついでに枠線も整形 */
}
/*として、ページソースのiframeタグをiframeSafariのDIVで囲む*/


/*===================================
 *  ページトップへの戻り
===================================*/
.totop {
	z-index:10000;
	position:fixed;
	bottom:0px;
	right:0px;
}
@media screen and (max-width: 720px) {
	.totop {
/*		width:400px;*/
	}
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#666;
}
.totop img:hover {
	background:#999;
}


/*===================================
 *  float要素に高さを与える
===================================*/

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}


/*===================================
 *  Google 言語バー
===================================*/
#google_translate_element {
        text-align:right;
}
#google_translate_element img {
        display: inline;
}