@charset "EUC-JP";
@import url(library/obj_portal.css);
/**/
/*
	CMS DEF-Object CSS  --  def_object . css
	magrex
	--
	20080423  v1.7
	2008      v1.8
	20090225  v1.9
	20090401  v1.91 tickerA B用CSS追加
	20090406  v1.92 スライドバナー画像用CSS追加
	20100814  v1.93 calendar用CSS追加
	20160321  v2.00 スマホ用
*/
/**/

/*	--------------------------------------------------------------------------------
［重要］このファイルの内容は編集しないこと
	--------------------------------------------------------------------------------
*/

/*	--------------------------------------------------------------------------------
	* index

	- BNR
	- BNR 画像-バナーブロック用スライドバナー(160×60)
	- OBJ
	- column 1-4段
	- text style & decoration
	- img
	- img 画像-スライドバナー画像(468x60)
	- table
	- hr
	- scroll
	- ticker A,B
	- site map
	- new table
	- tab
	- real tab
	- boxRadian
	- loupe
	- imageviewer
	- calendar

	- footer menu

	- general

*/



/*	--------------------------------------------------------------------------------
	font-family
*/

body,
table .th,
table .td,
input,
textarea,
select,
.BNR {
	font-family: sans-serif;
	}

	* html body,
	* html table .th,
	* html table .td,
	* html input,
	* html textarea,
	* html select,
	* html .BNR {
		font-family: "ＭＳ Ｐゴシック";
		}

	*:first-child+html body,
	*:first-child+html table .th,
	*:first-child+html table .td,
	*:first-child+html input,
	*:first-child+html textarea,
	*:first-child+html select,
	*:first-child+html .BNR {
		font-family: "ＭＳ Ｐゴシック";
		}



/*	--------------------------------------------------------------------------------
	banner object
*/

.BNR {
	width: 180px;
	margin: 10px 0;
	text-align: center;
	}

	.BNR .typeImg160 {
		overflow: hidden;
		width: 160px;
		text-align: center;
		margin: 0 auto;
		}

	.BNR .type1 {
		width: 160px;
		text-align: left;
		margin: 0 auto;
		}
	.BNR .type2 {
		text-align: left;
		margin: 0 auto;
		}

	.BNR .typeT {
		width: 160px;
		border: 1px solid #cccccc;
		margin: 0 auto;
		}

	.BNR .typeT p {
		color: #333333;
		font-size: 10px;
		line-height: 12px;
		text-align: justify; text-justify: inter-ideograph;
		word-wrap: break-word;
		padding: 4px;
		}
	.BNR .typeT ol {
		list-style-position:inside;
		list-style-type:decimal;
		margin-left:10px;
		text-align: left;
		}
	.BNR .typeT ul {
		list-style-position:inside;
		list-style-type:disc;
		margin-left:10px;
		text-align: left;
		}
	.BNR .typeT .bnrScroll {
		position: relative;
		width: 160px;
		height: 200px;
		}
		.BNR .typeT .bnrScroll dt {
			width: 160px;
			height: 200px;
			filter: alpha(opacity=20);
			opacity: 0.2;
			-ms-filter: "alpha(opacity=20)";
			}
			.BNR .typeT .bnrScroll dt span {
				display: block;
				overflow: hidden;
				background: #999;
				}
				.BNR .typeT .bnrScroll dt span.bsF {
					width: 158px;
					height: 1px;
					margin: 0 1px;
					}
				.BNR .typeT .bnrScroll dt span.bsM {
					width: 160px;
					height: 198px;
					}
		.BNR .typeT .bnrScroll dd {
			overflow: auto;
			position: absolute;
			top: 5px;
			left: 5px;
			width: 150px;
			height: 190px;
			}
			.BNR .typeT .bnrScroll dd p {
				font-size: 10px;
				line-height: 14px;
				padding: 0px;
				margin-right: 4px;
				}

	.BNR .typeForm {
		width: 160px;
		margin: 5px auto;
		}

		.BNR .typeForm .search {
			width:160px;
			}
		.BNR .typeForm .search th {
			padding: 5px 2px 1px 2px;
			border-top: 1px solid #ccc;
			border-bottom: 1px dotted #ccc;
			font-size: 12px;
			}
		.BNR .typeForm .search td {
			padding: 3px 4px 4px 4px;
			border-bottom: 1px solid #ccc;
			font-size: 12px;
			}

			.BNR .typeForm .search th.submit {
				text-align: center;
				border-bottom: 0px none;
				}


	.BNR .typeSky {
		width: 180px;
		margin: 0 auto;
		}

	.BNR hr {
		overflow: hidden;
		width: ;
		height: 0px;
		background: none;
		border: 0px none;
		border-top: 1px solid #999999;
		padding: 0px;
		}

	.BNR hr.blankA {
		visibility: hidden;
		overflow: hidden;
		width: ;
		height: 20px;
		background: none;
		border: 0px none;
		padding: 0px;
		}

	.BNR .rssLink {
	 	text-align: left;
	 	font-size: 12px;
	 	padding: 0px 10px 10px 10px;
	 	}

	/*画像-バナーブロック用スライドバナー(160×60)*/
	.BNR .SlideBanner_bb{
		margin:0 auto;
		width:160px;
	}
	.BNR .SlideBannerSelect_bb{
		margin:0 auto;
		width:160px;
		height:60px;
	}
	
	.BNR .SlideBanner_bb ul{
		position:relative;
	}
	
	.BNR .SlideBanner_bb li,.BNR .SlideBannerSelect_bb li{
		display:none;
	}
	
	.BNR .SlideBannerEdit_bb{
		width:160px;
		margin:0 auto;
	}
	.BNR .SlideBannerEdit_bb li{
		position:relative;
		cursor:pointer;
		float:left;
		height:60px;
		margin:4px;
		overflow:hidden;
		width:70px;
		border:solid 1px #666;
	}
	.BNR img.IMGbn_bb{
		border:none;
	}
	.BNR img.IMGbnedit_bb{
		width:100px;
		border:none;
		position:relative;
		left:-15px;
	}
		
	.BNR img.IMGbn160select{
		width:160px;
		height:60px;
		border:none;
	}
/*	--------------------------------------------------------------------------------
	object
*/

.OBJ {
	width: 96%;
	padding: 0px 5px;
	margin: 0px;
	}



/*	--------------------------------------------------------------------------------
	object - column
*/

/* 1段 */
.OBJ .CLM1 {
	width: 100%;
	margin: 0 0 10px 0;
	}

		/* 1段 no-margin no-border*/
		.OBJ .CLM1nm {
			width: 100%;
			}

/* 2段組 - 左から L R */
.OBJ .CLM2L {
	float:left;
	width: 48.4%;
	margin-left: 0;
	margin-bottom: 10px;
	}
.OBJ .CLM2R {
	float:left;
	width: 48.4%;
	margin-left: 3.2%;
	margin-bottom: 10px;
	}

		/* 2段組 no-margin no-border*/
		.OBJ .CLM2nm {
			width: 50%;
			float: left;
			}

/* 3段組 - 左から L C R */
.OBJ .CLM3L,
.OBJ .CLM3C {
	width: 100%;
	float:left;
	margin: 0 3.2% 10px 0;
	}
