/* CSS Document */
@charset "utf-8";


/* Latest Update
   2012.10.31 write           */

/* author
   keiki ettyuu               */

/* ---------- MENU ---------- */
/*

	1. gloval setting
	2. wrapper setting
	3. header setting
	4. footer setting
	5. section setting
	6. rayermenu setting
	7. indexBox setting
	8. bookmarkBox setting
	9. 
	10. 
	11. slider setting
	12. transition setting
	13. sizing setting
	14. toolbar setting
	15. glovalbtn setting
	999. clearfix

                              */
/* ---------- MENU ---------- */


/*----------------------------*/
/*	1. gloval setting         */
/*----------------------------*/

html,body{
	width:100%;
	height:100%;
}

body{
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	background:#898989;
}

/*----------------------------*/
/*	2. wrapper setting        */
/*----------------------------*/

#wrapper {
	max-width:none;
	min-width:1000px;	
}


/*----------------------------*/
/*	3. header setting         */
/*----------------------------*/

header{
	height:60px;
	background:#ccc url(../img/viewer/hdbg.png) 0 0 repeat-x;
	/*overflow:hidden;*/
	width:100%;
	position:absolute;
	top:0px;
	left: 0px;
}

.wrapper_header{
	height:60px;
	/*position:absolute;*/
}

/*ヘッダー左カラム*/
.hdLcolumn{ 
	display:block;
	float:left;
	width:100%;
	height:60px;
	position:absolute;
	padding-left:13px;
}
.hdLcolumn a{
	background:url(../img/viewer/hdicon.png) 0 0 no-repeat;
	width:46px;
	height:0;
	padding-top:46px;
	display:block;
	overflow:hidden;
	float:left;
	font-size:0;
	outline: none;
}
.hdLcolumn .gloupe{
	display:inline-block;
	border-left:solid 1px #333;
	border-right:solid 1px #999;
	margin:0;
	padding:0 17px 0 17px;
	float:left;
	margin:7px 0 0;
}
.hdLcolumn .hgloupe{
	display:inline-block;
	border-left:solid 1px #333;
	border-right:solid 1px #999;
	margin:0;
	padding:0 17px 0 18px;
	float:left;
	margin:7px 0 0;
}
.hdLcolumn .lgloupe{
	display:inline-block;
	border-left:solid 1px #333;
	border-right:solid 1px #999;
	margin:0;
	padding:0 18px 0 17px;
	float:left;
	margin:7px 0 0;
}

/*アイコン基本設定*/
.hdLcolumn a.home{background-position:0 0;}
.hdLcolumn a.back{background-position:-46px 0;margin:0 0 0 11px;}
.hdLcolumn a.bmList{background-position:-92px 0;}
.hdLcolumn a.bmAdd{background-position:-138px 0;}
.hdLcolumn a.index{background-position:-184px 0;}
.hdLcolumn a.copy{background-position:-230px 0;}
.hdLcolumn a.memoDisplay{background-position:-276px 0;}
.hdLcolumn a.memoAdd{background-position:-322px 0;margin:0 0 0 11px;}
.hdLcolumn a.marking{background-position:-368px 0;}
.hdLcolumn a.markingToolbar{background-position:-414px 0;margin:0 0 0 11px;}

.hdLcolumn a.home_device{background-position:0 0;}
.hdLcolumn a.back_device{background-position:-46px 0;margin:0 0 0 11px;}
.hdLcolumn a.bmList_device{background-position:-92px 0;}
.hdLcolumn a.bmAdd_device{background-position:-138px 0;margin:0 0 0 11px;}
.hdLcolumn a.index_device{background-position:-184px 0;}
.hdLcolumn a.copy_device{background-position:-230px 0;}
.hdLcolumn a.memoDisplay_device{background-position:-276px 0;}
.hdLcolumn a.memoAdd_device{background-position:-322px 0;margin:0 0 0 11px;}
.hdLcolumn a.marking_device{background-position:-368px 0;}
.hdLcolumn a.markingToolbar_device{background-position:-414px 0;margin:0 0 0 11px;}

