@charset "UTF-8";
/* CSS Document */
#MainContainer {
	width: 980px;
	margin: 0 auto;
}

#header {
	padding: 10px 0 0;
	height: 90px;
	width: 100%;
	overflow: hidden;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}

#MainContents {
	margin: 0;
	min-height: 1em;
	overflow: hidden;
}

#footer {
	clear: both;
	padding: 20px 10px 5px;
	min-height: 1em;
	overflow: hidden;
}

#header:after,
#MainContents:after,
#footer:after {
    content: " ";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*\*/
* html #header,
* html #MainContents,
* html #footer {
    height: 1em;
    overflow: visible;
}
/**/

/*  common */
p {
	margin: 0.4em 0;
}
ul, ol {
	margin: 0.4em 0;
}

.inner {
	margin: 0 10px;
}

.col {
    zoom: 100%;
	margin-bottom: 20px;
}
.col:after {
    content: " ";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.fs_xl	{ font-size: x-large; }
.fs_l	{ font-size: large; }
.fs_m	{ font-size: medium; }
.fs_s	{ font-size: small; }
.fs_xs	{ font-size: x-small; }
.fs_xxs	{ font-size: xx-small; }
.ta_l	{ text-align: left; }
.ta_c	{ text-align: center; }
.ta_r	{ text-align: right; }
.mb_0	{ margin-bottom: 0; }
.mb_10	{ margin-bottom: 10px; }
.mb_20	{ margin-bottom: 20px; }
.notes	{ color: #EE0000; }

.w_xl	{ width: 500px; }
.w_l	{ width: 320px; }
.w_m	{ width: 150px; }
.w_s	{ width: 80px; }
.w_xs	{ width: 50px; }

.b1			{ border: 1px solid #999999; }
.b1_error	{ border: 1px solid #CC0000; background-color: #FFF6FF; }
/*  header */
#header #leftcol {
	text-indent: -10000px;
	width: 600px;
	height: 90px;
	overflow: hidden;
	float: left;
}
#header #leftcol h1 a {
	width: 450px;
	height: 70px;
	display: block;
}

#header #rightcol {
	width: 290px;
	padding-right: 10px;
	overflow: hidden;
	float: right;
	text-align: right;
}

/*  footer */
#footer #leftcol {
	width: 600px;
	float: left;
}

#footer #rightcol {
	width: 300px;
	float: right;
}

#footer p {
	text-align: right;
}

#footer address {
	text-align: left;
	color: #999999;
	font-weight: bold;
	font-size: small;
	font-style: normal;
	margin-bottom: 10px;
}

/*  MainContents */
#MainContents .inner {
	margin: 0 0;
}

#contents {
	width: 758px;
	border: 1px solid #CCCCCC;
/*
	width: 760px;
*/
/*	background-color: #F0F0F0;
*/	background-color: #E9E9E9;
	float: left;

	-moz-border-radius: 10px;
}

#navi {
	width: 200px;
	float: right;
}

/*  content */
#contents .inner {
	margin: 20px 20px 20px 20px;

}

#contents #leftcol {
	width: 520px;
	float: left;
}

#contents #rightcol {
	width: 180px;
	float: right;
}

#contents .col {
	background-color: #FFFFFF;
	-moz-border-radius: 5px;
}

#contents .col .inner {
/*	margin: 10px; */
	margin: 0;
	padding: 10px 20px;
}

#contents ul,
#contents ol {
	padding-left: 2em;
}

#contents h2 {
	background-image: url(../images/pagetitle.gif);
	padding: 17px 0 5px 20px;
	line-height: 1em;
	font-size: large;
	color: #FFFFFF;
}

#contents p.description {
	padding: 0.2em 0 0.2em 20px;
	color: #000E71;
	font-size: medium;
	font-weight: bold;
	margin-bottom: 10px;
}

