@charset "utf-8";
/* ===================================================================
CSS information
 file name  :common.css
 author     :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background: url(../images/bg_main.png);
	color: #3c3c3c;
	font-size: small;
	font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
	line-height: 1.6;
	letter-spacing: -0.2px;
}

/*font-face*/
a:link {
	color: #333333;
	text-decoration: underline;
}

a:visited {
	/*color: #333333;*/
	colof: #5f91b0;
	text-decoration: underline;
}

a:hover {
	color: #333333;
	text-decoration: none;
}

a:active {
	color: #333333;
	text-decoration: underline;
}

address {
	font-style: normal;
}

#fb-root {
	display: none;
}

img {
	vertical-align: top;
}

a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

/* メディアクエリ　コピー用
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 640px) {

}
*/
/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
/* clearfix */
#hoge:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.txt_blu {
	color: #008ce1;
	font-size: 90%;
}

/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
#page {
	width: 100%;
	margin: 0 auto;
	background: url(../images/mainbg.jpg) center 0 no-repeat;
}

@media screen and (max-width: 1024px) {
  #page {
	background: none;
  }
}
/* -----------------------------------------------------------
	.box_top
----------------------------------------------------------- */
.con_top {
	width: 100%;
	height: 37px;
	border-bottom: 2px solid #bcbcbc;
	background: #2c424e;
	color: #a9a9a9;
}
.con_top .box_top {
	overflow: hidden;
	*zoom: 1;
	margin: 0 auto;
	max-width: 1024px;
	width: 100%;
}
.con_top .box_top .txt_keyword {
	display: inline-block;
	float: left;
	padding-top: 8px;
	font-weight: normal;
	font-size: smaller;
}
.con_top .box_top .nav_lang {
	overflow: hidden;
	*zoom: 1;
	float: right;
}
.con_top .box_top .nav_lang .st_lang {
	display: inline-block;
	float: left;
	margin-right: 15px;
	padding: 5px 18px 0 10px;
	min-height: 35px;
	background: url(../images/bg_st_la.png) right center no-repeat;
	background-color: #3f5968;
}
.con_top .box_top .nav_lang ul {
	display: inline;
	float: right;
	padding-top: 8px;
}
.con_top .box_top .nav_lang ul li {
	float: left;
	border-right: 1px solid #182e3a;
	border-left: 1px solid #3c5563;
}
.con_top .box_top .nav_lang ul li a {
	display: block;
	padding: .2em .5em;
	color: #a9a9a9;
	text-decoration: none;
	font-size: smaller;
}
.con_top .box_top .nav_lang ul li a:hover {
	background: #3f5968;
}