/*オンマウス時*/
.hdLcolumn a:hover.home{background-position:0 -92px;}
.hdLcolumn a:hover.back{background-position:-46px -92px;}
.hdLcolumn a:hover.bmList{background-position:-92px -92px;}
.hdLcolumn a:hover.bmAdd{background-position:-138px -92px;}
.hdLcolumn a:hover.index{background-position:-184px -92px;}
.hdLcolumn a:hover.copy{background-position:-230px -92px;}
.hdLcolumn a:hover.memoDisplay{background-position:-276px -92px;}
.hdLcolumn a:hover.memoAdd{background-position:-322px -92px;}
.hdLcolumn a:hover.marking{background-position:-368px -92px;}
.hdLcolumn a:hover.markingToolbar{background-position:-414px -92px;}

/*リンクオフ時*/
#viewer .hdLcolumn a.home_off{background-position:0 -46px;cursor:default;}
#viewer .hdLcolumn a.back_off{background-position:-46px -46px;margin:0 0 0 11px;}
#viewer .hdLcolumn a.bmList_off{background-position:-92px -46px;}
#viewer .hdLcolumn a.bmAdd_off{background-position:-138px -46px;margin:0 0 0 11px;}
#viewer .hdLcolumn a.index_off{background-position:-184px -46px;}
#viewer .hdLcolumn a.copy_off{background-position:-230px -46px;}
#viewer .hdLcolumn a.memoDisplay_off{background-position:-276px -46px;}
#viewer .hdLcolumn a.memoAdd_off{background-position:-322px -46px;margin:0 0 0 11px;}
#viewer .hdLcolumn a.marking_off{background-position:-368px -46px;}
#viewer .hdLcolumn a.markingToolbar_off{background-position:-414px -46px;margin:0 0 0 11px;}

/*リンクオフ時*/
#viewer .hdLcolumn a.bmList_hover{background-position:-92px -92px;}
#viewer .hdLcolumn a.bmAdd_hover{background-position:-138px -92px;margin:0 0 0 11px;}
#viewer .hdLcolumn a.index_hover{background-position:-184px -92px;}
#viewer .hdLcolumn a.copy_hover{background-position:-230px -92px;}
#viewer .hdLcolumn a.memoDisplay_hover{background-position:-276px -92px;}
#viewer .hdLcolumn a.memoAdd_hover{background-position:-322px -92px;margin:0 0 0 11px;}
#viewer .hdLcolumn a.marking_hover{background-position:-368px -92px;}
#viewer .hdLcolumn a.markingToolbar_hover{background-position:-414px -92px;margin:0 0 0 11px;}

/*ヘッダー右カラム*/
.hdRcolumn{
	display:block;
	width:180px;
	height:60px;
	overflow:hidden;
	float:right;
/*	padding-right:100px;*/
}
.hdRcolumn input{
	width:140px;
	height:20px;
	display:inline-block;
	margin:18px 10px 0 0;
	
	line-height:20px;
	border:1px solid #999999;
	/*color:#cccccc;*/
	font-size:12px;
	padding-left:25px;
	background:url(../images/search_icon.png) no-repeat 5px 3px;
	background-color:#fff;
	
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
}
.hdRcolumn .search{
	width:64px;
	height:19px;
	margin:18px 0 0;
	padding:7px 0 0;
	text-align:center;
	background:url(../img/viewer/searchbtn.png) 0 0 no-repeat;
	display:inline-block;
	font-size:12px;
	float:left;
	color:#FFFFFF;
}
.hdRcolumn a:hover.search{
	background-position:0 -26px;
}


/*----------------------------*/
/*	4. footer setting         */
/*----------------------------*/



.footerTool{
	width:100%;
	height:60px;
	position:fixed;
	bottom: 0px;
	
}

.ftRcolumn_2 {
	width:75px;
	float:right;
	overflow:hidden;
}

