@charset "utf-8";

/*----------------------------------
 .hashiruotoko
------------------------------------*/


/*---base-------------------------------*/
#contents .double #ho_left_box {
	width:200px;
	margin:0 0 60px 0;
	padding:0;
	float: left;
}

#contents .double #ho_right_box {
	width:680px;
	margin:0 0 60px 0;
	padding:0;
	float:right;
}



/*---left colum-------------------------------*/
#ho_left_box .ho_date{
	width:180px;
	margin:0 0 20px 0;;
	padding:10px;
	background:url(/images/course/hashiruotoko/bg_date.gif) repeat; 
}

#ho_left_box .ho_date h3 {
	margin:0;
	padding:0;
}

#ho_left_box .ho_date #ho_blc_box {
	width:160px;
	padding:10px;
	background:#000000;
}

#ho_left_box .ho_date #ho_blc_box dl.ho_border {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:solid 1px #333333;
}

#ho_left_box .ho_date #ho_blc_box dt {
	color:#FFFFFF;
}

#ho_left_box .ho_date #ho_blc_box dd {
	color:#f76b1f;
}

#ho_left_box .ho_banner{
	padding:0 0 20px 0;
	text-align:center;
}



/*---right colum-------------------------------*/
#ho_right_box h3 {
	margin:0 0 10px 0;
}

#ho_right_box .ho_map_left {
	width:310px;
	float:left;
	margin:0 0 20px 0;
	vertical-align:top;
}

#ho_right_box .ho_map_right {
	width:310px;
	float:right;
	margin:0 0 20px 0;
	vertical-align:top;
}

#ho_right_box a:link {
	color:#f76b1f;
}
#ho_right_box a:visited {
	color:#f76b1f;
}
#ho_right_box a:hover {
	color:#ff2600;
}

#ho_right_box .ho_map_left h4,
#ho_right_box .ho_map_right h4 {
	margin:0;
	padding:0 0 7px 18px;
	font-size:12px;
	background:url(/images/course/hashiruotoko/icon_red_cir.gif) left 0.2em no-repeat;
}

#ho_right_box dl dt {
	width:120px;
	margin:0;
	padding:0;
	float:left;
}
#ho_right_box dl dt div.zoom {
	margin:0;
	padding:10px 0 0 0;
	float:right;
}
#ho_right_box dl dt div.zoom a {
	width:62px;
	height:19px;
	display:block;
	text-indent: -2000px;
	overflow:hidden;
	outline:none;
	background:url(/images/course/hashiruotoko/btn_zoom.gif) left top;
}
#ho_right_box dl dt div.zoom a:hover {
	background:url(/images/course/hashiruotoko/btn_zoom.gif) left -19px;
}

#ho_right_box dl dd {
	width:180px;
	margin:0;
	padding:0 0 0 10px;
	float:left;
}

#ho_right_box .ho_link_box01 {
	width:310px;
	margin:0;
	padding:10px 0 20px 0;
	border-bottom:solid 1px #cccccc;
}

#ho_right_box .ho_link_box01 p.ho_link_arr {
	margin:0;
	padding:0 0 5px 20px;
	text-align:right;
	background:url(/images/course/hashiruotoko/icon_ora_arr.gif) no-repeat 19em 0.3em;
}

#ho_right_box .ho_link_box01 .ho_rec{
	float:right;
}
#ho_right_box .ho_link_box01 .ho_rec a{
	width:139px;
	height:26px;
	display:block;
	text-indent: -2000px;
	overflow:hidden;
	outline:none;
	background:url(/images/course/hashiruotoko/btn_rec.jpg) left top;
}
#ho_right_box .ho_link_box01 .ho_rec a:hover{
	background:url(/images/course/hashiruotoko/btn_rec.jpg) left -26px;
}




/*---navi-------------------------------*/
#ho_navi {
	width:680px;
	height:30px;
	margin:0;
	padding:0;
	clear:both;
}

#ho_navi .ho_next{
	width:68px;
	text-indent:-2000px;
}
#ho_navi .ho_next a{
	width:68px;
	height:30px;
	display:block;
	overflow:hidden;
	outline:none;
	background:url(/images/course/hashiruotoko/navi_next.gif) left top;
}
#ho_navi .ho_next a:hover{
	background:url(/images/course/hashiruotoko/navi_next.gif) left -30px;
}

#ho_navi .ho_before{
	width:68px;
	text-indent:-2000px;
}
#ho_navi .ho_before a{
	width:68px;
	height:30px;
	display:block;
	overflow:hidden;
	outline:none;
	background:url(/images/course/hashiruotoko/navi_before.gif) right top;
}
#ho_navi .ho_before a:hover{
	background:url(/images/course/hashiruotoko/navi_before.gif) right -30px;
}

#ho_navi .ho_center{
	width:544px;
	text-indent:-2000px;
	text-align:center;
	background:#d6d6d6;
}

#ho_navi .ho_center div {
	width:150px;
	margin:0 auto;
}