#contents h3 {
	border-top: 1px solid #000E71;
	border-right: 1px solid #000E71;
	border-bottom: 1px solid #000E71;
	border-left: 8px solid #000E71;
	color: #333333;
	background-color: #F0F0F0; 
	padding: 7px 5px 5px 10px;
	margin: 5px 0 10px;
	line-height: 1em;
	font-size: small;
	font-weight: bold;
}

#contents h4 {
	color: #000E71;
}
/* menu */
ul.data {
	list-style: none;
	margin-bottom: 20px;
}

ul.data li {
	text-indent: -10000px;
	width: 200px;
	height: 80px;
	overflow: hidden;
	margin-bottom: 8px;
}

ul.data li a {
	width: 200px;
	height: 80px;
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

ul.data li a#mouke {
	background-image: url(../images/btnMouke.jpg);
}

ul.data li a#csv {
	background-image: url(../images/btnCSV.jpg);
}

ul.main {
	margin: 5px 0 0;
	list-style: none;
}

ul.main li {
	text-align: left;
	font-size: x-small;
	width: 200px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 3px;
	overflow: hidden;
}

ul.main li a {
	padding-left: 22px;
	width: 178px;
	height: 30px;
	display: block;
	background-position: 0px 0px;
	background-image: url(../images/btnMenu.jpg);
	background-repeat: no-repeat;
	
	color: #333333;
}

ul.main li a.active,
ul.main li a:hover {
	background-position: 0px -30px;
	text-decoration: none;
}

ul.mouke li a {
	background-image: url(../images/btnMenuMouke.jpg);
/*	color: #2D38CD;*/
	color: #333333;
/*	font-weight: bold;*/
	font-size: small;
}

ul.csv li a {
	background-image: url(../images/btnMenuCSV.jpg);
/*	color: #FD9B00;*/
	color: #333333;
/*	font-weight: bold;*/
	font-size: small;
}

ul#sub {
	list-style: none;
	border-top: 1px solid #000E71;
	border-right: 1px solid #000E71;
	border-left: 1px solid #000E71;
	padding: 0;
}

ul#sub li {
	text-align: left;
	font-size: x-small;
	font-weight: bold;
	width: 178px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	border-bottom: 1px solid #000E71;
}

ul#sub li a {
	padding-left: 18px;
	width: 160px;
	height: 28px;
	display: block;
	background-color: #E3E3EE;
	color: #000E71;
}
ul#sub li a.active,
ul#sub li a:hover {
	background-color: #FFFFFF;
	text-decoration: none;
}

/* table */
table.default {
	margin: 5px 0 5px;
	border-top: 1px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

table.default td,
table.default th {
	font-size: x-small;
	padding: 2px;
	border-top: 1px solid #CCCCCC;
	border-left: none;
	border-right: 1px solid #CCCCCC;
	border-bottom: none;
}
table.default td table {
	margin-left: -2px;
}
table.default td td, table.default td th {
	border: none;
}

table.default th {
	background-color: #F3F3F3;
}

#contents .news {
	overflow: auto;
	margin-bottom: 10px;
/************/
	max-height: 150px;
/************/
 	padding: 10px 10px;
	border: 1px solid #CCCCCC;
}

#contents .news ul {
	padding: 0;
	list-style: none;
}

#contents .news li {
	margin: 0 0 10px 0;
}

#contents .news h4 {
	background-color: #EEEEEE;
	padding: 0.2em 1em;
	line-height: 120%;
	font-size: x-small; 
}

#contents .news p {
	padding: 0.2em 0 0.2em 10px;
	font-size: x-small;
}

.example {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0 10px;
	background-repeat: no-repeat;
	background-position: 0 24px;
	margin-bottom: 10px;
}

.communication { background-image:url(../images/example_back01.jpg); }
.callcenter { background-image:url(../images/example_back02.jpg); }
.addinformation { background-image:url(../images/example_back03.jpg); }

#contents .example h4 {
	color: #333333;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	background-image: url(../images/example_title.jpg);
	background-position: -1px 0;
	background-repeat: no-repeat;
	overflow: hidden;
	padding-left: 30px;
}

.example .description {
	margin: 10px 10px 10px 220px;
}