﻿@charset "UTF-8";
html {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Meiryo, "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, "M+ 1p", sans-serif;
}
a,a:link,a:visited{
	color: #333333;
	font-weight:nomal;
	text-decoration: none;
}
body {	
	background: #f2f2f2;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	cursor:default;
	margin:0px;
	-webkit-text-size-adjust: 100%;
}
form {
	margin-top:0;
	margin-bottom:0;
}
img {
	border-style:none;
}
#wrapper {
	width: 985px;
	margin:0px auto;
	padding:0px;
}
#header {
	background: #333333;
	margin:0px 0px 10px 0px;
	padding:10px;0px 10px 0px;
	text-align:center;
}
#left {
	float:left;
	width:212px;
	margin:0px;
	padding:0px;
}
#center {
	float:right;
	width:468px;
	margin:0px 10px 0px 10px;
}
#right {
	float: right;
	width: 285px;
	margin: 0px;
	padding: 0px;
}
#box {
	background: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 5px 17px;
}
#box10 {
	background: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 5px 10px;
}
#box_l {
	margin: 0px 0px 15px 0px;
	line-height: none;
}
#box_lmm {
	color: #ff0066;
	font-size: 11px;
	text-align: center;
}
#box_r {
	background: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 5px 13px;
}
#box_cmb {
	background: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 5px 10px;
}
#ttl{
	font-weight: bold;
}
#nor{
	color: #666;
	font-weight: normal;
}
#ttl_l{
	float: left;
	margin: 0px 0px 15px 0px;
	width: 300px;
}
#ttl_r{
	color:#888;
	float: left;
	font-size: 10px;
	font-weight: normal;
}
#ttl_r a{
	color: #888;
	text-decoration: none;
}

