/* ------------------------------------------------------------
	0. Base
------------------------------------------------------------ */
html {
	overflow: hidden;
	-webkit-touch-callout:none; /*touch css hold disable*/
	-webkit-user-select: none;
	-ms-touch-action: none;
}
body,.dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,th,td{
	font-size: 11px;
	color: #3A3A3A;
	line-height: 1.8em;
}

body {
	text-align: left;
	background: left top #000;
	margin:0;
	padding:0;
}

a {
	text-decoration: none;
}
img {
	border:none
}
ul {
	list-style-type:none;
}

#wrapper {
	text-align: left;
}
/* ------------------------------------------------------------
	1. Header/Navigation
------------------------------------------------------------ */
#wisebook {
	/*width: 768px;*/
	width: 100%;
	margin:0;
	padding:0;
}

/* ------------------------------------------------------------
	2. Controlbar/Mainarea
------------------------------------------------------------ */
/*--- main ---*/
#top{
	position:absolute;
	top:0px; 
	left:0px;
	width:100%;
	height:75px;

/*----------- blue -----------------------------------	
	background: url(../../images/winapp/topbg_blue.png) repeat-x left top;
	border-top: 1px solid rgba(158,204,237,0.9);
	border-bottom: 1px solid rgba(20,86,129,0.9);
-----------------------------------------------------*/
	
	background: rgb(80,80,80); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(80,80,80,0.8) 0%, rgba(28,28,28,0.8) 50%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,0.8)), color-stop(50%,rgba(28,28,28,0.8)), color-stop(50%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid rgba(115,115,115,0.8);
	border-bottom: 1px solid rgba(42,42,42,0.8);
	z-index:100;
}

/*#top #wisebookTitle{
	position: absolute;
	color:#fff;
	font-size:1.6em;
	margin-left:5%;
	margin-top:30px;
}*/
/*psy20131212*/
#top #top_back {
	position: absolute;
	left:10px;
}

/*---------- blue ----------------
#top #top_back a{
	width:71px;
	height:41px;
	display:block;
	margin-top: 18px;
	background-repeat:no-repeat;
}
#top #top_back #bnt_back{
	background: url(../../images/winapp/btn_back_blue.png) no-repeat center center;
}
#top #top_back #bnt_back:active{
	background: url(../../images/winapp/btn_back_blue_o.png);
}
------------------------------------------*/

#top #top_back a{
	width:70px;
	height:40px;
	display:block;
	margin-top: 18px;
	background-repeat:no-repeat;
}
#top #top_back #bnt_back{
	background: url(../../images/winapp/btn_back_black.png) no-repeat center center;
}
#top #top_back #bnt_back:active{
	background: url(../../images/winapp/btn_back_black_o.png);
}


#top #top_buttons {
	position: absolute;
	right: 10px;
	margin-top: 12px;
}
#top a.top_button {
	float: left;
	display:block;
	width:66px;
	height:54px;
	margin-right:3px;
}

#top #btn_setting {
	background:url(../../images/winapp/btn_setting.png) no-repeat center center;
}
#top #btn_setting.selected {
	background:url(../../images/winapp/btn_setting_o.png) no-repeat center center;
}
#setting_blind.selected{
	float:left;
	margin-top:25px;
	width:94px;height:27px;
	background:url(../../images/winapp/setting_on_off.png) repeat scroll 0px 0px;
}
#setting_blind{
	float:left;
	margin-top:25px;
	width:94px;height:27px;
	background:url(../../images/winapp/setting_on_off.png) repeat scroll 0px 27px;
}


#top .btn_like_dis {
	background:url(../../images/winapp/btn_like_dis.png) no-repeat center center;
	background-size:cover;
}
#top .btn_like_dis:active {
	background:url(../../images/winapp/btn_like_dis_o.png) no-repeat center center;
	background-size:cover;
}
#top .btn_like {
	background:url(../../images/winapp/btn_like.png) no-repeat center center;
	background-size:cover;
}
#top .btn_like:active {
	background:url(../../images/winapp/btn_like_o.png) no-repeat center center;
	background-size:cover;
}


#top #btn_pdf {
	background:url(../../images/winapp/btn_pdf.png) no-repeat center center;
	background-size:cover;
}
#top #btn_pdf:active {
	background:url(../../images/winapp/btn_pdf_o.png) no-repeat center center;
	background-size:cover;
}

#top #btn_print {
	background:url(../../images/winapp/btn_print.png) no-repeat center center;
	background-size:cover;
}
#top #btn_print:active {
	background:url(../../images/winapp/btn_print_o.png) no-repeat center center;
	background-size:cover;
}
#top #btn_help {
	background:url(../../images/winapp/btn_help.png) no-repeat center center;
}
#top #btn_help:active {
	background:url(../../images/winapp/btn_help_o.png) no-repeat center center;
}

/*---------------------------------------------------------------------------------- 
	
	settting dropmenu 
	
------------------------------------------------------------------------------------*/
#dropmenu_setting{
	display:none;
	position: absolute;
	float:right;
	right:40px;
	top:52px;
	width: 415px;
	height:487px;
	background:url(../../images/winapp/pc_tab/setting/popup_setting.png) no-repeat center center;
}

#dropmenu_setting .top_title_list{
	position:absolute;
	float: left;
	top:23px;
	width: 415px;
	height:70px;
	background:transparent;
}

.top_title_list .top_title_txt{
	float: left;
	display:block;
	width: 190px;
	height:42px;
	margin:23px 0 0 40px;
	font-size: 215%;
	color: #ffffff;
	font-weight:bold;
	text-align: right;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}
.top_title_list .top_btn_close{
	float: right;
	display:block;
	margin:13px 12px 0 0;
	width: 80px;
	height:41px;
	background:url(../../images/winapp/pc_tab/setting/btn_setting_close.png) no-repeat center right;
}
.top_title_list .top_btn_close:active{
	float: right;
	display:block;
	margin:13px 12px 0 0;
	width: 80px;
	height:41px;
	background:url(../../images/winapp/pc_tab/setting/btn_setting_close_o.png) no-repeat center right;
}

#dropmenu_setting .body_box{
	position:absolute;
	float: left;
	top:85px;
	left:12px;
	width: 390px;
	height:390px;
	background:#e9e9e9;
	border-radius:8px;
	box-shadow:0px 1px 3px rgba(0,0,0,0.4) inset;
}
.body_box .menu_list{
	float: left;
	display:block;
	width: 100%;
	height:70px;
	border-bottom:1px solid #e0e0e0;
}
.menu_title{
	float: left;
	padding:27px 10px 20px 15px;
	font-size: 160%;
	color: #0a0a0a;
	font-weight:bold;
	vertical-align: middle;
	text-align:left;
}

/*---------------------------------------------------------
        banner 
----------------------------------------------------------*/
#bannerbar{
        position:absolute;
        width:100%;
        height:110px;
        background:rgba(0,0,0,.2);
        z-index:100;
}
.banner_img {
	position:absolute;
    width: 100%;
    height: 100%;
    line-height: 110px;
    text-align: center;
}
.banner_img:after {
    content: " ";
    margin-left: -0.6em;
    white-space: pre;
}
.banner_img img {
    vertical-align: middle;
}
.banner_close {
        position:absolute;
        float:right;text-align:left;
        right:15px;top:10px;
        width:45px;height:45px;
        background:url(../../images/winapp/popup/btn_close_off.png) no-repeat;
        cursor:pointer;
}
.banner_close:hover {
        background:url(../../images/winapp/popup/btn_close_on.png) no-repeat;
        cursor:pointer;
}

/*---------------------------------------------------------
		sound button
----------------------------------------------------------*/
#sound_navbar {
	position:absolute;
	bottom:147px; 
	left:0px;
	width:100%;
	height:63px;
	background: rgb(80,80,80); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(80,80,80,0.8) 0%, rgba(28,28,28,0.8) 50%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,0.8)), color-stop(50%,rgba(28,28,28,0.8)), color-stop(50%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid rgba(115,115,115,0.8);
	z-index:200;
}
#sound_navbar a{
	position:absolute;
	display:block;
	text-align:center;
	top:8px;
}
#sound_navbar #audio_repeatone {
	left:40px;
	width:45px;
	height:45px;
	background:url(../../images/winapp/pc_tab/sound/audioPlayRepeatOneOn.png) no-repeat center center;
}
#sound_navbar #audio_repeatone.selected {
	background:url(../../images/winapp/pc_tab/sound/audioPlayRepeatOneOff.png) no-repeat center center;
}

#sound_navbar #audio_repeat {
	left:120px;
	width:60px;
	height:45px;
	background:url(../../images/winapp/pc_tab/sound/audioPlayRepeatOn.png) no-repeat center center;
}
#sound_navbar #audio_repeat.selected {
	background:url(../../images/winapp/pc_tab/sound/audioPlayRepeatOff.png) no-repeat center center;
}


#sound_slidebar{
	height:15px;
	left:240px;
	right:330px;
	position:absolute;
	top:7px;
}
#sound_track {
	background:url(../../images/winapp/slidebar.png) repeat-x;
	border:1px solid #6b6b6b;
	height:12px;
	position:relative;
	top:17px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#sound_track .ui-slider-range{
	background: rgb(32,84,165);
	background: -moz-linear-gradient(top,  rgb(32,84,165) 0%, rgb(104,166,248) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(32,84,165)), color-stop(100%,rgb(104,166,248)));
	background: -webkit-linear-gradient(top,  rgb(32,84,165) 0%,rgb(104,166,248) 100%);
	background: -o-linear-gradient(top,  rgb(32,84,165) 0%,rgb(104,166,248) 100%);
	background: -ms-linear-gradient(top,  rgb(32,84,165) 0%,rgb(104,166,248) 100%);
	background: linear-gradient(to bottom,  rgb(32,84,165) 0%,rgb(104,166,248) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2054a5', endColorstr='#68a6f8',GradientType=0 );
}
#sound_track a {
	position:absolute;
	top:-10px;
	width:33px;
	height:33px;
	background:url(../../images/winapp/nav_thumb.png) no-repeat;
	z-index:200;
	border: 0px;
	text-decoration: none;
	outline: 0px solid transparent; 
}
#sound_track a:active {
	border: 0px;
	background:url(../../images/winapp/nav_thumb_o.png) no-repeat;
	text-decoration: none;
	outline: 0px solid transparent; 
}
/*psy*/
#virtualTrack {
	height:12px;
	position:relative;
}
/*psy*/
#trackThumbBg {
	position: absolute;
	left:50%;
	top:50%;
	width:180px;
	height:50px;
	text-align:center;
	background:#F00;
	z-index:100;
	padding-top:30px;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	display:none;
	margin:-40px 0 0 -90px;
	
	
	background-color:rgba(0,0,0,0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#messageBg {
	position: absolute;
	left:0px;
	top:0px;
	width:170px;
	height:50px;
	background:#F00;
	z-index:100;
	padding-top: 30px;
	padding-left:15px;
	color:#fff;
	font-size:18px;
	display:none;
	
	background-color:rgba(0,0,0,0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#sound_thumb {
	position:absolute;
	top:8px;
	width:33px;
	height:33px;
	background:url(../../images/winapp/nav_thumb.png) no-repeat;
	z-index:200;
}
#sound_thumb:active {
	background:url(../../images/winapp/nav_thumb_o.png) no-repeat;
}

#sound_navbar #audio_play {
	right:230px;
	width:45px;
	height:45px;
	background:url(../../images/winapp/pc_tab/sound/avAudio_play.png) no-repeat center center;
}
#sound_navbar #audio_play.selected {
	background:url(../../images/winapp/pc_tab/sound/avAudio_pause.png) no-repeat center center;
}

#sound_navbar #audio_stop {
	right:230px;
	width:45px;
	height:45px;
	background:url(../../images/winapp/pc_tab/sound/avAudio_pause.png) no-repeat center center;
}
#sound_navbar #audio_stop:active {
	background:url(../../images/winapp/pc_tab/sound/avAudio_pause_o.png) no-repeat center center;
}

#sound_navbar #audio_list {
	right:160px;
	width:45px;
	height:45px;
	background:url(../../images/winapp/pc_tab/sound/playlist_icon.png) no-repeat center center;
}
#sound_navbar #audio_list.selected {
	background:url(../../images/winapp/pc_tab/sound/playlist_icon_o.png) no-repeat center center;
}

#sound_navbar #audio_close {
	right:55px;
	width:70px;
	height:36px;
	margin-top:5px;
	background:url(../../images/winapp/pc_tab/sound/voiceCloseButton.png) no-repeat center center;
}

