@charset "utf-8";


/*TOP-CSS*/
/* table layout */
/* -------------------------------------------------------- */
#layout1 td#side1 {
width:206px;
text-align:left;
vertical-align:top;
padding:0px 0px 10px 0px;
background:#ffffff;
}

#layout1 td#side2 {
width:100%;
text-align:left;
vertical-align:top;
padding:0 10px 10px 10px;
background:#ffffff;
}


#layout1 td#side3{
width:204px;
text-align:left;
vertical-align:top;
padding:0px 0px 10px 0px;
background:#ffffff;
float:left;
}

#layout1 td#bannar{
width:100%;
background-color:#FFFFFF;
padding:5px 20px 5px 20px;
margin:0px;
border-top:1px solid #bebebe;
text-align:center;
}

#layout1 td#bannar p{
margin:5px;
}

/* title */
/* -------------------------------------------------------- */
h2.bg1a {
font-size:100%;
padding:10px 0 8px 52px;
background:url(/images/img/bg_01.gif) no-repeat left top;
}
h2.bg1b {
font-size:100%;
padding:10px 0 8px 52px;
background:url(/images/img/bg_02.gif) no-repeat left top;
}

h2.bg1c {
font-size:100%;
padding:10px 0 8px 52px;
background:url(/images/img/bg_03.gif) no-repeat left top;
}
h2.bg1d {
font-size:100%;
padding:6px 0 6px 52px;
background:url(/images/img/bg_04.gif) no-repeat left top;
}
h2.bg1e {
font-size:100%;
padding:6px 0 6px 52px;
background:url(/images/img/bg_05.gif) no-repeat left top;
}
h2.bg1f {
font-size:100%;
padding:10px 0 8px 52px;
background:url(/images/img/bg_02.gif) no-repeat left top;
}

h2.bg1g {
font-size:100%;
padding:10px 0 8px 52px;
background:url(/images/img/bg_12.gif) no-repeat left top;
}

h3.ti1 {
font-size:80%;
font-weight:bold;
margin-right:2px;
margin-bottom:5px;
}


/* text */
/* -------------------------------------------------------- */

p.bt1 {
text-align:right;
padding-right:10px;
}

p.bt1 span {
font-size:70%;
}

/* list */
/* -------------------------------------------------------- */
ul.type1 {
list-style-type:none;
margin:1em 0 0 0;
padding:0;
}

ul.type1 li {
margin:2px 0 0 0;
padding:0 0 0 12px;
background:url(/images/img/icon_01.gif) no-repeat left top;
}

ul.type1 li img {
vertical-align:middle;
margin-left:5px;
}

ul.type2 {
list-style-type:none;
margin:5px 10px 0 0;
padding:0;
}

ul.type2 li {
margin:2px 0 0 0;
padding:0 0 0 10px;
background:url(/images/img/icon_03.gif) no-repeat left top;
}

ul.type4 {
list-style-type:none;
margin:5px 10px 0 0;
padding:0;
}

ul.type4 li {
margin:2px 0 0 0;
padding:0 0 0 10px;
background:url(/images/img/icon_03.gif) no-repeat left top;
}

/* image */
/* -------------------------------------------------------- */
img.type1 {
float:left;
margin:0 8px 0 4px;
display:inline;
}

img.type2 {
float:left;
margin:0 15px 0 10px;
display:inline;
border:1px solid gray;
}

