/* CSS Document */
/*----------------------------*/
/*  breadclum area parts      */
/*----------------------------*/
#breadclum{
	clear:both;
	padding : 8px 0 10px 0px;
	font-size:85%;
	line-height:120%;
	background:url(../image/breadclum-back.gif) left top no-repeat;
}
#breadclum a:link{	color:#0068b7;	text-decoration:none;}
#breadclum a:visited{color:#666;	text-decoration:none;}
#breadclum a:hover{	color:#000;	text-decoration:underline;}
#breadclum a:active{	color:#e60033;	text-decoration:none;}


/*----------------------------*/
/*  contents area parts       */
/*----------------------------*/

/*
#contents a:link{	color:#0068b7;	text-decoration:none;}
#contents a:visited{color:#9a0d7c;	text-decoration:none;}
#contents a:hover{	color:#19448e;	text-decoration:underline;}
#contents a:active{	color:#e60033;	text-decoration:none;}
*/

/*a:link{	color:#0068b7;	text-decoration:none;}*/
a:link{	color:#165e83;	text-decoration:none;}
/*a:visited{color:#7d3a5f;	text-decoration:none;}*/
a:visited{color:#165e83;	text-decoration:none;}
a:hover{	color:#19448e;	text-decoration:underline;}
a:active{	color:#e60033;	text-decoration:none;}


/*
div.gototop{
	clear:both;
	float:right;
	background:url(../image/icon_gototop.gif) left center no-repeat;
	font-size:0.8em;
	margin:30px 0px 0px 0px;
}
*/
.gototop{
	clear:both;
	width:670px;
	text-align:right;
	margin-bottom:5px;
}
.gototop a{
	background:url(../image/icon_gototop.gif) left center no-repeat;
	font-size:85%;
	margin:20px 0px 0px 0px;
/*	display:block;*/
	padding:5px 5px 5px 12px;
	color:#000;
}

/*
.gototop a:link{	color:#0068b7;	text-decoration:none;}
.gototop a:link{	color:#000;	text-decoration:none;}
.gototop a:hover{	color:#333;	text-decoration:underline;}
*/
.gototop a:link{	color:#333;	text-decoration:none;}
.gototop a:visited{	color:#333;	text-decoration:none;}
.gototop a:hover{	color:#000;	text-decoration:underline;}
.gototop a:active{	color:#e60033;	text-decoration:none;}




/*--======== icon link ========--*/

a.mail{
	background:url(../image/icon_email.gif) left center no-repeat;
	padding : 5px 0px 4px 20px;
}
a.pdf{
	background:url(../image/icon_acrobat.gif) left 2px no-repeat;
	padding : 0px 0px 3px 20px;
}
a.excel{
	background:url(../image/icon_excel.gif) left center no-repeat;
	padding : 3px 0px 3px 20px;
}
a.word{
	background:url(../image/icon_word.gif) left center no-repeat;
	padding : 3px 0px 3px 20px;
}
a.link{
	background:url(../image/icon_link.jpg) left 2px no-repeat;
	padding : 3px 0px 3px 20px;
}
a.media{
	background:url(../image/icon_media.gif) left center no-repeat;
	padding : 3px 0px 3px 20px;
}
a.winopen{
	background:url(../image/icon_winopen.gif) right bottom no-repeat;
	padding : 2px 16px 0px 0px;
}
a.download{
	background:url(../image/icon_download.gif) left center no-repeat;
	padding : 3px 0px 3px 20px;
}
a.rsslink2{
	background:url(../image/icon-rss.gif) left center no-repeat;
	padding : 3px 0px 3px 20px;
}
.detaillink{
	clear:both;
	width:670px;
	text-align:right;
}
.detaillink a{
	background:url(../image/icon_detail.gif) left center no-repeat;
	padding : 3px 0px 3px 20px;
}
/*
ul.rsslink{
	margin:10px 0 20px 0;
}
.rsslink li{
	background:url(../image/icon-rss.gif) left center no-repeat;
	padding : 3px 0px 3px 20px;
}
*/


/*--======== PageTitle ========--*/
h1{
	font-size:150%;
	font-weight:bold;
	line-height:120%;
	color:#010101;
	margin:0 0 30px 0;
	background:url(../image/page_title_bg.jpg) left bottom no-repeat;
	padding : 15px 0 20px 20px;
}

/*--======== SectionTitle ========--*/
h2{
	clear:both;
	font-size:120%;
	font-weight:bold;
	color:#010101;
	margin:0 0 15px 0;
	background:url(../image/section_title_bg.gif) left center no-repeat;
	padding : 5px 0 5px 25px;
}
h2.line2{
	background:url(../image/section_title_2l_bg.gif) left top no-repeat;
}

/*--======== SubSectionTitle ========--*/
h3{
	clear:both;
	font-size:120%;
	font-weight:bold;
	color:#010101;
	margin:0 0 5px 0;
	background:url(../image/subsection_title_bg.jpg) left top no-repeat;
	padding : 0 0 5px 25px;
}

/*--======== SubsubSectionTitle ========--*/
h4{
	clear:both;
	font-size:110%;
	font-weight:bold;
	color:#010101;
	margin:0;
	background:url(../image/subsubsection_title_bg.jpg) left top no-repeat;
	padding : 0 0 5px 25px;
}
/*--======== SubsubsubSectionTitle ========--*/
h5{
	clear:both;
	font-size:100%;
	font-weight:bold;
	color:#010101;
	margin:0;
	background:url(../image/subsubsubsection_title_bg.jpg) left top no-repeat;
	padding : 0 0 5px 20px;
}

/*--======== paragraph ========--*/
p{
	clear:both;
	margin-left:20px;
	margin-bottom:10px;
}

/*--======== item table ========--*/
table.itemtable{
	border-top:#9fa0a0 dotted 1px;
}
.itemtable td{
	border-bottom:#9fa0a0 dotted 1px;
	padding : 10px 5px;
}
.itemtable th{
	border-bottom:#9fa0a0 dotted 1px;
	padding : 10px;
	background-color:#cadff2;
}
.itemtable h4{
	margin-left:-10px;
}
.itemtable h5{
	font-weight:bold;
}
a.detailbtn{
	display:block;
	width:76px;
	height:26px;
	background:	url(../image/btn_detail.gif) left top no-repeat;
	font-weight:bold;
	text-align : center;
	padding-top:3px;
}

/*--======== list table ========--*/

table.list{
	border-top:#9fa0a0 solid 1px;
}
.list td{
	border-bottom:#9fa0a0 solid 1px;
	padding : 10px;
}
.list th{
	border-bottom:#9fa0a0 solid 1px;
	padding : 10px;
	background-color:#cadff2;
}

/*--======== narrow list table (for report)========--*/
table.narrowlist{
	border-top:#9fa0a0 solid 1px;
}
.narrowlist td{
	border-bottom:#9fa0a0 solid 1px;
	padding : 4px;
}
.narrowlist th{
	border-bottom:#9fa0a0 solid 1px;
	padding : 4px;
	background-color:#cadff2;
}

/*--======== event list table (for report)========--*/
table.eventlist{
	border-top:#ccc solid 1px;
	width:100%;
}
.eventlist td{
	border-bottom:#ccc dotted 1px;
	padding : 4px 4px 4px 10px;
}
.eventlist th{
	border-bottom:#fff dotted 1px;
	padding : 4px 4px 4px 4px;
	background-color:#eee;
	font-weight:normal;
	text-align:center;
	width : 100px;
}
.eventlist th.last,
.eventlist td.last{
	border-bottom:#ccc solid 1px;
}
/*--======== narrow list table (for report)========--*/
table.normal{
	border-top:#9fa0a0 solid 1px;
	border-left:#9fa0a0 solid 1px;
}
.normal td{
	border-bottom:#9fa0a0 solid 1px;
	border-right:#9fa0a0 solid 1px;
	padding : 4px;
}
.normal th{
	border-bottom:#fff solid 1px;
	border-right:#fff solid 1px;
	padding : 4px;
	background-color:#cadff2;
}
.normal th.leftend{
	border-right:#9fa0a0 solid 1px;
}
.normal th.bottomend{
	border-bottom:#9fa0a0 solid 1px;
}

/*--======== narrow list table (for radio)========--*/
table.radio{
	border-top:#0080FF solid 4px;
	border-left:#0080FF solid 4px;
}
.radio td{
	border-bottom:#0080FF solid 4px;
	border-right:#0080FF solid 4px;
	padding : 4px;
}
.radio th{
	border-bottom:#0080FF solid 4px;
	border-right:#0080FF solid 4px;
	padding : 4px;
	background-color:#0080FF;
}
.radio th.leftend{
	border-right:#0080FF solid 4px;
}
.radio th.bottomend{
	border-bottom:#0080FF solid 4px;
}

/*--======== narrow list table (for radio)========--*/
table.radio2{
	border-top:#FFcc00 solid 4px;
	border-left:#FFcc00 solid 4px;
}
.radio2 td{
	border-bottom:#FFcc00 solid 4px;
	border-right:#FFcc00 solid 4px;
	padding : 4px;
}
.radio2 th{
	border-bottom:#FFcc00 solid 4px;
	border-right:#FFcc00 solid 4px;
	padding : 4px;
	background-color:#FFcc00;
}
.radio2 th.leftend{
	border-right:#FFcc00 solid 4px;
}
.radio2 th.bottomend{
	border-bottom:#FFcc00 solid 4px;
}

/*--======== clear both ========--*/
.allclear{
	clear:both;
}

/*------------------------*/
/*  box                 */
/*------------------------*/
.gray-box{
	width : 85%;
	margin : 0 auto;
	padding : 10px 20px 20px 20px;
	border : #c9caca 4px solid;
	margin: 20px auto;
}
.gray-box h4{
	padding-bottom:0px;
	margin-left:-10px;
	margin-bottom : 5px;
	margin-top:10px;
}
.gray-box ul{
	padding : 0px 0px 20px 0px;
	margin-top:0px;
	margin-bottom : 20px;
}

/*------------------------*/
/*  presentation box      */
/*------------------------*/
.pre-box{
	margin : 0 auto;
	padding : 10px 20px 20px 20px;
	border : #b7b8b8 2px solid;
	margin: 10px auto 20px;
	border-radius: 8px;
	clear:both;
	display:inline-block;
}
.pre-box:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}
*html .pre-box{
	height:1px;
}
.pre-box{
	display:block;
}
.pre-box h4{
	margin-bottom : 10px;
	border-bottom:#b7b8b8 dotted 2px;
	background-image:none;
	padding:0 0 5px 0;
}
.pre-box li{
	margin-left:-20px;
	margin-top:4px;
}
.pre-box img{
	float:right;
	margin:0 0 10px 10px;
}
.pre-box:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}
/*----------------------------*/
/*  note box  for plus alpha  */
/*----------------------------*/
p.withnote-box{
	margin-left:10px;
	padding:0;
	width:370px;
	float:left;
}
.note-box{
	width : 150px;
	float:right;
	margin : 0 10px 10px 10px;
	padding : 0px;
	font-size:85%;
	line-height:120%;
	background:url(../image/bg-note-bottom.jpg) left bottom no-repeat;
}
.note-box h4{
	margin:0px;
	padding:10px 10px 3px 10px;
	background:url(../image/bg-note-top.jpg) left top no-repeat;
}
.note-box p{
	margin:0px 10px 10px 10px;
	padding-top:10px;
	border-top:#999 1px dotted;
}

.note-box-wide{
	width : 550px;
	margin : 15px 10px 10px 15px;
	padding : 0px;
	font-size:85%;
	line-height:120%;
	background:url(../image/bg-note-w-bottom.jpg) left bottom no-repeat;
}
.note-box-wide h4{
	margin:0px;
	padding:10px 10px 3px 10px;
	background:url(../image/bg-note-w-top.jpg) left top no-repeat;
}
.note-box-wide p{
	margin:0px 10px 10px 10px;
	padding:10px;
	border-top:#999 1px dotted;
}


.height-100{	height:100px;	}
.height-80{		height:80px;	}
/*------------------------
    flash video
  ------------------------*/
object{
	margin:10px 5px;
}
/*------------------------*/
/*  list                 */
/*------------------------*/
#contents ul{
	list-style:none;
	margin:0px 0px 5px 20px;
	padding:0px;
}
#contents ul li{
	padding:0px 0px 0px 25px;
	background-image:url(../image/list_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	
}

#contents  .linklist li{
	background-image:url(../image/icon_link.jpg);
}
#contents li.nolink{
	background-image:url(../image/list_bg.jpg);
}
#contents .branch ul li{
	background-image:url(../image/icon_branch.jpg);
}
#contents .branch ul li.breakpoint{
	background-image:url(../image/icon_branch-break.jpg);
	margin-bottom:10px;
}
#contents .branch ul li.last{
	background-image:url(../image/icon_branch-last.jpg);
}
#contents .branch ul li.start{
	background-image:url(../image/icon_branch-start.jpg);
}
/* No List */
#contents ol{
/*	list-style:decimal;*/
/*	list-style-type:decimal;*/
	margin:0px 0px 5px 40px;
	padding:0px;
}
#contents ol li{
	list-style-type:decimal;
	padding:0px 0px 0px 2px;
