@charset "UTF-8";

/* スタイルの初期化 */
*{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
}
th,td{
	vertical-align:top;
	font-weight:normal;
	text-align:left;
}
img,a img{
	border:none;
	background:transparent;
}
ul ul,ul dl,dl ul,table p,table ul,table table{
	font-size:1em;
}
/*--------------------------------------------------------------
 見出し
--------------------------------------------------------------*/
h1#title{
	margin-bottom:15px;
}
h1#title-engit-top{
	margin-bottom:0;
}
h1#title-info{
	border-bottom:4px solid #808080;
	padding:15px 0 10px;
	margin-bottom:15px;
}
h2{
	margin-bottom:15px;
}
h2.mob{
	margin-bottom:8px;
}
h2.ci-mi,
h2.biz{
	font-size:120%;
	margin-bottom:10px;
	line-height:1.2;
	padding:2px 5px 0;
	border-left:5px solid #0860A8;
}
h2.merit{
	border-left-color:#FF4C00;
}
h2.ci-mi-line1,
h2.ci-mi-line2{
	font-size:120%;
	margin-bottom:15px;
	line-height:1.3;
	padding-bottom:2px;
}
h2.ci-mi-line1{
	background:0 bottom no-repeat url('company/img/ci-mi-line-bg1.gif');
}
h2.ci-mi-line2{
	background:0 bottom no-repeat url('company/img/ci-mi-line-bg2.gif');
}
h2.rec-boshu{
	color:#FD5A22;
	font-size:115%;
	margin-bottom:0px;
}
h2.rec-spt{
	font-size:115%;
	border-bottom:1px solid #F79552;
	margin-bottom:4px;
}
h3{
	margin-bottom:5px;
	font-size:103%;
}
h3.ir-mi{
	font-size:115%;
	margin-bottom:15px;
	line-height:1;
	padding:4px 8px;
	border-left:5px solid #0860A8;
}
h3.sh{
	font-size:115%;
	margin-bottom:0px;
}

div.touroku h3{
	color:#f00;
	font-size:105%;
	margin:0px;
	padding:0px;
	line-height:1.4;
}
/*--------------------------------------------------------------
 全体
--------------------------------------------------------------*/
#cover{
	background:0px 55px repeat-x url('img/hnavi-bg.gif') #fff;
}
#container { 
	width: 800px;
	margin: 0 auto;
	padding:0;
	text-align: left;
}
/*--------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------*/
#header {
	clear:float;
}
#header h1#logo-top img,
#header p#logo-top img{
	margin:10px 0 10px;
}

#header #header-navi{
	width:800px;
	height:35px;
	padding-top:3px;
	padding-left:13px;
	background:top repeat-x url('img/hnavi-bg.gif');
	border-bottom:3px solid #0F218B;
	white-space: nowrap;
}
#header #header-navi li img{
	vertical-align:bottom;
}
/*--------------------------------------------------------------
 フッター
--------------------------------------------------------------*/
#footer{
	text-align:center;
}

#footer #f-menu ul{
	font-size:78%;
	margin:10px 0 30px 2em;
}
#footer #f-menu li{
	display:inline;
	color:#000;
	margin-right:6px;
	padding-left:10px;
	border-left:1px solid #7F7F7F;
}
#footer #f-menu li#noline{
	border-left:0px;
}
#footer #f-menu li a{
	color:#000;
}
#footer #f-menu li a.on{
	color:#0860A8;
}

/*--------------------------------------------------------------

 Top

--------------------------------------------------------------*/
#contents-top{
	width:800px;
	text-align:center;
}
#contents-top div#top-menuarea{
	text-align:left;
	padding:16px 20px 15px 23px;
}
#contents-top div#top-menuarea div#area1{
	width:205px;
	float:left;
	margin-right:24px;
}
#contents-top div#top-menuarea div#area2{
	width:360px;
	float:left;
	margin-right:28px;
}