/* box */
/* -------------------------------------------------------- */
.box1 {
width:100%;
background:#c6d3dc;
border-bottom:solid 4px #c6d3dc;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}
.box1 .cell1 {
/* width:365px; */
text-align:left;
}
.box1 .cell2 {
/* width:200px; */
}
.box1 .cell3 {
width:100%;
}

.box1 .cell4 {
vertical-align:top;
}

.box1 .cell4 a{
margin:0px;
padding:0px;
}
















.box1 .cell4 td.op{
width:50%;
margin:0px;
padding:0 10px;
text-align:left;
vertical-align:top;
}



.box1 .cell4 td.op_r{
width:50%;
margin:0px;
padding:0 10px;
text-align:left;
border-left:dotted 1px #67839b;
vertical-align:top;
}


.box1 .cell4 td img{
margin-right:5px;
display:inline;
float:left;
}


.box1 .cell4 .op_img{
width:100%;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:dotted 1px #67839b;
float:left;
display:block;
}

.box1 .cell4 .op_img2{
width:100%;
padding-bottom:10px;
margin-bottom:10px;
float:left;
display:block;
}

.box1 .cell4 .op_img h3{
font-size:90%;
}

.box1 .cell4 .op_img2 h3{
font-size:90%;
}

.box1 .cell4 .op_img img.type1{
width:60px;
float:left;
}


td.other{
width:100%;
padding:2px 0px 2px 0px;
vertical-align:top;
float:left;
border-bottom:dotted 1px #67839b;
display:block;
}

td.other img.type1{
width:40px;
}

.box1 .box1a {
margin:0 4px;
padding:0 10px 10px 10px;
background:#ffffff;
border-top:solid 1px #67839b;
}

.box1 .box1a p{
margin:5px;
}

.box1 .box1b {
height:6px;
margin:0;
border-top:solid 1px #67839b;
}
.box1 .box1c {
margin:0 4px;
padding:0 10px 5px 10px;
border-top:solid 1px #67839b;
}

.box1 .box1e {
width:auto;
}
.box1 .box1e td {
vertical-align:top;
}

.box1 .box1e td.box1e-cell1 {
width:120px;
padding-left:15px;
margin:0px;
}

.box1 .box1e td.box1e-cell1 img{
margin:0px;
padding:0px;
}

.box1 .box1e td.box1e-cell1 p {
font-size:70%;
line-height:120%;
padding:3px;
margin:0px 0px 0px 0px;
background:#e9e9e7;
}

.box1 .box1d {
margin:0 4px;
padding:0 10px 10px 10px;
background:#ffffff;
border-top:solid 1px #c8d2db;
}

.box1 .box1d p{
margin:5px;
}

.box1 .box1z {
padding:10px 10px 10px 10px;
border-top:solid 1px #c8d2db;
}

.box2 {
width:100%;
border-bottom:solid 10px #ffffff;
margin:5px 0px 5px 0px;
}
.box2 .cell1 {
width:365px;
background:#eaeaea;
border-bottom:solid 4px #ffffff;
}
.box2 .cell2 {
/* width:200px; */
background:#eaeaea;
border-bottom:solid 4px #ffffff;
}
.box2 .cell3 {
width:100%;
}
.box2 .cell4 {
width:365px;
vertical-align:top;
}
.box2 .cell5 {
width:200px;
vertical-align:top;
}
.box2 .box2a {
margin:0 4px;
padding:0 10px 10px 10px;
}
.box2 .cell5 p {
padding:0 0 0 10px;
font-size:70%;
}
.box2 .cell5 img {
margin:0 0 0 10px;
}

.box2 .box2b {
width:auto;
margin:0 14px;
}
.box2 .box2b .lbox {
width:178px;
float:left;
}

/*------list_box-------*/
#list_box{
width:100%;
}

#list_box ul {
clear:left;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 14px 0px 14px;
}

#list_box li {
display:inline;
margin:0px 0px 0px 0px;
padding:5px 0px 0 5px;
vertical-align: top;
float:left;
}

#list_box ul li a {
width:220px;
/*-white-space:nowrap;*/
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 12px;
background:url(/images/img/icon_03.gif) no-repeat left top;
display:list-item;
list-style-type: none;
}

/*------/list_box-------*/
/*---VKCSS---*/

.box_color00{
width: 200px;
padding:0px;
margin:0 0 5px 0;
border-left: 5px solid #91a6b7;
border-right:1px solid #c8d3db;
border-top:1px solid #c8d3db;
border-bottom:1px solid #c8d3db;
background-color:#e9edf1;
}

.box_color00 h2{
width:auto;
font-size:95%;
margin:0px;
padding:4px 5px 4px 10px;
color: #244e70;
}

.box_color00 span a{
width:auto;
font-size:70%;
text-align:right;
padding-right:5px;
padding-bottom:3px;
margin:0px;
display:block;
}

.box_color00 ul{
width:auto;
line-height: 1.3em;
margin:0 0 0 0;
padding:5px 5px 5px 5px;
background-color:#FFFFFF;
}

.box_color01{
width: 200px;
font-size:80%;
line-height: 1.3em;
margin:0 0 5px 0;
border-left: 5px solid #cb6600;
background-color:#e9edf1;
}

.box_color01 span{
width:auto;
padding:5px 5px 5px 14px;
display:block;
}

.box_color02{
width: 200px;
font-size:80%;
line-height: 1.3em;
margin:0 0 5px 0;
border-left: 5px solid #d78400;
background-color:#e9edf1;
}

.box_color02 span{
width:auto;
padding:5px 5px 5px 14px;
display:block;
}

.box_color03{
width: 200px;
font-size:80%;
line-height: 1.3em;
margin:0 0 5px 0;
border-left: 5px solid #87aa46;
background-color:#e9edf1;
}

.box_color03 span{
width:auto;
padding:5px 5px 5px 14px;
display:block;
}

.box_color04{
width: 200px;
font-size:80%;
line-height: 1.3em;
margin:0 0 5px 0;
border-left: 5px solid #6fb395;
background-color:#e9edf1;
}

