* {
	margin: 0;
	padding:0;
}
html{
    height:100%;
}
body{
    height:100%;
color:#555555;
font-size:0.9em;
line-height: 1.4;
background:#FFFFFF;
font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
text-align:center;
margin:0 auto;
}

/*
共通
----------------------------------------------------------- */
li {list-style-type:none;}
dl {list-style-type:none;}
img{border:0;}

p  {line-height:150%;padding:0;margin-bottom: 5px;}
ul {list-style-type: none;padding:0;margin:0;}
li {margin:0;padding:0;}
th {text-align:left;}

.clear   {clear:both;}
.f_left  {float: left;}
.f_right {float:right;}
.cenLeft {width:960px;text-align:left;margin:0 auto;}
.shim_m30{margin:30px 0;}
.cen {text-align:center;}
.bold {font-weight:bold;}

.f14 {font-size:14px;line-height:1.4;}
.f12 {font-size:12px;line-height:1.4;}
.pagetop {width:660px;text-align:right;margin:0 auto;}
.r {text-align: right;padding-bottom:5px;_padding-bottom:15px;}

/*
 Link Color
----------------------------------------------------------- */
a:link    {color:#003399;text-decoration:underline;}
a:visited {color:#003399;text-decoration:underline;}
a:hover   {color:#FF9900;text-decoration:underline;}

#menu20 a:link         {color:#FFFFFF;text-decoration:underline;}
#menu20 a:visited      {color:#FFFFFF;text-decoration:underline;}
#menu20 a:hover,active {color:#FAC000;text-decoration: none;}

#footer a:link    {color: #FFFFFF;text-decoration:underline;}
#footer a:visited {color: #FFFFFF;text-decoration:underline;}
#footer a:hover   {color: #FAC000;text-decoration: none;}


/*--------------------------------------------
container
---------------------------------------------*/
* html div#container{
    height:100%;
}

#container {
width: 960px;
text-align:left;
border-left: 1px solid #AAA;
border-right:1px solid #AAA;
margin:0;    
    position:relative;
    min-height:100%;
    margin:0 auto;
}
body > #container {
        height: auto;
}

/*--------------------------------------------
header
---------------------------------------------*/
#head {width:960px;}

#catch {color:#666;font-size:0.8em;background-color:#fff;padding: 3px;}

#catchline{height: 5px;font-size: 3px;background-color:#17499B;}

table#logo {width:960px;}
table#logo tr th {vertical-align:top;}
table#logo tr td {text-align:right;vertical-align:top;}


#menu20 {color:#FFFFFF;background-color:#17499B;}
#menu20 tr th{text-align:left;}
#menu20 tr td{text-align:right;font-size:80%;}

#catch2{
font-size: 11px;
margin-top: 5px;
margin-right: 5px;
margin-bottom:5px;
}

.home{font-size: 13px;font-weight: bold;padding: 3px;}

#pankuzu {font-size:0.8em;background-color: #C8D6E4;height: 7px;}

/*--------------------------------------------
main
---------------------------------------------*/
div#main{
padding-bottom:100px;
text-align:left;
margin:0 auto;
}

/*--------------------------------------------
左コンテンツ（内容）
---------------------------------------------*/
#main_area {
width:690px;
float:left;
padding-left:15px;
}

#index{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
img.bottom8 {margin-bottom: 8px;}


/*--------------------------------------------
右コンテンツ（バナー）
---------------------------------------------*/
#right_area {
width:240px;
float:right;
margin-top:25px;
}
#menu{
	width: 200px;
	margin-bottom: 10px;
}
.m_head{
	background-image: url(img/m_head.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	padding-right: 5px;
	padding-left: 5px;
	height: 23px;
}
.m_text{
	background-color: #FFFFFF;
	padding: 11px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #016799;
	border-left-color: #016799;
}
.contact_text{
	background-image: url(../img/contact_bg.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	line-height: 130%;
	font-size: 11px;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
}
.terra{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 3px;
}

 /* 右コンテンツ 　導入企業*/
/**************************************************************/
#r_case {margin-bottom: 10px;}
#r_case tr td {
border-left: 2px solid #FF6699;
border-right:2px solid #FF6699;
background-color: #fff;
font-size: 0.8em;
line-height:1.4;
color: #333;
margin: 0;
padding: 5px 3px;
}

 /* 右コンテンツ　資料 */
/**************************************************************/
.shi_l {
border-left: 2px solid #38A848;
background-color: #fff;
margin: 0;
padding: 10px 3px;
text-align: right;
}
.shi_r {
border-right: 2px solid #38A848;
font-size: 0.9em;
line-height:1.3;
color: #333;
margin: 0;
padding: 10px 3px;
}

 /* 右コンテンツ　お問い合わせ */
/**************************************************************/
#r_contact{margin-bottom: 10px;padding: 0;}
#r_contact tr td {
border-left: 2px solid #9966FF;
border-right:2px solid #9966FF;
background-color: #fff;
font-size: 0.8em;
line-height:1.4;
color: #333;
margin: 0;
padding: 3px 3px 0 3px;
}

#r_contact tr td span{
font-size: 1.3em;
color: #333;
}


/*--------------------------------------------
footer
---------------------------------------------*/
#footer {
position:absolute;
width:100%;
height:55px;
color: #FFFFFF;
font-size:0.9em;
background-color:#003366;
padding-top:5px;
bottom:0;
}
#footer dl dt {float:left;}
#footer dl dd {float:right;}

/*--------------------------------------------
　タイトル
---------------------------------------------*/
h1 {
font-size:120%;
font-weight:bold;
text-align:left;
margin-bottom: 10px;
}

h2 {
height:36px;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
line-height: 1.4;
background: url(../img/h_bg.gif) no-repeat 0 0;
text-align:left;
margin:25px 0 5px;
padding-top: 4px;
padding-left:32px;
}

h3 {
color: #016799;
font-weight: bold;
line-height: 1.4;
text-align:left;
margin-top: 3px;
}


 /* ページトップ・前のページへ戻る */
/**************************************************************/
.top{
text-align: right;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #999999;
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 5px;
}
#pageback {
text-align: right;
padding: 0 10px 10px;
}


/*---------------------------------------------------------------------
　floatを使用の際、clearで解除するためのクラス
---------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
.clearfix {display:inline-block;}