@charset "utf-8";
/************************************************/
#problem {
	color: red;
	text-decoration: underline;
}
#problem:before {
	content: "<<問題点:--";
	font-weight:bold;
}
#problem:after {
	content: ">>";
	font-weight:bold;
}
/************************************************/
ul#index a {
font-weight: bold;
display: block;
color:#ffb222;
font-size: 14px;
background-position: -20px -20px;
background: #405E77;
text-align: left;
line-height: 1.8em;
border-top:1px solid #809EB7;
border-left:2px solid #809EB7;
border-bottom:2px solid #304E67;
border-right:1px solid #304E67;
margin: 0.1em 0.1em 0.1em -25px;
padding: 0.1em 0.1em 0.1em 1em;
text-decoration: none;
}
#index a.selected {
	color:#FFF;
}
#index a:hover {
color: #FF0;
border-bottom:1px solid #809EB7;
border-right:1px solid #809EB7;
border-top:2px solid #304E67;
border-left:2px solid #304E67;
}

li#index  {
	list-style-type: none;
}
ul#index2 a {
	font-weight: 200;
	color:#EEA;
	text-align: left;
	font-size: 12px;
	margin-left: -35px;
	background-color: #425679;
	border-top:1px solid #7286A9;
	border-left:2px solid #7286A9;
	border-bottom:1px solid #324669;
	border-right:1px solid #324669;
}
#index2 a.selected {
	color: #FFF;
	font-weight: bold;
}
#index2 a:hover {
	border-bottom:1px solid #7286A9;
	border-right:1px solid #7286A9;
	border-top:1px solid #324669;
	border-left:2px solid #324669;
}
li#index2 {
	list-style-type: none;
}
p.hs_title{
color: #FDFDFA;
background-color: #00CCCC;
font-size: 150%;
font-weight: bold;
padding: 0.25em;
}
p.hs_header_01_detail{
background-color: #00C0DF;
color: #FFFFFF;
font-size: 150%;
font-weight: bold;
border-color: #FFFFFF #3AA #3AA #FFFFFF;
padding: 0.25em 0.5em 0.25em 0.5em;
border-style: solid;
border-width:1px 2px 2px 1px;
text-align: center;
}
p.hs_header_01{
background-color: #00CCDD; 
color: #FFFFFF;
font-size: 100%;
font-weight: bold;
border-color: #FFFFFF #3AA #3AA #FFFFFF;
padding: 0.25em 0.5em 0.25em 0.5em;
border-style: solid;
border-width:2px 1px 2px 1px;
text-align: center;
}

.hs_body_01 {
margin: 1.5em 1em 1em 1em;
font-family: Arial, Helvetica, sans-serif;
font-size: 125%;
font-weight: 400;
}
ol {
margin: 0.5em 1em 0.5em 3em;
font-size: 125%;
}
li {
margin: 0.5em 0em 0em 0em;
}

/**********************
 * add div.hs_quote on 091216 
****************************/
div.hs_quote {
margin-top: 0.5em;
margin-left: 2em;
font-family:  Arial, Helvetica, sans-serif;
font-size: 125%;
font-weight: 400;
font-style: italic;
}


p.hs_index_01 { 
text-align: center;
background-color: #EAF0FA;
border-width:1px 2px 2px 1px;
border-color:#FFFFFF #555555 #555555 #FFFFFF;
border-style:solid;
width: 90%;
padding: 0.25em 0.5em 0.25em 0.5em;
font-weight: 800;
font-size: 125%;
}

p.hs_index_02 { 
text-align: center;
width: 80%;
padding: 0.5em 0.5em 0.5em 0.5em;
font-weight: 800;
font-size: 125%;
}

p.hs_download_01 {
font-weight: 800;
margin-left: 2.5em;
}

p.hs_references_01 {
font-size: 125%;
margin: 0.5em 0.5em 0.5em 1.5em;
}

/**** reference:
 * http://www.webdesign.org/web/html-and-css/tutorials/tabbed-navigation.10013.html
 * ****************/
#tabs{
    padding:0;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#FFF;
    font-weight:bold;
}
#tabs ul{
    list-style:none;
    margin:0;
    padding:0;
}
#tabs ul li{
    display:inline;
    margin:0;
    text-transform:capitalize;
}
#tabs ul li a{
    padding:5px 16px;
    color:#FFF;
    background:#E7A272;
    float:left;
    text-decoration:none;
    border:1px solid #D17B40;
    border-left:0;
    margin:0;
    text-transform:capitalize;
}
#tabs ul li a:hover{
    background:#EAEAEA;
    color:blue;
    text-decoration:none;
    border-bottom:2px solid #EAEAEA;
}
#tabs ul li a.active{
    background:#EAEAEA;
    color:#7F9298;
    border-bottom:2px solid #EAEAEA;
}
div#content{   
    background:#EAEAEA;
    clear:both;
    font-size:14px;
    color:#000;
    padding:10px;
    font-family:Arial, Helvetica, sans-serif;
}

