@import url(header.css);
@import url(footer.css);

/*------------------------------
BASIC SETTING 
------------------------------*/
* {
margin:0;
padding:0;
}
html{
background:#F6F6F6;
height:100%;
width:100%;
}
body {
line-height:1.5;
color:#333;
font-size:0.9em;
font-family:Arial, "ËÎÌå", Geneva, Helvetica, sans-serif;
background:url(../images/bg.jpg) repeat-y center;
height:100%;
width:100%;
}
html>body{
height:auto;
}
img {
border:0;
}
a {
text-decoration: none;
color: #333333;
}

a:hover {
color: #DB8A3F;
}
.clear{clear:both;font:0/0 arial,sans-serif,height:0; width:0; hidden:overflow;}  
/*p{
line-height:1.2;
color:#333;
font-size:0.8em;
}
*/

/*------------------------------
LINK
------------------------------
a:link{color:#000099;}
a:visited{color:#660099;}
a:active{color:#ff6633;}
a:hover{color:#ff6633;}
------------------------------
link
------------------------------*/
#mainArea a{
padding-left:12px;
padding-top:1px;
text-decoration:none;
}

/*------------------------------
LAYOUT
------------------------------*/
#wrapper{
width:750px;
margin:0px auto;
padding-top:20px;
}
/*#wrapper ul{margin:0px; padding:0px; width:750px; padding-ledf:3px; padding-right:3px; list-style:none;}
#wrapper ul li {width:130px; list-style:none; float:left; padding-left:28px; padding-right:28px;}*/
#nav1 {
	margin:0px;
	padding:0px;
	width:750px;
	font-size:10px;
	padding-ledf:3px;
	padding-right:3px;
	list-style-type: none;
	padding-bottom:20px;
	}
#nav1 a {
	display: block;
}
#nav1 li
	{
	padding-left:28px;
	padding-right:28px;
	float: left;
	}

#nav1 li a:hover{ background-position:center bottom; text-decoration:none;}
		.menu01 a { width:130px; height:42px; background:url(../images/banner_oto_f2.jpg) no-repeat center top;}
		.menu01o a { width:130px; height:42px; background:url(../images/banner_oto_f2.jpg) no-repeat center bottom; }
		.menu02 a { width:130px; height:42px; background:url(../images/banner_toa5.jpg) no-repeat center top;}
		.menu02o a { width:130px; height:42px; background:url(../images/banner_toa5.jpg) no-repeat center bottom;}
		.menu03 a { width:130px; height:42px; background:url(../images/banner_olympic.jpg) no-repeat center top;}
		.menu03o a { width:130px; height:42px; background:url(../images/banner_olympic.jpg) no-repeat center bottom;}
		.menu04 a { width:130px; height:42px; background:url(../images/banner_audiovisual.jpg) no-repeat center top;}
		.menu04o a { width:130px; height:42px; background:url(../images/banner_audiovisual.jpg) no-repeat center bottom;}
		.menu05 a { width:130px; height:42px; background:url(../images/banner_xebox_f2.jpg) no-repeat center top;}
		.menu05o a { width:130px; height:42px; background:url(../images/banner_xebox_f2.jpg) no-repeat center bottom;}
		.menu06 a { width:130px; height:42px; background:url(../images/videodown.gif) no-repeat center;}
		.menu06o a { width:130px; height:42px; background:url(../images/videodown.gif) no-repeat center;}
		.menu07 a { width:130px; height:42px; background:url(../images/icons.gif) no-repeat center;}
		.menu07o a { width:130px; height:42px; background:url(../images/icons.gif) no-repeat center;}
		.menu08 a { width:130px; height:42px; background:url(../images/bbs.gif) no-repeat center;}


#header{
width:754px;
height:52px;
margin:0px auto;
padding:3px 20px 0px 15px;
}
#gnavi{
clear:both;
width:790px;
text-align:center;
margin:0px auto;
}
#snavi{
width:220px;
float:left;
}
#mainArea{
width:510px;
float:right;
}
#footer{
width:789px;
}
#pagetop{
width:750px;
}


/*------------------------------
MARGIN PADDING
------------------------------*/
.mt15{
margin-top:15px;
}
.fsS{
font-size:0.8em;
line-height:1.1;
}


/* ---------------------
CONTENTS AREA main
-------------------- */

div#second-container {
margin: 20px auto 0 auto;
padding: 0;
width: 750px;
}

div#second-container div#mainArea {
margin: 0 auto 0 auto;
padding: 0;
width: 529px;
float: left;
}

div#second-container div#mainArea div#sitetop-mtitle {
margin: 0 auto 0 auto;
padding: 0 0 0 20px;
height: 31px;
width: 509px;
background: url(../images/sitetop_bg_01.jpg) left top no-repeat;
}

/* ie6ÓÃ */
* html div#second-container div#mainArea div#sitetop-mtitle {
width: 500px; /* ¤³¤³¤Î¤ß */
}

div#second-container div#mainArea div#sitetop-mtitle h2 {
margin: 0;
padding: 5px 0 0 0;
height: 25px;
float: left;
font-size: 16px;
color: #656565;
}

div#second-container div#mainArea div#sitetop-mtitle a {
margin: 0;
padding: 9px 0 0 0;
height: 22px;
width: 80px;
font-size: 10px;
float: right;
}