#contents-top div#top-menuarea div#area3{
	width:140px;
	float:left;
}
#contents-top div#top-menuarea ul#menu-ci1{
	width:80px;
	float:left;
	list-style:none;
	line-height:1;
	margin:8px 0 8px;
}
#contents-top div#top-menuarea ul#menu-ci2{
	width:122px;
	float:right;
	list-style:none;
	line-height:1;
	margin:8px 0 8px;
}
#contents-top div#top-menuarea ul#menu-ir{
	list-style:none;
	line-height:1;
	margin:8px 0 8px;
}
#contents-top div#top-menuarea ul#menu-ci1 li,
#contents-top div#top-menuarea ul#menu-ci2 li,
#contents-top div#top-menuarea ul#menu-ir li{
	margin-bottom:3px;
}

/*topics*/
#contents-top div#top-menuarea div#topics{
	width:360px;
	height:62px;
	overflow:auto;
	margin-bottom:15px;
	padding:5px 0;
	background-color:#DEDEDE;
	scrollbar-base-color : #DEDEDE;
	scrollbar-face-color : #DEDEDE; 
	scrollbar-track-color: #ccc;
	scrollbar-3dlight-color : #ccc;
	scrollbar-face-color : #DEDED;
	scrollbar-arrow-color : #fff;
	scrollbar-shadow-color : #DEDEDE;
	scrollbar-darkshadow-color : #DEDEDE;
	scrollbar-highlight-color : #DEDEDE;
}
#contents-top div#top-menuarea div#topics table{
	line-height:1.25;
	background-color:#DEDEDE;
}
#contents-top div#top-menuarea div#topics table th{
	vertical-align:top;
	padding-left:8px;
}
#contents-top div#top-menuarea div#topics table td{
	padding:0 0 0 10px;
}
/* 採用情報 */
#contents-top div#top-menuarea p#rec-txt{
	color:#009E38;
	line-height:1.25;
	width:120px;
	padding:0 10px;
	margin-top:-195px;
}
#contents-top div#top-menuarea p#rec-txt a{
	color:#009E38;
	text-decoration:none;
}

/*--------------------------------------------------------------
 第二階層　共通
--------------------------------------------------------------*/
#contents{
	width:780px;
	padding:10px 15px 0px 7px;
}
#smenu{
	width:151px;
	float:left;
}
#main{
	width:590px;
	float:right;
	line-height:1.4;
}
#main-rec{
	width:585px;
	float:right;
	line-height:1.4;
}
#main-engit{
	width:601px;
	float:right;
	line-height:1.4;
}
/* パンくずナビ */
#topic-path{
	font-size:78%;
	margin-left:1px;
	margin-bottom:10px;
}
#topic-path-engit-top{
	
	font-size:78%;
	padding-left:1px;
	margin-bottom:15px;
	padding:5px;
	background-color:#D9D9D9;
}
/* サイドメニュー*/
#smenu ul{
	margin:0px;
	list-style:none;
}
#smenu ul li img{
	vertical-align:bottom;
}
#smenu #smenu-rec{
	margin-top:25px;
}

/*--------------------------------------------------------------
 営業案内 エンジニアリング

--------------------------------------------------------------*/
/* top 営業案内共通 */
table#engit-top{
	width:601px;
}

td.waku{
	padding:0 14px 0 18px;
	background-image:url('eng/img/waku-bg.gif');
}
td.waku p.txt{
	padding:5px 0;
}
p.txt-waku{
	padding:5px 14px 5px 18px;
	background-image:url('eng/img/waku-bg.gif');
}

