@charset 'UTF-8';

/*タグ初期化*/
*{margin:0;padding:0;}
img{
	border:0;
	vertical-align:top;
}
/*h3,h4,h5,h6,form,input,select,option{margin:0;padding:0;}*/
ul,ol,li{list-style-type:none;}






/******************************************************************************/
/*汎用クラス
/******************************************************************************/

/*汎用テキストクラス*/
.tS{font-size:x-small;}
* html body .tS {font-size:xx-small;}
html>/**/body .tS{font-size /*\**/: xx-small\9;}

.tM{font-size:small;}
* html body .tM {font-size:x-small;}
html>/**/body .tM{font-size /*\**/: x-small\9;}

.tL{font-size:medium;}
* html body .tL {font-size:small;}
html>/**/body .tL{font-size /*\**/: small\9;}

.tB        {font-weight:bold;}
.tN        {font-weight:normal;}
.tGr6      {color:#666;}
.tGr8      {color:#888;}
.tGrA      {color:#aaa;}
.tGrC      {color:#ccc;}
.tWh       {color:#fff;}
.tOr       {color:#f60;}
.t10       {font-size:10px;}
.t12       {font-size:12px;}
.t14       {font-size:14px;}
.t16       {font-size:16px;}
.t18       {font-size:18px;}
.hS        {line-height:1;}
.hM        {line-height:1.2;}
.hL        {line-height:1.5;}
.hLL       {line-height:2;}
.tR        {text-align:right;}
.tL        {text-align:left;}
.tC        {text-align:center;}
.tCap      {font-size:10px;color:#666;margin-top:3px;}
.vT        {vertical-align:top;}
.vB        {vertical-align:bottom;}
.vM        {vertical-align:middle;}
.vBa       {vertical-align:baseline;}
a          {color:#09f;text-decoration:underline;outline:none;}
a:hover    {color:#f80;text-decoration:none;}

/*汎用フロートクラス*/
.clear     {clear:both;}
.cLeft     {clear:left;}
.cRight    {clear:right;}
.fLeft     {float:left;}
.fRight    {float:right;}

/*汎用背景色*/
.bgF     {background:#fff;}
.bgE     {background:#eee;}
.bgD     {background:#ddd;}

/*汎用リストマーク*/
ul.li01 li{padding-left:15px;background:url(../index_img/li_01.gif) 0 0.2em no-repeat;}
ul.li02 li{padding-left:15px;background:url(../index_img/li_02.gif) 0 0.2em no-repeat;}
ul.li03 li{padding-left:15px;background:url(../index_img/li_03.gif) 0 0.2em no-repeat;}
ul.li04 li{padding-left:15px;background:url(../index_img/li_04.gif) 0 0.2em no-repeat;}




/******************************************************************************/
/*レイアウト
/******************************************************************************/

body{
	font-family:"Meiryo","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;
	margin:0;padding:0;
	text-align:center;
	color:#000;
	font-size:82%;
	line-height:1.5;
	background:#E5E8ED;
}
#header{
	width:100%;
	background:#fff;
}
h1{
	width:900px;
	height:70px;
	margin:0 auto;
	text-align:left;
}
h1 img{margin-top:20px;}
#container{
	width:900px;
	background:#fff;
	margin:0 auto;
	text-align:left;
}
ul#menu{
	width:900px;
	height:40px;
}
ul#menu li{
	float:left;
}
a#menu01,a#menu02,a#menu03,a#menu04,
li#menu01,li#menu02,li#menu03,li#menu04{
	display:block;
	width:225px;
	height:40px;
	text-indent:-9999px;
	background-image:url(../index_img/menu.gif);
}
a#menu01{background-position:0 0;}
a#menu02{background-position:-225px 0;}
a#menu03{background-position:-450px 0;}
a#menu04{background-position:-675px 0;}
a#menu01:hover{background-position:0 -40px;}
a#menu02:hover{background-position:-225px -40px;}
a#menu03:hover{background-position:-450px -40px;}
a#menu04:hover{background-position:-675px -40px;}
li#menu01{background-position:0 -80px;}
li#menu02{background-position:-225px -80px;}
li#menu03{background-position:-450px -80px;}
li#menu04{background-position:-675px -80px;}

#contents{
	width:820px;
	padding:40px;
}
* html body #contents{width:900px;}
#contents:after{display:block;clear:both;content:"";}
ul#subMenu li{
	float:left;
}
a#subMenu01,a#subMenu02,a#subMenu03,a#subMenu04,
li#subMenu01,li#subMenu02,li#subMenu03,li#subMenu04{
	display:block;
	text-indent:-9999px;
	background-image:url(../index_img/menu.gif);
}
a#subMenu04,
li#subMenu04{
	width:185px;
	height:55px;
	margin-left:20px;
}
a#subMenu01,a#subMenu02,a#subMenu03,
li#subMenu01,li#subMenu02,li#subMenu03{
	width:215px;
	height:70px;
	margin-left:10px;
}
* html body li#subMenu01{margin-left:5px;}

a#subMenu01{background-position:0 -120px;}
a#subMenu02{background-position:-215px -120px;}
a#subMenu03{background-position:-430px -120px;}
a#subMenu04{background-position:-645px -120px;}
a#subMenu01:hover{background-position:0 -190px;}
a#subMenu02:hover{background-position:-215px -190px;}
a#subMenu03:hover{background-position:-430px -190px;}
a#subMenu04:hover{background-position:-645px -190px;}
li#subMenu01{background-position:0 -260px;}
li#subMenu02{background-position:-215px -260px;}
li#subMenu03{background-position:-430px -260px;}
li#subMenu04{background-position:-645px -260px;}
#footer{
	clear:both;
	width:860px;
	padding:10px 20px;
	color:#8D9299;
	font-size:90%;
}
* html body #footer{width:900px;}




/*見出し
----------------------------------------*/
h2{
	text-indent:-9999px;
	background-image:url(../index_img/h2.gif);
	overflow:hidden;
}
#h2_indexRecommend,
#h2_indexNews{
	width:390px;
	height:20px;
}
#h2_news,
#h2_profileMessage,
#h2_profilePhilosophy,
#h2_profileChallenge,
#h2_profileOutline,
#h2_profileAccess,
#h2_outputsWebSys,
#h2_outputsWebSite,
#h2_outputsContents,
#h2_outputsOriginal,
#h2_recruit,
#h2_request,
#h2_privacy{
	width:650px;
	height:40px;
	margin-bottom:5px;
}
#h2_staff,
#h2_anything{
	width:260px;
	height:120px;
	position:absolute;
	top:0;
	left:0;
	top:-30px;
	left:-25px;
}
* html body #h2_staff{top:-30px; left:-40px;}
* html body #h2_staff{top:-30px; left:-40px;}
#h2_indexRecommend	{background-position:0 0;}
#h2_indexNews		{background-position:-390px 0;}
#h2_news			{background-position:0 -20px;}
#h2_profileMessage		{background-position:0 -60px;}
#h2_profilePhilosophy	{background-position:0 -100px;}
#h2_profileChallenge	{background-position:0 -140px;}
#h2_profileOutline		{background-position:0 -180px;}
#h2_profileAccess		{background-position:0 -220px;}
#h2_outputsWebSys		{background-position:0 -260px;}
#h2_outputsWebSite		{background-position:0 -300px;}
#h2_outputsContents		{background-position:0 -340px;}
#h2_outputsOriginal		{background-position:0 -380px;}
#h2_recruit		{background-position:0 -420px;}
#h2_request		{background-position:0 -460px;}
#h2_privacy		{background-position:0 -500px;}
#h2_staff		{background-position:0 -540px;}
#h2_anything	{background-position:-260px -540px;}

