@charset "utf-8";

/*
========== CSS of CONTENTS ==========

Created: 2012-3-28
Modified: 

page of All
1:headline
2:link
3:header
4:nav
5:footer
6:sidebar_l
7:sidebar_r
8:content（mainColumn）
9:icon_sprite
10:other

========== /CSS of CONTENTS ==========
*/


/* 1:headline
   --------------------------------------------- */



/* 2:link
   --------------------------------------------- */

/*---  link style  ---*/
.linkMore{
margin:0 0 15px;
text-align:right;
}

.linkMore a{
padding:0 0 0 15px;
background:url(../images/icon/ico_arrow03.png) no-repeat 0 0.2em;
font-size:85%;
zoom:1;
}

.linkArrow01{
padding:0 0 0 15px;
background:url(../images/icon/ico_arrow03.png) no-repeat 0 0.35em;
font-size:85%;
zoom:1;
}

.linkArrow02{
padding:0 0 0 20px;
background:url(../images/icon/ico_arrow03.png) no-repeat 0 0.4em;
zoom:1;
}


/*---  linkPage  ---*/
.linkPage{
position:relative;
width:100%;
font-size:85%;
}

.linkPage p.change{
text-align:center;
}

.linkPage p.first{
position:absolute;
top:0;
left:0;
}

.linkPage p.last{
position:absolute;
top:-3px;
right:0;
text-align:right;
}

/*---  modLinkBtn  ---*/
.modLinkBtn{
margin:0 auto;
width:255px;
}

ul.modLinkBtn li{
float:left;
}


/* 3:header
   --------------------------------------------- */

#header{
margin:0;
padding:0;
position:relative;
/*height:35px;*/
height:48px;
z-index:100;
background:url(../images/bg_header.png) repeat-x 0 0;
}

#header #headerInner{
margin:0 auto;
padding:0;
width:1058px;
height:48px;
}

#header #headerInner h1{
margin:8px 0 0 10px;
padding:0;
display:inline;
float:left;
}


/* 4:nav
   --------------------------------------------- */

nav{
margin:0 10px 0 0;
display:inline;
float:right;
height:35px;
text-align:right;
}

nav ul{
margin:0;
padding:0;
line-height:normal;
list-style:none;
}

nav ul li{
display:inline;
float:left;
}

nav ul li a{
padding:9px 15px 0;
display:block;
_float:left;/* IE6 */
height:24px;
color:#ffffff;
text-align:center;
}

nav ul li a:hover{
background:#7aced9;
filter:alpha(opacity=95);
-moz-opacity:0.95;
opacity:0.95;
text-decoration:none;
}

nav ul li#navChange{
position:relative;
}

nav ul li#navChange img{
margin-left:5px;
vertical-align:middle;
}

ul.navSub{
border:1px solid #e5e5e5;
display:none;
position:absolute;
top:33px;
left:-87px;
background:#ffffff;
text-align:left;
width:190%;
_width:200px;/* IE6 */
}

ul.navSub li{
display:block;
float:none;
clear:both;
text-align:left;
}

ul.navSub li.navOut{
padding:7px 0;
border-top:1px solid #e5e5e5;
}

ul.navSub li a{
padding:8px 20px 0;
display:block;
float:none;
color:#0080c6;
background:none;
font-weight:normal;
text-align:left;
}

ul.navSub li a:hover{
background:#e4f0fd !important;
}


/* 5:footer
   --------------------------------------------- */

footer{
margin:0 auto;
clear:both;
width:100%;
}

#footerArea{
margin:0 auto;
padding:70px 0 30px;
width:1038px;
overflow:hidden;
background:url(../images/bg_footer.png) no-repeat 0 40px;
}

.footerNav{
text-align:center;
}

.footerNav ul li{
padding:0 18px;
border-left:1px solid #c3c3c3;
display:inline;
font-size:85%;
}

.footerNav ul li.footerNavLeft{
border-left:none;
}

.footerNav ul li a{
color:#999999;
}

.footerNav p{
padding-top:15px;
color:#999999;
line-height:1.2;
}


/* 6:sidebar_l
   --------------------------------------------- */


/* 7:sidebar_r
   --------------------------------------------- */


/* 8:content（mainColumn）
   --------------------------------------------- */

/*---  boxContainer  ---*/
.boxContainer{
padding:0 5px;
}


/*---  modBgIcon  ---*/
.modBgIcon{
padding:6px;
width:30px;
background:url(../images/bg_icon.png) no-repeat 0 0;
}


/* 9:icon_sprite
   --------------------------------------------- */


/* 10:other
   --------------------------------------------- */

.error_list{
margin:0 0 5px;
color:#eb6100;
font-weight:bold;
}

.cautions{
color:#eb6100;
font-size:85%;
}