@charset "shift_jis";

/* index
---------------------------------------------*/
body {
	background: repeat-x;
}
header {
	background: none;
	height: 146px;
}
header h1 {
	margin-bottom: 0;
	font-size: 11px;
	width: 980px;
	line-height: 1.5;
}
header .container #logo a {
	background: none;
	display: inline;
}
section {
	background: none;
	padding-bottom: 0;
}
section .pagetop {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
section .pagetop p a {
	display: block;
	background: url(/share/img/btn_pagetop.png) no-repeat;
	width: 120px;
	height: 35px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: -35px;
	right: 0;
}
section .pagetop a:hover {
	-moz-opacity: .75;
	-webkit-opacity: .75;
	opacity: .75;
}
section ol.sns {
	position: absolute;
	top: -35px;
	left: 0;
	overflow: hidden;
}
section ol.sns li {
	margin: 0 10px 0 0;
	float: left;
	padding: 3px;
}
section ol.sns li img { vertical-align: bottom; }
footer { margin: 0; }

.top_box {
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
}
.top_box img {
	vertical-align: bottom;
}
.top_box .reserve_box {
	float: left;
	width: 280px;
	font-size: 12px;
}
.top_box .reserve_box .inner {
	background: url(../../img/index/bg_reserve01.gif) no-repeat left center;
	height: 450px;
	width: 280px;
	position: relative;
}
.top_box .reserve_box ul.links {
	position: absolute;
	top: 5px;
	left: 15px;
}
.top_box .reserve_box ul.links li {
	line-height: 1.5;
}
.top_box .reserve_box ul.links li a {
	color: #4A516D;
	display: block;
	background: url(../../img/index/arrow01.png) no-repeat left center;
	padding: 0 0 0 10px;
}
.top_box .reserve_box .days {
	position: absolute;
	top: 46px;
	left: 15px;
}
.top_box .reserve_box h3 {
	text-align: center;
}
.top_box .searchCalendarBlock {
	display: table;
	margin: 0 0 5px;
}
.top_box .searchCalendarBlock p.btn {
	cursor: pointer;
}
.top_box .searchCalendarBlock p.btn:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
}
.top_box .searchCalendarBlock div {
	display: table-cell;
	vertical-align: middle;
}
.top_box .searchCalendarBlock div.searchCalendarLeft {
	width: 210px;
}
.top_box .searchCalendarBlock div.searchCalendarLeft h4 {
	height: 14px;
	overflow: hidden;
}
.top_box .searchCalendarBlock div.searchCalendarLeft h4 img {
	vertical-align: top;
}
.top_box .searchCalendarBlock select {
	border: 1px solid #b3b3b3;
	width: 53px;
	margin: 0 10px 0 0;
}
.top_box .searchCalendarBlock select:last-child {
	margin: 0;
	width: 63px;
}
.top_box .searchInputText {
	color: #4A516C;
	font-size: 12px;
	line-height: 1.2;
}
.top_box .searchInputText span {
	background: #f1f2f8;
}
.top_box .searchInputNoBlock {
	display: table;
	width: 100%;
	margin: 0 0 8px;
}
.top_box .searchInputNoBlock input,
.top_box .searchInputNoBlock span {
	display: table-cell;
}
.top_box .searchInputNoBlock input {
	border: 1px solid #ccc;
	padding: 3px;
	width: 194px;
	height: 23px;
}
.top_box .searchInputNoBlock span {
	padding: 0 0 0 4px;
	width: 41px;
}
.top_box .searchBtnArea {
	position: absolute;
	top: 235px;
	left: 15px;
	display: table;
	width: 250px;
}
.top_box .searchBtnArea p,
.top_box .searchBtnArea input {
	display: table-cell;
	vertical-align: top;
}
.top_box .searchBtnArea input:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
}
.top_box .searchBtnArea p {
	text-align: right;
	width: 130px;
}
.top_box .searchBtnArea_login {
	position: absolute;
	top: 222px;
	left: 15px;
	display: table;
	width: 253px;
}
.top_box .searchBtnArea_login p {
	display: table-cell;
	vertical-align: top;
	width: 98px;
}
.top_box .searchBtnArea_login p:first-child {
	width: 155px;
}
.top_box .invisible{
	visibility: hidden;
}
.top_box ul.toolTip{
	padding: 8px;
	background-color: #f2f2f2;
	color: #333;
	min-height: 30px;
	top: 180px;
	left: 0;
	position: absolute;
	font-size: 10px;
	margin-left: 1em;
	text-indent: -1em;
	z-index: 100;
	border: 1px solid #999;
	width: 250px;
}
.top_box ul.toolTip li{
	padding-left: 8px;
}
.top_box p.loginTxtA {
	position: absolute;
	top: 259px;
	left: 15px;
}
.top_box .choice_box {
	position: absolute;
	top: 299px;
	left: 97px;
	overflow: hidden;
}
.top_box .choice_box li {
	padding: 0 0 8px;
}
.top_box .res_btn {
	position: absolute;
	top: 406px;
	left: 50px;
}

