body	{
	font-weight: inherit;
    font-style: inherit;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}




/*****OTHER*******/
strong  {
    font-weight: bold;
}
.clear	{

	clear:both;
}
.left	{
	float:left;
}

.right	{
	float:right;
	
}
.pcenter	{
	width:570px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
h1	{
	position:relative;
	top:250px;
	font-weight:bold;
	color:white;
	margin-left:0px;
	margin-right:0px;
	font-size:250%;
	background:rgba(19, 62, 167, 0.6);
    width:410px;
    padding:15px 20px 20px;
    float:left;
}
h1 .t1  {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.6;
    margin: 0px;
    font-weight: 100;
    display: inline-block;
    margin-top: 15px;
}
h1 .t2  {
    font-size:30px;
    letter-spacing: 3px;
}




h3	{
	position: relative;
	font-size:16px;
    color:#034285;
    padding-bottom: 15px;
}
.text-title {
    font-size: 26px;
    position: relative;
    padding-top: .75em;
    border-top: 1px solid silver;
    padding-bottom: 20px;
    color:#333;
    margin-top:30px;
}
.text-title::after {
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 2;
  content: '';
    width: 30px;
    height: 15px;
    background-color: #034285;
}
.text-title span {
    font-size:14px;
    display: block;
    color:#666;
    font-weight: 100;
}
.program-box    {
    float:left;
    Width:50%;
}

#logo	{
	width:320px;
}
b	{
	font-size:85%;
}
.tr	{
	text-align:right;
}
.content	{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;

}
.st	{
	position:absolute;
	top:0px;
	right:0px;
}
.banner	{
	position:absolute;
	top:450px;
	right:20px;
}
.totop	{
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", "MS P Gothic",  Arial, Helvetica, sans-serif!important;
	background:url(../img/totop.png);
	background-position:left center;
	padding-left:20px;
	margin-left:10px;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:5px;
	float:right;
	margin-top:0px;
	margin-bottom:30px;
    border-bottom:1px solid #6a85c6;

}
.photo	{
	border:solid 1px #ddd;
	display:block;
	height:200px;
	width:200px;
	float:left;
	margin:40px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	overflow:hidden;
}
.photo p	{
	position:absolute;
	width:200px;
	color:#052D5D;
}
.photo-hover	{
	position:absolute;
	padding:20px;
	padding-top:80px;
	background:url(../img/photohover_bg.png);
	width:200px;
	height:200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	box-sizing:border-box;
	display:none;
}
.photo a	{
	color:white;
	font-size:90%;
	color:white;
}
.web_btn	{

    margin-left: auto;
    margin-right: auto;
    margin-top:30px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    height: 30px;
    width: 100px;
    color: white;
	background:url(../img/webbtn_bg.png);
    display: block;
    line-height: 30px;
    text-decoration: none;
    font-size: 90%;
    box-shadow: rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
    -webkit-box-shadow: rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
    -moz-box-shadow: rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
}
.web_btn:hover	{
	background:none;
	
}
.totop a	{
	color:#6a85c6;
    text-decoration: none;
}

.arrow	{
	position:relative;
	top:4px;
	left:20px;
}
.download	{
	
	/* border-radius */
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	background:#eee;
	display:block;
	/* box-shadow */
	
	width:250px;
	height:100px;
	position:relative;
	display:block;
	line-height:100px;
	box-shadow:rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
	-webkit-box-shadow:rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
	-moz-box-shadow:rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
	
}
.download a	{
	position:absolute;
	left:0px;
	text-decoration:none;
	box-sizing:border-box;
	font-size:90%;
	padding: 0px 20px;
	box-shadow:rgba(64, 64, 64, 0.431373) 0px 0px 5px 0px;
	-webkit-box-shadow:rgba(64, 64, 64, 0.431373) 0px 0px 5px 0px;
	-moz-box-shadow:rgba(64, 64, 64, 0.431373) 0px 0px 5px 0px;
	color:#eee;
	
}
.date	{
	border:1px solid rgb(255, 255, 255);
	/* border-radius */
	border-radius:7px;
	padding:10px 15px;;
	margin:10px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	color:white;
	-moz-text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	-ms-text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	display: inline-block;
}
.date a	{
	color:white;
	text-decoration:none;
}
.date a:hover	{
	color:#ddd;
	text-decoration:none;
}
.date-area	{
	position:relative;
	left:0px;
	top:60px;
	color:#ccc;
}
hr	{
	border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.200), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.200), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.200), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.200), rgba(0,0,0,0));
}

