/*=======================================================================

	❤❤❤ A Beautifully Responsive UI Kit. Perfected by Digital Surgeons. ❤❤❤
 
 ========================================================================*/
 
 hr.style-one {
	border: 0;
	height: 1px;
	background: #969696;
	background-image: -webkit-linear-gradient(left, #ededed, #969696, #ededed);
	background-image:    -moz-linear-gradient(left, #ededed, #969696, #ededed);
	background-image:     -ms-linear-gradient(left, #ededed, #969696, #ededed);
	background-image:      -o-linear-gradient(left, #ededed, #969696, #ededed);
}

hr.style-twe {
	border: 0;
	height: 1px;
	background: #ddd;
}

hr.style-tree {
	border: 0;
	height: 0;
	clear: both;
	background: none;
	width: 100%;
}

/*=======================================================================

	other
	
 ========================================================================*/

.mb_none {
	display: none;
}

@media only screen and (min-width: 769px) {
.mb_none {
	display: block;
}
}

.center_mag {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.left_mag {
	width: 100%;
	text-align: left;
}
.right_mag {
	width: 100%;
	text-align: right;
}

.return_index {
	text-align: right;
	float: right;
	margin-top: 30px;
}


/*=======================================================================

	link
	
 ========================================================================*/


.page_link {
    width: auto;
	position:relative;
	display:inline-block;
	margin: 10px auto;
	text-decoration:none;
	font-weight: normal;
	
    color: #2f60a1;
	text-shadow: 0 1px 0px #fff;
	font-family: Meiryo,"CI",Arial,Helvetica,Clean,"Hiragino Kaku Gothic Pro","qMmpS Pro W3",Osaka,"MS P Gothic","lr oSVbN",sans-serif;
	
background: #fff;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
	background: -moz-linear-gradient(top, #ffffff, #ffffff);
	
	border: 1px solid #dbdbdb;
	
	-moz-box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4),
	inset 1px 0 1px 0px  rgba(255,255,255,0.5),
	inset -1px 0 1px 0px rgba(255,255,255,0.5),
	inset 0px -1px 0px rgba(255,255,255,0.5),
	inset 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4),
	inset 1px 0 1px 0px  rgba(255,255,255,0.5),
	inset -1px 0 1px 0px rgba(255,255,255,0.5),
	inset 0px -1px 0px rgba(255,255,255,0.5),
	inset 0px 1px 0px rgba(255,255,255,0.5);
	box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4),
	inset 1px 0 1px 0px  rgba(255,255,255,0.5),
	inset -1px 0 1px 0px rgba(255,255,255,0.5),
	inset 0px -1px 0px rgba(255,255,255,0.5),
	inset 0px 1px 0px rgba(255,255,255,0.5);
	
	cursor: pointer;
	line-height: 1;
	border-radius: 4px;
	}

.page_link:hover
 {
	text-shadow: 0 1px 0px #fff;
	
	background: #fefefe;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f9f7f4));
	background: -moz-linear-gradient(top, #fefefe, #f9f7f4);
	border: 1px solid #d8d4c8;
	border-top-color: #d6d3c8;
	border-bottom-color: #7a8aa0;
		
	-moz-box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4);
	box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4);
	
	}
	
	.page_link:visited {
		color: #2f60a1;
	}


	.page_link:focus,
	.page_link:active
	 {
	text-shadow: 0 1px 0px #fff;
	
	background: #fffbf4;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#f1ede1), to(#f3efe6));
	background: -moz-linear-gradient(top, #f1ede1, #f3efe6);
	
	border: 1px solid #c2c2c2;
	border-top-color: #dad6c9;
	border-bottom-color: #e5e2d7;
	
		-moz-box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4),
	inset 1px 0 1px 0px  rgba(255,255,255,0.4),
	inset -1px 0 1px 0px rgba(255,255,255,0.4),
	inset 0px -1px 0px rgba(255,255,255,0.2),
	inset 0px 1px 1px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4),
	inset 1px 0 1px 0px  rgba(255,255,255,0.4),
	inset -1px 0 1px 0px rgba(255,255,255,0.4),
	inset 0px -1px 0px rgba(255,255,255,0.2),
	inset 0px 1px 1px -1px rgba(0,0,0,0.2);
	box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4),
	inset 1px 0 1px 0px  rgba(255,255,255,0.4),
	inset -1px 0 1px 0px rgba(255,255,255,0.4),
	inset 0px -1px 0px rgba(255,255,255,0.2),
	inset 0px 1px 1px -1px rgba(0,0,0,0.2);	
	
	}
	
	
		
