@charset "utf-8";
/* CSS Document */
body{	font-size:15px;}
#header		{ height:46px; padding:5px 10px 0px 10px; border-bottom:#999999 solid 1px;}
#header2		{ height:50px;padding:0px 0px;}
#header_inside	{ padding:0px 0px;}
#nav { display:none}
#ul_menu { float:right; margin-right:30px; display:block ; width:40px; height:60px; background:url(images/md_icon/bars.png) no-repeat top center ; background-position:15px 15px; background-size:25px;}
#ul_menu2 { display:none }
.areas	{ display:block}
.viewslimbook { display:block; margin-top:10px;}
.book_wrapper { display:none}
#logo
{ 	float:left;
	width:200px;
	height:60px;
	background-position:left;
	-moz-background-size:200px;
	-webkit-background-size:200px;
	-o-background-size:200px;
	background-size:200px;
}
#top_logo_l	{ display:none}
#top_logo_m	{ display:none}
#top_logo_s	{ 	position:absolute;
				width:150px;
				height:30px;
				margin-top:10px;
				background:url(images/index/toplogo.png) no-repeat left top;
				background-size:100%;
				z-index:1000;}
#coLogo{ position:absolute;margin-top:20px; margin-left:155px; background:url(images/index/coLogo.png) no-repeat left; background-size:100%; width:60px; height:13px;}				
#topblack2	{ display:none}
#mobile_content	{}
#normal_content	{ display:none}
#topimage	{ display:block}
#subjecttitle	{ height:15px;}
#moneylevel	{ font-size:0.8em}

/*slider*/
#slider	{ float:left; width:100%; height:auto}
#urlpalce	{width:100%; height:16px;color:#999; text-align:left; padding:3px; font-size:0.8em; font-family:Verdana; border-bottom:#999 solid 1px; margin-top:-35px; display:none;}
/*Menu*/
#menu_box		{ display:none;}
#menu_box_jm	{ display:block; margin:10px auto;}
.menu_one	{ width:100%; margin-left:0px;}
.menu_one_list	{ width:95%; padding:2px;color:#333333; float:left}
.left_list_tr  td { border-bottom:1px #333333 solid; border-color:#999999; cell-spacing:0px; font-size:0.8em}
.menu_one_list a:link	{ color:#333333; font-weight:normal; text-decoration:none}
.menu_one_list a:hover	{ color:#0000FF; text-decoration:underline}
.menu_one_list a:visited	{ color:#333333}
/*page style*/
#topimage	{ display:none}	
#board_area	{ width:95%; min-height:600px; text-align:left; margin:0px auto 0px auto; margin:10px; clear:both;  }

#footer	{}

#thumbImage img{ 	max-width: 100%!important;
					height: auto!important;
					width:expression(this.width > 600 ? "600px" : this.width)!important;
					
					} 
#thumbImage {		margin: 0; 
					max-width:600px; 
					max-height:200px; 
					overflow:hidden;
					line-height:normal !important;} 
					
*html#thumbImage img{ 
					width:expression(this.width>600&&this.width>this.height?450:auto); 
					height:expresion(this.height>450?450:auto); 
					}

.one_mainData p	{ text-align:left;}
.content_inside	{ overflow:scroll; overflow-scrolling:touch;-webkit-overflow-scrolling: touch;}
.m_footer	{ }
.contDiv	{ text-align:left; max-width:95%; white-space:normal; display:block; word-wrap: break-word; word-break: normal; margin:0px auto; clear:both}
.contDiv .title { vertical-align:top; text-align:center; width:45px; max-width:45px; float:left; clear:both; }
.contDiv .cont { vertical-align:top; text-align:left; padding-bottom:5px; float:left;}
.contDiv .cont .hi { line-height:25px; font-weight:bold; margin:0px; font-size:1em; }
.contDiv .cont .pi { line-height:20px; margin:0px; font-size:0.8em;}
.contDiv p {white-space:normal; font-size:small}/*自動換行*/

.contDivNoImg	h3	{white-space:normal; }
.contDivNoImg	p	{white-space:normal; }

.one_image	{ width:45px; height:45px; margin:0px;}
.one_cont0	{ float:left; display:table; text-align:left; vertical-align:top}
.one_cont	{ float:left; margin-left:10px; display:table-cell; text-align:left; vertical-align:top}
.contTable	.tableheader{ display:table-cell; vertical-align:top; width:45px;}
.contTable	.tableCont{ display:table-cell; padding-top:10px; vertical-align:top}


/*share page*/
.shareIcon	{text-align:center; margin-right:5px; float:left}
.shareIcon img {width:32px; border:none;}
.shareTitle	{ margin-top:7px;}


/*mobile ui icons*/
.ui-listview .ui-li-icon {
	max-height: 50px !important;
	max-width: 45px !important;	
	float:left !important}
	
.ui-listview div.contDiv	{ float:left; margin-left:30px;}



/*panel*/
#left-panel.ui-panel {
	width: 15em;
}
#left-panel.ui-panel-closed {
	width: 0;
}
.ui-panel-position-left.ui-panel-display-reveal {
	left: 0;
}
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
	left: 15em;
	right: -15em;
}
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
	left: 0;
	right: 0;
	-webkit-transform: translate3d(15em,0,0);
	-moz-transform: translate3d(15em,0,0);
	transform: translate3d(15em,0,0);
}

/* Combined listview collapsible menu. */
/* Unset negative margin bottom on the listviews. */
#left-panel .ui-panel-inner > .ui-listview { margin-bottom: 0; }
/* Unset top and bottom margin on collapsible set. */
#left-panel .ui-collapsible-set { margin: 0; }
/* The first collapsible contains the collapsible set. Make it fit exactly in the collapsible content. */
#left-panel .ui-panel-inner > .ui-collapsible > .ui-collapsible-content { padding-top: 0; padding-bottom: 0;  border-bottom: none; }
/* Remove border top if a collapsible comes after a listview. */
#left-panel .ui-panel-inner  > .ui-collapsible > .ui-collapsible-heading .ui-btn,
#left-panel .ui-collapsible.ui-first-child .ui-collapsible-heading .ui-btn { border-top: none; }
/* Give the first collapsible heading the same padding, i.e. same height, as the list items. */
#left-panel .ui-collapsible-heading .ui-btn-inner { padding: .7em 40px .7em 15px; }
/* Give the other collapsible headings the same padding and font-size as the list divider. */
#left-panel .ui-collapsible-set .ui-collapsible-heading .ui-btn-inner { padding: .5em 40px .5em 15px; font-size: 14px; }

/* Styling of the close button in both panels. */
#demo-page .ui-panel-inner > .ui-listview .ui-first-child {
	background: #eee;
}

/* Reveal menu shadow on top of the list items */
.ui-panel-display-reveal {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.ui-panel-content-wrap-position-left {
	-webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
	-moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
	box-shadow: -5px 0px 5px rgba(0,0,0,.15);
}