#sound_navbar #audio_close:active {
	background:url(../../images/winapp/pc_tab/sound/voiceCloseButtonOn.png) no-repeat center center;
}


/*---------------------------------------------------------------------------------- 
	
	sound dropmenu 
	
------------------------------------------------------------------------------------*/
#dropmenu_sound{
	position: relative;
	display:none;
	float:right;
	left:131px;
	top:-488px;
	width:550px;
	height:490px;
	background:url(../../images/winapp/pc_tab/sound/popup_sound_set.png) no-repeat center center;
}

#dropmenu_sound .top_title{
	position:absolute;
	float: left;
	width: 550px;
	height:60px;
	background:transparent;
}

.top_title .top_txt{
	float: left;
	display:block;
	width:100%;
	padding-top:20px;
	font-size: 250%;
	color: #ffffff;
	font-family:"ＭＳ Ｐゴシック","sans-serif";
	font-weight:bold;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}

#dropmenu_sound .body_table{
	position:absolute;
	float: left;
	top:60px;
	left:12px;
	width: 525px;
	height:395px;
	background:#ffffff;
	border-radius:8px;
	box-shadow:0px 1px 3px rgba(0,0,0,0.4) inset;
}
.body_table .list_sub_top{
	float: left;
	display:block;
	width: 100%;
	height:70px;
	font-size: 170%;
	color: #0a0a0a;
	font-weight:bold;
	letter-spacing:0.5px;
	font-family:"ＭＳ Ｐゴシック","sans-serif";
	border-bottom:1px solid #e0e0e0;
}
.body_table .list_sub_center{
	float: left;
	display:block;
	width: 100%;
	height:70px;
	font-size: 170%;
	color: #0a0a0a;
	font-weight:bold;
	letter-spacing:0.5px;
	font-family:"ＭＳ Ｐゴシック","sans-serif";
	border-bottom:1px solid #e0e0e0;
}
.body_table .list_sub_center.selected{
        color: #ffffff;
        background: rgb(5,136,244);
        background: -moz-linear-gradient(top,  rgb(5,136,244) 0%, rgb(1,95,230) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(5,136,244)), color-stop(100%,rgb(1,95,230)));
        background: -webkit-linear-gradient(top,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
        background: -o-linear-gradient(top,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
        background: -ms-linear-gradient(top,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
        background: linear-gradient(to bottom,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0588f4', endColorstr='#015fe6',GradientType=0 );
        box-shadow:0px 1px 3px rgba(0,0,0,0.4) inset;
}
.body_table .list_sub_bottom{
	float: left;
	display:block;
	width: 100%;
	height:70px;
	font-size: 170%;
	color: #0a0a0a;
	font-weight:bold;
	letter-spacing:0.5px;
	font-family:"ＭＳ Ｐゴシック","sans-serif";
	border-bottom:1px solid #e0e0e0;
}
.body_table .list_sub_top:hover{
	color: #ffffff;
	background: rgb(5,136,244);
	background: -moz-linear-gradient(top,  rgb(5,136,244) 0%, rgb(1,95,230) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(5,136,244)), color-stop(100%,rgb(1,95,230)));
	background: -webkit-linear-gradient(top,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
	background: -o-linear-gradient(top,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
	background: -ms-linear-gradient(top,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
	background: linear-gradient(to bottom,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0588f4', endColorstr='#015fe6',GradientType=0 );
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	box-shadow:0px 1px 3px rgba(0,0,0,0.4) inset;
}
.body_table .list_sub_center:hover{
	color: #ffffff;
	background: rgb(5,136,244);
	background: -moz-linear-gradient(top,  rgb(5,136,244) 0%, rgb(1,95,230) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(5,136,244)), color-stop(100%,rgb(1,95,230)));
	background: -webkit-linear-gradient(top,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
	background: -o-linear-gradient(top,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
	background: -ms-linear-gradient(top,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
	background: linear-gradient(to bottom,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0588f4', endColorstr='#015fe6',GradientType=0 );
	box-shadow:0px 1px 3px rgba(0,0,0,0.4) inset;
}
.body_table .list_sub_bottom:hover{
	color: #ffffff;
	background: rgb(5,136,244);
	background: -moz-linear-gradient(top,  rgb(5,136,244) 0%, rgb(1,95,230) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(5,136,244)), color-stop(100%,rgb(1,95,230)));
	background: -webkit-linear-gradient(top,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
	background: -o-linear-gradient(top,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
	background: -ms-linear-gradient(top,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
	background: linear-gradient(to bottom,  rgb(5,136,244) 0%,rgb(1,95,230) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0588f4', endColorstr='#015fe6',GradientType=0 );
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	box-shadow:0px 1px 3px rgba(0,0,0,0.4) inset;
}
.menu_subtxt{
	float: left;
	padding:24px 10px 20px 15px;
	vertical-align: middle;
	text-align:left;
}


/*---------------------------------------------------------
         share button
----------------------------------------------------------*/
#top #btn_sns{
        background:url(../../images/winapp/sns/btn_share_dis.png) no-repeat center center;
}
#top #btn_sns:active{
        background:url(../../images/winapp/sns/btn_share_dis_o.png) no-repeat center center;
}

#tablet_navbar {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:63px;
	background: rgb(80,80,80); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(80,80,80,0.8) 0%, rgba(28,28,28,0.8) 50%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,0.8)), color-stop(50%,rgba(28,28,28,0.8)), color-stop(50%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid rgba(115,115,115,0.8);
	z-index:200;
}
#tablet_navbar a{
	position:absolute;
	display:block;
	width:33px;
	height:27px;
	top:12px;
	text-align:center;
}

#tablet_navbar #nav_tablet_leftend {
	left:20px;
	background:url(../../images/winapp/nav_leftend_o.png) no-repeat center center;
}
#tablet_navbar #nav_tablet_leftend:active {
	-webkit-box-shadow: 0px 0px 49px #000000;
	-moz-box-shadow: 0px 0px 49px #000000;
	box-shadow: 0px 0px 49px #000000;
}


#tablet_navbar #nav_tablet_left {
	left:65px;
	background:url(../../images/winapp/nav_left_o.png) no-repeat center center;
}
#tablet_navbar #nav_tablet_left:active {
	-webkit-box-shadow: 0px 0px 49px #000000;
	-moz-box-shadow: 0px 0px 49px #000000;
	box-shadow: 0px 0px 49px #000000;
}


#tablet_navbar #nav_tablet_right {
	right:65px;
	background:url(../../images/winapp/nav_right_o.png) no-repeat center center;
}
#tablet_navbar #nav_tablet_right:active {
	-webkit-box-shadow: 0px 0px 49px #000000;
	-moz-box-shadow: 0px 0px 49px #000000;
	box-shadow: 0px 0px 49px #000000;
}


#tablet_navbar #nav_tablet_rightend {
	right:20px;
	background:url(../../images/winapp/nav_rightend_o.png) no-repeat center center;
}
#tablet_navbar #nav_tablet_rightend:active {
	background:url(../../images/winapp/nav_rightend_o.png) no-repeat center center;
}
#tablet_navbar #nav_tablet_rightend:active {
	-webkit-box-shadow: 0px 0px 49px #000000;
	-moz-box-shadow: 0px 0px 49px #000000;
	box-shadow: 0px 0px 49px #000000;
}

/*disable nav left right start psy20140313*/
#tablet_navbar #nav_tablet_left.disable{
	background:url(../../images/winapp/nav_left.png) no-repeat center center;
}
#tablet_navbar #nav_tablet_leftend.disable {
	background:url(../../images/winapp/nav_leftend.png) no-repeat center center;
}

#tablet_navbar #nav_tablet_right.disable{
	background:url(../../images/winapp/nav_right.png) no-repeat center center;
}
#tablet_navbar #nav_tablet_rightend.disable {
	background:url(../../images/winapp/nav_rightend.png) no-repeat center center;
}
/*end*/



/************************************************************************************
	psy20140318 navigation slide
*************************************************************************************/
#tablet_slidebar{
	height:12px;
	left:110px;
	right:110px;
	position:absolute;
	top:20px;
	
}

#tablet_track{
	position:relative;
	width:99%;
	height:100%;
	background: url(../../images/winapp/slidebar.png) repeat-x;	
}

#tablet_track a{
	position:absolute;
	top:-10px;
	width:33px;
	height:33px;
	background:url(../../images/winapp/nav_thumb.png) no-repeat;
	border: 0px;
	text-decoration: none;
	z-index:200;
	outline: 0px solid transparent; 
}

#tablet_track .ui-slider-range{
	background: rgb(32,84,165);
	background: -moz-linear-gradient(top,  rgb(32,84,165) 0%, rgb(104,166,248) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(32,84,165)), color-stop(100%,rgb(104,166,248)));
	background: -webkit-linear-gradient(top,  rgb(32,84,165) 0%,rgb(104,166,248) 100%);
	background: -o-linear-gradient(top,  rgb(32,84,165) 0%,rgb(104,166,248) 100%);
	background: -ms-linear-gradient(top,  rgb(32,84,165) 0%,rgb(104,166,248) 100%);
	background: linear-gradient(to bottom,  rgb(32,84,165) 0%,rgb(104,166,248) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2054a5', endColorstr='#68a6f8',GradientType=0 );
}
/*
#sound_track .ui-slider-range{
	background: rgb(32,84,165);
	background: -moz-linear-gradient(top,  rgb(32,84,165) 0%, rgb(104,166,248) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(32,84,165)), color-stop(100%,rgb(104,166,248)));
	background: -webkit-linear-gradient(top,  rgb(32,84,165) 0%,rgb(104,166,248) 100%);
	background: -o-linear-gradient(top,  rgb(32,84,165) 0%,rgb(104,166,248) 100%);
	background: -ms-linear-gradient(top,  rgb(32,84,165) 0%,rgb(104,166,248) 100%);
	background: linear-gradient(to bottom,  rgb(32,84,165) 0%,rgb(104,166,248) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2054a5', endColorstr='#68a6f8',GradientType=0 );
}
#sound_track a {
	position:absolute;
	top:-10px;
	width:33px;
	height:33px;
	background:url(../../images/winapp/nav_thumb.png) no-repeat;
	z-index:200;
	border: 0px;
	text-decoration: none;
	outline: 0px solid transparent; 
}

*/




/*#tablet_track {
	background:url(../../images/winapp/slidebar.png) repeat-x;
	border:1px solid #6b6b6b;
	height:12px;
	position:relative;
	top:17px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#tablet_thumb {
	position:absolute;
	top:8px;
	width:33px;
	height:33px;
	background:url(../../images/winapp/nav_thumb.png) no-repeat;
	z-index:200;
}
#tablet_thumb:active {
	background:url(../../images/winapp/nav_thumb_o.png) no-repeat;
}

#virtualTrack {
	height:12px;
	position:relative;
}
*/

#messageBg {
	position: absolute;
	left:0px;
	top:0px;
	width:170px;
	height:50px;
	background:#F00;
	z-index:100;
	padding-top: 30px;
	padding-left:15px;
	color:#fff;
	font-size:18px;
	display:none;
	
	background-color:rgba(0,0,0,0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#tablet_leftbar{
	background:url(../../images/winapp/slide_leftbar.png) repeat-x;
	width:0px;
	height:12px;
	position:relative;
	left:1px;
	top:4px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#controlbar {
	position:absolute;
	bottom:63px; 
	left:0px;
	width:100%;
	height:84px;
	background: rgb(80,80,80); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(80,80,80,0.8) 0%, rgba(28,28,28,0.8) 50%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,0.8)), color-stop(50%,rgba(28,28,28,0.8)), color-stop(50%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid rgba(115,115,115,0.8);
	z-index:200;
}

#tablet_centercontrolbar {
	position: relative;
	margin:0 auto;
	height: 70px;
}

#tablet_centercontrolbar a {
	display:block;
	width:88px;
	height:69px;
	float:left;
	margin-top:7px;
	margin-right:3px;
}

