@charset "UTF-8"

/* *********************************************************
 *	The following styles are for Commonness pages.
 * *********************************************************
 */
 /* ---------------------------------------------------------
 * ブラウザ初期化
 * --------------------------------------------------------- */
* {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 16px;	
}

html { 
	min-width: 992px;
	margin-bottom:1px;								/*Opera Firefox ずれ防止*/
	overflow-y:scroll;								/*Opera Firefox ずれ防止*/
}

;;html {
	height:100%;									/*Opera スクロール表示*/ 
	}	

 /* ---------------------------------------------------------
 * 共通要素
 * --------------------------------------------------------- */
 
p, ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
form, input, table, tr, th, td{
	margin: 0;
	padding: 0;
} 
body{
	margin:0;
	background-color:#F2F2F2;
	line-height:1.4;									/*行間*/
}

table {
	border-collapse:collapse;							/*隣接するborderを重ねて配置する*/
	}

div#container {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	background-color:#FFFFFF;
}

span {
	visibility:hidden									/*字非表示*/
}

ul {
	list-style-type: none;								/*リストマーカー消去*/
}

a:link {color:#0000FF;}
a:visited {color:#0000FF;}
a:hover {color:#FF0000;}
a:active  {color:#FF0000;}

/* ---------------------------------------------------------
 * コンテナ用
 * --------------------------------------------------------- */

div#container::after{
									/*Firefoxでの回り込みと背景が伸びない現象への対処*/
  content : "";
  display : block;
  height : 0;
  clear : both;
} 

/* ---------------------------------------------------------
 * ヘッダー
 * --------------------------------------------------------- */
/*ヘッダー全体*/
/* --------------------------------------*/
div#header {
	width: 1024px;
}

/*会社名*/
/* --------------------------------------*/
div#toptitle {
	width:1024px;
	height:70px;
	background-color:#0066CC;
	margin-bottom:20px;
}

div#title {
	width:924px;
	float:left;
}

div#language{
	width:100px;
	float:right;
	background-image : url(titleback.jpg);
}

li#japanese,li#english {
	margin-top:3px;
}

li#japanese a{
	background-image : url(ja_btn.gif);
	display:block;
	width:80px;
	height:20px;
	text-decoration: none;								/*リンク下線消去*/
}

li#english a{
	background-image : url(en_btn.gif);
	display:block;
	width:80px;
	height:20px;
	text-decoration: none;								/*リンク下線消去*/
}

li#japanese a:hover{
	background-image : url(ja_btnhover.gif);
}

li#english a:hover{
	background-image : url(en_btnhover.gif);
}

/*グローバルナビ*/
/* --------------------------------------*/
div#glovalnav {
	clear:both;
	width:1000px;
	margin-left:12px;
	height:52px;
}

ul.glnav{
	margin: 0;
	padding: 0;
}

li.gnav {
	float:left;											/*左寄せ*/
}

li.gnav a{
	text-decoration: none;								/*リンク下線消去*/
}

li#home a{
	
	width:125px;
	height:52px;
	background-image : url(btn_r1_c1.gif);
	display:block;
}
li#home a:hover{
	background-image : url(btn_hover_r1_c1.gif);
}

li#product a{
	
	width:125px;
	height:52px;
	background-image : url(btn_r1_c2.gif);
	display:block;
}
li#product a:hover{
	background-image : url(btn_hover_r1_c2.gif);
}

li#technicum a{
	
	width:125px;
	height:52px;
	background-image : url(btn_r1_c3.gif);
	display:block;
}
li#technicum a:hover{
	background-image : url(btn_hover_r1_c3.gif);
}

li#technology a{
	
	width:125px;
	height:52px;
	background-image : url(btn_r1_c4.gif);
	display:block;
}
li#technology a:hover{
	background-image : url(btn_hover_r1_c4.gif);
}

li#company a{
	
	width:125px;
	height:52px;
	background-image : url(btn_r1_c5.gif);
	display:block;
}
li#company a:hover{
	background-image : url(btn_hover_r1_c5.gif);
}

li#access a{
	
	width:125px;
	height:52px;
	background-image : url(btn_r1_c6.gif);
	display:block;
}
li#access a:hover{
	background-image : url(btn_hover_r1_c6.gif);
}