.box_color04 span{
width:auto;
padding:5px 5px 5px 14px;
display:block;
}


.box_color05{
width: 200px;
font-size:80%;
line-height: 1.3em;
margin:0 0 5px 0;
border-left: 5px solid #51accd;
background-color:#e9edf1;
}

.box_color05 span{
width:auto;
padding:5px 5px 5px 14px;
display:block;
}

.box_color06{
width: 200px;
font-size:80%;
line-height: 1.3em;
margin:0 0 5px 0;
border-left: 5px solid #3c6ba0;
background-color:#e9edf1;
}

.box_color06 span{
width:auto;
padding:5px 5px 5px 14px;
display:block;
}

.box_color07{
width: 200px;
font-size:80%;
line-height: 1.3em;
margin:0 0 5px 0;
border-left: 5px solid #244e70;
background-color:#e9edf1;
}

.box_color07 span{
width:auto;
padding:5px 0 5px 14px;
display:block;
}

.box_color08{
width: 200px;
font-size:80%;
line-height: 1.3em;
margin:0 0 5px 0;
border-left: 5px solid #6a5acd;
background-color:#e9edf1;
}

.box_color08 span{
width:auto;
padding:5px 0 5px 14px;
display:block;
}

.box_color09{
width: 200px;
font-size:80%;
line-height: 1.3em;
margin:0 0 5px 0;
border-left: 5px solid #dbdb00;
background-color:#e9edf1;
}

.box_color09 span{
width:auto;
padding:5px 0 5px 14px;
display:block;
}

.box_list{
width: 200px;
margin:0 0 5px 0;
padding:0;
border: 1px solid #bebebe;
background-color:#fff;
}

.box_list h2{
width:auto;
font-size:95%;
padding:4px 0 4px 10px;
color: #244e70;
border-bottom:1px solid #bebebe;
}

.box_list h2 span a{
width:auto;
font-size:70%;
font-weight:normal;
text-align:right;
padding-right:5px;
padding-bottom:3px;
margin:0px;
display:block;
}

.box_list p{
width:auto;
padding:4px 10px 4px 10px;
}

.box_list ul{
width:178px;
line-height: 1.3em;
margin:0 0 0 0;
padding:5px 5px 5px 5px;
background-color:#FFFFFF;
}

ul.type_no span{
clear:both;
margin:0 0 0 0;
padding:0 0 5px 20px;
background:url(/images/img/icon_03.gif) no-repeat left top;
display:block;
float:left;
}


ul.type_no {
list-style-type:none;
margin:5px 10px 5px 10px;
padding:0;
text-align:left;
}

ul li.type_no01 {
margin:5px 0 0 0;
padding:0 0 5px 20px;
background:url(/images/img/no01.gif) no-repeat left top;
clear:both;
}

ul li.type_no02 {
margin:5px 0 0 0;
padding:0 0 5px 20px;
background:url(/images/img/no02.gif) no-repeat left top;
clear:both;
}

ul li.type_no03 {
margin:5px 0 0 0;
padding:0 0 5px 20px;
background:url(/images/img/no03.gif) no-repeat left top;
clear:both;
}

ul li.type_no04 {
margin:5px 0 0 0;
padding:0 0 5px 20px;
background:url(/images/img/no04.gif) no-repeat left top;
clear:both;
}

ul li.type_no05 {
margin:5px 0 0 0;
padding:0 0 5px 20px;
background:url(/images/img/no05.gif) no-repeat left top;
clear:both;
}


ul.type_no div.clear{
clear:both;
display:inline;
}


.box_right{
width: 200px;
text-align:center;
margin:0 0 5px 0;
padding:0;
border: 1px solid #bebebe;
border-left: 3px solid #91a6b7;
background-color:#fff;
}

.box_right h2{
width:auto;
font-size:95%;
text-align:left;
padding:4px 0 4px 10px;
color: #244e70;
background-color:#f3f3f3;
}

.box_right span{
width:auto;
font-size:70%;
text-align:right;
padding-right:10px;
padding-bottom:3px;
margin:0px;
display:block;
background-color:#f3f3f3;
}

.box_right h3{
width:auto;
text-align:center;
font-size:90%;
padding:10px 0 0 0;
}

.box_right p{
width:180px;
font-size:80%;
text-align:left;
line-height: 1.3em;
margin:10px auto 10px auto;
}

.box_right div{
width:180px;
text-align:left;
margin:10px auto 10px auto;
}

.box_right .img_link{
width:auto;
text-align:center;
}

.box_right p a img{
margin:0px;
}

.box_right .power{
width:180px;
margin:0px;
margin:10px auto 10px auto;
font-size:70%;
text-align:right;
}

.box_right .power img{
margin-right:5px;
}

.box_right dl{
width:180px;
font-size:80%;
text-align:left;
line-height: 1.3em;
margin:10px auto 10px auto;
}