#btn_toc {
	background:url(../../images/winapp/btn_toc.png) no-repeat center center;
	background-size:cover;
}
#btn_toc:active {
	background:url(../../images/winapp/btn_toc_o.png) no-repeat center center;
	background-size:cover;
}
#btn_thumb {
	background:url(../../images/winapp/btn_thumb.png) no-repeat center center;
	background-size:cover;
}
#btn_thumb:active{
	background:url(../../images/winapp/btn_thumb_o.png) no-repeat center center;
	background-size:cover;
}
#btn_search {
	background:url(../../images/winapp/btn_search.png) no-repeat center center;
	background-size:cover;
}
#btn_search:active {
	background:url(../../images/winapp/btn_search_o.png) no-repeat center center;
	background-size:cover;
}
#btn_bookmark {
	background:url(../../images/winapp/btn_bookmark.png) no-repeat center center;
	background-size:cover;
}
#btn_bookmark:active {
	background:url(../../images/winapp/btn_bookmark_o.png) no-repeat center center;
	background-size:cover;
}
#btn_memo {
	background:url(../../images/winapp/btn_memo.png) no-repeat center center;
	background-size:cover;
}
#btn_memo:active {
	background:url(../../images/winapp/btn_memo_o.png) no-repeat center center;
	background-size:cover;
}
#btn_stamp {
	background:url(../../images/winapp/btn_stamp.png) no-repeat center center;
	background-size:cover;
}
#btn_stamp:active {
	background:url(../../images/winapp/btn_stamp_o.png) no-repeat center center;
	background-size:cover;
}
#btn_pentool {
	background:url(../../images/winapp/btn_pentool.png) no-repeat center center;
	background-size:cover;
}
#btn_pentool:active {
	background:url(../../images/winapp/btn_pentool_o.png) no-repeat center center;
	background-size:cover;
}
#btn_blind {
	background:url(../../images/winapp/btn_blind.png) no-repeat center center;
	background-size:cover;
}
#btn_blind:active {
	background:url(../../images/winapp/btn_blind_o.png) no-repeat center center;
	background-size:cover;
}
#btn_photo {
	background:url(../../images/winapp/btn_photo.png) no-repeat center center;
	background-size:cover;
}
#btn_photo:active {
	background:url(../../images/winapp/btn_photo_o.png) no-repeat center center;
	background-size:cover;
}
#btn_movie {
	background:url(../../images/winapp/btn_movie.png) no-repeat center center;
	background-size:cover;
}
#btn_movie:active {
	background:url(../../images/winapp/btn_movie_o.png) no-repeat center center;
	background-size:cover;
}
#btn_url {
	background:url(../../images/winapp/btn_url.png) no-repeat center center;
	background-size:cover;
}
#btn_url:active {
	background:url(../../images/winapp/btn_url_o.png) no-repeat center center;
	background-size:cover;
}

#btn_inlink {
	background:url(../../images/winapp/btn_url.png) no-repeat center center;
	background-size:cover;
}
#btn_inlink:active {
	background:url(../../images/winapp/btn_url_o.png) no-repeat center center;
	background-size:cover;
}

#btn_photopopup {
	background:url(../../images/winapp/btn_photo.png) no-repeat center center;
	background-size:cover;
}
#btn_photopopup:active {
	background:url(../../images/winapp/btn_photo_o.png) no-repeat center center;
	background-size:cover;
}


.coverwindow {
	display:none;
	position:absolute;
	left:0;right:0;
	top:0;bottom:0;
	width:100%;height:100%;
	background-color:rgba(0,0,0,0.8);
	padding:0px;
	z-index:100;
}
.coverwindow .cwin_title {
	position:relative;
	left:20px;top:10px;
	width:90%; /*psy*/
}

.coverwindow .cwin_title .cwin_title_toc {
	display:block;float:left;text-align:center;
	width:117px;height:42px;
	background:url(../../images/winapp/popup/toc/title_popup.png) repeat-x center center;
}
.coverwindow .cwin_title .cwin_title_thumb {
	display:block;float:left;text-align:center;
	width:198px;height:42px;
	background:url(../../images/winapp/popup/thumb/title_popup.png) repeat-x center center;
}
.coverwindow .cwin_title .cwin_title_bookmark {
	display:block;float:left;text-align:center;
	width:132px;height:42px;
	background:url(../../images/winapp/popup/bookmark/title_popup.png) repeat-x center center;
}
.coverwindow .cwin_title .cwin_title_search {
	display:block;float:left;text-align:center;
	width:108px;height:42px;
	background:url(../../images/winapp/popup/search/title_popup.png) repeat-x center center;
}

.coverwindow .cwin_title .cwin_title_help{
	float:left;text-align:center;
	width:150px;height:42px;
	background:url(../../images/winapp/popup/help/title_popup.png) repeat-x center center;
}

.coverwindow .cw_close {
	position:absolute;
	right:20px;top:10px;
	width:45px;height:45px;
	background:url(../../images/winapp/popup/btn_close_off.png) no-repeat;
	z-index:100;
}
.coverwindow .cw_close:active {
	background:url(../../images/winapp/popup/btn_close_on.png) no-repeat;
}



/* ------------------------------------------------------------
	SEARCH
------------------------------------------------------------ */
.coverwindow .btn_group_search {
	position:absolute;
	right:0px;top:80px;left:20px;
	float:left;text-align:left;
	padding:15px 0px 20px 5px;
	background:rgba(64,64,64,0.8);
	width:95%;height:auto;
}
.coverwindow .btn_textarea {
	clear:left;text-align:left;
	padding:5px 0px 12px 8px;
}
.coverwindow .btn_list {
	clear:left;text-align:left;
	padding:15px 0px 5px 12px;
	font-size:180%;
	color:#ffffff;
}
.coverwindow .btn_link {
	clear:left;text-align:left;
	padding:10px 3px 0px 10px;
}
#textarea {
	margin-left:5px;
	width:97%;
	height:45px;
	font-size:17pt;
	text-align:left;
	margin-right:0px;
	padding:0;
	border:1px solid #888;
	float:left;
}
.font_white{
	margin-right:25px;
	font-size:19px;
	color:#ffffff;
	font-weight: bold;
}
#tool_search #btn_search1 {
	display:block;float:left;
	width:141px;height:48px;
	padding:0px 15px 0px 0px;
	background:url(../../images/winapp/popup/search/btn_search.png) no-repeat center center;
}
#tool_search #btn_search1:active {
	background:url(../../images/winapp/popup/search/btn_search_o.png) no-repeat center center;
}
#tool_search #btn_reset {
	display:block;float:left;
	width:141px;height:48px;
	background:url(../../images/winapp/popup/search/btn_reset.png) no-repeat center center;
}
#tool_search #btn_reset:active {
	background:url(../../images/winapp/popup/search/btn_reset_o.png) no-repeat center center;
}

/* ------------------------------------------------------------
	BOOKMARK
------------------------------------------------------------ */
.coverwindow .btn_group_bookmark {
	position:absolute;
	right:0px;top:72px;left:25px;
	float:left;text-align:left;
	padding:12px 0px 15px 5px;
	background:rgba(64,64,64,0.8);
	width:94%;height:auto;
}
#tool_bookmark .btn_bookmark{
	float:left;
	width:98%;
	margin-left:20px;
}
#tool_bookmark #btn_type_bookmark {
	display:block;float:left;text-align:center;
	margin-top:8px;
	padding:0px;
	width:24%;
	height:50px;
	font-size:20px;
	color:#4f5459;
	line-height:50px;
	text-decoration:none;
	font-weight: bold;
	background: rgb(247,248,250); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,248,250,1) 1%, rgba(194,196,205,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,248,250,1)), color-stop(100%,rgba(194,196,205,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8fa', endColorstr='#c2c4cd',GradientType=0 ); /* IE6-9 */
	border-right:1px solid #4f5459;
	border-bottom:1px solid #4f5459;
}

#tool_bookmark #btn_type_bookmark.selected {
	color:#ffffff;
	background: rgb(142,174,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(142,174,239,1) 1%, rgba(90,128,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(142,174,239,1)), color-stop(100%,rgba(90,128,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eaeef', endColorstr='#5a80e8',GradientType=0 ); /* IE6-9 */
}
#tool_bookmark #btn_type_memo{
	display:block;float:left;text-align:center;
	margin-top:8px;
	padding:0px;
	width:24%;
	height:50px;
	font-size:20px;
	color:#4f5459;
	line-height:50px;
	text-decoration:none;
	font-weight: bold;
	background: rgb(247,248,250); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,248,250,1) 1%, rgba(194,196,205,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,248,250,1)), color-stop(100%,rgba(194,196,205,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8fa', endColorstr='#c2c4cd',GradientType=0 ); /* IE6-9 */
	border-right:1px solid #4f5459;
	border-bottom:1px solid #4f5459;
}

#tool_bookmark #btn_type_memo.selected {
	color:#ffffff;
	background: rgb(142,174,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(142,174,239,1) 1%, rgba(90,128,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(142,174,239,1)), color-stop(100%,rgba(90,128,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eaeef', endColorstr='#5a80e8',GradientType=0 ); /* IE6-9 */
}
#tool_bookmark #btn_type_stamp {
	display:block;float:left;text-align:center;
	margin-top:8px;
	padding:0px;
	width:24%;
	height:50px;
	font-size:20px;
	color:#4f5459;
	line-height:50px;
	text-decoration:none;
	font-weight: bold;
	background: rgb(247,248,250); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,248,250,1) 1%, rgba(194,196,205,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,248,250,1)), color-stop(100%,rgba(194,196,205,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8fa', endColorstr='#c2c4cd',GradientType=0 ); /* IE6-9 */
	border-right:1px solid #4f5459;
	border-bottom:1px solid #4f5459;
}

#tool_bookmark #btn_type_stamp.selected {
	color:#ffffff;
	background: rgb(142,174,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(142,174,239,1) 1%, rgba(90,128,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(142,174,239,1)), color-stop(100%,rgba(90,128,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eaeef', endColorstr='#5a80e8',GradientType=0 ); /* IE6-9 */
}
#tool_bookmark #btn_type_pentool {
	display:block;float:left;text-align:center;
	margin-top:8px;
	padding:0px;
	width:24%;
	height:50px;
	font-size:20px;
	color:#4f5459;
	line-height:50px;
	text-decoration:none;
	font-weight: bold;
	background: rgb(247,248,250); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,248,250,1) 1%, rgba(194,196,205,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,248,250,1)), color-stop(100%,rgba(194,196,205,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8fa', endColorstr='#c2c4cd',GradientType=0 ); /* IE6-9 */
	border-right:1px solid #4f5459;
	border-bottom:1px solid #4f5459;
}

#tool_bookmark #btn_type_pentool.selected {
	color:#ffffff;
	background: rgb(142,174,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(142,174,239,1) 1%, rgba(90,128,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(142,174,239,1)), color-stop(100%,rgba(90,128,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eaeef', endColorstr='#5a80e8',GradientType=0 ); /* IE6-9 */
}
#tool_bookmark #btn_type_photo {
	display:block;float:left;text-align:center;
	margin-top:8px;
	padding:0px;
	width:24%;
	height:50px;
	font-size:20px;
	color:#4f5459;
	line-height:50px;
	text-decoration:none;
	font-weight: bold;
	background: rgb(247,248,250); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,248,250,1) 1%, rgba(194,196,205,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,248,250,1)), color-stop(100%,rgba(194,196,205,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8fa', endColorstr='#c2c4cd',GradientType=0 ); /* IE6-9 */
	border-right:1px solid #4f5459;
	border-bottom:1px solid #4f5459;
}

#tool_bookmark #btn_type_photo.selected {
	color:#ffffff;
	background: rgb(142,174,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(142,174,239,1) 1%, rgba(90,128,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(142,174,239,1)), color-stop(100%,rgba(90,128,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eaeef', endColorstr='#5a80e8',GradientType=0 ); /* IE6-9 */
}
#tool_bookmark #btn_type_movie {
	display:block;float:left;text-align:center;
	margin-top:8px;
	padding:0px;
	width:24%;
	height:50px;
	font-size:20px;
	color:#4f5459;
	line-height:50px;
	text-decoration:none;
	font-weight: bold;
	background: rgb(247,248,250); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,248,250,1) 1%, rgba(194,196,205,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,248,250,1)), color-stop(100%,rgba(194,196,205,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8fa', endColorstr='#c2c4cd',GradientType=0 ); /* IE6-9 */
	border-right:1px solid #4f5459;
	border-bottom:1px solid #4f5459;
}

#tool_bookmark #btn_type_movie.selected {
	color:#ffffff;
	background: rgb(142,174,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(142,174,239,1) 1%, rgba(90,128,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(142,174,239,1)), color-stop(100%,rgba(90,128,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eaeef', endColorstr='#5a80e8',GradientType=0 ); /* IE6-9 */
}
#tool_bookmark #btn_type_url {
	display:block;float:left;text-align:center;
	margin-top:8px;
	padding:0px;
	width:24%;
	height:50px;
	font-size:20px;
	color:#4f5459;
	line-height:50px;
	text-decoration:none;
	font-weight: bold;
	background: rgb(247,248,250); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,248,250,1) 1%, rgba(194,196,205,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,248,250,1)), color-stop(100%,rgba(194,196,205,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,248,250,1) 1%,rgba(194,196,205,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8fa', endColorstr='#c2c4cd',GradientType=0 ); /* IE6-9 */
	border-right:1px solid #4f5459;
	border-bottom:1px solid #4f5459;
}

#tool_bookmark #btn_type_url.selected {
	color:#ffffff;
	background: rgb(142,174,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(142,174,239,1) 1%, rgba(90,128,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(142,174,239,1)), color-stop(100%,rgba(90,128,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(142,174,239,1) 1%,rgba(90,128,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eaeef', endColorstr='#5a80e8',GradientType=0 ); /* IE6-9 */
}

#tool_bookmark #btn_leftpage {
	display:block;float:left;text-align:center;
	margin-left:0px;margin-top:10px;
	padding-top:0px;
	width:170px;height:50px;
	font-size:18px;
	color:#fff;
	line-height:50px;
	text-decoration:none;
	font-weight: bold;
	background:#292929;
	cursor:pointer;
}
#tool_bookmark #btn_leftpage:active {
	background:#000000;
}
#tool_bookmark #btn_rightpage {
	display:block;float:left;text-align:center;
	margin-left:3px;margin-top:10px;
	padding-top:0px;
	width:170px;height:50px;
	font-size:18px;
	color:#fff;
	line-height:50px;
	text-decoration:none;
	font-weight: bold;
	background:#292929;
	cursor:pointer;
}
#tool_bookmark #btn_rightpage:active {
	background:#000000;
}
#tool_bookmark #btn_addSinglepage {
	display:block;float:left;text-align:center;
	margin-left:3px;margin-top:10px;
	padding-top:0px;
	width:170px;height:50px;
	font-size:18px;
	color:#fff;
	line-height:50px;
	text-decoration:none;
	font-weight: bold;
	background:#363636;
	cursor:pointer;
}
#tool_bookmark #btn_addSinglepage:active {
	background:#000000;
}

/*psy20140317*/
#btn_bookmarkEdit{
	float:right;
	text-align:center;
	margin-top:10px;
	margin-right:30px;
	width:160px;
	height:50px;
	font-size:18px;
	color:#fff;
	line-height:50px;
	text-decoration:none;
	font-weight: bold;
	background:#292929;
	cursor:pointer;
}

#btn_bookmarkEdit.selected{
	background: rgb(120,160,243); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(120,160,243) 0%, rgb(57,112,224) 50%, rgb(34,96,221) 50%, rgb(36,99,222) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(120,160,243)), color-stop(50%,rgb(57,112,224)), color-stop(50%,rgb(34,96,221)), color-stop(100%,rgb(36,99,222))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(120,160,243) 0%,rgb(57,112,224) 50%,rgb(34,96,221) 50%,rgb(36,99,222) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(120,160,243) 0%,rgb(57,112,224) 50%,rgb(34,96,221) 50%,rgb(36,99,222) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(120,160,243) 0%,rgb(57,112,224) 50%,rgb(34,96,221) 50%,rgb(36,99,222) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(120,160,243) 0%,rgb(57,112,224) 50%,rgb(34,96,221) 50%,rgb(36,99,222) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78a0f3', endColorstr='#2463de',GradientType=0 ); /* IE6-9 */
}

#icon_bookmarkDelete{
	float:right;
	display:none;
	width:40px;
	height:45px;
	margin-right:30px;
	margin-top:10px;
}

