@charset "utf-8";
/* CSS Document */


#content_body{
	max-width:640px;
	padding-bottom:1em;
}
.login_section p.messagereed{ font-size:0.8em; line-height:1.5em;}
.logout_section{ text-align:center; }
table.login_tbl{ margin-bottom:10px; }
table.login_tbl td input{ width:100%; }
table.login_tbl {font-size:0.8em; width:100%;}
table.login_tbl th,
table.login_tbl td{
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #01b4ed;
}
table.login_tbl th{
	width: 30%;
	background-color: #CFF;
	border-top-style: none;
	border-left-width: 3px;
	border-right-style: none;
	white-space: nowrap;
}
table.login_tbl td{
	border-top-style: none; 
	border-right-width: 3px;
	border-left-style: dotted;
}
table.login_tbl tr:first-child th{ border-top-left-radius:10px; border-top-style: solid; border-top-width: 3px; border-bottom-width:3px;}
table.login_tbl tr:first-child td{ border-top-right-radius:10px; border-top-style: solid; border-top-width: 3px; border-bottom-width:3px;}
table.login_tbl tr:last-child th{ border-bottom-left-radius:10px; border-bottom-width: 3px;}
table.login_tbl tr:last-child td{ border-bottom-right-radius:10px; border-bottom-width: 3px;}


#insert_news_aside{ padding-top:10px; padding-bottom: 1em; max-width: 640px;
  margin-left:auto; margin-right:auto;  
}
#news_obi{ position:relative; background-color: #06C; padding:0px; color: #FFF; text-align: left; }
#news_obi h3{ display:block; font-size: 16px; line-height: 28px; font-weight:bold; padding:6px 8px;}
#news_obi > ul{
	display: block;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: auto;
	right: 5px;
	margin: auto 0;
	height:0;
}
#news_obi > ul > li{ display:block; position: static; margin:0; padding:0; 
　-webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
}
#news_obi a{ 
	display:block; background-color:#FFF; border-radius:3px; -webkit-border-radius:3px; 
	padding:5px; padding-left:12px; font-size:12px; line-height:16px; 
	text-decoration: none; color: black;
	position:relative;
}
#news_obi a:before{
	position: absolute;
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	top: 0px;
	bottom: 0px;
	left: 3px;
	margin: auto 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #007bff;
}
#news_obi a:hover{ color:#ff4e00; }
#news_obi a:hover:before{  border-color: transparent transparent transparent #C00; }
@media screen and (max-width: 414px){
	#news_obi a{ font-size:0.7em; padding-top:5px; padding-bottom:5px; }
}

#news_wrapper .news_list ul{ display:table; margin:0; padding:0; list-style-type: none; width:100%; font-size:0.9em;}
#news_wrapper .news_list ul li{ display:table-row; }
#news_wrapper .news_list ul li .date,
#news_wrapper .news_list ul li p.info{ display:table-cell; text-align:left; padding:1em; border-bottom:2px solid #01b4ed; }
#news_wrapper .news_list ul li .date{ width:10%; white-space: nowrap; padding-right:0.5em; }
#news_wrapper .news_list ul li p.info{ padding-left:0.5em; }

#news_wrapper a:link{ color:#0068b7; text-decoration: none; outline: none; cursor:pointer;}
#news_wrapper a:visited{ color:#0068b7; text-decoration: none; outline: none;}
#news_wrapper a:hover{ text-decoration: underline; outline: none; color:#0091ff;}
#news_wrapper a:active{ text-decoration: underline; outline: none; color:#0091ff;}
#news_wrapper a:focus{ outline:none; }
#news_wrapper a:focus img{ outline:none; }
@media screen and (max-width: 640px){
	#news_wrapper .news_list ul{ display:block;}
	#news_wrapper .news_list ul li{ display:block; padding:1em; border-bottom:2px solid #01b4ed;}
	#news_wrapper .news_list ul li .date,
	#news_wrapper .news_list ul li p.info{ display:block; width:100%;border:none; padding:0;}
	#news_wrapper .news_list ul li .date{}
	#news_wrapper .news_list ul li p.info{}
}


@media screen and (max-width: 640px){
	table.login_tbl,
	table.login_tbl thead,
	table.login_tbl thead tr,
	table.login_tbl thead tr th,
	table.login_tbl thead tr td,
	table.login_tbl tbody,
	table.login_tbl tbody tr,
	table.login_tbl tbody tr th,
	table.login_tbl tbody tr td{ display:block; width:100%;}
	table.login_tbl tr:first-child th,
	table.login_tbl tr:first-child td,
	table.login_tbl tr:last-child th,
	table.login_tbl tr:last-child td{ -webkit-border-radius: 0; border-radius: 0; }
	
	table.login_tbl tr th{ border-bottom-style:solid; border-bottom-width:1px; border-top-style:solid; border-top-width:1px;  border-right-style:solid; border-right-width:3px; padding:0;}
	table.login_tbl tr:first-child th{ border-style:solid; border-right-width:3px; border-bottom-style:solid; border-bottom-width:1px;  -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
	table.login_tbl tr:last-child th{ border-style:solid; border-right-width:3px; border-bottom-style:solid; border-bottom-width:1px; border-top-style:solid; border-top-width:1px;}
	
	table.login_tbl tr td{ border-bottom-style:none; border-top-style:none; border-left-style:solid; border-left-width:3px;}
	table.login_tbl tr:first-child td{ border-style:solid; border-right-width:3px; border-bottom-width:2px; border-top-style:none;}
	table.login_tbl tr:last-child td{ border-style:solid; border-right-width:3px; border-top-style:none; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
	
	
}


.under_btns{
	padding:0em 0;
	text-align:center;
}
a#under_jamp_toppage{ display:inline-block; text-decoration: none; }
a#under_jump_toppage{ display:inline-block; text-decoration: none; font-weight:bold; }
a#under_jamp_toppage,
form input#submit_btn,
form input#reset_btn{
	font-size:0.9em;
	font-weight:bold;
	/*display:inline-block;*/
	background: #f2a60e; /* Old browsers */
	background: -moz-linear-gradient(top, #f2a60e 0%, #cc520c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f2a60e 0%,#cc520c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f2a60e 0%,#cc520c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a60e', endColorstr='#cc520c',GradientType=0 ); /* IE6-9 */
	color:#FFF;
	padding:1em 2em;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:2px solid #FFF;
	margin-top:1em;
	margin-bottom:0;
}
a#under_jamp_toppage:hover,
form input#submit_btn:hover,
form input#reset_btn:hover{
	background: #f4b744; /* Old browsers */
	background: -moz-linear-gradient(top, #f4b744 0%, #f78a0e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4b744 0%,#f78a0e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4b744 0%,#f78a0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b744', endColorstr='#f78a0e',GradientType=0 ); /* IE6-9 */
}
a#under_jump_toppage,
form input#reent_btn.smallsize{
	color:#f78a0e;
	font-size:0.8rem;
	padding:0.9em 1.4em;
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f7 0%, #dddddd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f7f7f7 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
a#under_jump_toppage:hover,
form input#reent_btn.smallsize:hover{
	color: #f2a60e;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f9f9f9 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}