.small_grey {
	padding: 12px 15px 12px 20px;
	font-size: 14px;
	font-size: 1.4rem;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-weight: bold;
	}
	
.big_grey {
	padding: 12px 15px 10px 20px;
	font-size: 14px;
	font-size: 1.4rem;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}


a.small_grey span {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 5px solid transparent;
	border-left-color: #2f60a1;
	left: 4px;
	top: 13px;
}
a.small_grey:hover span {
    border-left-color: #0066ee !important;
}


.text_grey {
	padding: 5px 8px 5px 13px;
	font-size: 14px;
	font-size: 1.4rem;

}
a.text_grey span {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 5px solid transparent;
    border-left-color: #2f60a1;
    left: 1px;
    top: 6px;
}
a.text_grey:hover span {
    border-left-color: #0066ee !important;
}



/*=======================================================================

	デベロッパーセンター
	
 ========================================================================*/

	
.dev {
	display: block;
	padding: 6px 21px 5px 13px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 14px;
	font-weight: normal;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.dev span {
	display: block;
	font-size: 10px;
	font-size: 1.0rem;
	text-align: center;
	margin-top: 0;
}


.dev_link {
    min-width: 30%;
	position:relative;
	display:inline-block;
	margin: 10px auto;
	text-decoration:none;
	text-align: center;
	
    color: #fff !important;
	font-family: Meiryo,"CI",Arial,Helvetica,Clean,"Hiragino Kaku Gothic Pro","qMmpS Pro W3",Osaka,"MS P Gothic","lr oSVbN",sans-serif;
	
	background: #647380 url(../images/other_link.png) right top no-repeat;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fcfdfe)) url(../images/other_link.png) right top no-repeat;
	background: -moz-linear-gradient(top, #fff, #fcfdfe) url(../images/other_link.png) right top no-repeat;
	
	border: 1px solid #4a5a67;
	border-top-color: #4a5a67;
	border-bottom-color: #4a5a67;
	
	
	cursor: pointer;
	line-height: 1;
	border-radius: 4px;
	}

.dev_link:hover
 {
	color: #fff !important;
	text-decoration: none;
	
	background: #788692 url(../images/other_link.png) right top no-repeat;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fcfdfe)) url(../images/other_link.png) right top no-repeat;
	background: -moz-linear-gradient(top, #fff, #fcfdfe) url(../images/other_link.png) right top no-repeat;
	border: 1px solid #4a5a67;
	border-top-color: #4a5a67;
	border-bottom-color: #4a5a67;
		
	-moz-box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4);
	box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4);
	
	}
	
	.dev_link:visited {
		color: #46494e;
	}


	.dev_link:focus,
	.dev_link:active
	 {
	color: #46494e !important;
	text-shadow: 0 1px 0px #fff;
	
	background: #fcfdfe url(../images/other_link.png) right top no-repeat;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fcfdfe)) url(../images/other_link.png) right top no-repeat;
	background: -moz-linear-gradient(top, #fff, #fcfdfe) url(../images/other_link.png) right top no-repeat;
	
	border: 1px solid #4a5a67;
	border-top-color: #4a5a67;
	border-bottom-color: #4a5a67;
	
		-moz-box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4),
	inset 1px 0 1px 0px  rgba(255,255,255,0.4),
	inset -1px 0 1px 0px rgba(255,255,255,0.4),
	inset 0px -1px 0px rgba(255,255,255,0.2),
	inset 0px 1px 1px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4),
	inset 1px 0 1px 0px  rgba(255,255,255,0.4),
	inset -1px 0 1px 0px rgba(255,255,255,0.4),
	inset 0px -1px 0px rgba(255,255,255,0.2),
	inset 0px 1px 1px -1px rgba(0,0,0,0.2);
	box-shadow: 
	0px 1px 0px 0px rgba(255,255,255,0.4),
	inset 1px 0 1px 0px  rgba(255,255,255,0.4),
	inset -1px 0 1px 0px rgba(255,255,255,0.4),
	inset 0px -1px 0px rgba(255,255,255,0.2),
	inset 0px 1px 1px -1px rgba(0,0,0,0.2);	
	
	}

	


