@import url("common.css");
@import url("header.css");
@import url("column2.css");
@import url("contact.css");
@import url("footer.css");

/* data box ------------------------------------------------------------ */

div.data_box {
margin: 0px 10px 20px 10px;
padding: 5px 0px 0px 0px;
}

/* ClearFix >> */
*+html body div.data_box:after{ content:"."; display:block; clear:both; visibility:hidden; }
div.data_box { overflow:hidden; }
* html div.data_box { height:1%; overflow:visible; } /* Hides from IE-mac \*/
/* >> End ClearFix */

#main div.data_box h2 {
margin: 0px 0px 20px 0px;
padding: 0px 0px 4px 0px;
font-size: 100%;
line-height: 130%;
font-weight:bold;
border-bottom: 2px solid #0053a6;
}

#main div.data_box h3 {
margin: 0px 0px 15px 0px;
padding: 0px;
font-size: 90%;
line-height: 130%;
font-weight:bold;
}

div.data_box p {
margin: 0px 0px 15px 0px;
font-size: 80%;
line-height: 130%;
}

div.data_box p.error {
margin: 20px 0px 30px 0px;
font-size: 80%;
line-height: 130%;
}

div.data_box ul {
margin: 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

div.data_box ul li {
margin: 0px 0px 3px 0px;
padding: 0px 0px 3px 20px;
font-size: 80%;
line-height: 130%;
background: url(../img/list_point01.gif) no-repeat 0px 3px;
border-bottom: 1px dotted #cccccc;
}

div.data_box ul li.pdf {
background: url(../img/dl_point_pdf.gif) no-repeat 0px 0px;
}

div.data_box ul li.excel {
background: url(../img/dl_point_excel.gif) no-repeat 0px 0px;
}

div.data_box ul li.word {
background: url(../img/dl_point_word.gif) no-repeat 0px 0px;
}

div.data_box ul li.file {
background: url(../img/dl_point_file.gif) no-repeat 1px 0px;
}

div.data_box ul li.link {
background: url(../img/list_point01.gif) no-repeat 3px 3px;
}

div.data_box ul li.blank {
background: url(../img/dl_point_blank.gif) no-repeat 0px 0px;
}

div.document_note {
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

/* ClearFix >> */
*+html body div.document_note:after{ content:"."; display:block; clear:both; visibility:hidden; }
div.document_note { overflow:hidden; }
* html div.document_note { height:1%; overflow:visible; } /* Hides from IE-mac \*/
/* >> End ClearFix */

div.document_note img {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
}

/* photo box ------------------------------------------------------------ */

div.photo_box_rep {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
}

/* ClearFix >> */
*+html body div.photo_box_rep:after{ content:"."; display:block; clear:both; visibility:hidden; }
div.photo_box_rep { overflow:hidden; }
* html div.photo_box_rep { height:1%; overflow:visible; } /* Hides from IE-mac \*/
/* >> End ClearFix */

div.photo_box_rep p {
margin: 0px 12px 5px 0px;
padding: 0px 0px 0px 0px;
float:left;
}

div.photo_box_rep p a {
margin: 0px;
padding: 0px;
font-size: 90%;
text-decoration: none;
}

div.photo_box_rep p a img {
margin: 0px 0px 2px 0px;
padding: 0px;
}

div.photo_box_right {
width:auto;
margin: 0px 0px 0px 10px;
padding: 0px;
text-align:center;
float:right;
}

div.photo_box_right p {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

div.photo_box_right p a {
margin: 0px;
padding: 0px;
font-size: 90%;
text-decoration: none;
}

div.photo_box_right p a img {
margin: 0px 0px 2px 0px;
padding: 0px;
}

div.photo_box_left {
width:auto;
margin: 0px 10px 0px 0px;
padding: 0px;
text-align:center;
float:left;
}

div.photo_box_left p {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

div.photo_box_left p a {
margin: 0px;
padding: 0px;
font-size: 90%;
text-decoration: none;
}

div.photo_box_left p a img {
margin: 0px 0px 2px 0px;
padding: 0px;
}

/* album box ------------------------------------------------------------ */

#album_box {
margin: 0px 0px 20px 0px;
padding: 0px 0px;
}

#album_box ul {
margin: 0px 0px 20px 0px;
padding: 0px 0px;
list-style-type: none;
text-align:center;
}

/* ClearFix >> */
*+html body #album_box ul:after{ content:"."; display:block; clear:both; visibility:hidden; }
#album_box ul { overflow:hidden; }
* html #album_box ul { height:1%; overflow:visible; } /* Hides from IE-mac \*/
/* >> End ClearFix */

#column_switch_off #album_box ul {
margin: 0px 0px 20px 5px;
padding: 0px 0px;
list-style-type: none;
text-align:center;
}

#album_box ul li {
width:156px;
margin: 0px 0px 10px 0px;
padding: 0px 1px 0px 1px;
vertical-align:top;
display:-moz-inline-box;  /* Fx2 and older */
display:inline-block;
/display:inline;  /* IE 7 and older */
/zoom:1;  /* IE 7 and older */
}

