@charset "UTF-8";
/* CSS Document */

@charset "SHIFT_JIS";



/*----------------------------
  基本 
-----------------------------*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	text-align: left;
	font-family: 'osaka','MSゴシック',sans-serif;
	color:#666666;
}

html {
	overflow-y:scroll;
}

.cursor { cursor: default ;}

#midasi h1 { font-size: 18px; margin: 0; font-family: 'osaka','MSゴシック',sans-serif;}
#midasi h2 { font-size: 16px; margin: 0; font-family: 'osaka','MSゴシック',sans-serif;}
#midasi h3 { font-size: 14px; margin: 0; font-family: 'osaka','MSゴシック',sans-serif;}
#midasi h4 {
	font-size: 12px;
	margin: 0;
	font-family: 'osaka','MSゴシック',sans-serif;
}

.tx_XL { font-family: 'osaka','MSゴシック',sans-serif; font-size: 16px; line-height: 20px;}
.tx_XL2 { font-family: 'osaka','MSゴシック',sans-serif; font-size: 16px; line-height: 22px;}

.tx_L { font-family: 'osaka','MSゴシック',sans-serif; font-size: 14px; line-height: 18px;}
.tx_L2 { font-family: 'osaka','MSゴシック',sans-serif; font-size: 14px; line-height: 20px;}
.tx_Lask { font-family: 'osaka','MSゴシック',sans-serif; font-size: 14px; line-height: 18px; color:#000000;}

.tx_M { font-family: 'osaka','MSゴシック',sans-serif; font-size: 12px; line-height: 16px;}
.tx_M2 { font-family: 'osaka','MSゴシック',sans-serif; font-size: 12px; line-height: 17px;}

.tx_S { font-family: 'osaka','MSゴシック',sans-serif; font-size: 10px; line-height: 13px;}
.tx_S2 { font-family: 'osaka','MSゴシック',sans-serif; font-size: 10px; line-height: 15px;}

.tx_SS { font-family: 'osaka','MSゴシック',sans-serif; font-size: 9px; line-height: 12px;}
.tx_SS2 { font-family: 'osaka','MSゴシック',sans-serif; font-size: 9px; line-height: 14px;}

.tx_MM { font-family: 'osaka','MSゴシック',sans-serif; font-size: 12px; line-height: 17px;background:#FAFAFA;}
.tx_MM2 { font-family: 'osaka','MSゴシック',sans-serif; font-size: 12px; line-height: 16px;background:#FFFFFF;}
.tx_MEnd { font-family: 'osaka','MSゴシック',sans-serif; font-size: 12px; line-height: 16px;background:#EAEAEA;}

.tx_footer { font-family: 'osaka','MSゴシック',sans-serif; font-size: 10px; line-height: 13px; color:#999999;}


/*----------------------------
  リンク 
-----------------------------*/

a:link {text-decoration:none; color:#333333}
a:visited {text-decoration:none; color:#333333}
a:active {text-decoration:none; color:#333333}
a:hover  {text-decoration:underline; color:#0066CC}

a.abc:hover  {text-decoration:none;
				color: #333;
}



#toplink a:link  {color:#E4EAED; text-decoration: none;}
#toplink a:visited {color:#E4EAED; text-decoration: none;}
#toplink a:active {color:#E4EAED; text-decoration: none;}
#toplink a:hover  {color:#A6E3FF; text-decoration: underline;}

/** title **/
#title-text {
	width: 594px;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
	float: left;
	color: #FFF;
	font-weight: bold;
}

/*
medium（デフォルト）指定時＝body{font-size:100%}ベースの時、
継承された結果、最終的に掛かっていれば良い% の値
8px  : 50%;
9px  : 57%
10px : 63%
11px : 69%
12px : 75%
13px : 82%
14px : 88%
15px : 94%
16px : 100%
17px : 107%
18px : 113%
19px : 119%
20px : 125%
*/

/*--------------------------------
  default styles
--------------------------------*/
body {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.2;
	color: #333333;
}


/*--------------------------------
  headerArea
--------------------------------*/
div#headerArea {
	font-size: 11px;
}

/*--------------------------------
  contentsArea
--------------------------------*/

div#contentsArea {
	font-size: 12px;
}

div#contentsArea .area-title .areaselect-alternate {
	font-size: 11px;
}