.icon_bookmarkDelete{
	background:url(../../images/winapp/popup/bookmark/icon_img_delete.png);
	cursor:pointer;
}

#icon_bookmarkDelete.disable{
	background:url(../../images/winapp/popup/bookmark/icon_img_delete_dis.png);
	cursor:default;
}

/* ------------------------------------------------------------
	AddOns BOOKMARK 
------------------------------------------------------------ */
.bookMarkDelete_select_icon{
	position:absolute;
	width:50px;
	height:40px;
	bottom:0;
	right:0;
}

.bookMarkDelete_select_icon.selected{
	background:url(../../images/winapp/popup/bookmark/icon_check.png);
}

/*psy*/
.popupwindow{
	position:absolute;
	bottom:0px; 
	left:0px;
	width:100%;
	height:74px;
	background: rgb(80,80,80); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(80,80,80,0.8) 0%, rgba(28,28,28,0.8) 50%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,0.8)), color-stop(50%,rgba(28,28,28,0.8)), color-stop(50%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid rgba(115,115,115,0.8);
	border-bottom: 1px solid rgba(42,42,42,0.8);
	z-index:100;
	display:none;
}

.popupwindow .tablet_popupwindow_center {
	position: relative;
	margin:0 auto;
	width: 680px;
	height: 40px;
	padding-top:10px;
}

.popupwindow .tablet_popupwindow_center a{
	margin-left: 30px;
}

.popupwindow .tablet_popupwindow_center_pentool {
	position: relative;
	margin:0 auto;
	width: 880px;
	height: 40px;
	padding-top:10px;
}

.popupwindow .tablet_popupwindow_center_pentool a{
	margin-left: 30px;
}

.popupwindow .tablet_popupwindow_center_wide {
	position: relative;
	margin:0 auto;
	width: 995px;
	height: 40px;
	padding-top:10px;
}

.popupwindow .tablet_popupwindow_center_wide a{
	margin-left: 4px;
}

.popupwindow .pw_close {
	position:absolute;
	right:10px;
	width:50px;
	height:50px;
	background:url(../../images/winapp/pc_tab/btn_close.png) center center;
}

.tool_button:last-child {
	margin-right: 0;
}

.popupwindow .tablet_popupwindow_center_pentool{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 610px;
	height: 40px;
	padding-top:10px;
}


.popupwindow .tablet_popupwindow_center_pentool a{
	margin-left: 5px;
}

/* ------------------------------------------------------------
	icon_memo
------------------------------------------------------------ */
#tool_memo .memo_btn{
	display:block;float:left;
	width:50px;height:50px;
}

#tool_memo #memo_type_yellow {
	background:url(../../images/winapp/pc_tab/memo/memo_yellow.png);
}
#tool_memo #memo_type_yellow.selected {
	background:url(../../images/winapp/pc_tab/memo/memo_yellow_over.png);
}

#tool_memo #memo_type_green {
	background:url(../../images/winapp/pc_tab/memo/memo_green.png);
}
#tool_memo #memo_type_green.selected {
	background:url(../../images/winapp/pc_tab/memo/memo_green_over.png);
}

#tool_memo #memo_type_blue {
	background:url(../../images/winapp/pc_tab/memo/memo_blue.png);
}
#tool_memo #memo_type_blue.selected {
	background:url(../../images/winapp/pc_tab/memo/memo_blue_over.png);
}

#tool_memo #memo_type_pink {
	background:url(../../images/winapp/pc_tab/memo/memo_pink.png);
}
#tool_memo #memo_type_pink.selected {
	background:url(../../images/winapp/pc_tab/memo/memo_pink_over.png);
}
#memo_type_red {
	background:url(../../images/winapp/pc_tab/memo/memo_red.png);
}
#memo_type_red.selected {
	background:url(../../images/winapp/pc_tab/memo/memo_red_over.png);
}


#tool_memo #memo_trans {
	background:url(../../images/winapp/pc_tab/memo/trans.png) no-repeat center center;
}

#tool_memo #memo_trans.trans_selected{
	background:url(../../images/winapp/pc_tab/memo/trans_over.png) no-repeat center center;
}


#tool_memo #memo_eraser {
	background:url(../../images/winapp/pc_tab/memo/eraser.png) no-repeat center center;
}
#tool_memo #memo_eraser:active {
	background:url(../../images/winapp/pc_tab/memo/eraser_over.png) no-repeat center center;
}

#tool_memo #memo_all_eraser {
	display:block;float:left;
	width:50px;height:50px;
	background:url(../../images/winapp/pc_tab/memo/all_eraser.png) no-repeat center center;
}
#tool_memo #memo_all_eraser:active {
	background:url(../../images/winapp/pc_tab/memo/all_eraser_over.png) no-repeat center center;
}



/* ------------------------------------------------------------
	icon_stamp
------------------------------------------------------------ */

#tool_stamp #stamp_01 {
	display:block;float:left;
	width:50px;height:50px;
	background:url(../../images/winapp/pc_tab/stamp/stamp_01.png) no-repeat center center;
}
#tool_stamp #stamp_01.selected {
	background:url(../../images/winapp/pc_tab/stamp/stamp_01_o.png) no-repeat center center;
}
#tool_stamp #stamp_01:active {
	background:url(../../images/winapp/pc_tab/stamp/stamp_01_o.png) no-repeat center center;
}
#tool_stamp #stamp_02 {
	display:block;float:left;
	width:50px;height:50px;
	background:url(../../images/winapp/pc_tab/stamp/stamp_02.png) no-repeat center center;
}
#tool_stamp #stamp_02.selected {
	background:url(../../images/winapp/pc_tab/stamp/stamp_02_o.png) no-repeat center center;
}
#tool_stamp #stamp_02:active {
	background:url(../../images/winapp/pc_tab/stamp/stamp_02_o.png) no-repeat center center;
}
#tool_stamp #stamp_03 {
	display:block;float:left;
	width:50px;height:50px;
	background:url(../../images/winapp/pc_tab/stamp/stamp_03.png) no-repeat center center;
}
#tool_stamp #stamp_03.selected {
	background:url(../../images/winapp/pc_tab/stamp/stamp_03_o.png) no-repeat center center;
}
#tool_stamp #stamp_03:active {
	background:url(../../images/winapp/pc_tab/stamp/stamp_03_o.png) no-repeat center center;
}
#tool_stamp #stamp_04 {
	display:block;float:left;
	width:50px;height:50px;
	background:url(../../images/winapp/pc_tab/stamp/stamp_04.png) no-repeat center center;
}
#tool_stamp #stamp_04.selected {
	background:url(../../images/winapp/pc_tab/stamp/stamp_04_o.png) no-repeat center center;
}
#tool_stamp #stamp_04:active {
	background:url(../../images/winapp/pc_tab/stamp/stamp_04_o.png) no-repeat center center;
}
#tool_stamp #stamp_05 {
	display:block;float:left;
	width:50px;height:50px;
	background:url(../../images/winapp/pc_tab/stamp/stamp_05.png) no-repeat center center;
}
#tool_stamp #stamp_05.selected {
	background:url(../../images/winapp/pc_tab/stamp/stamp_05_o.png) no-repeat center center;
}
#tool_stamp #stamp_05:active {
	background:url(../../images/winapp/pc_tab/stamp/stamp_05_o.png) no-repeat center center;
}
#tool_stamp #stamp_06 {
	display:block;float:left;
	width:50px;height:50px;
	background:url(../../images/winapp/pc_tab/stamp/stamp_06.png) no-repeat center center;
}
#tool_stamp #stamp_06.selected {
	background:url(../../images/winapp/pc_tab/stamp/stamp_06_o.png) no-repeat center center;
}
#tool_stamp #stamp_06:active {
	background:url(../../images/winapp/pc_tab/stamp/stamp_06_o.png) no-repeat center center;
}
#tool_stamp #stamp_07 {
	display:block;float:left;
	width:80px;height:50px;
	background:url(../../images/winapp/pc_tab/stamp/stamp_07.png) no-repeat center center;
}
#tool_stamp #stamp_07.selected {
	background:url(../../images/winapp/pc_tab/stamp/stamp_07_o.png) no-repeat center center;
}
#tool_stamp #stamp_07:active {
	background:url(../../images/winapp/pc_tab/stamp/stamp_07_o.png) no-repeat center center;
}
#tool_stamp #stamp_08 {
	display:block;float:left;
	width:80px;height:50px;
	background:url(../../images/winapp/pc_tab/stamp/stamp_08.png) no-repeat center center;
}
#tool_stamp #stamp_08.selected {
	background:url(../../images/winapp/pc_tab/stamp/stamp_08_o.png) no-repeat center center;
}
#tool_stamp #stamp_08:active {
	background:url(../../images/winapp/pc_tab/stamp/stamp_08_o.png) no-repeat center center;
}
#tool_stamp #stamp_09 {
	display:block;float:left;
	width:50px;height:50px;
	background:url(../../images/winapp/pc_tab/stamp/stamp_09.png) no-repeat center center;
}
#tool_stamp #stamp_09.selected {
	background:url(../../images/winapp/pc_tab/stamp/stamp_09_o.png) no-repeat center center;
}
#tool_stamp #stamp_09:active {
	background:url(../../images/winapp/pc_tab/stamp/stamp_09_o.png) no-repeat center center;
}
#tool_stamp #stamp_10 {
	display:block;float:left;
	width:50px;height:50px;
	background:url(../../images/winapp/pc_tab/stamp/stamp_10.png) no-repeat center center;
}
#tool_stamp #stamp_10.selected {
	background:url(../../images/winapp/pc_tab/stamp/stamp_10_o.png) no-repeat center center;
}
#tool_stamp #stamp_10:active {
	background:url(../../images/winapp/pc_tab/stamp/stamp_10_o.png) no-repeat center center;
}
#tool_stamp #stamp_11 {
	display:block;float:left;
	width:65px;height:50px;
	background:url(../../images/winapp/pc_tab/stamp/stamp_11.png) no-repeat center center;
}
#tool_stamp #stamp_11.selected {
	background:url(../../images/winapp/pc_tab/stamp/stamp_11_o.png) no-repeat center center;
}
#tool_stamp #stamp_11:active {
	background:url(../../images/winapp/pc_tab/stamp/stamp_11_o.png) no-repeat center center;
}
#tool_stamp #stamp_12 {
	display:block;float:left;
	width:65px;height:50px;
	background:url(../../images/winapp/pc_tab/stamp/stamp_12.png) no-repeat center center;
}
#tool_stamp #stamp_12.selected {
	background:url(../../images/winapp/pc_tab/stamp/stamp_12_o.png) no-repeat center center;
}
#tool_stamp #stamp_12:active {
	background:url(../../images/winapp/pc_tab/stamp/stamp_12_o.png) no-repeat center center;
}