@media screen and (max-width: 1024px) {
  .con_top .box_top {
	padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .con_top .box_top .nav_lang .st_lang {
	display: none;
  }
}
@media screen and (max-width: 768px) {
  .con_top .box_top .txt_keyword {
	font-size: x-small;
  }
  .con_top .box_top .nav_lang {
	font-size: x-small;
  }
  .con_top .box_top .nav_lang a {
	font-size: x-small;
  }
}
@media screen and (max-width: 640px) {
  .con_top {
	height: auto;
	border-bottom: none;
  }
  .con_top .box_top {
	padding: 0;
	border-bottom: 1px solid #ccc;
  }
  .con_top .box_top .txt_keyword {
	display: none;
  }
  .con_top .box_top .nav_lang {
	float: none;
	text-align: center;
  }
  .con_top .box_top .nav_lang ul {
	overflow: hidden;
	*zoom: 1;
	float: none;
  }
  .con_top .box_top .nav_lang ul li {
	float: left;
	width: 25%;
	border: none;
	border-right: none;
	border-left: none;
  }
  .con_top .box_top .nav_lang ul li a {
	display: block;
	padding: .8em;
	text-decoration: none;
	font-size: smaller;
  }
  .con_top .box_top .nav_lang ul li a:hover {
	background: #2c424e;
  }
}
/* -----------------------------------------------------------
	header
----------------------------------------------------------- */
header {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto 10px;
	overflow: hidden;
	*zoom: 1;
}
header .box_logo {
	float: left;
	width: 23%;
}
header .box_logo h1 {
	padding-top: 30px;
	margin-bottom: 7px;
}
header .box_logo .tel {
	background: url(../images/dot_blue.png);
	font-family: "Times New Roman", Times, "ＭＳ 明朝", serif;
	font-size: large;
	line-height: 1;
	margin-bottom: 4px;
}
header .box_logo .tel span {
	background: #cde2f8;
	padding: 0 0.5em;
	margin-right: 1em;
}
header .box_nav {
	width: 75%;
	float: right;
	margin-top: 5px;
	overflow: hidden;
	*zoom: 1;
}
header .box_nav a {
	display: block;
	height: 64px;
	text-align: center;
	text-decoration: none;
}
header .box_nav .gnav {
	width: 88%;
	float: left;
	overflow: hidden;
	*zoom: 1;
}
header .box_nav .gnav li {
	width: 20%;
	padding: 0;
	float: left;
}
header .box_nav .gnav li a {
	display: block;
	height: 0;
	padding-top: 64px;
	overflow: hidden;
	*zoom: 1;
}
header .box_nav .gnav li a.menu_top {
	background: url(../images/menu/menu_top.png) 0 0 no-repeat;
}
header .box_nav .gnav li a.menu_roo {
	background: url(../images/menu/menu_roo.png) 0 0 no-repeat;
}
header .box_nav .gnav li a.menu_fac {
	background: url(../images/menu/menu_fac.png) 0 0 no-repeat;
}
header .box_nav .gnav li a.menu_res {
	background: url(../images/menu/menu_res.png) 0 0 no-repeat;
}
header .box_nav .gnav li a.menu_ban {
	background: url(../images/menu/menu_ban.png) 0 0 no-repeat;
}
header .box_nav .gnav li a.menu_bus {
	background: url(../images/menu/menu_bus.png) 0 0 no-repeat;
}
header .box_nav .gnav li a.menu_sta {
	background: url(../images/menu/menu_sta.png) 0 0 no-repeat;
}
header .box_nav .gnav li a.menu_sig {
	background: url(../images/menu/menu_sig.png) 0 0 no-repeat;
}
header .box_nav .gnav li a.menu_faq {
	background: url(../images/menu/menu_faq.png) 0 0 no-repeat;
}
header .box_nav .gnav li a.menu_acc {
	background: url(../images/menu/menu_acc.png) 0 0 no-repeat;
}
header .box_nav .gnav li a.menu_panf {
	background: url(../images/menu/menu_panf.png) 0 0 no-repeat;
}
header .box_nav .gnav li a:hover {
	background-position: 0 -64px;
}
header .box_nav .sub_nav {
	float: left;
	width: 12%;
}
header .box_nav .sub_nav li a {
	font-size: x-small;
	color: #fff;
	padding-top: 64px;
	overflow: hidden;
	*zoom: 1;
}
header .box_nav .sub_nav li.sv_con a {
	background: url(../images/menu/menu_con.png) 0 0 no-repeat;
}
header .box_nav .sub_nav li.sv_con a:hover {
	background-position: 0 -64px;
}
header .box_nav .sub_nav li.sv_ser a {
	background: url(../images/menu/menu_plan.png) 0 0 no-repeat;
}
header .box_nav .sub_nav li.sv_ser a:hover {
	background-position: 0 -64px;
}
header .box_nav .sub_nav li.sv_nav, header .box_nav .sub_nav li.sv_tel {
	display: none;
}
header .sp_ufj {
	display: none;
}

@media screen and (max-width: 1024px) {
  header .box_logo {
	padding-left: 5px;
  }
  header .box_nav .gnav li a {
	border-bottom: 1px solid #d9e3f2;
	background: url(../images/arrow_gnav.png) center 52px no-repeat !important;
	height: 64px;
	padding-top: 1.2em;
  }
  header .box_nav .gnav li a:hover {
	border-bottom: 5px solid #339FD9;
	background-position: center 52px;
  }
  header .box_nav .sub_nav li i {
	display: block;
	font-size: x-large;
	line-height: 1;
  }
  header .box_nav .sub_nav li a {
	background: url(../images/arrow_sub_nav.png) 95% 90% no-repeat;
	padding-top: .7em;
  }
  header .box_nav .sub_nav li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
  }
  header .box_nav .sub_nav li.sv_con a {
	background: #4D9FD0 none;
	border-bottom: 1px solid #fff;
  }
  header .box_nav .sub_nav li.sv_ser a {
	background: #D0BA64 none;
  }
  header .box_nav .sub_nav li.sv_nav, header .box_nav .sub_nav li.sv_tel {
	display: none;
  }
}
@media screen and (max-width: 768px) {
  header .box_logo .tel {
	font-size: small;
  }
}
@media screen and (max-width: 640px) {
  header {
	margin-bottom: 0;
  }
  header .box_logo {
	width: 140px;
  }
  header .box_logo h1 {
	padding-top: 12px;
	margin-bottom: 0;
  }
  header .box_logo .tel,
  header .box_logo .pc_ufj {
	display: none;
  }
  header .box_nav {
	width: 50%;
	margin-top: 0;
  }
  header .box_nav a {
	height: auto;
	padding-top: 0;
	padding-bottom: 0;
  }
  header .box_nav .gnav {
	display: none;
  }
  header .box_nav .sub_nav {
	width: 100%;
  }
  header .box_nav .sub_nav li {
	width: 33%;
	float: right;
  }
  header .box_nav .sub_nav li a {
	height: 50px;
	padding: 15px 0;
	line-height: 1;
  }
  header .box_nav .sub_nav li a p {
	display: none;
  }
  header .box_nav .sub_nav li.sv_con {
	display: none;
  }
  header .box_nav .sub_nav li.sv_nav, header .box_nav .sub_nav li.sv_tel {
	display: block;
  }
  header .box_nav .sub_nav li.sv_nav a {
	background-color: #02b0ce;
  }
  header .box_nav .sub_nav li.sv_tel a {
	background-color: #64c2d2;
  }
  header .sp_ufj {
	display: block;
	clear: both;
	width: 100%;
	border-top: 1px solid  #e2e2e2;
  }
  header .sp_ufj p {
	float: left;
	width: 50%;
	padding: 5px;
	font-size: x-small;
  }
  header .sp_ufj .img {
	padding-top: 10px;
	float: right;
  }
}
/* -----------------------------------------------------------
	.con_search
----------------------------------------------------------- */
.con_search {
	margin-bottom: 50px;
	padding: 20px 0;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	background: #fff;
	width: 100%;
	background: #fff;
}
.con_search .box_search {
	margin: 0 auto;
	max-width: 1024px;
	overflow: hidden;
	*zoom: 1;
}
.con_search .box_search .tit_box h3 {
	margin-bottom: 10px;
	padding-right: 5px;
	border-bottom: 1px solid #ccc;
	color: #CCAB38;
	vertical-align: bottom;
	font-weight: normal;
	font-size: xx-large;
	font-family: "Times New Roman", Times, "ＭＳ 明朝", serif;
}
.con_search .box_search .tit_box h3 i {
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px / 3px;
	border-radius: 3px / 3px;
	display: inline-block;
	margin-right: .5em;
	padding: .2em .3em;
	background: #CCAB38;
	color: #fff;
	font-size: large;
	line-height: 1;
}
.con_search .box_search .tit_box h3 span.cap {
	padding-left: .2em;
	color: #767676;
	font-size: small;
}
.con_search .box_search dl {
	float: left;
	padding-left: 20px;
	background: url(../images/bg_search.png) right 20px no-repeat;
}
.con_search .box_search dl.day {
	width: 27%;
}
.con_search .box_search dl.nin {
	width: 23%;
}
.con_search .box_search dl dt, .con_search .box_search dl dd {
	padding: 5px 0;
}
.con_search .box_search dl dt {
	padding-left: 15px;
	background: url(../images/ic_gold.png) 0 center no-repeat;
	width: 100%;
	font-weight: bold;
	border-right: 2px dotted #fff;
}
.con_search .box_search dl dt.last {
	border-right: none;
	background: #CCAB38;
}
.con_search .box_search dl dd ul {
	overflow: hidden;
	*zoom: 1;
}
.con_search .box_search dl dd ul li {
	float: left;
	width: 60%;
	margin-bottom: 5px;
}
.con_search .box_search dl dd ul li.odd {
	width: 40%;
}
.con_search .box_search .btn_search {
	width: 23%;
	padding-left: 20px;
	overflow: hidden;
	*zoom: 1;
}
.con_search .box_search .btn_search a {
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;
	background-color: #c9b458;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC9B458', endColorstr='#FFBC971E');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c9b458), color-stop(99%, #bc971e));
	background-image: -webkit-linear-gradient(top, #c9b458 0%, #bc971e 99%);
	background-image: -moz-linear-gradient(top, #c9b458 0%, #bc971e 99%);
	background-image: -o-linear-gradient(top, #c9b458 0%, #bc971e 99%);
	background-image: linear-gradient(top, #c9b458 0%, #bc971e 99%);
	color: #fff;
	display: inline-block;
	margin: 15px auto;
	padding: 1em;
	border: 0;
	text-decoration: none;
	font-weight: bold;
}
.con_search .box_search .btn_search a:hover {
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD8C56E', endColorstr='#FFCCAB38');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d8c56e), color-stop(100%, #ccab38));
	background-image: -webkit-linear-gradient(top, #d8c56e 0%, #ccab38 100%);
	background-image: -moz-linear-gradient(top, #d8c56e 0%, #ccab38 100%);
	background-image: -o-linear-gradient(top, #d8c56e 0%, #ccab38 100%);
	background-image: linear-gradient(top, #d8c56e 0%, #ccab38 100%);
	background-color: #d8c56e;
}
.con_search .box_search .btn_search a i {
	padding-right: .5em;
}
.con_search .box_search .btn_close {
	display: none;
	clear: both;
	margin: 0 auto;
	width: 30%;
}
.con_search .box_search .btn_close a {
	color: #fff;
	text-decoration: none;
	display: block;
	background: #2c424e;
	text-align: center;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;
	padding: .5em 0;
}
.con_search .box_search .btn_close a:hover {
	background: #000;
}
.con_search .box_search .btn_close i {
	padding-right: .5em;
}

@media screen and (max-width: 768px) {
  .con_search {
	display: none;
  }
  .con_search .box_search dl {
	float: left;
	margin-bottom: 20px;
  }
  .con_search .box_search dl.day {
	width: 35%;
  }
  .con_search .box_search dl.suu {
	width: 20%;
  }
  .con_search .box_search dl.nin {
	width: 45%;
  }
  .con_search .box_search dl.btn_search {
	width: 100%;
  }
  .con_search .box_search dl dt, .con_search .box_search dl dd {
	padding: .5em;
  }
  .con_search .box_search dl dt {
	border-right: none;
  }
  .con_search .box_search dl dt.last {
	display: none;
  }
  .con_search .box_search dl dd ul {
	overflow: hidden;
	*zoom: 1;
  }
  .con_search .box_search dl dd ul li {
	float: left;
	width: 50%;
	margin-bottom: 5px;
  }
  .con_search .box_search dl dd .btn_search {
	width: 50%;
	margin: 0 auto;
  }
  .con_search .box_search dl dd .btn_search button {
	width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .con_search .box_search .tit_box h3 {
	font-size: x-large;
  }
  .con_search .box_search dl {
	float: none;
	margin-bottom: 10px;
  }
  .con_search .box_search dl.day {
	width: 100%;
  }
  .con_search .box_search dl.suu {
	width: 100%;
  }
  .con_search .box_search dl.nin {
	width: 100%;
  }
  .con_search .box_search dl.btn_search {
	width: 100%;
  }
  .con_search .box_search dl dt.last {
	display: none;
  }
  .con_search .box_search dl dd ul {
	overflow: hidden;
	*zoom: 1;
  }
  .con_search .box_search dl dd ul li {
	float: left;
	width: 50%;
	margin-bottom: 5px;
  }
  .con_search .box_search dl dd .btn_search {
	width: 100%;
  }
}
/*----------------------------------------------------
	.con_mainimg 	内部のメインイメージ
----------------------------------------------------*/
.con_mainimg {
	max-height: 270px;
	overflow: hidden;
	*zoom: 1;
	background: url(../images/bg_main_img.png) 0 0 repeat-x;
}
.con_mainimg .box_mainimg {
	margin: 0 auto;
	max-width: 1024px;
	position: relative;
}
.con_mainimg .box_mainimg .box_intro {
	padding: 15px;
	max-width: 300px;
	position: absolute;
	top: 25px;
	left: 25px;
	background: rgba(125, 182, 234, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#804189d8', endColorstr='#804189d8');
}
.con_mainimg .box_mainimg .box_intro h2 {
	color: #fff;
	font-size: xx-large;
	font-family: "Times New Roman", Times, "ＭＳ 明朝", serif;
	width: 100%;
	border-bottom: 1px solid #c7daef;
	line-height: 1;
	padding-bottom: .2em;
	text-shadow: 2px 2px 0px #2663C3;
	font-weight: normal;
}
.con_mainimg .box_mainimg .box_intro .txt {
	color: #fff;
	padding-top: 1em;
	margin-bottom: 15px;
	border-top: 1px solid #4981ca;
	line-height: 1.8;
}
.con_mainimg .box_mainimg .box_pickup {
	width: 230px;
	height: auto;
	position: absolute;
	top: 0;
	right: 30px;
	background: #f2f4ff;
	-webkit-box-shadow: 0px 0px 5px 5px #666666;
	box-shadow: 0px 0px 3px 3px #666666;
}
.con_mainimg .box_mainimg .box_pickup .photo {
	height: 150px;
	overflow: hidden;
	*zoom: 1;
}
.con_mainimg .box_mainimg .box_pickup .photo img {
	max-width: 100%;
	height: auto;
}
.con_mainimg .box_mainimg .box_pickup h3 {
	padding: 15px 10px;
	font-weight: normal;
	border-bottom: 1px solid #d9e3f2;
}
.con_mainimg .box_mainimg .box_pickup .txt {
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 90%;
}
.con_mainimg .box_mainimg .box_pickup .btn {
	background: #3793da;
	border-bottom: 3px solid #337dd1;
	text-align: right;
}
.con_mainimg .box_mainimg .box_pickup .btn a {
	padding: 10px;
	color: #fff;
	display: block;
	background: #3793da;
	border-bottom: 3px solid #337dd1;
	text-decoration: none!important;
}
.con_mainimg .box_mainimg .box_pickup .btn i {
	font-size: 150%;
	vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .box_pickup {
	display: none;
	height: 150px;
	overflow: hidden;
	*zoom: 1;
  }
}
@media screen and (max-width: 640px) {
  .con_mainimg {
	height: 5px;
  }

  .con_mainimg .box_mainimg .photo {
	display: none;
  }

  .box_intro {
	display: none;
  }
}

/*----------------------------------------------------
	.con_mainimg_usj 	内部のメインイメージ
----------------------------------------------------*/
.con_mainimg_usj {
	max-height: 477px;
	overflow: hidden;
	*zoom: 1;
	background: url(../images/bg_main_usj_img.png) 0 0 repeat-x;
}
.con_mainimg_usj .box_mainimg {
	margin: 0 auto;
	max-width: 1024px;
	position: relative;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width: 100%;
  /*max-width: 1024px;*/
	margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  #contents {
    /*width: 96%;*/
	max-width: auto;
	overflow: hidden;
	*zoom: 1;
  }
}
#contents_inner {
	margin: 0 auto;
	padding: 40px 0;
	max-width: 1024px;
	overflow: hidden;
	*zoom: 1;
  /*background: #fff;*/
}
#contents_inner #main {
	width: 75%;
	float: left;
}

#side {
	width: 23%;
	float: right;
}
#side .sbanner h3 {
	padding-bottom: 5px;
	color: #000;
	font-size: 140%;
	font-family: "Times New Roman", Times, "ＭＳ 明朝", serif;
	font-weight: normal;
	background: url(../images/bg_st_marine.png) center bottom repeat-x;
}
#side .sbanner h3 i {
	font-size: large;
	display: inline-block;
	line-height: 1;
}
#side .sbanner h3 span.cap {
	font-size: small;
	color: #767676;
	padding-left: .2em;
}
#side .sbanner .box_sbanner {
	padding: 10px;
	background: #f6f6f6;
	text-align: center;
	overflow: hidden;
}
#side .sbanner .box_sbanner .bn_l {
	margin-bottom: 10px;
}
#side .sbanner .box_sbanner ul {
	overflow: hidden;
}
#side .sbanner .box_sbanner ul li {
	margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
  #contents_inner #main {
	margin-left: 1%;
	width: 70%;
  }

  #side {
	margin-right: 1%;
	width: 26%;
  }
}
@media screen and (max-width: 768px) {
  #contents_inner #main {
	margin: 0 1%;
	width: 98%;
	float: none;
  }

  #side {
	margin: 0 1%;
	width: 98%;
  }
  #side h3 span.cap {
	display: block;
  }
  #side .sbanner {
	padding-top: 30px;
  }

  .box_sbanner .bn_l {
	width: 0%;
	float: left;
  }
  .box_sbanner ul {
	width: 100%;
	float: right;
	overflow: hidden;
  }
  .box_sbanner ul li {
	/*width: 49%;*/
	margin: 0 1% 10px 0;
	float: left;
  }
  .box_sbanner ul li.bn_r {
	margin-right: 0;
  }
}
@media screen and (max-width: 640px) {
  #side .sbanner .box_sbanner .bn_l {
	width: 100%;
	float: none;
	text-align: center;
	margin-bottom: 10px;
  }
  #side .sbanner .box_sbanner ul {
	width: 100%;
	float: none;
  }
  #side .sbanner .box_sbanner ul li {
	width: 100%;
	margin: 0 0 10px 0;
	float: none;
	text-align: center;
  }
}
/*----------------------------------------------------
	#snav サイドのメニュー
----------------------------------------------------*/
#snav {
	margin-bottom: 30px;
	background: #fff;
}
#snav h3 {
	padding: 15px 5px 15px 15px;
	border-left: 1px solid #3c6985;
	border-right: 1px solid #3c6985;
	border-bottom: 1px solid #3c6985;
	border-top: 4px solid #73a0d3;
	background: #003b5f;
	color: #fff;
	font-size: 110%;
}
#snav h3 i {
	margin-right: 5px;
	padding: 0 3px;
	background: #73a0d3;
	color: #fff;
	font-size: 80%;
	vertical-align: middle;
	display: inline-block;
}
#snav .box_nav {
	border: 1px solid #dde6f4;
}
#snav .box_nav .cat {
	padding: 10px 5px 10px 25px;
	font-size: 95%;
	border-bottom: 1px solid #d0dff0;
	box-shadow: 0 1px 0 #9abae0;
	cursor: pointer;
	color: #fff;
	background: url(../images/ic_close.png) 15px 55% no-repeat #73a0d3;
}
#snav .box_nav .cat a {
	color: #fff;
	text-decoration: none;
	display: block;
}
#snav .box_nav .cat i {
	margin-right: 5px;
}
#snav .box_nav .cat.active, #snav .box_nav .cat.accord-open {
	background: url(../images/ic_open.png) 15px 55% no-repeat #8fb3dc;
}
#snav .box_nav ul {
	font-size: 90%;
	display: none;
}
#snav .box_nav ul li {
	border-bottom: 1px dotted #b2b2b2;
	position: relative;
}
#snav .box_nav ul li a {
	padding: 8px 5px 8px 25px;
	display: block;
	text-decoration: none;
}
#snav .box_nav ul li a:hover {
	background: #f2f4ff;
}
#snav .box_nav ul li i {
	position: absolute;
	top: 30%;
	right: 5px;
	padding: 0 3px;
	background: #41acde;
	color: #b3ddf2;
}
#snav .box_nav ul .selected a {
	background: #f2f4ff;
}
#snav .box_nav ul.accord-open {
	display: block;
}

