@charset "utf-8";

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		 Petabit CSS Last:12/11/30
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*===========================================================
＊ common
===========================================================*/

/*all page*/
body{
	color: #333333;
	background:#FFFFFF;}

/*textlink*/
a,a:visited {
	color:#333333;
	text-decoration: underline;}
a:hover,a:active {
	color:#333333;
	text-decoration: none;}

a.cursor{
	-webkit-transition: all 0.2s ease 0s;
	   -moz-transition: all 0.2s ease 0s;
	     -o-transition: all 0.2s ease 0s;
	        transition: all 0.2s ease 0s;
	background:url(../images/common/a_cursor.png) 0 0.5em no-repeat;
	padding-left:10px;}
a.cursor:hover {
    background-position: 2px 0.5em;}



/*------------------------------------------------------
＊　#page
-------------------------------------------------------*/
/*all area*/
#page {
	text-align:center;
	margin:0 auto;}

/*all area > main area*/
#page #main{
	position:relative;
	background:url(../images/common/bg_content_line.gif) repeat-x 0 bottom;}

/*all area > main area > maincolumn*/
#page #main #maincolumn{
	max-width:800px;
	margin:45px auto 0;
	padding-bottom: 198px;
	overflow:hidden;
	position:relative;
	background:url(../images/common/bg_content.gif) no-repeat center bottom;}

/*all area > main area > main content*/
#page #content{
	min-height:500px;
	text-align:left;	
	line-height:1.6;
	zoom:1;}
body.home #page #content,
#page #contentAll{
	position:relative;
	width:100%;
	max-width:800px;
	margin:0;}
#page #content:before,
#page #content:after { content:""; display:table;} 
#page #content:after { clear:both;}

/*===========================================================
＊ #header
===========================================================*/

/*----default*/
#header{
	width:100%;
	text-align:left;
	background:#FFFFFF url(../images/common/lin_double.gif) repeat-x 0 bottom;
	padding:0;}
#headMain{
	overflow:visible;
	max-width:960px;	
	margin:0 auto;
	padding:0;
	position:relative;
	height:142px;}


/*header side*/

#tagline{
	position:absolute;
	top:20px;
	right:0;
	padding:0 0 0 240px;
	text-align:right;
	font-size:85%;
	z-index:99;
	line-height:1.5;}

/*title logo*/
#header #logo{
	position: relative;
	z-index:999;
	width:223px;
	height:62px;
	margin:10px 0 10px;
	float:left;}


.uNav{
	position:absolute;
	top:10px;
	right:0;
	overflow:hidden;
	_zoom:1;
	margin-top:45px;
	text-align:right;}
.uNav li{
	display:inline-block;
	/display: inline;
	/zoom:1;
	padding:5px 8px;}
.uNav a{
	font-size:85%;
	text-decoration:none;
	padding:0 0 0 18px;}
.ico_news a{ background:url(../images/common/ico_news.gif) no-repeat 0 center;}
.ico_release a{ background:url(../images/common/ico_release.gif) no-repeat 0 center;}
.ico_link a{ background:url(../images/common/ico_link.gif) no-repeat 0 center;}
.ico_sitemap a{ background:url(../images/common/ico_sitemap.gif) no-repeat 0 center;}

.uNav a:hover {
	text-decoration:underline;}


#smpNav{
	display:none;}

/*------------------------------------------------------
＊　.gNav
-------------------------------------------------------*/

#navi_back_width{
	position: absolute;
	top: 82px;
	left:0px;
	height:60px;
	width:100%;
	padding:0;
	z-index:9999;}

.gNav{
	clear:both;
	max-width:960px;
	letter-spacing:-.40em;
    margin:0 auto;}
.gNav ul{
	vertical-align:top;}
.gNav li {
	width:16.5%;
	vertical-align:top;
	letter-spacing:normal;
	text-align:center;
    display: inline-block;}

.gNav li.nav01{}
.gNav li.nav02{
	width:17.5%;}
.gNav a {
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	text-decoration:none!important;
	font-weight:bold;
    display: block;
    padding: 5px 0 18px;
	background-position:center 100px;}
