@import "/common/css/global.css";

*{
margin:0px;
padding:0px;
line-height:150%;
}

img{
border:none;
vertical-align:bottom;
}
ul{
list-style-type:none;
}

div#skyarcGroup,
div#skyarcGroup li img,
#logo img,
#globalNavi img,
h2.cachcopy img,
.news h2,
.news h2 img,
div.news,
div.news dl,
#main,
#footer img{
	 behavior: url("/common/js/iepngfix.htc") ;
}




#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents p,
#contents table,
#contents .figure,
#contents ul,
#contents dl,
#contents ol{
margin-left:18px;
margin-right:18px;
}

a{
position:relative;
}

/***********************************************
Layer
***********************************************/

body{
text-align:center;
color:#000000;
font-size:75%;
position:relative;
background:#000000 url(/common/company/images/body_bg.jpg) no-repeat center top;
}

#body{
width : 945px;
margin:0px auto;
position:relative;
}

#main{
width : 945px;
margin-top:40px;
margin-bottom:35px;
float:right;
}

#archiveTop #main{
background:none;
margin-bottom:0px;
}

#page #main{
width : 935px;
background:url(/common/company/images/ctn_white_bg-trans.png) no-repeat left top;
_background:none;
padding-left:10px;
padding:10px 0px 10px 10px;
}

#contents{
float:left;
margin:0px;
padding:15px 0px;
color:#ffffff;
text-align:left;
z-index:1;
position:relative;
}

#archiveTop #contents{
position:relative;
width : 945px;
margin-top:40px;
padding-top:0px;
background:none;
}

#page #contents{
width:690px;
background:url(/common/company/images/ctn_black_bg-trans.png) no-repeat left top;
_background:#000;
}

#contents a,
#localNavi a{
position:relative;
}

#footer{
width:100%;
clear:both;
height:100px;
}

#localNavi{
position:absolute;
right:10px;
top:105px;
width:220px;
text-align:left;
background:#000000 url(/common/company/images/body_bg.jpg) no-repeat center top;

}

/**************************************
Utility
***************************************/
a{
color: #ffffff;
text-decoration: underline;
}


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



/**************************************
Header
***************************************/
#header{
position : relative;
width : 100%;
height : 55px;
}

#header #logo{
position: absolute;
top : 8px;
right : 10px;
}

#header #globalNavi{
position: absolute;
top : 25px;
left : 0px;
width: 551px;
}

#header #globalNavi li{
float : left;
margin-right:36px;
}

#header #globalNavi li.stay a{
background:url(/common/company/images/gnavi_stay.gif) no-repeat center bottom ;
}

#header #globalNavi li a {
padding-bottom:15px;
display:block;
}

#header #globalNavi li.pressrelease a {
width: 78px;
}

#header #globalNavi li.about a {
width: 117px;
}

#header #globalNavi li.partner a {
width: 56px;
}

#header #globalNavi li.recruit a {
width: 48px;
}

#header #globalNavi li.inquiry a {
width: 72px;
}

#header #globalNavi li a:hover{
background:url(/common/company/images/gnavi_stay.gif) no-repeat center bottom ;
}


/**************************************
footer
***************************************/

#footer {
clear:both;
padding-top:10px;
position:relative;
text-align:center;
}

#footer .usausa{
position:absolute;
top:-85px;
right:0px;
}

#footer .utilityMenu{
width:945px;
margin:0px auto;
margin-top:10px;
}

#footer .utilityMenu li{
float:left;
margin-right:15px;
}

#footer .copyright{
clear:both;
padding-top:5px;
width:945px;
color:#cccccc;
margin:0px auto;
text-align:left;
position:relative;
}
#footer .copyright .logo{
position:absolute;
right:0px;
top:-15px;
}


/**************************************
LocalNavi
***************************************/

/** ul *************************/

#localNavi .parentNavi{
padding:13px 5px 13px 10px;
color:#ffffff;
font-weight:bold;
}

#localNavi .parentNavi a{
display:block;
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

#localNavi .parentNavi a:hover{
text-decoration:underline;
}

#localNavi ul.level03{
border-top:none;
margin-bottom:0px;
padding:10px;
padding-top:0px;
}

#localNavi ul.level03 li{
background:url(/common/company/images/ctn_black_bg-trans.png) left top;
_background:none;
line-height:0px;
border-bottom:1px solid #333333;
}

