@charset "utf-8";

/*---------------------------------------------------
base
---------------------------------------------------*/
body{
	margin:0;
	font-size:small;
	font-family:"Hiragino Kaku Gothic Pro","Meiryo", "MS PGothic",sans-serif;
	background:#DADADA;
	color:#333333;
	margin:auto;
	text-align:center;
	behavior: url("/common/css/csshover.htc");
}

* html body{
	margin:0;
	font-size:x-small;
}

h1,h4,h5,h6,p,ul,ol,li,dd,dt,dl,form{
	margin:0;
	padding:0;
	font-weight:normal;
}

table {
    border-collapse:collapse;
}

p,dt,dd,li {
	list-style:none;
	line-height:1.5;
}

td,th {
	font-size:small;
	_font-size:x-small;
	font-weight:normal;
	line-height:1.5;
}

hr {
    display:none;
    clear:both;
}

img {
    border:0;
}


a {color:#0033CC; overflow:hidden;}
a:link {color:#0033CC;}
a:visited {color:#0033CC;}
a:hover {color:#00DEFF;}
a:active {color:#00DEFF;}

/*---------------------------------------------------
 wrapper
---------------------------------------------------*/
#wrapper_h{
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	margin:0 auto 10px;
	width:800px;
	_width:802px;
	padding:0;
	background-color:#FFFFFF;
}

#wrapper{
	border:1px solid #333333;
	margin:0 auto;
	width:800px;
	_width:803px;
	padding:0;
	background-color:#FFFFFF;
}

#wrapper_f{
	border:1px solid #333333;
	margin:10px auto 0;
	width:800px;
	_width:803px;
	padding:0;
	background-color:#FFFFFF;
}


.container{
	text-align:left;
	padding:10px;
}


/*---------------------------------------------------
header
---------------------------------------------------*/
.headerL{
	margin:0 0 5px 0;
	float:left;
	width:400px;
}

.headerL a{
	text-decoration:none;
}

.headerR{
	float:right;
	width:360px;
	text-align:right;
}

.header p{
	text-align:right;
	font-size:small;
	_font-size:x-small;
	margin-bottom:3px;
}

.headerR ul{
	margin:5px 0 0 0;
	width:360px;
	float:right;
    list-style:none;
}

.headerR ul li{
    list-style:none;
    float:right;
	margin:0 0 0 10px;
    width:75px;
}
.headerR ul a{
    display:block;
    width:75px;
    height:23px;
    overflow:hidden;
}
a.en{
    background-image:url(/common/img/com_bt02.gif);
}
a:hover.en{
    background-position:0px -75px;
}
a.zh{
    background-image:url(/common/img/com_bt03.gif);
}
a:hover.zh{
    background-position:0px -75px;
}

/*serachbox header
---------------------------------------------------*/
.headerRserach{
	width:250px;
	height:23px;
	float:right;
	margin:20px 0 5px 0;
	}

.headerRserach .submit {
	background: transparent url(/common/img/com_search.png) no-repeat left;
	width: 18px;
	height: 18px;
	border: none;
	cursor: pointer;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	padding:0; /*for IE*/
	_top:88px; /*for IE6*/
	_margin-left:-17px;
	}

@media screen and (-webkit-min-device-pixel-ratio : 0 ) {
	.headerRserach li.input_area{ padding-top:1px;}
	.headerRserach .submit { margin-top: 3px ; }
	}
	
.headerRserach li{
	display:inline;
	padding:0;
	margin:0;
	}

.headerRserach li.input_area{
	border: #BCCDF0 1px solid;
	}

.headerRserach li.input_area input{
	width: 220px;
	border: 0;
	outline: none;
	color:#000000;
	padding:2px 3px;
	}
	
.headerRserach li.search_button{
	float:right;
	}

.headerRserach .none{
	display:none;
	}
/* shortcutlink
---------------------------------------------------*/
.shortcutlink{
	text-align:right;
	margin-top:10px;
	padding:10px;
	border-top:3px solid #0033CC;
}

.shortcutlink p{
	display:inline;
	margin-left:10px;
}


/* path
---------------------------------------------------*/
.path{
	margin-top:10px;
	font-size:small;
	_font-size:x-small;
}



/*---------------------------------------------------
navigation
---------------------------------------------------*/
#navi ul{
	width:780px;
	list-style: none;
}

#navi li,
#navi a{
	display:block;
	float:left;
	width:156px;
	height:36px;
	background:url(/common/img/btn_g-navi.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}


/*---------------------------------------------------
main-container
---------------------------------------------------*/
.main-container{
	text-align:left;
	padding:0;
}

/* change-tab
---------------------------------------------------*/
.change-tab{
	margin:0;
	padding:0;
}

.change-tab ul{
	margin:0;
	padding-left:0;
	float:right;
	font-weight:bold;
	width:100%;
	border:1px solid #FFFFFF;
	border-width:1px 0;
}

* html .change-tab ul{ 
	margin-bottom:0;
}

.change-tab ul li{
	display:inline;
}


.change-tab ul li a{
	float:right;
	color:#999999;
	font-weight:bold;
	padding:2px 6px 5px 6px;
	text-decoration:none;
	background:#FFFFFF url(/common/img/img_menudivide.gif) top left repeat-y;
}

.change-tab ul li a:link,
.change-tab ul li a:visited{
	color:#999999;
}
.change-tab ul li a:hover{
	color:#333333;
	background-color:#F3F3F3;
	border-bottom:5px solid #333333;
	padding-bottom:0;
}

.change-tab ul li a img{
	vertical-align:middle;
	margin:8px 3px;
}

#active01 a,
#active02 a{
	color:#333333;
	background-color:#F3F3F3;
	border-bottom:5px solid #333333;
	padding-bottom:0;
}