#column_switch_off #album_box ul li {
width:158px;
margin: 0px 0px 10px 0px;
padding: 0px 2px 0px 2px;
}

#album_box ul li dl {
margin: 0px;
padding: 0px;
list-style-type: none;
border:none;
display:block;
}

#album_box ul li dl dt {
width:150px;
height:150px;
margin: 0px;
padding: 3px;
text-align:center;
background-color: #eeeeee;
}

#album_box ul li dl dt img {
margin: 0px;
padding: 0px;
vertical-align:middle;
}

#album_box ul li dl dd {
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 0px;
font-size: 80%;
line-height: 130%;
text-align:center;
border:none;
}

/* attached table ------------------------------------------------------------ */

table.attached {
width: 98%;
margin: 10px auto 15px auto;
padding: 0px;
border: 1px solid #999999;
border-collapse: collapse;
}

table.attached caption {
margin: 0px 0px 5px 0px;
padding: 4px 0px 2px 0px;
font-size: 100%;
line-height: 120%;
text-align:left;
font-weight:bold;
border-bottom: 2px solid #0053a6;
}

table.attached th {
width:15%;
margin: 0px;
padding: 4px;
font-size: 80%;
line-height: 120%;
text-align:center;
background-color: #eeeeee;
border: 1px solid #999999;
empty-cells: show;
}

table.attached th.item {
width:25%;
}

table.attached td {
width:15%;
margin: 0px;
padding: 4px 6px;
font-size: 80%;
line-height: 120%;
text-align:left;
background-color: #ffffff;
border: 1px solid #999999;
empty-cells: show;
}

table.attached td.item {
width:25%;
}

table.attached td img {
margin: 0px;
padding: 0px 5px 0px 0px;
}

/* contact form ------------------------------------------------------------ */

div.contact {
margin: 0px 10px 30px 10px;
padding: 5px 0px 0px 0px;
text-align:center;
}

table.contact_form {
width: 98%;
margin: 10px auto 30px auto;
padding: 0px;
text-align:left;
border-collapse: separate;
}

table.contact_form th {
width: 200px;
padding: 10px;
font-size: 80%;
line-height: 160%;
vertical-align:top;
background-color: #eeeeee;
}

table.contact_form td {
padding: 5px 10px 10px 10px;
font-size: 80%;
line-height: 130%;
vertical-align:top;
}

table.contact_form strong {
color:#ff0000;
}

table.contact_form em {
margin: 10px 0px 0px 0px;
font-style: normal;
font-weight:bold;
display:block;
}

table.contact_confirm {
width: 98%;
margin: 10px auto 30px auto;
padding: 0px;
text-align:left;
border-collapse: separate;
}

table.contact_confirm th {
width: 200px;
padding: 10px;
font-size: 80%;
line-height: 160%;
vertical-align:top;
background-color: #eeeeee;
}

table.contact_confirm td {
padding: 5px 10px 10px 10px;
font-size: 80%;
line-height: 130%;
}

table.contact_confirm strong {
color:#ff0000;
}

table.contact_confirm em {
margin: 10px 0px 0px 0px;
font-style: normal;
font-weight:bold;
display:block;
}

.form_bt {
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
}

.form_bt2 {
margin: 30px auto 0px auto;
padding: 0px 0px 0px 0px;
}

ol.contact_conference {
margin: 0px;
padding: 0px 0px 0px 0px;
list-style: decimal inside;
}

ol.contact_conference li {
margin: 0px 0px 3px 0px;
padding: 0px 0px 3px 20px;
font-size: 80%;
line-height: 130%;
background: transparent;
border-bottom: none;
}

table.contact_conference {
margin: 10px auto 30px 20px;
padding: 0px;
text-align:left;
border-collapse: collapse;
}

table.contact_conference th {
width: 200px;
padding: 5px;
line-height: 160%;
background-color: #eeeeee;
border: 1px solid #999999;
}

table.contact_conference td {
padding: 5px;
border: 1px solid #999999;
}

table.contact_conference td ul {
margin: 0px;
padding: 0px 0px 0px 0px;
list-style: disc inside;
}

table.contact_conference td ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
font-size: 100%;
line-height: 130%;
background: transparent;
border-bottom: none;
}

table.contact_conference strong {
color:#ff0000;
}

table.contact_conference em {
margin: 10px 0px 0px 0px;
font-style: normal;
font-weight:bold;
display:block;
}