li#contact a{
	
	width:125px;
	height:52px;
	background-image : url(btn_r1_c7.gif);
	display:block;
}
li#contact a:hover{
	background-image : url(btn_hover_r1_c7.gif);
}

li#link a{
	
	width:125px;
	height:52px;
	background-image : url(btn_r1_c8.gif);
	display:block;
}
li#link a:hover{
	background-image : url(btn_hover_r1_c8.gif);
}

/* ---------------------------------------------------------
 * コンテンツ
 * --------------------------------------------------------- */
/*コンテンツ全体*/
/* --------------------------------------*/
div#content {
	clear:both;
	width:1000px;
	margin-bottom: 20px;
	margin-left:12px;
	margin-top:10px;
	margin-right: 12px;
}

/*トップ画像*/
/* --------------------------------------*/
div#topimg{
	width:1000px;
	height:270px;
	background-image : url(topimg.jpg);
	margin-bottom:30px;
}

/*パンくずリスト*/
/* --------------------------------------*/
ul#topicpath {
	list-style-type: none;
	margin-left:220px;
}


/*ローカルナビ*/
/* --------------------------------------*/
div#sidenav {
	float: left;
	width: 200px;
	margin-bottom:30px;
}

h2 {
	width:200px;
	height:37px;
}

h2#prdct{
	background-image : url(lnav-title_r1_c1.gif);
}

h2#tcncm{
	background-image : url(lnav-title_r2_c1.gif);
}

h2#tcnlg{
	background-image : url(lnav-title_r3_c1.gif);
}

h2#cmpny{
	background-image : url(lnav-title_r4_c1.gif);
}

h2#cntct{
	background-image : url(lnav-title_r5_c1.gif);
}

h2#rcrt{
	background-image : url(lnav-title_r6_c1.gif);
}


ul.lonav{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li.lnav {
	width:200px;
	height:30px;
}

/*リンクされていないボタン*/
li.lnav div.nolink {
	height:30px;
	background-color:#DDDDDD;
	padding-left:5px;
	font-size:14px;
}

/*リンクされているボタン*/
li.lnav a{
	height:30px;
	background-image : url(lnav_btn.jpg);
	display:block;
	padding-left:5px;
	padding-right:15px;
	margin-bottom:0px;
	font-size:14px;
	text-decoration: none;								/*リンク下線消去*/
	color:#000000;
	vertical-align: bottom;
	line-height:1.0;									/*行間*/
}

/*一行のボタン*/
li.one a,li.one div.nolink {
	line-height:30px;
}

/*二行のボタン*/
li.two a {
	padding-top:1px;
}

li.lnav a:hover{
	background-image : url(lnav_btnhover.jpg);
	color:#FFFFFF;
}	

li.lnav a.dot	{
padding-left:20px;
}



a#fontsmall {
	font-size:12px;
}
/*メイン*/
/* --------------------------------------*/
div#main {
	width: 780px;
	margin-left:220px;
	margin-bottom:30px;
}

/*見出し*/
/* --------------------------------------*/
h1#contentstitle{
	font-size:18px;
	background-color:#99CCFF;
	padding:5px;
	color:#FFFFFF;
	margin-bottom:20px;
}

h4{
	background-color:#F0F0F0;
	border-left:#0172E2 solid 5px;
	border-bottom:#0172E2 dotted 1px;
	padding:2px 5px;
	margin-bottom:5px;
}

/*内容*/
/* --------------------------------------*/
p {
	margin-bottom:20px;
}

 /* ---------------------------------------------------------
 * フッター
 * --------------------------------------------------------- */
/*フッター全体*/
/* --------------------------------------*/
div#footer {
	clear:both;			/*回り込みの解除*/
	width:1024px;
	margin-top:30px;
}

/*ページトップへ戻るボタン*/
/* --------------------------------------*/

div#pagetop a{
	text-decoration: none;								/*リンク下線消去*/
	clear:both;
	float:right;
	width: 105px;
	height:25px;
	margin-right:12px;
	background-image : url(pagetop.gif);
}

div#pagetop a:hover{
	background-image : url(pagetophover.gif);
}

/*アドレス*/
/* --------------------------------------*/
div#footer address {
	clear:both;
	text-align:right;
	width: 1024px;
	background-color:#0066CC;
	color:#FFFFFF;
	font-style:normal;
}