#some-element	{
	height:500px;
	width:100%;
	display:block;
}
#header	{
	height:500px;
	width:100%;
	display:block;
	position:absolute;
	top:0px;
	text-align:center;
	
}
#header-content {
    width: 1000px;
    margin: 0px auto;
    text-align: left;
}
@media (max-width:1100px)    {
    #header-content {
        width: 90%;
    }
}
@media (max-width:830px)    {
    #header-content {
        width: 100%;
        margin: 0px auto;
        text-align: center;
    }
}
#header-topbox	{
	border-top:0px;

}
#header-top	{
	margin: 0px auto 0px auto;
    width: 1000px;
    height: 85px;
    text-align: left;
    overflow: hidden;
	position: relative;
	z-index:9999;

}
.header-menu {
	float: right;
	position: relative;
	padding:0px;
    font-size: 15px;
    left: 0px;
    top: 30px;

}
.header-menu a {
	color:#034285;
	font-weight: bold;
	text-decoration: none;
    padding:5px 25px;
    border-left:1px solid silver;
}
.header-menu:nth-child(2) a   {
    border-right:1px solid silver;
}
.header-menu a:hover {
	color:#5e86e8;
	transition: 0.5s;
}

.spn li	{
	font-size:80%;
	background:#eee;
	padding:4px;
	border-bottom:solid 1px #ddd;
	padding-left:10px;
}
.spn li a	{
	color:#666;
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	text-decoration:none;
}
#container	{
	width:100%;
	display:block;
	background:white;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.688235) 0px -8px 24px -7px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.688235) 0px -8px 24px -7px;
	-moz-box-shadow:rgba(0, 0, 0, 0.688235) 0px -8px 24px -7px;
	z-index:99999999;
	position:absolute;
}
.btn	{
	position:relative;
	top:150px;
	margin-left:auto;
	margin-right:auto;
	border:2px solid rgb(255, 255, 255);
	/* border-radius */
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	height:50px;
	width:200px;
	/* box-shadow */
		color:white;

	display:block;
	line-height:50px;
	text-decoration:none;
	font-size:20px;
	box-shadow:rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
	-webkit-box-shadow:rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
	-moz-box-shadow:rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
	
}
.view_btn	{

	/* border-radius */
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	float:right;
	text-align:center;
	/* box-shadow */
	color:white;
	position:relative;
	display:block;
	padding:7px 20px;
	text-decoration:none;
	font-size:11px;
	box-shadow:rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
	-webkit-box-shadow:rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
	-moz-box-shadow:rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
	-moz-text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	-ms-text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	background:#2E4B6D;
	
	cursor:pointer;
	
}
.btn2	{

	margin-left:auto;
	margin-right:auto;
	/* border-radius */
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	height:50px;
	width:200px;
	text-align:center;
	/* box-shadow */
		color:white;
	position:relative;
	display:block;
	line-height:50px;
	text-decoration:none;
	font-size:20px;
	box-shadow:rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
	-webkit-box-shadow:rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
	-moz-box-shadow:rgba(64, 64, 64, 0.431373) 0px 2px 5px 0px;
	-moz-text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	-ms-text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	background:#2E4B6D;
	
}
.sub-text	{
	position: relative;
    left: 260px;
    top: 130px;
    color: #ccc;
	text-align: left;
	font-size:0.8em;
}
.btn2 a	{
	position:absolute;
	color:white;
	width:100%;
	height:100%;
	left:0px;
	text-decoration:none;
	font-size:90%;
}
.btn2:hover	{
	background:#ddd;
}
.btn:hover	{
	background:url(../img/btnbg.png);
	-moz-text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	-ms-text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.3);
	border:2px solid rgb(220, 220, 220);
	
}
.download-ico	{
	position:absolute;
	left:110px;
	height:85px;
	top:15px;
}
.download:hover	{
	background:#fff;
}