.top_box .vs_box {
	float: right;
	width: 690px;
}
.top_box .slider_box {
	margin: 0 0 10px;
}
.top_box #slider {
	margin: 0;
	width: 690px;
	height: 290px;
	overflow: hidden;
}
.top_box #carousel {
	background: #1B385B;
	padding: 5px 15px;
	max-height: 55px;
}
.top_box .control {
	width: 690px;
	height: 55px;
	background: #1B385B;
	overflow: hidden;
}
.top_box .control li {
	float: left;
	padding: 5px 0 5px 1px;
}
.top_box .login_box {
	position: relative;
	height: 135px;
	width: 690px;
	background: #F1F2F8;
	color: #4A516D;
	background: url(../../img/index/bg_login.gif) no-repeat left center;
}
.top_box #bg_login {
	background: url(../../img/index/bg_login_on.gif) no-repeat left center;
}
.top_box .login_01 {
	position: absolute;
	top: 0;
	left: 0;
}
.top_box .login_02 {
	position: absolute;
	top: 12px;
	left: 192px;
}
.top_box .login_02 label img {
	vertical-align: middle;
}
.top_box .login_02 input {
	padding: 2px;
	width: 219px;
	height: 23px;
	border-top: 2px solid #c6c6ca;
}
.top_box .login_02 p.comm {
	font-size: 12px;
	line-height: 1.2;
	text-align: right;
	padding: 0 0 5px;
}
.top_box .login_03 .loginBtn {
	position: absolute;
	top: 8px;
	left: 433px;
}
.top_box .login_03 .loginKeep {
	position: absolute;
	top: 12px;
	left: 560px;
	display: table;
	width: 108px;
	padding: 5px;
}
.top_box .login_03 .loginKeep p {
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	line-height: 1.0;
}
.top_box .login_03 ul.links {
	position: absolute;
	top: 50px;
	left: 433px;
}
.top_box .login_03 ul.links li {
	line-height: 1.5;
}
.top_box .login_03 ul.links li a {
	font-size: 12px;
	line-height: 1.6;
	color: #4A516D;
	display: block;
	background: url(../../img/index/arrow01.png) no-repeat left center;
	padding: 0 0 0 10px;
}
.top_box .login_03 ul.links li:first-child a {
	font-size: 13px;
}
.top_box .login_03 .srmBtn {
	position: absolute;
	top: 93px;
	left: 433px;
}
.top_box .login_04 {
	position: absolute;
	top: 0;
	left: 10px;
}
.top_box .login_04 p {
	font-size: 12px;
	color: #fff;
	padding: 5px 0 10px;
}

.top_box .login_04 p:last-child {
	padding: 0;
}
.top_box .login_05 {
	position: absolute;
	top: 0;
	left: 150px;
}
.top_box .login_05 p {
	color: #4A516D;
	font-size: 12px;
}
.top_box .login_05 p.points span {
	display: inline-block;
	background: #fff;
	border-top: 1px solid #c6c6ca;
	width: 124px;
	text-align: right;
	height: 16px;
	padding: 3px;
	margin: 0 3px 0 0;
}
.top_box .login_05 .prmnum {
	display: table;
	width: 235px;
	padding: 5px 0 12px;
}
.top_box .login_05 .prmnum p {
	display: table-cell;
	line-height: 1.3;
	vertical-align: middle;
}
.top_box .login_05 .prmnum p:first-child {
	width: 190px;
}
.top_box .login_05 .prmnum p span {
	display: inline-block;
	background: #fff;
	border-top: 1px solid #c6c6ca;
	width: 20px;
	text-align: right;
	height: 16px;
	padding: 3px;
	margin: 0 3px 0 0;
}
.top_box .login_05 .pointInfo {
	display: table;
	width: 240px;
}
.top_box .login_05 .pointInfo p {
	display: table-cell;
	line-height: 1.3;
	vertical-align: middle;
}
.top_box .login_05 .pointInfo p:first-child {
	color: #d80000;
}
.top_box .login_05 .pointInfo p a {
	font-size: 12px;
	line-height: 1.6;
	color: #4A516D;
	display: block;
	background: url(../../img/index/arrow01.png) no-repeat left center;
	padding: 0 0 0 10px;
}
.top_box .login_06 {
	position: absolute;
	top: 0;
	left: 403px;
}
.top_box .login_06 p {
	color: #4A516D;
	font-size: 12px;
}
.top_box .login_06 .btnA {
	display: table;
	width: 250px;
}
.top_box .login_06 .btnA p {
	display: table-cell;
	vertical-align: top;
}
.top_box .login_06 .btnA p.btn {
	padding: 10px 0 0;
}
.top_box .l6info {
	position: absolute;
	top: 68px;
	left: 403px;
}
.top_box .l6info p {
	color: #4A516D;
	font-size: 12px;
	line-height: 1.2;
}
.top_box .l6info p:first-child {
	padding: 0 0 12px;
}
.top_box .l6info p a {
	font-size: 12px;
	line-height: 1.6;
	color: #4A516D;
	display: block;
	background: url(../../img/index/arrow01.png) no-repeat left center;
	padding: 0 0 0 10px;
}
.top_box .l6logout {
	position: absolute;
	top: 67px;
	left: 560px;
}
.top_box .l6logout p {
	color: #4A516D;
	font-size: 12px;
	line-height: 1.2;
}
.top_box .l6logout p.btn {
	padding: 0 0 7px;
}
.top_box .l6logout p.links a {
	font-size: 12px;
	line-height: 1.6;
	color: #4A516D;
	display: block;
	background: url(../../img/index/arrow01.png) no-repeat left center;
	padding: 0 0 0 10px;
}

