@charset "UTF-8";
/*###############################################
reset
###############################################*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
        display: block;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}
/*###############################################
common
###############################################*/
label {
	cursor:pointer;
}
a {
	color: #0080B9;
}
a:hover {
	color: #0080B9;
	text-decoration:underline;
}
.clear { 
	clear:both;
}
.centering {
	margin-left:auto;
	margin-right:auto;
}
.r10 {
	margin-right:10px;
}
.tx_right {
	text-align:right;
}
.tx10 {
	font-size:10px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
img.fl {
	margin:0 10px 0 0;
}
img.fr {
	margin:0 0 0 10px;
}
.read {
	padding:5px 5px 10px;
}
.mgt10 { margin-top:10px; }
.mgt20 { margin-top:20px; }
.mgt30 { margin-top:30px; }
.mgt40 { margin-top:40px; }
.mgt50 { margin-top:50px; }
.mgt50 { margin-top:50px; }
.mgt60 { margin-top:60px; }
.mgt70 { margin-top:70px; }
.mgt80 { margin-top:80px; }
.mgt90 { margin-top:90px; }
.mgt100 { margin-top:100px; }
.mgb10 { margin-bottom:10px; }
.mgb20 { margin-bottom:20px; }
p {
	font-size:14px;
	line-height:1.45;
}
p strong,
td strong {
	font-weight:bold;
}
.tal_r {
	text-align:right;
}
.tx_small {
	font-size:10px;
}
.tx_gr {
	color:#999999;
}
.tx_center {
	text-align:center;
}
.bone {
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}
.clearfix::after {
	content:'';
	display:block;
	clear:both;
}
/*###############################################
structure
###############################################*/
body {
	line-height:1.3;
	font: 77%/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	color:#0e0e0e;


}
#container {
	width:100%;
	margin:0 auto;
	position:relative;
}
#main {
}
#content {
	width:100%;
	max-width:1024px;
	margin:0 auto;
	min-height:600px;
}
#content p {
	line-height:1.6;
	font-size:16px;
}
img {
	vertical-align:bottom;
}

/*pagefoot*/
#pagefoot {
	width:100%;
	padding:40px 0;
	background-color:#362006;
	position:relative;
	z-index:50;
}

#pagefoot .inner {
	width:100%;
	max-width:1024px;
	margin:0 auto;
}
#pagefoot a {
	color:#fff;
	text-decoration:none;
}
#fnv ul {
	text-align:center;
}
#fnv li {
	display:inline-block;
	margin-right:15px;
}
#fnv li:last-child {
	margin-right:0;
}

#copy {
	border-top:1px solid #fff;
	margin-top:20px;
	padding-top:20px;
	font-size:12px;
	color:#fff;
	text-align:center;
}
#pagetop {
	display: none;
	position: fixed;
	bottom: 60px;
	right: 40px;
	z-index: 100;
}
#pagetop a {
	display: block;
	width:56px;
	height:56px;
	box-shadow:0 0 8px #CCC;
	background-color:#FFF;
	border:3px solid #B262A9;
	border-radius:3px;
	text-indent:-100px;
	text-align:left;
	font-size:10px;
	overflow:hidden;
	opacity:0.8;
	position:relative;
}
#pagetop a::after {
	display:inline-block;
	content:'';
	width:10px;
	height:10px;
	border-top:3px solid #B262A9;
	border-left:3px solid #B262A9;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-4px;
	margin-left:-4px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#pagetop a:hover {
	opacity:1.0;
}

/*tb_*/
.tb_normal,
.tb_normal th,
.tb_normal td {
	border:1px solid #CCC;
	border-collapse:collapse;
}

.tb_normal th,
.tb_normal td {
	padding:10px;
}
.tb_normal th {
	background:url(../img/bg_wh.gif) repeat-x 0 0 #F3F3F3;
	font-weight:bold;
	font-size:14px;
	color:#333;
	vertical-align:top;
	text-align:left;
}