#localNavi ul.level03 li a{
width:200px;
display:block;
line-height:140%;
padding:9px 0px 9px 0px;
text-decoration:none;
background:url(/common/images/lnavi_arrow_icon.gif) no-repeat right 12px;
}

#localNavi ul.level03 li a span{
display:block;
padding:0px 10px;
margin-right:5px;
}

#localNavi ul.level03 li.parent01 a{
border:none;
}

#localNavi ul.level03 li.parent01 ul.level04{
padding-bottom:10px;
}

#localNavi ul.level03 li.parent02 ul.level04{
padding-bottom:10px;
}

#localNavi ul.level04{
margin-top:0px;
padding-top:0px;
margin-left:10px;
}

#localNavi ul.level03 li.parent01 a,
#localNavi ul.level03 li.parent02 a{
width:200px;
border:none;
text-decoration:none;
font-weight:bold;
padding-top:10px;
padding-bottom:9px;
}

#localNavi ul.level03 li.parent01,
#localNavi ul.level03 li.parent02{
padding-left:0px;
padding-bottom:0px;
background:url(/common/company/images/ctn_black_bg-trans.png) left top;
/*background:#ffffff url(/common/images/lnavi_bg.jpg) no-repeat left top;*/
}

#localNavi ul.level03 li.parent01 a span,
#localNavi ul.level03 li.parent02 a span{
padding:0px;
margin:0px;
margin-left:7px;
padding-left:5px;
border-left:3px solid #006699;
margin-right:15px;
}

#localNavi ul.level03 li.parent01 ul.level04 li ,
#localNavi ul.level03 li.parent02 ul.level04 li {
border:none;
}

#localNavi ul.level03 li.parent01 ul.level04 li a,
#localNavi ul.level03 li.parent02 ul.level04 li a{
width:169px;
font-weight:normal;
display:block;
background:#ffffff url(/common/images/contents_dot_border.gif) repeat-x left bottom;
border:none;
text-decoration:none;
padding:5px 0px;
}

#localNavi ul.level03 li.parent01 ul.level04 li a span,
#localNavi ul.level03 li.parent02 ul.level04 li a span{
padding:0px 9px;
padding-left:9px;
border:none;
margin-left:0px;
margin:0px;
}

#localNavi ul.level03 li.parent02 ul.level04 li.parent01{
padding:0px;

}

#localNavi ul.level03 li.parent02 ul.level04 li.parent01 a{
background:url(/common/images/lnavi_03_active.jpg) repeat-x left bottom;
border:none;
color:#ffffff;
}

#localNavi ul.level03 li a:hover{
background:url(/common/images/lnavi_arrow_icon.gif) no-repeat right 12px;
text-decoration:underline;
color:#ffffff;
}

#localNavi ul.level03 li.parent01 ul.level04 li a:hover,
#localNavi ul.level03 li.parent02 ul.level04 li a:hover{

}

#localNavi ul.level03 li.parent02 ul.level04 li.parent01 a:hover{
background:url(/common/images/lnavi_03_active.jpg) repeat-x left bottom;
}

#localNavi ul.level03 li.parent01 a:hover,
#localNavi ul.level03 li.parent02 a:hover{

}

#localNavi ul.level03 li.parent02 ul.level04 li.parent01 a:hover{

}


/**************************************
TopPage
***************************************/

#archiveTop #contents h2.cachcopy{
position:absolute;
bottom:40px;
left:0px;
}

#archiveTop #contents div.news{
float:right;
text-align:left;
margin:0px;
padding:0px;
width:500px;
background:url(/common/company/images/ctn_white_bg-trans.png) repeat-x left top;
}

#archiveTop #contents div.news .wrapper{
padding:10px;
float:left;
}

#archiveTop #main h2{
background:none;
border:none;
margin:0px;
}

#archiveTop #main dt{
color:#999999;
}


#archiveTop #main dd{
background:none;
}

#archiveTop #main .news h2 a,
#archiveTop #main .news dl dt a{
position:relative;
}

#archiveTop #main .news h2{
margin:0px;
padding:0px;
width:480px;
background:url(/common/company/images/ctn_black_bg-trans.png) no-repeat left top;
}

