@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------- reset */

html {overflow-y:scroll;font-size: 62.5%;}
header {font-size:14px;font-size:1.4rem;}
#main {font-size:14px;font-size:1.4rem;}
#sub {font-size:13px;font-size:1.3rem;}
small {font-size:12px;font-size:1.2rem;}
article, aside, footer, header, nav, section, dialog, figure, hgroup, menu {display: block;}
img { border: none;}
body {word-wrap:break-word; word-break:break-all;}
body, input, textarea, button, select {font-family:"Meiryo","メイリオ","ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","osaka","ＭＳ Ｐゴシック",sans-serif;}
* {margin: 0; padding: 0;}
a:link, a:visited, a:hover, a:active { text-decoration: none;cursor: pointer;}
a:link {color: #0033FF;text-decoration: none;}
a:visited {color: #0033FF;text-decoration: none;}
a:hover {color: #0033CC;text-decoration: underline;}
a:active {color: #0033CC;}
li {list-style-type: none;}

/*----------------------------------------------------------------------------------------------- 各所共通指定 */

.clfix:after {content: "."; display: block; clear: both;height: 0; visibility: hidden;}
.clfix {min-height: 1px;}
* html .clfix {height: 1px;/*¥*//*/height: auto;overflow: hidden;/**/}

.radius6 {border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius: 6px;}
.icon {background:url(images/icon.png) no-repeat;width:15px;height:15px;text-indent:-9999px;display:inline-block;vertical-align: middle;}
.new {border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius: 6px;padding:1px 5px;background-color:red;display:inline-block;line-height:15px;font-weight:bold;color:#fff;margin-left:15px;}

/*----------------------------------------------------------------------------------------------- レイアウト */

#wrapper {width:950px;margin:0 auto;font-size:13px;font-size:1.3rem;}
header {position:relative;width:950px;height:140px;background:url(images/header_img.png) no-repeat 0 0;}
#top_img {text-indent:-9999px;width:950px;height:315px;background:url(images/top1.jpg) no-repeat 0 0;margin:0 auto 30px auto;}
#contents { clear:both;position:relative;}
#main {
	width:630px;
	float:left;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 140px;
	margin-left: 0;
}
#sub {
	width:300px;
	float:right;
	position:absolute;
	top:3px;
	right:-1px;
	height: 1025px;
}
footer {
	background:url(images/footer_img.png) no-repeat 0 bottom;
	height:45px;
	position:relative;
	color:#fff;
}

/*----------------------------------------------------------------------------------------------- header */

h1 {
	position:absolute;
	top:10px;
	left:10px;
	color:#fff;
	font-size:11px;
	font-size:1.1rem;
	font-weight: normal;
	width: 738px;
}
#logo {
	position:absolute;
	top:47px;
	left:3px;
	width: 339px;
	height: 53px;
}
header .tel {
	position:absolute;
	top:44px;
	right:5px;
	text-indent:-9999px;
	width:215px;
	height:63px;
	background-image: url(images/tel1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}


.window {width:100%;height:315px;overflow: hidden;position: relative;}
.window .center_frame {left:0px;}
.islider {height: 315px;width: 950px;position:relative;margin:auto;}
.next_center_frame {top:-315px;left:4000px;}


/*----------------------------------------------------------------------------------------------- sub */

#reg p {text-indent:-9999px;width:300px;background:url(images/btn1.png) no-repeat;margin-bottom:15px;}
#reg p a {display:block;width:100%;height:100%;}
#reg p.R1 {background-position:0 0;height:70px;}
#reg p.R2 {background-position:0 0;height:70px;}
#reg p.R3 {background-position:0 -70px;height:45px;}
#reg p.R1:hover {background-position:-300px 0;}
#reg p.R2:hover {background-position:-300px -70;}
#reg p.R3:hover {background-position:-300px -70px;}

#sub .tel {
	text-indent:-9999px;
	width:300px;
	height:80px;
	margin-bottom:15px;
	background-image: url(images/tel-new.png);
	background-repeat: no-repeat;
	background-position: 45px 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#bnr p {float:left;}
#bnr p:nth-child(2n) {margin-left:10px;}

/*----------------------------------------------------------------------------------------------- main */

#main p {line-height:1.7em;margin-bottom:10px;}
h2, h2.h {border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius: 6px;padding:0 0 0 45px;background:url(images/icon_01.png) no-repeat 18px 18px #EFEFEF;margin:0 0 15px 0;line-height:50px;font-weight:normal;font-size:17px;font-size:1.7rem;user-select: none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;}
h2 {background:url(images/icon_05.png) no-repeat 18px 18px #EFEFEF;}
h2.h:hover {background-color:#ccc; cursor:pointer;}
h2.h.open {background:url(images/icon_02.png) no-repeat 18px 18px #ccc}
.content {margin:40px 0 40px 0;}
h3 {margin:45px 0 20px 0;border-bottom:1px solid #333;color:#333;}
h2 span {font-size:14px;font-size:1.4rem;padding-left:20px;}
#main .t1 {padding-bottom:20px;}
#main .t-small {font-size:12px;font-size:1.2rem;}


ul#step {list-style-type: none;}
#step li {padding: 8px 0 20px 0;color:#333333;border-bottom:1px solid #ccc;}
#step li li {font-size:12px;font-size:1.2rem;font-weight:normal;padding:5px 0 2px 50px;border-bottom:none;}
#step li i {display:inline-block;width:19px;height:21px;background:url(images/step.png) no-repeat 0 0;text-indent:-9999px;vertical-align: middle;margin-right:10px;}
#step .step1 {background-position:0 0;}
#step .step2 {background-position:0 -21px;}
#step .step3 {background-position:0 -42px;}
#step .step4 {background-position:0 -63px;}
#step .step5 {background-position:0 -84px;}
#step .step6 {background-position:0 -105px;}

.B1 {background-color:#FCFAF3;padding:20px;margin:25px 0 25px 0;
	-moz-box-shadow:0px 0px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.5);
	-webkit-box-shadow:0px 0px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.5);
	box-shadow:0px 0px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.5);
}
.B1 table {width:100%;font-size:12px;font-size:1.2rem;border-collapse: collapse;}
.B1 table th {text-align:left;font-weight:normal;border-bottom:1px solid #999;padding:7px;white-space:nowrap;}
.B1 table td {border-bottom:1px solid #999;border-left:1px dotted #999;padding:7px;white-space:nowrap;}
.B1 table span.f_blue {color:#0071bc;font-weight:bold;}
.f_red {color:#de1c24;font-weight:bold;}
.f_big {font-size:15px;font-size:1.5rem;}
.B1 table .price {color:red;font-weight:bold;}
.B1 table td.txt_r {text-align:right;}
.b1 td {text-align:center;width:150px;}
.b2 td {text-align:right;width:200px;}
.f_red i {text-indent:-9999px;display:inline-block;vertical-align: middle;width:15px;height:15px;background:url(images/icon_04.png) no-repeat 0 0;}

.btn_onlin {padding:2px 10px;background-color:#;}

#wrapper dl {margin:15px 0 20px 0;font-size:12px;font-size:1.2rem;}
#wrapper dt {font-weight:bold;margin:10px 0 5px 0;}
#wrapper dd {margin-left:30px;}

#footnavi {font-size:12px;font-size:1.2rem;}

.btn {width:160px;text-align:center;font-size: 13px;color: #ffffff;padding: 5px 15px;
	background: -moz-linear-gradient(top,#1f74db 0%,#1e61d4);
	background: -webkit-gradient(linear, left top, left bottom, from(#1f74db),to(#1e61d4));
	-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 2px solid #ffffff;
	text-shadow:0px -1px 0px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,0.3);
}
.btn a {color:#fff;}
.btn a:hover {text-decoration: none;}

#attend_plan {margin:30px 0 20px 0;}
#attend_plan img {margin-bottom:15px;}

/*----------------------------------------------------------------------------------------------- footer */

footer a:link {color: #fff;text-decoration: none;}
footer a:visited {color: #fff;text-decoration: none;}
footer a:hover {color: #fff;text-decoration: none;}
footer a:active {color: #fff;}
footer ul {position:absolute;top:17px;left:25px;}
footer li {display: inline-block; *display: inline; *zoom: 1;margin-right:15px;background:url(images/icon_03.png) no-repeat 0 center;padding-left:10px;line-hight:10px;}
footer small {position:absolute;top:17px;right:25px;}
#pagetop {
	position:fixed; bottom:25px; right:22px;background:url(images/gotop.png) no-repeat center center #0071d7;
	border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;height:50px;width:50px;text-indent:-9999px;}
#pagetop a {display:block;width:100%;height:100%;}


/*----------------------------------------------------------------------------------------------- form */

.F1 {margin:50px 0 80px 0;}
.F1 input, .F1 select {margin-bottom:5px;}


/*----------------------------------------------------------------------------------------------- スマホ */