@charset "utf-8";
/**********************************************************/
/*                                                 layout */
/**********************************************************/
body {
	font-size:100%;
	/*font: 100% Verdana, Arial, Helvetica, sans-serif;*/
	background: url("/img/common/bg.jpg") ;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
.rhome #container {
	width: 780px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #cccccc;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

/**********************************************************/
/*                                                 header */
/**********************************************************/
.rhome #header {
	background: #ffffff; 
	padding: 0 10px 0 20px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
.rhome #header h1 {
	color:#000;
	font-size:medium; 
	font-weight:normal;
	text-align:right;
	margin: 0 25px 0 0;
	padding: 0px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

/**********************************************************/
/*                                                 footer */
/**********************************************************/
.rhome #footer {
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#336600;
}
.rhome #footer p {
	font-size:12px; 
	color:#FFFFFF;
	text-align:center;
	margin: 0;
	padding: 10px 0px;
}

/**********************************************************/
/*                                                   menu */
/**********************************************************/
#menu{
padding:0;
margin:0 0 70px 0;
list-style:none;
z-index:1;}
#menu li{
list-style:none;
float:left;}
#menu li a{
display:block;
height:49px;}
#menu a strong{
display:none;}
a.mTop{
width:121px;
background:  url("/img/common/menu_01.jpg") no-repeat;}
a.mCon{
width:121px;
background:  url("/img/common/menu_02.jpg") no-repeat;}
a.mKnow{
width:120px;
background:  url("/img/common/menu_03.jpg") no-repeat;}
a.mCheck{
width:121px;
background:  url("/img/common/menu_04.jpg") no-repeat;}
a.mDoc{
width:120px;
background:  url("/img/common/menu_05.jpg") no-repeat;}
a.mTohto{
width:121px;
background:  url("/img/common/menu_06.jpg") no-repeat;}
a.mSearch{
width:121px;
background:  url("/img/common/menu_07.jpg") no-repeat;}

/*__+081027__*/
#menu li .submenu{
	display:block;
	text-align:right;
	visibility:hidden;
	position:absolute;
	z-index:3;
	margin:0px;
	background:#fff;
}
#menu li .submenu a{
	display:block;
	margin:0px 0px 1px 0px;
	padding:2px 3px;
	font-size:95%;
	/*background:#ACB5EE;*/
	background:#8BA4DF;
	color:#fff;
	/*width:175px;*/
	width:12em;
	height:1.2em;
	_width:12.5em;
}
#menu li .submenu a:hover{
	background:#ACB5EE;
}
/*#menu li .submenu a{
	filter: alpha(Opacity=95);
	opacity: 0.95;
}
#menu li .submenu a:hover{
	filter: alpha(Opacity=80);
	opacity: 0.8;
}*/
/**********************************************************/
/*                                            mainContent */
/**********************************************************/
.rhome #mainContent {
	padding: 0 20px;
	background: #FFFFFF;
	z-index:2;
}
.rhome #mainContent h2 {
	padding: 0px 25px 0px 0px;
}
.rhome #mainContent h4 {
clear:both;
margin:10px 0 10px 0;
padding:0 0 0 20px;
background:url(/img/common/li_mark_heart.jpg) no-repeat 0px;
}

.clear {
display:block;
	clear:both;
	margin:10px;
}

.rhome #mainContent p {
	font-size:medium; 
	margin: 0;
	line-height:130%; 
	padding: 0px 20px 10px 0px;
}

a,
a:link,
a:hover,
a:visited {
	text-decoration:none;
	color:#0000FF	
}

ul a,
ul a:link,
ul a:hover,
ul a:visited {
	text-decoration:none;
	color:#0000FF	
}

.brank{
display:block;
clear:both;
height:20px;
margin:0}

/***************************************/
/*        branchTable                  */
/***************************************/
#branchTable {
	font-size:medium; 
	margin: 0;
	padding: 5px 10px 5px 10px;
}
#branchTable a,
#branchTable a:link,
#branchTable a:hover,
#branchTable a:visited {
	text-decoration:none;
	color:#0000FF	
}
#branchTable .lineOD {
	background:#9966cc;
	color:#FFFFFF;
}
#branchTable .lineTD {
	background:#990099;
	color:#FFFFFF;
}
#branchTable .lineKO {
	background:#ff3399;
	color:#FFFFFF;
}
#branchTable .lineKI {
	background:#99cc00;
	color:#FFFFFF;
}
#branchTable td {
	color:#663300;
	border-bottom:solid 1px #ccc;
}

/***************************************/
/*        doclist                      */
/***************************************/
#doclist li {
	list-style-image:url(/img/common/li_mark_heart.jpg);
}
#doclist li a{
	text-decoration:none;	
}

/* knowledge.html
---------------------------------------*/
#mainContent h3.knowledgeTit {
	border-left:6px solid #AAB7EC;
	margin:0px 0px 10px;
	padding:2px 0px 2px 4px;
	color:#29345F;
}
#mainContent .nTable01 {
	font-size:smaller;
	border-top:1px solid #AFAFAF;
	border-left:1px solid #AFAFAF;
	margin:0px auto 4px;
}
#mainContent .nTable01 th {
	border-right:1px solid #AFAFAF;
	border-bottom:3px double #AFAFAF;
}
#mainContent .nTable01 td {
	border-right:1px solid #AFAFAF;
	border-bottom:1px solid #AFAFAF;
	line-height:1.3;
}
#mainContent .nTable01 th {
	text-align:center;
	color:#333;
}
#mainContent .nTable01 .tdTit {
	border-right:2px dotted #AFAFAF;
}
#mainContent .mg8 {
	margin-bottom:8px;
}