/*---------------------------------------------------
content
---------------------------------------------------*/
.content{
	text-align:left;
	padding:15px 30px;
}


/*H1
---------------------------------------------------*/
.h1t,
.h1b {
	width: 780px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
}

.h1t {	
	margin:0;
	padding-top:7px;
	background-image:url(/common/img/img_h1-top.gif);
	background-position:top;
}

.h1b {
	padding-bottom:7px;
	background-image:url(/common/img/img_h1-btm.gif);
	background-position:bottom;
}

h1 {
	text-align:left;
	margin:0;
	padding:0 10px;
	font-size:large;
	font-weight:bold;
	color: #FFFFFF;
	background-image:url(/common/img/img_h1-center.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#1271DE;
}

*html h1 { 
	font-size:medium; 
	padding-top:1px;
	}




/*H2
---------------------------------------------------*/
h2 {
	border:1px solid #9D9D9D;
	text-align:left;
	margin:0;
	padding:10px;
	font-size:medium;
	_font-size:small; 
	font-weight:bold;
	color: #333333;
	background-image:url(/common/img/img_h2-center.gif);
	background-position:center left;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}


/*H3
---------------------------------------------------*/
h3 {
	border-left:7px solid #0033CC;
	border-bottom:1px solid #0033CC;
	text-align:left;
	margin:0;
	padding:5px 10px;
	font-size:medium;
	_font-size:small; 
	font-weight:bold;
	color: #333333;
}


/*txtlink
---------------------------------------------------*/
.txtlink{
	margin-top:5px;
}

.txtlink p{
	display:inline;
	margin-right:10px;
}

.txtlink p a{
	padding-left:20px;
	background:url(/common/img/ico_linkarrow.gif) left top no-repeat;
}

.txtlink p.no{
	padding-left:20px;
	background:url(/common/img/ico_linkarrow.gif) left top no-repeat;
}



/*txtlink02
---------------------------------------------------*/
.txtlink02{
	margin:5px 0;
}

.txtlink02 p{
	padding-left:20px;
	background:url(/common/img/ico_linkarrow.gif) left 3px no-repeat;
}

.txtlink02 p.no{
	padding-left:20px;
	background:url(/common/img/ico_linkarrow.gif) left 3px no-repeat;
}



/*txtlink03
---------------------------------------------------*/
.txtlink03{
	margin:5px 30px 20px 30px;
}

.txtlink03 p{
	padding-left:16px;
	background:url(/common/img/ico_title-petit.gif) left center no-repeat;
}


/*reftable
---------------------------------------------------*/
.reftable table{
	border-collapse:collapse;
	width:100%;
}

.reftable tr td{
	line-height:1.3;
}


/*foldertxt
---------------------------------------------------*/
.foldertxt{
	padding:4px 0 0 5px;
}

/*filetxt
---------------------------------------------------*/
.filetxt{
	padding-top:5px;
}



/*popuplink
---------------------------------------------------*/
.popuplink{
	margin-top:5px;
}

.popuplink p{
	display:inline;
	margin-right:10px;
}

.popuplink p a{
	padding-left:20px;
	background:url(/common/img/ico_popup.gif) left top no-repeat;
}

.popuplink p.no{
	padding-left:20px;
	background:url(/common/img/ico_popup.gif) left top no-repeat;
}


/*popuplink
---------------------------------------------------*/
.popuplink02{
	margin:5px 0;
}

.popuplink02 p{
	padding-left:20px;
	background:url(/common/img/ico_popup.gif) left 3px no-repeat;
}


/*pdflink
---------------------------------------------------*/
.pdflink{
	margin-top:5px;
}

.pdflink p{
	display:inline;
	margin-right:10px;
	min-height:16px;
}

.pdflink p a{
	padding-left:20px;
	background:url(/common/img/ico_pdf.gif) left center no-repeat;
}


/*primary secondary tertiary　list
---------------------------------------------------*/
.list-primary,
.list-secondary,
.list-tertiary{
	margin-top:10px;
}

.list-primary li { 
	background:url(/common/img/li_level01.gif) no-repeat top left; 
	padding:10px 0 0 18px; 
	margin-top:10px;
}

.list-secondary li { 
	background:url(/common/img/li_level02.gif) no-repeat top left;
	padding:0 0 0 22px;
	margin-top:10px;
}

.list-tertiary li { 
	background:url(/common/img/li_level03.gif) no-repeat top left;
	padding:0 0 0 22px;
	margin-top:10px;
}

/*pagelink01-縦並び
---------------------------------------------------*/
.pagelink01{
	margin:15px 0;
	padding:10px;
	border:1px solid #0033CC;
	
}
.pagelink01 ul{
	width:690px;
}

.pagelink01 ul li{
	padding-left:20px;
	background:url(/common/img/ico_linkdown.gif) left top no-repeat;
}

.pagelink01 ul ul li{
	padding-left:17px;
	background:url(/common/img/ico_title-petit.gif) left 7px no-repeat;
}

/*pagelink02-横並び
---------------------------------------------------*/
.pagelink02{
	margin:15px 0;
	padding:10px;
	border:1px solid #0033CC;
	
}

.pagelink02 ul{
	width:700px;
	display:block;
	
}

.pagelink02 ul li{
	width:145px;
	_width:165px;
	float:left;
	background:url(/common/img/ico_linkdown.gif) left 3px no-repeat;
	padding-left:20px;
	margin-right:5px;
}




/*term
---------------------------------------------------*/
#term01,
#term02,
#term03,
#term04,
#term05,
#term06,
#term07,
#term08,
#term09,
#term10,
#term11{
	margin:20px 0;
}
#term01 table,
#term02 table,
#term03 table,
#term04 table,
#term05 table,
#term06 table,
#term07 table,
#term08 table,
#term09 table,
#term10 table,
#term11 table{
	width:100%;
	_width:90%;
	border-top:1px solid #0033CC;
	border-left:1px solid #0033CC;
	border-collapse:collapse;
}
#term01 td,
#term02 td,
#term03 td,
#term04 td,
#term05 td,
#term06 td,
#term07 td,
#term08 td,
#term09 td,
#term10 td,
#term11 td{
	border-bottom:1px solid #0033CC;
	border-right:1px solid #0033CC;
	text-align:center;
}
#term01 td a,
#term02 td a,
#term03 td a,
#term04 td a,
#term05 td a,
#term06 td a,
#term07 td a,
#term08 td a,
#term09 td a,
#term10 td a,
#term11 td a{
	padding:5px;
	display:block;
}

