@charset "utf-8";
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

u-tec

Last Updated: mar 28, 2011

	01: news
	02: mainimg
	03: contents


++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

body { padding:13px 0 0 0; }

h3,h4 {
width:280px;
height:35px;
margin:0;
padding:0;
}

h5 {
width:542px;
height:35px;
margin:0;
padding:0;
}

/* ====================================================
	01:news
==================================================== */	

#news {
height:195px;
padding:0 0 0 0;
vertical-align:bottom;
}

#news_b {
width:256px;
height:auto;
padding:10px 10px 14px 14px;
background-color:#fff;
}

.arti {
color:#0066CC;
padding:7px 0;
margin:0;
border-bottom:1px dotted #0066CC;
}

.hiduke,.text_con { font-size:0.9em; }

.text_con a { text-decoration:none; border-bottom:1px dotted #0066CC; font-size:0.8em; }
.text_con a:hover { border-bottom:1px solid #0066CC; }



/* ====================================================
	02:mainimg
==================================================== */	


#mi01 {
width:542px;
height:623px;
float:right;
}

#slideshow {
    position:relative;
    height:623px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#mi02 {
width:30px;
padding:23px 0 0 0;
float:left;
}


/* ====================================================
	03:contents
==================================================== */	

#various {
width:542px;
clear:both;
padding:20px 0 0 30px;
}

#various_b {
width:542px;
height:180px;
background-color:#fff;
}

#va01 {
width:453px;
float:left;
}

#va01 table {
border-collapse:collapse;
empty-cells:show;
border-spacing:0;
}

#va01 td {
width:98px;
padding:15px 0 15px 14px;
border-bottom:1px dotted #FF6600;
}

.b { border-right:1px dotted #FF6600; }

#va01_t {
padding:13px 0 0 18px;
}

#va02 {
width:76px;
height:120px;
padding:59px 0 0 12px;
float:right;
border-left:1px dotted #FF6600;
}

/* ====================================================
	04:link
==================================================== */

#link {
clear:both;
}

#link_b {
width:256px;
height:auto;
padding:10px 10px 14px 14px;
background-color:#fff;
}

#link_b ul { margin:0; padding:0; }

#link_b li {
padding:5px 15px;
border-bottom:1px dotted #CCCCCC;
background:url(../top_img/link_icon.gif) 0 5px no-repeat;
}

#link_b a {
text-decoration:none;
color:#003399;
}

#link_b a:hover {
color:#FF6600;
}