@charset "utf-8";

.shadeGroupWrap { margin-bottom: 20px; }

/* ---------------------------------------------------------
Download
--------------------------------------------------------- */
.downloadBlock {
	position: relative;
	float: right;
	width: 195px;
}
.downloadBlock a {
	display: block;
	padding: 8px 15px 8px 35px;
	color: #45484d;
	line-height: 1.76;
	text-decoration: none;
	border: 2px solid #737780;
	background: url(/english/common/img/icons/ico_info.gif) no-repeat 171px center;
}
.downloadBlock a:hover {
	padding: 7px 14px 7px 34px;
	border: 3px solid #003b90;
	background-position: 170px center;
	background-color: #f7faff;
}
.downloadBlock a img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	right: auto;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 5px;
}


.downloadBlock span {
	display: block;
	margin-top: -4px;
	font-size: 94%;
}




/*.downloadBlock {
	float: right;
	width: 185px;
	background: url(/english/common/img/icons/ico_info.gif) no-repeat 169px center;
}
.downloadBlock a {
	display: block;
	padding: 8px 20px 8px 30px;
	color: #45484d;
	line-height: 1.76;
	text-decoration: none;
	border: 2px solid #737780;
	background: url(/english/common/img/download/icon_pdf_s.gif) no-repeat 10px center;
}
.downloadBlock a:hover { background-color:#ffcccc;border: 3px solid #737780;	padding: 7px 19px 7px 29px;
}


.downloadBlock span {
	display: block;
	margin-top: -4px;
	font-size: 78%;
}*/

/* ---------------------------------------------------------
Shade
--------------------------------------------------------- */
.shadeGroup {
	float: left;
	padding-bottom: 4px;
	width: 500px;
	border-top: 1px solid #dadde0;
	border-bottom: 1px solid #dadde0;
/zoom: 1;
}
.shadeBtn {
	padding-top: 4px;
	font-weight: bold;
	color: #0068b3;
}
	* html .shadeBtn { zoom: 1; }
.shadeBtn span {
	display: block;
	padding: 7px 12px 7px 2px;
}
.shadeBtn span span {
	padding-left: 19px;
	background: url(img/shade_close.png) no-repeat 0px 8px;
}
	* html .shadeBtn span span { zoom: 1; }
.shadeOpen  .shadeBtn span span { background-image: url(img/shade_open.png) !important; }
.shadeClose .shadeBtn span span { background-image: url(img/shade_close.png) !important; }

.shadeContents {
	border: none;
}

.shadeContents .inner {
	padding: 0px 13px 9px 0px;
	border: none;
}

.shadeOpen  .shadeBtn ,
.shadeClose .shadeBtn { cursor:pointer; }
.shadeOpen  .shadeBtn:hover ,
.shadeClose .shadeBtn:hover { text-decoration: underline; }