*html #term01 td a,
*html #term02 td a,
*html #term03 td a,
*html #term04 td a,
*html #term05 td a,
*html #term06 td a,
*html #term07 td a,
*html #term08 td a,
*html #term09 td a,
*html #term10 td a,
*html #term11 td a{
	width:90%;
}
#term01 td.tdterm:hover,
#term02 td.tdterm:hover,
#term03 td.tdterm:hover,
#term04 td.tdterm:hover,
#term05 td.tdterm:hover,
#term06 td.tdterm:hover,
#term07 td.tdterm:hover,
#term08 td.tdterm:hover,
#term09 td.tdterm:hover,
#term10 td.tdterm:hover,
#term11 td.tdterm:hover{
	background:#DFDFDF;
}
#term01 td.nolink,
#term02 td.nolink,
#term03 td.nolink,
#term04 td.nolink,
#term05 td.nolink,
#term06 td.nolink,
#term07 td.nolink,
#term08 td.nolink,
#term09 td.nolink,
#term10 td.nolink,
#term11 td.nolink{
	padding:7px;
	background:#EBEBEB;
	color:#999999;
}

/*step
---------------------------------------------------*/
.step{
	margin-top:10px;
}
.step table{
	border:none;
}

.step th{
	width:118px;
}


.step td{
	padding-left:10px;
}

