.html_bookend {
  margin-bottom: 30px;
}

.html_float_left{
  float: left;
  width: 310px;
}
.html_float_right{
  float: right;
  width: 310px;
}

/* tab navi */
.tab_navi_menu_01 {
  background: url(../img/tab_navi_bg_01.gif) repeat-x left bottom;
  width: 100%;
}
.tab_navi_menu_01 li {
  float: left;
  margin-right: 3px;
  display:inline;
}
.tab_navi_menu_01 li img {
  display: block;
}

/* title style */
.title1_01{
  background: url(../img/title_bg_01_top.gif) no-repeat left top;
}
.title1_01 span{
  background: url(../img/title_bg_01_bottom.gif) no-repeat left bottom;
  display: block;
  padding: 10px 12px;
  font-weight: normal;
  font-size: 90%;
  line-height: 1.4em;
  color: #3c3c3c;
}

.text_01 {
  padding: 0 5px;
  font-size: 75%;
  line-height: 1.4em;
  color: #3c3c3c;
  padding-bottom:30px;
  }

.point_box {
width:620px;
}

.point_box img {
float:left;
}

.point_box .text {
width:520px;
float:right;
}

.point_box .text2 {
width:455px;
float:right;
}
.point_box .text p {
padding-top:20px;
}

/* icon style */
.icon_01 {
  background: url(../img/left_navi_menu_mkr1_01.gif) no-repeat 0 5px;
  margin: 7px 0;
  padding-left: 12px;
  font-size: 100%;
  color: #3c3c3c;
}
.icon_01 a {
  color: #0050a3;
  text-decoration: none;
}
.icon_01 a:hover {
  text-decoration: underline;
}

.icon_01 a:hover {
  text-decoration: underline;
}


.btn_01 {
text-align:center;
margin-bottom:30px;
}



.text_red {
color:#ff0101;
}

#footer_navi ul li {
border-right:1px solid #3c3c3c;
display:inline;
list-style-position:inside;
padding:0 7px;
}

#footer_navi {
  font-size: 75%;
  line-height: 1.4em;
  color: #3c3c3c;
}

#footer_navi ul {
text-align:center;
}

#footer_navi a {
  color: #0050a3;
  text-decoration: none;
}

#footer_navi a:hover {
  text-decoration: underline;
}

div#footer_navi ul li.end {
	border-right: none;
}

/*example*/
div.example {
border:2px solid #6699FF;
clear:both;
margin:10px 0;
padding:5px;
text-align:center;
}

div.example h3 {
color:#6699FF;
font-size:100%;
padding:5px 0 20px;
text-align:left;
}

div.example table th {
text-align:left;
}

div.example table td, div.example table th {
padding:4px;
}

div.example div.bef_aftL{
width:250px;
float:left;
margin:0 0 10px 0;
}

div.example div.bef_aftR{
padding:0;
margin:0 0 10px 250px;
}
div.example div.bef_aftR img {
float:left;
margin-right:10px;
}

div.example div.bef_aftL span,
div.example div.bef_aftR span{
text-align:left;
display:block;
}

div.example div.bef_aftR2{
padding:0;
margin:0 0 10px 250px;
		background:url(../img/icon2.gif) no-repeat left center;
		padding:0 0 10px 25px;

}


div.example div.fig {
float:left;
width:250px;
}

div.example div.txt {
float:left;
width:250px;
}

div.example div.txt p.year_point {

font-size:110%;
padding:0 0 10px 0 ;
}

div.example div.pointinfo {
font-size:110%;
margin:0 0 10px;
text-align:center;
clear:both;
}

.example2 {
width:550px;
margin:0 auto;
}

.text_02 {
font-size:115%;
}















.txt_pad_01 {
	padding: 10px 0 25px;
}

.net_login_box .now_login{
	text-align:center;
	margin-bottom:20px;
}
/* entry login box */
.net_login_box .entry_login_area{
	width:310px;
}

.net_login_box .info_box2_01{
  background: url(../img/info_02_top.gif) no-repeat left top;
  padding:7px 10px;
  border-bottom: 1px #dfdfdf solid;
  font-weight: normal;
  font-size: 90%;
  line-height: 1.4em;
  color: #3c3c3c;
}
.net_login_box .info_box2_01_bottom{
  background: url(../img/info_02_bottom.gif) no-repeat left bottom;
  padding:10px;
  font-size: 75%;
  line-height: 1.4em;
  color: #3c3c3c;
}

.net_login_box .entry_btn{
	background:url(../img/entry_btn_bg.gif) no-repeat;
	padding:10px 0;
	margin:5px 0 20px;
	text-align:center;
}
.net_login_box .login_btn{
	background:url(../img/login_btn_bg.gif) no-repeat;
	padding:10px 0;
	margin-bottom:15px;
	text-align:center;
}

.net_login_box .entry_box_01{
  width:;
}

.net_login_box .entry_box_02 {
  float:left;
  width:285px;
}

.net_login_box .entry_box_03{
  width:300px;
  float:left;
}

.net_login_box .entry_box_03 .icon_login_01 {
  margin:8px 10px 0px;
  float:left;
}

.net_login_box .entry_box_03 .icon_login_02 {
  margin:5px 10px 0;
  float:left;
}

.net_login_box .entry_box_03 p {
  float:left;
  width:250px;
  margin-top:14px;
/*  font-size: 145%;*/
}

.net_login_box .icon_01 {
  background: url(../img/left_navi_menu_mkr1_01.gif) no-repeat 0 7px;
  margin: 7px 0;
  padding-left: 12px;
}
.net_login_box .icon_01 a {
  color: #0050a3;
  text-decoration: none;
}
.net_login_box .icon_01 a:hover {
  text-decoration: underline;
}





.net_login_box .info_box1_01 {
	background: url("../img/info_01_top.gif") no-repeat scroll left top transparent;
	border-bottom: 1px solid #DFDFDF;
	color: #3C3C3C;
	font-size: 115%;
	font-weight: normal;
	line-height: 1.4em;
	padding: 7px 10px;
}
.net_login_box .info_box1_01_bottom {
	background: url("../img/info_01_bottom.gif") no-repeat scroll left bottom transparent;
	color: #3C3C3C;
	font-size: 100%;
	line-height: 1.4em;
	padding: 10px;
}