@media screen and (max-width: 640px) {
  #snav .box_nav .cat.accord-open {
	background: url(../images/ic_close.png) 15px 55% no-repeat #73a0d3;
  }

  #snav .box_nav ul.accord-open {
	display: none;
  }
}
@media screen and (max-width: 480px) {
  #snav {
	margin-bottom: 0;
  }
}
/*----------------------------------------------------
	#topicpath
----------------------------------------------------*/
#topicpath {
	width: 100%;
	background: #fff;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: .5em 0;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
#topicpath ul {
	max-width: 1024px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
	font-size: x-small;
}
#topicpath ul li {
	float: left;
	margin-right: .5em;
}
#topicpath ul li i {
	padding-right: .5em;
	text-decoration: none;
	color: #2e6e95;
	font-size: small;
}
#topicpath ul li a {
	padding-right: 1.5em;
	background: url(../images/ic_topicpath.png) right center no-repeat;
}

@media screen and (max-width: 1024px) {
  #topicpath ul {
	padding: 0 10px;
	font-size: xx-small;
  }
  #topicpath ul li i {
	font-size: x-small;
  }
}
/*----------------------------------------------------
	#title 	メインタイトル
----------------------------------------------------*/
#title {
	padding: 15px 0 8px 0;
	color: #fff;
	text-align: center;
	position: relative;
  /*background: #f8aa33;*/
	background: #f5b757;
}
#title h2 {
	font-family: "Times New Roman", Times, "ＭＳ 明朝", serif;
	font-weight: normal;
	font-size: 270%!important;
}
#title h2 span {
	color: #723f25;
	font-size: 50%;
	vertical-align: middle;
}
#title .arrow {
	position: absolute;
	top: -1px;
	left: 50%;
	margin-left: -10px;
	z-index: 1;
	width: 20px;
	height: 12px;
	background: url(../images/st_arrow_white.png) 0 0 no-repeat;
}

