@charset "utf-8";

/* #############################################################

[ 基本パーツ + 汎用パーツ ]

※追記・改変の際はウェブマスタに問い合わせること

############################################################# */

#str_contents .tabNavi .tabMenu li{
	font-weight:bold;
}
.course_number{
	font-size:12px;
	font-weight:bold;
	padding:2px 0 0 10px;
	float:left;
	line-height: 1.2;
}
#main_menu{
	width:770px;
	height:51px;
}

#menu{
	list-style:none;
	margin:0px;
	padding:0px;
}
#menu li {
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
#menu li a {
	display: block;
	margin:5px;
	padding:0px;
	width:176px;
	height:38px;
	text-indent: -9999px;
}
#menu li a:hover{
	background-color:#FFFFFF; /*IE6で動作させるために必要*/
}
#menu li a:hover img{
	visibility:hidden;
}	
#menu li a#navi1 {
	background: url(/special/point-course/images/menu01.gif) no-repeat 0 0;
	margin:5px 0 0 10px;
}
#menu li a#navi1_now {
	background: url(/special/point-course/images/menu01_f2.gif) no-repeat 0 0;
	margin:5px 0 0 10px;
}
#menu li a:hover#navi1 {
	background: url(/special/point-course/images/menu01_f2.gif) no-repeat 0 0;
	margin:5px 0 0 10px;
}		

#menu li a#navi2 {
	background: url(/special/point-course/images/menu02.gif) no-repeat 0 0;
	margin:5px 0 0 7px;
}
#menu li a#navi2_now {
	background: url(/special/point-course/images/menu02_f2.gif) no-repeat 0 0;
	margin:5px 0 0 7px;
}
#menu li a:hover#navi2 {
	background: url(/special/point-course/images/menu02_f2.gif) no-repeat 0 0;
	margin:5px 0 0 7px;
}	

#menu li a#navi3 {
	background: url(/special/point-course/images/menu03.gif) no-repeat 0 0;
	margin:5px 0 0 7px;
}
#menu li a#navi3_now {
	background: url(/special/point-course/images/menu03_f2.gif) no-repeat 0 0;
	margin:5px 0 0 7px;
}
#menu li a:hover#navi3 {
	background: url(/special/point-course/images/menu03_f2.gif) no-repeat 0 0;
	margin:5px 0 0 7px;
}		

p#lead{
	text-align:left;
	margin:5px;
	font-size:12px;
	line-height: 1.2;
}

/* ==========================================================================
ポイントの使い方
=========================================================================== */
#str_container .sectionGray.sectionHowtoUse{

}

#str_container .sectionGray.sectionHowtoUse dl.flow{

}

#str_container .sectionGray.sectionHowtoUse dl.flow dt{
	float:left;
	width:14px;
}

#str_container .sectionGray.sectionHowtoUse dl.flow dd{
	float:right;
	width:730px;
	font-weight:bold;
}


/* 汎用2カラムブロック
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionGray .block2Clumn {
	margin:0 0 10px 0;
	padding:0;
}



/*　幅770px　*/
#str_container #str_menuAndContents #str_contents .sectionGray .block2Clumn .boxLeft{
	float:left;
	width:262px;
}
#str_container #str_menuAndContents #str_contents .sectionGray .block2Clumn .boxRight{
	float:right;
	width:473px;
}


#str_contents {
    overflow: hidden;
}