div.jigyou-list ul{
	width:153px;
	float:left;
	list-style:none;
	margin-right:8px;
	border-top:1px solid #BFBFBF;
}
div.jigyou-list ul li{
	background:3px 5px no-repeat url('eng/img/listmark.gif');
	padding-left:15px;
	border-bottom:1px solid #BFBFBF;
}
div.jigyou-list-oneline{
	padding:0 14px 0 18px;
	background-image:url('eng/img/waku-bg.gif');
}
div.jigyou-list-oneline ul{
	width:265px;
	margin-bottom:5px;
	list-style:none;
	border-top:1px solid #BFBFBF;
}
div.jigyou-list-oneline ul li{
	background:18px 5px no-repeat url('eng/img/listmark.gif');
	padding-left:30px;
	border-bottom:1px solid #BFBFBF;
}
div.jigyou-list-oneline ul li.lv1{
	background:3px 3px no-repeat url('it/img/listmark-ya.gif');
	padding-left:17px;
	border-bottom:1px solid #BFBFBF;
}
div.jigyou-list-oneline ul li.lv1b{
	background:3px 5px no-repeat url('eng/img/listmark.gif');
	padding-left:17px;
	border-bottom:1px solid #BFBFBF;
}
div.jigyou-list-sp{
	padding:0 14px 0 18px;
	background-image:url('eng/img/waku-bg.gif');
}
div.jigyou-list-sp table td{
	vertical-align:middle;
	border-top:1px solid #BFBFBF;
	padding:2px 0;
}
div.jigyou-list-sp table td.link{
	background:right 5px no-repeat url('eng/img/listmark.gif');
}
div.jigyou-list-sp table td img{
	padding-right:10px;
}

/* サイドメニュー */
.biz-lv2{
	padding-left:13px;
	border-left:1px solid #9F9F9F;
}
.smenu-line{
	border-top:1px solid #9F9F9F;
}

/* メイン */
div#biz-pr{
	margin-bottom:15px;
	padding:12px;
	border:1px solid #99A3C4;
	background-color:#DFEBEE;
}
div#biz-pr p.biz-image {
	float:right;
	padding-left:15px;
	margin:0px
}
div#biz-pr p.copy {
	font-size:130%;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:5px;
}

.biz-txt{
	width:520px;
	margin-bottom:15px;
}
ol.biz-txt{
	width:495px;
	line-height:1.4;
	margin-bottom:15px;
	padding-left:25px;
}
ul.biz-txt{
	width:495px;
	line-height:1.4;
	margin-bottom:15px;
	padding-left:30px;
}
div.biz-ph img{
	margin-bottom:2px;
}
div.biz-ph p{
	font-size:83%;
}
.biz-sikaku{
	color:#666;
	font-family:'ＭＳ ゴシック';

}
div.biz-img{
	padding:10px 0;
	background-color:#FFF2D3;
}
div.biz-img{
	background-color:#FFF2D3;
}
div.biz-img strong{
	padding-left:15px;

}
div.biz-img p.img{
	margin:5px 0 10px;
	text-align:center;
}
p.mob-lead{
	font-size:115%;
	font-weight:bold;
	margin-bottom:15px;
	padding:0 0 10px 1px;
	border-bottom:1px solid #99AEC9;
}
/*--------------------------------------------------------------
 営業案内 ITソリューション

--------------------------------------------------------------*/
/*リスト */
.it-list {
	font-weight: bold;
	color:#13007C;
	width:495px;
	line-height:1.4;
	margin-bottom:15px;
	padding-left:25px;
 }
.nmr { font-weight: normal;
	color:#000; }

/* お問い合わせ */
#it-mail{
	padding:5px 15px 5px 10px;
	border:1px solid #0F218B;
	display:inline;
}
#it-sys-mail{
	color:#0F218B;
	width:250px;
	padding:5px 15px 5px 10px;
	border:1px solid #0F218B;
}
/* システム保守・運用サポート */
,gyoumu{
	width:590px;
	margin-bottom:40px;
}