/* Other Color
div class="shadeGroup shadeGroup_xx"
classを2つにする
------------------------------------ */
/* 大枠の設定および見出しの色 */
.shadeGroup_xx .shadeGroup { background-image: url(img/shade_bg_02a.gif); }
.shadeGroup_xx .shadeBtn   { background-image: url(img/shade_bg_02a.gif); color: #0000cc; }
/* 見出し背景のグラデーション */
.shadeGroup_xx .shadeBtn span { background-image: url(img/shade_bg_02b.gif); }
.shadeGroup_xx .shadeBtn span span {background-image: url(img/shade_close.png); }
/* 外枠の細線 */
.shadeGroup_xx .shadeContents { border-color: #82b5eb; }
/* 内枠の太線 */
.shadeGroup_xx .shadeContents .inner { border-color: #b3ccec; }


/* ---------------------------------------------------------
Treeview 1.4 - jQuery plugin to hide and show branches of a tree
--------------------------------------------------------- */
.treeview, .treeview ul { margin: 0px; padding: 0px;}
.treeview ul { margin-top: 0px; }

.treeview .hitarea {
	background: url(img/treeview-default.gif) -100px -67px no-repeat;
	height: 18px;
	width: 25px;
	margin-left: -25px;
	float: left;
	cursor: pointer;
}
* html .hitarea { display: inline; float:none; }

.treeview li { 
	margin: 0;
/*	padding: 5px 0pt 5px 25px;*/
	padding: 10px 0pt 0px 25px;
}
.treeview a {
	display: inline-block;
	padding: 0px 5px;
*display: inline;
}
.treeview a:hover {}

.treeview a.selected {}

#treecontrol { margin: 1em 0; display: none; }

.treeview a.hover { cursor: pointer; }

.treeview li {
	list-style: none;
	background: url(img/treeview-default-line.gif) 0 -7px no-repeat;
}
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -125px 5px; }

.treeview li.last { background-position: 0 -1754px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(img/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -500px }
.treeview li.lastExpandable { background-position: -75px -205px }

/*.treeview div.lastCollapsable-hitarea { margin-top: -4px; background-position: 0px -350px; height: 22px;}
.treeview div.lastExpandable-hitarea { margin-top: -4px; background-position: -50px -206px; height: 22px;}*/
.treeview div.lastCollapsable-hitarea { margin-top: -11px; background-position: 0px -345px; height: 27px;}
.treeview div.lastExpandable-hitarea { margin-top: -11px; background-position: -50px -201px; height: 27px;}

/* Current
------------------------------------ */
.treeview a.current {
	background-color: #fffdbc !important;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}


/* ---------------------------------------------------------
Slide
--------------------------------------------------------- */
.slideBlockWrap {
	background: #f0f2f5;
	padding: 10px 0px;
}

/* Slide
------------------------------------ */
.slideBlock {padding: 10px 0px;}

.slideBlock ul {margin: 0px 0px 0px 5px;}

.slideBlock li {
	display: inline-block;
	list-style: none;
	vertical-align: middle;
	margin: 0px 0px 0px 4px;
/display: inline;
/zoom: 1;
}
.slideBlock .slide {
	width: 623px;
	text-align: center
}
.slideBlock .slide img {
	border: 1px solid #cccccc;
}

.slideBlock li a {
	display: block;
	border: 1px solid #737780;
	background: #fff;
}
.slideBlock li a:hover {
	border: 2px solid #003b90;
	background-position: 170px center;
	background-color: #f7faff;
	margin: -1px -1px -1px -1px;

}
.slideBlock li img.btnOff {
	border: 1px solid #737780;
}

/* SlideDetail
------------------------------------ */
.slideDetailBlock {
	margin: 0px;
	width: 623px;
	padding-left:50px;
	border: none;
	background: none;
}

.slidePage {
	margin: 5px 0px 0px;
	text-align: right;
}

.slidePage em {
	font-weight: bold;
	font-style: normal;
}

/* slideBlockBtn
------------------------------------ */

.slideBlockBtn {
	margin: 10px 0 0 0;
	text-align:center;
}

.slideBlockBtn ul li {
	display: inline-block;
	border: 1px solid #737780;
	margin: 0 30px 0 30px;
	padding: 0px;
	line-height: 1.5;
	background: #fff;
*display: inline;
}

.slideBlockBtn ul li.btnOff {
	padding: 7px 15px 7px 15px;
	border: 1px solid #737780;

}

.slideBlockBtn ul li a:hover {
	margin: -2px -2px -2px -2px;
	background-color: #f7faff;
	border: 2px solid #003b90;
}

.slideBlockBtn li a {
	display: inline-block;
	padding: 7px 15px 7px 15px;
	min-height: 18px;
	font-size: 94%;
	text-decoration: none;
	color: #45484d;
*display: inline;
}

.slideBlockBtn li img {
	vertical-align: middle;
}

/* ---------------------------------------------------------
Clearfix
--------------------------------------------------------- */
.shadeGroupWrap:after { content : ''; display : block; clear : both; }
.shadeGroupWrap  { /zoom : 1; }