.OBJ .CLM3R {
	width: 100%;
	float:left;
	margin: 0 0 10px 0;
	}

.OBJ .CLM3LC {
	width: 100%;
	float:left;
	margin: 0 0 10px 0;
	}
.OBJ .CLM3CR {
	width: 100%;
	float:left;
	margin: 0 0 10px 0;
	}

		/* 3段組 no-margin no-border*/
		.OBJ .CLM3nm {
			width: 100%;
			float:left;
			margin: 0 0 10px 0;
			}
		.OBJ .CLM3nm2 {
			width: 100%;
			float:left;
			}

/* 4段組 - 左から A B C D */
.OBJ .CLM4A {
	width: 48.4%;
	float:left;
	margin: 0 0 10px 0;
	}

.OBJ .CLM4B {
	width: 48.4%;
	float:left;
	margin: 0 0 10px 3.2%;
	}

.OBJ .CLM4C {
	width: 48.4%;
	float:left;
	margin: 0 0 10px 0;
	}

.OBJ .CLM4D {
	width: 48.4%;
	float:left;
	margin: 0 0 10px 3.2%;
	}

.OBJ .CLM4AB {
	width: 48.4%;
	float:left;
	margin: 0 0 10px 0;
	}

.OBJ .CLM4BC {
	width: 48.4%;
	float:left;
	margin: 0 0 10px 3.2%;
	}

.OBJ .CLM4BCD {
	width: 100%;
	float:left;
	margin: 0 0 10px 0;
	}

		/* 4段組 no-margin no-border*/
		.OBJ .CLM4nm {
			width: 24%;
			float:left;
			}
		.OBJ .CLM4nm2 {
			width: 49%;
			float:left;
			}
		.OBJ .CLM4nm3 {
			width: 74%;
			float:left;
			}

/* 段組みの終了 */
.OBJ .CLMEnd {
	clear: both;
	}

/* 段内の共通スタイル */
.OBJ .CLM1, .OBJ .CLM1nm, 
.OBJ .CLM2L, .OBJ .CLM2R, .OBJ .CLM2nm,
.OBJ .CLM3L, .OBJ .CLM3C, .OBJ .CLM3R, .OBJ .CLM3LC, .OBJ .CLM3CR, .OBJ .CLM3nm, .OBJ .CLM3nm2,
.OBJ .CLM4A, .OBJ .CLM4B, .OBJ .CLM4C, .OBJ .CLM4D, .OBJ .CLM4AB, .OBJ .CLM4BC, .OBJ .CLM4CD, .OBJ .CLM4ABC, .OBJ .CLM4BCD, .OBJ .CLM4nm, .OBJ .CLM4nm2, .OBJ .CLM4nm3 {
	text-align: justify; text-justify: inter-ideograph;
	word-wrap: break-word;
	}

.OBJ p span {
	display: block;
	}
	
	.OBJ p span.indent{
		text-indent:1em;
	}


/*	--------------------------------------------------------------------------------
	object - text style & decoration
*/

.OBJ .TXTBold {
	font-weight: bold;
	line-height: 1.8em;
	}

.OBJ .TXTItalic {
	font-style: italic;
	}

.OBJ .TXTBoldItalic {
	font-weight: bold;
	font-style: italic;
	}

.OBJ .TXTStrike {
	text-decoration: line-through;
	}

.OBJ .TXTUnderline {
	display: inline;
	border-bottom: 1px solid;
	}

.OBJ em {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -0.08em;
	line-height: 1.4em;
	}

.OBJ strong {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -0.08em;
	line-height: 1.4em;
	}

.OBJ ul{
	list-style-type:disc;
	list-style-position:inside;
}
.OBJ ol{
	list-style-type:decimal;
	list-style-position:inside;
}

/*	--------------------------------------------------------------------------------
	object - image
	画像
	固定値
*/

/*共通設定*/
.OBJ img {
	vertical-align: bottom;
	border: 1px solid #999999;
	background: transparent;
	}

/*画像-大 1段用*/
.OBJ img.IMGL {
	width: 100%;
	margin: 0;
	}

/*画像-大 ワイド*/
.OBJ img.IMGLTie {
	width: 100%;
	margin: 0;
	}

	/*画像-大 1段用 バナー*/
	.OBJ img.IMGLbn {
		width: 100%;
		border: 0px none;
		margin: 3px 0 7px 0;
		}

/*画像-中 2段用*/
.OBJ img.IMGM {
	width: 100%;
	margin: 3px 0 0 0;
	}

	/*画像-中 2段用 バナー*/
	.OBJ img.IMGMbn {
		width: 100%;
		border: 0px none;
		margin: 3px 0 7px 0;
		}

/*画像-小 3段用*/
.OBJ img.IMGS {
	width: 100%;
	margin: 3px 0 0 0;
			}

	/*画像-小 3段用 2段抜き*/
	.OBJ img.IMGSW {
		width: 100%;
		margin: 3px 0 0 0;
		}

	/*画像-小 3段用 バナー*/
	.OBJ img.IMGSbn {
		width: 100%;
		border: 0px none;
		margin: 3px 0 7px 0;
				}

	/*画像-小 3段用 バナー2段抜き*/
	.OBJ img.IMGSbnW {
		width: 100%;
		border: 0px none;
		margin: 3px 0 7px 0;
		}

/*画像-最小 4段用*/
.OBJ img.IMGXS {
	width: 100%;
	margin: 3px 0 0 0;
	}

	/*画像-最小 4段用 2段抜き*/
	.OBJ img.IMGXSW {
		width: 100%;
		margin: 3px 0 0 0;
		}

	/*画像-最小 4段用 3段抜き*/
	.OBJ img.IMGXST {
		width: 100%;
		margin: 3px 0 0 0;
		}

	/*画像-最小 4段用 バナー*/
	.OBJ img.IMGXSbn {
		width: 100%;
		border: 0px none;
		margin: 3px 0 7px 0;
		}

	/*画像-最小 4段用 バナー2段抜き*/
	.OBJ img.IMGXSbnW {
		width: 100%;
		border: 0px none;
		margin: 3px 0 7px 0;
		}

	/*画像-最小 4段用 バナー3段抜き*/
	.OBJ img.IMGXSbnT {
		width: 100%;
		border: 0px none;
		margin: 3px 0 7px 0;
		}

	/*画像-スライドバナー画像(468x60)*/
	.OBJ .SlideBanner{/*main*/
		margin:0 auto;
		width:100%;
	}
	.OBJ .SlideBannerSelect{/*select*/
		margin:0 auto;
		width:100%;
		height:60px;
	}
	.OBJ .SlideBanner ul,.OBJ .SlideBannerSelect ul{
		list-style-type:none;
		left: -99.5px;
	}
	
	.OBJ .SlideBanner li,.OBJ .SlideBannerSelect li{
		display:none;
		width: 100%;
		margin: 0;
	}
	
	.OBJ .SlideBannerEdit{
		width:100%;
		margin:0 auto;
	}
	.OBJ .SlideBannerEdit ul{
		position:relative;
		list-style-position:outside;
		list-style-type:none;
	}
	.OBJ .SlideBannerEdit li{
		position:relative;
		cursor:pointer;
		float:left;
		height:60px;
		margin:4px;
		overflow:hidden;
		width:16%;
		border:solid 1px #666;
	}
	.OBJ img.IMGbn{
		border:none;
	}
	.OBJ img.IMGbnedit{
		border:none;
		position:relative;
		left:-15px;
		width:21%;
	}
	.OBJ img.IMGbnedit_def{
		border:none;
	}
	.OBJ img.IMGbn468select{
		width:100%;
		height:60px;
		border:none;
	}