div  a:link, div p a:link div ol li a:link {
	color: blue;
}

/************* tabs2 ******************/
#tabs2{
    padding:0;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#FFF;
    font-weight:bold;
}
#tabs2 ul{
    list-style:none;
    margin:0;
    padding:0;
}
#tabs2 ul li{
    display:inline;
    margin:0;
    text-transform:capitalize;
}
#tabs2 ul li a{
    padding:5px 16px;
    color:#FFF;
    background:#E7A272;
    float:left;
    text-decoration:none;
    border:1px solid #D17B40;
    border-left:0;
    margin:0;
    text-transform:capitalize;
}
#tabs2 ul li a:hover{
    background:#EAEAEA;
    color:blue;
    text-decoration:none;
    border-bottom:2px solid #EAEAEA;
}
#tabs2 ul li a.active{
    background:#FFF;
    color:#7F9298;
    border-bottom:2px solid #EAEAEA;
}
div#content2{   
    background:#FFF;
    clear:both;
    font-size:14px;
    color:#000;
    padding:10px;
    font-family:Arial, Helvetica, sans-serif;
}

div  a:link, div p a:link div ol li a:link {
	color: blue;
}
/*********** end Tabs ************/

div#request_00 {
line-height: 150%;
color:red;
padding:10px 10px 10px 30px;
font-size: 14px;
background: #FFF;
 font-family:Arial, Helvetica, sans-serif;
}
div#request_01 {
line-height: 150%;
color:#000;
padding:10px 10px 10px 50px;
font-size: 14px;
background: #FFF;
 font-family:Arial, Helvetica, sans-serif;
}

/************** ?????\ **************/
table#test {
	border: 1px solid #EEE;
	border-collapse: collapse;
	text-align: center;
	margin: auto;
	font-size: 85%;
	width: 100%;
}
table#test tr th {
	padding: 0.2em;
	background: #FFF;
	border: 1px solid #EEE;
}
table#test tr td {
	padding: 0.2em;
	background: #AAA;
	border: 1px solid #EEE;
	color: #FFF;
	font-weight: bold;
}
table#test tr th a:link, table#test tr th a:visited {
	color: black;
}


/************** ???? ***************/
div.test, div.charged-in, div.web, div.description, div.use-term-condition, div.general-term{
	line-height: 150%;
	margin-top: 1em;
	margin-left: 50px;
}
, a:link{
	color:blue;
}
div.charged-in {
	font-weight: bold;
	font-size: 120%;
}
div.description ol {
	margin-left: -20px;
}
p.mail-template {
	font-size: 14px;
	font-weight: bold;
	text-align:center;
}
p.caption {
	margin-left: -50px;
	font-size: 18px;
	font-weight: bold;
}
p.mail-body {
	margin-left: 50px;
	font-size: 14px;
}
p.email-subject {
	font-size: 16px;
	text-align: center;
}
p.email-caption {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

/**** ?????o?? *************/
.tooltip {  
    position: relative;  
    color: blue;
}  
.tooltip:link{
		color: blue;
}
.tooltip:visited{
	color:blue;
}
    .tooltip .tooltipBody {  
        border: solid 2px #f98325;  
        -moz-border-radius: 4px;  
        -webkit-border-radius: 4px;  
        border-radius: 4px;  
        position: absolute;  
        left: 1em;  
        top: -2.7em;  
        text-decoration: none;  
        visibility: hidden;  
        padding: 3px 5px;  
        width: 600px;  
        /* width: 200px;  */
        zoom: 1;  
    }  
  
    .tooltip:hover ,  
    .tooltip:hover .tooltipBody {  
	      color:#E44;
	      text-decoration: none;
        background-color: white;  
        visibility: visible;  
        z-index: 10;  
    }  
  
    .tooltip .tooltipBody .tooltipAngle {  
        border-right: solid 10px transparent;  
        border-left-width: 0;  
        border-top: solid 10px #ff8325;  
        line-height: 0;  
        position: absolute;  
        left: 1em;  
        bottom: -10px;  
    }  
  
    .tooltip .tooltipBody .tooltipAngle .tooltipAngleInner {  
        border-right: solid 5px transparent;  
        border-left-width: 0;  
        border-top: solid 5px white;  
        line-height: 0;  
        position: absolute;  
        left: 2px;  
        bottom: 5px;  
    }  
  
    /* 
        not supported tanseparent for border by IE6. 
    */  
    * html .tooltip .tooltipBody .tooltipAngle {  
        border-right-color: white;  
        bottom: -11px;  
    }  
  
    * html .tooltip .tooltipBody .tooltipAngle .tooltipAngleInner {  
        border-right-color: green;  
    }  

#hs_body {
	font-family: Arial, Helvetica, sans-serif;
	    line-height: 150%;
	    color: #555;
    }
