@charset "utf-8";

/*------------RESET CSS------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%; background: transparent; -webkit-text-size-adjust: none; } 
ol, ul { list-style: none; } 
table { border-collapse: collapse; border-spacing: 0; } 
legend { display: none; }
sup { bottom: 1ex; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; }
/*------------END RESET------------*/

body{font-family:Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,/*"游ゴシック","Yu Gothic","游ゴシック体","YuGothic",*/"Meiryo UI","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; margin:0; }

#wrapper{width:100%; background:#dfdfdf; margin:0; padding:0;}
	img{max-width:100%;height:auto;}
	.caution{display:none;font-weight:bold;color:#ff0000;text-align:center;background: #FFFBBD;padding: 0.25em 0.5em;border: solid 1px #FFD614;}
	.pathlist{list-style-type:none;}
	.content{width:700px;margin:0 auto;background:#ffffff url('login/images/hedder_logo.jpg') 0 0 no-repeat;border-left:solid 2px #ccc;border-right:solid 2px #ccc;}
	p{padding:0 2.5%;line-height:1.5;}
	.logo{margin:0;padding:3em 0 1em !important;width:100%; text-align:center;}
	.input{width:100%;margin:1em auto;text-align:center;}
	.nav{list-style-type:none;margin:2em 0;}
	.nav li{display:inline-block;/display:inline;/zoom:1;margin-right:0.5em;}
	.nav li a{font-size:100%;font-weight:normal;padding-right:0.5em;}
	.nav li span.title{font-size:100%;font-weight:normal;}
	.er_msg{color:#ff0000;font-weight:bold;margin:0.5em 0;padding:0.5em 0;border-bottom:solid 1px #dddddd;border-top:solid 1px #dddddd;background:#E8F1F0;}
	.input .btn-dl a{display: block;color: #ffffff;box-shadow:1px 1px 5px rgba(0,0,0,.3);text-decoration: none;border: solid 2px #28976b;width: 10em;padding: 0.5em 0em 0.5em 1em;margin: auto;font-weight: bold;border-radius: 20px;background:#36bd87 url(images/icon-dl.png) 30px center no-repeat;text-align:center;}
	.input table{max-width:600px;margin:1em auto 2em;border-collapse:collapse;border-spacing:0;}
	.input table th,table td{}
	.input table th{text-align:right;padding:1em 0;}
	.input table td{text-align:left;}
	.input table td.submit{text-align:center;}
	.input input{background:#F9F1CE;}
	.input .btn{padding:0.5em 1em;color: #FFF;background: #5CB85C;border: solid 1px #4CAE4C;cursor:pointer;font-weight:bold;border-radius:5px;font-size:14px;}
	.txt04{font-size:90%;}
	.attent{color:#ff0000;}
	.tab{
		width:85%;
		margin:0em auto 1em;
		padding:1.5% 2.5%;
		border:solid 1px #dddddd;
	}
	.tab h2#sports,
	.tab h2#education,
	.tab h2#medical
	.tab h2#dental{
		color:#7AC8FF;
		font-size:125%;
		margin:0;
		padding:0 8px;
	}
	#nav{
		width:85%;
		margin:0 auto;
	}
	#nav ul{
		margin:1em 0 0;
		padding:0;
		list-style-type:none;
	}
	#nav li{
		float:left;
		width:20%;
		margin:0 0.5em;
		box-sizing:border-box;
		border-radius:5px 5px 0 0;
		background:#eeeeee;
		background:-linear-gradient(top,#fafafa,#eeeeee);
		background:-webkit-linear-gradient(top,#fafafa,#eeeeee);
		background:-moz--linear-gradient(top,#fafafa,#eeeeee);
		background:-ms--linear-gradient(top,#fafafa,#eeeeee);
		background:-o-linear-gradient(top,#fafafa,#eeeeee);
		border:solid 1px #dddddd;
		border-bottom:none;
	}
	#nav a{
		display:block;
		padding:0.25em 2.5% 0.25em 5%;
		text-decoration:none;
		font-size:115%;
		font-weight:bold;
		color:#2462B1;
		letter-spacing:3px;
	}
	.box{
		width:98%;
		margin:0 auto 1em;
		padding: 1em 0;
		border-bottom:dashed 1px #d9d9d9;
	}
	.box dt{
		padding:0.5em 1em;
		background: #F2F2F2;
		color: #FF7777;
		font-weight:bold;
		border: solid 1px #DADADA;
		margin:0 0 1em;
	}
	.box dd{
		font-size: 100%;
		line-height:1.3;
		margin:0 0 0.5em 2.5%;
		float:left;
	}
	.box dd.item-title{
		width: 80%;
		font-weight:bold;
		color:#4D4D85;
	}
	.box dd.format{
		width: 15%;
		margin:0 2.5% 0 0;
		background:#7AC8FF;
	}
	.box dd.format img{width:23px;height:23px;} 
	.box dd.btn_inner{
		width: 100%;
		margin: 1em 0;
		text-align:center;
	}
	.box dd a{
		display:block;
		color:#ffffff;
		padding: 1.5% 2.5%;
		margin:0 auto;
		border-radius:5px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15),inset 0px -5px 12px rgba(0, 0, 0, 0.1);
		text-shadow: -1px -1px 1px rgba(0,0,0,.25);
		text-decoration:none;
		font-weight:bold;
		font-size:105%;
		width: 90%;
}
	.box dd.btn_log a{
		background: #3E97DB;
	
		border: solid 1px #377BB0;
}
	.box dd.btn_dl a{
		background: #3CD29B;
	
		border: solid 1px #34B887;
}
.box p{font-size:95%;}
.pro-num{
	font-size:80%;
	display:block;
	margin-bottom:0.5em;
}
	/* 特典DLレイアウト */
	.free {
		width:85%;
		margin:0 auto;
		padding-bottom:1em;
		border-bottom:solid 1px #dddddd;
	}
	#wrap{text-align:left;margin:0 0.5em;}
	span.title{
		font-size:150%;color:#00469b;
	}
	.item-box{
		list-style-type:none;
		padding-left:0;
		margin-top:0;
	}
	.item-num{}
	
	dl.tpl{overflow:hidden;padding-left:30px;margin-bottom:1.5em;padding-bottom:1em;border-bottom:solid 1px #dddddd;}
	dl.tpl dt,
	dl.tpl .btn-dl{
		display:inline-block;
		/display:inline;
		/zoom:1;
		margin-bottom:2em;
	}
	dl.tpl dd.inner-list{
		border-top:dotted 2px #dddddd;
		padding-top:1em;
	}
	dl.tpl dd.inner-data{
		background:#f0f0f0;
		border:solid 1px #dadada;
		padding:0.25em 0;
	}
	dl.tpl dd.inner-attent{
		margin:0 0 0.5em 40px;
	}
	dl.tpl dd.inner-data ul{
		list-style-type:none;
	}
	#item span{color:#1D4BC2;font-size:150%;}
	.copy{font-size:90%;}
	#footer{text-align:center;}

	/* dl area (iframe) */
	#iframe{
		width:15em;
		height:40px;
		border:none;
		overflow:hidden;
		float:left;
		margin:2em 0;
	}
	#noframe{
		display:none;
		width: 16em;
	height: 40px;
	border: none;
	overflow: hidden;
	float: left;
	margin: 1em 0;
}
#dl{
	display: block;
	color: #FFF;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	text-decoration: none;
	border: solid 2px #28976B;
	width: 10em;
	padding: 0.5em 0em 0.5em 1em;
	margin: 0 3em;
	font-weight: bold;
	border-radius: 20px;
	background: #36BD87 url(icon-dl.png) 15px center no-repeat;
	text-align: center;
	cursor:pointer;
}
#dl:hover{
	box-shadow:inset 0 0 8px rgba(0,0,0,.2);
}
.txt_r{
	color:#ff0000;
}
.pageTop{
	font-size:80%;
	text-align:right;
}
.pageTop a{
	color:#3664A7;
}
.clearfix {zoom:1;}
.clearfix:after{ content:""; display: block; clear: both;}

@media screen and (max-width:768px){
	div.content{
		width:90%;
	}
}

@media screen and (max-width:568px){
	#nav ul{
		margin:1em 0;
		border-bottom:solid 1px #dddddd;
	}
	div#nav li{
		float:none;
		width:100%;
		border-radius:0px;
		margin:0;
	}
	.box dd.item-title,
	.box dd.format{
		width:100%;
		float:none;
	}

}