/*	background-image:url(../image/list_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;*/
	
}

/*------------------------*/
/*  Text with Image       */
/*------------------------*/
.textAndIamge{
	clear:both;
	padding-left:20px;
}
.textAndIamge .img-left{
	float:left;
	padding : 0px 10px 10px 0px;
	font-size:85%;
	line-height:120%;
	text-align:center;
}
.textAndIamge .img-right{
	float:right;
	padding : 0px 0px 10px 10px;
	font-size:85%;
	line-height:120%;
	text-align:center;
}
.centerimage{
	clear:both;
	margin: 0px auto;
	padding : 10px 0px;
	font-size:85%;
	line-height:120%;
	text-align:center;
}
.centerimage .imgbox{
	float:left;
	margin:0px 5px;
	padding:0px;
	text-align:center;
}
/*------------------------*/
/*  Page Navigation       */
/*------------------------*/
/*
#contents .pagenavi{
	text-align:center;
	margin:40px auto 0px auto;
}
#contents .pagenavi a{
	border:solid 1px #CCCCCC;
	width : 20px;
	display:block;
	float:left;
	margin:3px;
	padding:4px;
}
*/
#contents .pagenavi {
	clear:both;
	padding:3px;
	margin:60px 0px 0px 0px;
	text-align:center;
}