/*	--------------------------------------------------------------------------------
	object - image2
	画像 no-margin no-border
	固定値
*/

.OBJ .CLM1nm img {
	width: 100%;
	background: transparent;
	border: 0px none;
	margin: 0;
	}

.OBJ .CLM2nm img {
	width: 100%;
	background: transparent;
	border: 0px none;
	margin: 0;
	}

.OBJ .CLM3nm img {
	width: 100%;
	background: transparent;
	border: 0px none;
	margin: 0;
	}

.OBJ .CLM3nm2 img {
	width: 100%;
	background: transparent;
	border: 0px none;
	margin: 0;
	}

.OBJ .CLM4nm img {
	width: 100%;
	background: transparent;
	border: 0px none;
	margin: 0;
	}

.OBJ .CLM4nm2 img {
	width: 100%;
	margin: 0;
	background: transparent;
	border: 0px none;
	}

.OBJ .CLM4nm3 img {
	width: 100%;
	background: transparent;
	border: 0px none;
	margin: 0;
	}



/*	--------------------------------------------------------------------------------
	object - table
*/

.OBJ .CLM1 table {
	margin: 0;
	}

.OBJ .CLM2L table,
.OBJ .CLM2R table,
.OBJ .CLM3L table,
.OBJ .CLM3C table,
.OBJ .CLM3R table,
.OBJ .CLM3LC table,
.OBJ .CLM3CR table,
.OBJ .CLM4A table,
.OBJ .CLM4B table,
.OBJ .CLM4C table,
.OBJ .CLM4D table,
.OBJ .CLM4AB table,
.OBJ .CLM4BC table,
.OBJ .CLM4CD table,
.OBJ .CLM4ABC table,
.OBJ .CLM4BCD table {
	margin: 4px 0 0 0;
	}



/*	--------------------------------------------------------------------------------
	object - hr
*/

.OBJ hr.blankA {
	visibility: hidden;
	height: 10px;
	border: 0px none;
	padding: 0px;
	margin: 0px;
	}

.OBJ hr.blankB {
	visibility: hidden;
	height: 25px;
	border: 0px none;
	padding: 0px;
	margin: 0px;
	}



/*	--------------------------------------------------------------------------------
	object - scroll table
*/

.borderT-A td {
	border-top:: 0px none;
	}
.borderR-A td {
	border-right: 0px none;
	}
.borderB-A td {
	border-bottom: 1px solid #ccc;
	}
.borderL-A td {
	border-left: 0px none;
	}


