/* sapporo css 2008.10.31*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> デフォルト設定 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



body, p, table, li, div{
	font : normal normal normal 12px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #333333 ;}

th{
	font : normal normal bold 1em/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #000000 ;}

caption{
	font : normal normal bold 14px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #000000 ;
	text-align : left ;}

p, ul, ol{
	margin-top : 0px ;
	margin-bottom : 0px ;}

strong{
	font-weight : normal ;}

body{
	margin : 0px 0px 0px 5px ;
	scrollbar-base-color : f1f1f1 ;
	scrollbar-3dlight-color : c2c2c2 ;
	scrollbar-arrow-color : c2c2c2 ;
	scrollbar-shadow-color : f1f1f1 ;
	scrollbar-darkshadow-color : #000000 ;
	scrollbar-highlight-color : ffffff ;}
/*
	scrollbar-track-color : #f5f5f5 ;
	scrollbar-face-color : #ffffff ;
	scrollbar-arrow-color : #808080 ;
	scrollbar-3dlight-color : #ffffff ;
	scrollbar-darkshadow-color : #ffffff ;
	scrollbar-highlight-color : #808080 ;
	scrollbar-shadow-color : #808080 ;}
*/

/*　一般ページ背景設定　*/
body.base{
	margin : 0px 0px 0px 5px;
	background-color : #ffffff;
	background-image : url(common_images/img_basebg.gif);
	background-attachment : fixed;
	background-repeat : repeat;
	background-position : 0px 0px;
}