/*--------------------------------
  mainContent
--------------------------------*/


/*--------------------------------
  subContent
--------------------------------*/

.box-full{
	margin: 5px 0;
	padding: 5px;
	width: 700px:
	height: 100%;
	border: 1px gray solid;
}

.box-A{
	margin: 0;
	padding:  10px 0 10px 20px;
	width: 420px;
	height: 100%;
	float: left;
	text-align: left;
	line-height: 140%;
	font-size: 12px;
	font-weight: bold;
	background-color: #fff;
}


.box-B{
	margin: 20px 0 0 0;
	padding:  0 0 10px 0;
	width: 270px;
	height: 100%;
	float: right;
	text-align: left;
	line-height: 120%;
	font-size: 14px;
	font-weight: bold;
	background-color: #fff;
}


.clear{
	clear: both;
}

/*----------------------------
  文字装飾 
-----------------------------*/

h1{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333;
}


.title h2{
	margin: 0 0 0 10px;
	padding: 10px 10px 10px 15px;
	width: 740px;
	text-align: left;
	font-size: 15px;
	color: #002060;
	background-color: #D4E9FF;
}

.title h3{
	margin: 0 5px 0 5px;
	padding: 10px;
	text-align: left;
	font-size: 12px;
	color: #333;
	background-color: #EFEFEF;
}


.title h3 span{
	color: red;
}

.totop{
	margin: 0 5px 0 5px;
	padding: 0 0 0 600px;
	height: 20px;
	text-align: left;
	font-size: 12px;
	color: #333;
	background-color: #EFEFEF;
}