.scrollHeight1 {
	overflow: auto;
		overflow-x: hidden;
		overflow-y: scroll;
	width: 100%;
	height: 100px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.scrollHeight2 {
	overflow: auto;
		overflow-x: hidden;
		overflow-y: scroll;
	width: 100%;
	height: 160px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.scrollHeight3 {
	overflow: auto;
		overflow-x: hidden;
		overflow-y: scroll;
	width: 100%;
	height: 220px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.scrollHeight4 {
	overflow: auto;
		overflow-x: hidden;
		overflow-y: scroll;
	width: 100%;
	height: 250px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.scrollTable {
	width: ;
	}

.scrollTable td {
	text-align: justify; text-justify: inter-ideograph;
	vertical-align: middle;
	word-wrap: break-word;
	height: 0.03%;
	padding: 3px 0;
	}

.scrollTable .td2-1 {
	width: 16%;
	padding-left: 4px;
	padding-right: 10px;
	}
.scrollTable .td2-2 {
	width: 76%;
	padding-right: 20px;
	}

.scrollTable .newstitle {
	font-weight: bold;
	padding: 0 30px 0.5em 0;
	}
.scrollTable .newsbody {
	padding: 0 30px 0.5em 0;
	}

/*	--------------------------------------------------------------------------------
	object - ticker 共通
*/

ul.tickeredit{
	margin-top: 3px;
	list-style-position:outside;
	list-style-type:none;
	}

.tickeredit li{
	float:left;
	margin-right:10px;
	font-size:12px;
}

.tickerwrap{
	margin:0 auto;
	width:79%;
	height:16px;
	padding:5px;
}

.tickerwrapchip {
	display: block;
	overflow: hidden;
	width: 78%;
	height: 1px;
	margin: 0 auto;
	padding:0 5px;
	}

/*	--------------------------------------------------------------------------------
	object - ticker A
*/

.tickerA{
	display:none;
}

/* liScroll style declarations */
.tickercontainer { /* the outer div with the black border */
width: 100%; 
margin: 0 auto; 
padding: 0;
overflow: hidden; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 0px;
width: 100%;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 79%;
margin: 0;
padding: 0;
list-style-type:none;
list-style-position:outside;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
white-space: nowrap;
}

ul.newsticker a {
padding: 0;
margin: 0;
} 

ul.newsticker span {
margin: 0 0.19% 0 0;
}

/*	--------------------------------------------------------------------------------
	object - ticker B
*/

ul.tickerB{
	width:79%;
	height:16px;
	overflow:hidden;
	position:relative;
	list-style-type:none;
	padding :0px;
}

.tickerB li{
	float:left;
	white-space: nowrap;
	display:none;
}

/*	--------------------------------------------------------------------------------
	object - site map
*/

ul.sitemap,
ol.sitemap {
	list-style-type: square;
	list-style-position:outside;
	padding: 0px;
	margin: 0 0 0 1em;
	}
	.sitemap ul,
	.sitemap ol {
		list-style-type: circle;
		list-style-position:outside;
		padding: 0px;
		margin: 0 0 0 2em;
		}

/*	--------------------------------------------------------------------------------
	object - breadcrumbs
*/

.OBJ ul.breadcrumbs {
	min-height: 1em;
	list-style-type:none;
	padding-left: 0px;
	}

	.OBJ ul.breadcrumbs li {
		float: left;
		margin-right: 0.3em;
		}



/*	--------------------------------------------------------------------------------
	object - new table
*/

.OBJ table.bdrSolid td {
	line-height: 1.2em;
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	}
.OBJ table.bdrSolidF td {
	line-height: 1.2em;
	border-width: 1px;
	border-style: solid;
	border-right: 0px none;
	border-left: 0px none;
	padding: 4px;
	}
.OBJ table.bdrSolidV td {
	line-height: 1.2em;
	border-width: 1px;
	border-style: solid;
	border-top: 0px none;
	border-bottom: 0px none;
	padding: 4px;
	}
.OBJ table.bdrNone td {
	line-height: 1.2em;
	border: 0px none;
	padding: 2px;
	}

	.OBJ table.bdrSolid thead,
	.OBJ table.bdrSolidF thead,
	.OBJ table.bdrSolidV thead,
	.OBJ table.bdrNone thead {
		display: none;
		}
		*:first-child+html .OBJ table.bdrSolid thead,
		*:first-child+html .OBJ table.bdrSolidF thead,
		*:first-child+html .OBJ table.bdrSolidV thead,
		*:first-child+html .OBJ table.bdrNone thead {
			display: block;
			}
		*:first-child+html .OBJ table.bdrSolid thead td,
		*:first-child+html .OBJ table.bdrSolidF thead td,
		*:first-child+html .OBJ table.bdrSolidV thead td,
		*:first-child+html .OBJ table.bdrNone thead td {
			overflow: hidden;
			height: 0px;
			border: none;
			}

	.OBJ table.bdrSolid tfoot td,
	.OBJ table.bdrSolidF tfoot td,
	.OBJ table.bdrSolidV tfoot td,
	.OBJ table.bdrNone tfoot td {
		border: none;
		}


/*	--------------------------------------------------------------------------------
	object - tab
*/

.tabObj {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	}

	.tabST {
		width: 100%;
		height: 200px;
		border-top: 1px solid #b6b6b6;
		border-left: 1px solid #b6b6b6;
		border-right: 1px solid #b6b6b6;
		border-bottom: 1px solid #b6b6b6;
		}

	.tabST .tabStyle {
		position: relative;
		width: 100%;
		height: 200px;
		}

		.tabST dl.tab {
			overflow: hidden;
			position: absolute;
			top: 0px;
			width: 100%;
			height: 200px;
			margin-left:15px;
			margin-right:15px;
			}
			.tabST dl.tab dt.tabPrev {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 8px;
				height: 200px;
				cursor: pointer;
				}
			.tabST dl.tab dt.tabNext {
//				position: absolute;
				top: 0px;
				width: 8px;
				height: 200px;
				cursor: pointer;
				}
			.tabST dl.tab dd {
//				position: absolute;
				top: 0px;
				left: 8px;
				width: 100%;
				height: 200px;
			}
			.tabST .ST3 .tab1 {
				width: 100%;
				left: 0px;
				padding:0;
			}
				.tabST .tab1 dt,
				.tabST .tab1 dd {
				}
			.tabST .ST3 .tab2 {
				width: 100%;
				left: 0px;
				padding:0;
			}
				.tabST .tab2 dt,
				.tabST .tab2 dd {
					}
			.tabST .ST3 .tab3 {
				width: 100%;
				left: 0px;
				padding:0;
			}
				.tabST .tab3 dt,
				.tabST .tab3 dd {
					}

			.tabST .ST4 .tab1 {
				width: 100%;
				left: 0px;
				padding:0;
			}
				.tabST .tab1 dt,
				.tabST .tab1 dd {
					}
			.tabST .ST4 .tab2 {
				width: 100%;
				left: 0px;
				padding:0;
			}
				.tabST .tab2 dt,
				.tabST .tab2 dd {
					}
			.tabST .ST4 .tab3 {
				width: 100%;
				left: 0px;
				padding:0;
			}
				.tabST .tab3 dt,
				.tabST .tab3 dd {
					}
			.tabST .ST4 .tab4 {
				width: 100%;
				left: 0px;
				padding:0;
			}
				.tabST .tab4 dt,
				.tabST .tab4 dd {
					}

				.tabST dl.tab dt p {
					width: 8px;
					height: 200px;
					opacity: 0.5;
					filter: alpha(opacity=50);
					-ms-filter: "alpha(opacity=50)";
					}
					.tabST dl.tab1 dt p {
						background: #44b;
						}
					.tabST dl.tab2 dt p {
						background: #844;
						}
					.tabST dl.tab3 dt p {
						background: #484;
						}
					.tabST dl.tab4 dt p {
						background: #876;
						}
					.tabST dl.tab5 dt p {
						background: #a72;
						}

		.tabProtect {
			position: absolute;
			top: 0px;
			left: -8px;
			width: 100%;
			height: 200px;
			background: #fff;
			cursor: pointer;
			opacity: 0;
			filter: alpha(opacity=0);
			-ms-filter: "alpha(opacity=0)";
			}

		.tabST .tabHead {
			position: absolute;
			top: 0px;
/*			left: 10px;
			padding-left: 10px;
			padding-right: 10px;*/
			width: 100%;
			height: 20px;
			}
			.tabST .tabHead p.back {
				position: relative;
				top: 10px;
				left: 0px;
				margin: 0 3.2%;
				display: block;
				height: 22px;
				background: #fff;
				opacity: 0.3;
				filter: alpha(opacity=30);
				-ms-filter: "alpha(opacity=30)";
				}
			.tabST .tabHead p.text {
				overflow: hidden;
				position: absolute;
				top: -5px;
				margin-left: 3.2%;
				height: 18px;
				font-size: 14px;
				font-weight: bold;
				display: block;
				padding: 0 0 0 5px;
				}

		.tabST .tabPic {
			position: absolute;
			top: 28px;
			width: 38.4%;
			height: 155px;
			float: left;
			margin-left: 3.2%;
			}
			.tabST .tabPic p.back {
				position: absolute;
				width: 100%;
				height: 144px;
				background: #fff;
				opacity: 0.3;
				filter: alpha(opacity=30);
				-ms-filter: "alpha(opacity=30)";
				}
			.tabST .tabPic p.pic {
				overflow: hidden;
				position: absolute;
				width: 100%;
				height:auto;
				}

		.tabST .tabText {
			overflow: hidden;
			position: relative;
			top: 28px;
			width: 51.8%;
			float: right;
			height: 155px;
			margin: 0 3.2%;
			background: transparent;
			}
			.tabST .tabText p.back {
				position: absolute;
				width: 100%;
				top: 0px;
				left: 0px;
				height: 155px;
				background: #fff;
				opacity: 0.3;
				filter: alpha(opacity=30);
				-ms-filter: "alpha(opacity=30)";
				padding: 0 5px;padding: 0 5px;padding: 0 5px;padding: 0 5px;padding: 0 5px;
				}
			.tabST .tabText p.text {
				overflow: hidden;
				position: absolute;
				top: 13px;
/*				left: 5px;*/
				width: 93.6%;
				height: 130px;
				font-size: 12px;
				line-height: 160%;
				text-align: justify;
				text-justify: inter-ideograph;
				word-wrap: break-word;
				padding: 0 5px;
				}

		.tabST .tabTextnoimg {
			overflow: hidden;
			position: absolute;
			top: 30px;
			width: 100%;
			height: 155px;
			background: transparent;
			}
			.tabST .tabTextnoimg p.back {
				position: absolute;
				top: 0px;
				width: 93.6%;
				float: left;
				margin-right: 3.2%;
				margin-left: 3.2%;
				height: 155px;
				background: #fff;
				opacity: 0.3;
				filter: alpha(opacity=30);
				-ms-filter: "alpha(opacity=30)";
				}
			.tabST .tabTextnoimg p.text {
				overflow: hidden;
				position: absolute;
				top: 13px;
				height: 130px;
				font-size: 12px;
				line-height: 160%;
				text-align: justify;
				text-justify: inter-ideograph;
				word-wrap: break-word;
				margin-left: 3.2%;
				display: block;
				padding: 0 5px;
				width: 90%;
				}

	.colspuit {
		display: none;
		}

.tabEdit {
	position: relative;
	width: 100%;
	height: 16px;
	}
	.tabEdit .pos {
		position: absolute;
		top: -10px;
		}
		* html .tabEdit .pos {
			top: -5px;
			}
		*:first-child+html .tabEdit .pos {
			top: -5px;
			}

		.tabEdit .ST3 .pos1 {
			left: 2px;
			}
		.tabEdit .ST3 .pos2 {
			left: 206px;
			}
		.tabEdit .ST3 .pos3 {
			left: 410px;
			}

		.tabEdit .ST4 .pos1 {
			left: 2px;
			}
		.tabEdit .ST4 .pos2 {
			left: 155px;
			}
		.tabEdit .ST4 .pos3 {
			left: 308px;
			}
		.tabEdit .ST4 .pos4 {
			left: 461px;
			}

		.tabEdit .pos li {
			display: inline;
			font-size: 12px;
			}


/*	--------------------------------------------------------------------------------
	object - realTab
*/

.realTab {
	overflow: hidden;
	width: 100%;
	font-family: sans-serif;
	}
	* html .realTab {
		font-family: "ＭＳ Ｐゴシック";
		}
	*:first-child+html .realTab {
		font-family: "ＭＳ Ｐゴシック";
		}

	.realTab dt {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 20px;
		}
		.realTab dt div {
			overflow: hidden;
			position: absolute;
			top: 0px;
			width: 25%;
			height: 20px;
			}
		.realTab dt div.rtP1 {
			left: 0%;
			}
		.realTab dt div.rtP2 {
			left: 25%;
			}
		.realTab dt div.rtP3 {
			left: 50%;
			}
		.realTab dt div.rtP4 {
			left: 75%;
			}

		.realTab dt div.backtab {
			}
		.realTab dt div.onmouse {
			cursor: pointer;
			}

			.realTab dt div span {
				position: absolute;
				display: block;
				overflow: hidden;
				}
			.realTab dt div.backtab span {
				}
			.realTab dt div.onmouse span {
				}

				.realTab dt div span.rtrB1 {
					top: 0px;
					left: 2px;
					width: 100%;
					height: 1px;
					opacity: 0.4;
					filter: alpha(opacity=40);
					-ms-filter: "alpha(opacity=40)";
					}
				.realTab dt div span.rtrB2 {
					top: 1px;
					left: 1px;
					width: 100%;
					height: 1px;
					opacity: 0.5;
					filter: alpha(opacity=50);
					-ms-filter: "alpha(opacity=50)";
					}
				.realTab dt div span.rtrA1 {
					top: 0px;
					left: 3px;
					width: 100%;
					height: 1px;
					}
				.realTab dt div span.rtrA2 {
					top: 1px;
					left: 2px;
					width: 100%;
					height: 1px;
					}
				.realTab dt div span.rtrA3 {
					top: 2px;
					left: 1px;
					width: 100%;
					height: 18px;
					}
				.realTab dt div span.rtrB4 {
					top: 19px;
					left: 0px;
					width: 100%;
					height: 1px;
					opacity: 0.8;
					filter: alpha(opacity=80);
					-ms-filter: "alpha(opacity=80)";
					}

			.realTab dt div p {
				overflow: hidden;
				position: absolute;
				top: -5px;
				left: 5px;
				height: 14px;
				font-size: 12px;
				line-height: 13px;
				text-align: center;
				white-space: nowrap;
				}

	.realTab dd {
		overflow: hidden;
		position: relative;
		width: 100%;
		margin: 0;
		}

		.realTab dd .rtrM {
			}
		.realTab dd div.rtrM {
			width: 100%;
			padding: 5px 3px 2px;
			}
		.realTab dd span.rtrM {
			overflow: hidden;
			display: block;
			height: 1px;
			margin: 0 1px;
			}

		.realTab dd ol {
			list-style-position:outside;
			list-style-type:none;
			margin: 0;
			width: 100%;
			}
			.realTab dd ol li {
				width: 100%;
				padding: 6px 8px;
				}

			.realTab dd ol li p {
				font-size: 12px;
				line-height: 18px;
				text-align: justify; text-justify: inter-ideograph;
				word-wrap: break-word;
				}

			.realTab dd ol li p img {
				/*height: 140px;*/
				margin: 0;
				border: none;
				
				}
			.realTab dd ol li ul{
				list-style-position:inside;
				list-style-type:disc;
				width:;
			}
			.realTab dd ol li ul li{
				padding:0;
			}
			.realTab dd ol li ol{
				list-style-position:inside;
				list-style-type:decimal;
				width:;
			}
			.realTab dd ol li ol li{
				padding:0;
			}

	/* 配色 */

	/* tab & border */
	.rTcolA dt div span,
	.rTcolA dd .rtrM {
		background: #96939c;
		}
	/* backtab */
	.rTcolA dt div.backtab span {
		background: #a9acd6;
		}
	/* onmouse */
	.rTcolA dt div.onmouse span {
		background: #898cc6;
		}
	/* textback */
	.rTcolA dd ol {
		background: #f9f9f9;
		}

	/* tab & border */
	.rTcolB dt div span,
	.rTcolB dd .rtrM {
		background: #9f9c6c;
		}
	/* backtab */
	.rTcolB dt div.backtab span {
		background: #bcb9b0;
		}
	/* onmouse */
	.rTcolB dt div.onmouse span {
		background: #d3a340;
		}
	/* textback */
	.rTcolB dd ol {
		background: #f9f9f9;
		}

	/* tab & border */
	.rTcolC dt div span,
	.rTcolC dd .rtrM {
		background: #d06378;
		}
	/* backtab */
	.rTcolC dt div.backtab span {
		background: #b0a0a6;
		}
	/* onmouse */
	.rTcolC dt div.onmouse span {
		background: #b0b5a6;
		}
	/* textback */
	.rTcolC dd ol {
		background: #f9f9f9;
		}

	/* tab & border */
	.rTcolD dt div span,
	.rTcolD dd .rtrM {
		background: #c6c3c0;
		}
	/* backtab */
	.rTcolD dt div.backtab span {
		background: #969390;
		}
	/* onmouse */
	.rTcolD dt div.onmouse span {
		background: #aca9a0;
		}
	/* textback */
	.rTcolD dd ol {
		background: #f9f9f9;
		}


/*	--------------------------------------------------------------------------------
	object - boxRadian
*/

	.boxRadian {
		position: relative;
		}
		.boxRadian p {
			overflow: hidden;
			position: absolute;
			width: 100%;
			display: block;
			}
			.boxRadian p img {
				display: block;
				position: absolute;
				left: 0px;
				width: 100%;
				border: none;
				}

	.boxRadian .rad2 {
		}
		.boxRadian .rad2 p img {
			top: -2px;
			}
	.boxRadian .rad4 {
		}
		.boxRadian .rad4 p img {
			top: -4px;
			}
	.boxRadian .rad8 {
		}
		.boxRadian .rad8 p img {
			top: -8px;
			}

	.boxRadian .hei40,
	.boxRadian .hei40 p img {
		height: 40px;
		}
		.boxRadian .rad2 .hei40 p {
			height: 36px;
			}
		.boxRadian .rad4 .hei40 p {
			height: 32px;
			}
		.boxRadian .rad8 .hei40 p {
			height: 0.03%;
			}

		.boxRadian .hei40 span.b1 {
			background-position: 50% -39px;
			}
		.boxRadian .hei40 span.b2 {
			background-position: 50% -38px;
			}
		.boxRadian .hei40 span.b3 {
			background-position: 50% -37px;
			}
		.boxRadian .hei40 span.b4 {
			background-position: 50% -36px;
			}
		.boxRadian .hei40 span.b5 {
			background-position: 50% -35px;
			}
		.boxRadian .hei40 span.b6 {
			background-position: 50% -34px;
			}
		.boxRadian .hei40 span.b7 {
			background-position: 50% -33px;
			}
		.boxRadian .hei40 span.b8 {
			background-position: 50% -32px;
			}

	.boxRadian .hei60,
	.boxRadian .hei60 p img {
		height: 60px;
		}
		.boxRadian .rad2 .hei60 p {
		.	height: 56px;
			}
		.boxRadian .rad4 .hei60 p {
			height: 52px;
			}
		.boxRadian .rad8 .hei60 p {
			height: 44px;
			}

		.boxRadian .hei60 span.b1 {
			background-position: 50% -59px;
			}
		.boxRadian .hei60 span.b2 {
			background-position: 50% -58px;
			}
		.boxRadian .hei60 span.b3 {
			background-position: 50% -57px;
			}
		.boxRadian .hei60 span.b4 {
			background-position: 50% -56px;
			}
		.boxRadian .hei60 span.b5 {
			background-position: 50% -55px;
			}
		.boxRadian .hei60 span.b6 {
			background-position: 50% -54px;
			}
		.boxRadian .hei60 span.b7 {
			background-position: 50% -53px;
			}
		.boxRadian .hei60 span.b8 {
			background-position: 50% -52px;
			}

	.boxRadian .hei120,
	.boxRadian .hei120 p img {
		height: 120px;
		}
		.boxRadian .rad2 .hei120 p {
			height: 116px;
			}
		.boxRadian .rad4 .hei120 p {
			height: 112px;
			}
		.boxRadian .rad8 .hei120 p {
			height: 104px;
			}

		.boxRadian .hei120 span.b1 {
			background-position: 50% -119px;
			}
		.boxRadian .hei120 span.b2 {
			background-position: 50% -118px;
			}
		.boxRadian .hei120 span.b3 {
			background-position: 50% -117px;
			}
		.boxRadian .hei120 span.b4 {
			background-position: 50% -116px;
			}
		.boxRadian .hei120 span.b5 {
			background-position: 50% -115px;
			}
		.boxRadian .hei120 span.b6 {
			background-position: 50% -114px;
			}
		.boxRadian .hei120 span.b7 {
			background-position: 50% -113px;
			}
		.boxRadian .hei120 span.b8 {
			background-position: 50% -112px;
			}

	.boxRadian .hei180,
	.boxRadian .hei180 p img {
		height: 180px;
		}
		.boxRadian .rad2 .hei180 p {
			height: 176px;
			}
		.boxRadian .rad4 .hei180 p {
			height: 172px;
			}
		.boxRadian .rad8 .hei180 p {
			height: 164px;
			}

		.boxRadian .hei180 span.b1 {
			background-position: 50% -179px;
			}
		.boxRadian .hei180 span.b2 {
			background-position: 50% -178px;
			}
		.boxRadian .hei180 span.b3 {
			background-position: 50% -177px;
			}
		.boxRadian .hei180 span.b4 {
			background-position: 50% -176px;
			}
		.boxRadian .hei180 span.b5 {
			background-position: 50% -175px;
			}
		.boxRadian .hei180 span.b6 {
			background-position: 50% -174px;
			}
		.boxRadian .hei180 span.b7 {
			background-position: 50% -173px;
			}
		.boxRadian .hei180 span.b8 {
			background-position: 50% -172px;
			}

	.boxRadian dl {
		position: relative;
		}

	.boxRadian dt {
		position: relative;
		}

	.boxRadian dd {
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0;
		width: 100%;
		}

	.boxRadian span {
		overflow: hidden;
		display: block;
		position: relative;
		}

	.boxRadian span {
		background-position: 50% 0px;
		background-repeat: no-repeat;
		}
	.boxRadian .s40 span {
		background-image: url(images/612x40.png);
		}
	.boxRadian .s60 span {
		background-image: url(images/612x60.png);
		}
	.boxRadian .s120 span {
		background-image: url(images/612x120.png);
		}
	.boxRadian .s180 span {
		background-image: url(images/612x180.png);
		}

		.boxRadian span.h1 {
			height: 1px;
			}
		.boxRadian span.h2 {
			height: 2px;
			}
		.boxRadian span.h3 {
			height: 3px;
			}
		.boxRadian span.m1 {
			width: 100%;
			margin: 0 1px;
			}
		.boxRadian span.m2 {
			width: 100%;
			margin: 0 2px;
			}
		.boxRadian span.m3 {
			width: 100%;
			margin: 0 3px;
			}
		.boxRadian span.m4 {
			width: 100%;
			margin: 0 4px;
			}
		.boxRadian span.m5 {
			width: 100%;
			margin: 0 5px;
			}
		.boxRadian span.m6 {
			width: 100%;
			margin: 0 6px;
			}
		.boxRadian span.m7 {
			width: 100%;
			margin: 0 7px;
			}
		.boxRadian span.m8 {
			width: 100%;
			margin: 0 8px;
			}
		.boxRadian span.t1 {
			background-position: 50% -1px;
			}
		.boxRadian span.t2 {
			background-position: 50% -2px;
			}
		.boxRadian span.t3 {
			background-position: 50% -3px;
			}
		.boxRadian span.t4 {
			background-position: 50% -4px;
			}
		.boxRadian span.t5 {
			background-position: 50% -5px;
			}
		.boxRadian span.t6 {
			background-position: 50% -6px;
			}
		.boxRadian span.o60 {
			opacity: 0.6;
			filter: alpha(opacity=60);
			-ms-filter: "alpha(opacity=60)";
			}
		.boxRadian span.o50 {
			opacity: 0.5;
			filter: alpha(opacity=50);
			-ms-filter: "alpha(opacity=50)";
			}
		.boxRadian span.o40 {
			opacity: 0.4;
			filter: alpha(opacity=40);
			-ms-filter: "alpha(opacity=40)";
			}
		.boxRadian span.o30 {
			opacity: 0.3;
			filter: alpha(opacity=30);
			-ms-filter: "alpha(opacity=30)";
			}
		.boxRadian span.o20 {
			opacity: 0.2;
			filter: alpha(opacity=20);
			-ms-filter: "alpha(opacity=20)";
			}


/*	--------------------------------------------------------------------------------
	object - loupe
*/

.loupeObj {
	overflow: hidden;
	width: 100%;
	}
ul.loupeObj {
	list-style-position:outside;
	list-style-type:none;
	}
	
	.loupeObj li {
		float: left;
		overflow: hidden;
		position: relative;
		}

		.loupeObj .lphbox {
			position: absolute;
			top: 0px;
			left: 0px;
			background: #f6f6f6;
			border: 1px solid #e6e6e6;
			}
			.loupeObj .onmouse {
				border: 1px solid #999;
				}

		.loupeObj .lphmain {
			overflow: hidden;
			position: absolute;
			top: 2px;
			left: 2px;
			}
			.loupeObj .lphmain img {
				border: none;
				}

	.loupeentry8 {
		padding: 0 0 0 3px;
		height: 54px;
		}
		.loupeentry8 li {
			width: 74px;
			height: 54px;
			margin-right: 2px;
			}
			.loupeentry8 .lphbox {
				width: 72px;
				height: 52px;
				}
			.loupeentry8 .lphmain {
				width: 70px;
				height: 50px;
				}
				.loupeentry8 .lphmain img {
					width: 70px;
					height: 50px;
					}
	.loupeentry8edit {
		padding: 0 0 0 2px;
		height: 14px;
		}
		.loupeentry8edit li {
			width: 74px;
			height: 14px;
			margin-right: 2px;
			font-size: 12px;
			}

	.loupeentry5 {
		width: 100%;
		margin: 0;
		padding: 0;
		}
		.loupeentry5 li {
			width: 120px;
			height: 86px;
			margin-right: 3.2%;
			margin-bottom: 10px;
			float: left;
			}
			.loupeentry5 .lphbox {
				width: 118px;
				height: 84px;
				}
			.loupeentry5 .lphmain {
				width: 116px;
				height: 82px;
				}
				.loupeentry5 .lphmain img {
					width: 116px;
					height: 82px;
					}
	.loupeentry5edit {
		padding: 0 0 0 2px;
		height: 14px;
		}
		.loupeentry5edit li {
			width: 120px;
			height: 14px;
			margin-right: 2px;
			font-size: 12px;
			}

		.loupeObj p {
			display: none;
			}

	.loupeObj li.endloupe {
		float: none;
		clear: both;
		width: 0px;
		height: 0px;
		}

	#loupe {
		z-index: 100;
		display: none;
		overflow: hidden;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 360px;
		height: 312px;
		}
		#loupe .loupebase {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 360px;
			height: 312px;
			filter: alpha(opacity=70);
			opacity: 0.7;
			-ms-filter: "alpha(opacity=70)";
			}
			#loupe .loupebase span {
				overflow: hidden;
				display: block;
				height: 1px;
				background: #fff;
				}
				#loupe .loupebase span.loupes1,
				#loupe .loupebase span.loupes5 {
					margin: 0 2px;
					}
				#loupe .loupebase span.loupes3 {
					height: 308px;
					}
				#loupe .loupebase span.loupes2,
				#loupe .loupebase span.loupes4 {
					margin: 0 1px;
					}

		#loupe .loupeimg {
			position: absolute;
			top: 5px;
			left: 5px;
			width: 350px;
			height: 250px;
			}
			#loupe .loupeimg img{
				width: 350px;
				height: 250px;
				border: 0px none;
				}
		#loupe .loupenote {
			overflow: hidden;
			position: absolute;
			top: 258px;
			left: 5px;
			width: 350px;
			height: 49px;
			}
			#loupe .loupenote .notebase {
				overflow: hidden;
				position: absolute;
				top: 0px;
				left: 0px;
				width: 350px;
				height: 49px;
				filter: alpha(opacity=80);
				opacity: 0.8;
				-ms-filter: "alpha(opacity=80)";
				}
				#loupe .loupenote .notebase span {
					display: block;
					overflow: hidden;
					background: #b6b0af;
					}
					#loupe .loupenote .notebase span.loupet1,
					#loupe .loupenote .notebase span.loupet3 {
						height: 1px;
						margin: 0 1px;
						}
					#loupe .loupenote .notebase span.loupet2 {
						height: 47px;
						}

			#loupe .loupenote .notetxt {
				overflow: hidden;
				position: absolute;
				top: 0px;
				left: 0px;
				width: 350px;
				height: 46px;
				}
				#loupe .loupenote .notetxt p {
					color: #333;
					font-size: 12px;
					line-height: 15px;
					text-align: justify; text-justify: inter-ideograph;
					word-wrap: break-word;
					margin: 3px 5px 0px 5px;
					}


