@charset "utf-8";

/* #suntory_contents #header
==================================== */
#header{
background:url(/recruit/factory/common/img/header.png) repeat-x 0 -50px #59bed8;
text-align:center;
padding:19px 0 22px 0;
}

#header .inner{
width:960px;
margin:0 auto;
text-align:left;
}

#header .inner:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
#header .inner{display:inline-block;}
* html #header .inner{height:0%;}
#header .inner{display:block;}


#header .inner h1,
#header .inner ul,
#header .inner ul li{
float:left;
}

#header .inner h1 a{
display:block;
background:url(/recruit/factory/common/img/header.png) no-repeat 0 0;
width:204px;
height:17px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
font-size:0;
line-height:0;
margin:0 30px 0 0;
}

#header .inner ul.topicpath:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
#header .inner ul.topicpath{display:inline-block;}
* html #header .inner ul.topicpath{height:0%;}
#header .inner ul.topicpath{display:block;}


#header .inner ul.topicpath li{
float:left;
background:url(/recruit/factory/common/img/topicpath_ico.png) no-repeat right 50%;
font-size:70%;
line-height:130%;
color:#fff;
padding:3px 13px 0 8px;
}


#header .inner ul.topicpath li a{color:#fff;}

#header .inner ul.topicpath li a:hover{text-decoration:underline;}

#header .inner ul.topicpath li.active{background-image:none;}
#header .inner ul.topicpath li.active a:hover{text-decoration:none;}






/* #contents
==================================== */
#contents{
padding:45px 0 0 0;
}

#contents:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
#contents{display:inline-block;}
* html #contents{height:0%;}
#contents{display:block;}

#contents #main{
float:right;
width:730px;
}

#contents #side_menu{
float:left;
width:190px;
}





/* #contents #main
==================================== */
/* #main #main_hd
------------------------------ */
#main #main_hd h2{
font-size:30px;
line-height:110%;
color:#2babcc;
font-weight:bold;
letter-spacing:2px;
}

#main #main_hd h2 i{
font-size:21px;
line-height:110%;
}








/* #main .to_page_top
------------------------------ */
#main .to_page_top{
margin:20px 0 20px 0;
}

#main .to_page_top:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
#main .to_page_top{display:inline-block;}
* html #main .to_page_top{height:0%;}
#main .to_page_top{display:block;}

#main .to_page_top a{
display:block;
float:right;
font-size:73%;
line-height:120%;
}

#main .to_page_top a:before{
background:url(/recruit/factory/common/img/ico.png) no-repeat 0 -60px;
content:"";
float:left;
width:10px;
height:10px;
margin:3px 5px 0 0;
}

#main .to_page_top a:hover{
text-decoration:underline;
}