/* 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;
}


/* sample html bookend */
.html_bookend {
  margin-bottom: 30px;
}
.html_float_left{
  float: left;
  width: 310px;
}
.html_float_right{
  float: right;
  width: 310px;
}

.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;
}

p.read{ padding:0px 0 20px; color:#3C3C3C; font-size:90%; line-height:1.4em;}

/* box layout */
.info_box1_01{
  background: url(../img/info_01_top.gif) no-repeat left top;
  padding:7px 10px;
  border-bottom: 1px #dfdfdf solid;
}
.info_box1_01 h2{
	float:left;
	width:400px;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.4em;
	color: #3c3c3c;
}
.side_link{
	float:right;
	font-size: 75%;
	line-height: 1.4em;
	color: #3c3c3c;
	background: url(../img/left_navi_menu_mkr1_01.gif) no-repeat 0 4px;
	margin:4px 0 0;
	padding-left: 12px;
}
.info_box1_01 .side_link a {
  color: #0050a3;
  text-decoration: none;
}
.info_box1_01 .side_link a:hover {
  text-decoration: underline;
}

.info_box1_01_bottom{
  background: url(../img/info_01_bottom.gif) no-repeat left bottom;
  padding:10px;
  font-size: 75%;
  line-height: 1.4em;
  color: #3c3c3c;
}
.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;
}
.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;
}

.info_box3_01{
  background: url(../img/info_03_bottom.gif) no-repeat left bottom;
}
.info_box3_01 h2{
  background: url(../img/info_03_top.gif) no-repeat left top;
  border-bottom: 1px #dfdfdf solid;
  font-weight: normal;
  padding:7px 10px;
  font-size: 90%;
  line-height: 1.4em;
  color: #3c3c3c;
}
.info_box3_01_bottom {
  padding:10px;
  font-size: 75%;
  line-height: 1.4em;
  color: #3c3c3c;
}
.info_box3_01_box_01 {
  width: 310px;
  float: left;
}
.info_box3_01_box_02 {
  width: 310px;
  float: right;
}

/* explain */
.explain_area{margin-bottom:10px;}
.explain_img_01{
	float:left;
	width:90px;
	margin-right:10px;
}
.explain_txt_01{
	float:left;
	width:170px;
}
.explain_txt_01 li{
	background: url(../img/left_navi_menu_mkr2_01.gif) no-repeat 0 4px;
	margin: 7px 0;
	padding-left: 12px;
}
.explain_txt_01 span{
	color:#FF0000;
}

.explain_img_02{
	float:left;
	width:90px;
	margin-right:10px;
}
.explain_txt_02{
	float:left;
	width:500px;
	padding-top:10px;
}
.explain_txt_03{
	float:left;
	width:320px;
	padding-top:10px;
}
.explain_txt_02 li{
	background: url(../img/left_navi_menu_mkr2_01.gif) no-repeat 0 4px;
	padding-left: 12px;
}
.explain_txt_03 li{
	background: url(../img/left_navi_menu_mkr2_01.gif) no-repeat 0 4px;
	padding-left: 12px;
}

.notes{font-size:85%;}

.other_list_link{
	font-size: 75%;
	line-height: 1.4em;
	color: #3c3c3c;
	text-align:right;
	margin-bottom:20px;
}
.other_list_link a {
  color: #0050a3;
  text-decoration: none;
}
.other_list_link a:hover {
  text-decoration: underline;
}

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

/*pattern A*/
.button_box_01 {
  background: url(../img/point_bg_01.gif) no-repeat left top #f4f9db;
  margin: 0 auto 15px;
  width: 310px;
}
.button_box_01_bottom {
  background: url(../img/point_bg_01_bottom.gif) no-repeat left bottom;
  padding: 12px 0 10px;
}
.button_box_01_bottom img {
  display: block;
  margin: 0 auto;
}

.list_box_02 {
  margin: 0 auto;
  width: 310px;
}

.icon_03 {
  margin: 0 auto;
  padding: 0 0 0 60px;
}
.icon_03 li {
  background: url(../img/left_navi_menu_mkr1_01.gif) no-repeat 0 5px;
  padding: 0 0 7px 12px;
  margin: 0;
  font-size: 75%;
  line-height: 1.4em;
  color: #3c3c3c;
}

.contents_detail a {
  color: #0050a3;
  text-decoration: none !important;
}
.contents_detail a:hover {
  text-decoration: underline !important;
}

.img_block {
  display: block;
  margin: 0 auto;
  padding-bottom: 10px;
}