/*	--------------------------------------------------------------------------------
	image Viewer
*/

	.haveBph {
		cursor: pointer;
		}

	#popb {
		overflow: hidden;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100px;
		height: 100px;
		background: transparent;
		}
	#popg {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0px;
		height: 0px;
		background: #000;
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "alpha(opacity=0)";
		}
		* html div#popg {
			filter: alpha(opacity=70);
			}
		*:first-child+html div#popg {
			filter: alpha(opacity=70);
			}

		#viewerContainer {
			position: absolute;
			top: -1000px;
			left: -1000px;
			width: 0px;
			height: 0px;
			}

		#viewer {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 120px;
			height: 100px;
			background: #fff;
			}

			#viewer span {
				display: block;
				overflow: hidden;
				position: absolute;
				width: 1px;
				height: 1px;
				background: #888;
				}
				#viewer span.tl {
					top: 0px;
					left: 0px;
					}
				#viewer span.tr {
					top: 0px;
					right: 0px;
					}
				#viewer span.br {
					right: 0px;
					bottom: 0px;
					}
					* html #viewer span.br {
						bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1)
					}
				#viewer span.bl {
					bottom: 0px;
					left: 0px;
					}
					* html #viewer span.bl {
						bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1)
					}

			#viewer.indicator {
				background: #fff url(images/phindicator.gif) 50% 50% no-repeat;
				}
			#viewer.error {
				/*background: #fff url(images/phindicator.gif) 50% 50% no-repeat;*/
				}

			#viewerClose {
				position: absolute;
				overflow: hidden;
				top: 2px;
				right: 2px;
				width: 30px;
				height: 30px;
				background: url(images/bphClose.gif) 0 0 no-repeat;
				opacity: 0.2;
				filter: alpha(opacity=20);
				-ms-filter: "alpha(opacity=20)";
				}

			#viewer:hover #viewerClose {
				opacity: 0.6;
				filter: alpha(opacity=60);
				-ms-filter: "alpha(opacity=60)";
				}

			#viewer #viewerClose:hover {
				background-position: 0 -30px;
				opacity: 1;
				filter: alpha(opacity=100);
				-ms-filter: "alpha(opacity=100)";
				}

			#viewerHundle {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 0px;
				height: 14px;
				margin: 0px;
				background: #ccc;
				border-bottom: 1px solid #bbb;
				}
				#viewerHundle.onmouse {
					background: #aaa;
					cursor: move;
					}
				#viewerHundle p {
					display: none;
					position: absolute;
					top: 0px;
					left: 0px;
					width: 300px;
					height: 300px;
					background: #fff;
					filter: alpha(opacity=0);
					opacity: 0;
					-ms-filter: "alpha(opacity=0)";
					cursor: move;
					}

			#bphbox {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 6px;
				height: 0px;
				margin: 0px;
				}

				#bph {
					overflow: hidden;
					position: absolute;
					top: 0px;
					left: 0px;
					width: 0px;
					height: 0px;
					border: 0px;
					}

				#bphbox dl {
					position: absolute;
					top: 0px;
					width: 0px;
					height: 0px;
					}
					#goBack {
						left: 0px;
						}
					#goNext {
						right: 0px;
						}

					#bphbox dt,
					#bphbox dd {
						display: block;
						position: absolute;
						top: 0px;
						left: 0px;
						width: 0px;
						height: 0px;
						background: #fff;
						filter: alpha(opacity=0);
						opacity: 0;
						-ms-filter: "alpha(opacity=0)";
						}

					#bphbox dt {
						}
						#bphbox dt.onmouse {
							background: #000;
							filter: alpha(opacity=30);
							opacity: 0.3;
							-ms-filter: "alpha(opacity=30)";
						}

					#bphbox dd {
						}
						#goBack dd.onmouse {
							background: url(images/bphBack.gif) 0% 52% no-repeat;
							filter: alpha(opacity=70);
							opacity: 0.7;
							-ms-filter: "alpha(opacity=70)";
							cursor: pointer;
							}
						#goNext dd.onmouse {
							background: url(images/bphNext.gif)  52% no-repeat;
							filter: alpha(opacity=70);
							opacity: 0.7;
							-ms-filter: "alpha(opacity=70)";
							cursor: pointer;
							}

			#bnote {
				overflow: hidden;
				position: absolute;
				bottom: 0px;
				left: 0px;
				height: 28px;
				padding-top: 3px;
				color: #494640;
				font-size: 12px;
				line-height: 14px;
				text-align: justify; text-justify: inter-ideograph;
				word-wrap: break-word;
				}
				#bnote.error {
					width: 100%;
					color: #879;
					text-align: center;
					}
			#vclose {
				position: absolute;
				bottom: 0px;
				right: 0px;
				width: 34px;
				height: 29px;
				padding-top: 2px;
				color: #666;
				font-size: 12px;
				line-height: 14px;
				text-align: right;
				cursor: pointer;
				}

		#viewerShade {
			position: absolute;
			top: 2px;
			left: 2px;
			width: 120px;
			height: 100px;
			background: #000;
			filter: alpha(opacity=30);
			opacity: 0.3;
			-ms-filter: "alpha(opacity=30)";
			}