#contents .pagenavi a {
	padding: 4px 10px 4px 10px;
	margin-right: 2px;
	border: 1px solid #aaa;
	
	text-decoration: none; 
/*	color: #aaa;*/
}
#contents .pagenavi a:hover, #contents .pagination a:active {
	padding: 4px 10px 4px 10px;
	margin-right: 2px;
	border: 1px solid #333;
}
#contents .pagenavi span.current {
	padding: 4px 10px 4px 10px;
	margin-right: 2px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #ddd;
	color: #666;
}
#contents .pagenavi span.disabled {
	padding: 4px 10px 4px 10px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}
/*---- for PlusAlpha PageNavi ----*/
#contents .pa-pagenavi {
	width:400px;
/*	clear:both;*/
	padding:0px 0px 10px 0px;
	margin:40px auto 0px auto;
	text-align:left;
	background:url(../image/bg-pagenavi_bottom.jpg) left bottom no-repeat;
}
#contents .pa-pagenavi h5{
	margin:0;
	background:url(../image/bg-pagenavi_top.jpg) left top no-repeat;
/*	width:400px;*/
/*	height:56px;*/
	line-height:36px;
	padding-left:210px;
	padding-top:20px;
	padding-bottom:0px;
	font-size:120%;
}

#contents .pa-pagenavi ul,li{
	list-style:none;
}
#contents .pa-pagenavi li {
	padding: 0px 10px 0px 20px;
	text-decoration: none; 
	background:url(../image/icon_pagenavi_link.gif) left top no-repeat;
}
#contents .pa-pagenavi a:hover, #contents .pagination a:active {
}
#contents .pa-pagenavi li.current {
	background:url(../image/icon_pagenavi_current.gif) left top no-repeat;
	color: #777;
}

/*---------------------*/
/*  nyroModal          */
/*---------------------*/

.nyroModal{
	position:relative;
	display:block;
}

.nyroModal img{
	z-index:1;
}

.zoom{
	position:absolute;
	width: 50px;
	height: 50px;
	background: url('../image/zoom-trans.png') no-repeat 0 0;
	right:0;
	_top:0;
	bottom:0px;
	z-index:100;
	line-height: 1;
}