@charset "shift_jis";
						    
/* asu Technical High School Correspondence Course CSS
======================================================*/

/***--- tag reset ---***/
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin:0;
	padding:0;
	vertical-align:baseline;
	color: #666666;
}

html {overflow-y:scroll ;}

em {font-style:normal ;}

img {border:0 ;}

a img {border:0px ;}

ul {list-style-type:none ;}

p {margin:5px ;}

fieldset {border:0 ;}

form {margin:0 ;}

.left {
	float:left;
}

.right {
	float:right;
}

.white_txt {
	color:#FFFFFF;
}

.orange_txt {
	font-size: 16px;
	font-weight:bold;
	color:#F37021;
}

.blue_txt {
	font-size: 16px;
	font-weight:bold;
	color:#5367A9;
}

.yellow_txt {
	color:#FFF000;
}


.font_bold {
	font-weight:bold;
}

/***--- link setting/common ---***/
a:link {
	color:#666666;
	text-decoration:none;
}

a:visited {
	color:#666666;
	text-decoration:none;
}

a:hover {
	color:#0064FF ;
	text-decoration:underline ;
}

td .btn a {
	color:#666666;
}


		/***--- link setting/head_nv,f_nv/mailto_link ---***/
		#head_nv a:link,#f_nv a:link,#pklist2 a:link {
			color:#0000ff;
			text-decoration:none;
		}
		
		#head_nv a:visited,#f_nv a:visited,#pklist2 a:visited {
			color:#0000ff;
			text-decoration:none;
		}
		
		#head_nv a:hover,#f_nv a:hover,#pklist2 a:hover {
			color:#ff6600 ;
			text-decoration:underline ;
		}



/***--- text setting ---***/
body {
	width:100% ;
	background-color:#FFFFFF ;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#000000 ;
	font-size:12px ;
	line-height:170% ;
}


/***--- layout ---***/
#wrap {
	width:800px ;
	margin:0px auto 0px ;
}

	#head_wrap {
		margin-top:5px ;
	}
	
		#head_cont {
			clear:bouth ;
			height:55px ;
			border-bottom:#6666cc 2px solid ;
		}
		
			#head_cont h1 img {
				width:332px ;
				float:left ;
			}
		
			#head_nv {
				width:200px ;
				float:right ;
				margin-top:35px ;
				text-align:right ;
			}
			
			#head_nv li,#f_nv li {
					font-size:0.9em ;
					height:10px ;
					display:inline ;
					padding:0px 10px ;
				}
				
				.hn_last,.fnv_last {
					border-left:#0000ff solid 1px ;
				}
				

			/***--- gl_nv ---***/
			#gl_nv {
				clear:both ;
				margin:15px 0px ;
			}
			
			#gl_nv ul {
				margin:0 1px ;
				_margin:0 ; /*IE用*/
				width:798px ;
				height:35px ;
				background:url(../img/common/gl_nv.jpg) no-repeat ;
			}
			
			#gl_nv li {
				display:inline ;
				list-style-type:none ;
			}
			
			#gl_nv li a {
				height:39px ;
				display:block ;
				float:left ;
				position:relative ; /* IE6でマウス反応領域がおかしいのをFix */
				text-decoration:none ;
				text-indent:-9999px ;
				overflow:hidden ;
			}
			
			/***--- gl_nv rollover setting ---***/
			/* off */
			.gn_index a {width:133px ; background:url(../img/common/gl_nv.jpg) 0 0 no-repeat ;}
			.gn_character a {width:133px ; background:url(../img/common/gl_nv.jpg) -133px 0 no-repeat ;}
			.gn_study a {width:133px ; background:url(../img/common/gl_nv.jpg) -266px 0 no-repeat ;}
			.gn_admissin a {width:133px ; background:url(../img/common/gl_nv.jpg) -399px 0 no-repeat ;}
			.gn_access a {width:133px ; background:url(../img/common/gl_nv.jpg) -532px 0 no-repeat ;}
			.gn_inquiry a {width:133px ; background:url(../img/common/gl_nv.jpg) -665px 0 no-repeat ;}
			
			/* over */
			.gn_index a:hover {background-position:0 -43px ;}
			.gn_character a:hover {background-position:-133px -43px ;}
			.gn_study a:hover {background-position:-266px -43px ;}
			.gn_admissin a:hover {background-position:-399px -43px ;}
			.gn_access a:hover {background-position:-532px -43px ;}
			.gn_inquiry a:hover {background-position:-665px -43px ;}


			/***--- pk_list setting ---***/
			#pk_list {
				height:26px ;
				width:800px ;
				background-image:url(../img/common/pk_back.gif) ;
				list-style:none ;
				margin-bottom:10px ;
				font-size:10px ;
			}
			
			#pk_list li {
				float:left ;
				line-height:26px ;
				margin-left: 5px;
			}

			#pk_list a {
				display:block;
				background:url(../img/common/pk_arrow.gif) no-repeat right ;
				padding-right: 15px;
			}
			
			#pk_home a {
				text-decoration:none ;
				text-indent:-9999px ;
				width:40px ;
				padding: 0;
			}

			#pklist2 {
				float:right ;
				width:570px ;
				text-align:right ;
				margin-top: 35px;
				margin-bottom: 20px;
				}




	/***--- content setting ---***/