/*	--------------------------------------------------------------------------------
	calendar
*/

.calendar-table {
	position: relative;
	width: 95%;
	margin: 0 auto;
	background-color: #f6f3f0;
	color: #464646;
	font-size: 0.6em;
	line-height: 1.1;
}

.OBJ table.calendar-table {
	margin: 0 auto;
}

.calendar-table th,
.calendar-table td {
	padding: 2px 3px;
	border-top: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-left: 1px solid #ccc;
}

.calendar-table th.calendar-month,
.calendar-table td.calendar-month {
	width: auto;
	height: 33px;
	padding: 2px 3px 0;
	background-color: #aaa;
	color: #232323;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.calendar-table th.calendar-month span,
.calendar-table td.calendar-month span {
	font-family: arial;
}

.calendar-table .calendar-week th,
.calendar-table .calendar-week td {
	text-align: center;
	height: auto;
	border-bottom-width: 2px;
}

.calendar-table td,
.calendar-table th {
	width: 14%;
	height: 60px;
	vertical-align: top;
}

.calendar-table p.calendar-number {
	padding: 0;
	font-family: Arial;
	font-size: 130%;
	line-height: 1.1;
	font-weight: bold;
}

.calendar-table p.calendar-memo {
	overflow: hidden;
	font-size: 90%;
	line-height: 1.2;
}

.calendar-sun {
	background-color: #ffe6e3;
}
.calendar-sat {
	background-color: #e6e9f0;
}

.calendar-table tfoot{
	display: none;
}

.calendar-table-3-wrap {
	position: relative;
	overflow: hidden;
	width: 95%;
	margin: 0 auto;
}

.calendar-table-3 {
	width: 100%;
	margin: 0 0 10px 0;
}

.calendar-table-3 td,
.calendar-table-3 th {
	width: 7%;
	height: 20px;
	text-align:center;
}

.calendar-table-3 th.calendar-month,
.calendar-table-3 td.calendar-month {
	height: 20px;
}

.calendar-table-3 p.calendar-number {
	font-size: 110%;
}

.OBJ table.calendar-table-3-left,
.OBJ table.calendar-table-3-center {
	float: left;
	margin: 0 10px 10px 0;
}

.OBJ table.calendar-table-3-right {
	float: right;
	margin: 0;
}

.calendar-table-banner {
	width: 160px;
}

.calendar-table-banner td,
.calendar-table-banner th {
	width: 22px;
	height: 22px;
	border-right: none;
	border-left: none;
	padding: 3px 0 1px;
	text-align: center;
}

.calendar-table-banner th.calendar-month,
.calendar-table-banner td.calendar-month {
	height: 20px;
}

.calendar-table-banner .calendar-week th,
.calendar-table-banner .calendar-week td {
	border-bottom-width: 1px;
}

.calendar-table-banner p.calendar-number {
	font-size: 110%;
}

.OBJ table.calendar-table a,
.BNR table.calendar-table a {
	color: #464646;
	text-decoration: underline;
}

.OBJ table.calendar-table a:hover,
.BNR table.calendar-table a:hover {
	text-decoration: none;
}


/*	--------------------------------------------------------------------------------
	footer menu
*/

* html #footerLink ul li span {
	white-space: nowrap;
	}