.gyoumu th {
	font-weight:bold;
	padding:3px 10px;
	text-align:center;
	background-color:#E6E9E7;
	border-top:1px solid #84B0D4;
	border-bottom:1px solid #84B0D4;
	border-right:1px solid #84B0D4;
	white-space:nowrap;
}
.gyoumu td {
	padding:3px 10px;
	border-bottom:1px solid #84B0D4;
	border-right:1px solid #84B0D4;
}
.gyoumu .koumoku{

	font-weight:bold;
	white-space:nowrap;
}
table.gyoumu th.noline,
table.gyoumu td.noline{
	border-right:0px;
}
/*  システム連携ミドルウェア */
div#mw-sys{
	text-align:left;
	padding:15px 15px;
	border:1px solid #999;
	background-color:#fff;

}
div#mw-sys dt{
	border:1px solid #999;
	padding:2px 5px;
	display: inline;
}
div#mw-sys ul{
	margin:5px 0 15px 20px;
}
/* セールパートナー */
p.mou-btn{
	text-align:right;
	margin:10px 0px 10px auto;
}
table#sp-ichiran{
	margin:10px 0 30px;
}
table#sp-ichiran th{
	text-align:center;
	padding:12px 5px;
	border-bottom:1px dashed #84B0D4;
}
table#sp-ichiran td{
	padding:12px 5px;
	border-bottom:1px dashed #84B0D4;
}
table#sp-ichiran td p img{
	margin-bottom:5px;
}
/* お問い合わせ */
h1.form-sp{
	margin-bottom:5px;
}
table.form-sp{
	width:590px;
	margin:5px 0;
	border-top:1px solid #ccc;
}
table.form-sp td,
table.form-sp th{
	padding:5px;
	border-bottom:1px solid #ccc;
}
table.form-sp th{
	padding-left:10px;
	white-space:nowrap;
}


/*--------------------------------------------------------------
 会社案内
--------------------------------------------------------------*/

/* 会社概要 */
.gaiyou{
	width:590px;
	border-top:1px solid #84B0D4;
	border-bottom:1px solid #84B0D4;
	margin-bottom:40px;
}

.gaiyou th {
	width:110px;
	padding:3px 10px;
	text-align:center;
	background-color:#E6E9E7;
	border-top:1px solid #84B0D4;
	border-right:1px solid #84B0D4;
}
.gaiyou td {
	padding:3px 10px;
	border-bottom:1px solid #84B0D4;
}

/* 沿革 */
div.enkaku table{
	width:465px;
	border-top:1px solid #84B0D4;
	border-bottom:1px solid #84B0D4;
	margin-bottom:40px;
}
div.enkaku table th{
	width:80px;
	padding:4px 10px;
	text-align:right;
	background-color:#E6E9E7;
}
div.enkaku table td {
	padding:4px 0 4px 10px;
}
div.enkaku table tr th.sepalate,
div.enkaku table tr td.sepalate{
	border-bottom:1px dashed #84B0D4;
}
div.enkaku p{
	line-height:1.2;
}
div.enkaku p img{
	margin-bottom:3px;
}

/* 事業所案内 */
table.sh{
	width:580px;
	border-top:1px solid #999;
}
table.sh th{
	padding:5px 5px 5px 0;
	border-bottom:1px solid #999;
	white-space:nowrap;
}
table.sh td{
	padding:5px;
	border-bottom:1px solid #999;
}
table.sh th.noline{
	border-bottom:0px;
}
div#map{
	width:535px;
	margin:0 auto;
}
div#map h1{
	color:#fff;
	font-size:140%;
	padding:1px 10px;
	border-left:8px solid #27A89F;
	background-color:#727A92;
	margin-bottom:15px;
}
div#map table{
	width:100%;
	margin:20px 0;
}
div#map table th{
	width:60px;
	text-align:center;
	background-color:#E6E9E7;
}
div#map table th,
div#map table td{
	border:1px solid #999;
	padding:2px 10px;
}

/* マネジメントシステム */
div.ci-waku{
	width:523px;
	background-image:url('company/img/waku-bg.gif');
}
div.ci-waku ul{
	width:480px;
	list-style:none;
	margin-left:20px;
}
div.ci-waku ul li{
	text-indent:-1em;
	padding-left:1em;
}
div.ci-waku p.txt{
	width:480px;
	text-indent:1em;
	margin-left:20px;
}

div.touroku {
	border-bottom:1px dashed #84B0D4;
	margin-bottom:10px;
	padding-bottom:10px;
}
div.touroku table{
	width:440px;
	margin-top:5px;
}
div.touroku table th{
	width:80px;
	padding-left:2px;
	padding-right:10px;
}