h3{
	clear:both;
	font-size:110%;
	color:#666;
	margin-bottom:15px;
	padding-left:7px;
	border-left:4px solid #f70;
}




/*ヘッダーイメージ画像
----------------------------------------*/
#headerImg01,
#headerImg02,
#headerImg03,
#headerImg04,
#headerImg05,
#headerImg06,
#headerImg07{
	width:100%;
	height:120px;
	background-image:url(../index_img/header.jpg);
}
#headerImg01{background-position:31% 0;}
#headerImg02{background-position:43% 0;}
#headerImg03{background-position:79% 0;}
#headerImg04{background-position:58% 0;}
#headerImg05{background-position:6% 0;}
#headerImg06{background-position:90% 0;}
#headerImg07{background-position:102% 0;}




/*パンクズ
----------------------------------------*/
#pankuzu{
	width:880px;
	padding:10px 10px 0px 10px;
	margin:0 auto;
	font-size:90%;
}
* html body #pankuzu{width:900px;}
#pankuzu img{
	vertical-align:middle;
	margin:0 5px;
}
#pankuzu a{
	color:#f70;
	text-decoration:none;
}
#pankuzu a:hover{
	text-decoration:underline;
}




/*コンテンツ内左右カラム
----------------------------------------*/
#contentsLeft{
	float:left;
	width:140px;
}
#contentsRight{
	float:left;
	width:650px;
	margin-left:30px;
}
#contentsLeft:after{display:block;clear:both;content:"";}
#contentsRight:after{display:block;clear:both;content:"";}




/*詳細メニュー
----------------------------------------*/
ul#detailsMenu li#current,
ul#detailsMenu li.noLink,
ul#detailsMenu li a,
ul#detailsMenu li a#current{
	display:block;
	width:120px;
	text-decoration:none;
	font-size:90%;
	padding:2px 2px 2px 18px;
	margin-bottom:4px;
	background-image:url(../index_img/menu.gif);
	background-repeat:no-repeat;
}
* html body ul#detailsMenu li#current,
* html body ul#detailsMenu li a{width:140px;}

ul#detailsMenu li#current,
ul#detailsMenu li a#current	{background-position:0px -330px;	color:#000;}
ul#detailsMenu li.noLink	{background-position:-600px -330px;	color:#ccc;}
ul#detailsMenu li a			{background-position:-200px -330px;	color:#8D9299;}
ul#detailsMenu li a#current:hover,
ul#detailsMenu li a:hover	{background-position:-400px -330px;	color:#fff;}