*:first-child+html #footerLink ul li span {
	white-space: nowrap;
	}


/*	--------------------------------------------------------------------------------
	general set
*/

.pointer {
	cursor: pointer;
	}


/*	--------------------------------------------------------------------------------
	spn 2015/11/30 add it!
*/


html {
	font-size: 75%;
/*	-webkit-text-size-adjust: none;*/
}

body {
	-webkit-text-size-adjust: 100%;
	background-size:cover;
	overflow-x: hidden;
}

img {
	max-width:100%;
	height:auto;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

#bodyB {
	max-width:100%;
	width:100%;
	background-size:cover;
	}

#blockGrand {
	width: 100%;
	}


#blockMother {
	width: 100%;
	background-size:cover;
	}

#blockMenuSpace {
	width: 100%;
	}


#blockHeader {
	width: 100%;
	}

#blockHeader h1 {
	width: 100%;
}

#headCopy1 {
	width: 100%;
}

#headCopy1 {
	width: 100%;
}


#imgMain{
	width: 100%;
	}


#headFrame {
	width: 100%;
	background-size:cover;
	}


#footerLink {
	background-size: 100% auto;
	}



.formTable{
	width: 97%;
	}


.formTable th {
	padding: 10px 10px;
	width: 97%;
	float: left;
	font-size: 1.2em;
	line-height: 1.7em;
	}

.formTable td {
	padding: 10px 10px;
	width: 94%;
	float: left;
	border-left: none;
	margin-bottom: 30px;
	font-size: 1.2em;
	line-height: 1.7em;	
	}

.formTable td input,
.formTable td select,
.formTable td textarea{
	width: 100%;
}


.link {
    border-top: 1px solid #e8e8e8;
    color: #696969;
    display: block;
    overflow: hidden;
    padding: 15px 0;
    text-decoration: none;
}

.depth-0 {
    font-size: 1rem;
    padding: 0.75rem;
	color: #444;
    font-weight: 800;
	border-top: 0 none;
	box-sizing: border-box;
}

.depth-0:hover {
    text-decoration: underline;
}


.depth-1 {
    font-size: 1rem;
    padding: 0 0.75rem 0 1.5rem;
	color: #444;
    font-weight: 800;
	border-top: 0 none;
	box-sizing: border-box;
    line-height: 3.75rem;
}

.depth-1:hover {
    text-decoration: underline;
}


#blockMenu ul{
  list-style: none;
  padding-left: 0;
  display: table;
}

#copyright {
	width: 100%;
}

/*	eof
*/