#archiveTop #main .news h2 img{
margin:10px;
}

#archiveTop #main h2 span.rss{
position:absolute;
top:20px;
right:20px;
height:12px;
padding:0px;
}


#archiveTop #main h2 span.rss img{
vertical-align:top;
margin:0px;
}

#archiveTop #main .news dl{
background:url(/common/company/images/ctn_black_bg-trans.png) repeat-x left top;
margin:0px;
padding:0px;
color:#ffffff;
width:480px;
}

#archiveTop #main .news dl a{
font-weight:bold;
text-decoration:underline;
}


#archiveTop #main .news dl a:hover{
text-decoration:underline;
}

#archiveTop #main .news dt{
padding:5px 10px 2px 10px;
margin:0px;
}

#archiveTop #main .news dd{
padding:0px 10px 5px 10px;
}

/************************************************
topic path
************************************************/

#topicPath{
position:absolute;
top:70px;
left:0px;
font-size:83%;
padding-left:0px;
margin-bottom:15px;
color:#cccccc;
}

#topicPath li{
float:left;
}

#topicPath li a{
color:#ffffff;
text-decoration:none;
}

#topicPath li a:hover{
text-decoration:underline;
}




/**************************************
default
***************************************/

#contents h1{
background:url(/common/images/contents_h1_bg.jpg) no-repeat left top;
padding:5px 5px 5px 10px;
font-size:120%;
margin-bottom:15px;

}

#contents h3{
font-size:114%;
padding:5px 5px 5px 3px;
margin-bottom:10px;
margin-top:10px;
border-bottom:1px solid #cccccc;
clear:both;
}

#contents h2 a{
color:#ffffff;
}
#contents h2 a:hover{
text-decoration:none;
}


#contents h2{
font-size:114%;
padding:5px 5px 5px 7px;
background:url(/common/company/images/ctn_white_bg-trans-trans.png) repeat-x left bottom;
border-left:5px solid #666666;
margin-top:15px;
margin-bottom:10px;
clear:both;
color:#ffffff;
}

#contents p{
padding:0 3px;
padding-bottom:10px;
}

#contents ul{
padding-left:15px;
padding-bottom:10px;
}

#contents ol{
margin-left:25px;
padding-bottom:10px;
}

#contents ul li{
overflow:hidden;
background:url(/common/images/contents_ul_icon.gif) no-repeat left 0.3em;
padding-left:17px;
margin-bottom:7px;
}

#contents ul li p{
margin:0px;
padding:0px 0px 5px 0px;
}

#contents ol li{
padding:5px 5px 5px 5px;
margin-left:25px;
margin-bottom:5px;
background:url(/common/images/contents_dot_border.gif) repeat-x left bottom;
}

#contents .figure{
margin:0px;
margin-bottom:10px;
text-align:center;
}

#contents .featureImageLeft{
float:Left;
margin-right:18px;
margin-bottom:10px;
margin-left:18px;
}

#contents .featureImageRight.none,
#contents .featureImageLeft.none{
border:none;
}

#contents .featureImageRight{
float:right;
margin-left:18px;
margin-right:27px;
margin-bottom:10px;
}

#contents a.extRef{
padding-left:14px;
background:url(/common/images/contents_extref_icon.gif) no-repeat left 0.25em;
}

a.pdf{
padding-left:20px;
background:url(/common/images/pdf_icon.gif) no-repeat left 0em;
display:block;
font-weight:bold;
text-decoration:none;
}

a.html{
padding-left:20px;
background:url(/common/images/html_icon.gif) no-repeat left 0em;
display:block;
font-weight:bold;
text-decoration:none;
}

a.pdf .size{
margin-left:7px;
color:#666666;
font-weight:normal;
}

#contents dl{
padding-bottom:10px;
padding-left:3px;
float:left;
}


#contents dl dt{
margin-bottom:50px;
clear:both;
margin-bottom:5px;
}

#contents dl dd{
background:url(/common/images/contents_dot_border.gif) repeat-x left bottom;
float:left;
padding-bottom:10px;
margin-bottom:10px;
}

#contents dl dd .featureImage{
float:left;
margin:0px;
margin-right:10px;
}

#contents dl dd .featureImageLeft{
float:left;
margin:0px;
margin-right:10px;
}