#ho_navi .ho_center div#ho_navi_1,
#ho_navi .ho_center div#ho_navi_2,
#ho_navi .ho_center div#ho_navi_3,
#ho_navi .ho_center div#ho_navi_4,
#ho_navi .ho_center div#ho_navi_5 {
	width:30px;
	height:30px;
	float:left;
}

#ho_navi .ho_center div#ho_navi_1 {
	background:url(/images/course/hashiruotoko/navi_1.gif) left -60px;
}
#ho_navi .ho_center div#ho_navi_1 a {
	width:30px;
	height:30px;
	display:block;
	overflow:hidden;
	outline:none;
	background:url(/images/course/hashiruotoko/navi_1.gif) left top;
}
#ho_navi .ho_center div#ho_navi_1 a:hover {
	background:url(/images/course/hashiruotoko/navi_1.gif) left -30px;
}

#ho_navi .ho_center div#ho_navi_2 {
	background:url(/images/course/hashiruotoko/navi_2.gif) left -60px;
}
#ho_navi .ho_center div#ho_navi_2 a {
	width:30px;
	height:30px;
	display:block;
	overflow:hidden;
	outline:none;
	background:url(/images/course/hashiruotoko/navi_2.gif) left top;
}
#ho_navi .ho_center div#ho_navi_2 a:hover {
	background:url(/images/course/hashiruotoko/navi_2.gif) left -30px;
}

#ho_navi .ho_center div#ho_navi_3 {
	background:url(/images/course/hashiruotoko/navi_3.gif) left -60px;
}
#ho_navi .ho_center div#ho_navi_3 a {
	width:30px;
	height:30px;
	display:block;
	overflow:hidden;
	outline:none;
	background:url(/images/course/hashiruotoko/navi_3.gif) left top;
}
#ho_navi .ho_center div#ho_navi_3 a:hover {
	background:url(/images/course/hashiruotoko/navi_3.gif) left -30px;
}

#ho_navi .ho_center div#ho_navi_4 {
	background:url(/images/course/hashiruotoko/navi_4.gif) left -60px;
}
#ho_navi .ho_center div#ho_navi_4 a {
	width:30px;
	height:30px;
	display:block;
	overflow:hidden;
	outline:none;
	background:url(/images/course/hashiruotoko/navi_4.gif) left top;
}
#ho_navi .ho_center div#ho_navi_4 a:hover {
	background:url(/images/course/hashiruotoko/navi_4.gif) left -30px;
}

#ho_navi .ho_center div#ho_navi_5 {
	background:url(/images/course/hashiruotoko/navi_5.gif) left -60px;
}
#ho_navi .ho_center div#ho_navi_5 a {
	width:30px;
	height:30px;
	display:block;
	overflow:hidden;
	outline:none;
	background:url(/images/course/hashiruotoko/navi_5.gif) left top;
}
#ho_navi .ho_center div#ho_navi_5 a:hover {
	background:url(/images/course/hashiruotoko/navi_5.gif) left -30px;
}



/*---other colum-------------------------------*/
div.ho_grey_box01 {
	margin:0 0 20px 0;
	padding:0;
	background:#efefef;
	font-weight:bold;
	line-height:22px;
}

div.ho_grey_box01 img {
	width:470px;
	margin:0;
	padding:0;
	float:left;
}

div.ho_grey_box01 p {
	margin:0;
	padding:20px;
	float:left;
	vertical-align:middle;
}

div.ho_grey_box02 {
	margin:0 0 20px 0;
	padding:20px;
	font-weight:bold;
	line-height:22px;
	background:#efefef;
	overflow: hidden;
}

div.ho_grey_box02 h4{
	margin:0;
	padding:0 0 20px 0;
	font-size:larger;
}

div.ho_grey_box02 div.ho_box01{
	float:left;
}

div.ho_grey_box02 div.ho_box01 img{
	width:74px;
	float:left;
}

div.ho_grey_box02 div.ho_box01 p{
	width:336px;
	margin:0;
	padding:0 20px;
	float:left;
	background:url(/images/course/hashiruotoko/bg_box01.gif) repeat-y top right;
}

div.ho_grey_box02 div.ho_box02{
	margin:0;
	padding:0 0 0 20px;
	float:left;
}

div.ho_grey_box02 div.ho_box02 p {
	margin:0;
	padding:0 0 10px 0;
}

div.ho_grey_box02 div.ho_box02 .ho_login {
	padding:0 0 10px 0;
}
div.ho_grey_box02 div.ho_box02 .ho_login a {
	width:169px;
	height:29px;
	display:block;
	text-indent: -2000px;
	overflow:hidden;
	outline:none;
	background:url(/images/course/hashiruotoko/btn_login.jpg) left top;
}
div.ho_grey_box02 div.ho_box02 .ho_login a:hover {
	background:url(/images/course/hashiruotoko/btn_login.jpg) left -29px;
}



/*---clearfix-------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;

}

/*\*/
* html .clearfix {
    height: 1em;
    overflow: visible;
}

.clearfix  {
    display: block;
}

/**/