.top_box2 {
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
}
.top_box2 .map_box {
	float: left;
	border: 4px solid #C9D4E3;
	width: 397px;
	height: 365px;
	position: relative;
}
.top_box2 .map_box p.bg {
	position: absolute;
	top: 0;
	left: 0;
}
.top_box2 .map_box h3 {
	position: absolute;
	top: 16px;
	left: 21px;
}
.top_box2 .map_box .btnA {
	position: absolute;
	top: 67px;
	left: 16px;
}
.top_box2 .map_box .btnB {
	position: absolute;
	top: 128px;
	left: 16px;
}
.top_box2 .map_box .popup_link {
	display: none;
	width: 265px;
	background: url(../../img/index/bg_pop.png) no-repeat left top;
	height: 154px;
	position: relative;
	z-index: 999;
}
.top_box2 .map_box .popup_link .inner {
	padding: 15px 12px;
}
.top_box2 .map_box .popup_link h4 {
	color: #133778;
	padding: 0 0 3px;
	font-size: 16px;
	font-weight: bold;
}
.top_box2 .map_box .popup_link a {
	color: #143778;
}
.top_box2 .map_box .popup_link ul li {
	float: left;
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
	line-height: 1.5;
	background: url(../../img/index/map_line.gif) no-repeat right center;
}
.top_box2 .map_box .popup_link p.close {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 10px;
	cursor: pointer;
}
.top_box2 .map_box #area01 {
	position: absolute; top: 43px; left: 276px;
}
.top_box2 .map_box #area02 {
	position: absolute; top: 123px; left: 277px;
}
.top_box2 .map_box #area03 {
	position: absolute; top: 99px; left: 221px;
}
.top_box2 .map_box #area04 {
	position: absolute; top: 142px; left: 231px;
}
.top_box2 .map_box #area05 {
	position: absolute; top: 169px; left: 196px;
}
.top_box2 .map_box #area06 {
	position: absolute; top: 137px; left: 133px;
}
.top_box2 .map_box #area07 {
	position: absolute; top: 187px; left: 141px;
}
.top_box2 .map_box #area08 {
	position: absolute; top: 191px; left: 83px;
}
.top_box2 .map_box #area09 {
	position: absolute; top: 211px; left: 330px;
}
.top_box2 .nav_box {
	float: right;
	width: 536px;
	background: #F1F2F8;
	padding: 12px 12px 0;
	overflow: hidden;
}
.top_box2 .nav_box li {
	float: left;
	padding: 0 10px 12px 0;
}
.top_box2 .nav_box li:nth-child(3n) {
	padding-right: 0;
}
.top_box2 .nav_box li img {
	vertical-align: bottom;
}