#tool_stamp #stamp_trans {
	display:block;float:left;
	margin-left:15px;
	width:51px;height:51px;
	background:url(../../images/winapp/pc_tab/stamp/trans.png) no-repeat center center;
}
#tool_stamp #stamp_trans.selected {
	background:url(../../images/winapp/pc_tab/stamp/trans_over.png) no-repeat center center;
}

#tool_stamp #stamp_eraser {
	display:block;float:left;
	margin-left:15px;
	width:51px;height:51px;
	background:url(../../images/winapp/pc_tab/stamp/eraser.png) no-repeat center center;
}
#tool_stamp #stamp_eraser.selected {
	background:url(../../images/winapp/pc_tab/stamp/eraser_over.png) no-repeat center center;
}

#tool_stamp #stamp_all_eraser {
	display:block;float:left;
	width:51px;height:51px;
	background:url(../../images/winapp/pc_tab/stamp/all_eraser.png) no-repeat center center;
}


/* ------------------------------------------------------------
	icon_pentool
------------------------------------------------------------ */
#tool_pentool #pen_curve {
	display:block;float:left;
	width:70px;height:50px;
	background:url(../../images/winapp/pc_tab/pentool/pen_curve.png) no-repeat center center;
}
#tool_pentool #pen_curve.selected {
	background:url(../../images/winapp/pc_tab/pentool/pen_curve_over.png) no-repeat center center;
}

#tool_pentool #pen_straight {
	display:block;float:left;
	width:70px;height:50px;
	background:url(../../images/winapp/pc_tab/pentool/pen_straight.png) no-repeat center center;
}
#tool_pentool #pen_straight.selected {
	background:url(../../images/winapp/pc_tab/pentool/pen_straight_over.png) no-repeat center center;
}

#tool_pentool #pen_line {
	display:block;float:left;
	width:108px;height:50px;
	background:url(../../images/winapp/pc_tab/pentool/marker_linethick.png) no-repeat center center;
	padding:0 10px;
}
#tool_pentool #pen_line:active {
	background:url(../../images/winapp/pc_tab/pentool/marker_linethick_over.png) no-repeat center center;
}
#tool_pentool #pentool_color {
	display:block;float:left;
	width:50px;height:50px;
	background-size:cover;
	margin-right:10px;
}

/* ------------------------------------------------------------
	seo20140418
------------------------------------------------------------ */
#tool_pentool #pentool_color.color_yellow {
	background:url(../../images/winapp/pc_tab/pentool/color_yellow.png);
	background-size:cover;
}
#tool_pentool #pentool_color.selected_color_yellow {
	background:url(../../images/winapp/pc_tab/pentool/color_yellow_over.png);
	background-size:cover;
}
#tool_pentool #pentool_color.color_green {
	background:url(../../images/winapp/pc_tab/pentool/color_green.png);
	background-size:cover;
}
#tool_pentool #pentool_color.selected_color_green {
	background:url(../../images/winapp/pc_tab/pentool/color_green_over.png);
	background-size:cover;
}
#tool_pentool #pentool_color.color_blue {
	background:url(../../images/winapp/pc_tab/pentool/color_blue.png);
	background-size:cover;
}
#tool_pentool #pentool_color.selected_color_blue {
	background:url(../../images/winapp/pc_tab/pentool/color_blue_over.png);
	background-size:cover;
}
#tool_pentool #pentool_color.color_pink {
	background:url(../../images/winapp/pc_tab/pentool/color_pink.png);
	background-size:cover;
}
#tool_pentool #pentool_color.selected_color_pink {
	background:url(../../images/winapp/pc_tab/pentool/color_pink_over.png);
	background-size:cover;
}
#tool_pentool #pentool_color.color_red {
	background:url(../../images/winapp/pc_tab/pentool/color_red.png);
	background-size:cover;
}
#tool_pentool #pentool_color.selected_color_red {
	background:url(../../images/winapp/pc_tab/pentool/color_red_over.png);
	background-size:cover;
}

#marker_tablecontents {
	clear:both;
	z-index:103;
	display:none;
	float:none;
	width:195px;
	height:189px;
	position:absolute;
	top:-194px;
	left:111px;
	padding-top: 41px;
	padding-left: 21px;
	background:url(../../images/winapp/pc_tab/pentool/marker_tablecontents.png) no-repeat center center;
}
#marker_thick_r {
	display:block;
	float:none;
	width:174px;height:39px;
	margin-left:0;
	background:url(../../images/winapp/pc_tab/pentool/marker_thick_r.png) no-repeat center center;
}

#marker_thick_r.selected {
	background:url(../../images/winapp/pc_tab/pentool/marker_thick_r_over.png) no-repeat center center;
	background-size:cover;
}

#marker_thick_m {
	display:block;
	float:none;
	width:174px;height:39px;
	margin-left:0;
	background:url(../../images/winapp/pc_tab/pentool/marker_thick_m.png) no-repeat center center;
}

#marker_thick_m.selected {
	background:url(../../images/winapp/pc_tab/pentool/marker_thick_m_over.png) no-repeat center center;
	background-size:cover;
}

#marker_thick_b {
	display:block;
	float:none;
	width:174px;height:39px;
	margin-left:0;
	background:url(../../images/winapp/pc_tab/pentool/marker_thick_b.png) no-repeat center center;
}

#marker_thick_b.selected {
	background:url(../../images/winapp/pc_tab/pentool/marker_thick_b_over.png) no-repeat center center;
	background-size:cover;
}

#color_tablecontents {
	z-index:103;
	display:none;
	float:none;
	width:195px;
	height:228px;
	position:absolute;
	top:-231px;
	left:217px;
	padding-top: 38px;
	padding-left: 27px;
	background:url(../../images/winapp/pc_tab/pentool/color_tablecontents.png) no-repeat center center;
}

#color_yellow {
	display:block;
	float:none;
	width:168px;
	height:33px;
	color:#fffc0a;
	margin-left:0;
	background:url(../../images/winapp/pc_tab/pentool/yellow.png) no-repeat center center;
}

#color_yellow.selected {
	background:url(../../images/winapp/pc_tab/pentool/yellow_over.png) no-repeat center center;
	background-size:cover;
}

#color_green {
	display:block;
	float:none;
	width:168px;
	height:33px;
	color:#00ff00;
	margin-left:0;
	background:url(../../images/winapp/pc_tab/pentool/green.png) no-repeat center center;
}

#color_green.selected {
	background:url(../../images/winapp/pc_tab/pentool/green_over.png) no-repeat center center;
	background-size:cover;
}

#color_blue {
	display:block;
	float:none;
	width:168px;
	height:33px;
	color:#00a8ff;
	margin-left:0;
	background:url(../../images/winapp/pc_tab/pentool/blue.png) no-repeat center center;
}

#color_blue.selected {
	background:url(../../images/winapp/pc_tab/pentool/blue_over.png) no-repeat center center;
	background-size:cover;
}

#color_pink {
	display:block;
	float:none;
	width:168px;
	height:33px;
	color:#ff2291;
	margin-left:0;
	background:url(../../images/winapp/pc_tab/pentool/pink.png) no-repeat center center;
}

#color_pink.selected {
	background:url(../../images/winapp/pc_tab/pentool/pink_over.png) no-repeat center center;
	background-size:cover;
}

#color_red {
	display:block;
	float:none;
	width:168px;
	height:33px;
	color:#ff2500;
	margin-left:0;
	background:url(../../images/winapp/pc_tab/pentool/red.png) no-repeat center center;
}

#color_red.selected {
	background:url(../../images/winapp/pc_tab/pentool/red_over.png) no-repeat center center;
	background-size:cover;
}

#tool_pentool #pentool_trans {
	display:block;float:left;
	width:51px;height:51px;
	background:url(../../images/winapp/pc_tab/pentool/trans.png) no-repeat center center;
}
#tool_pentool #pentool_trans.selected {
	background:url(../../images/winapp/pc_tab/pentool/trans_over.png) no-repeat center center;
}

#tool_pentool #pentool_eraser {
	display:block;float:left;
	width:51px;height:51px;
	background:url(../../images/winapp/pc_tab/pentool/eraser.png) no-repeat center center;
}
#tool_pentool #pentool_eraser.selected {
	background:url(../../images/winapp/pc_tab/pentool/eraser_over.png) no-repeat center center;
}

#tool_pentool #pentool_all_eraser {
	display:block;float:left;
	width:51px;height:51px;
	background:url(../../images/winapp/pc_tab/pentool/all_eraser.png) no-repeat center center;
}
#tool_pentool #pentool_all_eraser:active {
	display:block;float:left;
	width:51px;height:51px;
	background:url(../../images/winapp/pc_tab/pentool/all_eraser_over.png) no-repeat center center;
}

/* ------------------------------------------------------------
	icon_blind
------------------------------------------------------------ */

#tool_blind #blind_size_s {
	display:block;float:left;
	width:50px;height:50px;
	background:url(../../images/winapp/pc_tab/blind/size_s.png) no-repeat center center;
}
#tool_blind #blind_size_s.selected {
	background:url(../../images/winapp/pc_tab/blind/size_s_over.png) no-repeat center center;
}

#tool_blind #blind_size_m {
	display:block;float:left;
	width:50px;height:50px;
	background:url(../../images/winapp/pc_tab/blind/size_m.png) no-repeat center center;
}
#tool_blind #blind_size_m.selected {
	background:url(../../images/winapp/pc_tab/blind/size_m_over.png) no-repeat center center;
}

#tool_blind #blind_size_l {
	display:block;float:left;
	width:50px;height:50px;
	background:url(../../images/winapp/pc_tab/blind/size_l.png) no-repeat center center;
	padding:0 10px;
}
#tool_blind #blind_size_l.selected {
	background:url(../../images/winapp/pc_tab/blind/size_l_over.png) no-repeat center center;
}

#tool_blind #blind_color {
	display:block;float:left;
	width:50px;height:50px;
	color:#e98278;
	background:url(../../images/winapp/pc_tab/blind/color_pink.png) no-repeat center center;
	padding:0 5px;
}
#tool_blind #blind_color.selected {
	background:url(../../images/winapp/pc_tab/blind/color_pink_over.png) no-repeat center center;
}
#tool_blind #blind_color:active {
	background:url(../../images/winapp/pc_tab/blind/color_pink_over.png) no-repeat center center;
}

