@charset "utf-8";

body,
div,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,a,em,
img,
table,th,td,
dl,dt,dd,
form,
address {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
ul,li {
	list-style: none;
}
a:link {
	color: #333333;
	text-decoration: none;}
a:visited {
	color: #666666;
	text-decoration: none;}
a:hover {
	color: #0670fb;
	text-decoration: underline;}
	
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bg0.gif);
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}

#container {
	width: 785px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #cccccc;
} 


/* float */
.floatRight { float: right; }
.floatLeft { float: left; }
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}


/* padding */
.pb05 { padding-bottom: 5px  !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }

.pt05 { padding-top: 5px  !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }

.pl05 { padding-left: 5px  !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }

.font_s {
	font-size: 90%;
}

#pankuzu {
	font-size: 80%;
}


/* ===== ■header =====*/


#container #wrap-head #headnavi {
	text-align: right;
	font-size: 90%;
	width: 350px;
	padding-top: 3px;
	padding-right:10px;
}
#container #wrap-head #headnavi li {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
#container #wrap-head #headnavi ul {

}



/* ===== ■menu =====*/

#container #wrap-head #menu li {
	float: left;
}
#container #wrap-head #menu {
	width: 780px;
	margin-right: 2px;
	margin-left: 3px;
	padding-bottom:5px;
}



/* ===== ■sidebar =====*/

#sidebar1 {
	float: right;
	width: 200px;
	padding: 18px 0;
	margin-right: 10px;
}
#sidebar1 p {
	font-weight: bold;
	color: #FFFFFF;
	background: #8fc31f;
	font-size: 80%;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#sidebar2 {
	float: right;
	width: 200px;
	padding: 40px 0 18px;
	margin-right: 10px;
}
#sidebar2 p {
	font-weight: bold;
	color: #FFFFFF;
	background: #8fc31f;
	font-size: 80%;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#sidemenu li {
	background: url(../images/arrow-sideber.gif) no-repeat left 8px;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#sidemenu {
	background: #c5fa92;
	margin-top: 10px;
	margin-bottom: auto;
	text-align: left;
	font-size: 80%;
}
#container #sidebar1 #sidemenu .rink_btn {
	background: #ECFC8F url(../images/arrow-link.gif) no-repeat 5px 8px;
	border-top: 5px solid #FFFFFF;
	padding-left: 22px;
	font-weight: normal;
	padding-top: 4px;
	padding-bottom: 4px;
}
#container #sidebar1 #sidemenu .rink_btn a:link {

}
#container #sidebar1 #sidemenu a:link {
	color: #333333;
	text-decoration: none;}
#container #sidebar1 #sidemenu a:hover {
	color: #006600;
	text-decoration: underline;
}

/* ===== ■mainContent =====*/

#mainContent {
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 10px;
	width: 560px;
	float: left;
	text-align: left;
} 

#what {
	background: url(../images/what-img.jpg) no-repeat right bottom;
	padding: 5px 250px 5px 8px;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
	font-size: 90%;
	text-align: left;
}

#what #office {
	margin: 3px 2px;
	text-align: right;
}

#container #mainContent #news {
	width: 533px;
	border: 1px solid #CCCCCC;
	margin-top: 8px;
}

#container #mainContent #news .yellow {
	background: #f99e29 url(../images/news.gif) no-repeat left top;
	padding: 5px;
	height: 15px;
	width: 523px;
	text-align: right;
	font-size: 80%;
}
/*
.news-arrow {
	background: url(../images/arrow-y.gif) no-repeat left center;
	padding-left: 15px;
	margin: 5px 2px 2px 10px;
	font-size: 90%;
}
*/

#container #mainContent #news .news-arrow a:link {
	color: #333333;
	text-decoration: none;}
#container #mainContent #news .news-arrow a:hover {
	color: #0670fb;
	text-decoration: underline;}



/* ===== ■footer =====*/

#container .copyright {
	font-size: 80%;
	background: #e3e4ee;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
}
#container #foot #footerNavi li{
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	font-size: 80%;
}

#container #foot {
	text-align: center;
	margin-top: 20px;
	padding-top: 5px;
	border-top: 1px solid #a0b1fe;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 80%;
}

#container #foot span {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 80%;
}





/* ===== ■■consult =====*/

#mainContent2 {
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 10px;
	width: 550px;
	float: left;
	text-align: left;
	padding-right: 10px;
} 

#container #mainContent2 p {
	margin-top: 5px;
	margin-left: 35px;
	font-size: 90%;
	margin-right: 15px;
	line-height: 22px;
	text-align: justify;
}

#container #mainContent2 h3 {
	color: #663300;
	font-size: 90%;
	margin-top: 20px;
	margin-left: 20px;	
}
#container #mainContent2 h3 {
	border-left: 5px solid #DB6D00;
	padding-left: 5px;
}
#container #mainContent2 ul {
	font-size: 90%;
	line-height: 22px;
	margin-top: 10px;
	margin-left: 35px;
}
#container #mainContent2 span {
	color: #FF0000;
}
#container #mainContent2 .que {
	border-bottom: 1px solid #999999;
}
#container #mainContent2 table {
	font-size: 80%;
	margin-left: 35px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
}
#container #mainContent2 th {
	border-right: 1px solid #666666;
	background: #CBE2E9;
	padding: 2px;
}
#container #mainContent2 td {
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}