.top_box3 {
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
}
.top_box3 .info_box {
	float: left;
	width: 620px;
}
.top_box3 .nt_box .h2box {
	display: table;
	width: 100%;
	border-bottom: 2px solid #4A516D;
}
.top_box3 .nt_box .h2box h2,
.top_box3 .nt_box .h2box p {
	display: table-cell;
	vertical-align: middle;
}
.top_box3 .nt_box .h2box p {
	width: 50%;
}
.top_box3 .nt_box .h2box p:last-child {
	text-align: right;
}
.top_box3 .nt_box .h2box p a {
	font-size: 14px;
	line-height: 1.6;
	color: #4A516D;
	background: url(../../img/index/arrow01.png) no-repeat left center;
	padding: 0 0 0 10px;
}
.top_box3 .nt_box dl.news_dl {
	height: 140px;
	overflow: auto;
	width: 620px;
}
.top_box3 .nt_box dl.news_dl dt {
	clear: left;
	float: left;
	width: 110px;
	padding: 10px 5px;
	background: url(../../img/index/line01.png) no-repeat left top;
}
.top_box3 .nt_box dl.news_dl dd {
	margin-left: 120px;
	padding: 10px 5px;
	background: url(../../img/index/line01.png) no-repeat left top;
}
.top_box3 .nt_box dl.news_dl dd a {
	color: #333;
}
.top_box3 .nt_box dl.news_dl dt.first,
.top_box3 .nt_box dl.news_dl dd.first {
	background: none;
}
.top_box3 .nt_box dl.topics_dl {
	height: 140px;
	overflow: auto;
	width: 620px;
}
.top_box3 .nt_box dl.topics_dl dt {
	clear: left;
	float: left;
	width: 90px;
	padding: 10px 5px;
	background: url(../../img/index/line01.png) no-repeat left top;
}
.top_box3 .nt_box dl.topics_dl dt img {
	vertical-align: bottom;
}
.top_box3 .nt_box dl.topics_dl dd {
	margin-left: 100px;
	padding: 10px 5px;
	background: url(../../img/index/line01.png) no-repeat left top;
}
.top_box3 .nt_box dl.topics_dl dd a {
	color: #333;
}
.top_box3 .nt_box dl.topics_dl dt.first,
.top_box3 .nt_box dl.topics_dl dd.first {
	background: none;
}
.top_box3 .campaign_box {
	float: right;
	width: 330px;
	border-top: 3px solid #1B385B;
	border-bottom: 3px solid #d9d9d9;
	padding: 1px 0;
	background: #fff;
}
.top_box3 .campaign_box img {
	vertical-align: bottom;
}
.top_box3 .campaign_box .inner {
	background: #F1F2F8;
	height: 370px;
}
.top_box3 .campaign_box .inner h3 {
	padding: 32px 0 22px;
	text-align: center;
}
.top_box3 .campslider {
	margin: 0 auto;
	width: 270px;
}
section .top_box3 .campslider .flex-control-paging li a {
	width: 10px;
	height: 10px;
	background: url(../../img/index/slider_dot.png) transparent no-repeat left top;
	border: none;
	box-shadow: none;
}
section .top_box3 .campslider .flex-control-paging li a:hover,
section .top_box3 .campslider .flex-control-paging li a.flex-active {
	background: url(../../img/index/slider_dot_on.png) transparent no-repeat left top;
}
.top_box3 .campslider .flex-direction-nav .flex-disabled {
	opacity: 1!important;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
	cursor: pointer;
}
.top_box3 .campslider .flex-direction-nav .flex-prev {
	width: 9px;
	height: 16px;
	background: url(../../img/index/slider_ar01.png) no-repeat left top;
    left: -20px;
}
.top_box3 .campslider .flex-direction-nav .flex-next {
	width: 9px;
	height: 16px;
	background: url(../../img/index/slider_ar02.png) no-repeat left top;
    right: -20px;
}
.top_box3 .campslider .flex-direction-nav a {
	opacity:1;
}
.top_box3 .campslider .flex-direction-nav a:before {
	background: url(../../img/index/slider_dot.png) transparent no-repeat left top;
	content:"";

}


.top_box4 {
	background: #f1f2f8;
	border-top: 1px solid #d8d9df;
	padding-bottom: 40px;
}
.top_box4 .inner {
	width: 980px;
	margin: 0 auto;
}
.top_box4 .inner h4 {
	padding: 27px 0 28px;
	text-align: center;
}
.top_box4 .dakara_ul {
	width: 980px;
	color: #193859;
	overflow: hidden;
}
.top_box4 .dakara_ul li {
	float: left;
	width: 224px;
	padding: 0 28px 0 0;
}
.top_box4 .dakara_ul li:nth-child(4n) {
	padding: 0;
}
.top_box4 .dakara_ul li p.links {
	font-size: 17px;
	line-height: 1.4;
	font-weight: bold;
	padding: 0 0 5px;
}
.top_box4 .dakara_ul li p.links a {
	background: url(../../img/index/arrow02.png) no-repeat left center;
	color: #193859;
	display: block;
	padding: 0 0 0 15px;
}
.top_box4 .dakara_ul li p.exp {
	font-size: 12px;
	line-height: 1.4;
}
.top_box4 .banner_ul {
	padding: 33px 0 17px;
	overflow: hidden;
}
.top_box4 .banner_ul img {
	vertical-align: bottom;
}
.top_box4 .banner_ul li {
	float: left;
	width: 224px;
	padding: 0 28px 0 0;
}
.top_box4 .banner_ul li:nth-child(4n) {
	padding: 0;
}
.top_box4 .cat_box {
	padding: 0 0 15px;
	background: url(../../img/index/line02.png) no-repeat left bottom;
}
.top_box4 p.land_txt {
	margin: 0 auto;
	width: 980px;
	font-size: 12px;
	line-height: 1.4;
}