#blind_color_tablecontents {
	z-index:103;
	display:none;
	float:none;
	width:195px;
	height:228px;
	position:absolute;
	top:-231px;
	left:210px;
	padding-top: 38px;
	padding-left: 27px;
	background:url(../../images/winapp/pc_tab/blind/color_tablecontents.png) no-repeat center center;
}
/*#color_pink {
	display:block;
	float:none;
	width:168px;
	height:33px;
	color:#e98278;
	margin-left:0;
	background:url(../../images/winapp/pc_tab/blind/pink.png) no-repeat center center;
}
#color_yellow {
	display:block;
	float:none;
	width:168px;
	height:33px;
	color:#fffc0a;
	margin-left:0;
	background:url(../../images/winapp/pc_tab/blind/yellow.png) no-repeat center center;
}
#color_green {
	display:block;
	float:none;
	width:168px;
	height:33px;
	color:#00ff00;
	margin-left:0;
	background:url(../../images/winapp/pc_tab/blind/green.png) no-repeat center center;
}
#color_blue {
	display:block;
	float:none;
	width:168px;
	height:33px;
	color:#00a8ff;
	margin-left:0;
	background:url(../../images/winapp/pc_tab/blind/blue.png) no-repeat center center;
}
#color_grey {
	display:block;
	float:none;
	width:168px;
	height:33px;
	color:#c9caca;
	margin-left:0;
	background:url(../../images/winapp/pc_tab/blind/grey.png) no-repeat center center;
}*/


#tool_blind #blind_trans {
	display:block;float:left;
	width:51px;height:51px;
	background:url(../../images/winapp/pc_tab/blind/trans.png) no-repeat center center;
}
#tool_blind #blind_trans.selected {
	background:url(../../images/winapp/pc_tab/blind/trans_over.png) no-repeat center center;
}

#tool_blind #blind_eraser {
	display:block;float:left;
	width:51px;height:51px;
	background:url(../../images/winapp/pc_tab/blind/eraser.png) no-repeat center center;
}
#tool_blind #blind_eraser.selected {
	background:url(../../images/winapp/pc_tab/blind/eraser_over.png) no-repeat center center;
}

#tool_blind #blind_all_eraser {
	display:block;float:left;
	width:51px;height:51px;
	background:url(../../images/winapp/pc_tab/blind/all_eraser.png) no-repeat center center;
}

/* ------------------------------------------------------------
	icon_photo
------------------------------------------------------------ */
#tool_photo{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	z-index:1;
	left:0;
	top:0;
}

.icon_photo {
	position:absolute;
	width:100px;
	height:100px;
	top:50%;
	left:50%;
	margin:0px 0px 0px 0px;
	background:url(../../images/winapp/pc_tab/photo/photo.png) no-repeat center center;
}

/* ------------------------------------------------------------
	icon_movie
------------------------------------------------------------ */
#tool_movie{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	z-index:1;
	left:0;
	top:0;
}

.icon_movie {
	position:absolute;
	width:100px;
	height:100px;
	top:50%;
	left:50%;
	margin:0px 0px 0px 0px;
	background:url(../../images/winapp/pc_tab/movie/video.png) no-repeat center center;
}


/* ------------------------------------------------------------
	共通　icon_cancel
------------------------------------------------------------ */
.edited .icon_cancel {
	position:absolute;
	width:50px;
	height:50px;
	top:-15px;
	left:-11px;
	background:url(../../images/winapp/pc_tab/delete_icon.png) no-repeat top left;
}

/* ------------------------------------------------------------
	ブック内リンク
------------------------------------------------------------ */
#tool_inlink{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	z-index:120;
	left:0;
	top:0;
}

.top_inlink_table.inside {
	position:absolute;
	top:0px; 
	left:0px;
	width:100%;
	height:75px;
	z-index: 122;
	background: rgb(80,80,80); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(80,80,80,0.8) 0%, rgba(28,28,28,0.8) 50%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,0.8)), color-stop(50%,rgba(28,28,28,0.8)), color-stop(50%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid rgba(115,115,115,0.8);
	border-bottom: 1px solid rgba(21,21,21,0.8);
}

.top_inlink_table.outside {
	position:absolute;
	top:0px; 
	left:0px;
	width:100%;
	height:75px;
	z-index: 122;
	background: rgb(80,80,80); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(80,80,80,1) 0%, rgba(28,28,28,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,1)), color-stop(50%,rgba(28,28,28,1)), color-stop(50%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(80,80,80,1) 0%,rgba(28,28,28,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(80,80,80,1) 0%,rgba(28,28,28,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(80,80,80,1) 0%,rgba(28,28,28,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(80,80,80,1) 0%,rgba(28,28,28,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid rgba(115,115,115,1);
	border-bottom: 1px solid rgba(21,21,21,0.8);
}

.top_inlink_table a.inlink_move {
	position:absolute;
	float:left;
	left:12px;top:8px;
	width:80px;height:58px;
	background:url(../../images/winapp/btn_move.png) no-repeat;
}
.top_inlink_table a.inlink_move:active {
	background:url(../../images/winapp/btn_move_o.png) no-repeat;
}

.top_inlink_table a.inlink_box {
	position:absolute;
	float:right;
	right:12px;top:8px;
	width:100px;height:58px;
	background:url(../../images/winapp/btn_close.png) no-repeat;
}
.top_inlink_table a.inlink_box:active {
	background:url(../../images/winapp/btn_close_o.png) no-repeat;
}

.contents_inlink_table {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	top:0px;
	height:100%;
	z-index: 120;
	background-color: rgba(0,0,0,1);
}


/* ------------------------------------------------------------
	icon_urllink_pagechoice
------------------------------------------------------------ */
#tool_url_page{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10000;
	background-color: rgba(0,0,0,0.6);
	display:none;
}

#tool_url_page #urllink_page_choice {
	position:absolute;
	width:410px;
	height:244px;
	top:50%;
	left:50%;
	margin:-122px 0 0 -205px;
	background:#ffffff;
	border:3px solid #0e1527;
	border-radius:12px;
}
.choice_page_title {
	display:block;
	margin:20px;
	float:left;
	width:370px;
	height:210px;
}
.page_title{
	height: 50px;
	float:left;
	width:100%;
	text-align:center;
	padding-top:10px;
	font-size:240%;
	color:#000000;
	font-family:"ＭＳ Ｐゴシック","sans-serif";
}

.choice_page_tb {
			float:left;
			width:100%;
			height:60px;
		}

		.choice_page_tb .left_page {
            position:relative;
			float:left;
			width:183px;
			height:60px;
			text-align:center;
			font-size:220%;
			color:#605f5f;
			font-weight:bold;
			font-family:"ＭＳ Ｐゴシック","sans-serif";
			background: rgb(251,251,251);
			background: -moz-linear-gradient(top,  rgb(251,251,251) 0%, rgb(204,204,204) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(251,251,251)), color-stop(100%,rgb(204,204,204)));
			background: -webkit-linear-gradient(top,  rgb(251,251,251) 0%,rgb(204,204,204) 100%);
			background: -o-linear-gradient(top,  rgb(251,251,251) 0%,rgb(204,204,204) 100%);
			background: -ms-linear-gradient(top,  rgb(251,251,251) 0%,rgb(204,204,204) 100%);
			background: linear-gradient(to bottom,  rgb(251,251,251) 0%,rgb(204,204,204) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#cccccc',GradientType=0 );
			border:1px solid #9d9d9d;
			border-top-left-radius:8px;
			border-bottom-left-radius:8px;
		}
		input[type="button"].selected{
			text-align:center;
			font-size:220%;
			color:#ffffff;
			font-weight:bold;
			font-family:"ＭＳ Ｐゴシック","sans-serif";
			background: rgb(30,81,169);
			background: -moz-linear-gradient(top,  rgb(30,81,169) 0%, rgb(51,111,213) 13%, rgb(107,167,251) 87%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(30,81,169)), color-stop(13%,rgb(51,111,213)), color-stop(87%,rgb(107,167,251)));
			background: -webkit-linear-gradient(top,  rgb(30,81,169) 0%,rgb(51,111,213) 13%,rgb(107,167,251) 87%);
			background: -o-linear-gradient(top,  rgb(30,81,169) 0%,rgb(51,111,213) 13%,rgb(107,167,251) 87%);
			background: -ms-linear-gradient(top,  rgb(30,81,169) 0%,rgb(51,111,213) 13%,rgb(107,167,251) 87%);
			background: linear-gradient(to bottom,  rgb(30,81,169) 0%,rgb(51,111,213) 13%,rgb(107,167,251) 87%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e51a9', endColorstr='#6ba7fb',GradientType=0 );
			border:1px solid #113f8d;
		}

		.choice_page_tb .right_page {
            position:relative;
			float:left;
			width:183px;
			height:60px;
			text-align:center;
			font-size:220%;
			color:#605f5f;
			font-weight:bold;
			font-family:"ＭＳ Ｐゴシック","sans-serif";
			background: rgb(251,251,251);
			background: -moz-linear-gradient(top,  rgb(251,251,251) 0%, rgb(204,204,204) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(251,251,251)), color-stop(100%,rgb(204,204,204)));
			background: -webkit-linear-gradient(top,  rgb(251,251,251) 0%,rgb(204,204,204) 100%);
			background: -o-linear-gradient(top,  rgb(251,251,251) 0%,rgb(204,204,204) 100%);
			background: -ms-linear-gradient(top,  rgb(251,251,251) 0%,rgb(204,204,204) 100%);
			background: linear-gradient(to bottom,  rgb(251,251,251) 0%,rgb(204,204,204) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#cccccc',GradientType=0 );
			border:1px solid #9d9d9d;
			border-top-right-radius:8px;
			border-bottom-right-radius:8px;
		}

.btn_page_box {
            float:left;
			width:370px;
			height:52px;
			margin-top:27px;
        }

		.btn_sidepage_box a {
			position:relative;
			display:block;
		}

		.page_btn_cancel{
			float:left;
			width:175px;
			height:52px;
			cursor:pointer;
			margin-right:10px;
			background:url(../../images/winapp/pc_tab/url/btn_cancel.png) repeat-x left top;
		}

		.page_btn_cancel:active{
			background:url(../../images/winapp/pc_tab/url/btn_cancel_o.png) repeat-x left top;
		}

		.page_btn_ok{
			float:left;
			width:175px;
			height:52px;
			cursor:pointer;
			margin-left:8px;
			background:url(../../images/winapp/pc_tab/url/btn_ok.png) repeat-x left top;
		}

		.page_btn_ok:active{
			background:url(../../images/winapp/pc_tab/url/btn_ok_o.png) repeat-x left top;
		}


/* ------------------------------------------------------------
	icon_urllink
------------------------------------------------------------ */
#tool_url{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	z-index:100;
	left:0;
	top:0;
	background:#000;
}

#urllink_page_view{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	/*background:#fff;*/
}

/*psy20140222*/
.book_view_body{
	position:absolute;
}

.block_view_body{
	position:absolute;
	display:none;
}

.block_view_body .block_drag{
	position:relative;
	border:2px solid #fff;
	background:rgba(255,255,255,.3);
	top:0;
	left:0;
	width:300px;
	height:400px;
}

#urllink_contents_body{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(255,255,255,.0);
	display:none;
	z-index:100;
}

.urllink_tablecontents {
	position:absolute;
	width:510px;
	height:570px;
	top:50%;
	left:50%;
	margin:-285px 0 0 -255px;
	background:url(../../images/winapp/pc_tab/url_table.png) no-repeat center center;
}

.url_bt_title{
	float: left;
	width: 510px;
	height:70px;
	background:transparent;
}
.url_bt_title .urllink_txt{
	position:absolute;
	width:510px;
	left:50%;
	margin:0 0 0 -255px;
	padding-top:28px;
	font-size: 250%;
	color: #ffffff;
	font-family:"ＭＳ Ｐゴシック","sans-serif";
	font-weight:bold;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}
.url_bt_title .urllink_btn_close{
	z-index:100;
	position:absolute;
	float: left;
	display:none;
	margin:17px 0px 0 12px;
	width: 80px;
	height:41px;
	background:url(../../images/winapp/pc_tab/setting/btn_setting_close.png) no-repeat center right;
}
.url_bt_title .urllink_btn_close:active{
	background:url(../../images/winapp/pc_tab/setting/btn_setting_close_o.png) no-repeat center right;
}




/*link setting group*/
.url_group_box {
	float: left;
	margin-left:13px;
	width: 484px;
	height:486px;
	background:#ffffff;
	border-radius:8px;
	box-shadow:0px 1px 3px rgba(0,0,0,0.4) inset;
}

.url_colorpicker{
	display:none;
	
}

.box_border_group {
	position:absolute;
	width: 484px;
	height:486px;
}


.box_border{
	display:block;
	margin-top:18px;
	margin-left:14px;
	float:none;
	width:454px;
	height:362px;
	border:1px solid #000000;
	border-radius:12px;
}

.url_group_btn {
	display:block;
	margin-top:27px;
	margin-left:63px;
	float:none;
	width:452px;
	height:52px;
}

