/*--------------------------------------
　基礎設定
---------------------------------------*/
*{ margin:0; padding:0;}
img{ border:0;}
a img{ border:0;}

body{
 	background-color: #F2F2F2;
 	color:#111111;
 	font:13px/1.5 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

div{
 margin:auto;
}

p,th,td,li{
 font-size:100%;
 *font-size:90%;
 *font:90%;
}
th {
	*background-color: #AFAEAD;
	*color: #FFFFFF;
	background-color: #E9E6E6;
	color: #151515;
	border: 1px solid #777777;
	padding: 4px 2px 4px 8px;
	text-align:left;
}
th.thcolor2 {
	background-color: #CECBCB;
}
th.required {
    background: #E9E6E6 url("../img/icon/required.png") 94% 50% no-repeat;
    padding-right: 55px;
}
th.required2 {
    background: #CECBCB url("../img/icon/required.png") 94% 50% no-repeat;
    padding-right: 55px;
}
th.optional {
    background: #E9E6E6 url("../img/icon/optional.png") 94% 50% no-repeat;
    padding-right: 55px;
}
th.optional2 {
    background: #CECBCB url("../img/icon/optional.png") 94% 50% no-repeat;
    padding-right: 55px;
}


table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}
input {
	height: 1.3em;
}

input.re-width{ width: 80%; }

@media screen and (max-width:568px){
 input.re-width{ width: 100%; }
 }

select {
	height: 1.3em;
}





/*--------------------------------------
　共通リンク
---------------------------------------*/
a{
	color:#1A56B6;/*通常のリンクテキストカラー*/
	text-decoration:none;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
}

/*--------------------------------------
　見出しタグ
---------------------------------------*/
h1{
	font-weight:bold;
	font-size:16px;
	color:#333333;
	text-indent:10px;
	line-height:20px;
	vertical-align:top;
	padding:4px 0 2px 0;
}
h2{
	background-color: #0E9A65;
	padding: 2px;
	font-size:140%;
	color:white;
	font-weight:900;
	vertical-align:middle;
	height:16px;
	line-height:14px;
	margin:5px 0 10px 0;
}
h3{
	color:#535253;
	position:relative;
	padding-left:25px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	margin:15px 80px 6px 80px;
}

h3:before{
	content:'';
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	height:12px;
	width:12px;
	display:block;
	position:absolute;
	top:10px;
	left:5px;
	background-color:#969597;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}

h4{
	color:#535253;
	position:relative;
	padding-left:25px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	margin:15px 300px 6px 300px;
}

h4:before{
	content:'';
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	height:12px;
	width:12px;
	display:block;
	position:absolute;
	top:10px;
	left:5px;
	background-color:#969597;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}


h5{
	font-size:120%;
	color:#333333;
	font-weight:bold;
	text-indent:26px;
	height:28px;
	line-height:26px;
	margin:0 0 0 18px;
}
.obj{
	margin:0 6px 0 6px;
}
.obj p{
	line-height:160%;
	margin:0 0 12px 0;
}
.CNT{ text-align:center;}
.R{ text-align:right;}
.L{ text-align:left;}

.DATETIME{
	color:#333333;
	font-weight:normal;
	text-indent:16px;
	vertical-align:top;
	height:38px;
	line-height:26px;
	margin:0 0 0 28px;
}

#LINE{
	border:#333333 1px solid;
	margin:4px 0 4px 0;
}
/*--------------------------------------
　レイアウト
---------------------------------------*/
#wrap{
	width:960px;
	background-color: #FFFFFF;
	border-left:#DDDBDB 1px solid;
	border-right:#DDDBDB 1px solid;
	margin:0 auto 0 auto;
	text-align:left;
}
#head{
	border-top: solid 6px #0E9A65;
	height:78px;
	line-height:26px;
	width:100%;
	margin:0 1px 0 1px;
}
#head p{
	font-size:16px;
	font-weight:normal;
	border-color:#333333;
	border-width:0px 0 0 4px ;
	color:#333333;
	text-indent:10px;
	line-height:10px;
}
#head p#logo{
	font-size:26px;
	font-weight:normal;
	font-family:"Courier New", Courier, mono;
	color:#666666;
	text-indent:10px;
	line-height:30px;
}
#head p#logo a{
	text-decoration:none;
	color:#666666;
}
#head p#logo a:hover{
	text-decoration:none;
	color:#666666;
}

/*--------------------------------------
　メインメニュー
---------------------------------------*/
#contents{
	width:100%;
	clear:left;
	margin:0 auto 0 auto;
	zoom:100%;
}
#contents:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#contents li{
	margin:0 0 5px 35px;
}
#contents .context #gakusekibo .input_form table {
	border: 1px solid #777777;
	margin:15px auto 0 auto;
	width:80%;
}
#contents .context #gakusekibo .input_form th {
	height: 30px;
}
#contents .context #gakusekibo .input_form td {
	padding: 4px;
    height: 30px;
	border: 1px solid #777777;
}
#contents .context #gakusekibo .protect_form table {
	margin:0 auto 0 auto;
	width:80%;
}
#contents .context #gakusekibo .protect_form th {
	height: 20px;
}
#contents .context #gakusekibo .protect_form td {
	padding: 4px;
    height: 20px;
}
#contents .context #gakusekibo .protect_info table {
	margin:0 auto 0 auto;
	width:80%;
}
#contents .context #gakusekibo .protect_info td {
	padding: 4px;
    height: 20px;
}
#contents .context #code4 .input_form table {
	border: 1px solid #777777;
	margin:15px auto 0 auto;
	width:48%;
}
#contents .context #code4 .input_form th {
	height: 30px;
}
#contents .context #code4 .input_form td {
	padding: 4px;
    height: 30px;
	border: 1px solid #777777;
}

