﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
#topicframe {
 font-size:medium;
 width:60%;
 margin:0;
 padding:0;
}

#topicframe .topicframe {
    height: 0px;
    margin: 0;
    padding: 0;
}

.topicframe img
{
    vertical-align: top;
}

.Item_basic .maincontents {
 padding:10px;
 line-height:150%;
 font-size:medium;
}


.Item_basic .maincontents p
{
    margin: 5px 2px;
    line-height: 1.7em;
}

#ContentPane .Item_basic .maincontents h2 {
 clear:both;
 letter-spacing:0.1em;
 font-size:large;
 font-weight:bold;
 margin:0 0 5px -5px ;
}


#ContentPane .Item_basic .maincontents h3 {
 clear:both;
 letter-spacing:0.1em;
 font-size:100%;
 font-weight:bold;
 margin:10px 0 5px 2px ;
 padding:2px 2px 2px 6px;
}

#ContentPane .Item_basic .maincontents h4 {
 clear:both;
 letter-spacing:0.1em;
 display:block;
 font-size:100%;
 font-weight:bold;
 margin:5px 0 5px 2px ;
 padding:5px 5px 5px 10px; 
}

#ContentPane .Item_basic .maincontents h5 {
 color:black;
 letter-spacing:0.1em;
 font-size:100%;
 margin:10px 0 5px 1em ;
}


.Item_basic .maincontents > p {
 clear:both;
 font-size:100%;
 margin:0px 0 0px 2em ;
}

.Item_basic .maincontents ul {
 font-size:100%;
 margin-left:3em;
}

.Item_basic .maincontents ol {
 font-size:100%;
 margin-left:3em;
}

.Item_basic .maincontents > table {
    margin:5px 5px 5px 1em;
}

.Item_basic .maincontents tr {
    font-size:medium;
}

.Item_basic .maincontents th {
}

.Item_basic .maincontents td {
   line-height: 1.7em;
}



.clear-l {
 clear:left;
}

.clear-r {
 clear:right;
}

.clear-both {
 clear:both;
}

.Item_basic + .Responsibility{
    font-size: medium;
    font-weight: bold;
    color: #000;
}
}