.footer{
	background:url(../img/viewer/ftbg.png) 0 0 repeat-x;
	width:100%;
	height:60px;
	position:absolute;
	bottom: 0px;
	left: 0px;
}

.ftinner{
	max-width:none;
	min-width:1000px;
	height:60px;
}

/*フッター左カラム*/
.ftLcolumn{
	width:925px;
	float:left;
	overflow:hidden;
/*	padding-left:100px;*/
}

/*フッター右カラム*/
.ftRcolumn{
	width:75px;
	float:right;
	overflow:hidden;
	padding-top:10px;
}



/*----------------------------*/
/*	5. section setting        */
/*----------------------------*/

article{
	display:table;
	width:100%;
	min-height:100%;
	height:700px;
	max-width:none;
	min-width:800px;
	margin:0 auto 0;
	background:#999999;
}

section{

}


/*----------------------------*/
/*	5. markingBox setting     */
/*----------------------------*/

aside.markingBox {
	width:160px;
	display:block;
	-webkit-box-shadow: 0px 0px 3px 1px #666;
	-moz-box-shadow: 0px 0px 3px 1px #666;
	box-shadow: 0px 0px 3px 1px #666;
	position:absolute;
	left:250px;
}
aside.markingBox .markingBoxHd {
	width:155px;
	height:25px;
	background:url(../img/viewer/pophdbg.png) 0 0 repeat;
	color:#FFFFFF;
	font-size:13px;
	line-height:25px;
	padding:0 0 0 5px;
}
aside.markingBox .markingBoxHd .delete{
	background:url(../img/viewer/x.png) 0 0 repeat;
	width:16px;
	height:16px;
	display:block;
	float:right;
	margin:4px -11px 0 21px;
}
aside.markingBox .markingBoxHd .hidden_off{
	background:url(../img/viewer/_.png) 0 0 repeat;
	width:16px;
	height:16px;
	display:block;
	float:right;
	margin:4px 26px 0 -26px;
}
aside.markingBox .markingBoxHd .hidden_on{
	background:url(../img/viewer/sikaku.png) 0 0 repeat;
	width:16px;
	height:16px;
	display:block;
	float:right;
	margin:4px 26px 0 -26px;
}
aside.markingBox .markingBoxBody_on{
	width:158px;
	height:339px;
	background:#FFFFFF;
	border:solid 1px #cfd0d0;
	border-top:none;
	padding:15px 0 0;
}
aside.markingBox .markingBoxBody_off{
	width:158px;
	height:339px;
	background:#FFFFFF;
	border:solid 1px #cfd0d0;
	border-top:none;
	padding:15px 0 0;
	display:none;
}
aside.markingBox ul{
	width:140px;
	margin:0 0 0 14px;
	padding:0 0 5px;
}
aside.markingBox ul li{
	width:60px;
	height:60px;
	display:block;
	float:left;
	margin:0 10px 10px 0;
}

/*キャンバスエリア*/
aside.markingBox .canvasArea {
	background:url(../img/viewer/canvas.png) 0 0 no-repeat;
	width:128px;
	height:128px;
	margin:0 auto 0;
	border:solid 1px #595757;
	clear:both;
}