#sp25 {
	clear: both;
	margin: 25px;
	text-align: center;
}
#sp20 {
	clear: both;
	margin: 20px;
}
#sp15 {
	clear: both;
	margin: 15px;
}
#sp10 {
	clear: both;
	margin: 10px;
}
#sp5 {
	clear: both;
	margin: 5px;
}
#box_sp {
	clear: both;
	text-align:center;
}
#box_sptr {
	clear: both;
	text-align: left;
	overflow: hidden;
}
.kampa{
	text-decoration: none;
	position: relative;
}
.kampa:hover .kampa-balloon {
  display: inline-block;
}
.kampa-balloon {
	position: absolute;
	top: -40px;
	left: 0px;
	display: none;
	padding: 0px;
	width: 85px;
	color: #fff;
	font-size: 10px;
	background-color: #ff365d;
	border-radius: 2px 2px 2px 2px;
}
.kampa-balloon::before {
  /*吹き出し部分の三角形を表示します*/
	content: "";
	position: absolute;
	top: 98%;
	left: 10px;
	border: 6px solid transparent;
	border-top: 6px solid #ff365d;
}
.msgA{
	text-decoration: none;
	position: relative;
}
.msgA:hover .msgA-balloon {
  display: inline-block;
}
.msgA-balloon {
	position: absolute;
	z-index: 0;
	top: -30px;
	left: 0px;
	display: none;
	padding: 3px;
	width:206px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	background-color: #ff365d;
	border-radius: 2px 2px 2px 2px;
}
.msgA-balloon::before {
  /*吹き出し部分の三角形を表示します*/
	content: "";
	position: absolute;
	top: 98%;
	left: 10px;
	border: 6px solid transparent;
	border-top: 6px solid #ff365d;
}
.msg{
	text-decoration: none;
	position: relative;
}
.msg:hover .msg-balloon {
  display: inline-block;
}
.msg-balloon {
	position: absolute;
	z-index: 1;
	top: 48px;
	left: 0px;
	display: none;
	padding: 3px 10px 3px 10px;
	color: white;
	background-color: #ff365d;
	border-radius: 2px 2px 2px 2px;
}
.msg-balloon::before {
  /*吹き出し部分の三角形を表示します*/
	content: "";
	position: absolute;
	top: -36%;
	left: 20px;
	border: 6px solid transparent;
	border-bottom: 6px solid #ff365d;
}
#trksp {
	margin-bottom: 5px;
	vertical-align: middle;
}
#box_msgt{
	color:#666;
	font-size: 11px;
	line-height: 13px;
	margin: 0px 0px 6px 0px;
}
#box_msgb{
	color:#666;
	font-size: 11px;
	line-height: 13px;
	margin: 8px 0px 3px 0px;
}
#box_btm a{
	color: #0170c9;
}
#box_btm {
	margin: 7px 13px 3px 0px;
	text-align: right;
	font-size: 11px;
}
:placeholder-shown {
		color:#bbb;
}
:-ms-input-placeholder {
		color:#bbb;
}
::-webkit-input-placeholder {
		color:#bbb;
}
:-moz-placeholder {
		color:#bbb;
}
::-moz-placeholder {
		color:#bbb;
}
#ttl_memo {
	margin: 0px;
	padding-top: 3px;
	background-color: #919191; /*bfbfbf*/
	border-radius: 2px 2px 0px 0px;
	text-align: center;
	color: #fff;
	font-size: 11px;
}
#memo {
	height:73px;
	width:205px;
	padding: 0px 0px 0px 5px;
	margin-bottom: 0px;
	background-color: #fffeee; /*fffeee,f9f9f2,f8f2f8,fce7e3,f2f2f2,fafffa*/
	border: 1px solid #919191;
	border-radius: 0px 0px 2px 0px; 
	font-size:12px;
	font-family: Verdana;
}
#form_btng1{
	height: 20px;
	width: 51px;
	margin-top: 0px;
	padding-top: 2px;
	background-color: #919191;
	border-radius: 0px 0px 2px 2px;
	border-style: none;
	color: #fff; 
	font-size: 11px;
	font-family: Meiryo;
	text-align: center;
}
#form_btng2{
	height: 20px;
	width: 40px;
	margin-top: 0px;
	padding-top: 2px;
	background-color: #919191;
	border-radius: 0px 0px 2px 2px;
	border-style: none;
	color: #fff;
	font-size: 11px;
	font-family: Meiryo;
	text-align: center;
}
#form_btngr{
	height: 20px;
	width: 24px;
	margin-top: 0px;
	padding-top: 2px;
	background-color: #919191;
	border-radius: 0px 0px 2px 2px;
	border-style: none;
	color: #fff; 
	font-size: 11px;
	font-family: Meiryo;
	text-align: center;
}
#form_btng1:hover {
	background-color: #a1b91d;
}
#form_btng2:hover {
	background-color: #a1b91d;
}
#form_btngr:hover {
	background-color: #a1b91d;
}
#form_trkn {
	height: 18px;
	width:207px;
	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px;
	font-size:12px;
	font-family: Verdana;
	text-align:center;
	vertical-align: middle; 
}
#slc_center {
	height:22px;
	width:211px;
	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px; 
	font-size:12px;
	font-family: Verdana;
	vertical-align: middle; 
}
#form_btnt {
	height: 22px;
	width:53px;
	padding:0px;
	background-color:#2189db;
	border-radius: 2px 2px 2px 2px;
	border-style:none;
	color:#ffffff; 
	font-size:11px;
	font-family: Verdana;
	text-align:center;
	vertical-align: middle; 
}
#form_btnr {
	height: 22px;
	width:21px;
	padding:0px;
	background-color:#2189db;
	border-radius: 2px 2px 2px 2px;
	border-style:none;
	color:#ffffff; 
	font-size:11px;
	font-family: Verdana;
	text-align:center;
	vertical-align: middle; 
}
#form_btnh {
	height: 22px;
	width:77px;
	padding:0px;
	background-color:#2189db;
	border-radius: 2px 2px 2px 2px;
	border-style:none;
	color:#ffffff; 
	font-size:11px;
	font-family: Verdana;
	text-align:center;
	vertical-align: middle; 
}
#form_btn {
	height: 22px;
	width:62px;
	padding:0px;
	background-color:#2189db;
	border-radius: 2px 2px 2px 2px;
	border-style:none;
	color:#ffffff; 
	font-size:11px;
	font-family: Verdana;
	text-align:center;
	vertical-align: middle; 
}
#form_box {
	height: 18px;
	width:197px;
	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px;
	font-size:12px;
	font-family: Verdana;
	text-align:left;
	vertical-align:middle; 
}
#airline {
	height: 18px;
	width:264px;
	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px;
	font-size:12px;
	text-align:left;
	vertical-align:middle; 
}
#airport {
	height: 18px;
	width:264px;
	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px;
	font-size:12px;
	text-align:left;
	vertical-align:middle; 
}
#country {
	height: 18px;
	width:264px;
	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px;
	font-size:12px;
	text-align:left;
	vertical-align:middle; 
}
#trans_sp {
	margin: 0px 0px 5px 40px;
	overflow: hidden;
}
#form_trans_sta {
	height: 18px;
	width:90px;
	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px;
	font-size:12px; 
	text-align:left;
	vertical-align:middle; 
}
#slc_trans_time {
	height:22px;
	width: 45px;
	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px; 
	font-size:12px;
	font-family: Verdana;	
}
.clear {
	clear: both;
}
.trans {
	float: left;
}
.trans input {
    display: none;
}
.trans label{
    display: block;
    float: left;
    cursor: pointer;
    width: 32px;
    height:19px;
    padding: 3px 0px 0px 1px;
    background: #bdc3c7;
    color: #666;
    font-size: 12px;
    text-align: center;
    transition: .2s;
}
.trans label:first-of-type{
    border-radius: 2px 0 0 2px;
}
.trans label:last-of-type{
    border-radius: 0 2px 2px 0;
}
.trans input[type="radio"]:checked + .switch-on {
    background-color: #a1b91d;
    color: #fff;
}
.trans input[type="radio"]:checked + .switch-off {
    background-color: #a1b91d;
    color: #fff;
}
#time {
	height:40px;
	border-style:none;
	background-color:#ffffff;
}
#time_sp {
	padding-top:10px;
	height:19px;
	width:206px;
	border-style:none;
}
#time_date {
	height:19px;
	width:206px;
	border-style:none;
	background-color:transparent;
	color: #888;
	font-size:17px;
	font-weight:bold;
	text-align:center;
}
#world {
	height:20px;
	border-style:none;
	background-color:#919191;
	font-weight: bold;
	margin-bottom:20px;
	padding-top: 5px;
}
#world a {
	color:#ffffff;
}
#world_sp {
	text-align:center;
}
#search {
	margin: 0px 0px 20px 0px;
}
#search_b {
	height: 18px;
	width: 210px;
	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 4px 0px;
	font-size: 12px; 
	vertical-align: middle; 
}
#search_bt {
	height: 22px;
	width:50px;
	padding:0px;
	background-color:#2189db;
	border-radius: 2px 2px 2px 2px;
	border-style:none;
	color:#ffffff; 
	font-size:11px;
	font-family: Verdana;
	text-align:center;
	vertical-align: middle; 
}
#slc_search {
	height:22px;
	width:130px;
	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px; 
	font-size:12px;
	vertical-align: middle; 
}
#news {
	line-height: 19px;
	margin: 0px 0px 10px 0px;
}
#news a{
	color: #666;
}
#news .ttlt {
	margin: 0px;
	padding: 5px 0px 0px 3px;
}
#news .ttl {
	margin: 0px;
	padding: 0px 0px 5px 3px;
}
#news .ttlt a{
	font-weight: bold;
	color: #333333;
}
#news .ttl a{
	font-weight: bold;
	color: #333333;
}
hr {
	border-top: 1px solid #e2e2e2;
	border-bottom: 0px;
	margin:	 10px 0px 10px 0px;
	text-align: left;
	width: 94%;
}
#ttl_rs{
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}
#ttl_lv{
	float: left;
	margin: 0px 0px 10px 0px;
	width: 130px;
}
#ttl_rv{
	color:#888;
	float: left;
	font-size: 10px;
	font-weight: normal;
}
#box_spr{
	clear: both;
	margin-bottom: 5px;
}
#unib{
    height: 18px;
    width: 111px;
	margin: 5px 0px 5px 0px;
	padding-right: 5px;
   	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px;
	text-align: right; 
    font-size:12px;
	font-family: Verdana;
}
#unis {
	height:22px;
	width:119px;
	margin: 0px;
	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px; 
    font-size:12px;
}
#unsf {
    float: left;
	margin-bottom: 5px;
}
#unst {
    float: left;
	margin-bottom: 5px;
}
#UN  {
	float: left;
	width: 145px;
}
#UNr  {
	float:left;
}
#UN input {
    display: none;
}
#UN label{
    display: block;
    float: left;
    cursor: pointer;
    width: 40px;
	height:19px;
    margin: 0;
    padding: 3px 0px 0px 1px;
    background: #bdc3c7;
    color: #666;
    font-size: 12px;
    text-align: center;
    transition: .2s;
}
#UN label:first-of-type{
    border-radius: 2px 0 0 2px;
}
#UN label:last-of-type{
    border-radius: 0 2px 2px 0;
}
#UN input[type="radio"]:checked + .switch-on {
    background-color: #a1b91d;
    color: #fff;
}
#UN input[type="radio"]:checked + .switch-off {
    background-color: #a1b91d;
    color: #fff;
}
table{
    font-size: 11px;
	margin: 0px 0px 0px 4px;
}
td.cen{
    text-align: center;
}
td.rig{
    text-align: right;
}
.ip{
   	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px;
    font-size:12px;
	font-family: Verdana;
    text-align:right;
    height:18px; 
    width:38px;
}
.np{
	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px;
    font-size:12px;
	font-family: Verdana;
    height:18px;
    text-align:right; 
    width: 55px;
}
.LG input {
    display: none;
}
.LG label{
    display: block;
    float: left;
    cursor: pointer;
    width: 40px;
	height:19px;
    margin: 0;
    padding: 3px 0px 0px 1px;
    background: #bdc3c7;
    color: #666;
    font-size: 12px;
    text-align: center;
    transition: .2s;
}
.LG label:first-of-type{
    border-radius: 2px 0 0 2px;
}
.LG label:last-of-type{
    border-radius: 0 2px 2px 0;
}
.LG input[type="radio"]:checked + .switch-on {
    background-color: #a1b91d;
    color: #fff;
}
.LG input[type="radio"]:checked + .switch-off {
    background-color: #a1b91d;
    color: #fff;
}
#vcal {
	height:22px;
	width:125px;
	border: 1px solid #cfcfcf;
	border-radius: 2px 2px 2px 2px; 
	font-size:12px;
	vertical-align: middle;
}
#ad {
	clear: both;
	margin: 0px 0px 10px 0px;
	background: url(img/bg_ad.gif);
	text-align: center;
}
#adaz {
	margin:0px 0px 10px 0px;
	height:195px;
	background:url(img/bg_adaz.gif);
	text-align:center;
}
#fx {
	float:left;
	width:138px;
	margin:0px 0px 10px 0px;
	padding: 0px;
	background-color:#ffffff;
}
#fx table {
	margin:0px 0px 0px 0px;
	color:#000;
}
#fx td {
	height: 20px;
	border: 0px;
}
td.fx1 {
	padding: 0px 0px 0px 0px;
	text-align: center;
}
td.fx2 {
	padding:0px 10px 0px 0px;
	text-align: right;
}
#horo {
	float:right;
	width:137px;
	margin:0px 0px 10px 0px;
	padding: 0px;
	background-color:#ffffff;
}
#horo table {
	margin:0px 0px 5px 0px;
	color:#000;
}
#horo td {
	height: 20px;
	border: 0px;
}
td.horo1 {
	padding: 0px 0px 0px 5px;
	text-align: right;
}
td.horo2 {
	padding:0px 0px 0px 5px;
	text-align: left;
}
#astro {
	float:right;
	width:137px;
	margin:0px 0px 10px 0px;
	padding: 0px;
	background-color:#ffffff;
}
#astro table {
	margin:0px 0px 0px 0px;
	color:#000;
}
td.astro {
	height: 20px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
td.astro2 {
	height: 21px;
	border: 0px;
	padding: 5px 0px 0px 0px;
	text-align: center;
}
#footer {
	clear: both;
	text-align: center;
	/*background: url(footer.jpg);
	background-repeat: no-repeat;
	background-position: center;*/
}
#footer a,#footer a:link,#footer a:visited {
	color: #aaaaaa;
	text-decoration: none;
}
#ftce {
	float:left;
	margin: 0px 0px 3px 0px;
	padding: 10px 0px 0px 0px;
	color: #aaaaaa;
	font-size:10px;
}
#ftsd {
	float:left;
	hieght: 10px ;
	display: block;
-webkit-transform: scale(0.1);
-webkit-transform-origin:0 0;
	width:180px;
	font-size: 1px;
	color: #f2f2f2;
}
#info {
	margin: 0px auto;
	padding: 10px 10px 10px 10px;
	width:395px;
	background: #fff;
}
#info .ttl {
	height: 18px;
	padding: 6px 0px 5px 10px;
	border: 1px solid #ddd;	 
}
#info .sp {
	margin: 20px 17px 20px 20px;	
	line-height: 19px;
	vertical-align:middle;
}
#info .kampa {
	vertical-align:bottom;
}
#info .ctc {
	text-align: right;
}
#info a,#info a:link,#info a:visited {
	color:#0088cc;
	text-decoration: none;
}