/* ie6ÓÃ */
* html div#second-container div#mainArea div#sitetop-mtitle a {
width: 92px;
}

div#second-container div#mainArea h3 {
margin:0;
padding: 10px 0 0 0;
height: 70px;
width: 510px;
clear: both;
}

div#second-container div#mainArea div.page-menu {
margin: 0;
padding: 0 1px 1px 0;
width: 510px;
background-color: #E6E6E6;
display: block;
overflow: hidden;
}

div#second-container div#mainArea div.page-menu ul {
margin: 0;
padding: 2px;
width: 510px;
list-style: none;
}

div#second-container div#mainArea div.page-menu ul li {
margin: 0;
padding: 0;
height: 26px;
width: 254px;
background: url(../images/sitetop_bg_submenu_f2.jpg) left top no-repeat;
float: left;
text-align: left;
}

div#second-container div#mainArea div.page-menu ul li a {
margin: 0;
padding: 4px 0 0 20px;
height: 22px;
width: 234px;
background: url(../images/sitetop_bg_submenu.jpg) left top no-repeat;
float: left;
font-size: 12px;
text-align: left;
}

div#second-container div#mainArea div.page-menu ul li a:hover {
background: none;
}



/* ---------------------
CONTENTS AREA submenu
-------------------- */


div#second-container div#subMenu {
margin: 0 auto 0 auto;
padding: 0;
width: 221px;
float: left;
}

div#second-container div#subMenu h2.information {
margin: 0;
padding: 0;
height: 31px;
width: 221px;
background: url(../images/sitetop_bg_important_f2.jpg) left top no-repeat;
}

div#second-container div#subMenu h2.information a {
margin: 0;
padding: 6px 0 0 20px;
height: 25px;
width: 201px;
display: block;
font-size: 14px;
background: url(../images/sitetop_bg_important.jpg) left top no-repeat;
}

div#second-container div#subMenu h2.information a:hover {
background: none;
}

div#second-container div#subMenu div#nr-box {
margin: 10px 0 0 0;
padding: 0;
width: 221px;
}

div#second-container div#subMenu div#nr-box div#nr-title {
margin: 0;
padding: 0;
height: 31px;
width: 221px;
background: url(../images/sitetop_bg_news.jpg) left top no-repeat;
}

div#second-container div#subMenu div#nr-box div#nr-title h2 {
margin: 0;
padding: 6px 0 0 20px;
height: 25px;
font-size: 14px;
float: left;
/* border: 1px solid #FF0000; */
}

div#second-container div#subMenu div#nr-box div#nr-title p {
margin: 0;
padding: 11px 8px 0 0;
height: 20px;
font-size: 10px;
float: right;
}

div#second-container div#subMenu div#nr-box div#nr-title p a {
margin: 0;
padding: 11px 0 0 17px;
height: 20px;
background: url(../images/icon_rss.gif) 0 70% no-repeat;
color: #DB8A3F;
}

div#second-container div#subMenu div#nr-box div#nr-list {
margin: 0;
padding: 0 10px 0 10px;
min-height: 413px;
width: 197px;
border-left: 2px solid #E6E6E6; 
border-bottom: 2px solid #E6E6E6; 
border-right: 2px solid #E6E6E6;
}

div#second-container div#subMenu div#nr-box div#nr-list p {
margin: 0;
padding: 5px 0 5px 0;
width: 197px;
text-align: right;
font-size: 10px;
}

div#second-container div#subMenu div#nr-box div#nr-list p a {
margin: 0;
padding: 7px 0 0 12px;
height: 16px;
width: 197px;
background:url(../images/ico_arrow_orange.gif) 0% 50% no-repeat;
}

div#second-container div#subMenu div#nr-box div#nr-list ul {
margin: 0;
padding: 7px 0 0 0;
width: 197px;
border-top: 1px dashed #E6E6E6; 
border-bottom: 1px dashed #E6E6E6;
font-size: 10px;
list-style: none;
}

div#second-container div#subMenu div#nr-box div#nr-list ul li {
margin: 0;
padding: 5px 0 5px 0;
border-bottom: 1px dashed #E6E6E6;
}

div#second-container div#subMenu div#nr-box div#nr-list ul li.icon-notic {
background:url(../images/icon_notic.gif) 100% 10% no-repeat;
}

div#second-container div#subMenu div#nr-box div#nr-list ul li.icon-news {
background:url(../images/icon_news.gif) 100% 10% no-repeat;
}

div#second-container div#subMenu div#nr-box div#nr-list ul li.icon-communication {
background:url(../images/icon_communication.gif) 100% 10% no-repeat;
}

div#second-container div#subMenu div#nr-box div#nr-list ul li.icon-product {
background:url(../images/icon_product.gif) 100% 10% no-repeat;
}

/* ---------------------
BANNER AREA
-------------------- */

div#third-container {
margin: 0 auto 0 auto;
padding: 0;
width: 750px;
clear: both;
}

div#third-container div#bannerArea {
margin: 0 auto 0 auto;
padding: 20px 0 30px 0;
overflow: auto;
clear: both;
}

div#third-container div#bannerArea p {
margin: 0;
padding: 0 15px 0 0;
width: 170px;
float: left;
font-size: 10px;
}

div#third-container div#bannerArea p img {
margin: 5px 0 5px 0;
padding: 0;
}