/* グループ会社 */
.group{
	width:590px;
	border-top:1px solid #84B0D4;
	border-bottom:1px solid #84B0D4;
	
}
.group th {
	vertical-align:middle;
	padding:0px 7px;
	background-color:#F1EDDE;
	border-bottom:1px dashed #84B0D4;
	border-right:1px solid #84B0D4;
	white-space: nowrap;
}
.group td {
	padding:3px 10px;
	border-bottom:1px dashed #84B0D4;
}
.group td .jigyou{
	color:#664640;
}

/*--------------------------------------------------------------
 IR情報
--------------------------------------------------------------*/
table.news-hyou{
	width:555px;
}
table.news-hyou td,
table.news-hyou th{
	padding:5px 5px;
	border-top:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
	vertical-align:middle;
}
table.news-hyou th{
	white-space: nowrap;
}

table.news-hyou td.size{
	text-align:right;
	padding-left:0px;
	padding-right:10px;
}
ul.news-log{
	margin:15px 0 30px;
	list-style:none;
}
ul.news-log li{
	width:180px;
	text-align:center;
	margin:8px 0;
	padding:3px;
	border:1px solid #83AFD3;
}
ul.news-log li img{
	margin-left:3px;
}
div.note-pdf{
	width:535px;
	margin:15px 0;
	padding:10px;
	border:1px solid #999;
}
/* 開示資料 */
table.kaiji-hyou{
	width:555px;
}
table.kaiji-hyou td,
table.kaiji-hyou th{
	padding:5px 5px;
	border-top:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
	vertical-align:middle;
}
table.kaiji-hyou th{
	text-align:center;
	white-space: nowrap;
}

table.kaiji-hyou td.pdf{
	text-align:right;
	padding-right:0px;
}
table.kaiji-hyou td.size{
	width:65px;
	text-align:right;
	padding-left:0px;
	padding-right:20px;
}

/* 決算説明資料 */
table.kessan-hyou{
	width:555px;
}
table.kessan-hyou td,
table.kessan-hyou th{
	padding:5px 5px;
	border-top:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
	vertical-align:middle;
}
table.kessan-hyou th{
	text-align:center;
	white-space: nowrap;
}
table.kessan-hyou td.pdf{
	text-align:right;
	padding-right:0px;
}
table.kessan-hyou td.size{
	width:65px;
	text-align:right;
	padding-left:0px;
	padding-right:20px;
}
/* 株価情報／株主メモ */
table.kab-hyou{
	width:555px;
	border-top:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
}
table.kab-hyou td,
table.kab-hyou th{
	padding:5px 5px;
	border-top:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
	vertical-align:middle;
}
table.kab-hyou th{
	padding:2px 15px 2px 10px;
	white-space: nowrap;
}
/* 業績情報 */
table.gyo-hyou{
	width:555px;
	border-top:1px solid #77A5C8;
}
table.gyo-hyou td,
table.gyo-hyou th{
	border-top:1px solid #77A5C8;
	border-bottom:1px solid #77A5C8;
	border-right:1px solid #77A5C8;
	vertical-align:middle;
}
table.gyo-hyou th.noline,
table.gyo-hyou td.noline{
	border-right:0px;
}
table.gyo-hyou th.center{
	text-align;center;
}
table.gyo-hyou td{
	padding:2px 40px 2px 0;
	text-align:right;
}
table.gyo-hyou th{
	padding:3px 5px;
	white-space: nowrap;
	background-color:#E6E9E7;
	font-size:103%;
	font-weight:bold;
}
/*--------------------------------------------------------------
 採用案内
--------------------------------------------------------------*/
/* 共通 */
div#rec-midashi{
	margin-bottom:30px;
	width:585px;
	height:154px;
	background:0 0 no-repeat url('recruit/img/h1-bg.gif');
}
div#rec-midashi h1{
	padding:18px 0 10px 16px;
}
div#rec-midashi p{
	margin:0 0 10px 16px;
} 
/* Top */
div#rec-top{
	background-color:#65B721;
	padding:10px 20px;
}