/* ===== ■■case =====*/


#container #mainContent2 .case {
	margin-left: 35px;
	margin-top: 3px;
	font-size: 80%;
	line-height: 18px;
	margin-right: 20px;
	padding-left: 20px;
	border-bottom: 1px dotted #0C7AFB;
	padding-bottom: 5px;
	background: #FFEDCA;
	padding-top: 2px;
}
/*
#container #mainContent2 #case2 table {
	border: 1px solid #FFE1AA;
}
#container #mainContent2 #case2 td {
	border-style: none;
	font-size: 80%;
	padding: 5px;
	line-height: 22px;
}
#container #mainContent2 #case2 th {
	border-style: none;
	background: #FFE1AA;
	padding: 5px;
	font-size: 12px;
	color: #333333;
}
#container #mainContent2 #case2 .case_after th {
	background: #C8DEFF;
}
#container #mainContent2 #case2 .case_after {
	border-color: #C8DEFF;
}
#container #mainContent2 #case2 .case_arrow {
	text-align: center;
	width: 500px;
	margin-left: 35px;
	clear: both;
}
*/



/* ===== ■■access =====*/


#container #mainContent2 .btn-access {
	text-align: right;
	padding-right: 15px;
	padding-top: 5px;
}
#popup {
	width: 650px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: center;
	height: 1000px;
} 
#container #mainContent2 .access th {
	font-size: 80%;
	background: #CBE2E9;
	text-align: center;
	padding: 2px;
	color: #003366;
}
#container #mainContent2 .access td {
	padding: 3px;
	font-size: 80%;
}
#popup table {
	width: 600px;
	border: 1px dotted #CCCCCC;
	margin: 20px auto;
}
#popup th {
	font-size: 80%;
	background: #EDEEEF;
}
#popup td {
	padding: 3px;
	font-size: 80%;
	text-align: left;
}



/* ===== ■■sitemap =====*/


#container #mainContent2 #sitemap table {
	border-style: none;
	margin-top: 15px;
}
#container #mainContent2 #sitemap th {
	background: #FFCC66;
	text-align: left;
	border-style: none;
	padding: 5px;
}
#container #mainContent2 #sitemap td {
	padding: 5px;
	border-bottom: 1px dotted #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

/* ===== ■■sutudy =====*/

#container #mainContent2 .seminar {
	line-height: 16px;
}
#container #mainContent2 .seminar td {
	padding: 3px;
}
.red {
	color: #CC0000;
}


/* ===== ■■business =====*/


#container #mainContent2 .support td {
	font-size: 80%;
	padding: 5px 5px 5px 8px;
}
#container #mainContent2 .support th {
	font-size: 80%;
	color: #333366;
	padding: 3px;
}
#container #mainContent2 .support {
	margin-top: 10px;
	margin-bottom: 30px;
}

#container #mainContent2 #map {
	width: 495px;
	margin-left: 25px;
	margin-top: 10px;
	font-size: 80%;
	line-height: 18px;
}


#container .en {
	font-size: 90%;
	text-align: justify;
}
.ent td {
	border: 1px solid #336699;
	padding: 3px;
	font-size: 80%;	
}
#container #mainContent .ent .enth {
	background: #9ECFE7;
	border: 1px solid #336699;
	padding: 3px;
	font-size: 80%;	
}
#container #wrap-head #line {
	background: #33B3FF;
	height: 8px;
	margin-bottom: 10px;
	margin-right: 3px;
	margin-left: 3px;
}


#container #mainContent2 #top-list li {
	background: url(../images/arrow-blue.gif) no-repeat left center;
	padding-left: 10px;
}
#container #mainContent2 .tel {
	border: 3px solid #E95537;
	padding: 5px;
	width: 250px;
}
#container #mainContent2 #office02 {
	margin-left: 20px;
}
#container #mainContent2 #top-list {
	padding-left: 10px;
}

table.tableA{
        font-size: 80%;
        border-collapse:collapse;
        border-spacing:0;
        width:100%;
        margin:0 0 2em 0;
}
table.tableA th{
        padding:0.5em;
        font-weight:bold;
        text-align:center;
        border:1px solid #d8d8d8;
}
table.tableA td{
        padding:0.5em;
        text-align:center;
        border:1px solid #d8d8d8;
}
table.tableA th{
        background:#f1f1ec;
}

/* rousou center */
table.rosocase1 {
        border: 1px solid #ffe1aa;
}

table.rosocase1 td {
        font-size: 80%;
        border-style: none;
        padding: 5px;
        line-height: 22px;
}

table.rosocase1 th {
        border-style: none;
        background: #ffe1aa;
        padding: 5px;
        font-size: 12px;
        color: #333333;
}
table.rosocase2 {

        border: 1px solid #c8deff;
}

table.rosocase2 td {
        font-size: 80%;
        border-style: none;
        padding: 5px;
        line-height: 22px;
}

table.rosocase2 th {
        border-style: none;
        background: #c8deff;
        padding: 5px;
        font-size: 12px;
        color: #333333;
}
.case_arrow {
        text-align: center;
        width: 500px;
        margin-left: 35px;
        clear: both;
}