@charset "utf-8";



/*========================================*



*　■base



*========================================*/











/*大枠*/



#container {



}



* html #container {



	text-align: center;



}



* html #container div {



}



* html #contents *,



* html #contents * {



}







/*header*/



#header {



	width: 900px;



	height: 62px;



	margin: 0px auto;



	text-align: left;



	position: relative;



}







#header01 {



}



#header02 {



}



#titleWrap {



	background: url(../img/common/next-solutions.gif) no-repeat left top;



	text-indent: -9999px;



	height: 35px;



	width: 210px;



	position: absolute;



	left: 0px;



	top: 12px;



}



#titleWrap a {



	height: 35px;



	display: block;



	overflow: hidden;



}







#header #site-sub-catch {



	background: url(../img/common/site_sub_catch.gif) no-repeat left top;



	text-indent: -9999px;



	height: 35px;



	width: 205px;



	position: absolute;



	left: 211px;



	top: 12px;



}







#header #tel-number {



	background: url(../img/common/tel_number.gif) no-repeat left top;



	text-indent: -9999px;



	height: 33px;



	width: 165px;



	position: absolute;



	left: 501px;



	top: 15px;



}











/*header-navi*/



#header-navi {



	position: absolute;



	left: 687px;



	top: 4px;



}



#header-navi a:hover {



	filter:alpha(opacity=50);



	-moz-opacity:0.50;



	opacity:0.50;



}







/*



#header-navi ul {



}



#header-navi ul li {



	list-style: none;



	text-indent: -9999px;



	height: 15px;



	width: 74px;



	margin-bottom: 5px;



}



#header-navi ul li a {



	height: 15px;



	display: block;



	overflow: hidden;



}



#header-navi ul li#hn01 a {



	background: url(../img/common/btn_inquiry.jpg) no-repeat left top;



}



#header-navi ul li#hn02 a {



	background: url(../img/common/btn_request.jpg) no-repeat left top;



}



#header-navi ul li a:hover {



	filter:alpha(opacity=50);



	-moz-opacity:0.50;



	opacity:0.50;



}



*/







/*ヘッドライン*/



#headline {

	height: 166px;

	background: #1b1c50 url(../img/common/bg_headline.jpg) no-repeat center top;

}



#headline-inner {

	width: 912px;

	margin: 0px auto;

	position: relative;

	text-align: left;

}



/*ページタイトル ※カテゴリーごと固有*/

#headline h1{

	position: absolute;

	top: 60px;

	left: 32px;

	font-size: 10px;

	color: #fff;

}

#headline h2 {

	text-indent: -9999px;

	position: relative;

	left: 25px;

	top: 20px;

}

/* h2からdivに変更の為追加ここから */
#headline div#tit-company {

	text-indent: -9999px;

	position: relative;

	left: 25px;

	top: 20px;

}
#headline div#tit-portfolio {

	text-indent: -9999px;

	position: relative;

	left: 25px;

	top: 20px;

}
#headline div#tit-service {

	text-indent: -9999px;

	position: relative;

	left: 25px;

	top: 20px;

}
#headline div#tit-topic {

	text-indent: -9999px;

	position: relative;

	left: 25px;

	top: 20px;

}
#headline div#tit-sitemap {

	text-indent: -9999px;

	position: relative;

	left: 25px;

	top: 20px;

}
#headline div#tit-privacy {

	text-indent: -9999px;

	position: relative;

	left: 25px;

	top: 20px;

}
#headline div#tit-contact {

	text-indent: -9999px;

	position: relative;

	left: 25px;

	top: 20px;

}
#headline div#tit-news {

	text-indent: -9999px;

	position: relative;

	left: 25px;

	top: 20px;

}

/* h2からdivに変更の為追加ここまで */



/*以下各カテゴリーごとに増殖*/
/*h2からdivへ変更しました20100107*/


#headline div#tit-service {



	background: url(../img/title/service.png) no-repeat left top;



	height: 36px;



	width: 219px;



}



#headline div#tit-portfolio {



	background: url(../img/title/portfolio.png) no-repeat left top;



	height: 36px;



	width: 219px;



}



#headline div#tit-company {



	background: url(../img/title/company.png) no-repeat left top;



	height: 36px;



	width: 219px;



}



#headline h2#tit-recruit {



	background: url(../img/title/recruit.png) no-repeat left top;



	height: 36px;



	width: 219px;



}



#headline div#tit-sitemap {



	background: url(../img/title/sitemap.png) no-repeat left top;



	height: 36px;



	width: 219px;



}



#headline div#tit-privacy {



	background: url(../img/title/privacy.png) no-repeat left top;



	height: 36px;



	width: 367px;



}



#headline div#tit-topic {



	background: url(../img/title/topic.png) no-repeat left top;



	height: 36px;



	width: 219px;



}



#headline div#tit-contact {



	background: url(../img/title/contact.png) no-repeat left top;



	height: 36px;



	width: 245px;



}



#headline div#tit-news {



	background: url(../img/title/news.png) no-repeat left top;



	height: 36px;



	width: 254px;



}







/*IE6用PNG透過処理*/



* html #headline h2 {



	behavior: expression(



	this.style.behavior || (



	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",



	this.style.backgroundImage = "none",



	this.style.behavior = "none"



	)



	);



}







/*グローバルナビ*/



#global-navi {



	padding-top: 46px;



}



#global-navi ul {



	height: 44px;



	width: 912px;



	position: relative;



	top: 1px;



}



#global-navi ul li {



	list-style: none;



	height: 44px;



	width: 152px;



	float: left;



	text-indent: -9999px;



}