#contents .context #gakusekibo .input_form #school table {
	border: none;
	margin:0;
	width:100%;
}
#contents .context #gakusekibo .input_form #school th {
	height: 30px;
}
#contents .context #gakusekibo .input_form #school td {
	padding: 4px;
	border: none;
}

#protect{
	margin-left: 100px;
}
#protectcolor {
	background-color: #F3E2A9;
}
/*--------------------------------------
　フッターメニュー
---------------------------------------*/
#foot_up{
	clear:left;
}
#foot{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color:#999999;
    height:40px;
	clear:both;
	text-align:center;
	margin:20px 0 0 0;
	font-size:11px;
	padding:6px 0 0 0;
	width:100%;
}
#foot a{
	color:#999999;
	text-decoration:none;
}
#foot a:hover{
	color:#999999;
}

/* copyrights */
#copyright{
	float: right;
}
#copyright a{
    display: inline;
    font-size: 9px;
    text-decoration: none;
}
#copyright_box{
	width: 28px;
	height: 11px;
}
#copyright p a{
	background: url(http://pondt.com/img/logo.gif) bottom no-repeat;
	width: 28px;
	float: left;
	text-indent: -9999px;
}
*:first-child+html #copyright_box{
	float:right;
}
/*--------------------------------------
　ボタン
---------------------------------------*/
.btn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #DDD;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width: 180px;
	padding: 10px auto;
	height: 3em;
}

.nextbtn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #FAAC58;
	background-color:#FFBF00;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width: 180px;
	padding: 10px auto;
	height: 3em;
}

.setbtn {
     background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
     background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     color: #111;
     -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
     -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
     width: 200px;
     padding: 2px 0;
     margin: 0 15px;
	height: 2.5em;
}

.updatebtn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #FAAC58;
	background-color:#FFBF00;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width: 180px;
	padding: 10px auto;
	height: 3em;
}

.consentbtn1 {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #FAAC58;
	background-color:#FFBF00;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width: 240px;
	padding: 10px auto;
	height: 3em;
}
.consentbtn2 {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #DDD;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width: 240px;
	padding: 10px auto;
	height: 3em;
}

.closebtn {
     background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
     background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     color: #111;
     -moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
     -webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
     width: 80px;
     padding: 10px 0;
     margin: 0 15px;
	height: 3em;
}
.downloadbtn {
     background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
     background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     color: #111;
     -moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
     -webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
     width: 150px;
     padding: 10px 0;
     margin: 0 15px;
	height: 3em;
}


#close_btn{
	text-align : right;
}

/*--------------------------------------
　テキストアイコン
---------------------------------------*/
/*--------------------------------------
　メッセージ
---------------------------------------*/
#message {
	font-size:110%;
	margin-left:80px;
}
/*--------------------------------------
　エラー
---------------------------------------*/
#err {
	color:#FF0000;
	font-size:120%;
	font-weight: bold;
	margin: 20px 0 0 280px;
}
#err2 {
	color:#FF0000;
	font-size:120%;
	font-weight: bold;
	text-align:center;
}
/*--------------------------------------
　その他
---------------------------------------*/
.btn_left{
	text-align: left;
}
.btn_right{
	text-align: right;
}
.btn_center{
	text-align: center;
}

#breadcrumbs ul{
  margin: 0 0 15px 15px;
  padding: 0;
  list-style: none;
	font-size: 13px;
}



#breadcrumbs-three{
  overflow: hidden;
  width: 100%;
}

#breadcrumbs-three li{
  float: left;
  margin: 0 1.5em 0 0;
}

#breadcrumbs-three li{
  padding: .7em 1em .7em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  background: #ddd;
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  border-radius: .4em 0 0 .4em;
}

#breadcrumbs-three li::after{
  background: #ddd;
  content: "";
  height: 2.5em;
  margin-top: -1.25em;
  position: absolute;
  right: -1em;
  top: 50%;
  width: 2.5em;
  z-index: -1;
  transform: rotate(45deg);
  border-radius: .4em;
}

#breadcrumbs-three .current{
  padding: .7em 1em .7em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  background: #FFBF00;
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  border-radius: .4em 0 0 .4em;
}

#breadcrumbs-three .current::after{
  background: #FFBF00;
  content: "";
  height: 2.5em;
  margin-top: -1.25em;
  position: absolute;
  right: -1em;
  top: 50%;
  width: 2.5em;
  z-index: -1;
  transform: rotate(45deg);
  border-radius: .4em;
}
#info{
 margin-left: 68px;
}
#hogo{
	border: 3px double #777777;
	margin:0 130px 0 130px;
	overflow:auto;
	height:80px;
	padding:5px 5px 5px 10px;
}
#protect_info{
	margin:20px auto 5px auto;
  background: #FFBF00;
}