/*----------------------------------------------------
	.pagination ページング
----------------------------------------------------*/
.pagination ul {
	text-align: center;
}
.pagination ul li {
	display: inline;
}
.pagination ul li a {
	padding: 6px 12px;
	border: 1px solid #e2e0e0;
	text-decoration: none;
	background: #e2e0e0;
}
.pagination ul .prev a, .pagination ul .next a {
	background: #3793da!important;
	color: #fff;
}
.pagination ul .active {
	padding: 6px 12px;
	border: 1px solid #286390;
	text-decoration: none;
	background: #e2e0e0;
}
.pagination .detail {
	padding: 15px 0 20px 0;
	text-align: center;
}

.pagination ul li a:hover {
	border: 1px solid #286390;
}

/* -----------------------------------------------------------
	.con_sns
----------------------------------------------------------- */
.con_sns {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}
.con_sns .btn_line {
	display: none;
}
.con_sns .box_sns {
	float: left;
}
.con_sns .box_sns li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
}
.con_sns .box_sns li.fb {
	width: 100px !important;
}
.con_sns .box_sns li.tw {
	width: 90px !important;
}
.con_sns .box_fnav {
	float: right;
}
.con_sns .box_fnav li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	margin-left: 10px;
}
.con_sns .box_fnav li a {
	display: block;
	padding: .5em 2em;
	color: #fff;
	text-decoration: none;
}
.con_sns .box_fnav li a i {
	padding-right: .5em;
}
.con_sns .box_fnav li.sitemap {
	background: #2e6e95;
}
.con_sns .box_fnav li.pagetop {
	background: #003b5f;
}