#global-navi ul li a {



	display: block;



	height: 44px;



	overflow: hidden;



	cursor: pointer;



}







#global-navi ul li#gn01 a {



	background: url(../img/common/gn_01.png) no-repeat left top;



}



#global-navi ul li#gn02 a {



	background: url(../img/common/gn_02.png) no-repeat left top;



}



#global-navi ul li#gn03 a {



	background: url(../img/common/gn_03.png) no-repeat left top;



}



#global-navi ul li#gn04 a {



	background: url(../img/common/gn_04.png) no-repeat left top;



}



#global-navi ul li#gn05 a {



	background: url(../img/common/gn_05.png) no-repeat left top;



}



#global-navi ul li#gn06 a {



	background: url(../img/common/gn_06.png) no-repeat left top;



}







#global-navi ul li#gn01 a:hover {



	background: url(../img/common/gn_01_on.png) no-repeat left top;



}



#global-navi ul li#gn02 a:hover {



	background: url(../img/common/gn_02_on.png) no-repeat left top;



}



#global-navi ul li#gn03 a:hover {



	background: url(../img/common/gn_03_on.png) no-repeat left top;



}



#global-navi ul li#gn04 a:hover {



	background: url(../img/common/gn_04_on.png) no-repeat left top;



}



#global-navi ul li#gn05 a:hover {



	background: url(../img/common/gn_05_on.png) no-repeat left top;



}



#global-navi ul li#gn06 a:hover {



	background: url(../img/common/gn_06_on.png) no-repeat left top;



}







#global-navi ul li#gn01.active a {



	background: url(../img/common/gn_01_on.png) no-repeat left top;



}



#global-navi ul li#gn02.active a {



	background: url(../img/common/gn_02_on.png) no-repeat left top;



}



#global-navi ul li#gn03.active a {



	background: url(../img/common/gn_03_on.png) no-repeat left top;



}



#global-navi ul li#gn04.active a {



	background: url(../img/common/gn_04_on.png) no-repeat left top;



}



#global-navi ul li#gn05.active a {



	background: url(../img/common/gn_05_on.png) no-repeat left top;



}



#global-navi ul li#gn06.active a {



	background: url(../img/common/gn_06_on.png) no-repeat left top;



}







#headline-bottom {



	height: 40px;



	background: url(../img/common/gn_bottom.jpg) repeat-x center bottom;



}











/*pankuzu*/



#pankuzu {



	width: 900px;



	text-align: left;



	margin: -10px auto 20px;



	line-height: 1.2;



}



* html #pankuzu {



	margin: -10px auto 5px;



}







/*コンテンツ*/



#contents {



	margin: 0px auto 40px;



	width: 900px;



	text-align: left;



}



#contents a:hover img {



	filter:alpha(opacity=70); /*IE*/



	-moz-opacity:0.70; /*Firefox・Netscape*/



	opacity:0.70; /*Opera・Safari*/



}







/*サイド*/



#sidebar {



	float: left;



	width: 226px;



	display: inline;



}







/*サイドナビ*/



#side-navi {



	margin-bottom: 20px;



	border-right: 1px solid #c9c9c9;



	border-bottom: 1px solid #c9c9c9;



	border-left: 1px solid #c9c9c9;



	letter-spacing: 0px;



	padding-top: 8px;



	padding-left: 8px;



	padding-right: 8px;



}



#side-navi ul {



	margin-bottom: 8px;



}



#side-navi ul li {



	list-style: none;



}



#side-navi ul li a {



	background: #e7ebff url(../img/side/arrow_side.gif) no-repeat 8px center;



	height: 24px;



	display: block;



	padding-top: 12px;



	padding-left: 28px;



	text-decoration: none;



	border-top: 1px solid #FFFFFF;



}



* html #side-navi ul li a {



	height: 36px;



}



#side-navi ul li a:hover,



#side-navi ul li.active a {



	background: #6c7bbd url(../img/side/arrow_side_on.gif) no-repeat 8px center;



	color: #FFFFFF;



}











/*サイドバナー*/



#side-banner {



}



#side-banner ul {



}



#side-banner ul li {



	list-style: none;



	margin-bottom: 10px;



	text-align: center;



}







/*メイン*/



#main {



	float: right;



	width: 637px;



}



#main * {



	line-height: 1.4;



}


#main h1{
	font-size:10px;
	}




/*ページトップボタン*/



div.pagetop {



	text-align: right;



	margin-top: 20px;



}







/*フッター*/



#footer {



	clear: both;



}







#footer-navi {



	text-align: center;



	line-height: 1.2;



}



#footer-navi ul#fn01 {



	margin-bottom: 8px;



}



#footer-navi ul#fn02 {



	margin-bottom: 15px;



}



#footer-navi ul li {



	list-style: none;



	display: inline;



	padding-right: 10px;



	padding-left: 15px;



	border-left: 1px solid #000000;



}



#footer-navi ul li.firstChild {



	border-left: none;



}



#footer-navi ul li a {



	color: #000000;



	text-decoration: none;



}



#footer-navi ul li a:hover {



	color:				#e6001d;



	text-decoration:	underline;



}







#copyright {



	background: #0e0a20;



	height: 60px;



	text-align: center;



	padding-top: 35px;



}



* html #copyright {



	height: 85px;



}



#copyright address {



	color: #FFFFFF;



	letter-spacing: 0px;



}



.rightTop {



	margin-top: 10px;



	margin-bottom: 20px;



	text-align: right;



}