* {
	margin:auto;
	font-size:100%;
	font-family: "ＭＳ ゴシック",sans-serif;
	line-height:140%;

}

body {
	margin:auto;
	padding: 0px;
	text-align: center;
	background-color: #eeeeee;
	color:#333333;
}

/* リンクスタイル */
a:link	{
	color: #0000CC;
}
a:visited	{
	color: #0000CC;
}
a:hover	{
	color: #CC0000;
}

/* 上メニュー */
/* 
#header{
	margin:auto;
	width:945px;
	height:80px;
	background: url('../oa-image/header.jpg');
	padding:30px 10px 10px 10px;
}
*/

#header{
	margin: auto;
	width:945px;
	height:80px;
}

.header{
	background: url('../oa-image/header.jpg');
	padding:30px 10px 10px 10px;
}

/* 文字サイズ */
.size{
	width:250px;
	text-align: right;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
}

#menu{
	width:945px;
	margin: 0px auto;
	padding:0px 0 0 0;
	background-color:#0066CC;
	border-bottom:medium solid #fbcc10;
	text-align: left;
}
.mnavi {
	width:158px;
	height:30px;
	font-size:96%;
	font-weight: bold;
	border-right:1px #EEEEEE solid;
}
.mnavi a:link {
	color: #FFFFFF;
	text-decoration:none;
}
.mnavi a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
.mnavi a:hover {
	color: #FFFF44;
	text-decoration:none;
}


#top-cont{
	width:945px;
	margin: 0px auto;
	background-color:#ffffff;
}
.top-cont{
	padding:10px;
}

/* TOPイメージ */

#topImageArea{
	width:auto;
	min-height: 250px;
	margin: 0px auto;
	background: url('../oa-image/bgTop.gif') no-repeat;

}
.topTitleBox{
	width: auto;
	padding:10px;
	float: left;
}
.topImageBox{
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	float: right;
}

.topImage{
	width: auto;
	height: auto;
	background: url('../oa-image/bgTopImage.gif') no-repeat 100% 85%;
	padding: 0 20px 0 0;
	margin:10px 20px 0px 10px;
}
.topImage img{
	max-width: 380px;
	height: auto;
	padding:5px;
	margin: 0;
	background-color:#ffffff;
	border: 1px solid #CCCCCC;

}

/* バナー左 */
#topBannerAreaL {
	width: 200px;
	min-height: 310px;
	margin: 0;
	padding: 2px;
	float: left;
	background-color:#f7f7f7;
}
/* バナー右 */
#topBannerAreaR {
	width: 200px;
	min-height: 310px;
	margin: 0;
	padding: 2px;
	float: right;
	background-color:#f7f7f7;
}

/* 新着情報 */

#new {
	width: 500px;
	height: auto;
	margin: 0px 0 0 10px;
	text-align: left;
	float: left;
}
#new h2	{
	background: url('../oa-image/title003_04.jpg') no-repeat;
	width: auto;
	height: 25px;
	text-align: left;
	padding: 5px 0px 0px 25px;
	margin: 0px 0px 9px 0px;
	border-right: 1px solid #9999FF;
}
#new ul	{
	width: 500px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size:90%;
}
#new ul li{
	background: url('../oa-image/list05.gif')  no-repeat 5px center;
	border-bottom: #AAAAAA dashed 1px;
	margin: 0px;
	padding:2px 0px 2px 20px;
	text-align: left;
}
#new ul li a:link {
	text-decoration:none;
}
#new ul li a:visited {
	text-decoration:none;
}
#new ul li a:hover {
	text-decoration:none;
}

#add{
	width:945px;
	font-size:90%;
	margin:10px 0px 0px 0px;
	padding:10px;
	text-align:center;
	clear: both;
}

#footer	{
	width:945px;
	background-color: #34679A;
	color: #FFFFFF;
}
.footer	{
	width:945px;
	text-align: right;
	font-size: 75%;
	padding:2px 10px 2px 0px;
}


/* 情報ページ */
#info	{
	width: 680px;
	padding: 4px;
	margin:5px 0px 20px 0px;
	text-align:left;
}

/* ぱんくず */
#info p.pankuzu{
	font-size:90%;
	margin:0px;
	padding:0px;
	text-align:right;
}


/* タイトル */
#info h1	{
	margin:0px;
}
#info h1.ie	{
	width: 680px;
	margin:5px 0px 5px 0px;
        /* Widthとpadding,borderの同時セットはダメ！ */
}
#info h1.ff	{
	font-weight:bold;
	background-color: #EEEEEE;
	padding:2px 0px 2px 6px;
	text-align:left;
	background-color: #EEEEEE;
	border-bottom:solid 1px #000088;
	border-left: 10px #000088 solid;
}

#info h2	{
	width: 680px;
	font-weight:bold;
	padding:2px 0px 0px 0px;
	margin:5px 0px 5px 0px;
	text-align:left;
	border-bottom: #004488 2px solid;
	color: #004488;
}

#info ul	{
	width: 680px;
	margin: 0px;
	padding:0px 0px 0px 20px;
	text-align:left;
}

#info ul li{
	margin:2px 0px 2px 10px;
	text-align: left;
}



/* サブメニュー */
#menu2	{
	width: 220px;
	margin-top: 0px;
	/* background-color:#acc0c1; */
	background-color:#F7F7F7;
}

/* 左メニュータイトル */
.mtitle  {
	width: 220px;
	height:30px;
	text-align:center;
	font-size:98%;
	font-weight:bold;
	color: #FFFFFF;
	border-bottom: #FFFFFF 1px solid;

}
.mtitle a:link {
	color: #FFFFFF;
	text-decoration:none;
}
.mtitle a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
.mtitle a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

.mnavi1 {
	height:28px;
	color: #FFFFFF;
	font-size: 95%;
	font-weight:bold;
	border-bottom: #FFFFFF 1px solid;
	padding-left: 8px;
}
.mnavi1 a:link {
	color: #FFFFFF;
	text-decoration:none;
}
.mnavi1 a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
.mnavi1 a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

.mnavi2 {
	height:26px;
	color:#555555;
	font-size: 94%;
	border-bottom:1px #969583 dotted;
	padding-left: 8px;
}
.mnavi2 a:link {
	color: #333333;
	text-decoration:none;
}
.mnavi2 a:visited {
	color: #333333;
	text-decoration:none;
}
.mnavi2 a:hover {
	color: #0000CC;
	text-decoration:none;
}


/* フォントサイズ基本 */
.fs-m2	{
	font-size: 60%;
}
.fs-m1	{
	font-size: 80%;
}
.fs-p1	{
	font-size: 120%;
}
.fs-p2	{
	font-size: 140%;
}
.fs-p3	{
	font-size: 160%;
}
.fs-p4	{
	font-size: 180%;
}

.fs80	{
	font-size: 80%;
}
.fs85	{
	font-size: 85%;
}
.fs90	{
	font-size: 90%;
}
.fs93	{
	font-size: 93%;
}
/* フォントサイズ基本 */

/* clear */
.cl { clear: both; }
/*　クリアフィックス
-----------------------------------------------------------------------------*/

/*----- クリアフィックス -----*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  
  overflow:hidden;
  font-size:0.1em;
  line-height:0;
}

/*----- IE7 -----*/
.clearfix {
  display: inline-block;
}

/*----- IE6・-----*/
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
/* End hide from IE-mac */