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

/* clearfix*/
.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear: both;
}

.fs_8 {
	font-size: 0.8rem !important;
}
.fs_9 {
	font-size: 0.9rem !important;
}
.fs_10 {
	font-size: 1rem !important;
}
.fs_11 {
	font-size: 1.1	rem !important;
}
.fs_12 {
	font-size: 1.2rem !important;
}
.fs_13 {
	font-size: 1.3rem !important;
}
.fs_14 {
	font-size: 1.4rem !important;
}
.fs_15 {
	font-size: 1.5rem !important;
}

.t_red {
	color: #FF0004;
	font-weight: bold;
}

.t_a_c {
	text-align: center;
	font-weight: bold;
}

.f_r {
	float: right;
}

.pb_15 {
	padding-bottom: 15px;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 36px;
	padding: 10px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3bc1ff), color-stop(0.51, #1eb8ff), color-stop(0.49, #3fc2fe), color-stop(0.00, #86d9ff));
	background: -webkit-linear-gradient(top, #86d9ff 0%, #3fc2fe 49%, #1eb8ff 51%, #3bc1ff 100%);
	background: -moz-linear-gradient(top, #86d9ff 0%, #3fc2fe 49%, #1eb8ff 51%, #3bc1ff 100%);
	background: -o-linear-gradient(top, #86d9ff 0%, #3fc2fe 49%, #1eb8ff 51%, #3bc1ff 100%);
	background: -ms-linear-gradient(top, #86d9ff 0%, #3fc2fe 49%, #1eb8ff 51%, #3bc1ff 100%);
	background: linear-gradient(to bottom, #86d9ff 0%, #3fc2fe 49%, #1eb8ff 51%, #3bc1ff 100%);
	box-shadow:rgba(0, 0, 0, 0.498039) 0px -2px 2px -2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.498039) 0px -2px 2px -2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.498039) 0px -2px 2px -2px;
	z-index: 2;
}

header h1 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 2.5;
}

.main_content {
	margin-top: 56px;
}

.sb-toggle-left {
	position: absolute;
	left: 10px;
	background: url(../images/btn_menu.png) no-repeat 0 4px;
	background-size: 35px;
	line-height: 3;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.sb-menu {
	margin: 0;
	font-size: 14px;
}

.sb-menu li {
	border-bottom: 1px solid #00afec;
}

.sb-menu li a {
	background: url(../images/ico_sq.gif) no-repeat 12px 17px;
	background-size: 16px;
	padding: 15px 0 15px 35px;
	display: block;
	color: #444;
	text-decoration: none;
}

.sb-menu li a:hover {
	background-color: #ddd;
	opacity: 1;
}

.topvisual {
	width: 100%;
	border-bottom: 1px solid #999;
	vertical-align: bottom;
}

a img.topvisual:hover {
	background-color: #ddd;
	opacity: 0.5;
}

.campaign, .news_lists, .info_lists {
	margin: 0;
	border-bottom: 1px solid #999;
}

.campaign {
	position: relative;
	text-align: center;
	background-color: #FFF6F6;
	margin: 0;
	padding: 15px 10px;
}

.campaign a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:url(../images/ico_click.png) no-repeat 78% 86%;
	background-size: 20px;
}

.heading_g {
	width: 100%;
	padding: 10px 0 10px 15px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a1a1a1), color-stop(0.52, #a1a1a1), color-stop(0.48, #aaa), color-stop(0.00, #aaa));
	background: -webkit-linear-gradient(top, #aaa 0%, #aaa 48%, #a1a1a1 52%, #a1a1a1 100%);
	background: -moz-linear-gradient(top, #aaa 0%, #aaa 48%, #a1a1a1 52%, #a1a1a1 100%);
	background: -o-linear-gradient(top, #aaa 0%, #aaa 48%, #a1a1a1 52%, #a1a1a1 100%);
	background: -ms-linear-gradient(top, #aaa 0%, #aaa 48%, #a1a1a1 52%, #a1a1a1 100%);
	background: linear-gradient(to bottom, #aaa 0%, #aaa 48%, #a1a1a1 52%, #a1a1a1 100%);
	border-bottom: 1px solid #999;
	color: #fff;
	font-weight: bold;
}

.news_lists ul li, .info_lists ul li {
	padding-left: 16%;
	padding-bottom: 10px;
	margin-bottom: 8px;
	font-size: 15px;
	border-bottom: 1px dashed #ddd;
}

.news_lists ul li:last-child, .info_lists ul li:last-child {
	border: none;
	padding-bottom: 0;
}

.new {
	background: url(../images/ico_new.png) no-repeat 8px 10px;
	background-size: 45px;
}

.date {
	font-size: 12px;
}

#pagetop {
	width: 100%;
	background-color: #009fe8;
	padding: 15px 0;
	text-align: center;
	color: #fff;
}

#pagetop:hover {
	background-color: #abe5ff;
	opacity: 0.5;
}

footer {
	width: 100%;
}

footer ul {
  overflow: hidden;
  *zoom: 1;
  border-top: 1px solid #fff;
  letter-spacing: 0.05em;
  margin: 0;
}

footer li {
	width: 50%;
	float: left;
	background-color: #E4E4E4;
	border-bottom: 1px solid #f9f9f9;
	border-right: 1px solid #f9f9f9;
	text-align: center;
}

footer li:nth-child(2n) {
  border-right: none;
}

footer ul li a {
	font-size: 13px;
	color: #555;
	padding: 15px 10px;
	display: block;
}

footer ul li a.nav_2l {
	padding: 5px 10px;
}

footer ul li a:hover {
	background-color: #aaa;
	opacity: 0.5;
}

.copyright {
	width: 100%;
	height: 130px;
	background: url(../images/bg_footer.jpg) repeat 0 0;
	background-size: contain;
	padding-top: 20px;
}

.copyright p {
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 1rem;
}

.copyright p span {
	font-weight: bold;
	font-size: 14px;
}



/* eventページ */
.event_lists dl {
	padding: 20px 0 0;
}

.event_lists dl:last-child {
	padding-bottom: 20px;
}

.event_lists dl, .event_lists dt, .event_lists dd {
	width: 92%;
	margin: 0 auto;
	font-size: 16px;
}

.event_lists dt {
	background-color: #a0e6ff;
	padding: 10px;
	border-width : 1px 1px 1px 1px;
	border-style : solid;
	border-color: #666;
}

.event_lists dd {
	background-color: #ffffe1;
	padding: 10px;
	border-width : 0 1px 0 1px;
	border-style : solid;
	border-color: #666;
}

.event_lists dd:last-child {
	border-bottom: 1px solid #666;
}

.first {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.end {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}



/* syoukaiページ */
.qa_lists dl {
	padding: 15px 10px;
}

.qa_lists dl, .qa_lists dt, .qa_lists dd {
	width: 94%;
	margin: 0 auto;
	font-size: 16px;
}

.qa_lists dt {
	background: url(../images/ico_q.png) no-repeat 0 0;
	background-size: 24px;
	line-height: 1.5;
	padding-left: 30px;
	margin-bottom: 10px;
}

.qa_lists dd {
	background: url(../images/ico_a.png) no-repeat 0 0;
	background-size: 24px;
	line-height: 1.5;
	padding-left: 30px;
	margin-bottom: 20px;
}

.qa_lists dl dd:last-child {
	margin-bottom: 0;
}

.qa_lists dd img {
	width: 94%;
	margin: 10px 0;
}

.qa_lists span {
	display: block;
	margin-left: -15px;
}



/* aisatsuページ */
.union .text {
	width: 94%;
	margin: 15px auto 0 auto;
}

.union dl {
  background-color : #a0e6ff;
  border-width : 0 1px 1px 1px;
  border-style : solid;
  border-color: #666;
  width  : 94%;
  margin: 15px auto;
}
 
.union dt {
  float : left;
  clear : both;
  width : 20%;
  border-width : 1px 0 0 0;
  border-style : solid;
  border-color : #666;
  padding : 5px;
}
 
.union dd {
  margin-left : 20%;
  background-color : #ffffe1;
  border-width : 1px 0 0 1px;
  border-style : solid;
  border-color : #666;
  padding : 5px;
}



/* kameitenページ */
.tenpo_lists table {
	width: 100%;
	border-collapse: collapse;
}

.tenpo_lists table tr:nth-child(even) {
	background-color: #ffffee;
}

.tenpo_lists table th {
	background-color: #a0e6ff;
	padding: 10px;
	color: #444;
	border-bottom: 1px solid #555;
}

.tenpo_lists table td {
	padding: 10px;
	border: 1px solid #555;
}

.select-box_tenpo select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select-box_tenpo select {
	width: 100%;
	min-height: 40px;
	margin: 0;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	border-radius: 0;
	background: #eee;
	background: url(../images/ico_arrow01.png) right 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ccc), color-stop(0.52, #ddd), color-stop(0.48, #eee), color-stop(0.00, #fff));
	background: url(../images/ico_arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #eee 48%, #ddd 52%, #ccc 100%);
	background: url(../images/ico_arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%, #eee 48%, #ddd 52%, #ccc 100%);
	background-size: 12% 100%;
	overflow: hidden;
}

#anchor01, #anchor02, #anchor03, #anchor04, #anchor05, #anchor06, #anchor07, #anchor08, #anchor09, #anchor10, #anchor11, #anchor12, #anchor13, #anchor13, #anchor14, #anchor15, #anchor16, #anchor17, #anchor18, #anchor19, #anchor20, #anchor21, #anchor22, #anchor23, #anchor24, #anchor25, #anchor26, #anchor27, #anchor28, #anchor28, #anchor30 {
	margin-top: -66px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 66px; /* 打ち消し用のパディング */
}



/* bosyuページ */
.summary {
	
}

.summary .campaign {
	position: relative;
	text-align: left;
	border: 4px solid #448FF1;
	background-color: #FDFFED;
	margin: 0;
	padding: 15px 10px;
}

.summary ol {
	padding: 0 10px;
	list-style: none;
}

.summary ol li {
	margin-bottom: 15px;
	padding-left: 40px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #ddd;
}

.summary ol li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.no_1 {
	background: url(../images/ico1.png) no-repeat 0 0;
	background-size: 30px;
}
.no_2 {
	background: url(../images/ico2.png) no-repeat 0 0;
	background-size: 30px;
}
.no_3 {
	background: url(../images/ico3.png) no-repeat 0 0;
	background-size: 30px;
}

.price_table {
	margin-bottom: 20px;
}

.price_table table, .simu_table table {
	width: 94%;
	margin: 20px auto 0;
	padding: 0;
	border-collapse: collapse;
	text-align: center;
}

.price_table table th {
	padding: 5px;
	background-color: #ffff98;
	border: 1px solid #666;
}

.price_table table td {
	padding: 5px;
	width: 50%;
	border: 1px solid #666;
}

.price_table table .item {
	background-color: #009fe8;
	color: #fff;
	font-weight: bold;
}
.price_table table .price {
	background-color: #fff;
}

.simu_table {
	display: table;
	width: 94%;
	margin: 0 auto 20px;
}

.simu_table table td {
	padding: 5px;
	border: 1px solid #666;
}

.simu_table table .item {
	background-color: #ff6d1e;
	color: #fff;
	font-weight: bold;
}
.simu_table table .price {
	background-color: #ffecc9;
}

.simu_table table.simu01 {
	float: right;
	width: 90%;
}

.simu_table table.simu02 {
	float: right;
	width: 100%;
}

.simu_table table.simu03 {
	float: right;
	width: 98%;
	margin-bottom: 20px;
}

.simu04 {
	width: 100%;
}

.simu04 td {
	border: none !important;
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 12px !important;
}

.clearico {
	background-color: #fff;
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	font-size: 30px;
}

.tokuten {
	padding: 20px 10px 10px;
}

.tokuten h3 {
	margin-bottom: 5px;
}

.tokuten h3 span {
	color: #009fe8;
}

.tokuten p {
	margin-bottom: 15px;
}

.tokuten dl {
  background-color : #37c0ff;
  border-width : 0 1px 1px 1px;
  border-style : solid;
  border-color: #666;
  width  : 94%;
  margin: 15px auto;
}
 
.tokuten dt {
  float : left;
  clear : both;
  width: 60%;
  border-width : 1px 0 0 0;
  border-style : solid;
  border-color : #666;
  padding : 5px;
  color: #fff;
  font-weight: bold;
}
 
.tokuten dd {
  margin-left : 60%;
  background-color : #c2ecff;
  border-width : 1px 0 0 1px;
  border-style : solid;
  border-color : #666;
  padding : 5px;
}



/* toiawaseページ */
#mailforms {
	padding: 20px 10px;
	background-color: #eee;
}

#mailform span.koumoku {
	display: inline-block;
	width: 45%;
	padding:10px;
}

#mailform span.hissu {
	color: #FF0066;
}

#mailform input.text{
	clear:both;
	width: 45%;
}

form#mailform textarea{
	clear:both;
	width: 90%;
	height: 5rem;
	margin: 8px;
}

#mailform span.button {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 15px;
}

#mailform input.button {
	width: 60%;
	padding: 0.5rem;
	font-size: 16px;
	-webkit-appearance: none;
	background-color: #F4B131;
	border-radius: 5px;
	box-shadow: none;
	border: 1px solid #ccc;
	color: #fff;
}

#mailform input.button:hover {
	background-color: #E7751B;
	opacity: 1;
}

/* toiawaseページ */
.sitemap_lists ul {
	width: 100%;
	margin: 0;
}

.sitemap_lists li {
	border-bottom: 1px solid #666;
}

.sitemap_lists li:last-child {
	border-bottom: none;
}

.sitemap_lists li a {
	display: block;
	padding: 15px 20px;
	color: #444;
}

.sitemap_lists li a:hover {
	background-color: #aaa;
}