#content {
		clear:both ;
		text-align:left ;
		height:100% ;
}

#c_wrap {
	background-image:url(../img/common/navi_bg.gif) ;
	background-repeat:repeat-y ;
	width:100% ;
	margin:0px ;
	}

	#c_wrap:after {
		content:"" ;
		display:block ;
		clear:both ;
	}

#c_side {
	float:left ;
	width:200px ;
	margin:0px ;
	line-height:100% ;
	padding:0px ;
	}

#main_box {
	float:right ;
	width:570px ;
	height:auto ;
	margin:0px ;
	}


	#c_side h2 {
		background-image:url(../img/common/nv_head.gif) ;
		background-repeat:no-repeat ;
		width:200px ;
		height:52px ;
		line-height: 100%;
		background-color: #FFFFFF;
		}
	
	#c_side h2 span {
		background-repeat:no-repeat ;
		font-size:14px ;
		color:#808080 ;
		padding:15px 0px 0px 35px ;
		display:block ;
		line-height:100% ;
		}

	#c_side ul {}
	#c_side ul li {}
	#c_side ul li a {}
	#c_side ul li a:hover {}


	#main_in h3 {
		background-image:url(../img/common/main_head.gif) ;
		background-repeat:no-repeat ;
		width:570px ;
		height:52px ;
	}
	
	#main_in h3 span {
		font-size:16px ;
		color:#808080 ;
		padding:13px 0px 0px 40px ;
		display:block ;
		}

	#main_in_formtxt {
		margin-top:30px ;
		}
		
	#main_in_topimg {
		margin-top: 30px;
	}
	
	#main_in_sitemap {
		background-image:url(../img/sitemap_backimg.gif);
		background-repeat:no-repeat;
	}

	.main_in_normal_h4 {
		background-repeat: no-repeat;
		padding-left: 16px;
		padding-bottom: 5px;
		font-size: 14px;
		font-weight: bold;
		margin-top: 25px;
		height: 12px;
	}
	
	.main_in_typ01_h4 {
		background-image: url(../img/h4_title_icon01.gif);
		background-position: left 4px;;
	}
	
	.main_in_typ02_h4 {
		background-image: url(../img/h4_title_icon02.gif);
		background-position: left 4px;;
	}
	
	.main_in_typ02_h4 span {
		font-size: 12px;
	}

	.top_padd_p01 {
		margin-top: 25px;
	}

	.top_padd_p02 {
		margin-top: 20px;
	}

	.top_padd_03 {
		margin-top: 10px;
	}

	.bottom_padd_01 {
		margin-bottom: 35px;
	}

	.bottom_padd_02 {
		margin-bottom: 20px;
	}

	.bottom_padd_03 {
		margin-bottom: 10px;
	}


/***--- footer setting ---***/
#footer {
	padding-top: 35px;
	clear:both;
	text-align:center ;
	}

	#f_nv {
		border-bottom:#6666cc 2px solid ;
		}
		
.copylight {
	color:#666 ;
	font-family:Helvetica, Arial, sans-serif ;
	font-size:10px ;
	margin-top:5px ;
	}



/*プライバシーポリシーmalitoリンク*/
.mailto_link a:link {
color:#0064FF;
text-decoration:underline;
}

.mailto_link a:visited {
color:#0064FF;
text-decoration:underline;
}

.mailto_link a:hover {
color:#ff6600 ;
text-decoration:none ;
}