@import url(https://fonts.googleapis.com/css?family=Fjalla+One);

/* --------------------------------
各項目の初期化
 --------------------------------*/
@charset "Shift_JIS";
* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration:none;
}
html, body {
	background-color: #FFF;
	color: #363636;
}
html {overflow-y: scroll;}
img {border: 0px;}
table{border-collapse:collapse;}

/* --------------------------------
画面共通項目レイアウト設定
 --------------------------------*/
body{
	font-size: 12px;
	color: #363636;
	background: #FFF;
	font-family: "メイリオ", Meiryo, Osaka, Tahoma, Genevam, sans-serif;
}
a {
	color: #005580;
	text-decoration: none;
	outline: none;
}
a:hover, a:focus {
	color: #F33243;
	text-decoration: none;
	outline: none;
}
/* --------------------------------
Header
 --------------------------------*/
.nav-bar{background: #F33344;}

.nav-wrap{margin:0 auto; width:1100px;height:263px; background: url(/images/bg_top_big.jpg) no-repeat;}
.nav-wrap img{float:left;margin:91px 0 0 10px;}

table.nav-top {float:right;}
table.nav-top th {float:right;margin:-66px 45px 0 0;}
table.nav-top ul li {float:right;padding:25px 3px 0 50px;}
table.nav-top li a{color: #FFF;font-family: "Meiryo", sans-serif;font-size: 14px; font-weight:300;}
table.nav-top li a:hover, a:focus{color: #FFFF00;font-family: "Meiryo", sans-serif; font-size: 14px;font-weight:300;}

#active{color: #FFFF00;}

.nav-wrap-sub{margin:0 auto; width:1100px;height:135px;}
.nav-wrap-sub img{float:left;margin:35px 0 0 10px;}

table.nav-top-sub {float:right;width:840px;}
table.nav-top-sub th {width:324px;height:135px;background: url(/images/bg_top.jpg) no-repeat;text-align:left;}
table.nav-top-sub th img {margin:0 15px 0 20px;}
table.nav-top-sub span {color:#605ca9;}
table.nav-top-sub ul li {float:right;padding:0 10px 0 50px;}
table.nav-top-sub li a{color: #FFF;font-family: "Meiryo", sans-serif;font-size: 14px; font-weight:300;}
table.nav-top-sub li a:hover, a:focus{color: #FFFF00;font-family: "Meiryo", sans-serif; font-size: 14px;font-weight:300;}


/* --------------------------------
Section設定
 --------------------------------*/
section {margin:0 auto; background:#D0F4F3;}
section#main{margin:0 auto; background:#D0F4F3;text-align:center; padding:30px 0;}

section#slide-main{margin:0 auto; background:#78CAC8;text-align:center;}
section#login{margin:0 auto;background:#F33344;}
section#forgot{margin:0 auto;background:#F33344;}

/* --------------------------------
login設定
 --------------------------------*/
.login-bg{margin:0 auto; width:1100px;min-height:510px;color:#FFF;background: url(/images/bg_login.jpg) no-repeat;}
.login-wrap{float:left;padding: 30px 0 20px 240px;}
.login-wrap h2 {font-size:16px;padding-left:20px; background: url(/images/login-h2.png) 0 2px no-repeat;}
.forgot-wrap{width:500;height:290px; padding: 30px;color:#FFF;}
.forgot-wrap h2 {font-size:16px;padding-left:20px; background: url(/images/login-h2.png) 0 2px no-repeat;}

/* --------------------------------
Slider設定
 --------------------------------*/
.slide{margin:0 auto; width:1100px;height:487px;}
#slideshow {position: relative;
	/* If you want to add content below the slideshow add
	overflow: hidden and height here. Also make this container
	smaller in height than the images and adjust the height
	with every @media query trigger point. */
}
#slideshow img {top:0;left:0;max-width: 1100px;height: auto;position: absolute;z-index:1;}
#slideshow img.active{z-index:3}

/* --------------------------------
SUB設定
 --------------------------------*/
table.sub {margin:0 auto; width:1100px;height:auto;}
table.sub th {width:260px;vertical-align:top;}
table.sub td {width:auto;vertical-align:top;}
table.sub h1 {font-size:20px;}
table.sub h2 {font-size:16px;padding-left:20px; background: url(/images/h2.png) 0 3px no-repeat;}
.point{font-size:14px;padding-left:18px; background: url(/images/point.png) 0 3px no-repeat;}
.sub-space {padding:30px 20px;}

table.three, table.four {width:800px}
table.three td {width:33%; padding-right:25px}
table.four td {width:25%;}
table.four p {font-size:14px;font-weight:bold;padding-top:10px;}

table.trial th {padding:10px 0;vertical-align:top;text-align:center;}
table.trial td {text-align:center;}


/* --------------------------------
BOX設定
 --------------------------------*/
table.box-a, table.box-b, table.box-e, table.box-f {background:#ade1e0;margin:0 auto; width:800px;height:auto;}
table.box-a th {width:90px;padding:10px;vertical-align:top;text-align:left;border-top: 1px solid #d0f4f3;}
table.box-a td, table.box-e td {width:auto;padding:10px;vertical-align:top;margin-top:1px;border-top: 1px solid #d0f4f3;}
table.box-a h3, table.box-b h3, box-c h3, table.box-e h3 {font-size:16px;padding:5px 0 5px 0;}

table.box-b th {width:60px;padding:10px;vertical-align:middle;text-align:center;border-top: 1px solid #d0f4f3;}
table.box-b td {width:370px;padding:10px;vertical-align:top;margin-top:1px;border-top: 1px solid #d0f4f3;}

table.box-c {clear:both;width:800px;text-align:left;}
table.box-c th {width:auto;}
table.box-c td {width:269px;}

table.box-d {background:#FFF; width:800px;text-align:left;}
table.box-d td {padding:20px;}

table.box-e th {width:190px;padding:10px;vertical-align:middle;text-align:left;border-top: 1px solid #d0f4f3;}

table.box-f th {background:#FFF;font-weight:normal;padding:10px;vertical-align:top;text-align:left;border-top: 1px solid #d0f4f3;}
table.box-f td, table.box-e td {padding:10px;vertical-align:top;margin-top:1px;border-top: 1px solid #d0f4f3;}
table.box-f span {font-weight:bold;padding-right:50px;}

table.box-g {margin:0 auto; width:860px;height:auto;}
table.box-g th {width:140px;padding:10px 0;vertical-align:middle;text-align:left;}

table.box-h {margin:0 auto; width:460px;height:auto;}
table.box-h th {width:90px;padding:10px 0;vertical-align:middle;text-align:left;}

table.box-i {width:800px;text-align:left;}
table.box-i th {width:130px;padding:5px 0;text-align:left;}
table.box-i td {padding:5px 0;text-align:left;}

* --------------------------------
TAB MENU 設定
 --------------------------------*/
#cnt_switch {
	width:800px;
	height:44px;
	margin:0 auto;
	position:relative;
}
#cnt_switch ul#switch_maincnt {
	list-style-type: none;
	width: 800px;
	overflow: hidden;
}
#cnt_switch ul#switch_maincnt li {
	float: left;
	height: 44px;  
	margin: 0;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}
#cnt_switch ul#switch_maincnt li a {
	display: block;
	height: 44px;
}
#cnt_switch ul#switch_maincnt li#btn_ev1 a.maincnt_on {
	width: 149px;background: url(/images/cur/btn_ev1.jpg) no-repeat;
}
#cnt_switch ul#switch_maincnt li#btn_ev1 a.maincnt_off {
	width: 149px;background: url(/images/cur/btn_ev1.jpg) 0 -44px no-repeat;
}
#cnt_switch ul#switch_maincnt li#btn_ev2 a.maincnt_on {
	margin-left:5px; width: 149px;background: url(/images/cur/btn_ev2.jpg) no-repeat;
}
#cnt_switch ul#switch_maincnt li#btn_ev2 a.maincnt_off {
	margin-left:5px; width: 149px; background: url(/images/cur/btn_ev2.jpg) 0 -44px no-repeat;
}
#cnt_switch ul#switch_maincnt li#btn_ev3 a.maincnt_on {
	margin-left:5px; width: 149px;background: url(/images/cur/btn_ev3.jpg) no-repeat;
}
#cnt_switch ul#switch_maincnt li#btn_ev3 a.maincnt_off {
	margin-left:5px; width: 149px; background: url(/images/cur/btn_ev3.jpg) 0 -44px no-repeat;
}
#cnt_switch ul#switch_maincnt li#btn_ev4 a.maincnt_on {
	margin-left:5px; width: 149px;background: url(/images/cur/btn_ev4.jpg) no-repeat;
}
#cnt_switch ul#switch_maincnt li#btn_ev4 a.maincnt_off {
	margin-left:5px; width: 149px; background: url(/images/cur/btn_ev4.jpg) 0 -44px no-repeat;
}


#cnt_switch ul#switch_maincnt li#btn_ev1 a {
	width: 149px; background: url(/images/cur/btn_ev1.jpg) 0 -44px no-repeat;
}
#cnt_switch ul#switch_maincnt li#btn_ev2 a {
	margin-left:5px; width: 149px; background: url(/images/cur/btn_ev2.jpg) 0 -44px no-repeat;
}
#cnt_switch ul#switch_maincnt li#btn_ev3 a {
	margin-left:5px; width: 149px; background: url(/images/cur/btn_ev3.jpg) 0 -44px no-repeat;
}
#cnt_switch ul#switch_maincnt li#btn_ev4 a {
	margin-left:5px; width: 149px; background: url(/images/cur/btn_ev4.jpg) 0 -44px no-repeat;
}

#cnt_switch ul#switch_maincnt li#btn_ev1 a.active,
#cnt_switch ul#switch_maincnt li#btn_ev1 a:hover {
	background: url(/images/cur/btn_ev1.jpg) no-repeat;
}
#cnt_switch ul#switch_maincnt li#btn_ev2 a.active,
#cnt_switch ul#switch_maincnt li#btn_ev2 a:hover {
	margin-left:5px; background: url(/images/cur/btn_ev2.jpg) no-repeat;
}
#cnt_switch ul#switch_maincnt li#btn_ev3 a.active,
#cnt_switch ul#switch_maincnt li#btn_ev3 a:hover {
	margin-left:5px; background: url(/images/cur/btn_ev3.jpg) no-repeat;
}
#cnt_switch ul#switch_maincnt li#btn_ev4 a.active,
#cnt_switch ul#switch_maincnt li#btn_ev4 a:hover {
	margin-left:5px; background: url(/images/cur/btn_ev4.jpg) no-repeat;
}