@media screen and (max-width: 640px) {
  .con_sns .btn_line {
	display: block;
	margin-bottom: 10px;
	text-align: center;
  }
  .con_sns .box_sns {
	float: none;
	padding: 1em 0;
	text-align: center;
  }
  .con_sns .pagetop {
	float: none;
	width: 100%;
  }
  .con_sns .pagetop a {
	text-align: center;
  }
  .con_sns .box_fnav {
	float: none;
  }
  .con_sns .box_fnav li {
	display: block;
	margin-left: 0;
  }
  .con_sns .box_fnav li a {
	display: block;
  }
  .con_sns .box_fnav li.sitemap {
	display: none;
  }
}
/* -----------------------------------------------------------
	footer
----------------------------------------------------------- */
footer {
	width: 100%;
	background: #2e6e95;
}
footer .nav_site {
	display: none;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 30px 0 20px;
	overflow: hidden;
	*zoom: 1;
	border-bottom: 1px solid #4f8cb3;
}
footer .nav_site .box_nav {
	float: left;
	width: 25%;
	overflow: hidden;
	*zoom: 1;
	font-size: small;
}
footer .nav_site .box_nav ul {
	margin-bottom: 20px;
}
footer .nav_site .box_nav ul li {
	margin-bottom: 5px;
}
footer .nav_site .box_nav ul li.gr {
	background: url(../images/arrow_blue.png) left center no-repeat;
	padding-left: 1.2em;
}
footer .nav_site .box_nav ul li a {
	color: #fff;
	text-decoration: none;
}
footer .nav_site .box_nav ul li a:hover {
	text-decoration: underline;
}
footer .nav_site .box_nav ul.lnk_in {
	margin-bottom: 0;
}
footer .nav_site .box_nav ul.lnk_in li {
	margin-bottom: 5px;
	padding-left: 2em;
}
footer .con_footer {
	position: relative;
	margin: 0 auto;
	padding: 50px 0;
	max-width: 1024px;
	width: 100%;
	background: url(../images/bg_bird.png) 35% 30px no-repeat;
}
footer .con_footer .box_fbn {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 330px;
}
footer .con_footer .box_fbn li {
	margin-bottom: 10px;
	width: 100%;
	color: #fff;
	font-size: 85%;
}
footer .con_footer .box_fbn li a {
	color: #fff;
	line-height: 1;
}
footer .con_footer .nav_site_sp {
	display: none;
}
footer .con_footer .nav_site_sp ul li {
	background-color: #ffffff;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEAEAEA');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(44%, #ffffff), color-stop(100%, #eaeaea));
	background-image: -webkit-linear-gradient(top, #ffffff 44%, #eaeaea 100%);
	background-image: -moz-linear-gradient(top, #ffffff 44%, #eaeaea 100%);
	background-image: -o-linear-gradient(top, #ffffff 44%, #eaeaea 100%);
	background-image: linear-gradient(top, #ffffff 44%, #eaeaea 100%);
}
footer .con_footer .box_address {
	overflow: hidden;
	*zoom: 1;
}
footer .con_footer .box_address .img_f {
	float: left;
	margin-right: 20px;
}
footer .con_footer .box_address address {
	float: left;
	color: #fff;
}
footer .con_footer .box_address address p {
	padding-bottom: 1em;
}
footer .con_asos {
	padding: 10px 0;
	background: #128aac;
	color: #fff;
	border-top: 1px solid #63bcd8;
}
footer .con_asos .box_asos {
	max-width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}
footer .con_asos .box_asos .logo {
	float: left;
	padding-right: 20px;
}
footer .con_asos .box_asos .txt {
	padding-top: 15px;
}
footer .copyright {
	text-align: center;
	padding: .5em 0;
	background: #003b5f;
	color: #fff;
	font-size: x-small;
}
footer .copyright a {
	text-decoration: none;
	color: #fff;
}

@media screen and (max-width: 1024px) {
  footer .nav_site {
	font-size: x-small;
  }
  footer .con_footer {
	width: 96%;
  }
}
@media screen and (max-width: 768px) {
  footer .box_fbn {
	width: 300px;
  }
}
@media screen and (max-width: 640px) {
  footer .nav_site {
	display: none !important;
  }
  footer .con_footer {
	width: 96%;
	padding: 10px 0;
	position: static;
	background: none;
  }
  footer .con_footer .box_fbn {
	position: static;
	width: 100%;
	margin-bottom: 20px;
  }
  footer .con_footer .box_fbn li {
	margin-bottom: 10px;
	width: 100%;
  }
  footer .con_footer .box_fbn li p {
	text-align: center;
  }
  footer .con_footer .nav_site_sp {
	display: block;
	margin-bottom: 20px;
  }
  footer .con_footer .nav_site_sp ul {
	overflow: hidden;
	*zoom: 1;
  }
  footer .con_footer .nav_site_sp ul li {
	float: left;
	width: 30%;
	margin-right: 5%;
  }
  footer .con_footer .nav_site_sp ul li:last-child {
	margin-right: 0;
  }
  footer .con_footer .nav_site_sp ul li a {
	color: #0272B6;
	font-size: xx-large;
	text-align: center;
	display: block;
	text-decoration: none;
	padding: .2em .5em;
	border: 1px solid #ccc;
  }
  footer .con_footer .box_address .img_f {
	display: none;
  }
  footer .con_footer .box_address address {
	float: none;
	text-align: center;
	font-size: x-small;
  }
  footer .con_footer .box_address address p {
	width: 100px !important;
	margin: 0 auto;
  }
}
/*----------------------------------------------------
	table
----------------------------------------------------*/
table.tbl_basic {
	width: 100%;
}

table.tbl_basic th,
table.tbl_basic td {
	border: 1px solid #cfcfcf;
	padding: 2px .5em;
}

table.tbl_basic tbody th {
	font-weight: normal;
	background: #81b0ec;
	color: #fff;
	text-align: center;
}

table.tbl_basic thead th {
	text-align: center;
	color: #fff;
}

table.tbl_basic td {
	background: #fff;
}

@media screen and (max-width: 640px) {
  table.tbl_basic tbody tr {
	display: block;
	margin-bottom: 1em;
  }

  table.tbl_basic tbody th,
  table.tbl_basic tbody td {
	display: list-item;
	border: none;
	list-style: none;
  }

  table.tbl_basic td dl dt,
  table.tbl_basic td dl dd {
	float: none;
  }

  table.tbl_basic th {
	width: 100%;
  }

  table.tbl_basic th br {
	display: none;
  }
}
/*----------------------------------------------------
	#gnav 	スマートフォン用グローバルメニュー
----------------------------------------------------*/
#gnav {
	padding: 10px 0;
	width: 100%;
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 9999;
	background: #fff;
}
#gnav ul {
	padding: 0 10px;
}
#gnav ul li {
	margin: 4px 0;
	padding: 5px 10px;
	font-size: 110%;
	border: 1px solid #e8e8e8;
	box-shadow: inset 0px 0px 0px 2px #fff;
}
#gnav ul li a {
	display: block;
	overflow: hidden;
	*zoom: 1;
	text-decoration: none;
	padding: 7px 0;
}
#gnav ul li i {
	padding-left: .5em;
}
#gnav #gnav-close {
	width: 96%;
	margin: 10px auto;
	background: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	padding: 5px 0;
}
#gnav #gnav-close a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