.step th,
.step td{
	vertical-align:top;
	padding-bottom:10px;
}

.step strong{
	display:block;
	font-size:medium;
	_font-size:small; 
}

.step .list-primary,
.step .list-primary li{
	margin:0 5px 0;
}


/*txtblue
---------------------------------------------------*/
.txtblue{
	color:#0066CC;
	margin:0 2px;
	font-weight:bold;
}

.txtblue img{
	vertical-align:middle;
	margin-right:3px;
}


/*txtorange
---------------------------------------------------*/
.txtorange{
	color:#FF9900;
	margin:0 2px;
	font-weight:bold;
}

.txtorange img{
	vertical-align:middle;
	margin-right:3px;
}


/*txtdarkred
---------------------------------------------------*/
.txtdarkred{
	color:#8B0000;
	margin:0 2px;
	font-weight:bold;
}

.txtdarkred img{
	vertical-align:middle;
	margin-right:3px;
}


/*txtgreen
---------------------------------------------------*/
.txtgreen{
	color:#008000;
	margin:0 2px;
	font-weight:bold;
}

.txtgreen img{
	vertical-align:middle;
	margin-right:3px;
}


/*txtgray
---------------------------------------------------*/
.txtgray{
	color:#808080;
	margin:0 2px;
	font-weight:bold;
}

.txtgray img{
	vertical-align:middle;
	margin-right:3px;
}


/*txtred
---------------------------------------------------*/
.txtred{
	color:#FF0000;
	margin:0 2px;
	font-weight:bold;
}

.txtred img{
	vertical-align:middle;
	margin-right:3px;
}

.richedit{
	font-style:italic;
	text-decoration:underline;
}


/*txtbtn
---------------------------------------------------*/
.txtbtn{
	margin:0 3px 2px 3px;
	padding:2px 6px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	display:inline-block;
}

*+html .txtbtn{
	line-height:1.5;
	padding:2;
	margin:0 3px 0 3px;
	}


/*title-petit
---------------------------------------------------*/
p.title-petit{
	margin-top:20px;
	_margin-top:10px;
	background:url(/common/img/ico_title-petit.gif) left center no-repeat;
	padding-left:12px;
	font-weight:bold;
}