.box_notice{
width: 200px;
text-align:center;
margin:0 0 5px 0;
padding:0;
border: 1px solid #bebebe;
border-left: 3px solid #91a6b7;
background-color:#fff;
}

.box_notice p{
width:180px;
font-size:80%;
text-align:left;
line-height: 1.3em;
margin:5px auto 5px auto;
color:#ff0000
}

.box_photo{
width: 200px;
text-align:center;
margin:0 0 5px 0;
padding:0;
border: 0px solid #bebebe;
background-color:#fff;
}

.box_photo h2{
width:auto;
font-size:95%;
text-align:left;
padding:4px 0 4px 10px;
color: #244e70;
background-color:#f3f3f3;
}

.box_photo span{
width:auto;
font-size:70%;
text-align:right;
padding-right:10px;
padding-bottom:3px;
margin:0px;
display:block;
background-color:#f3f3f3;
}

.box_photo h3{
width:auto;
text-align:center;
font-size:90%;
padding:10px 0 0 0;
}

.box_photo p{
width:180px;
font-size:80%;
text-align:left;
line-height: 1.3em;
margin:10px auto 10px auto;
}

.box_photo div{
width:180px;
text-align:left;
margin:10px auto 10px auto;
}

.box_photo .img_link{
width:auto;
text-align:center;
}

.box_photo p a img{
margin:0px;
}

.box_center{
width: auto;
margin:0 0 5px 0;
padding:0;
border: 1px solid #bebebe;
background-color:#fff;
}

.box_center h2{
width:auto;
font-size:95%;
text-align:left;
padding:4px 0 4px 10px;
color: #244e70;
background-color:#f3f3f3;
}

.box_center span{
width:auto;
font-size:70%;
text-align:right;
padding-right:10px;
padding-bottom:3px;
margin:0px;
display:block;
background-color:#f3f3f3;
}

.box_center p{
width:auto;
font-size:80%;
text-align:left;
line-height: 1.3em;
margin:10px 10px 10px 10px;
}

.box_center div{
width:auto;
margin:10px auto 10px auto;
}

.box_center1{
width: auto;
margin:0 0 5px 0;
padding:0;
border: 1px solid #bebebe;
background:url(/images/french/flag_1.jpg) no-repeat center center;
}

.box_center1 h2{
width:auto;
font-size:95%;
text-align:left;
padding:4px 0 4px 10px;
}

.box_center1 span{
width:auto;
font-size:70%;
text-align:right;
padding-right:10px;
padding-bottom:3px;
margin:0px;
display:block;
}

.box_center1 p{
width:auto;
font-size:80%;
text-align:left;
line-height: 1.3em;
margin:10px 10px 10px 10px;
}

.box_center1 div{
width:auto;
margin:10px auto 10px auto;
}

.box_center1 table{
width:auto;
margin:10px auto 10px auto;
}

.box_center2{
width: auto;
margin:0 0 0 0;
padding:0;
border: 1px solid #bebebe;
}

.box_center2 h2{
width:auto;
font-size:80%;
text-align:left;
padding:4px 0 0 4px;
color: #244e70;
}

.box_center2 span{
width:auto;
font-size:70%;
text-align:right;
padding-right:10px;
padding-bottom:3px;
margin:0px;
display:block;
}

.box_center2 p{
width:auto;
font-size:80%;
line-height: 1.3em;
margin:0 10px 10px 10px;
}

.box_center2 div{
width:auto;
margin:10px auto 10px auto;
}

.box_center2 table{
width:auto;
margin:10px auto 10px auto;
}

/*---banner---*/
#layout1 td#banner{
clear:both;
background-color:#FFFFFF;
padding:5px 20px 5px 20px;
margin:0px;
border-top:1px solid #bebebe;
text-align:center;
}

div#banner_box{
width:100%;
margin:0px;
text-align:center;
}

.banner{
margin:0px;
padding:0px;
list-style-type:none;
vertical-align:top;
}



#banner_box h3{
text-align:left;
width:100%;
font-size:110%;
border-top:1px solid #bebebe;
margin:30px 0px 0px 0px;
padding:10px 0px 10px 0px;
float:left;
display:block;
}

.banner li{
width:24%;
display:block;
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 5px 5px 5px;
vertical-align: top;
float:left;
}

.box_banner100{
width:100%;
}
/*-----updatecounter----*/
.boxaccessCounter{
width:100%;
text-align:right;
font-size:80%;
}

#accessCounter{
width:100%;
text-align:right;
}
/*-----updatecounter----*/

.ti0 h2{
width:auto;
font-size:95%;
text-align:left;
padding:4px 0 4px 10px;
color: #244e70;
background-color:#f3f3f3;
}