.btn_url_box {
            float:left;
			width:410px;
			height:52px;
        }

		.btn_url_box a {
			position:relative;
			display:block;
		}

		.url_btn_save{
			float:left;
			width:175px;
			height:52px;
			cursor:pointer;
			margin-right:10px;
			background:url(../../images/winapp/pc_tab/url/btn_save.png) repeat-x left top;
		}

		.url_btn_save:active{
			background:url(../../images/winapp/pc_tab/url/btn_save_o.png) repeat-x left top;
		}

		.url_btn_cancel{
			float:left;
			width:175px;
			height:52px;
			cursor:pointer;
			margin-left:10px;
			background:url(../../images/winapp/pc_tab/url/btn_cancel.png) repeat-x left top;
		}

		.url_btn_cancel:active{
			background:url(../../images/winapp/pc_tab/url/btn_cancel_o.png) repeat-x left top;
		}

.bottom_urllink_table {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:74px;
	background: rgb(80,80,80); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(80,80,80,0.8) 0%, rgba(28,28,28,0.8) 50%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,0.8)), color-stop(50%,rgba(28,28,28,0.8)), color-stop(50%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(80,80,80,0.8) 0%,rgba(28,28,28,0.8) 50%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border-top: 1px solid rgba(115,115,115,0.8);
	border-bottom: 1px solid rgba(42,42,42,0.8);
	z-index:200;
}

#url_edit_table {
	position: relative;
	margin:0 auto;
	width:480px;
	height: 60px;
	margin-top:9px;
}

#url_edit_table a.btn_url_img {
	display:block;
	width:100px;
	height:58px;
	float:left;
	margin-left:10px;
	margin-right:10px;
}

.btn_url_custom {
	background:url(../../images/winapp/pc_tab/url/btn_custom.png) no-repeat center center;
}
.btn_url_custom.selected {
	background:url(../../images/winapp/pc_tab/url/btn_custom_o.png) no-repeat center center;
}
.btn_url_edit {
	background:url(../../images/winapp/pc_tab/url/btn_edit.png) no-repeat center center;
}
.btn_url_edit.selected {
	background:url(../../images/winapp/pc_tab/url/btn_edit_o.png) no-repeat center center;
}
.btn_url_delete {
	background:url(../../images/winapp/pc_tab/url/btn_delete.png) no-repeat center center;
}
.btn_url_delete.selected {
	background:url(../../images/winapp/pc_tab/url/btn_delete_o.png) no-repeat center center;
}
.btn_url_back {
	background:url(../../images/winapp/pc_tab/url/btn_back.png) no-repeat center center;
}
.btn_url_back:active {
	background:url(../../images/winapp/pc_tab/url/btn_back_o.png) no-repeat center center;
}

/*color picker start*/
.box_border_color{
	display:block;
	float:none;
	width:472px;
	height:464px;
	padding:10px 10px 10px 0;
}

.url_box_picker {
	float:left;
	width:100%;
	height: 84px;
	margin:10px 10px 15px 5px;
	
}
.url_box_picker .right_div_txt {
            float:left;
			width:465px;
			text-align:left;
			font-size:130%;
			font-weight:bold;
			color:#000000;
			font-family:"ＭＳ Ｐゴシック","sans-serif";
			margin-top:7px;
        }
		.url_color_p {
			display:block;float:left;
			width:60px;
			height:60px;
			margin-top:4px;
			margin-left:10px;
			background:#ffc1c1;
			border:1px solid #515050;
			border-radius:6px;
		}
		.color_picker_txt_p{
			float:left;
			width:90px;
			font-size:120%;
			color:#000000;
			font-family:"ＭＳ Ｐゴシック","sans-serif";
			margin-top:4px;
			margin-left:15px;
		}
		.color_picker_pointer{
			float:left;
			width:285px;
			height:60px;
			margin-top:4px;
			background:#ffc1c1;
			border:1px solid #515050;
		}
.url_title {
            float:left;
			margin:30px 15px 25px 15px;
			width:420px;
			height:310px;
			text-align:left;
        }
		
		.url_title .url_box {
            height: 80px;
        }

		.url_title .url_box a {
			position:relative;
			display:block;
		}

		.url_box .left_title {
            float:left;
			width:105px;
			text-align:right;
			font-size:240%;
			color:#000000;
			font-family:"ＭＳ Ｐゴシック","sans-serif";
			margin-top:20px;
        }
        .url_box .right_contents {
            float:left;
			width:305px;
			text-align:left;
			font-size:190%;
			font-weight:bold;
			color:#000000;
			font-family:"ＭＳ Ｐゴシック","sans-serif";
			margin-top:7px;
        }
		.input_url {
			width:280px;
			height:38px;
			font-size: 110%;
			color:#494848;
			margin-left:15px;
			padding:5px  0px 5px 10px;
			box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
			border:1px solid #a0a0a0;
			border-radius:8px;
		}
		input[type="url"]:focus{
			text-align: left;
			outline: medium none;
			border: 1px solid rgb(77, 144, 254);
			box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
			-moz-user-select: auto; -khtml-user-select: auto;
			
		}

		.url_color {
			display:block;float:left;
			width:40px;
			height:40px;
			margin-left:15px;
			background:#ffc1c1;
			border:1px solid #000000;
		}
		.color_picker_txt{
			float:left;
			font-size:120%;
			color:#000000;
			font-family:"ＭＳ Ｐゴシック","sans-serif";
			margin-top:12px;
			margin-left:15px;
		}

		.url_radio {
			display:block;float:left;
			width:40px;
			height:40px;
			margin-left:15px;
			margin-top:5px;
			background:url(../../images/winapp/pc_tab/url/radio_off.png) repeat-x left top;
		}
		.url_radio.selected {
			background:url(../../images/winapp/pc_tab/url/radio_on.png) repeat-x left top;
		}

#colorpicker{
	cursor: crosshair;
	float: left;
	padding-left:10px;
	border: 0px none;
}

#colorpicker .colorpicker_img{
	float: left;
	width:455px;
	height:345px;
	margin-left:5px;
	margin-top:5px;
}
/*color picker end*/


/* ------------------------------------------------------------
	popup_photo
------------------------------------------------------------ */
#tool_photopopup{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	z-index:1;
	left:0;
	top:0;
}

.popup_phototablecontents {
	position:absolute;
	width:800px;
	height:750px;
	top:50%;
	left:50%;
	margin:-375px 0 0 -400px;
}

.photo_top {
	width:100%;
	height:50px;
	background:rgba(0,0,0,0.8);
}
.photo_top a.top_btn_close{
	display:block;
	width:42px;
	height:42px;
	float:right;
	margin:5px 10px 0 0px;
	background:url(../../images/winapp/popup/btn_close.png) no-repeat center center;
}
.photo_top a.top_btn_close:active{
	background:url(../../images/winapp/popup/btn_close_o.png) no-repeat center center;
}

.photo_body_imgbox{
	width:100%;
	height:700px;
	float:left;
	background:rgba(0,0,0,0.6);
}

.photo_body_imgbox .photo_capture_img{
	width:770px;
	height:670px;
	background:rgba(255,255,255,1) /*transparent*/;
	margin:15px;
}

.popupwindowprint {
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	background-color:#edeeec;
	border:1px solid #5a5a5a;
	width:250px;height:270px;
	margin:-133px 0 0 -125px; 
	z-index:100;
}
.popupwindowprint .pwin_title {
	background:url(../../images/winapp/popup/top_titlebg.png) repeat-x left top;
	padding:6px 0px 0px 10px;
	height:51px;
}
.popupwindowprint .pwin_title .pwin_title_print {
	display:block;float:left;text-align:center;
	width:99px;height:36px;
	background:url(../../images/winapp/popup/print/title_popup.png) repeat-x center center;
}
.popupwindowprint .pw_close {
	position:absolute;
	right:10px;top:3px;
	width:42px;height:42px;
	background:url(../../images/winapp/popup/btn_close.png) no-repeat;
	
}
.popupwindowprint .pw_radio {
	position:absolute;
	left:10px;top:100px;
}
.popupwindowprint .btn_group {
	float:left;text-align:center;
}
/*psy*/
.popupwindowprint .btn_label {
	clear:both;text-align:center;
	height:100px;
	padding-bottom:5px;
}
.popupwindowprint .btn_radio {
	float:left;text-align:center;
	padding:5px 0px 0px 47px;
	margin-top:5px;
}

.popupwindowprint .btn_radio input[type="radio"], label{
	visibility:hidden;
}


.popupwindowprint .btn_checkbox {
	float:left;text-align:center;
	padding:0px 0px 0px 30px;
}
.popupwindowprint .btn_pw_print {
	float:left;
	padding-left:5px;
	margin-top:5px;
}

.popupwindowprint .btn_pw_print #goPrint{
	width:240px;height:50px;
	background:url(../../images/winapp/popup/print/btn_print.png);
}

.popupwindowprint .btn_pw_print #goPrint:active{
	background:url(../../images/winapp/popup/print/btn_print_o.png);
}

/* ------------------------------------------------------------
	VIDEO
------------------------------------------------------------ */
/*video*/
.popupwindowmovie {
	display:none;
	position:absolute;
	background-color:#000;
	border:1px solid #484848;
	z-index:100;
}

.popupwindowmovie .pw_close {
	position:absolute;
	right:10px;top:10px;
	width:15px;height:15px;
	background:url(../../images/winapp/movie/btn_close.png) no-repeat;
	
	z-index:101;
}

#movie_navbar {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:36px;
	
	background: #1b1b1b;
	background:-moz-linear-gradient(top,#323232,#1b1b1b);
	background:-webkit-linear-gradient(top,#323232,#1b1b1b);
	background:-o-linear-gradient(top,#323232,#1b1b1b);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff323232,endColorstr=#ff1b1b1b);
}

#movie_navbar a{
	display:block;
	width:25px;
	height:18px;
	text-align:center;
	float:left;
	margin-top:4px;
}

/*buffer*/
#movie_slidebar{
	height:10px;
	width:100%;
	position:relative;
	top:0px;
}

#movie_buffer {
	height:6px;
	position:relative;
	top:0px;
	left:0px;

	background: #474747; 
	background:-moz-linear-gradient(top,#474747,#444);
	background:-webkit-linear-gradient(top,#474747,#444);
	background:-o-linear-gradient(top,#474747,#444);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff474747,endColorstr=#ff444444);
}

#movie_bufferbar{
	position:absolute;
	width:0;
	height:6px;
	top:0px;
	background:url(tablet/slidebar.png) repeat-x;
	/*border:1px solid #6b6b6b;*/
	
	background: #757575;
	background:-moz-linear-gradient(top,#757575, #666);
	background:-webkit-linear-gradient(top,#757575, #666);
	background:-o-linear-gradient(top,#757575, #666);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff757575,endColorstr=#ff666666);
}

#movie_leftbar{
	width:0;
	height:6px;
	position:absolute;
	top:0;
	
	background: #4788ee;
	background:-moz-linear-gradient(top,#4b8df8, #4788ee);
	background:-webkit-linear-gradient(top,#4b8df8, #4788ee);
	background:-o-linear-gradient(top,#4b8df8, #4788ee);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff4b8df8,endColorstr=#ff4788ee);
}

#movie_seekThumb {
	position:absolute;
	top:-7px;
	left:0;
	width:22px;
	height:22px;
	background:url(../../images/winapp/movie/nav_thumb_o.png) no-repeat;
	
}

/*controller*/
#movie_controller{
	height:30px;
	width:100%;
	position:relative;
}

#movie_leftController{
	position:absolute;
	left:10px;
}
#movie_leftController a{
	width:18px;
	height:18px;
	margin-left:3px;
}

#movie_rightContoroller{
	position:absolute;
	right:10px;
}

#playTime {
	margin-left:4px;
	width:70px;
	height:25px;
	font-size:1.0em;
	color:#ffffff;
	text-align:left;
	margin-top:4px;
	margin-left:10px;
	padding:0;
	border:0px solid #888;
	background-color:transparent;
	float:left;
}



#movie_navbar #movie_leftend {
	background:url(../../images/winapp/movie/movieleftend.png) no-repeat center center;
}
#movie_navbar #movie_leftend:active {
	background:url(../../images/winapp/movie/movieleftend_o.png) no-repeat center center;
}

#movie_navbar .movie_play {
	background:url(../../images/winapp/movie/play.png) no-repeat center center;
}
#movie_navbar .movie_play:active {
	background:url(../../images/winapp/movie/play_o.png) no-repeat center center;
}

#movie_navbar .movie_pause {
	background:url(../../images/winapp/movie/play_pause.png) no-repeat center center;
}
#movie_navbar .movie_pause:active {
	background:url(../../images/winapp/movie/play_pause_o.png) no-repeat center center;
}