/*cap
---------------------------------------------------*/
.cap{
	border:1px solid #0033CC;
	background:#ECF3F9;
	padding:0 20px 10px;
}

.cap img{
	margin:10px 0 10px 120px;
}



/*cap02
---------------------------------------------------*/
.cap02 img{
	margin:15px 0;
}

/*cap03
---------------------------------------------------*/
.cap03 img{
	display:block;
	margin:auto;
	padding:8px 0 0 0;
	text-align:center;
}


/*add caution note notea notea_gray hints
---------------------------------------------------*/
.add{
	width:auto;
	min-height:10px;
	border: solid 2px #CCCCCC;
	margin:15px 0 0 0;
} 

.caution{
	width:auto;
	min-height:10px;
	border: solid 2px #FF9933;
	margin:15px 0 0 0;
}

.note{
	width:auto;
	min-height:10px;
	border:solid 2px #FF3333;
	margin:15px 0 0 0;
}

.notea{
	width:auto;
	min-height:10px;
	border:solid 1px #000000;
	padding-left:12px;
	margin:10px 0 15px 30px;
}

.notea_gray{
	width:auto;
	min-height:10px;
	border:solid 1px #CBCBCB;
	background:#eeeeee;
	padding:8px;
	margin:10px 0 15px 30px;
	color:#3d3d3d;
}

/*add for pkgtocloud notea(update 2011.12.16)
---------------------------------------------------*/
.notea_pkgcloud{
	width:auto;
	min-height:10px;
	border:solid 1px #CBCBCB;
	padding:12px;
	margin:10px 5px 15px 0;
	background:#eeeeee;
	color:#3d3d3d;
}

.hints{
	width:auto;
	min-height:10px;
	border:solid 2px #99ccff;
	margin:15px 0 0 0;
}

.caution ul,
.add ul,
.hints ul,
.note ul{
	padding:0 10px 10px 70px;
	margin:0;
	_width:auto;
	_margin:0 10px 0 0;
}

.caution li,
.add li,
.hints li,
.note li{
	background:url(/common/img/li_level03.gif) no-repeat top left;
	padding:10px 0px 0 25px;
} 

.add img.title,
.note img.title,
.hints img.title,
.caution img.title {
	margin:10px 0 0 10px;
	float:left;
}



/*primary　secondary tertiary　list ※add caution note配下
---------------------------------------------------*/
.caution .list-primary,
.add .list-primary,
.hints .list-primary,
.note .list-primary{
	margin-top:10px;
}

.caution .list-primary li,
.add .list-primary li,
.hints .list-primary li,
.note .list-primary li{ 
	background:url(/common/img/li_level01.gif) no-repeat top left; 
	padding:0 0 0 18px; 
	margin-top:10px;
}

.caution .list-secondary ul,
.add .list-secondary ul,
.hints .list-secondary ul,
.note .list-secondary ul{ 
	padding-left:0;
}

.caution .list-secondary li,
.add .list-secondary li,
.hints .list-secondary li,
.note .list-secondary li { 
	background:url(/common/img/li_level02.gif) no-repeat top left;
	padding:0 0 0 22px;
	margin-top:10px;
}

.caution .list-tertiary ul,
.add .list-tertiary ul,
.hints .list-tertiary ul,
.note .list-tertiary ul{ 
	padding-left:0;
}

.caution .list-tertiary li,
.add .list-tertiary li,
.hints .list-tertiary li,
.note .list-tertiary li { 
	background:url(/common/img/li_level03.gif) no-repeat top left;
	padding:0 0 0 22px;
	margin-top:10px;
}

/*manualtable
---------------------------------------------------*/
.manualtable table{
	margin-top:10px;
	border-collapse:collapse;
	border-left:1px solid #333333;
	border-top:1px solid #333333;
	width:100%;
	_width:90%;
}

.manualtable th{
	background:#D9D9D9;
	font-weight:bold;
	text-align:center;
}