.tab_bg{background:#FFF; width:780px; padding:10px;text-align:center;}
#tab_level {width:100%;}
#tab_level p {font-size:16px;line-height:1.2em; color:#ed1c24;}
#tab_level td {width:25%;padding:5px;}
#tab_level img {border:1px solid #e1e1e1;}

/* --------------------------------
COLOR/SPACE/FONT SIZE設定
 --------------------------------*/
.red {color:#F33344;}
.yellow{color:#fff200;}
.blue-bg{background:#96D6D5;}
.white-bg{background:#FFF;}
.yellow-bg{background:#fff200;}
.space25{padding-right:20px;}
.left10{padding-left:10px;}
.left90{padding-left:90px;}
.left140{padding-left:140px;}
.right10{padding-right:10px;}
.top10{margin-top:5px;}
.top30{padding-top:30px;}
.center{text-align:center;}
.cur-nav a{padding:0 10px 0 10px}
.small {font-size: 10px;}
.bold{font-weight: bold;}
.center {width:800px; left: 50%;}

.circle {
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.main_video {width:auto; margin:0 auto;text-align: center;}
.three_center {margin: 0 13px; }
.three_quarter {width:auto; display:inline-block;text-align:center;}

/* --------------------------------
Footerレイアウト設定
 --------------------------------*/
#footer, #footer_sub {font-family: "Fjalla One";font-size: 10px;font-weight: normal;color:#656571;}
.container {margin:0 auto;width:auto; text-align:center;}
.container th{padding:20px 10px 20px 20px;}
.container a{padding:10px;font-family: Tahoma, Genevam, sans-serif;font-size: 10px;}

.footer_sub {margin:0 auto;width:1100px;background: url(/images/bg_footer.jpg) no-repeat;}

/* --------------------------------
INPUT設定
 --------------------------------*/
input[type=text] {padding:5px; border:1px solid #78CBC9; 
-webkit-border-radius: 5px;
border-radius: 5px;
}
input[type=text]:focus {border-color:#F33344; }

input[type=submit] {padding:5px 15px; background:#ccc; border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px; }

input[type=button]{
	-webkit-border-radius: 3px;
	border-radius: 3px;
   border:#78CBC9 1px solid;
   height:28px;
   padding:0 10px;
   cursor:pointer;
   color:#555;
   background:#f5f5f5;
}

/* --------------------------------
TEXTAREA設定
 --------------------------------*/
#demo textarea{
    font-size:14px;
    border: 1px solid #78CBC9;
    border-radius:5px;
    padding: 12px 0.8em;
}
 
#demo input{
    width:200px;
}
#demo input[type=text]:focus,
#demo textarea:focus {
  border-color:#F33344;
  outline:none;
  box-shadow:2px 2px 4px rgba(143,183,222,0.6),-2px -2px 4px rgba(143,183,222,0.6),inset 0 1px 2px rgba(0,0,0,0.2);
}

/* --------------------------------
Trial設定
 --------------------------------*/
.trial-page {
background : #EBEBEB url(/images/trial/bg.jpg) no-repeat ;
background-position: center;
width: 800px;
height: 600px;
}
.trial-page ul {
list-style:none;
float: right;
padding: 265px 200px 0 0 ;
}
.trial-page li {
padding-bottom: 65px ;
}

.contentspage {
background : #FFF;
background-position: center;
width: 800px;
height: 600px;
border:0;
}

/* =================================
   MAP設定
================================= */
#demo {
  margin: 0 auto;
  width: 800px;
  padding-bottom:10px;
}
#map {
  height: 440px;
}