/*topics*/
div#rec-top div#topics{
	width:500px;
	height:65px;
	overflow:auto;
	line-height:1.25;
	padding:5px 0;
	background-color:#fff	;
	scrollbar-base-color : #fff;
	scrollbar-face-color : #fff; 
	scrollbar-track-color: #ccc;
	scrollbar-3dlight-color : #ccc;
	scrollbar-face-color : #fff;
	scrollbar-arrow-color : #ccc;
	scrollbar-shadow-color : #fff;
	scrollbar-darkshadow-color : #fff;
	scrollbar-highlight-color : #fff;
}
div#rec-top div#topics table th{
	vertical-align:top;
	padding:1px 8px;
}
div#rec-top div#topics table td{
	padding:0 10px ;
}

/* 募集要項 */
table.boshu{
	width:585px;
	margin-bottom:15px;
}
table.boshu th{
	padding:10px 15px 10px 8px;
	border-bottom:1px solid #666;
}
table.boshu td{
	padding:10px 8px 10px 0;
	border-bottom:1px solid #666;
}
table.boshu th.noline,
table.boshu td.noline{
	border-bottom:0px;
}
table.boshu th{
	font-weight:bold;
}
table.boshu ul{
	list-style:none;
}
table.boshu ul li{
	text-indent:-1em;
	padding-left:1em;
}
table.boshu ul.kousei li{
	text-indent:-3.5em;
	padding-left:3.5em;
}
table#rec-saiyou{
	margin-left:1em;
	margin-bottom:10px;
}
table#rec-saiyou td{
	width:140px;
	padding:10px 8px 10px 0;
}
/* 選考スケジュール */
table.schedule{
	width:520px;
}
table.schedule th{
	padding-right:15px;
}
/* 社員紹介 */
p.staff-l{
	float:left;
	margin-right:15px;
}
p.staff-r{
	float:left;
}
div.staff-separate{
	width:543px;
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:1px solid #333;
}
/* 社員紹介　個別ページ */
div#staff-page{
	width:520px;
	margin:20px auto;
	text-align:left;
}
div#staff-page h1{
	margin-bottom:15px;
}
div#staff-page h2{
	margin-bottom:8px;
}

div#staff-page div#profile{
	margin-bottom: 15px;
	line-height:1.2;
}
div#staff-page p span.name{
	font-size:130%;
	font-weight:bold;
}
div#staff-page p span.kana{
	font-size:83%;
	font-weight:bold;
}
div#staff-page p.txt{
	line-height:1.4;
	margin-left:13px;
}
div#staff-page div#btn1{
	text-align:center;
	margin:30px 0;
}
div#staff-page div#btn2{
	text-align:center;
	margin:20px 0;
}

/* 教育研修・福利厚生 */
div#shikaku-hyou{
	margin:10px auto 30px;
	width:520px;
}
div#shikaku-hyou table{
	width:520px;
	margin:5px 0 0
}
div#shikaku-hyou table th,
div#shikaku-hyou table td{
	padding:3px 3px 3px 1em;
	border:1px solid #666;
}
div#shikaku-hyou table th.center{
	text-align:center;
	vertical-align:middle;	
	padding:8px;
}
div#shikaku-hyou table th{
	background-color:#FFFFE6;
	white-space:nowrap;
}
/* Q&A */
dl.qa{
	margin-bottom:30px;
}
dl.qa dt{
	font-size:120%;
	color:#FD5A22;
	font-weight:bold;
	margin-bottom:8px;
	padding-bottom:1px;
	border-bottom:1px solid #999;
}
/*--------------------------------------------------------------
 インフォメーション
--------------------------------------------------------------*/
div#info{
	width:660px;
	margin:20px auto;
	line-height:1.4;
}

/* 個人情報保護方針 */
ol.ppolicy{
	margin:30px 0;
	padding-left:30px;
}
ol.ppolicy li{
	padding-bottom:10px;
}

