body {-webkit-text-size-adjust: none;background-color:#333333;font-family:Monaco; margin:0px; padding:0px;overflow:hidden;}
		A:link, A:active, A:visited	{color: #FFFFFF; text-decoration: none;}
		input.rounded {
			border: 1px solid #000;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			-moz-box-shadow: 2px 2px 3px #666;
			-webkit-box-shadow: 2px 2px 3px #666;
			box-shadow: 2px 2px 3px #666;
			font-size: 12px;
			padding: 4px 7px;
			outline: 0;
			-webkit-appearance: none;
			background-color:#474646;
			width:120px;
			ime-mode: inactive;
			
		}
		input.rounded:focus {
			border-color: #FFF;
			background-color:white;
			
		}
		.font0S {
			
			line-height: 130%;
			color: #5A5A5A;
			font-size: 12px;
		}
		.font1S {
			font-size: 12px;
			font-weight:bold;
			color: #FFFFFF;
		}
		.font2S {
			font-size: 12px;
			font-weight:bold;
			color: #FFFFFF;
		}
		.font3S {
			font-size: 12px;
			font-weight:bold;
			color: #ff0000;
		}
		.font4S {
			font-size: 12px;
			font-weight:bold;
			color: #0000FF;
		}

		.box1img {
			float: left;
			margin-right:10px;
		}
		.box1title {
			height:20px;
		}
		.box1contents {
			background-color:#474646;
			overflow:scroll;
		}
		.sound_bg {
			position:absolute;
			left:0px; 
			top:0px; 
			width:112px; 
			height:35px; 
			opacity:.6;
			z-index:5;
			background-color:#000;
		}
		#sound_div {
			position:absolute;
			left:0px; 
			top:0px; 
			width:112px; 
			height:35px; 
			display:none;
			z-index:3000;
		}
		#sound_div .p_play_pause {
			position:absolute;
			width:30px;
			height:30px;
			z-index:10;
			left:0px; 
			top:0px; 
			background:url('../Img/smart/p_pause.png') no-repeat; 
			-webkit-box-shadow: 2px 2px 3px #666;
			margin:3px 5px 0px 5px;
		}

		#sound_div .p_stop {
			position:absolute;
			width:30px;
			height:30px;
			z-index:10;
			left:34px; 
			top:0px; 
			background:url('../Img/smart/p_stop.png') no-repeat; 
			-webkit-box-shadow: 2px 2px 3px #666;
			margin:3px 5px 0px 5px;
			
		}

		#sound_div .p_close {
			position:absolute;
			width:30px;
			height:30px;
			left:68px; 
			top:0px;
			z-index:10;
			background:url('../Img/smart/p_delete.png') no-repeat; 
			-webkit-box-shadow: 2px 2px 3px #666;
			margin:3px 5px 0px 5px;
		}

		#wrap {
			overflow:hidden;
			width:0px;
			height:0px;
			border:0px solid red;
			z-index:10;
		}
		
		#console {
			position: absolute;
			width:300 px;
			height:300 px;
			top: 0px;
			left: 0px;
			z-index:1000000000000;
			border:1px solid red;
			background-color:white;
			overflow:auto;
		}
		.page_split 
		{
			position: absolute;
			vertical-align:bottom;
			display:block;
			padding:0px;
			margin:0px;

		}
		#page_view_div {
			position: absolute;
			width:100px;
			height:100px;
			top:0;
			left:0;
			
			
		}
		#outLine {
			position: absolute;
			width:100px;
			height:100px;
			top:0px;
			left:0px;
			float:left;

		}
		#magazine{
			width:200px;
			height:200px;
			margin:auto;
			
		}
		
		.loader{
			background-image:url('../js/JQuery-mobile/images/loader.gif'); 
			background-repeat:no-repeat; 
			background-position:50% 50%;
			background-color:#000000;
			display:block;
			position:absolute;
			left:50%;
			top:50%;
			width:100px;
			height:100px;
			margin-left:-50px;
			margin-top:-50px;
			text-align:center;
			vertical-align: bottom;
			color:#FFFFFF;
			z-index:100;
			line-height: 11em;
			font-weight:bold;
	}

	.loader2{
			background-image:url('../js/JQuery-mobile/images/loader2.gif'); 
			background-repeat:no-repeat; 
			background-position:50% 50%;
			background-color:#000000;
			display:block;
			position:absolute;
			left:50%;
			top:50%;
			width:24px;
			height:24px;
			margin-left:-12px;
			margin-top:-12px;
	}
	#plus_minus {
		display:none;
		position:absolute;
		top:44px;
		left:0px;
		width:50px;
		height:50px;
		background:url('../Img/smart/02-plus.png');
		background-repeat:no-repeat;
		z-index:2000;
		opacity:1.0;
	}
	#navi_bg {
		display:block;
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:44px;
		background-color:#000;
		opacity:1.0;
		z-index:3000;
	}
	#navi {
		display:block;
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:44px;
		z-index:3000;
		
	}

		#n_index {
			position:relative;
			width:33px;
			height:33px;
			margin: 7px 0px 0 0px;
			z-index:3000;
			border:0px solid red;
			float:left;
			
			color:white;
			font-weight:bold;
			font-size:11pt;
			font-family:Monaco;

		}
		#n_sns {
			position:relative;
			width:33px;
			height:33px;
			margin: 7px 0px 0 0px;
			z-index:3000;
			border:0px solid red;
			float:left;
			
			color:white;
			font-weight:bold;
			font-size:11pt;
			font-family:Monaco;
			background-position: 0 -1px;
		}
			#mask {  
			  position:absolute;  
			  left:0;
			  top:0;
			  z-index:8000;  
			  background-color:#000;  
			  display:none;  
			}
			#dialog {
				width:300px;
				height:414px;
				display:none;
				font-weight:bold;
				font-size:11pt;
				font-family:Monaco;
				z-index:9000;
				background-color:#cccccc;
				border:1px solid #aaaaaa;
			}
				#sns_button {
					position:absolute;
					top:10px;
					left:5px;
					width:300;
					height:133px;
				}
					#sns_cover {
						position:relative;
						float:left;
						width:100px;
						height:133px;
						border: 1px solid #aaaaaa;
						background-color:white;
					}
					#sns_item {
						position:relative;
						width:186px;
						height:153px;
						padding-left:14px;
						float:left;
						border:0px solid red;
					}
						.sns_item_left {
						clear:both;
							position:relative;
							width:86px;
							height:31px;
							float:left;
							margin-bottom:20px;
							margin-right:10px;
						}

						.sns_item_right {
							position:relative;
							width:86px;
							height:31px;
							margin-bottom:20px;
							float:left;
						}

				#sns_text {
					position:absolute;
					top:163px;
					left:5px;
					width:300px;
					height:163px;
					border:0px solid red;
				}

		#n_zoomin {
			position:relative;
			width:33px;
			height:33px;
			margin: 7px 0px 0 0px;
			z-index:3000;
			border:0px solid red;
			float:left;
			
			color:white;
			font-weight:bold;
			font-size:11pt;
			font-family:Monaco;
			display:none;
		}
		#n_close {
			position:relative;
			width:33px;
			height:33px;
			margin: 7px 0px 0 0px;
			z-index:3000;
			border:0px solid red;
			float:right;
			
			background-position: 0 2px;
			color:white;
			font-weight:bold;
			font-size:11pt;
			font-family:Monaco;
		}
		#n_info {
			position:relative;
			width:33px;
			height:33px;
			margin: 7px 0px 0 0px;
			z-index:3000;
			border:0px solid red;
			float:right;
			
			color:white;
			font-weight:bold;
			font-size:11pt;
			font-family:Monaco;
			display:none;
			background-position: 6px 0px;
		}

		#n_search {
			position:relative;
			width:33px;
			height:33px;
			margin: 7px 0px 0 0px;
			border:0px solid red;
			float:right;
			
			color:white;
			font-weight:bold;
			font-size:11pt;
			font-family:Monaco;
			z-index:3000;
		}
		
		#n_subject {
			position:relative;
			width:auto;
			height:24px;
			float:left;
			padding: 6px 0 0 0px;
			margin: 7px 0px 0 0px;
			overflow:hidden;
			font-weight:bold;
			font-size:14pt;
			font-family:Monaco;
			color:white;
			border:0px solid red;
			text-align:center;
		}
		#n_help {
			position:absolute;
			left:0px;
			top:-100px;
			width:100px;
			height:100px;
			z-index:3000;
			border:0px solid red;
			display:none;
			background-color:#ffd7cc;
			overflow:none;
			-webkit-overflow-scrolling: touch;
		}
			#n_help_layout {
				position:absolute;
				left:0px;
				top:0px;
				width:100px;
				height:100px;
				z-index:3000;
				border:0px solid red;
			}

			#n_help_close {
				position:absolute;
				left:0px;
				top:0px;
				width:50px;
				height:58px;
				background:url('../Img/x.png');background-repeat:no-repeat; background-position:50% 50%;
				z-index:3001;
			}
		#n_isearch {
			position:absolute;
			left:0px;
			top:0px;
			width:100px;
			height:100px;
			z-index:3000;
			border:0px solid red;
			display:none;
		}
		#n_isearch_top {
			position:relative;
			left:0px;
			top:0px;
			width:100px;
			height:100px;
			z-index:3000;
			border:0px solid red;
			
		}
			#n_isearch_form {
				position:relative;
				left:0px;
				top:0px;
				width:200px;
				height:25px;
				z-index:3000;
				margin-right: 30px;
				float:right;
			}
			#sp-magnify  {
				-webkit-transition: width 0.3s ease-in-out;
				/*
				background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGJhc2VQcm9maWxlPSJmdWxsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpldj0iaHR0cDovL3d3dy53My5vcmcvMjAwMS94bWwtZXZlbnRzIj4KPGcgZmlsbC1vcGFjaXR5PSIuNSI%2BCgk8cG9seWdvbiBwb2ludHM9IjkuMjA3LDcuMTI2IDcuNzkzLDguNTQxIDExLjc5MywxMi41NDEgMTMuMjA3LDExLjEyNiIgLz4KCTxwYXRoIGQ9Ik01LjkxNywzYzEuNjA4LDAsMi45MTcsMS4zMDgsMi45MTcsMi45MTdTNy41MjUsOC44MzMsNS45MTcsOC44MzNTMyw3LjUyNSwzLDUuOTE3UzQuMzA4LDMsNS45MTcsMyBNNS45MTcsMQoJCUMzLjIwMSwxLDEsMy4yMDEsMSw1LjkxN3MyLjIwMSw0LjkxNyw0LjkxNyw0LjkxN3M0LjkxNy0yLjIwMSw0LjkxNy00LjkxN0MxMC44MzMsMy4yMDEsOC42MzIsMSw1LjkxNywxTDUuOTE3LDF6IiAvPgo8L2c%2BCjxnPgoJPHBvbHlnb24gZmlsbD0iI2ZmZiIgcG9pbnRzPSI5LjIwNyw2LjEyNiA3Ljc5Myw3LjU0MSAxMS43OTMsMTEuNTQxIDEzLjIwNywxMC4xMjYiIC8%2BCgk8cGF0aCBmaWxsPSIjZmZmIiBkPSJNNS45MTcsMmMxLjYwOCwwLDIuOTE3LDEuMzA4LDIuOTE3LDIuOTE3UzcuNTI1LDcuODMzLDUuOTE3LDcuODMzUzMsNi41MjUsMyw0LjkxN1M0LjMwOCwyLDUuOTE3LDIKCQkgTTUuOTE3LDBDMy4yMDEsMCwxLDIuMjAxLDEsNC45MTdzMi4yMDEsNC45MTcsNC45MTcsNC45MTdzNC45MTctMi4yMDEsNC45MTctNC45MTdDMTAuODMzLDIuMjAxLDguNjMyLDAsNS45MTcsMEw1LjkxNywweiIgLz4KPC9nPgo8L3N2Zz4K');
				*/
				background-image: url('../Img/smart/ma.png');
				position: absolute;
				opacity: 1;
				width: 15px;
				height: 14px;
				
				left:50%;
				top:50%;
				
				margin-left:-8px;
				margin-top:-5px;

			
			}
			#magnify {
				position: absolute;
				left:140px;
				top:1px;
				width:60px;
				height:25px;

				border: 1px solid #000;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
				-moz-box-shadow: 2px 2px 3px #666;
				-webkit-box-shadow: 2px 2px 3px #666;
				box-shadow: 2px 2px 3px #666;
			}

		#n_isearch_item {
			position:relative;
			left:0px;
			top:0px;
			width:100px;
			height:100px;
			z-index:3000;
			overflow:hidden;
			-webkit-overflow-scrolling: touch;
			background-color:black;
			border:0px solid red;
		}
			#n_isearch_item_list {
				position:relative;
				left:0px;
				top:0px;
				width:100px;
				height:100px;
				z-index:3000;
				overflow:visible;
				border:0px soild red;
			}
				#n_isearch_item_list li,ul {
					position:relative;
					list-style:none;
					font-size:10pt;
					font-family:Monaco;
					color:white;
					margin: 0px;
					padding:0px;
					border : 0px solid red;
				}

		#n_contents {
			position:absolute;
			left:0px;
			top:0px;
			width:100px;
			height:100px;
			z-index:3000;
			border:0px solid red;
			display:none;
		}
		#n_contents_top {
			position:relative;
			left:0px;
			top:0px;
			width:100px;
			height:100px;
			z-index:3000;
			border:0px solid red;
		}
			#n_contents_back {
				position:relative;
				left:0px;
				top:0px;
				width:100px;
				height:100px;
				z-index:3000;
				float:right;
			}
		#n_contents_item {
			position:relative;
			left:0px;
			top:0px;
			width:100px;
			height:100px;
			z-index:3000;
			overflow:hidden;
			-webkit-overflow-scrolling: touch;
			background-color:black;
			border:0px solid red;
		}
			#n_contents_item_list {
				position:relative;
				left:0px;
				top:0px;
				width:100px;
				height:100px;
				z-index:3000;
				overflow:visible;
				border:0px soild red;
			}
				#n_contents_item_list li {
					position:relative;
					list-style:none;
					font-size:10pt;
					font-family:Monaco;
					color:white;
					overflow:hidden;
				}

	#tn_menu_bg {
		display:block;
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:50px;
		background-color:black;
		opacity:.7;
		border:0px solid red;
		z-index:3000;
	}
	#tn_menu {
		display:block;
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:50px;
		z-index:3000;
		overflow:hidden;
	}

	#tn_page_bg {
		display:block;
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100px;
		background-color:black;
		opacity:.7;
		border:0px solid red;
		z-index:3000;
	}
	#tn_page {
		display:block;
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100px;
		z-index:3000;
		border:0px solid red;
	}
		#tn_page_contents {
			position:relative;
			left:0px;
			top:0px;
			width:100px;
			height:100px;
			z-index:3000;
			overflow:hidden;
			-webkit-overflow-scrolling: touch;
			
		}

			#tn_page_list {
				position:absolute;
				left:0px;
				top:0px;
				overflow:visible;
				width:100px;
				height:100px;
				z-index:3000;
			}
			.pt_group  li {
				list-style:none;
			}
				.pt_item_img {
					margin-top: 3px;
				}
				.pt_item_pg {
					color:white;
					font-weight:bold;
					text-align:center;
					height:15px;
					line-height:10px;
					font-size:10pt;
					font-family:Monaco;
				}

	.log {
		display:block;
		position:absolute;
		background-color:#FFF;
		left:50%;
		top:50%;
		width:300px;
		height:50px;
		margin-left:-150px;
		margin-top:-150px;
		text-align:center;
		z-index:100;
		overflow:scroll;
		
	}

	/* 20111020*/
	.jqifade{
		position: absolute; 
		background-color: #aaaaaa; 
	}
	div.jqi{ 
		width: 90%; 
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		position: absolute; 
		background-color: #ffffff; 
		font-size: 20px; 
		text-align: left; 
		border: solid 1px #eeeeee;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 7px;
	}
	div.jqi .jqicontainer{ 
		font-weight: bold; 
	}
	div.jqi .jqiclose{ 
		position: absolute;
		top: 4px; right: -2px; 
		width: 18px; 
		cursor: default; 
		color: #bbbbbb; 
		font-weight: bold; 
	}
	div.jqi .jqimessage{ 
		padding: 10px; 
		line-height: 20px; 
		color: #444444; 
	}
	div.jqi .jqibuttons{ 
		text-align: right; 
		padding: 5px 0 5px 0; 
		border: solid 1px #eeeeee; 
		background-color: #f4f4f4;
	}
	div.jqi button{ 
		padding: 3px 10px; 
		margin: 0 10px; 
		background-color: #2F6073; 
		border: solid 1px #f4f4f4; 
		color: #ffffff; 
		font-weight: bold; 
		font-size: 12px; 
	}
	div.jqi button:hover{ 
		background-color: #728A8C;
	}
	div.jqi button.jqidefaultbutton{ 
		/*background-color: #8DC05B;*/
		background-color: #BF5E26;
	}
	.jqiwarning .jqi .jqibuttons{ 
		background-color: #BF5E26;
	}

	.pother {
		position: relative;
		width:100%;
		height:100%;
		background-color:white;
		text-align:center;
		line-height:20px;
		font-weight:bold;
		font-size:10pt;
		font-family:Monaco;
		color:black;
		
	}
	.op {
		
		font-size:50pt;
		font-family:Monaco;
		color:black;
		font-weight:bold;
		z-index:3000;
		cursor:pointer;
		
	}
	.op-line {
		vertical-align:middle;
		line-height:200%;
	}