/*----------------------------------------------------
	ボタン
----------------------------------------------------*/
.btn_rsv a {
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;
	background-color: #c9b458;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC9B458', endColorstr='#FFBC971E');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c9b458), color-stop(99%, #bc971e));
	background-image: -webkit-linear-gradient(top, #c9b458 0%, #bc971e 99%);
	background-image: -moz-linear-gradient(top, #c9b458 0%, #bc971e 99%);
	background-image: -o-linear-gradient(top, #c9b458 0%, #bc971e 99%);
	background-image: linear-gradient(top, #c9b458 0%, #bc971e 99%);
	color: #fff;
}
.btn_rsv a:hover {
	background-color: #d8c56e;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD8C56E', endColorstr='#FFCCAB38');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d8c56e), color-stop(100%, #ccab38));
	background-image: -webkit-linear-gradient(top, #d8c56e 0%, #ccab38 100%);
	background-image: -moz-linear-gradient(top, #d8c56e 0%, #ccab38 100%);
	background-image: -o-linear-gradient(top, #d8c56e 0%, #ccab38 100%);
	background-image: linear-gradient(top, #d8c56e 0%, #ccab38 100%);
}
.btn_rsv .btn_detail a, .btn_detail .btn_rsv a {
	background-color: #ffffff;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE5E5E5');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background-image: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background-image: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background-image: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	border: 1px solid #dfdada;
}
.btn_rsv .btn_detail a:hover, .btn_detail .btn_rsv a:hover {
	background-color: #e5e5e5;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE5E5E5', endColorstr='#FFFFFFFF');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
	background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background-image: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background-image: linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
}
.btn_rsv a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 0.7em 1em;
	font-size: 120%;
}
.btn_rsv a i {
	padding: 0 0.3em 0 0;
}

.btn_detail {
  /*border: 1px solid #E2E2E2;*/
}
.btn_detail .btn_rsv a, .btn_rsv .btn_detail a {
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;
	background-color: #c9b458;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC9B458', endColorstr='#FFBC971E');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c9b458), color-stop(99%, #bc971e));
	background-image: -webkit-linear-gradient(top, #c9b458 0%, #bc971e 99%);
	background-image: -moz-linear-gradient(top, #c9b458 0%, #bc971e 99%);
	background-image: -o-linear-gradient(top, #c9b458 0%, #bc971e 99%);
	background-image: linear-gradient(top, #c9b458 0%, #bc971e 99%);
	color: #fff;
}
.btn_detail .btn_rsv a:hover, .btn_rsv .btn_detail a:hover {
	background-color: #d8c56e;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD8C56E', endColorstr='#FFCCAB38');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d8c56e), color-stop(100%, #ccab38));
	background-image: -webkit-linear-gradient(top, #d8c56e 0%, #ccab38 100%);
	background-image: -moz-linear-gradient(top, #d8c56e 0%, #ccab38 100%);
	background-image: -o-linear-gradient(top, #d8c56e 0%, #ccab38 100%);
	background-image: linear-gradient(top, #d8c56e 0%, #ccab38 100%);
}
.btn_detail a {
	background-color: #ffffff;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE5E5E5');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background-image: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background-image: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background-image: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	border: 1px solid #dfdada;
}
.btn_detail a:hover {
	background-color: #e5e5e5;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE5E5E5', endColorstr='#FFFFFFFF');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
	background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background-image: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background-image: linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
}
.btn_detail a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 0.5em;
	font-size: 90%;
}
.btn_detail a i {
	padding: 0 0.2em 0 0;
}