.bar1{
	font-family: 'osaka','MSゴシック',sans-serif; 
	background: url(../img/index_tab_base2.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
	width: 385px;
	height: 26px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}


.bar2{
	font-family: 'osaka','MSゴシック',sans-serif; 
	background: url(../img/index_tab_base1.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
	width: 356px;
	height: 26px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}


.spec{
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	width: 300px;
	height: 12px;
	font-size: 14px;
	font-wight: bold;
	line-height: 120%;
	background: url(../img/orange.gif);
	background-repeat: no-repeat;
}

/*--------------------------------
  メニュー・得意先
----------------------------------*/

.menu01 {
	background: url(../spec/img/tokuisaki.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 98px;
	height: 101px;
}
.menu01 a {
	background: url(../spec/img/tokuisaki.jpg);
	text-indent:-5000px;
	background-repeat: no-repeat;
	display:block;
	width: 98px;
	height: 101px;

}
.menu01 a:hover {
	background: url(../spec/img/tokuisaki-over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	width: 98px;
	height: 101px;

}

/*--------------------------------
  メニュー・スタッフ
----------------------------------*/

.menu02 {
	background: url(../spec/img/stuff.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 98px;
	height: 101px;
}
.menu02 a {
	background: url(../spec/img/stuff.jpg);
	text-indent:-5000px;
	background-repeat: no-repeat;
	display:block;
	width: 98px;
	height: 101px;

}
.menu02 a:hover {
	background: url(../spec/img/stuff-over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	width: 98px;
	height: 101px;

}

/*--------------------------------
  メニュー・契約
----------------------------------*/

.menu03 {
	background: url(../spec/img/keiyaku.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 98px;
	height: 98px;
}
.menu03 a {
	background: url(../spec/img/keiyaku.jpg);
	text-indent:-5000px;
	background-repeat: no-repeat;
	display:block;
	width: 98px;
	height: 98px;

}
.menu03 a:hover {
	background: url(../spec/img/keiyaku-over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	width: 98px;
	height: 98px;

}

/*--------------------------------
  メニュー・営業支援
----------------------------------*/

.menu04 {
	background: url(../spec/img/eigyosien.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 98px;
	height: 98px;
}
.menu04 a {
	background: url(../spec/img/eigyosien.jpg);
	text-indent:-5000px;
	background-repeat: no-repeat;
	display:block;
	width: 98px;
	height: 98px;

}
.menu04 a:hover {
	background: url(../spec/img/eigyosien-over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	width: 98px;
	height: 98px;

}


/*--------------------------------
  メニュー・タイムカード
----------------------------------*/

.menu05 {
	background: url(../spec/img/timecard.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 98px;
	height: 98px;
}
.menu05 a {
	background: url(../spec/img/timecard.jpg);
	text-indent:-5000px;
	background-repeat: no-repeat;
	display:block;
	width: 98px;
	height: 98px;

}
.menu05 a:hover {
	background: url(../spec/img/timecard-over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	width: 98px;
	height: 98px;

}


/*--------------------------------
  メニュー・請求
----------------------------------*/

.menu06 {
	background: url(../spec/img/seikyu.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 103px;
	height: 101px;
}
.menu06 a {
	background: url(../spec/img/seikyu.jpg);
	text-indent:-5000px;
	background-repeat: no-repeat;
	display:block;
	width: 103px;
	height: 101px;

}
.menu06 a:hover {
	background: url(../spec/img/seikyu-over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	width: 103px;
	height: 101px;

}

/*--------------------------------
  メニュー・給与
----------------------------------*/

.menu07 {
	background: url(../spec/img/kyuuyo.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 103px;
	height: 101px;
}
.menu07 a {
	background: url(../spec/img/kyuuyo.jpg);
	text-indent:-5000px;
	background-repeat: no-repeat;
	display:block;
	width: 103px;
	height: 101px;

}
.menu07 a:hover {
	background: url(../spec/img/kyuuyo-over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	width: 103px;
	height: 101px;

}


/*--------------------------------
  メニュー・社保
----------------------------------*/

.menu08 {
	background: url(../spec/img/syaho.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 111px;
	height: 101px;
}
.menu08 a {
	background: url(../spec/img/syaho.jpg);
	text-indent:-5000px;
	background-repeat: no-repeat;
	display:block;
	width: 111px;
	height: 101px;

}
.menu08 a:hover {
	background: url(../spec/img/syaho-over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	width: 111px;
	height: 101px;

}


/*--------------------------------
  メニュー・年末調整
----------------------------------*/

.menu09 {
	background: url(../spec/img/nenmatu.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 108px;
	height: 101px;
}
.menu09 a {
	background: url(../spec/img/nenmatu.jpg);
	text-indent:-5000px;
	background-repeat: no-repeat;
	display:block;
	width: 108px;
	height: 101px;

}
.menu09 a:hover {
	background: url(../spec/img/nenmatu-over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	width: 108px;
	height: 101px;

}


/*--------------------------------
  メニュー・統計
----------------------------------*/

.menu10 {
	background: url(../spec/img/tokei.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 111px;
	height: 101px;
}
.menu10 a {
	background: url(../spec/img/tokei.jpg);
	text-indent:-5000px;
	background-repeat: no-repeat;
	display:block;
	width: 111px;
	height: 101px;

}
.menu10 a:hover {
	background: url(../spec/img/tokei-over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	width: 111px;
	height: 101px;

}


/*--------------------------------
  メニュー・外部データ
----------------------------------*/

.menu11 {
	background: url(../spec/img/gaibudata.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 103px;
	height: 98px;
}
.menu11 a {
	background: url(../spec/img/gaibudata.jpg);
	text-indent:-5000px;
	background-repeat: no-repeat;
	display:block;
	width: 103px;
	height: 98px;

}
.menu11 a:hover {
	background: url(../spec/img/gaibudata-over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	width: 103px;
	height: 98px;

}



/*--------------------------------
  メニュー・事業報告
----------------------------------*/

.menu12 {
	background: url(../spec/img/jigyo-hokoku.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 108px;
	height: 101px;
}
.menu12 a {
	background: url(../spec/img/jigyo-hokoku.jpg);
	text-indent:-5000px;
	background-repeat: no-repeat;
	display:block;
	width: 108px;
	height: 101px;

}
.menu12 a:hover {
	background: url(../spec/img/jigyo-hokoku-over.jpg);
	background-repeat: no-repeat;
	text-decoration:none;
	width: 108px;
	height: 101px;

}





/*--------------------------------
  footerArea
--------------------------------*/
div#footerArea {
	font-size: 11px;
}
div#footerArea .footer-navigation dt a {
	font-size: 12px;
	font-weight: bold;
}
div#footerArea .footer-navigation dl.departure-information dt {
	font-weight: normal;
}

/*--------------------------------
  footerArea
--------------------------------*/

div#.explanation {
	font-family: 'osaka','MSゴシック',sans-serif;
	font-weight: normal;
	font-size: 10px;
	margin: 10px;
	padding: 5px;	
}