/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> リンクスタイル設定 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
a:link , a:visited{
	text-decoration : none ;
	color : #0000ff ;}

a:active , a:hover{
	text-decoration : underline ;
	color : #ff0000 ;
	position : relative ;
	top : 1px ;
	left : 1px ;
	clip : rect(auto auto auto auto) ;}

/*　1pxのずらしなし　*/
a.notmove:link , a.notmove:visited{
	text-decoration : none ;
	color : #0000ff ;}

a.notmove:active , a.notmove:hover{
	text-decoration : underline ;
	color : #ff0000 ;
	position : relative ;
	top : 0px ;
	left : 0px ;
	clip : rect(auto auto auto auto) ;}

/*　グローバルナビゲーション部　*/
a.navi:link , a.navi:visited{
	text-decoration : none ;
	color : #1e90ff ;}

a.navi:active , a.navi:hover{
	text-decoration : underline ;
	color : #ff0000 ;
	position : relative ;
	top : 1px ;
	left : 1px ;
	clip : rect(auto auto auto auto) ;}




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 見出し設定 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
h1{
	font : normal normal bold 18px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #000000 ;
	padding : 0px ;
	margin : 0px ;}

h2{
	font : normal normal bold 16px/150% "Verdana, Arial, Helvetica, sans-serif" ;
/*	background-color: #eff3f7 ;	*/
	color : #000000 ;
	padding : 0px ;
	margin : 0px ;}

h3{
	font : normal normal bold 14px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #000000 ;
	padding : 0px ;
	margin : 0px ;}
	
h4{
	font : normal normal bold 12px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #000000 ;
	padding : 0px ;
	margin : 0px ;}





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> リストマーク設定 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
ul.Mark{
	list-style-image : url("../../../sapporo/images/img_listarrow.gif");}





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> フォント設定 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
/*　フォントサイズ 9px　*/
.F9px{
	font : normal normal normal 9px/150% "Verdana, Arial, Helvetica, sans-serif" ;}

.F9pxRed{
	font : normal normal normal 9px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ff0000 ;}

.F9pxWhite{
	font : normal normal normal 9px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ffffff ;}


/*　フォントサイズ 10px　*/
.F10px{
	font : normal normal normal 10px/150% "Verdana, Arial, Helvetica, sans-serif" ;}

.F10pxRed{
	font : normal normal normal 10px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ff0000 ;}

.F10pxWhite{
	font : normal normal normal 10px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ffffff ;}


/*　フォントサイズ 11px　*/
.F11px{
	font : normal normal normal 11px/150% "Verdana, Arial, Helvetica, sans-serif" ;}

.F11pxRed{
	font : normal normal normal 11px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ff0000 ;}

.F11pxWhite{
	font : normal normal normal 11px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ffffff ;}


/*　フォントサイズ 12px　*/
.F12px{
	font : normal normal normal 12px/150% "Verdana, Arial, Helvetica, sans-serif" ;}

.F12pxB{
	font : normal normal bold 12px/150% "Verdana, Arial, Helvetica, sans-serif" ;}

.F12pxRed{
	font : normal normal normal 12px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ff0000 ;}

.F12pxBRed{
	font : normal normal bold 12px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ff0000 ;}

.F12pxWhite{
	font : normal normal normal 12px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ffffff ;}

.F12pxBWhite{
	font : normal normal bold 12px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ffffff ;}


/*　フォントサイズ 14px　*/
.F14px{
	font : normal normal normal 14px/150% "Verdana, Arial, Helvetica, sans-serif" ;}

.F14pxB{
	font : normal normal bold 14px/150% "Verdana, Arial, Helvetica, sans-serif" ;}

.F14pxRed{
	font : normal normal normal 14px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ff0000 ;}

.F14pxBRed{
	font : normal normal bold 14px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ff0000 ;}

.F14pxWhite{
	font : normal normal normal 14px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ffffff ;}

.F14pxBWhite{
	font : normal normal bold 14px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ffffff ;}


/*　フォントサイズ 16px　*/
.F16px{
	font : normal normal normal 16px/150% "Verdana, Arial, Helvetica, sans-serif" ;}

.F16pxB{
	font : normal normal bold 16px/150% "Verdana, Arial, Helvetica, sans-serif" ;}

.F16pxRed{
	font : normal normal normal 16px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ff0000 ;}

.F16pxBRed{
	font : normal normal bold 16px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ff0000 ;}

.F16pxWhite{
	font : normal normal normal 16px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ffffff ;}

.F16pxBWhite{
	font : normal normal bold 16px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ffffff ;}


/*　フォントサイズ 18px　*/
.F18px{
	font : normal normal normal 18px/150% "Verdana, Arial, Helvetica, sans-serif" ;}

.F18pxB{
	font : normal normal bold 18px/150% "Verdana, Arial, Helvetica, sans-serif" ;}

.F18pxRed{
	font : normal normal normal 18px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ff0000 ;}

.F18pxBRed{
	font : normal normal bold 18px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ff0000 ;}

.F18pxWhite{
	font : normal normal normal 18px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ffffff ;}

.F18pxBWhite{
	font : normal normal bold 18px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ffffff ;}


/*　フォントサイズ 23px　*/
.F23pxB{
	font : normal normal bold 23px/150% "Verdana, Arial, Helvetica, sans-serif" ;}

.F23pxBRed{
	font : normal normal bold 23px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ff0000 ;}


/*　フォントサイズ 26px　*/
.F26pxB{
	font : normal normal bold 26px/100% "Verdana, Arial, Helvetica, sans-serif" ;}


.F26pxBRed{
	font : normal normal bold 26px/150% "Verdana, Arial, Helvetica, sans-serif" ;
	color : #ff0000 ;}



.catch_01{
	color:#FF0000;
	font-size:16px;
	font-weight: bold;
}
.catch_02{
	font-size: 14px;
	color: #ED7983;
	font-weight: bold;
}
.catch_03 {
	font-size: 14px;
	color: #FF9900;
	font-weight: bold;
}


.catch_04 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.color_iryo{color:#f9687c;}
.color_cg{color:#66bd6d;}
.color_sports{color:#ffcc00;}
.color_busi{color:#474ba0;}
.color_koumu{color:#9ad595;}
.color_joho{color:#4eb79a;}
.color_kaikei{color:#4578b5;}
.color_hoiku{color:#feb237;}
.color_fukushi{color:#a6ca37;}
.color_address {
	color: #666666;
	font-size: 12px;
}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> マージン設定 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.Mgn0margin{
	margin: 0px;
	list-style-type: none;
	padding: 0px;
	list-style-position: outside;
}

.MgnTop0em{
	margin-top : 0em ;
	padding : 0px ;}

.MgnTop1em{
	margin-top : 1em ;
	padding : 0px ;}

.MgnTop2em{
	margin-top : 2em ;
	padding : 0px ;}

.MgnTop3em{
	margin-top : 3em ;
	padding : 0px ;}

.MgnTop5px{
	margin-top : 5px ;
	padding : 0px ;}


.MgnRgt0em{
	margin-right : 0em ;
	padding : 0px ;}

.MgnRgt1em{
	margin-right : 1em ;
	padding : 0px ;}

.MgnRgt2em{
	margin-right : 2em ;
	padding : 0px ;}

.MgnRgt3em{
	margin-right : 3em ;
	padding : 0px ;}


.MgnBtm0em{
	margin-bottom : 0em ;
	padding : 0px ;}

.MgnBtm1em{
	margin-bottom : 1em ;
	padding : 0px ;}

.MgnBtm2em{
	margin-bottom : 2em ;
	padding : 0px ;}

.MgnBtm3em{
	margin-bottom : 3em ;
	padding : 0px ;}

.MgnBtm5px{
	margin-bottom : 5px ;
	padding : 0px ;}


.MgnLft0em{
	margin-left : 0em ;
	padding : 0px ;}

.MgnLft1em{
	margin-left : 1em ;
	padding : 0px ;}

.MgnLft2em{
	margin-left : 2em ;
	padding : 0px ;}

.MgnLft3em{
	margin-left : 3em ;
	padding : 0px ;}







/*レイアウト用*/
#waku{
width:761px;
height:auto;
margin:0px;
padding:0px;
background-color:#FFFFFF;
border-right:#CCCCCC solid 1px;
border-left:#CCCCCC solid 1px;
}

p.seo{
width:100%;
height:auto;
padding:2px;
margin:0px;
color:#999999;
text-align:right;
top:0px;
left:auto;
}
#header{
width:100%;
height:auto;
padding:0px;
margin:0px;
top:auto;
left:auto;
}
#flash{
width:100%;
height:auto;
margin-bottom:0px;
padding:0px;
top:auto;
left:auto;
}
#main{
width:100%;
height:auto;
margin:0px;
padding:0px;
}
.contents{
	width:554px;
	height:auto;
	margin:0px;
	padding:0px;
	float:right;
}
.menu{
	width:204px;
	height:auto;
	margin:0px;
	padding:0px;
	float:right;
}
.clear{
    clear:both;
	line-height:0;
	height:0;
	}
#footer{
width:100%;
height:auto;
margin:0px;
padding:0px;
}
address{
width:100%;
height:auto;
margin:0px;
padding:0px;
text-align:center;
}
/*左メニュー用*/
.con2{
	height:26px;
	width:153px;
	margin:0px;
	padding:0px 0px 0px 27px;
	background-image:url(common_images/contents_m2.gif);
	background-repeat:no-repeat;
	color:#666666;
	font-size:10px;
}
.con2 a:link {
color : #666666!important;
}
.con2 a:visited {
color : #666666 !important;
}
.con2 a:active {
color : #ff0000 ;
}
.con2 a:hover {
color : #ff0000!important;
}
.con3{
height:26px;
width:153px;
margin:0px;
padding:0px 0px 0px 27px;
background-image:url(common_images/contents_m3.gif);
background-repeat:no-repeat;
color:#666666;
font-size:10px;
}
.con3 a:link {
color : #666666!important;
}
.con3 a:visited {
color : #666666 !important;
}
.con3 a:active {
color : #ff0000 ;
}
.con3 a:hover {
color : #ff0000!important;
}
.con5{
height:26px;
width:153px;
margin:0px;
padding:0px 0px 0px 27px;
background-image:url(common_images/contents_m5.gif);
background-repeat:no-repeat;
color:#666666;
font-size:10px;
}
.con5 a:link {
color : #666666!important;
}
.con5 a:visited {
color : #666666 !important;
}
.con5 a:active {
color : #ff0000 ;
}
.con5 a:hover {
color : #ff0000!important;
}
.con6{
height:26px;
width:153px;
margin:0px;
padding:0px 0px 0px 27px;
background-image:url(common_images/contents_m6.gif);
background-repeat:no-repeat;
color:#666666;
font-size:10px;
}
.con6 a:link {
color : #666666!important;
}
.con6 a:visited {
color : #666666 !important;
}
.con6 a:active {
color : #ff0000 ;
}
.con6 a:hover {
color : #ff0000!important;
}



.con8{
height:26px;
width:153px;
margin:0px;
padding:0px 0px 0px 27px;
background-image:url(common_images/contents_m8.gif);
background-repeat:no-repeat;
color:#666666;
font-size:10px;
}
.con8 a:link {
color : #666666!important;
}
.con8 a:visited {
color : #666666 !important;
}
.con8 a:active {
color : #ff0000 ;
}
.con8 a:hover {
color : #ff0000!important;
}
.con9{
height:26px;
width:153px;
margin:0px;
padding:0px 0px 0px 27px;
background-image:url(common_images/contents_m9.gif);
background-repeat:no-repeat;
color:#666666;
font-size:10px;
}
.con9 a:link {
color : #666666!important;
}
.con9 a:visited {
color : #666666 !important;
}
.con9 a:active {
color : #ff0000 ;
}
.con9 a:hover {
color : #ff0000!important;
}

/*　TOP共通　*/
.top_course a:link {
color : #333333!important;
}
.top_course a:visited {
color : #333333 !important;
}
.top_course a:active {
color : #ff0000 ;
}
.top_course a:hover {
color : #ff0000!important;
}
/*　リンク色の変更なしv*/
a.notchange_white:link , a.notchange_white:visited{
	text-decoration : none ;
	color:#FFFFFF;
	}

a.notchange_white:active , a.notchange_white:hover{
	text-decoration : underline ;
	color:#FFFFFF;
	}
/*バーコードリーダー用*/
.moba{
	height:auto;
	width:178px;
	margin:0px;
	padding:215px 2px 0px 0px;
	background-image:url(common_images/oohara_moba.gif);
	background-repeat:no-repeat;
	background-position:center;
}