.tb_normal td {
	font-size:14px;
	vertical-align:top;
}
.intable,
.intable th,
.intable td {
	padding:3px;
	margin:0;
	border:0 none;
}
figure img,li img {
	vertical-align:bottom;
}
/*st*/
.st1 {
	border-radius:4px;
	padding:12px 24px;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	background-color:#5e95b2;
}
.st2 {
    border-left: 6px solid #5e95b2;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 15px;
    padding: 2px 0 0 8px;
}
.st3 {
	background-color:#6d9add;
	color:#FFF;
	font-size:24px;
	line-height:24px;
	text-align:center;
	padding:15px 0;
	width:416px;
	margin-left:auto;
	margin-right:auto;
	border-radius:40px;
}
.st4 {
	font-weight:bold;
	color:#6d9add;
	font-size:24px;
	position:relative;
	line-height:24px;
	margin-left:36px;
}
.st4 span.num {
	position:absolute;
	left:-36px;
	top:-3px;
	color:#FFF;
	background-color:#6d9add;
	width:30px;
	height:30px;
	font-size:18px;
	text-align:center;
	border-radius:50%;
	padding-top:3px;
	box-sizing:border-box;
}
.st4 span.num::after {
    content: "";
    height:0;
    width:0;
    display: inline-block;
    border: 5px solid transparent;
    border-left-color: #6d9add;
    position: absolute;
    top:50%;
    right:-7px;
    margin-top:-5px;
}
.st5 {
	background-color:#f0aa6c;
	color:#FFF;
	font-size:24px;
	text-align:center;
	padding:15px 0;
	width:416px;
	margin-left:auto;
	margin-right:auto;
	border-radius:40px;
}
a.btn_see {
	width:337px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	background-color:#5e95b2;
	font-size:24px;
	color:#FFF;
	font-weight:bold;
	padding:18px 0;
	text-align:center;
	text-decoration:none;
	border-radius:4px;
	box-shadow:0 6px 0 #457e9c;
        transition: color 0.3s, box-shadow 0.3s, transform 0.3s;
       -webkit-transition: color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
}
a.btn_see span {
	display:inline-block;
	position:relative;
	text-indent:20px;
}
a.btn_see span::after {
    content: "";
    height:0;
    width:0;
    display: inline-block;
    border: 10px solid transparent;
    border-left-color: #FFF;
    position: absolute;
    top:50%;
    left:-0;
    margin-top:-10px;

}
a.btn_see:hover {
	box-shadow:0 3px 0  #457e9c;
	background-color:#5e95b2;
	transform: translateY(2px);
}
a.btn_see:active {
	box-shadow:0 1px 0  #457e9c;
	background-color:#5e95b2;
	transform: translateY(4px);
}
.large_click {
	cursor:pointer;
}
.large_click:hover a {
	color:#407692;
	text-decoration:underline;
}
.base_note {
	background-color:#FFF;
	min-height:800px;
	box-shadow:0 0 30px #CCC;

}
.base_notein {
	padding:90px 60px 90px 90px;
	background:url(../img/bg_file.png) repeat-y 0 25px;
	position:relative;
	left:-5px;
}

.ic {
	display:inline-block;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	vertical-align:middle;
	margin-right:10px;
}
.ic_cmt {
	background-image:url(../img/ic_cmt.png);
	position:relative;
	top:-5px;
}
.ic_note {
	background-image:url(../img/ic_note.png);
	position:relative;
}
.ic_site {
	background-image:url(../img/ic_site.png);
	position:relative;
	top:-2px;

}

a.back_top {
    background: #f9f9f9 linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%) repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 #ffffff inset;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 28px;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
}
a.back_top:hover {
    background: #e9e9e9 linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%) repeat scroll 0 0;
}
a.back_top span {
	position:relative;
	padding-left:10px;
}
a.back_top span::after {
    content: "";
    height:0;
    width:0;
    display: inline-block;
    border: 7px solid transparent;
    border-right-color: #666666;
    position: absolute;
    top:50%;
    left:-12px;
    margin-top:-8px;

}

/*retina*/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#gnv_top a {
		background-image:url(../img/gnv_top@2x.png);
		background-size: 26px 33px;
	}
}