#contents table{
width:95%;
color:#ffffff;
font-size:100%;
margin-bottom:10px;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #e4e4e4;
}

#contents table caption{
display: none;
/*
text-align:center;
border-left:4px solid #0059AA;
padding:1px 5px 2px 5px;
margin-bottom:5px;
font-weight:normal;
*/
}

#contents th{
color:#ffffff;
border-bottom: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
padding:7px;
width:40%;
}

#contents td{
color:#ffffff;
border-bottom: 1px solid #e4e4e4;
padding:7px;
}

#contents td ul{
padding:0px;
margin-left:2px;
}

#contents .note{
color:#8E8E8E;
font-size:83%;
text-indent:-0.8em;
padding-left:1em;
padding-bottom:0px;
margin:0px;
}

#contents ul.notes{
margin-left:0px;
}

#contents ul.notes li{
color:#8E8E8E;
font-size:83%;
background:none;
text-indent:-1.8em;
padding-left:2em;
}
#contents .hot{
color:#FE0000;
}
#contents .cool{
color:#0059AA;
}
#contents .keypoint{
background:url(/common/images/arrow_icon.gif) no-repeat left 0.3em;
padding-left:10px;
}

#contents ul.intRef{
margin-left:0px;
}
#contents ul.intRef li{
background:none;
padding-left:0px;
}
#contents ul.intRef li a{
background:url(/common/images/contents_intref_icon.gif) no-repeat left 0.3em;
padding-left:14px;
}

#contents p.cachcopy{
font-size:140%;
font-weight:bold;
padding:5px 3px;
padding-bottom:15px;
clear:both;
}

#contents p.more{
text-align:right;
}

#contents p.more a{
background:url(/common/images/arrow_icon.gif) no-repeat left 0.2em;
padding-left:12px;
font-weight:bold;
}

#contents a.more{
background:url(/common/images/arrow_icon.gif) no-repeat left 0.2em;
padding-left:12px;
font-weight:bold;
}

#contents .news ul{
margin:0px;
padding:0px;
font-weight:bold;
color:#666666;
}

#contents div.left{
width:260px;
float:left;
}


#contents div.right{
width:260px;
float:right;
}

#contents .news{
padding:0px;
margin:0px;
margin-bottom:20px;
float:left;
padding-left:36px;
}

#index #contents .news,
#index #contents .news ul{
margin-left:0px;
padding:0px;
}

#contents .news li{
width:645px;
float:none;
background:none;
margin:0px;
padding:4px 0px;
padding-bottom:7px;
margin-bottom:7px;
background:url(/common/images/contents_dot_border.gif) repeat-x left bottom;
}


#contents .news span.date{
color:#666666;
margin-right:9px;
display:block;
margin-bottom:3px;
}

#index #contents .news span.date{
display:inline;
}

#contents .news a{
text-decoration:none;
}


/***inquiry*********/

table#inquiry span.note{
display:block;
margin-left:0px;
}

table#inquiry td ul {
list-style-type:none;
}

#contents table#inquiry td ul li{
list-style-type:none;
}

table#inquiry ul li input{
margin-right:5px;
}

table#inquiry th{
text-align:center;
}

table#inquiry th span.required{
color:red;
font-weight:normal;
}

/**********************************************************************
Submit
**********************************************************************/

div.submit{
padding:15px;
text-align:center;
margin-left:18px;
}

/*****blog pager***************/
div.pager{
border-bottom:1px solid #e6e6e6;
background:url(/common/images/contents_dot_border.gif) repeat-x left top;
padding:5px 0px;
text-align:center;
height:25px;
margin:0px 0px 20px 18px;
position:relative;
}

div.pager span.previous{
position:absolute;
top:8px;
left:10px;
font-weight:bold;
}

div.pager span.previous a{
margin-left:5px;
}

div.pager span.next{
position:absolute;
top:10px;
right:10px;
font-weight:bold;
}

div.pager span.next a{
margin-right:5px;
}

#contents ul.date{
text-align:right;
}

#contents ul.date li{
background:none;
}

#contents p.privacy,
#contents div.privacy{
display:none;
}

/**********************************************************************
bookmark
**********************************************************************/

#contents .bookmark{
position:absolute;
right:5px;
top:15px;
}


/**********************************************************************
accessmap
**********************************************************************/

.accessmap {
padding-left:18px;
}