#hs_header {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	font-size: 100%;
	font-weight: bold;
}
#download {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	margin: 0.2em;
	padding: 0.1em;
	text-align:center;

}
#hs_authors_head {
	text-align:center;
}
#hs_authors {
	text-align:right;
}

#hs_box {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #333;
	padding: 0.2em;
	margin: 1em;
}

#no{
	list-style-type: none;
}

#quote {
	text-align: center;
	display:block;
	border:solid 0.1em #999;
	margin: 0.2em 0.5em 0.2em 2em;
	padding: 0.2em;
}

#hs_left {
	text-align: right;
	float: left;
	width: 5%;
}

#hs_right {
	font-weight: bold;
	float: right;
	width: 85%;
	line-height: 150%;
}
#hs_kaisetsu {
	padding: 1em;
	margin: 1em, 0.1em, 0.1em 0.1em;
}
#hs_midashi {
	font-weight: bold;
	font-size: 150%;
}
li#search a:hover {
	color:white;
	border-bottom:0.01em solid #9090F0;
	border-right:0.01em solid #9090F0;
	border-top:0.01em solid #101010;
	border-left:0.01em solid #101010;
}	


div#search a {
color: #5F5F5F;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 1em;
font-weight: bold;
display: block;
width: 150px;
height: 30px;
font-size: 14px;
line-height:30px;
background: #D9D9D9 no-repeat;
text-align: center;
text-decoration: none;
border-style: solid;
border-width: 0.2em;
border-color: white #9F9F9F #9F9F9F white;
}
div#search a:hover {
color: #0000FF;
border-color: #9f9f9f white white #9f9f9f;
}

div#search a:active {
color: #00FFFF;
border-color: #9f9f9f white white #9f9f9f;
}

#hs_kakomi {
	color: #FFF;
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif ;
	font-weight: bold;
	background-color: #5b8d32;
	padding: 1em;
	display: block;
	line-height: 150%;
}

#hs_para_090617 {
	padding-top: 1em;
	font-weight: bold;
	color: #595959;
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif ;
	line-height: 150%;
	margin-bottom: 1em;
}

.hs_links li{
	margin-bottom: 0.5em;
	font-size: 100%;
	color: #FFF;
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif ;
}

.hs_links li a:hover {
	font-size: 100%;
	color: #44F;
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif ;
}
.hs_links li a:visited {
	font-size: 100%;
	color: #EFD;
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif ;
}
/*******************
#hs-header-CLP {
background-color: #330066;
color: #FFFFFF;
font-size: 125%;
font-weight: bold;
border-color: #FFEEFF #969 #969 #FFEEFF;
padding: 0.25em 0.5em 0.25em 0.5em;
border-style: solid;
border-width:1px 2px 2px 1px;
text-align: center;
}
#hs-header-CLP-01{
	border: 1em solid;
background-color: #330066;
color: #FFFFFF;
font-size: 100%;
font-weight: bold;
border-color: #FFEEFF #969 #969 #FFEEFF;
padding: 0.25em 0.5em 0.25em 0.5em;
border-style: solid;
border-width:2px 1px 2px 1px;
text-align: center;
}
*/
.hs-header-JCIA_Material-01{
	border: 1em solid;
background-color: #B9CF0B;
color: #FFFFFF;
font-size: 125%;
font-weight: bold;
border-color: #FFEEFF #969 #969 #FFEEFF;
padding: 0.25em 0.5em 0.25em 0.5em;
border-style: solid;
border-width:2px 1px 2px 1px;
text-align: center;
}
.hs_list {
margin-top: 1.5em;
}
#jpdata {
	border: 1em solid;
}

#hs_links_description {
	display: block;
	border:1px solid #FFF;
	margin: 0.5em;
	padding: 0.5em;
	font-size: 100%;
	text-align: 150%;
	color: #F2F2F2;
}

#hs_articles {
	text-align:center;
	margin: auto;
}
	
#link_article {
	background-color: #ccd;
}

p.hs_title02{
color:#FFF;
font-size: 100%;
font-weight: bold;
padding: 0.5em;
margin: 0.5em;
}
p.hs_clp{
color: #EEF;
background-color: #330066;
}

p.hs-header-CLP {
background-color: #330066;
color: #FFFFFF;
font-size: 125%;
font-weight: bold;
border-color: #FFEEFF #969 #969 #FFEEFF;
padding: 0.75em;
border-style: solid;
border-width:1px 2px 2px 1px;
text-align: center;
}

*.hs_index {
	display: block;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #123;
	background-color: #EFE;

}
*.hs_index_caption {
	font-weight: bold;
	font-size: 125%;
	margin: auto;
	text-align: center;
}
*.hs_clear {
	width: 100%;
	float: clear;
	margin-bottom: 2em;
}

div.hs_box {
	border: 2px solid #DD87FF;
	padding: 1.5em;
}

div.hs_left_body_01 {
background-color: #DDD;
margin: 0.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 125%;
font-weight: 800;
}

.hs_list_01 {