.manualtable td{
	background:#FFFFFF;
}

.manualtable th,
.manualtable td{
	padding:10px;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

.caution .list-primary .manualtable table,
.add .list-primary .manualtable table,
.note .list-primary .manualtable table{
	_width:75%;
}


.manualtable table  .list-primary ul{ 
	padding-left:10px;
}

.manualtable table .list-primary li { 
	background:url(/common/img/li_level01.gif) no-repeat top left; 
	padding:0 0 0 18px; 
	margin-top:10px;
}

.manualtable table  .list-secondary ul{ 
	padding-left:0px;
}

.manualtable table .list-secondary li { 
	background:url(/common/img/li_level02.gif) no-repeat top left;
	padding:0 0 0 22px;
	margin-top:10px;
}

.manualtable table  .list-tertiary ul{ 
	padding-left:0px;
}

.manualtable table .list-tertiary li { 
	background:url(/common/img/li_level03.gif) no-repeat top left;
	padding:0 0 0 22px;
	margin-top:10px;
}


/*background-color
---------------------------------------------------*/
.system{
	color:#FFFFA0;
	background:#FFFFA0;
	font-size:medium;
	_font-size:small;
	border:#333333 1px solid;
	margin-right:3px;
}

.library{
	color:#FFDFBF;
	background:#FFDFBF;
	font-size:medium;
	_font-size:small;
	border:#333333 1px solid;
	margin-right:3px;
}

td.bg_system{
	background:#FFFFA0;
}

td.bg_library{
	background:#FFDFBF;
}


/*totop
---------------------------------------------------*/
.totop{
	margin:10px 0;
	text-align:right;
}

.totop p{
	display:inline;
	margin-right:10px;
}

.totop p a{
	padding-left:18px;
	background:url(/common/img/ico_linkup.gif) left center no-repeat;
}

/*---------------------------------------------------
footer
---------------------------------------------------*/
.footerL{
	width:593px;
	margin:0;
	padding:0;
	font-size:x-small;
	float:left;
}

.footerL p{
	padding:0;
	font-size:small;
	_font-size:x-small;
}

.footerR{
	width:120px;
	float:right;
	text-align:right;
}

*+html .footerR img{
	margin-bottom:10px;
}
.footerR img{
	_margin-bottom:10px;
}

/*---------------------------------------------------
clear
---------------------------------------------------*/
.header:after,
.caution:after,
.add:after,
.note:after{
    content:".";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}

.clearfix{
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	font-size:0px;
}

/*txt_box li
---------------------------------------------------*/
.txt_box {
	margin-top:10px;
}

.txt_box li {
	list-style:disc;
	padding:10px 0 0 5px;
	margin-left:15px;
}

/*serachbox result
---------------------------------------------------*/
#reslutSerach ul{
	padding:3px 3px 3px 4px;
	border: #BCCDF0 1px solid;
	height:20px; 
	}

#reslutSerach li{
	display:inline;
	padding:0;
	margin:0;
	}

#reslutSerach li.input_area{
	float:left;
	}

#reslutSerach li.input_area input{
	border: 0;
	outline: none;
	color:#000000;
	width:680px;
	height:18px;
	}
	
#reslutSerach li.search_button{
	float:right;
	margin-right:2px
	}

#reslutSerach .submit{
	background: transparent url(/common/img/com_search.png) no-repeat left;
	width: 20px;
	height: 18px;
	border: none;
	cursor: pointer;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	padding:0; /*for IE*/
	display:block;
	}
	
#reslutSerach .none,
.gs-per-result-labels{
	display:none;
	}

#searchResultContainer .gsc-selected-option-container{
	padding:0 5px 0 5px;
	width: auto!important; 
	max-width: auto!important;
	min-width: auto!important;
	max-width: none\9!important;
	min-width: none\9!important;
	}

.gsc-tabsArea{
	line-height:1.6em;
	}

.gsc-tabHeader{
	padding-top:3px!important;
	}