/* サイトポリシー */
dl.spolicy{
	margin:1em 0;
}
dl.spolicy dt{
	color:#13007C;
	font-weight:bold;
}
/* サイトマップ */
div.sitemap{width:305px;}
div.sitemap h2{
	font-size:115%;
	margin:0 0 10px 0;
	padding:2px 10px;
	background-color:#ccc;
}
div.sitemap h3{
	font-size:100%;
	margin:0 0 5px 30px;
	padding:2px 10px;
	border:1px solid #000;
}
div.sitemap h2 a,
div.sitemap h3 a{color:#000;}

div.sitemap ul.lv1,
div.sitemap ul.lv2,
div.sitemap ul.lv3{line-height:1.5;}

div.sitemap ul.lv1{margin:0 0 15px 40px;}
div.sitemap ul.lv2{margin:0 0 15px 60px;}
div.sitemap ul.lv3{margin:0 0 15px 80px;}

/* お問い合わせ */
h1.form{
	font-size:115%;
	margin-bottom:10px;
}
table.form{
	width:535px;
	margin:5px 0;
	border:1px solid #666;
}
table.form td,
table.form th{
	padding:5px;
	border:1px solid #666;
	vertical-align:middle;
}
table.form th{
	padding-left:10px;
	background-color:#FFFFCC;
	white-space:nowrap;
}
.hissu{color:#FF3030;}

/*--------------------------------------------------------------

 共通

--------------------------------------------------------------*/
body  {
	font-size: 78%;
	margin: 0;
	padding: 0;
	text-align: center;
	background:#fff;
}
/* UTF-8の英数字フォント対策 */
*+html body{ /* for IE7 */
	font-family:'ＭＳ Ｐゴシック';
	letter-spacing: 0; /* for IE7拡大モード */
}
* html body { /* for IE6 */
	font-family:'ＭＳ Ｐゴシック';
}

em{
	color:#FF0000;
	font-style: normal;
}
.small{	font-size:90%;}
.cap{
	font-size:83%;
}

/* １文字インデント */
.note {
	text-indent:-1em;
	margin-left:0;
	padding-left:1em;
}
.note-b {
	text-indent:-1.1em;
	margin-left:0;
	padding-left:1.1em;
}
/* 位置調整 */
.mb1em{
	margin-bottom:1em;
}
.mb5{
	margin-bottom:5px;
}
.mb8{
	margin-bottom:8px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:20px;
}
.mb40{
	margin-bottom:40px;
}
.center{
	margin:0 auto;
	text-align:center;
}
/* フロート関連 */
.fltlft {
	float: left;
}
.fltrt {
	float: right;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* リンク */
a:link,a:visited {text-decoration:none;}
a:hover {color: #f00;text-decoration:underline;}

/* Topへ戻る */
.gotop{
	margin:20px 0;
	text-align:right;
}
/* 記号表示（メイリオフォントの記号対策。●■をフォントサイズで表示） */
.kigou{	font-family:'ＭＳ ゴシック'}

.tate{
 writing-mode:tb-rl;
}
/*-------------------------------------------
 ポップアップメニュー用
-------------------------------------------*/
/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/*-------------------------------------------
 第１階層
-------------------------------------------*/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug */
ul.MenuBarActive{
	z-index: 1000;
}
/* ボタン配置 */
ul.MenuBarHorizontal li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	float: left;
}
/*-------------------------------------------
 第２階層
-------------------------------------------*/
/* 外枠 */
ul.MenuBarHorizontal ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 152px;
	position: absolute;
	left: -1000em;
	border: 1px solid #CCC;
	background-color:#eee;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{
	left: auto;
}
/* 内幅 */
ul.MenuBarHorizontal ul li{
	width: 152px;
}
/* サブメニュー表示位置 */
ul.MenuBarHorizontal ul ul{
	position: absolute;
	margin: -5% 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #eee;
	color: #333;
	text-decoration: none;
}
/* サブメニュー余白 */
ul.MenuBarHorizontal ul li a
{
	padding:5px;
}
/* メニュー 選択 */
ul.MenuBarHorizontal ul li a:hover, ul.MenuBarHorizontal ul li a:focus
{
	background-color: #0F218B;
	color: #FFF;
	text-decoration: none;
}
/* メニュー */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #0F218B;
	color: #FFFf;
}


/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