a.clearbtn{
	display:block;
	width:128px;
	text-align:center;
	font-size:13px;
	margin:0px 0 10px 14px;
	padding:7px 0;
	color:#fff;
	border:1px solid #fff; 
	outline:1px solid #2d83da;
	background: #78bafe; /* Old browsers */
	background: -moz-linear-gradient(top,  #78bafe 0%, #4499ef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #78bafe 0%,#4499ef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */
}
a.savebtn{
	display:block;
	width:128px;
	padding:7px 0;
	text-align:center;
	font-size:13px;
	margin:0 0 10px 14px;
	color:#fff;
	border:1px solid #fff; 
	outline:1px solid #2d83da;
	background: #78bafe; /* Old browsers */
	background: -moz-linear-gradient(top,  #78bafe 0%, #4499ef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #78bafe 0%,#4499ef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */
}
a.cancelbtn{
	display:block;
	width:128px;
	padding:7px 0;
	text-align:center;
	font-size:13px;
	margin:0 0 0 14px;
	color:#fff;
	border:1px solid #fff; 
	outline:1px solid #2d83da;
	background: #78bafe; /* Old browsers */
	background: -moz-linear-gradient(top,  #78bafe 0%, #4499ef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #78bafe 0%,#4499ef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */
}
a:hover.clearbtn{
	background: rgb(45,123,191); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
}
a:hover.savebtn{
	background: rgb(45,123,191); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
}
a:hover.cancelbtn{
	background: rgb(45,123,191); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
}
/*----------------------------*/
/*	6. rayermenu setting      */
/*----------------------------*/


/*-----マーキングボックス-----*/

/*レイヤーメニュー1*/

aside.markingBox ul li .rayermenu1{
	width:236px;
	height:120px;
	background:url(../img/viewer/alpha_w70.png) 0 0 repeat;
	position:relative;
	top:-63px;
	right:-138px;
	z-index:10;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	margin:0;
	padding:15px 15px 13px;
	-webkit-box-shadow: 0px 0px 3px 1px #999;
	-moz-box-shadow: 0px 0px 3px 1px #999;
	box-shadow: 0px 0px 3px 1px #999;
}

aside.markingBox ul li .rayermenu1 ul{
	width:85px;
	height:120px;
	margin:0 21px 0 0;
	float:left;
}
aside.markingBox ul li .rayermenu1 ul li{
	display:block;
	width:85px;
	height:28px;
	margin:0 0 2px;
	padding:0;
	font-size:12px;
	float:none;
}
aside.markingBox ul li .rayermenu1 ul li a {
	display:block;
	width:85px;
	height:28px;
	line-height:28px;
	vertical-align:middle;
	text-align:left;
	color:#000;
	padding:0;
	margin:0 0 2px;
}
aside.markingBox ul li .rayermenu1 ul li a:hover {
	background:url(../img/viewer/alpha_b20.png) 0 0 repeat;
}
aside.markingBox ul li .rayermenu1 ul li img {
	vertical-align:middle;
	line-height:28px;
}
aside.markingBox ul li .rayermenu1 ul li a span {
	display:block;
	width:35px;
	padding:0 0 0 10px;
	text-align:center;
	float:left;
}
.sizeXL {margin:0 0 0 5px;}
.sizeL {margin:0 0 0 7px;}
.sizeM {margin:0 0 0 9px;}
.sizeS {margin:0 0 0 10px;}

.rayermenu1 .popcolumnR {
width:130px;
float:left
}
.rayermenu1 .popcolumnR .colorchip{
width:40px;
background:#FFFFFF;
float:left;
margin:0 10px 9px 0;
}
.rayermenu1 .popcolumnR .colorchip a{
width:18px;
height:18px;
display:block;
border:solid 1px #d3d5d6;
}
.rayermenu1 .popcolumnR .colorchip a:hover{
width:16px;
height:16px;
border-width:2px;
border-color:#e6e6e6;
}
.rayermenu1 .popcolumnR .colorchip .color01{
background:#ff0000;
}
.rayermenu1 .popcolumnR .colorchip .color02{
background:#ffff00;
}
.rayermenu1 .popcolumnR .colorchip .color03{
background:#00ff00;
}
.rayermenu1 .popcolumnR .colorchip .color04{
background:#00ffff;
}
.rayermenu1 .popcolumnR .colorchip .color05{
background:#0000ff;
}
.rayermenu1 .popcolumnR .colorchip .color06{
background:#ff00ff;
}
.rayermenu1 .popcolumnR .colorchip .color07{
background:#ffffff;
}
.rayermenu1 .popcolumnR .colorchip .color08{
background:#000000;
}

aside.markingBox ul li .rayermenu1 div .canvasArea_s{
width:78px;
height:78px;
background:url(../img/viewer/canvas_s.png) 0 0 repeat;
border:solid 1px #595959;
display:block;
float:left;
}
aside.markingBox ul li .rayermenu1 div .cancelbtn{
	clear:both;
	display:block;
	width:128px;
	padding:0;
	text-align:center;
	font-size:13px;
	line-height:26px;
	margin:0;
	color:#fff;
	border:1px solid #fff; 
	outline:1px solid #2d83da;
	background: #78bafe; /* Old browsers */
	background: -moz-linear-gradient(top,  #78bafe 0%, #4499ef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #78bafe 0%,#4499ef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */
}
aside.markingBox ul li .rayermenu1 div a:hover.cancelbtn{
	clear:both;
	display:block;
	width:128px;
	padding:0;
	text-align:center;
	font-size:13px;
	line-height:26px;
	margin:0;
	color:#fff;
	border:1px solid #fff; 
	outline:1px solid #2d83da;
	background: rgb(45,123,191); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
}

/*レイヤーメニュー2*/



/*レイヤーメニュー3*/

aside.markingBox ul li .rayermenu3{
	width:206px;
	height:120px;
	background:url(../img/viewer/alpha_w70.png) 0 0 repeat;
	position:relative;
	top:-63px;
	right:243px;
	z-index:10;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	margin:0;
	padding:15px 15px 13px;
	-webkit-box-shadow: 0px 0px 3px 1px #999;
	-moz-box-shadow: 0px 0px 3px 1px #999;
	box-shadow: 0px 0px 3px 1px #999;
}

aside.markingBox ul li .rayermenu3 ul{
	width:85px;
	height:120px;
	margin:0 21px 0 0;
	float:left;
}
aside.markingBox ul li .rayermenu3 ul li{
	display:block;
	width:85px;
	height:28px;
	margin:0 0 2px;
	padding:0;
	font-size:12px;
	float:none;
}
aside.markingBox ul li .rayermenu3 ul li a {
	display:block;
	width:85px;
	height:28px;
	line-height:28px;
	vertical-align:middle;
	text-align:left;
	color:#000;
	padding:0;
	margin:0 0 2px;
}
aside.markingBox ul li .rayermenu3 ul li a:hover {
	background:url(../img/viewer/alpha_b20.png) 0 0 repeat;
}
aside.markingBox ul li .rayermenu3 ul li img {
	vertical-align:middle;
	line-height:28px;
}
aside.markingBox ul li .rayermenu3 ul li a span {
	display:block;
	width:35px;
	padding:0 0 0 10px;
	text-align:center;
	float:left;
}
.sizeXL {margin:0 0 0 5px;}
.sizeL {margin:0 0 0 7px;}
.sizeM {margin:0 0 0 9px;}
.sizeS {margin:0 0 0 10px;}

.rayermenu3 .popcolumnR {
	width:100px;
	float:left
}

aside.markingBox ul li .rayermenu3 div .canvasArea_l{
	width:98px;
	height:78px;
	margin:0 0 9px;
	background:url(../img/viewer/canvas_l.png) 0 0 repeat;
	border:solid 1px #595959;
	display:block;
	float:left;
}
aside.markingBox ul li .rayermenu3 div .cancelbtn{
	clear:both;
	display:block;
	width:98px;
	padding:0;
	text-align:center;
	font-size:13px;
	line-height:26px;
	margin:0;
	color:#fff;
	border:1px solid #fff; 
	outline:1px solid #2d83da;
	background: #78bafe; /* Old browsers */
	background: -moz-linear-gradient(top,  #78bafe 0%, #4499ef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #78bafe 0%,#4499ef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #78bafe 0%,#4499ef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */
}
aside.markingBox ul li .rayermenu3 div a:hover.cancelbtn{
	clear:both;
	display:block;
	width:98px;
	padding:0;
	text-align:center;
	font-size:13px;
	line-height:26px;
	margin:0;
	color:#fff;
	border:1px solid #fff; 
	outline:1px solid #2d83da;
	background: rgb(45,123,191); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
}


/*----------------------------*/
/*	7. indexBox setting       */
/*----------------------------*/

aside.indexBox {
	width:388px;
	height:388px;
	display:block;
	-webkit-box-shadow: 0px 0px 3px 1px #666;
	-moz-box-shadow: 0px 0px 3px 1px #666;
	box-shadow: 0px 0px 3px 1px #666;
	position:fixed;
	left:700px;
}
aside.indexBox .indexBoxHd {
	width:383px;
	height:25px;
	background:url(../img/viewer/pophdbg.png) 0 0 repeat;
	color:#FFFFFF;
	font-size:13px;
	line-height:25px;
	padding:0 0 0 5px;
}
aside.indexBox .indexBoxHd .delete{
	background:url(../img/viewer/x.png) 0 0 no-repeat;
	width:16px;
	height:16px;
	display:block;
	float:right;
	margin: 4px 4px 0px 21px;
}
aside.indexBox .indexBoxHd .hidden_off{
	background:url(../img/viewer/_.png) 0 0 repeat;
	width:16px;
	height:16px;
	display:block;
	float:right;
	margin:4px 26px 0 -26px;
}
aside.indexBox .indexBoxHd .hidden_on{
	background:url(../img/viewer/sikaku.png) 0 0 repeat;
	width:16px;
	height:16px;
	display:block;
	float:right;
	margin:4px 26px 0 -26px;
}
aside.indexBox .indexBoxBody_on{
	width:370px;
	height:362px;
	background:#FFFFFF;
	border:solid 1px #cfd0d0;
	border-top:none;
	padding:5px 8px 0;
	overflow:auto;
	
}
aside.indexBox .indexBoxBody_off{
	width:408px;
	height:357px;
	background:#FFFFFF;
	border:solid 1px #cfd0d0;
	border-top:none;
	padding:5px 0 0;
	display:none;
	overflow:auto;
}

aside.indexBox  #branch1 {
	padding-bottom:10px;
}
.indexBox ul{ margin:0;padding:0px 9px 0 9px;}
.indexBox ul li{line-height:1.5}
.indexBox ul li a{ 
	color:#333333; 
	font-size:12px; 
	text-decoration:none;
}
.indexBox ul li a:hover{color:#0099CC;text-decoration:underline;}



/*----------------------------*/
/*	8. bookmarkBox setting    */
/*----------------------------*/

aside.bookmarkBox {
	width:200px;
	height: 189px;
	display:block;
	-webkit-box-shadow: 0px 0px 3px 1px #666;
	-moz-box-shadow: 0px 0px 3px 1px #666;
	box-shadow: 0px 0px 3px 1px #666;
	position:fixed;
	top:280px;
	left:450px;
}
aside.bookmarkBox .bookmarkBoxHd {
	width:195px;
	height:25px;
	background:url(../img/viewer/pophdbg.png) 0 0 repeat;
	color:#FFFFFF;
	font-size:13px;
	line-height:25px;
	padding:0 0 0 5px;
}
aside.bookmarkBox .bookmarkBoxHd .delete{
	background:url(../img/viewer/x.png) 0 0 no-repeat;
	width:16px;
	height:16px;
	display:block;
	float:right;
	margin: 4px 4px 0px 21px;
}
aside.bookmarkBox .bookmarkBoxHd .hidden_off{
	background:url(../img/viewer/_.png) 0 0 repeat;
	width:16px;
	height:16px;
	display:block;
	float:right;
	margin:4px 26px 0 -26px;
}
aside.bookmarkBox .bookmarkBoxHd .hidden_on{
	background:url(../img/viewer/sikaku.png) 0 0 repeat;
	width:16px;
	height:16px;
	display:block;
	float:right;
	margin:4px 26px 0 -26px;
}
aside.bookmarkBox .bookmarkBoxBody_on{
	width:198px;
	height:163px;
	background:#FFFFFF;
	border:solid 1px #cfd0d0;
	border-top:none;
	overflow:auto;
	vertical-align:middle;
}
aside.bookmarkBox .bookmarkBoxBody_off{
	width:198px;
	height:163px;
	background:#FFFFFF;
	border:solid 1px #cfd0d0;
	border-top:none;
	display:none;
	overflow:auto;
}

aside.bookmarkBox li{
	padding:4px;
	border-bottom:solid 1px #444;
	overflow:hidden;
	font-size:11px;
	line-height:15px;
	vertical-align:middle;
}
aside.bookmarkBox label{
	padding:4px;
	border-bottom:solid 1px #444;
	overflow:hidden;
	font-size:11px;
	line-height:15px;
	vertical-align:middle;
}
aside.bookmarkBox div{
	padding:4px;
	border-bottom:solid 1px #444;
	overflow:hidden;
	font-size:11px;
	line-height:15px;
	vertical-align:middle;
}
aside.bookmarkBox li .imgbox{

/*
	width:44px;
	height:43px;*/


	display:table-cell;
	float:left;
	border:solid 1px #444;
	background:#ccc;
	margin:0 4px 0 0;

}

aside.bookmarkBox li .mdltext{
	display:table-cell;
	vertical-align:middle;
	layout-grid-line:120px;
	width:120px;
	height:43px;

}

aside.bookmarkBox .last{
	border:none;
}








/*----------------------------*/
/*	9.  setting               */
/*----------------------------*/



/*----------------------------*/
/*	10.  setting              */
/*----------------------------*/




/*----------------------------*/
/*	11. slider setting        */
/*----------------------------*/

.slider {
	background:url(../img/viewer/sliderbg01.png) 0 0 no-repeat;
	width:502px;
	height:41px;
	float:left;
	margin:11px 0 0 0;
}
.slider .sld01{
	background:url(../img/viewer/sliderbg02.png) 0 0 no-repeat;
	display:table;
	width:112px;
	height:21px;
	padding:1px 2px 1px 1px;
	float:left;
	margin:9px 0 0 8px;
	text-align:center;
}
.slider .sld01 span{
	display:inline-block;
	margin:2px 0 0 8px;
	font-size:11px;
	vertical-align:baseline;
	color:#fff;
}
.slider .sld01 span input{
	border:none;
	width:23px;
	font-size:11px;
	line-height:1;
	padding:0;
	margin:0;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	vertical-align:baseline;
    background-color:#494949;
	color:#fff;
}

.slider .sld01 .move{
	width:21px;
	height:21px;
	display:block;
	float:right;
}
.slider .sld02{
	width:30px;
	height:30px;
	display:block;
	float:right;
	margin:7px 20px 0 0;
}


/*----------------------------*/
/*	12. transition setting    */
/*----------------------------*/


.transition {
	width:230px;
	height:33px;
	padding:4px;
	float:left;
	margin:11px 0 0 2px;
	background:url(../img/viewer/transitionbtn_bg.png) 0 0 no-repeat;
}

/*ボタン設定*/
.transition a{
	background:url(../img/viewer/transitionbtn.png) 0 0 no-repeat;
	height:0;
	padding-top:33px;
	display:block;
	overflow:hidden;
	float:left;
	font-size:0;
	outline: none;
	line-height:1;
}
.transition .begin {width:59px;background-position:0 0;}
.transition a:hover.begin {background-position:0 -33px;}
.transition .prev {width:57px;background-position:-59px 0;}
.transition a:hover.prev {background-position:-59px -33px;}
.transition .next {width:58px;background-position:-116px 0;}
.transition a:hover.next {background-position:-116px -33px;}
.transition .last {width:56px;background-position:-174px 0;}
.transition a:hover.last {background-position:-174px -33px;}

.transition .begin_device {width:59px;background-position:0 0;}
.transition .prev_device {width:57px;background-position:-59px 0;}
.transition .next_device {width:58px;background-position:-116px 0;}
.transition .last_device {width:56px;background-position:-174px 0;}

.transition .begin_off {width:59px;background-position:0 -66px;}
.transition .prev_off {width:57px;background-position:-59px -66px;}
.transition .next_off {width:58px;background-position:-116px -66px;}
.transition .last_off {width:56px;background-position:-174px -66px;}


/*----------------------------*/
/*	13. sizing setting        */
/*----------------------------*/

.sizing {
	width:173px;
	height:33px;
	padding:4px;
	float:left;
	margin:11px 0 0 2px;
	background:url(../img/viewer/sizingbtn_bg.png) 0 0 no-repeat;
}

/*ボタン設定*/
.sizing a{
	background:url(../img/viewer/sizingbtn.png) 0 0 no-repeat;
	width:173px;
	height:0;
	padding-top:33px;
	display:block;
	overflow:hidden;
	float:left;
	font-size:0;
	outline: none;
	line-height:1;
}
.sizing .expansion {width:59px;background-position:0 0;}
.sizing a:hover.expansion {background-position:0 -33px;}
.sizing .fit {width:58px;background-position:-59px 0;}
.sizing a:hover.fit {background-position:-59px -33px;}
.sizing .reduction {width:56px;background-position:-117px 0;}
.sizing a:hover.reduction {background-position:-117px -33px;}

.sizing .expansion_device {width:59px;background-position:0 0;}
.sizing .fit_device {width:58px;background-position:-59px 0;}
.sizing .reduction_device {width:56px;background-position:-117px 0;}

.sizing .expansion_off {width:59px;background-position:0 -66px;}
.sizing .fit_off {width:58px;background-position:-59px -66px;}
.sizing .reduction_off {width:56px;background-position:-117px -66px;}
/*----------------------------*/
/*	14. toolbar setting       */
/*----------------------------*/


.toolbar {
	background:url(../img/viewer/toolbarbtn.png) 0 0 no-repeat;
	width:60px;
	height:0;
	padding-top:60px;
	display:block;
	overflow:hidden;
	font-size:0;
	margin:0 0 0 10px;
}

.toolbar_device {
	background:url(../img/viewer/toolbarbtn.png) 0 -60px no-repeat;
	width:60px;
	height:0;
	padding-top:60px;
	display:block;
	overflow:hidden;
	font-size:0;
	margin:0 0 0 10px;
}

.toolbar_off {
	background:url(../img/viewer/toolbarbtn.png) 0 -120px no-repeat;
	width:60px;
	height:0;
	padding-top:60px;
	display:block;
	overflow:hidden;
	font-size:0;
	position:absolute;
	margin:-130px 0 0 10px;
	display:none;
/*	position:absolute;
	bottom:0;
	right:0;
	margin:0 10px 10px 0;*/
}
a:hover.toolbar {
	background-position:0 -60px;
}


/*----------------------------*/
/*	15. glovalbtn setting     */
/*----------------------------*/

.gNextbtn {
	background:url(../img/viewer/gmovebtn.png) -54px 0 no-repeat;
	width:54px;
	height:0;
	padding-top:72px;
	display:block;
	overflow:hidden;
	font-size:0;
	position:absolute;
	right:20px;
	top:50%;
	margin:-27px 0 0 0;
}

.gBackbtn {
	background:url(../img/viewer/gmovebtn.png) 0 0 no-repeat;
	width:54px;
	height:0;
	padding-top:72px;
	display:block;
	overflow:hidden;
	font-size:0;
	position:absolute;
	left:20px;
	top:50%;
	margin:-27px 0 0 0;
}


/*----------------------------*/
/*	999. clearfix             */
/*----------------------------*/

/*clearfix*/
.fix {
}
.fix:after {
	font-size:1px;
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.fix {
	zoom:1;
}
/*------------*/

.markingToolbar_off_hover
{
    background-position: -414px -92px;
}
ul#divSearchResult li:hover{ background:#f4f4f4;cursor:pointer;}
ul#divListBookmark li:hover{background:#f4f4f4;cursor:pointer;}