#movie_navbar #movie_stop {	
	background:url(../../images/winapp/movie/stop.png) no-repeat center center;
}
#movie_navbar #movie_stop:active {
	background:url(../../images/winapp/movie/stop_o.png) no-repeat center center;
}

#movie_navbar #movie_rightend {
	background:url(../../images/winapp/movie/movierightend.png) no-repeat center center;
}
#movie_navbar #movie_rightend:active {
	background:url(../../images/winapp/movie/movierightend_o.png) no-repeat center center;
}

#movie_navbar .movie_sound {
	background:url(../../images/winapp/movie/sound.png) no-repeat center center;
}
#movie_navbar .movie_sound:active {
	background:url(../../images/winapp/movie/sound_o.png) no-repeat center center;
}

#movie_navbar .movie_sound_muted{
	background:url(../../images/winapp/movie/sound_off.png) no-repeat center center;
}
#movie_navbar .movie_sound_muted:active{
	background:url(../../images/winapp/movie/sound_off_o.png) no-repeat center center;
}


#movie_navbar .movie_full {
	background:url(../../images/winapp/movie/fullscreen.png) no-repeat center center;
}
#movie_navbar .movie_full:active {
	background:url(../../images/winapp/movie/fullscreen_o.png) no-repeat center center;
}

#movie_navbar .movie_full_off {
	background:url(../../images/winapp/movie/fullscreen_off.png) no-repeat center center;
}
#movie_navbar .movie_full_off:active {
	background:url(../../images/winapp/movie/fullscreen_o_off.png) no-repeat center center;
}


/*volum*/
#movie_volum{
	position:absolute;
	width:60px;
	height:4px;
	left:90px;
	margin-top:10px;
}

#movie_volbar{
	height:100%;
	width:100%;
	background:#474747;
	position:absolute;
	
	background: #757575;
	background:-moz-linear-gradient(top,#757575, #666);
	background:-webkit-linear-gradient(top,#757575, #666);
	background:-o-linear-gradient(top,#757575, #666);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff757575,endColorstr=#ff666666);
}

#movie_volLeftbar{
	height:100%;
	position:relative;
	background:#4788ee;
	
	background:-moz-linear-gradient(top,#4b8df8, #4788ee);
	background:-webkit-linear-gradient(top,#4b8df8, #4788ee);
	background:-o-linear-gradient(top,#4b8df8, #4788ee);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff4b8df8,endColorstr=#ff4788ee);
}

/* ------------------------------------------------------------
	BookNavigation 2013/02/13
------------------------------------------------------------ */
.naviPos{
	position:absolute;
	width:50px;height:50px;
	top:50%;color:#FFF;
	
	z-index:100;
}

#bookNavi_left{
	left:0;
	background:url(../../images/android/prev_back.png);
	background-size:cover;
}

#bookNavi_right{
	right:0;
	background:url(../../images/android/prev_next.png);
	background-size:cover;
}

/* ------------------------------------------------------------
	AddOns HELP
------------------------------------------------------------ */
#helpTable{
	margin-top:40px;
}

#helpTable .helpTitle{
	font-size:230%;
	font-weight:bold;
	font:arial, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#fff;
	padding-top:35px;
}

#helpTable .helpContImg{
	text-align:center;
	vertical-align: top;
	padding-bottom:14px;
}

#helpTable .helpContText{
	font-size:180%;
	font-weight:normal;
	font:"MS PGothic", sans-serif;
	padding:0 0 0 20px;
	color:#c0c0c0;
}


/* ------------------------------------------------------------
	AddOns SEARCH
------------------------------------------------------------ */
#searchTotalCount{
	float:left;
	margin:0 0 0 40px;
	color:#c0c0c0;
	font-size:1.2em;
	font-weight:normal;
	text-align:right;
	width:85%;
}
.searchListBody{
	margin:10px 0 10px 40px;
	float:left;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}

.searchPageNum{
	float:left;
	background:#fff;
	color:#000;
	text-align:center;
	margin-right:10px;
	padding:10px;
	width:35px;
	font-size:12px;
	font-weight:normal;
}

.searchText{
	float:left;	
	background:#716A6A;
	padding:10px;
	width:100%;
	word-break:break-all;
	font-weight:normal;
}
.searchText:hover{
	text-decoration:underline;
}

/* ------------------------------------------------------------
	AddOns THUMBNAIL 
------------------------------------------------------------ */
.thumbBookLoading{
	position:absolute;
	background:url(../../images/book_noimages.png);
	width:80px;
	height:55px;
	top:50%;
	left:50%;
	margin:-27px 0 0 -40px;
}

/* ------------------------------------------------------------
	AddOns  TOC
------------------------------------------------------------ */
.tocPlusIconImg{
	background:url(../../images/winapp/popup/toc/icon_add.png);
	background-size:cover;
	width:30px;
	height:30px;
}

.tocMinusIconImg{
	background:url(../../images/winapp/popup/toc/icon_delete.png);
	background-size:cover;
	width:30px;
	height:30px;
}

/* ------------------------------------------------------------
        AddOns Share Toolbox
------------------------------------------------------------ */
.box_layout{
	border:1px solid #d9d9d9;
	width:508px;
	height:470px;
	text-align:center;
	background-color: rgba(242,242,242,.9);
	box-shadow:0px 1px 2px 0px #333333;
}
.sns_title{
	font-size:28px; 
	font-family:"Arial","メイリオ","ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック","sans-serif"; 
	color:#131313;
}
.sns_logo {
	float:left;
	height:60px;
}
.box_icon {
  float: left;
  width: 100%; 
  height: 57px;
  margin-left:18px;
  margin-top:12px;
}
.box_icon .facebook_icon{
	float: left;
	width: 50px; 
	height: 50px;
	margin-right:10px;
	background:transparent url(../../images/winapp/sns/share_facebook.png) no-repeat 0px top;
}
.box_icon .facebook_icon:active{
	background:transparent url(../../images/winapp/sns/share_facebook_o.png) no-repeat 0px top;
}
.box_icon .twitter_icon{
	float: left;
	width: 50px; 
	height: 50px;
	margin-right:10px;
	background:transparent url(../../images/winapp/sns/share_twitter.png) no-repeat 0px top;
}
.box_icon .twitter_icon:active{
	background:transparent url(../../images/winapp/sns/share_twitter_o.png) no-repeat 0px top;
}
.box_link {
  float: left;
  width: 220px; 
  height: 60px;
  border:1px solid #d9d9d9;
  background-color: #f2f2f2;
  margin-left:17px;
  margin-top:6px;
  text-align:left;
  padding:8px 0 4px 7px;
  font-size:17px;
  color:#525151;
}
.icon_copy_txt {
  float:left; 
  text-align:left;
  font-size:17px;
  color:#525151;
}
.icon_copy_link {
  text-align:left;
  padding:0px 0 2px 0px;
  font-size:15px;
  color:#525151;
  background:url(../../images/winapp/sns/icon_copy.png) no-repeat 96% top;
}
.icon_copy_link:hover {
  background:url(../../images/winapp/sns/icon_copy_o.png) no-repeat 96% top;
}
.box_umekomi {
  float: left; 
  width: 220px;
  height:60px;
  border:1px solid #d9d9d9;
  background-color: #f2f2f2;
  margin-left:10px;
  margin-top:6px;
  text-align:left;
  padding:8px 0 4px 7px;
  font-size:17px;
  color:#525151;
}
.icon_copy_umekomi {
  text-align:left;
  padding:0px 0 2px 0px;
  font-size:15px;
  color:#525151;
  background:url(../../images/winapp/sns/icon_copy.png) no-repeat 96% top;
}
.icon_copy_umekomi:hover {
  background:url(../../images/winapp/sns/icon_copy_o.png) no-repeat 96% top;
}
.input_css{
	width:200px;
	height:30px;
	border:1px solid #c8c7c7;
	padding:0 5px 0 5px;
	margin-top:4px;
	font-size:13px;
	color:#747373;
}
.mail_contents {
  float: left; 
  width: 460px;
  height:205px;
  border:1px solid #d9d9d9;
  background-color: #f2f2f2;
  margin-left:16px;
  margin-top:13px;
  margin-bottom:15px;
  text-align:left;
  padding:10px 0 10px 7px;
  font-size:17px;
  color:#525151;
}
.mail_contents  .mail_left{
  float: left; 
  width: 320px;
  height:120px;
  text-align:left;
  padding:7px 0 0 2px;
  font-size:17px;
  color:#525151;
}
.input_mail{
	width:300px;
	height:30px;
	border:1px solid #c8c7c7;
	padding-left:5px;
	margin-bottom:3px;
	padding:0px 5px 0px 5px;
	font-size:13px;
	color:#747373;
}
.textarea_mail1{
	vertical-align:top;
	width:300px;
	height:90px;
	border:1px solid #c8c7c7;
	padding-left:5px;
	padding:4px 5px 0px 5px;
	font-size:13px;
	color:#747373;
}
.mail_contents  .mail_right{
  float: left; 
  width: 130px;
  height:130px;
  margin-top:132px;
 } 
.ios_btn_send{
	float: left;
	width: 110px; 
	height: 40px;
	margin-left:0px;
	background:transparent url(../../images/winapp/sns/share_btn_send.png) no-repeat 0px top;
 }
 .ios_btn_send:active{
	background:transparent url(../../images/winapp/sns/share_btn_send_o.png) no-repeat 0px top;
 }


/* ------------------------------------------------------------
	MEMO IPAD TEXTAREA
------------------------------------------------------------ */
.fullHeader a{
	display:block;float:right;
	width:120px;
	height:62px;
	background:url(../../images/finish_bt@2x.png) no-repeat center center;
	background-size:cover;
	margin:3px 7px 3px 0;
}
.fullHeader a:active{
	background:url(../../images/finish_bt_over@2x.png) no-repeat center center;
	background-size:cover;
}

/* ------------------------------------------------------------
	preview psy20131217
------------------------------------------------------------ */
#previewMsgBody{
	position:absolute;
	width: 420px;
	height: 200px;
	background: #00000;
	top:50%;
	left:50%;
	margin: -150px 0 0 -210px;
}

#previewMsgBody .previewMsg{
	width:100%;
	font:arial, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:21px;
	color:#ffffff;
	padding:50px 0;
	text-align:center;
	line-height: 1.8em;
}

#previewMsgBody .go_store_btn{
	margin-left:10px;
	font-size:18px;
	width:400px;
	height:30px;
	padding-top:12px;
	text-align:center;
	cursor:pointer;
	font:arial, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	border: 1px solid rgb(48, 121, 237);
	border-radius: 3px;
	color: rgb(255, 255, 255);
    text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
	background: #4d90fe; /* Old browsers */
	background: -moz-linear-gradient(top,  #4d90fe 0%, #4d87ed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#4d87ed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4d90fe 0%,#4d87ed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4d90fe 0%,#4d87ed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4d90fe 0%,#4d87ed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4d90fe 0%,#4d87ed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90fe', endColorstr='#4d87ed',GradientType=0 ); /* IE6-9 */
}

#previewMsgBody .go_store_btn:hover{
	border: 1px solid rgb(47, 91, 183);
    text-shadow: 0px 1px rgba(0, 0, 0, 0.3);
    background: #287eef; /* Old browsers */
	background: -moz-linear-gradient(top,  #287eef 0%, #0e5ad3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#287eef), color-stop(100%,#0e5ad3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #287eef 0%,#0e5ad3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #287eef 0%,#0e5ad3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #287eef 0%,#0e5ad3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #287eef 0%,#0e5ad3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287eef', endColorstr='#0e5ad3',GradientType=0 ); /* IE6-9 */
}

/*縦*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	

}

/*横*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#tablet_centercontrolbar a{
	width:98px;
	margin-left:20px;
	margin-right:10px;
}
#helpTable .helpTitle{
	font-size:260%;
}
#helpTable .helpContText{
	font-size:200%;
}

}

/* ------------------------------------------------------------
	android HD 
------------------------------------------------------------ */
@media (-webkit-min-device-pixel-ratio:1.3) and (-webkit-max-device-pixel-ratio:2.0) {


@media only screen and (-webkit-min-device-pixel-ratio: 3){

@media only screen and (min-device-width : 600px) 
	and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5){
	/*screen and(min-resolution: 480dpi)*/
	/* Put CSS for high density (xxhdpi) kindle fire Android Tablet layouts in here  only*/
	
/*
@media only screen and (-webkit-min-device-pixel-ratio: 1.3){
	
}
*/