.gNav div{
	padding:2px 0;
	border-left:1px dotted #000000;
	font-size: 85%;}
.gNav .end div{
	border-right:1px dotted #000000;}
.gNav span {
	color:#000000;
	font-size: 135%;
	display:block;}
.gNav li a:hover,
.gNav li#act a{
	background:url(../images/common/gnav_on.png) no-repeat center bottom;}


/*------------------------------------------------------
＊　#content　＊
-------------------------------------------------------*/

/*content*/
#page-top {
	position: fixed;
	bottom: 78px;
	right: 0;
	font-size: 77%;
	z-index:3}
#page-top a {
	width: 41px;
	height:41px;
	display: block;
	margin-top:7px;}

#page-top .pageTop a {
	text-align:center;
	width: 41px;
	height:41px;
	line-height:1.1;
	color:#FFFFFF;
	display: block;
	border:1px solid #1D1D7A;
	background:#002C71;
	text-decoration: none;}
#page-top .pageTop a:hover {
	color:#FFFFFF;
	text-decoration: none;}
#page-top .pageTop a img{
	width:13px;
	height:6px;
	margin:4px 0 3px;}



/*------------------------------------------------------
＊　page top or page bar
-------------------------------------------------------*/

#topLine{
	padding:0 10px;
	border-bottom:1px solid #CCCCCC;}

#topLine dl{
	max-width:960px;	
	margin:0 auto;
	font-size:93%;
	padding:10px 0;
	text-align:left;
	overflow:hidden;
	_zoom:1;}
#topLine dl dt{
	font-weight:bold;
	float:left;
	margin-right:15px;}
#topLine dl dd{
	padding-left:15px;
	border-left:1px dotted #CCCCCC;
	overflow:hidden;}
#topLine dl dd span{
	display:block;
	float:left;
	margin-left:0;}
#topLine dl dd .txt{
	overflow:hidden;
	_zoom:1;}

#topLine dl dd a{
	text-decoration:none;}
#topLine dl dd a:hover{
	text-decoration: underline;}

.bread_crumb{
	text-align:left;
	padding:7px 0;
	margin:0 auto;
	font-size:93%;
	max-width:960px;
	}
.bread_crumb li{
	display:inline;
	zoom:1;
	margin-right:5px;
	line-height:1.6;}
.bread_crumb li a{
	color:#E95331;
	white-space:nowrap;
	text-decoration:underline;
	padding-right:15px;
	background:url(../images/common/breadcrumb.gif) no-repeat right center;}
.bread_crumb li a:hover{
	color:#E95331;
	text-decoration:none;}


/*===========================================================
＊ #side
===========================================================*/

/*----default*/
div#side{
	position:absolute;
	top:0;
	right:0;
	width:220px;}

/*navigation*/
#sNav,
#sBack{
	margin-bottom:15px;
	padding:14px 14px 6px;
	text-align:left;
	background:#EFEFEF;}
#sBack{
	padding:14px 14px 14px;
	text-align:center;}
#sNav h1,
#sBack h1{
	text-align:left;
	padding:2px 0 2px 22px;
	margin-bottom:10px;}
#company #sNav h1,
#topmessage #sNav h1,
#access #sNav h1,
#org #sNav h1,
#history #sNav h1{
	background:url(../images/common/ico_company_s.gif) no-repeat 0 center;}
#about #sNav h1{
	background:url(../images/common/ico_about_s.gif) no-repeat 0 center;}
#recruit #sNav h1,
#recruit_development_chuto #sNav h1,
#recruit_network_chuto #sNav h1,
#staff_message #sNav h1{
	background:url(../images/common/ico_recruit_s.gif) no-repeat 0 center;}
#sitemap #sNav h1{
	background:url(../images/common/ico_sitemap_s.gif) no-repeat 0 center;}
#privacy #sNav h1{
	background:url(../images/common/ico_privacy_s.gif) no-repeat 0 center;}
#responsive #sNav h1{
	background:url(../images/common/ico_responsive_s.gif) no-repeat 0 center;}