.defaultlist
,.defaultlist li{
	padding:3px 0px 3px 15px;;
	margin:0px;
    margin-bottom: 30px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list1 li{
	position:relative;
	padding-left:20px;
    border-bottom: 1px dotted silver;
    width:90%;
}
 
.list1 li:before{
    content: '';
    display: block;
    position: absolute;
    box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
    top: 11px;
    left: 2px;
    height: 0;
    width: 0;
    border-top: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 6px solid #4773de;
}
.list1 li a{
	font-size:13px;
    color:#4773de;
    text-decoration: none;
}
.list1 li a:hover {
	font-size:13px;
    color:#034285;
    text-decoration: none;
    transition: 0.5s;
}


p	{
	font-size:15px;
	font-weight: 100;
	color:#333;
	margin-bottom:1em;
	line-height:1.7em;
}
#footer	{
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #052165;
    padding: 30px 10px;
    letter-spacing: 1px;
}
.toolimg	{
	width:459px;
	margin-left:30px;
	margin-bottom:30px;
}
.visible-pc	{
	display: block;
}
.visible-phone	{
	display:none;
}
a.manualimg:hover img	{
	opacity: 0.7;
	transition:0.5s;
}
.manualimg img	{
	width:379px;
	margin-top:30px;
}

 
table	{
	margin:10px;
}
table th	{
	background:#DAEEF3;
	font-size:90%;
	padding:10px;
	border:solid 1px #ccc;
}
table td	{
	background:#efefef;
	font-size:90%;
	padding:18px 10px;
	border:solid 1px #ccc;
	position:relative;
	box-sizing: border-box;
	
}
table.annnai	{
	width:100%;
}
table.annnai tr td:first-child	{
	background:#DAEEF3;
	width:140px;
}
.hide	{
	display:none;
}
.box	{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */
	background: #ffd65e; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
	font-size:85%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px 20px;
	border:solid 1px #aaa;
}
#some-element	{
	background:url(../img/header.png);
	background-size:cover;
    background-position: center;
	opacity : 0;
}
#some-element2	{
	background:url(../img/header.png);
	background-size:200%;
	opacity : 0;
}
#some-element2 :hover	{

	opacity : 0.7;
}
#some-element3	{
	background:url(../img/header.png);
	background-size:300%;
	opacity : 0;
}
#some-element3 :hover	{

	opacity : 0.7;
}
.qa-q	{
	color:#D03D48;
	font-weight:bold;
	font-size:160%;
}
.qa-a	{
	color:#42A3CC;
	font-weight:bold;
	font-size:160%;
}
.top-explain	{
	color: #F1F1F1;
    top: 240px;
    position: relative;
    font-size: 0.8em;
}
.under-explain	{
	font-size: 0.9em;
	color: red;
	border: 1px solid red;
	text-align: center;
	width: 340px;
	margin: 0px auto;
	height: 70px;
}
.large	{
	font-size:1.3em;
	font-weight: bold;
}
li {
    font-size: 90%;
    color: #666;
}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    word-break: break-all;
}
.cp_qa dl {
	margin: 0;
}
.cp_qa dt {
	margin-bottom: 0.5em;
	padding: 0.2em 0.5em 0.5em 2em;
	border-radius: 0.2em;
	background: #034285;
    color:#fff;
    font-size:15px;
}
.cp_qa dd {
	margin-bottom: 1em;
	margin-left: 0;
    font-size:15px;
	padding: 0.5em 1em 1.5em 3em;
}
/* QAアイコン */
.cp_qa dt::before,.cp_qa dd::before{
	font-size: 1.5em;
	color: #ffffff;
}
.cp_qa dt::before {
	margin: 0.3em 0.3em 0 -1em;
	content: 'Q';
}
.cp_qa dd::before {
	margin: 0 0.5em 0 -2em;
	padding: 0.2em 0.4em;
	content: 'A';
	border-radius: 0.2em;
	background: #21ade5;
}


/* 横幅1400px以下 */
@media screen and (max-width: 1400px) {
    h1	{
        padding:15px 0px 20px;
    }
	.content	{
		width:100%;
		padding:5px 40px;
		box-sizing:border-box;
	}
	.visible-pc	{
		display: none;
	}
	.visible-phone	{
		display:block;
	}
	#header	{
		height:300px;
	}
	#some-element	{
		height:380px;
		background-size:cover;

	}
}
@media screen and (max-width: 1216px) {
	#header-top	{
		width:100%;
	}
	.content	{
		width:100%;
		padding:10px 40px;
		box-sizing: border-box;
	}

}
#facebook   {
    font-size:0.9em;
    color:#034285;
    text-decoration: none;
}
#facebook:hover   {
    transition: 0.5s;
    color:#4267c1;
}

/* 横幅839px以下 */
@media screen and (max-width: 839px) {
	.content	{
		width:100%;
		padding:10px;
		box-sizing:border-box;
	}
	.btn	{
		top:180px;
	}
	.banner	{
		top:440px;
	}
	.date-area{
		left:0px;
	}
	.toolimg	{
		width:300px;
	}
    .program-box    {
        float:none;
        Width:100%;
    }
}

/* 横幅830px以下 */
@media screen and (max-width: 830px) {
    h1	{
        padding:15px 0px 20px;
    }
	.content	{
		width:100%;
		padding:5px;
		box-sizing:border-box;
	}
	.visible-pc	{
		display: none;
	}
	.visible-phone	{
		display:block;
	}
	#header	{
		height:400px;
	}
	#some-element	{
		height:280px;
		background-size:cover;
        background-position: 58%;
	}
	.banner	{
		position:absolute;
		left:3px;
		height:30px;
		top:3px;
	}
	.date-area	{
		position:relative;
		left:0px;
		top:20px;
		
	}
	.date	{
		padding:7px;
		margin:5px;
	}
	h1	{
		position:relative;
		left:0px;
		top:155px;
		width:100%;
		line-height:200%;
		font-size:130%;
	}
	.top-explain	{
		top:190px;
		font-size:0.7em;
	}
	.under-explain	{
		font-size: 0.8em;
		width: 95%;
		margin: 0px auto;
		height: 60px;
	}
	.t2	{
		font-size:20px !important;
		margin-top:40px;
	}
	.btn	{
		position:relative;
		top:100px;
	}
	table.annnai	{
		width:90%;
	}
	.view_btn	{
		margin-top:10px;
		clear:both;
		
	}
	.content p	{
		padding:0px 10px;
	}
	.pcenter	{
		width:100%;
		float:none;
	}
	.photo	{
		margin-left:auto;
		margin-right:auto;
		float:none;
		margin-top:90px;
	}
	.tr	{
		font-size:80%;
	}
	.manualimg	img	{
		width:290px;
	}
	#logo	{
		width:320px;
	}

}
@media screen and (max-width: 630px) {
    .toolimg	{
		width:100%;
	}
}