@charset "euc-jp";

/*
 * ============================================
 * COPYRIGHT(C)2004-2007 CYBRiDGE CORPORATION.
 * URL: http://www.cybridge.jp/
 * ============================================
 */

/* Reset Styles
-----------------------------------------------------------------------------  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {   
	margin:0;  
	padding:0;  
	}  
table {  
	border-collapse:collapse;  
	border-spacing:0;  
	}  
fieldset,img {   
	border:0;  
	}  
address,caption,cite,code,dfn,em,strong,th,var {  
	font-style:normal;  
	font-weight:normal;  
	}  
ol,ul {  
	list-style:none;  
	}  
caption,th {  
	text-align:left;  
	}  
h1,h2,h3,h4,h5,h6 {  
	font-size:100%;  
	font-weight:normal;  
	}  
q:before,q:after {  
	content:'';  
	}  
abbr,acronym {
	border:0;  
	}

/* Common Styles
-----------------------------------------------------------------------------  */
body {
	font-size:82%;
	color:#444;
	line-height:137%;
	background:#F7FCFF;
	}

a img,
map a {
	border:none;
	}

hr {
	display: none;
	}

.leftBox { 
	float:left;
	}
.rightBox { 
	float:right;
	}

p { 
	margin:0 10px 10px 10px;
	}

/* LinkColors
-----------------------------------------------------------------------------  */
a {
/*\*/
	overflow: hidden;
/**/
	color:#0000CC;
	}
a:link,
a:visited {
	color: #36C;
	text-decoration:none;
	}
a:hover,
a:active {
	color: #636;
	text-decoration:underline;
	}


/* Container
-----------------------------------------------------------------------------  */
#container {
	position:relative;
	width:740px;
	margin:0 auto;
	padding-bottom: 8px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background:#FFF;
	}


/* Contents
-----------------------------------------------------------------------------  */
#contents {
	height:1%;
	padding:20px;
	}




/* Totop
-----------------------------------------------------------------------------  */
#totop { 
	clear:both;
	text-align:right;
	}
#totop a {
	display:block;
	padding:3px 10px;
	background:#F6F6F6;
	}


/* List Styles
-----------------------------------------------------------------------------  */
ul.disc {
	padding-left:2.5em;
	margin:1em 0px;
	list-style:disc;
	}
ul.circle {
	padding-left:2.5em;
	list-style:circle;
	margin:1em 0px;
	}
ol.decimal {
	padding-left:2.5em;
	list-style:decimal;
	margin:1em 0px;
	}


/* Bleadlist Styles
-----------------------------------------------------------------------------  */
ol.bl {
	clear:both;
	font-size:79%;
	}
ol.bl li {
	display:inline;
	}
ol.bl li a {
	padding-right:10px;
	background: #FFF url(/img/common/bl.gif) no-repeat 100% 50%;
	}


/* Font Styles
-----------------------------------------------------------------------------  */
small {
	font-size:64%;
	}
big {
	font-size:106%;
	}

.f6 { 
	font-size:174%;
	}
.f5 { 
	font-size:153%;
	}
.f4 { 
	font-size:131%;
	}
.f3 { 
	font-size:106%;
	}
.f2 { 
	font-size:79%;
	}
.f1 { 
	font-size:64%;
	}

.red { 
	color:#BD2C2A; 
	}
.blue { 
	color:#0066CC; 
	}
.gray { 
	color:#AAA; 
	}
.yellow { 
	color:#FFCC00;
	}
.brown { 
	color:#993333;
	}

p,li,h1,h2,h3,h4,h5,h6,dt,dd,blockquote,th,td {   
	line-height:157%;
	}

.center	{
	text-align:center;
	}
.right {
	text-align:right;
	}
.left {
	text-align:left;
	}
.middle { 
	vertical-align:middle; 
	}

.bold { 
	font-weight:bold;
	}
.mgn20 {
	margin:20px;
	}

/* Table Styles
-----------------------------------------------------------------------------  */
table.sheet	{
	background:#FFF;
	margin:0 auto 10px auto;
	width:100%;
	}
.sheet th,
.sheet td {
	padding:3px 5px;
	border:1px solid #CCC;
	background:#FAFAFA;
	}
.sheet th {
	background-color: #EEE;
	font-weight:bold;
	}
.sheet td ul:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.red-bg {
	background:#FDF7F7;
	}
.blue-bg {
	background:#F1F6FC;
	}


/* From Styles
-----------------------------------------------------------------------------  */

.terms {
	margin:10px 5px;
	border: 1px solid #CCC;
	background-color:#FFFFEE;
	overflow: auto;
	height:150px;
	padding:5px 0px;
}


/* Clearfix Styles
-----------------------------------------------------------------------------  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* Header
-----------------------------------------------------------------------------  */
#header {
	background:url(/img/business/integration/toolbar/matsui/header_bg.gif) repeat-x;
	height:82px;
	}
#logo {
	}


/* GN
-----------------------------------------------------------------------------  */
#gn {
	}
#gn li {
	float:left;
	height:30px;
	text-indent:-5000px;
	background:url(/img/common/gn.gif) no-repeat;
	}
#gn li a {
	background:url(/img/common/gn.gif) no-repeat;
	height:30px;
	display:block;
	}
#gn-home a:link, #gn-home a:visited {
	background-position: 0px 0px;
	width:71px;
	}
#gn-home a:hover, #gn-home a:active	{
	background-position: 0px -30px;
	width:71px;
	}

/* h
-----------------------------------------------------------------------------  */
h1{
	font-size:15px;
	font-weight:bold;
	background:url(/img/business/integration/toolbar/matsui/h1.gif) repeat-x;
	border-left:3px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	margin-bottom:10px;
	color:#006600;
}
h2{
	font-size:13px;
	font-weight:bold;
	background:#F2F2F2;
	border-bottom:1px solid #CCCCCC;
	padding:2px 5px;
	margin-bottom:10px;
	color:#006600;
}
h3{
	font-size:13px;
	font-weight:bold;
	background:url(/img/business/integration/toolbar/matsui/line.gif) repeat-x 0 100%;
	padding:2px 2px;
	margin:0 5px 5px 5px ;
}

/* Footer
-----------------------------------------------------------------------------  */
#footer {
	border-top:3px solid #006600;
	position:relative;
	}

ul#fn {
	border-top:1px solid #FFF;
	padding:6px 0 10px 0;
	background: #FFF url(/img/common/bg_footer.gif) repeat-x 0% 100%;	
	text-align:center;
	zoom:1;
	}
ul#fn li {
	padding:0 6px;
	display:inline;
	}

ul#cb {
	margin-top:6px;
	padding-left:100px;
	}
ul#cb ul {
	display:inline;
	font-size:small;
	}
ul#cb ul li {
	display:inline;
	line-height:100%;
	}

ul#cb a:link,
ul#cb a:visited {
	text-decoration:none;
	}
ul#cb a:hover,
ul#cb a:active {
	text-decoration:underline;
	}
#footer p {
	margin-top:18px;
	line-height:100%;
	padding-left:70px;
	font-size:small;
	color:#9A9A9A;
	}
#footer .copyright {
	color:#9A9A9A;
	font-size:115%;
	font:smaller Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
#cybridge {
	position:absolute;
	top:5px;
	left:10px;
	display:block;
	border:1px solid #FFF;
	background: #FFF url(/img/common/logo_cybridge.gif) no-repeat 0px 0px;
	text-indent: -5000px;
	text-decoration:none;
	width:50px;
	height:50px;
	margin:0px auto;
	}
a:hover#cybridge {
	border:1px solid #CCC;
	}