.newsNav h1{
	background:url(../images/common/ico_news_s.gif) no-repeat 0 center;}
.worksNav h1{
	background:url(../images/common/ico_works_s.gif) no-repeat 0 center;}

#sBack h1{
	background:url(../images/common/ico_backnumber_s.gif) no-repeat 0 center;}
#sNav li{
	margin:0 0 8px;}
#sNav li a{
	white-space:nowrap;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	font-weight:bold;
	font-size:93%;
	text-decoration:none;
	padding:0 5px 0 10px;
	background:url(../images/common/a_cursor.png) no-repeat 0 center;}
#sNav li a:hover{
	text-decoration:underline;
	background-position:3px center;}

#sBack select{
	width:80%;}

/*----bnr*/
#sBnr li{	
	margin-bottom:10px;}


/*===========================================================
＊ #footer
===========================================================*/

/*----default*/
#footer{
	text-align:left;
	max-width:960px;	
	margin:0 auto;
	padding:35px 0;
	overflow:hidden;}

#footCompany{
	float:left;
	width:30%;
	max-width:300px;
	margin-right:30px;}
#footCompany dt{
	font-weight:bold;
	font-size:85%;
	padding:7px 0 5px 25px;
	margin-bottom:3px;
	background:url(../images/common/ico_camera.gif) no-repeat 0 center;}
#footCompany dd img{
	width:100%;}

#footCompany dd ul{
	margin-top:10px;
	width:100%;
	_zoom:1;
	overflow:hidden;}
#footCompany dd ul li{
	float:left;
	width:47%;
	border:1px solid #000000;}
#footCompany dd ul li.floatR{
	float:right;}
#footCompany dd ul li a{
	font-weight:bold;
	display:block;
	padding:8px 0;
	text-align:center;
	text-decoration:none;}
#footCompany dd ul li a span{
	padding-left:10px;
	background:url(../images/common/a_cursor.png) no-repeat 0 center;}

#footer #fMine{
	_zoom:1;
	overflow:hidden;}

#fMine .footDeta{
	overflow:hidden;
	_zoom:1;
	padding:13px 0 13px 175px;
	background:url(../images/common/logo_foot.gif) no-repeat 13px center;}
#fMine .footDeta p{
	line-height:150%;
	margin-bottom:10px;}
#fMine .footDeta ul li{
	display:inline;}
#fMine .footDeta .privacy{
	float:right;
	width:100px;}
	
/*navigation*/
#footer .fNav{
	padding-top:18px;
	background:url(../images/common/ico_dot.gif) repeat-x 0 top;
	margin-bottom:20px;}
#footer .fNav .inner{
	text-align:left;
	overflow:hidden;
	padding:0 0 10px 15px;
	background:url(../images/common/ico_dot.gif) repeat-x 0 bottom;}
#footer .fNav ul{
	float:left;}
#footer .fNav ul.set1{
	width:28%;}
#footer .fNav ul.set2{
	width:21%;}
#footer .fNav ul.set3{
	width:21%;}
#footer .fNav ul.set4{
	width:30%;}

#footer .fNav ul li{
	margin-bottom:10px;}
#footer .fNav ul li a{
	font-weight:bold;
	font-size:93%;
	text-decoration:none;
	padding:0 10px 0 15px;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	background:url(../images/common/a_cursor.png) no-repeat 0 center;}
#footer .fNav ul li a:hover{
	text-decoration:underline;
	background-position:5px center;}

/*copyright*/
#footer #fMine .copy{
	font-weight:bold;
	text-align:right;}

/*===========================================================
＊ 404
===========================================================*/

.nfNav {
	max-width:300px;
	margin:40px auto 0;}
.nfNav a{	
	text-align:center;
	color: #FFF;
	margin:20px auto;	
	text-decoration:none;}
	
.nfNav a div {
	border: 1px solid #273D7C;
	height:40px;
	line-height:40px;
	background: #273D7C url(../images/recruit/icn_arwBgblue.gif) 10px center no-repeat;
	padding-left:12px;}

/*------------------------------------------ End */