/*=======================================================================

	Buttons
	
 ========================================================================*/
	
	
	.bt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	color: #ffffff;
	padding: 1em 2em;
	background: -moz-linear-gradient(
		top,
		#45a9df 0%,
		#1f86c2);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#45a9df),
		to(#1f86c2));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #00679e;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
	
	
	
	
	
	.btn {
	  
		text-align: center;
		position: relative;
		display: inline-block;
		
		width: auto;
		min-height: 36px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 36px;
		border: 1px solid #5f6669;
		border-radius: 4px;
		cursor: pointer;
		margin: 0 auto 20px;

		-webkit-box-shadow: inset 0 1px 1px #fff,
			0 1px 1px rgba(0,0,0,0.3); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 1px 1px #fff,
					0 1px 1px rgba(0,0,0,0.3); /* Remove this line if you dont want a dropshadow on your buttons*/
		
		background: #ccc; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #dedede 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 0%,#dedede 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 0%,#dedede 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffffff 0%,#dedede 100%); /* IE10+ */
		background: linear-gradient(top, #ffffff 0%,#dedede 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
	}
	
	.btn:hover {
		-webkit-box-shadow: inset 0 1px 1px #fff,
			0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 1px 1px #fff,
					0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
		
		background: #d1d1d1; /* Old browsers */
		background: -moz-linear-gradient(top, #fff 0%, #d1d1d1 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fff 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fff 0%,#d1d1d1 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fff 0%,#d1d1d1 100%); /* IE10+ */
		background: linear-gradient(top, #fff 0%,#d1d1d1 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
	}

	
	.btn a, .btn a:visited {
		display: block;
		font-weight: bold;
		padding: 0 20px;
		text-align: center;
		text-decoration: none;
		color: #626262;
		text-shadow: 0 1px 1px #fff;
		line-height: inherit;
		white-space: nowrap;
	}
	
	.btn:hover a {
		display: block;
		font-weight: bold;
		padding: 0 20px;
		text-align: center;
		text-decoration: none;
		color: #525252;
		text-shadow: 0 1px 1px #fff;
		line-height: inherit;
	}
	
	
	.btn:active {
		background: #ccc; /* Old browsers */
		background: -moz-linear-gradient(top, #ddd 0%, #fff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#fff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ddd 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ddd 0%,#fff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ddd 0%,#fff 100%); /* IE10+ */
		background: linear-gradient(top, #ddd 0%,#fff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}

	.btn.primary {
	  font-size: 24px;
		height: 56px;
		line-height: 56px;
		border: 1px solid #7d180a;
		
		background: #c54224; /* Old browsers */
		background: -moz-linear-gradient(top, #ef6638 0%, #b62918 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef6638), color-stop(100%,#b62918)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ef6638 0%,#b62918 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ef6638 0%,#b62918 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ef6638 0%,#b62918 100%); /* IE10+ */
		background: linear-gradient(top, #ef6638 0%,#b62918 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6638', endColorstr='#b62918',GradientType=0 ); /* IE6-9 */
		
		-webkit-box-shadow: inset 0 1px 1px #fb926a,
			0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 1px 1px #fb926a,
					0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;

	}
	
	.btn.primary:hover {
		line-height: 56px;
		background: #ed754e; /* Old browsers */
		background: -moz-linear-gradient(top, #ed754e 0%, #c93e23 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed754e), color-stop(100%,#c93e23)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ed754e 0%,#c93e23 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ed754e 0%,#c93e23 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ed754e 0%,#c93e23 100%); /* IE10+ */
		background: linear-gradient(top, #ed754e 0%,#c93e23 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed754e', endColorstr='#c93e23',GradientType=0 ); /* IE6-9 */
	}
	
	.btn.primary a, btn.primary:hover a {
		color: #fff;
		text-shadow: 0 1px 2px #6f1c0e,
								 0 1px 0 #6f1c0e;
	}
	
	.btn.primary:active {
		background: #ed754e; /* Old browsers */
		background: -moz-linear-gradient(top, #c93e23 0%, #ed754e 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c93e23), color-stop(100%,#ed754e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #c93e23 0%,#ed754e 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #c93e23 0%,#ed754e 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #c93e23 0%,#ed754e 100%); /* IE10+ */
		background: linear-gradient(top, #c93e23 0%,#ed754e 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c93e23', endColorstr='#ed754e',GradientType=0 ); /* IE6-9 */
	}
	
	.btn.secondary { 
	  font-size: 24px;
		height: 56px;
		line-height: 56px;
		border-color: #1d692d;
	
		-webkit-box-shadow: inset 0 1px 1px #94dda6,
			0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 1px 1px #94dda6,
					0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
	
		background: #5dbb73; /* Old browsers */
		background: -moz-linear-gradient(top, #5dbb73 0%, #2d9047 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5dbb73), color-stop(100%,#2d9047)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #5dbb73 0%,#2d9047 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #5dbb73 0%,#2d9047 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #5dbb73 0%,#2d9047 100%); /* IE10+ */
		background: linear-gradient(top, #5dbb73 0%,#2d9047 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dbb73', endColorstr='#2d9047',GradientType=0 ); /* IE6-9 */
	}
	
	.btn.secondary:hover {
		background: #68ce80; /* Old browsers */
		background: -moz-linear-gradient(top, #68ce80 0%, #3cae5a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68ce80), color-stop(100%,#3cae5a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #68ce80 0%,#3cae5a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #68ce80 0%,#3cae5a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #68ce80 0%,#3cae5a 100%); /* IE10+ */
		background: linear-gradient(top, #68ce80 0%,#3cae5a 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68ce80', endColorstr='#3cae5a',GradientType=0 ); /* IE6-9 */
	}
	
	.btn.secondary a, .btn.secondary:hover a {
		color: #fff;
		text-shadow: 0 1px 2px #114a1e,
								 0 1px 0 #114a1e;
	}
	
	.btn.secondary:active {
		background: #68ce80; /* Old browsers */
		background: -moz-linear-gradient(top, #3cae5a 0%, #68ce80 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3cae5a), color-stop(100%,#68ce80)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #3cae5a 0%,#68ce80 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #3cae5a 0%,#68ce80 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #3cae5a 0%,#68ce80 100%); /* IE10+ */
		background: linear-gradient(top, #3cae5a 0%,#68ce80 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cae5a', endColorstr='#68ce80',GradientType=0 ); /* IE6-9 */
	}
	
	.btn.tertiary {
	  font-size: 20px;
		height: 46px;
		line-height: 46px;
		border-color: #c19114;
		
		background: #feeeb8; /* Old browsers */
		background: -moz-linear-gradient(top, #feeeb8 0%, #fed554 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feeeb8), color-stop(100%,#fed554)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #feeeb8 0%,#fed554 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #feeeb8 0%,#fed554 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #feeeb8 0%,#fed554 100%); /* IE10+ */
		background: linear-gradient(top, #feeeb8 0%,#fed554 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feeeb8', endColorstr='#fed554',GradientType=0 ); /* IE6-9 */
		
		-webkit-box-shadow: inset 0 2px 2px #fef9e9,
					inset 0 -3px 5px #fcaa20,
					0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 2px 2px #fef9e9,
					inset 0 -3px 5px #fcaa20,
					0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
	}
	
	.btn.tertiary:hover {
		background: #fef4d3; /* Old browsers */
		background: -moz-linear-gradient(top, #fef4d3 0%, #fcde7e 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef4d3), color-stop(100%,#fcde7e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fef4d3 0%,#fcde7e 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fef4d3 0%,#fcde7e 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fef4d3 0%,#fcde7e 100%); /* IE10+ */
		background: linear-gradient(top, #fef4d3 0%,#fcde7e 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef4d3', endColorstr='#fcde7e',GradientType=0 ); /* IE6-9 */
		
		-webkit-box-shadow: inset 0 2px 2px #fef9e9,
					inset 0 -3px 5px #fdc841,
					0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 2px 2px #fef9e9,
					inset 0 -3px 5px #fdc841,
					0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
	}

	.btn.tertiary a, .btn.tertiary:hover a {
		color: #6a4a00;
		text-shadow: 0 1px 2px #fff;
	}
	
	.btn.tertiary:active {
		background: #fef4d3; /* Old browsers */
		background: -moz-linear-gradient(top, #fcde7e 0%, #fef4d3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcde7e), color-stop(100%,#fef4d3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fcde7e 0%,#fef4d3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fcde7e 0%,#fef4d3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fcde7e 0%,#fef4d3 100%); /* IE10+ */
		background: linear-gradient(top, #fcde7e 0%,#fef4d3 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcde7e', endColorstr='#fef4d3',GradientType=0 ); /* IE6-9 */
	}
	
	.oval { 
		-moz-border-radius: 1000px;
		-webkit-border-radius: 1000px;
		border-radius: 1000px;
	}
	
	.btn.submit input {
	  font: 16px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	  font-weight: bold;
	  padding: 0 20px;
	  text-align: center;
	  text-decoration: none;
	  background: transparent;
	  color: #444;
	  text-shadow: 0 1px 1px #fff;
	  border: none;
	  margin: 0;
	  cursor: pointer;
	}

	.btn.submit {
		text-align: center;
	}
	
	.btn.left { 
		text-align: left; 
		text-indent: 12px;
	}
	
	

	
	
	/*=====================================================================
	
	 Resize your buttons (Works in conjunction with .primary, .secondary,
	 .tertiary button styles as well!)
	 	
	 =======================================================================*/
	

	
	.small.btn {
	  font-size: 12px;
		line-height: 24px !important;
		height: 24px;
	}
	
	.medium.btn {
	  font-size: 16px;
		line-height: 40px !important;
		height: 40px;
		max-width: 60%;
	}
	
	.large.btn {
	  font-size: 21px;
	   font-size: 2.1rem;
		line-height: 65px !important;
		min-height: 65px;
		padding: 0 1%;
		max-width: 97%;
		min-width: 40%;
		text-align: center;
	}
	.large.btn span {
		display: block;
		 font-size: 21px;
	   font-size: 2.1rem;
	   margin-top: -30px;
	}
	
	.dlb.btn {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 60px !important;
		height: 60px;
		padding: 0 13px;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.dlb.btn span {
		font-size: 10px;
		font-size: 1.0rem;
	}
	
	/* Mobile Buttons */
	
	@media only screen and (max-width: 767px) {
		.btn { display: block; }
		button.btn { width: 100%; padding-left: 0px; padding-right: 0px; }
		
		.btn.primary, .btn.secondary, .btn.tertiary, .btn.large {
			width: 100% !important;
		}
		
		.large.btn {
		font-size: 18px;
		font-size: 1.8rem;
		padding: 0 1%;
		}
		.large.btn span {
		display: block;
		 font-size: 18px;
	   font-size: 1.8rem;
	   margin-top: -30px;
	   }
		
		.btn.medium {
			min-width: 75% !important;
		}
		.dlb.btn {
		font-size: 18px;
		font-size: 1.8rem;
	}
	}
	
	@media only screen and (min-width:768px) and (max-width: 939px) {
	  /* Style adjustments for viewports between 768px and 940px */
	  
	  .btn.shrink a {
	    font-size: 90%;
	  }
	
	}
	
	/* Correct FF button padding, thx ZURB */
	@-moz-document url-prefix(http://) {
		input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner { border: 0; padding: 0; }
		input[type=submit].small.button		{ padding: 7px 20px 8px; }
		input[type=submit].medium.button	{ padding: 8px 34px 9px; }
		input[type=submit].large.button		{ padding: 9px 48px 10px; }
	}




    
    
/*=======================================================================

    Pagination
    
 ========================================================================*/
 
 
    ul.pagination { display: block; height: 24px; margin-left: -5px; }
    ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; }
    ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; }
    ul.pagination li.current a, ul.pagination li:hover a { border-bottom: solid 2px #00a6fc; color: #141414; }
    ul.pagination li.unavailable a { cursor: default; color: #999; }
    ul.pagination li.unavailable:hover a { border-bottom: none; }
		
	
	
/*=====================================================

   	Sub Navigation
   	
 ======================================================*/


  .subnav {
  	display: block;
    width: auto;
    overflow: hidden;
    margin: 0 0 18px 0;
    padding-top: 4px;
  }

  .subnav li, .subnav dt, .subnav dd {
    float: left;
    display: inline;
    margin-left: 9px;
    margin-bottom: 4px;
  }
  
  .subnav li:first-child, .subnav dt:first-child, .subnav dd:first-child {
  	margin-left: 0;
  }

  .sub-nav dt {
    color: #999;
    font-weight: normal;
  }

  .subnav li a, .subnav dd a {
  	color: #464646;
  	font-size: 15px;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .subnav li a:before {
	  content: "> "
  }
  
  .subnav li.active a, .subnav dd.active a {
    padding: 5px 9px;
    text-shadow: 0 1px 1px #77d58e;
  }
  
 
  
  
  /** Drawers **/
  
  .drawer {
    position: relative;
    width: 100%;
    max-height: 0;
    background: #222;
    -webkit-box-shadow: inset 0 -3px 5px #000,
      inset 0 3px 5px #000
    ;
    box-shadow: inset 0 -3px 5px #000,
      inset 0 3px 5px #000
    ;
    overflow: hidden;
    -webkit-transition-duration: .3s;  /* Saf3.2+, Chrome */
    -moz-transition-duration: .3s;  /* FF4+ */
    -ms-transition-duration: .3s;  /* IE10 */
    -o-transition-duration: .3s;  /* Opera 10.5+ */
    transition-duration: .3s;
  }
  
  .drawer.active {
    height: auto;
    max-height: 800px;
    -webkit-transition-duration: .5s;  /* Saf3.2+, Chrome */
    -moz-transition-duration: .5s;  /* FF4+ */
    -ms-transition-duration: .5s;  /* IE10 */
    -o-transition-duration: .5s;  /* Opera 10.5+ */
    transition-duration: .5s;
  }
  
  /** Intrinsic Ratio video embedding (maintains aspect ratio) **/
	
	body .video {
		width: 100%;
		position: relative;
		height: 0;
		padding-bottom: 56.25%;
	}
	
	.youtube.video, .vimeo.video {
		padding-top: 30px;
	}
	
	.video > video, .video > iframe, .video > object, .video > embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	/** Line Section Row Dividers **/
	
	
	.line {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom-style: solid;
		border-bottom-color: #ccc;
	}
	
	.thin.line {
		border-width: 1px;
	}
	
	.medium.line {
		border-width: 2px;
	}
	
	.thick.line {
		border-width: 4px;
	}
	
	
	/* Skip Links */
	
	.skipnav li {
		list-style-type: none;
	}
	
	.skipnav li:first-child {
	  margin-left: 0;
	}
	
	.skiplink a, .skipnav a {
	  background: #d6dce5;
	  color: #2d323a;
	  padding: 0.7em 1em;
	  border-radius: 4px;
	  text-shadow: 0 1px 1px #fff;
	  display: block;
	  width: 90%;
	}
	
	.skiplink a:hover, .skipnav a:hover {
	  background: #e5e9ef;
	}
	
	.skiplink a i, .skipnav a i {
	  margin-left: 10px;
	}
	

	/* Preformatted Text */
	
	pre {
		background-color: #1b1b1b;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 2px 2px #000;
		box-shadow: inset 0 2px 2px #000;
		border: 1px solid #e6ffeb;
		color: #fff;
		font-family: Courier, monospace;
		font-size: 14px;
		text-align: left;
		overflow: hidden !important;
		padding: 20px;
		white-space: pre-wrap;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	code {
		color: #D04526;
		font-family: Courier, monospace;
		font-size: 14px;
		padding: 2px 4px 2px 4px;
		background: #e7ffec;
		border-radius: 4px;
	}


  /* Contain floats: h5bp.com/q */ 
  .clearfix:before, .clearfix:after { content: ""; display: table; }
  .clearfix:after { clear: both; }
  .clearfix { zoom: 1; }





/*=====================================================

   	巻き込みリボン
   	
 ======================================================*/

/* 四角形 */
.rectangle {
    background: #7f9db9;
    height: 50px;
    width: 380px;
    position: relative;
    left:-15px;
    top: 30px;
    /* 重なり、一番上に表示 */
    z-index: 100;
}

.triangle-l {
    border-color: transparent #7d90a3 transparent transparent;
    border-style:solid;
    border-width:15px;
    height:0px;
    width:0px;
    position: relative;
    left: -30px;
    top: 65px;
    /* 重なり、一番下に表示 */
    z-index: -1;
}


/* ==========================================================================

   Styles targeting cavemen who still use printers.
   Who prints in 2012? Seriously...
   Inlined to avoid required HTTP connection: h5bp.com/r
   
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

}