/* ------------------------------------------------------------
	0. Base
------------------------------------------------------------ */
html {
	-webkit-touch-callout:none; /*touch css hold disable*/
	-webkit-user-select: 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;
	font-family: "MS Gothic";
	line-height: 1.8em;
}

body {
	text-align: left;
	background: url(../../images/pc/bg.jpg);background-repeat:repeat-x;background-color: #ffffff;
	margin:0;
	width:100%;
	height:100%;
	padding:0;
}
a {
	text-decoration: none;
}
img {
	border:none
}
ul {
	list-style-type:none;
	text-align: left;
}

#wrapper {
	text-align: left;
}
/* ------------------------------------------------------------
	1. PC  Header/Navigation
------------------------------------------------------------ */
#wisebook {
	width: 1006px;
	float:center;
	margin:0;
	padding:0;
}

/*-------------------------------------------------------------
	Top_banner_normal
--------------------------------------------------------------*/
#banner_headline{
	width: 1007px;
	height: 100%;
	overflow: hidden;
	position: relative;
	/*left: 50%;
	margin-left: -46em;*/
	border-top: 1px solid #b9c0d0;
    border-left: 1px solid #b9c0d0;
	border-right: 1px solid #b9c0d0;
}

.banner-container {
    position: relative;
    width: 100%;
    height: 370px;
}

.banner-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner-item {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
}

.banner_normal_img {
    width: 1007px;
    height: 276px;
}
.banner_box_table{
	float: left;
	width:100%;
	height:100%;
}
.contents_bannerbox{
	position: absolute;
	width: 420px;
	height: 120px;
	left: 70px;
	top: 215px;
	
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro"," Pro W3","Meiryo","MS PGothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
}


.left_title_box{
	font-size: 270%;
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro"," Pro W3","Meiryo","MS PGothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#525252);
	line-height: 35px;
	text-align: left;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 34px;
}

.left_subtitle_txt {
	width: 100%;
	overflow: hidden;
	height: 70px;
	display: inline-block; 
	overflow: hidden;
	text-overflow: ellipsis;
}
.lineheighttxt {
	margin: 0;
	font-size: 160%;
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro"," Pro W3","Meiryo","MS PGothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#525252);
	text-align: left;

	width: 100%;

	line-height:22px;
	margin-top:5px;
}

.normal_bannerimg{
	width:100%;
}
.images_cover{
/*	height:360px;
	left:50%;
	margin:0 0 0 -460px; */
	height: 100%;
	width: 100%;
	border:0px;
}

/* preview button */
#photo-holder {
		        text-align: center;
		}
		#photo-holder:hover .btn{
		        display:block;
		}
		#image-slider{
		    position:relative;
		    margin:0 auto;
		    overflow:hidden;
		    width:100%;
		}
		.ps_prev, .ps_next{
		    width:40px;
		    height:40px;
		    position:absolute;
		    z-index:100;
		    top:160px;
		    line-height:40px;
		    text-align:center;
		    display:none;
		    cursor:pointer;
		}
		.ps_prev{
		    left:5px;
		}
		.ps_next{
		    right:12px;
		}
		.btn_arr_next{
		    width:50px;
			height:50px;
			background:url(../../images/pc/button/right.png) no-repeat center center;
		}
		.btn_arr_next:active{
		    background:url(../../images/pc/button/right_o.png) no-repeat center center;
		}
		.btn_arr_prev {
		    width:50px;
			height:50px;
			background:url(../../images/pc/button/left.png) no-repeat center center;
		}
		.btn_arr_prev:active {
		    background:url(../../images/pc/button/left_o.png) no-repeat center center;
		}
		#banner_button {
			font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
			color: #686868;
			font-size: 14px;
			font-weight: bold;
			cursor: pointer;
		}

/* pagenum */
.banner_pagination_box{
	float: left;
	width: 100%;
}
.banner_pagination a, .banner_pagination span.dotdotdot, .banner_pagination span.page_current {
    padding: 14px 10px;
}
.banner_pagination {
    position: absolute;
    bottom: -12px;
    left: 50%;
    float: left;
    list-style: none outside none;
    z-index: 5;
}
.banner_pagination li {
    position: relative;
    left: -50%;
    float: left;
}
.page_next_btn a {
    width: 12px;
    height: 12px;
    overflow: hidden;
    display: block;
	background:url(../../images/pc/pagenation_off.png) no-repeat center center;
}
.page_next_btn a:hover{
    background:url(../../images/pc/pagenation_on.png) no-repeat center center;
}
.page_next_btn a.selected{
    background:url(../../images/pc/pagenation_on.png) no-repeat center center;
}


/* ------------------------------------------------------------
	2. PC  Controlbar/Mainarea
------------------------------------------------------------ */
/*--- main ---*/
#top{
	position:relative;
	top:0px; 
	left:0px;
	width:100%;
	height:29px;
}
#top #top_menu {
	position: absolute;
	width:300px;
	right: 0px;
	margin-top: 0px;
}
#top a.top_menulist {
	float: left;
	display:block;
	margin-right: 4px;
	width:95px;
	height:29px;
}
#top.menu_home {
	float: left;
	width:110px;
	height:29px;
	background:url(../../images/pc/home_menu.png) no-repeat center center;
}
#top.menu_home:hover {
	background:url(../../images/pc/home_menu_o.png) no-repeat center center;
}
#top.menu_company {
	float: left;
	width:110px;
	height:29px;
	background:url(../../images/pc/company_menu.png) no-repeat center center;
}
#top.menu_company:hover {
	background:url(../../images/pc/company_menu_o.png) no-repeat center center;
}
#top.menu_bshelf_thumb{
	float: left;
	right:110px;
	width:110px;
	height:29px;
	background:url(../../images/pc/library_menu.png) no-repeat center center;
}
#top.menu_bshelf_thumb:hover{
	background:url(../../images/pc/library_menu_o.png) no-repeat center center;
}
#top.menu_logout{
	float: left;
	right:220px;
	width:110px;
	height:29px;
	background:url(../../images/pc/logout_menu.png) no-repeat center center;
}
#top.menu_logout:hover{
	background:url(../../images/pc/logout_menu_o.png) no-repeat center center;
}


a.btn_home:link, a.btn_home:active, a.btn_home:visited
	{
	font-size: 12px;
	color: #ffffff;
	font-family: "MS Gothic";
	width:100px;
	height:40px;
	background:#4c4c4c;
	margin-right: 4px;
}

#photoflow {
	left:0px;
	height:250px;
	background-color:#000;
}

#tablet_photoflow{
	margin: 0 auto;
	height:250px;
	width:100%;
	position:relative;
	overflow: hidden;
}


.top_box_img {
	position: relative;
	height: 100%;
	width: 160px;
	vertical-align: bottom;
	cursor: pointer;
	text-align:center;
}

.thumb-overlay-container {
    position: absolute;
    opacity: 0;
    transition: all 0.25s ease 0s;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
    cursor: pointer;
    height: 100%;
    left: 0px;
    top: 0px;
    width: 100%;
}

.thumb-overlay-container:hover {
    opacity: 1;
}

.detail_box_img {

}
.book_detail_img {
	border: 1px solid #dddddd;
	padding:2px;
}
.left_boxboder {
	text-align:left;
	padding-top: 0px;
	background:#f2f4f9;
	border-top: 1px solid #b9c0d0;
	border-left: 1px solid #b9c0d0;
	border-right: 1px solid #cbced7;
	border-bottom: 1px solid #b9c0d0;
	padding-bottom: 0% !important;  
    height: 100%;
	}

.right_boxboder {
	vertical-align: top;
	background:#f5f7fb;
	border-top: 1px solid #b9c0d0;
	border-bottom: 1px solid #b9c0d0;
	border-right: 1px solid #b9c0d0;
	height: 1300px;
	}

.right_boxboder_list {
	background-color:#dddddd;
	border-top: 1px solid #cbced7;
	border-bottom: 1px solid #cbced7;
	border-right: 1px solid #cbced7;
	}
.wihte12 {
	font-size: 12px;
	color: #ffffff;
}

.txtwhite {
	font-size: 13px;
	font-family: "arial";
	color: #ffffff;
}
.menu_title { 
	width:195px;
	height:36px;
	border:0;
	vertical-align:left;
	padding-top:1px;
	padding-bottom:1px;
	/*border-radius:10px;*/
}
.category {
	position:relative;
	background: url(../../images/pc/category_title_icon.gif) no-repeat left center;
	margin-left:20px;
	margin-top:10px;
	padding-left: 25px;
	font-size:13px; 
	font-family:"MS PGothic"; 
	color:#0057a9;
}
a.category:link, a.category:active, a.category:visited{color:#0057a9;font-family:"MS PGothic";}
a.category:hover {color:#aaaaaa;font-family:"MS PGothic";text-decoration:underline; }

.category_list {
	margin-left:10px;
	margin-top:10px;
	padding-left: 15px;
	font-size:13px; 
	font-family:"MS PGothic"; 
	color:#0057a9;
}
.category_linklist {
	display:none; 
	position:relative;
	font-size:13px; 
	font-family:"MS PGothic"; 
	color:#0057a9;
	border-bottom: 1px solid #b9c0d0;
}

.content {display:none; position:relative; height:100px;}

#top_search {
	margin-top: 21px;
	float: right;
}
#top_search a.search_input {
	float: left;
	margin-right: 0px;
	padding: 0px 1px 0px 0px;
	width:310px;
	height:27px;
	background: #ffffff;
	border-top:1px solid #b3b2b2;
	border-left:1px solid #b3b2b2;
	border-bottom:1px solid #b3b2b2;
}
#top_search a.search_input:hover {
    border-color: #2a3766 !important;
}


#pc_searchform {  
    position: relative;  
} 
#pc_keywords  {  
    width: 300px;  
    height: 18px;  
    font-size: 12px;
	color: #939393;
	letter-spacing:-0.2px;
    border: 0px solid #fff;
	margin-top:2px;
    padding: 2px 5px 0px 0px;
}  
#keywords  {  
    width: 300px;  
    height: 20px;  
    color: #939393;
	letter-spacing:-0.2px;
    border: 0px solid #fff;
	z-index: 6;
	font: 13px arial,sans-serif;
	margin-top:2px;
    padding: 2px 5px 0px 0px;
	outline: medium none;
}  

#top_search a.top_button {
	float: left;
	display:block;
	margin-left:0px;
	margin-right:1px;
	margin-top:0px;
	width:85px;
	height:29px;
}
#top_search #btn_search {
	background:url(../../images/pc/top/search_bt.png) no-repeat center center;
	cursor: pointer;
}
#top_search #btn_search:hover {
	background:url(../../images/pc/top/search_bt_o.png) no-repeat center center;
	cursor: pointer;
}
.flash_txt{
	font-size: 12px;
	color: #3366cc;
}
a.flash_txt:link, a.flash_txt:active, a.flash_txt:visited{color:#3366cc;font-family:"MS PGothic";}
a.flash_txt:hover {color:#3366cc;font-family:"MS PGothic";text-decoration:underline; }

/* ------------------------------------------------------------
	3. PC - dropdownmenu css
------------------------------------------------------------ */
.dropmenu_title { 
	width:195px;
	border:0;
	vertical-align:left;
	padding-top:1px;
	padding-bottom:1px;
}

#container {
	position: relative;
	width:190px;
	height:35px;
	margin-top:1px;
	margin-bottom:3px;
	left:2px;
	background:#f8f8f8;
	border:1px solid #dddddd;
}


.dropdown{
	position: relative;
	color: #555;
	margin: 2px 0px 0 0;
	width: 143px;
	height: 17px;
	text-align:left;
}
.dropdown_list{
	color: #555;
	margin:22px 0px 0 0;
	width: 143px;
	position: relative;
	height: 17px;
	text-align:left;
}
a.account {
	position: absolute;
	display: block;
	height: 24px;
	width: 144px;
	font-size: 13px;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Ｐゴシック","MS PGothic";
	color: #0057a9;
	padding: 8px 0 0 38px;
	margin: 0px 5px 0 5px;
	text-decoration: none;
	background: url(../../images/pc/category_title_icon.png) 11px 9px no-repeat;
	cursor:pointer;
}
a.account:hover {
	color:#727272;
	text-decoration:underline; 
	font-size: 13px;
}
.submenu{
	position: absolute;
	display: none;
	width: 130px;
	top: 28px;
	left:6px;
	background: #fffeff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffeff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffeff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fffeff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fffeff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fffeff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fffeff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffeff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	/*border-radius:4px;*/
	z-index: 100;
	margin-left: 10px;
	font-size: 12px;
	padding:1px;
	border:1px solid #c6c5c5;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.dropdown li a{
	font-size: 12px;
	color: #0057a9;
	letter-spacing:-0.2px;
	display: block;
	font-family:"MS PGothic","arial";
	padding: 5px 6px 5px 10px;
	cursor: pointer;
	text-decoration:none;
	/*border-bottom:1px solid #efefef;*/
}

.dropdown li a:hover
{
	background:#d4e7f9;
	color: #013c84;
	text-decoration: underline;
}
.root
{
	list-style:none;
	margin:0px;
	padding:0px;
	font-size: 11px;
	padding: 0px 0 0 0px;
}

/* ------------------------------------------------------------
	4. PC - book thumb list area
------------------------------------------------------------ */

/*--- book ストアメインページ用 ---*/
#book {
	position:relative;
	width:100%;
	height:100%;
	background-color:#d9dce6;
	z-index:0;
}
#book_tab1 {
	position:relative;
	width:100%;
	/*height:390px;*/
	background-color:#d9dce6;
	z-index:0;
}
#book_tab3 {
	position:relative;
	width:100%;
	height:450px;
	padding-top:10px;
	background-color:#d9dce6;
	z-index:0;
}
/*--- book box ---*/
#table_book {
	position: relative;
	width:100%;
	margin:0 auto;
	background-color:#f8f8f8;
}
/*--- book title ---*/
#table_book #book_title {
	margin:0 auto;
	height: 60px;
	background-color:#f5f7fb;
	border-top: 1px solid #ffffff;
}

a.txt_link_url{
	color:#7f7f7f;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Ｐゴシック","MS PGothic";
	font-size:20px;
	text-shadow:1px 1px #ffffff;
	/* cursor:pointer; */
}

/*
a.txt_link_url:hover,active{
	color:#007AFF;
	text-decoration:none;
}
*/

.txt_link1 {
	text-align:left;
	padding-top: 30px;
	letter-spacing:0px;
	float:left;
	padding-left : 20px;
}

#book_title #title_txt {
	left:15px;
	padding-top: 25px;
	padding-bottom: 8px;
	color:#4a4b4b;
	font-family: "MS PGothic";
	font-size:16px;
	/* font-weight: bold; */
	letter-spacing:0px;
}
#table_book .tablet_thumb_line {
	padding-top: 318px;
	background: url(../../images/pc/banner_hlbg.jpg) no-repeat left top;
}
#table_book .tablet_thumb {
	margin:0 auto;
	height: 295px;
	display: inline-block;
	width: 100%;
    height: 100%;
	background:#f5f7fb;
	/*background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e9e9e9));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e9e9e9 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#e9e9e9 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#e9e9e9 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e9e9e9',GradientType=0 );*/
	text-align:left;
	padding-top: 0px;
	border-bottom: 1px solid #e2e4e9;
}

#table_book .tablet_thumb-panel {
	border:none;
	margin-top:5px;	
}

#table_book .tablet_thumb_allplan{
	background: #f2f2f2;
	border:none;
}

.book_title .title_txt {
	left:20px;
	padding-top: 37px;
	padding-bottom: 6px;
	letter-spacing:0px;
	float:left;
	margin-left : 20px;
}

a.txt_link_url{
	color:#8f8f8f;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Ｐゴシック","MS PGothic";
	font-size:200%;
	text-shadow:1px 1px #ffffff;
	cursor: pointer;
}

a.txt_link_url:active{
	/* color:#007AFF;
	text-decoration:none; */
}

.box_library {
	float: left;
	width:160px;
	margin: 25px 8px 0px 17px;
	position: relative;
	height: 239px;
}

.box {
	float: left;
	width:160px;
	margin: 10px 8px 15px 21px;
	position: relative;
	height: 260px;
}

.box_category {
	float: left;
	width:160px;
	margin: 8px 8px 25px 20px;
	position:relative;
	height:280px;
}

.thumb_box_table{
	position:absolute;
	bottom:0;
	background-color: #FFF;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}
.thumb_box_table:active{
	margin: -2px;
	border:2px solid #007aff;
}
.thumb_box_category{
	position:absolute;
	bottom:0;
}
.thumb_box_table_category{
	position:relative;
	background-color: #FFF;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}
.thumb_box_table_category:active{
	margin: -2px;
	border:2px solid #007aff;
}
.thumb_box_btn{
	position:relative;
	bottom:0;
	margin-top:5px;
}
div.vertical_bottom {  
    display: table-cell;  
    vertical-align: bottom;  
}

.category_title_txt{
	font-size:16px;
	color:#636363;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Ｐゴシック","MS PGothic";
	text-shadow:1px 1px #ffffff;
	float:left;
	padding: 8px 0 0 55px;
}

.tab_link a{
	display: block;
	width:15px;
	height:15px;
	background:url(../../images/pc/mainban_bt1.png) no-repeat center center;
}
.tab_link a.selected {
	background:url(../../images/pc/mainban_bt1_o.png) no-repeat center center;
}
.tab_link a:active {
	background:url(../../images/pc/mainban_bt1_o.png) no-repeat center center;
}
.boxContainer {
	overflow: hidden;
}

.tab_images {
	float: left;
	width:100%;
	padding-top:12px;
	padding-right:10px;
	padding-bottom:20px;
}
.tab_link a{
	display: block;
	width:15px;
	height:15px;
	background:url(../../images/pc/mainban_bt1.png) no-repeat center center;
}
.tab_link a:visited {
	background:url(../../images/pc/mainban_bt1_o.png) no-repeat center center;
}

#table_book .tablet_thumb_tab2 {
	margin:0 auto;
	height: 636px;
	background-color:#d9dce6;
	text-align:left;
	padding-top: 0px;
	padding-bottom: 0px;
	/*background: url(../../images/ios/book_contents_bg.png) repeat-x left top;*/
	border-top: 1px solid #cbced7;
	border-bottom: 1px solid #cbced7;
}
#table_book .tablet_thumb_tab1 {
	margin:0 auto;
	height: 265px;
	background-color:#d9dce6;
	text-align:left;
	padding-top: 0px;
	padding-bottom: 0px;
	/*background: url(../../images/ios/book_contents_bg.png) repeat-x left top;*/
	border-top: 1px solid #cbced7;
	border-bottom: 1px solid #cbced7;
}
#table_book .tablet_thumb_s {
	/*-webkit-box-shadow: 0 6px 5px -6px #cbced7;
	   -moz-box-shadow: 0 6px 5px -6px #cbced7;
	        box-shadow: 0 6px 5px -6px #cbced7;*/
}

/* ------------------------------------------------------------
	5. PC - 詳細ページ　CSS
------------------------------------------------------------ */
/*--- book ストアメインページ用 ---*/
#detail_bg {
	position:relative;
	width:100%;
	height:1300px;
	background:#f5f7fb;
	z-index:0;
}
.boxcontents .detail_title {
	position:absolute;
	width:744px;height:44px;
	left:15px;top:35px;
	background: #fbfcfd;
	background: -moz-linear-gradient(top,  #fbfcfd 20%, #dbdde3 58%, #a5a9b6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#fbfcfd), color-stop(58%,#dbdde3), color-stop(100%,#a5a9b6));
	background: -webkit-linear-gradient(top,  #fbfcfd 20%,#dbdde3 58%,#a5a9b6 100%);
	background: -o-linear-gradient(top,  #fbfcfd 20%,#dbdde3 58%,#a5a9b6 100%);
	background: -ms-linear-gradient(top,  #fbfcfd 20%,#dbdde3 58%,#a5a9b6 100%);
	background: linear-gradient(to bottom,  #fbfcfd 20%,#dbdde3 58%,#a5a9b6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcfd', endColorstr='#a5a9b6',GradientType=0 );
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom:1px solid #797f90;
	padding:0px;
}
.boxcontents .detail_title .detail_title_txt {
	float:center;
	text-align:center;
	padding-top:13px;
	font-size:24px;
	font-family: "MS PGothic";
	color:#727683;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}

.boxcontents .pw_close {
	position:absolute;
	right:24px;top:25px;
	width:28px;height:28px;
	background:url(../../images/pc/btn_close_on.png) no-repeat;
	cursor: pointer;
	}

.boxcontents .pw_close:active {
	background:url(../../images/pc/btn_close_on.png) no-repeat;
	cursor: pointer;
	}

.boxcontents .contents_box {
	position:absolute;
	left:15px;top:30px;
	width:722px;height:520px;
	padding:2px 10px 10px 10px;
	background-color:#ffffff;
	border-radius:6px;
	/*border-bottom-right-radius:10px;*/
	border:1px solid #cbcbcb;
	box-shadow: 0 2px 3px rgba(160, 164, 175, 0.4);
}
.boxcontents_inbox{
	position:absolute;
	float:left;
	width:670px;
	height:540px;
}
.boxcontents .contents_list {
	float:left;
	width:690px;
	height:540px;
	margin:15px;
}
.contents_box .book_title {
	text-align:left;
	width:650px;
	height:30px;
	padding:10px 14px 6px 8px;
	font-size:21px;
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	color:#000000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
}
.contents_box .book_titleline {
	height:2px;
	background: url(../../images/pc/line_bg.png) repeat-x left top;
	margin-bottom:4px;
}
.contents_box .book_thumb_img {
	position:absolute;
	float:left;
	width:130px;
	height:300px;
	margin-top:5px ;
	margin-right:20px;
}
.contents_box .book_thumb_box {
	width:170px;
	height:100%;
	margin-top: 0px ;
}
.contents_box .book_thumb {
	width:148px;
	background-color:#ffffff;
	border: 1px solid #bec1c4;
	margin-top: 0px ;
	padding:1px 1px 1px 1px;
}
.contents_box .thumb_preview {
	width:124px;
	height:27px;
	margin-top:5px;
	margin-left:3px;
	background: url(../../images/pc/popup/preview.png) no-repeat left top;
}
.contents_box .thumb_preview:active {
	background: url(../../images/pc/popup/preview_o.png) no-repeat left top;
} 

.contents_box .book_contents {
	position:absolute;
	float:left;
	left:190px;
	width:514px;
	height:350px;
	margin-top:5px;
	text-align:left;
}
.contents_box .book_subtitle {
	position:relative;
	width:100%;
	text-align:left;
	font-size:17px;
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	/* font-weight:bold; */
	color:#000000;
	text-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
	padding:24px 0 24px 12px;
	background-color:#d9dbdd;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
}
.contents_box .book_border {
	position:relative;
	margin-top:3px;
	width:100%;
	padding:10px 0 10px 10px;
	border: 1px solid #bec1c4;
	text-align:left;
	font-size:14px;
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	color:#000000;
}
.contents_box .book_border_c {
	position:relative;
	margin-top:3px;
	width:100%;
	height:120px;
	padding:10px 0 10px 10px;
	border: 1px solid #bec1c4;
	text-align:left;
	font-size:14px;
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	color:#000000;
}

#tableContens #detailContens{
	height:120px;
	overflow-y:auto;
}


.contents_box .book_border_date {
	position:relative;
	width:530px;
	height:35px;
	margin-top:5px;
	margin-bottom:5px;
}
.book_border_date a {
	float:left;
	display:block;
	height:20px;
	text-align:center;
	font-size:14px;
	color:#000000;
	padding:8px 0 4px 0;
}
.book_border_date a.date1 {
	width:130px;
	background:#dbdddf;
	font-size:14px;
	font-family: "MS PGothic";
	color:#000000;
	border-top: 1px solid #bec1c4;
	border-bottom: 1px solid #bec1c4;
	border-left: 1px solid #bec1c4;
}
.book_border_date a.date_an {
	width:129px;
	background:#ffffff;
	font-size:14px;
	font-family: "MS PGothic";
	color:#000000;
	border-top: 1px solid #bec1c4;
	border-bottom: 1px solid #bec1c4;
	border-left: 1px solid #bec1c4;
}
.book_border_date a.page1 {
	width:129px;
	background:#dbdddf;
	font-size:14px;
	font-family: "MS PGothic";
	color:#000000;
	border-top: 1px solid #bec1c4;
	border-bottom: 1px solid #bec1c4;
	border-left: 1px solid #bec1c4;
}
.book_border_date a.page_an {
	width:133px;
	background:#ffffff;
	font-size:14px;
	font-family: "MS PGothic";
	color:#000000;
	border-top: 1px solid #bec1c4;
	border-bottom: 1px solid #bec1c4;
	border-left: 1px solid #bec1c4;
	border-right: 1px solid #bec1c4;
}

.boxcontents .btn_list_view{
	position:relative;
	width:416px;
	margin-top:5px;
}
.boxcontents .btn_viewer {
	float:left;
	width:290px;
	text-align:right;
	font-size:22px;
	font-family: "MS PGothic";
	/* font-weight:bold; */
	color:#000000;
	padding-top:40px;
	margin-right:10px;
}
.boxcontents .txt_login {
	float:left;
	width:100%;
	text-align:right;
	font-size:18px;
	font-family: "MS PGothic";
	color:#383839;
	padding-top:30px;
}
.boxcontents .info_pricebox_r{
	position:relative;
	left:185px;
	width:354px;
	height:42px;
	margin-top:24px;
	background: #ad0303;
	border-radius:3px;
}
.boxcontents .info_pricebox_r1{
	position:relative;
	left:185px;
	width:354px;
	height:42px;
	margin-top:5px;
	background: #ad0303;
	border-radius:3px;
}
.boxcontents .pricebox_title_r{
	float:left;
	width:150px;
	height:37px;
	font-size:17px;
	color:#fff;
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	padding-top:10px;
	padding-left:15px;
}
.boxcontents .btn_pricebox_r{
	float:right;
	text-align:right;
	width:130px;
	height:24px;
	font-size:16px;
	color:#fff;
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	margin-right:10px;
	margin-top:6px;
	padding-top:5px;
	padding-right:5px;
	background: #860101;
	border-radius:4px;
}	
.boxcontents .btn_download {
	position:absolute;
	float:left;
	left:315px;
	top:10px;
	width:214px;
	height:64px;
	background:url(../../images/pc/popup/download_big.png) no-repeat right top;
	cursor:pointer;
}
.boxcontents .btn_download:active {
	background:url(../../images/pc/popup/download_big_o.png) no-repeat right top;
}

.boxcontents .btn_view {
	position:absolute;
	float:left;
	left:320px;
	top:15px;
	margin-top:7px;
	width:214px;
	height:70px;
	background:url(../../images/pc/popup/btn_view.png) no-repeat right top;
}
.boxcontents .btn_view:active {
	background:url(../../images/pc/popup/btn_view_o.png) no-repeat right top;
}


.gray14 {font-size:14px; color:#4b494a;}
a.gray14:link, a.gray14:active, a.gray12:visited{color:#4b494a;}
a.gray14:hover {  color:#302f2e;text-decoration:underline; }
.gray13 {font-size:13px; color:#4b494a;
	white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    width: 150px;
	padding:10px 0px 5px 10px;
}
a.gray13:link, a.gray13:active, a.gray13:visited{color:#4b494a;}
a.gray13:hover {  color:#302f2e;text-decoration:underline; }

/* ------------------------------------------------------------
	5. PC - カテゴリ ページ　CSS
------------------------------------------------------------ */
/*--- book カテゴリ ページ ---*/
#category_librarybg {
	position:relative;
	width:100%;
	height:auto;
	background:#f5f7fb;
	z-index:0;
}

.boxlibrary .contents_listbox {
	position:absolute;
	height:39px;
	padding:7px;
	top:22px;
	left:665px;
}
.boxlibrary .select_box{
	padding:4px 5px 4px 5px;
	background:#e4e8f0;
	border:1px solid #99a7c1;
}
.boxlibrary .contents_box {
	position:relative;
	border-top:0px solid #b8bfcf;
	/*top:15px;*/
	width:100%;
	padding:0px;
}

.boxlibrary .pagenum {
	border-top:1px solid #e2e4e9;
	color:#6a6b6b;
	width:100%;
	padding:0px;
	position: absolute;
	top: 700px;
}
.boxlibrary .pagenum .page_start{
	width:100px;
	margin-right:10px;
	font-size:12px;
	font-family: "MS PGothic";
	font-weight:bold;
	cursor: pointer;
}
#paging {
    margin: 19px 0px 13px;
    text-align: center;
}

.current{font-size:12px;font-family:"MS PGothic";color:#024cd4;text-decoration:underline;font-weight:bold;cursor: pointer;}
.boxlibrary .pagenum .page{
	margin-left:10px;
	margin-right:10px;
	font-size:12px;
	font-family: "MS PGothic";
	cursor: pointer;
}

.boxlibrary .pagenum .page_end{
	width:100px;
	margin-left:10px;
	font-size:12px;
	font-family: "MS PGothic";
	font-weight:bold;
	cursor: pointer;
}

.boxlibrary .paging_wrapper {
	position: initial;
}



#detail_linkbutton { display: block; width: 160px; height: 38px; margin-left:0px; background: url(../../images/pc/button/detail_button.png) no-repeat top left;cursor: pointer; }
#detail_linkbutton:active { background: url(../../images/pc/button/detail_button_o.png) no-repeat top left;cursor: pointer; }

#read_linkbutton { display: block; width: 160px; height: 38px; margin-left:0px;  background: url(../../images/pc/button/read_button.png) no-repeat top left;cursor: pointer; }
#read_button:active { background: url(../../images/pc/button/read_button_o.png) no-repeat top left;cursor: pointer; }

.boxlibrary .title {
	text-align:left;
	width:145px;
	height:35px;
	background: url(../../images/pc/bookshelf/library_titlebg.png) no-repeat left center;
	font-size:13px;
	font-family: "MS PGothic";
	color:#ffffff;
}
.boxlibrary .book_titleline {
	/*border-top: 1px solid #e1e4e9;
	border-bottom: 1px solid #bec1c4;*/
	background: url(../../images/pc/line_bg.png) repeat-x left top;
	margin-bottom:4px;
}

.boxlibrary .book_thumb {
	position: relative;
	width:188px;
	height:240px;
	padding:0 4px 0 4px;
}

.boxlibrary .book_contents {
	position: relative;
	margin:0 auto;
	text-align:left;
}
.boxlibrary .book_subtitle {
	height:78px;
	text-align:left;
	font-size:19px;
	font-family: "MS PGothic";
	/* font-weight:bold; */
	color:#000000;
	text-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
	padding:3px 0 0 10px;
	margin-bottom:10px;
	background-color:#d9dbdd;
}
.boxlibrary .book_border {
	position: absolute;
	margin-top:3px;
	height:22px;
	width:497px;
	border: 1px solid #bec1c4;
	text-align:left;
	font-size:14px;
	font-family: "MS PGothic";
	color:#000000;
	padding:3px 5px 6px 10px;
}
.boxlibrary .book_border_c {
	position: absolute;
	margin-top:40px;
	width:497px;
	height:230px;
	border: 1px solid #bec1c4;
	text-align:left;
	font-size:14px;
	font-family: "MS PGothic";
	color:#000000;
	padding:6px 5px 6px 10px;
}

.boxlibrary .book_border_date {
	position: absolute;
	margin-top:287px;
	width:514px;
	height:22px;
}

.borderleft {
	position: relative;
	border-top: 1px solid #bec1c4;
	border-left: 1px solid #bec1c4;
	border-bottom: 1px solid #bec1c4;
	text-align:center;
}
.borderright {
	position: relative;
	border: 1px solid #bec1c4;
	text-align:center;
}

.border_left{
	font-size:13px;
	font-family: "MS PGothic";
	color:#000000;
	background:#dbdddf;
}

.border_right{
	font-size:13px;
	font-family: "MS PGothic";
	color:#000000;
}

/* ------------------------------------------------------------
	６. PC - 本棚ページ　CSS
------------------------------------------------------------ */
/*--- 本棚ページ ---*/
#bookshelf_librarybg {
	position:relative;
	width:100%;
	z-index:0;
}
#bookshelf_topbg{
	position:relative;
	top:0px; 
	left:0px;
	width:100%;
	height:44px;
	background: #ffffff;
	border-bottom: 1px solid #dddee1;
}


#bookshelf_topbg #top_buttons {
	position: absolute;
	right: 3px;
	margin-top: 6px;
}

#bookshelf_topbg .edit_button {
	float: left;
	display:block;
	margin-right: 10px;
	margin-top: 1px;
	width:45px;
	height:30px;
}

#bookshelf_topbg .menu_button {
	float: left;
	display:block;
	margin-right: 10px;
	margin-top: 1px;
	width:250px;
	height:100%;
}

#bookshelf_topbg #dropmenu_box{
	position: absolute;
	z-index:100;
	float:left;
	left:80px;
	top:35px;
	width: 250px;
	height:220px;
	display: none;
}
#dropmenu_box .point_img{
	position: absolute;
	float: left;
	width:20px;
	height:10px;
	left:49%;
	margin: 0px 0 0 0px;
	background:url(../../images/pc/point_cursor.png) no-repeat center center;
}
#dropmenu_box .dropmenu_list{
	position:relative;
	float: left;
	top:10px;
	width: 250px;
	background:#ffffff;
	opacity:1;
	padding: 0;
	border-radius: 6px;
}

.dropmenu_list .list_menu_top{
	float: left;
	display:block;
	width: 230px;
	height:auto;
	padding:20px 0 20px 20px;
	font-size: 16px;
	color: #4d4d4d;
	text-align: left;
}
.dropmenu_list .list_menu_top:active{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background:#ddecfa;
	padding:20px 0 20px 20px;
	font-size: 16px;
	color: #007aff;
	text-align: left;
}
.dropmenu_list .list_menu_center{
	float: left;
	display:block;
	width: 230px;
	height:auto;
	padding:20px 0 20px 20px;
	font-size: 16px;
	color: #4d4d4d;
	text-align: left;
}
.dropmenu_list .list_menu_center:active{
	background:#ddecfa;
	padding:20px 0 20px 20px;
	font-size: 16px;
	color: #007aff;
	text-align: left;
}
.dropmenu_list .list_menu_bottom{
	float: left;
	display:block;
	width: 230px;
	height:auto;
	padding:20px 0 20px 20px;
	font-size: 16px;
	color: #4d4d4d;
	text-align: left;
}
.dropmenu_list .list_menu_bottom:active{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background:#ddecfa;
	padding:20px 0 20px 20px;
	font-size: 16px;
	color: #007aff;
	text-align: left;
}

.dropmenu_list .list_line{
	float: left;
	width: 230px;
	height:1px;
	padding:0px 0 0px 20px;
	background:#dfdede;
	text-align: left;
}

#bookshelf_topbg .btn_menu {
	float: right;
	width:75px;
	height:30px;
	background:url(../../images/pc/top/btn_menu.png) no-repeat center center;
}
#bookshelf_topbg .btn_menu:active {
	background:url(../../images/pc/top/btn_menu_o.png) no-repeat center center;
}
#bookshelf_topbg #btn_list {
	background:url(../../images/pc/top/mybook_list.png) no-repeat center center;
	cursor: pointer;
}
#bookshelf_topbg #btn_list:active {
	background:url(../../images/pc/top/mybook_list_o.png) no-repeat center center;
	cursor: pointer;
}
#bookshelf_topbg #btn_thumb {
	background:url(../../images/pc/top/mybook_thumb.png) no-repeat center center;
	cursor: pointer;
}
#bookshelf_topbg #btn_thumb:active {
	background:url(../../images/pc/top/mybook_thumb_o.png) no-repeat center center;
	cursor: pointer;
}
#bookshelf_topbg #btn_edit {
	background:url(../../images/pc/top/btn_edit.png) no-repeat center center;
	cursor: pointer;
}
#bookshelf_topbg #btn_edit:hover {
	background:url(../../images/pc/top/btn_edit_o.png) no-repeat center center;
	cursor: pointer;
}
#bookshelf_topbg #btn_edit:active {
	background:url(../../images/pc/top/btn_done.png) no-repeat center center;
	cursor: pointer;
}
#bookshelf_topbg #btn_edit.selected {
	background:url(../../images/pc/top/btn_done.png) no-repeat center center;
	cursor: pointer;
}
.thumb_list{
	position: relative;
}

.thumb_list_img_wrap{
	height: 180px;
	width: 142px;
	display:table-cell;
	vertical-align:bottom;
}
.bshelf_thumb_img {
	top: 0px;
	margin-top: 0px ;
	-webkit-box-reflect: below 1px -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0px, rgba(0,0,0,0) 20px);
}


.bshelf_thumb_img:after {
    content: "";
	position: absolute;
	top: 100%;
	right: 0px;
	bottom: -12%;
	left: 0px;
	z-index: -1;
	opacity: 0.7;
	mask: url("../../css/pc/mask.svg#reflection-mask");
	transform: translateY(3px) scaleY(-1);
}

#bshelf_thumb_img:after{
	background: -moz-element(#bshelf_thumb_img) repeat scroll 0% 0% transparent;
}

.bshelf_list_img {
	height: 160px;
	width: 120px;
	vertical-align: bottom;
	text-align: center;
}

.btn_delete {
	position: absolute;
	left:-10px; 
	top:-10px;
	width:35px;
	height:37px;
	background:url(../../images/pc/button/delete_icon_d.png) no-repeat left top;
	cursor: pointer;
}
.bookshelf_thumbbg {
	width:100%;
	height:100%;
	/*border-top:1px solid #9f7737;*/
	/*background: url(../../images/pc/category_librarybg1.png) repeat-y left top;*/
	/*background-color: #e9e9e9;*/
	z-index:0;
}
.bookshelf .contents_listbox {
	/*position:absolute;*/
	padding:20px 0 4px 25px;
	font-size:17px;
	font-family: "MS PGothic";
	font-weight:bold;
	color:#a3a3a3;
	/*border-bottom: 1px solid #e2e4e9;
	background-color:#f8f8f8;*/
	text-shadow:1px 0px 1px #fbfcff;
}
.bookshelf .select_box{
	width:90px;
	height:23px;
	border:1px solid #000;
}
.bookshelf .contents_box {
	position:absolute;
	top:75px;
	width:776px;height:263px;
	padding:10px;
}
.bookshelf .contents_box.2box {
	position:absolute;
	top:40px;
	width:776px;height:263px;
	padding:10px;
}
.bookshelf .title {
	text-align:left;
	width:145px;
	height:32px;
	/*background: url(../../images/pc/library_titlebg.png) no-repeat left center;*/
	font-size:13px;
	font-family: "MS PGothic";
	color:#474747;
}
.bookshelf .book_titleline {
	/*border-top: 1px solid #e1e4e9;
	border-bottom: 1px solid #bec1c4;*/
	background: url(../../images/pc/line_bg.png) repeat-x left top;
	margin-bottom:4px;
}

.bookshelf .book_thumb {
	position: relative;
	width:188px;
	height:240px;
	padding:0 4px 0 4px;
}

.bookshelf .book_contents {
	position: relative;
	margin:0 auto;
	text-align:left;
}
.bookshelf .book_subtitle {
	height:78px;
	text-align:left;
	font-size:19px;
	font-family: "MS PGothic";
	/* font-weight:bold; */
	color:#000000;
	text-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.5);
	padding:3px 0 0 10px;
	margin-bottom:10px;
	background-color:#d9dbdd;
}
.bookshelf .book_border {
	position: absolute;
	margin-top:3px;
	height:22px;
	width:497px;
	border: 1px solid #bec1c4;
	text-align:left;
	font-size:14px;
	font-family: "MS PGothic";
	color:#000000;
	padding:3px 5px 6px 10px;
}
.bookshelf .book_border_c {
	position: absolute;
	margin-top:40px;
	width:497px;
	height:230px;
	border: 1px solid #bec1c4;
	text-align:left;
	font-size:14px;
	font-family: "MS PGothic";
	color:#000000;
	padding:6px 5px 6px 10px;
}

.bookshelf .book_border_date {
	position: absolute;
	margin-top:287px;
	width:514px;
	height:22px;
}
.bookshelf .book_border_page {
	position: absolute;
	margin-top:324px;
	width:514px;
	height:22px;
}
.borderleft {
	border-top: 1px solid #bec1c4;
	border-left: 1px solid #bec1c4;
	border-bottom: 1px solid #bec1c4;
	text-align:center;
	padding:4px 6px;
	width:27%;
}
.borderright {
	border: 1px solid #bec1c4;
	text-align:center;
	padding:4px 6px;
}

.dorder_left{
	width:120px;
	font-size:13px;
	font-family: "MS PGothic";
	color:#000000;
	background:#dbdddf;
}

.dorder_right{
	width:140px;
	font-size:13px;
	font-family: "MS PGothic";
	color:#000000;
}
/* ------------------------------------------------------------
	６-1. PC - 本棚ページ　リスト型　CSS
------------------------------------------------------------ */
.bookshelf_list_thumbbg {
	width:100%;
	height:100%;
	background:#ededed;
	z-index:0;
}
.bookDetailView_body{
	height:185px;
	background:#ffffff;
	/* 2列の背景色　　background:#f2f2f2;*/
	padding:12px 10px 12px 10px;
	border-bottom:1px #dcdcdc solid;
}
.bookDetailView_body .deletLeft_table{
	position: relative;
	width:29px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	display:none;
}

.bookDetailView_body .detailView_table{
	position: relative;
	width:99%;
	height:175px;
	border-collapse: collapse;
	margin: 0;
	font-family: "MS PGothic";
	padding:0 3px;
	
}

.bookDetailView_body .detail_thumb_table{
	position: relative;
	width:145px;
	height:100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.bookDetailView_body .detail_thumb{
	background:#ffffff;
	border:1px solid #e4e4e4;
	width:auto;
	height:auto;
	margin-top: 0px ;
	display:table-cell;
	vertical-align:middle;
}

/*
.bookDetailView_body .detail_thumb img{
	width:120px;
	height:160px;
}
*/

.bookDetailView_body .detail_title{
	border-bottom:1px solid #e4e4e4;
	font-size:18px;
	color:#000;
	/* font-weight:bold; */
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Ｐゴシック","MS PGothic";
	padding-left:2px;
}

.bookDetailView_body .detail_title div{
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
	width: 590px;
}


.bookDetailView_body .sub_detail_title{
	/*width:100%;*/
	width:454px;
	font-size:14px;
	color:#5B5B5B;
	/* font-weight:bold; */
	padding:6px 2px 6px 2px;
	vertical-align:top;
	word-break:break-all;
}

.bookDetailView_body .sub_detail_title em{
	color:red;
}

.bookDetailView_body .detail_btn_table{
	width:139px;
	height:85px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.btn_detail, .btn_download,.btn_delete_list{
	display:block;
	width:133px;
	height:38px;
	margin-top:7px;
}

.detail_btn_table .btn_detail {
	background:url(../../images/pc/button/detail_button.png) no-repeat center center;
	cursor: pointer;
}
.detail_btn_table .btn_detail:active {
	background:url(../../images/pc/button/detail_button_o.png) no-repeat center center;
	cursor: pointer;
}
/* delete_button */
.detail_btn_table .btn_delete_list {
	background:url(../../images/pc/button/delete_button.png) no-repeat center center;
	cursor: pointer;
}
.detail_btn_table .btn_delete_list:active {
	background:url(../../images/pc/button/delete_button_o.png) no-repeat center center;
	cursor: pointer;
}

.detail_btn_table .btn_download {
	background:url(../../images/pc/button/read_button.png) no-repeat center center;
	cursor: pointer;
}
.detail_btn_table .btn_download:active {
	background:url(../../images/pc/button/read_button_o.png) no-repeat center center;
	cursor: pointer;
}


.bookDetailView_body .detail_info_table{
	position: relative;
	width:90%;
	height:100%;
	margin: 0;
	padding-left:5px;
	border-collapse: collapse;
}

.detail_info_table td{
	font-size:13px;
	color:#797979;
	font-family: "MS PGothic";
}

.detail_info_table .detail_info1{
	width:17%;
}

.detail_info_table .detail_info2{
	width:33%;
}

/* ------------------------------------------------------------
	7. PC - ヘルプページ　CSS
------------------------------------------------------------ */
/*--- ヘルプ　ページ ---*/
#help_storebg {
	position:relative;
	width:100%;
	height:4350px;
	top: 0px;
	left: 0px;
	background:#F5F7FB;
	z-index:0;
}

.helpstore .contents_box {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
.help_title {
	text-align:left;
	height:40px;
	font-size:23px;
	/*background: url(../../images/pc/icon_help_g.png) no-repeat 26px 6px;*/
	font-family: "MS PGothic";
	/* font-weight:bold; */
	color:#717880;
	height:42px;
	background:#ffffff;
	border-bottom: 1px solid #c4c4c4;
}
.help_subtitle {
	text-align:left;
	font-size:14px;
	margin-left:10px;
	font-family: "MS PGothic";
	color:#4b4b4b;
}
.help_titleline {
	/*border-top: 1px solid #e1e4e9;
	border-bottom: 1px solid #bec1c4;*/
	background: url(../../images/pc/line_bg.png) repeat-x left top;
	margin-bottom:4px;
}

a.list_title {
	font-size:15px; 
	color:#7f7f7f;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Ｐゴシック","MS PGothic";
	text-shadow:1px 1px #ffffff;
	cursor:pointer;
}
a.list_title:active, {color:#007aff;text-decoration:none;}
a.list_title:hover {color:#007aff;text-decoration:none; }
.help_menu_title{
	height:37px;
	font-size:16px; 
	font-family:"MS PGothic";
	background:#f2f4f9;
	/* font-weight:bold; */
	border-right:1px solid #b9c0d0;
	border-top:1px solid #d9dce2;
	border-bottom:1px solid #d9dce2;
	color:#4a4b4b;
}
.keyword14{
	font-size:15px; 
	font-family:"MS PGothic";
	font-weight:bold;
	color:#494949;
}
.keyword12{
	font-size:12px; 
	font-family:"MS PGothic";
	color:#494949;
}
.help_contentstxt{
	font-size:13px; 
	font-family:"MS PGothic";
	font-weight:bold;
	color:#494949;
	background: #f0f0f1; /* Old browsers */
}
.help_contentstxt_blue{
	font-size:16px; 
	font-family:"MS PGothic";
	font-weight:bold;
	color:#2e3641;
	background: #d5d6d9;
	border:1px solid #c9cbcf;
	padding-left:10px;
	border-radius:0px;
}
.help_contentstxt_1{
	font-size:15px; 
	font-family:"MS PGothic";
	font-weight:bold;
	color:#4d4e51;
}
.help_contentstxt_1_s{
	font-size:12px; 
	font-family:"MS PGothic";
	font-weight:bold;
	padding-bottom:2px;
	color:#48494d;
}
.help_contentstxt_2{
	font-size:13px; 
	font-family:"MS PGothic";
	color:#48494d;
	letter-spacing:0.3px;
	padding-left:13px;
}
.help_contentstxt_3{
	font-size:14px; 
	font-family:"arial";
	color:#333333;
	padding-left:13px;
}
.help_contentstxt_4{
	font-size:11px; 
	font-family:"MS PGothic";
	color:#767676;
	line-height:14px;
}
.help_contentstxt_5{
	font-size:14px; 
	font-family:"MS PGothic";
	color:#505459;
	padding-left:13px;
	font-weight:bold;
}
.help_faq_q{
	font-size:12px; 
	font-family:"MS PGothic";
	background: url(../../images/pc/qna_q.png) no-repeat 12px 9px #f0f0f1;
	color:#494949;
}
.help_faq_a{
	font-size:12px; 
	font-family:"MS PGothic";
	background: url(../../images/pc/qna_a.gif) no-repeat 12px 10px #fbfcfd;
	color:#002b79;
}

/* -----------------------------------------------------------------
	footer area
-------------------------------------------------------------------*/

.foot_box{
    position:absolute;
    bottom:0px;
    width:100%;
	height:38px;
	vertical-align: bottom;
	background:#f5f7fb;
}

.foot_width{
	width:323px;
	height:38px;
	background:#4f5561;
	font-family:"MS PGothic";
	color:#ffffff;
	font-size:13px; 
}

/* ------------------------------------------------------------
	search　form
------------------------------------------------------------ */
/* loading form */

#loading_bg {
	position:relative;
	width:100%;
	height: 100%;
	vertical-align: top;
}

.loadingview_bg {
	width:100%;
	height:100%;
	background:#dbdfe8;
	opacity: 0.2;
	background-position: center center;
	background-repeat: no-repeat;
	z-index:0;
}
.loader {
    position: absolute;
	width: 150px;
    height: 150px;
    top: 35%;
    left: 41%;
	background: url(../../images/pc/loading_view.gif) no-repeat;
	
}


/*--- main ---*/
#search_topbg{
	position:relative;
	top:0px; 
	left:0px;
	width:100%;
	height:42px;
	background:rgba(0,0,0,0.9);
	/*background: #5d5d5d;
	background: -moz-linear-gradient(top,  #5d5d5d 0%, #202020 50%, #0f0f0f 50%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(50%,#202020), color-stop(50%,#0f0f0f), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	background: -o-linear-gradient(top,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	background: -ms-linear-gradient(top,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	background: linear-gradient(to bottom,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#000000',GradientType=0 );*/
	/*background: url(../../images/ios/top/store_topbg_black.png) repeat-x left top;*/
	border-top: 1px solid #8a8a8a;
	border-bottom: 1px solid #353535;
}
#search_topbg #top_buttons {
	position: absolute;
	left:35%;
	margin-top: 6px;
}
#search_topbg a.search_input {
	float: left;
	display:block;
	margin-right: 10px;
	padding: 2px 10px 4px 8px;
	width:281px;
	height:24px;
	background: #ffffff;
	border-radius:26px;
    -moz-border-radius:26px;
    -webkit-border-radius:26px;
	-moz-box-shadow:inset 0px 2px 4px #878787;
    -webkit-box-shadow:inset 0px 2px 4px #878787;
    box-shadow:inset 0px 2px 4px #878787;
}
#searchform {  
    position: relative;  
} 
#search_topbg a.top_button {
	float: left;
	display:block;
	margin-left:10px;
	margin-top: 1px;
	width:75px;
	height:30px;
}
#search_topbg #btn_cancel {
	background:url(../../images/pc/top/btn_cancel.png) no-repeat center center;
	cursor: pointer;
}
#search_topbg #btn_cancel:active {
	background:url(../../images/pc/top/btn_cancel_o.png) no-repeat center center;
	cursor: pointer;
}


#search_box{
	position: relative;
	width:auto;
}

#search_left{
	position: absolute;
	float:left;
	margin-top:20px;
	margin-right:7px;
	margin-bottom:15px;
	margin-left:25px;
	width:350px;
	height:280px;
	background: #ffffff;
	border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

#search_left .search_title{
	height: 35px;
	font-family: "MS PGothic";
	font-size:17px;
	color:#000000;
	/* font-weight: bold; */
	padding:5px 5px 0px 15px;
	letter-spacing:-0.1px;
	border-bottom: 1px solid #a2a4a8;
}
#search_left .search_thumb{
	width:120px;
	height:170px;
	margin:5px 15px 2px 15px;
	float:left;
	background:#e5e5e5 center top;
	border:1px solid #bfbfbf;
}
#search_left .book_contents{
	width:195px;
	height:170px;
	float:left;
	padding-top:5px;
}
.book_contents .text_box{
	width:195px;
	float:left;
	height:90px;
	font-size:14px;
	color:#555555;
}
#search_left a.btn_read {
	float: right;
	padding-bottom:3px;
	display:block;
	margin-right:12px;
	width:133px;
	height:38px;
}
#search_left #btn_detail {
	background:url(../../images/pc/button/detail_button.png) no-repeat center center;
	cursor: pointer;
}
#search_left #btn_detail:active {
	background:url(../../images/pc/button/detail_button_o.png) no-repeat center center;
	cursor: pointer;
}
#search_left #btn_download {
	background:url(../../images/pc/button/read_button.png) no-repeat center center;
	cursor: pointer;
}
#search_left #btn_download:active {
	background:url(../../images/pc/button/read_button_o.png) no-repeat center center;
	cursor: pointer;
}
#search_left .book_info{
	float:left;
	font-size:14px;
	font-family: "MS PGothic";
	color:#252525;
	line-height:1.3;
	padding-top:7px;
	margin:0px 10px 0px 18px;
}

/* ------------------------------------------------------------
	category　form
------------------------------------------------------------ */
/*--- main ---*/
#category_topbg{
	position:relative;
	top:0px; 
	left:0px;
	width:100%;
	height:42px;
	background:#ffffff;
	/*background: #5d5d5d;
	background: -moz-linear-gradient(top,  #5d5d5d 0%, #202020 50%, #0f0f0f 50%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(50%,#202020), color-stop(50%,#0f0f0f), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	background: -o-linear-gradient(top,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	background: -ms-linear-gradient(top,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	background: linear-gradient(to bottom,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#000000',GradientType=0 );*/
	/*background: url(../../images/ios/top/store_topbg_black.png) repeat-x left top;*/
	border-bottom: 1px solid #dddee1;
}


#category_topbg #title_txt {
	position: absolute;
	width:100%;
	float:center;
	text-align:center;
	font-size:21px;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Ｐゴシック","MS PGothic";
	/* font-weight:bold; */
	color:#717880;
	margin-top: 13px;
}

#category_topbg #top_btn {
	position: absolute;
	float:right;
	right: 12px;
	margin-top: 6px;
}

#category_topbg a.top_reload {
	display:block;
	margin-top: 1px;
	width:34px;
	height:30px;
}
#category_topbg #btn_reload {
	background:url(../../images/pc/top/reload_icon.png) no-repeat center center;
	cursor: pointer;
}
#category_topbg #btn_reload:active {
	background:url(../../images/pc/top/reload_icon_o.png) no-repeat center center;
	cursor: pointer;
}
#category_box{
	position: relative;
	font-size:18px;
	font-family: "MS PGothic";
	/* font-weight:bold; */
	color:#000000;
	margin-top:26px;
	margin-bottom:15px;
	margin-left:40px;
	margin-right:40px;
	width:auto;
	height:80px;
	background: #ffffff;
	border:1px solid #ababab;
	border-radius:10px;
}
#category_box:active {
	font-size:18px;
	font-family: "MS PGothic";
	font-weight:bold;
	color:#ffffff;
	background: #499bea;
	background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5));
	background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%);
	background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%);
	background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%);
	background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
	border:1px solid #ababab;
	border-radius:10px;
}
#category_list{
	position: relative;
	float:left;
	width:100%;
}

#icon_folder {
width: 11%;
height:80px;
margin-left:0px;
float:left;
background:url(../../images/pc/category_folder.png) no-repeat center center;
}

#category_center {
width: 80%;
height: 80px;
margin-left:0px;
margin-top:31px;
float: left;
left: 11%;
}

#btn_next {
width: 8%;
height: 80px;
float: left;
margin-top:0px;
margin-left:5px;
left: 90%;
background:url(../../images/pc/arrow_next.png) no-repeat center center;
}


/* ------------------------------------------------------------
	bookshelf　form
------------------------------------------------------------ */
/*--- main ---*/
#bookshelf_topbg{
	position:relative;
	top:0px; 
	left:0px;
	width:100%;
	height:42px;
	background:#ffffff;
	/*background: #5d5d5d;
	background: -moz-linear-gradient(top,  #5d5d5d 0%, #202020 50%, #0f0f0f 50%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(50%,#202020), color-stop(50%,#0f0f0f), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	background: -o-linear-gradient(top,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	background: -ms-linear-gradient(top,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	background: linear-gradient(to bottom,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#000000',GradientType=0 );*/
	/*background: url(../../images/ios/top/store_topbg_black.png) repeat-x left top;*/
	border-bottom: 1px solid #dddee1;
}
#bookshelf_topbg #title_txt {
	position: absolute;
	width:100%;
	float:center;
	text-align:center;
	font-size:20px;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Ｐゴシック","MS PGothic";
	/* font-weight:bold; */
	color:#717880;
	margin-top: 13px;
}

#bookshelf_topbg #top_buttons {
	position: absolute;
	right: 3px;
	margin-top: 6px;
}

#bookshelf_topbg a.edit_button {
	float: left;
	display:block;
	margin-right: 10px;
	margin-top: 1px;
	width:45px;
	height:30px;
}

/* bookshelf_bg */
#bookshelf_box{
	position: relative;
	width:auto;
}
#bookshelf_title{
	width:100%;
	padding-left: 15px;
	padding-top: 9px;
	font-size:18px;
	font-family: "MS PGothic";
	color:#ffffff;
	height:28px;
	background:url(../../images/pc/bookshelf/bookCountBar_top.png) repeat-x left top;}

#bookshelf_bg{
	width:100%;
	height:262px;
	background-image:
	url(../../images/pc/bookshelf/top_shadow.png),
	url(../../images/pc/bookshelf/left_tab.png),
	url(../../images/pc/bookshelf/right_tab.png),
	url(../../images/pc/bookshelf/center_tab.png),
	url(../../images/pc/bookshelf/left_shadow.png),
    url(../../images/pc/bookshelf/right_shadow.png),
	url(../../images/pc/bookshelf/bg_wood.png);

	background-repeat:
		repeat-x,
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat,
		repeat-x;

	background-position:
		left top,
		left bottom,
		right bottom,
		center bottom,
		left top, 
		right top,
		top;
}

.lib_box{
	position: relative;
	padding-top:32px;
	margin-left:43px;
	width:145px;
}

.lib_box tr td {
	width:100%;
	font-size:14px;
	font-family: "MS PGothic";
	text-align:center;
	color:#ffffff;
}

.thumb_img{
	padding-top:3px;
	padding-bottom:3px;
	width:126px;
	height:178px;
	background:#a8a8a8;
	-webkit-box-shadow: 0 8px 10px -6px #4c2715;
	   -moz-box-shadow: 0 8px 10px -6px #4c2715;
	        box-shadow: 0 8px 10px -6px #4c2715;
}
.thumb_title{
	padding-top:8px;
	padding-bottom:3px;
	width:141px;
	height:33px;
	background:url(../../images/pc/bookshelf/title_textbt.png) no-repeat center center;
}



/* ------------------------------------------------------------
        banner
------------------------------------------------------------ */
#bannerList{
        height:100%;
        width:100%;
		text-align: center;
		padding-top:5px;
		padding-bottom:10px;
}
#bannerList img{ 
        width:210px;
        height:210px;
        margin:2px 0 3px 9px;
        border:1px solid #d0d0d0;
		cursor: pointer;
}

/* ------------------------------------------------------------
        coverflow lib css
------------------------------------------------------------ */
#coverflow {
        position: absolute;
        height: 250px;
        display: inline-block;
        width: 2000px;
             
        top: 0px; 
        left: 0px; 
        margin-top: 70px;
}

#coverflow img {
        float: left;
        position: relative;
        margin: -35px;
        -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(0,0,0,0.5)));
}


/* ------------------------------------------------------------
        login css
------------------------------------------------------------ */
.login_wrap {
    width: 211px;
    height: 180px;
	padding: 10px 10px 2px 10px;
	border-bottom: 1px solid #cbced7;
}

.login {
    border: 1px solid #c3c6cf;
	border-radius:3px;
	width:209px;
	height: 161px;
}

.login #loginform {
    clear: left;
    border: 1px solid #fcfcfc;
    border-image: none;
    background:#f2f3f5;
	padding-top:14px;
	color:#919191;
	height:145px;
	border-radius:3px;
}

.logout_wrap {
    width: 211px;
    height: 115px;
	padding: 10px 10px 2px 10px;
	border-bottom: 1px solid #dddddd;
}

.logout {
    border: 1px solid #c3c6cf;
	border-radius:3px;
	width:209px;
	height: 96px;
}

.logout #logoutform {
    clear: left;
    border: 1px solid #fcfcfc;
    border-image: none;
    background:#f2f3f5;
	padding-top:14px;
	height:80px;
	border-radius:3px;
}

.form_row {
    padding: 0px 8px 3px 10px;
    text-align: left;
}
.clearfix {
	vertical-align:middle;
}
.form_row .login_form_label {
    display: block;
    float: left;
    padding: 1px 0px;
	width: 100px;
}

.form_row .inputtext, .inputpassword {
    width: 178px;
}
.form_row input {
    margin: 0px;
}
.inputtext, .inputpassword {
    padding-bottom:0px;
}
textarea, .inputtext, .inputpassword {
    border: 1px solid #c8c9cb;
	height:18px;
	font-size: 12px;
	color:#494848;
    margin: 0px;
    padding:3px  4px 3px 6px;
}

#buttons {
    text-align: left;
}


.persistent {
    padding: 5px 0px 3px 10px;
	border-bottom:1px dotted #d9dadc;
}


.uiInputLabelInput {
    float: left;
    margin: 0px;
    padding: 0px 0 0 0;
}

.uiInputLabelInput_login {
    float: left;
    margin: 5px 0 0 0;
    padding: 0px 0 0 0;
}
.uiInputLabelInput.chk_login {
    vertical-align:0.5em;
	position:relative;
    height:15px;
	top:5px;
}
.uiInputLabel .uiInputLabelLabel {
    display: block;
    margin-left: 17px;
    font-size: 12px;
	color: #ffffff;
	font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	vertical-align: middle;
}

.uiInputLabel .uiInputLabelLabeltxt {
    display: block;
	float: left;
	width: 400px;
	margin:3px 0 0 4px;
	font-size: 14px;
	color: #ffffff;
	font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	vertical-align: middle;
}

.uiInputLabel .uiInputLabelHome {
    display: block;
	float: right;
    margin-left: 0px;
	font-size: 14px;
	color: #ffffff;
	font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	vertical-align: middle;
}

.form_row .uiInputLabelNotice {
    display: block;
	float:right;
	margin-top: 2px;
    margin-right: 6px;
	font-size: 12px;
	color: #498af3;
	font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
}

a.uiInputLabelNotice:hover,a.uiInputLabelNotice:visited{
	color: #2365d0;
	text-decoration: underline;
	cursor: pointer;
}

.form_row .rc-button-submit {
    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 */
	cursor:pointer;
}
.form_row .rc-button-submit:hover {
    border: 1px solid rgb(47, 91, 183);
	border-radius: 3px;
	color: rgb(255, 255, 255);
    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 */
}

.form_row .rc-button {
    width: 188px;
    height: 30px;
    text-align: center;
    color:#ffffff;
    font-size: 14px;
	font-family: Arial,sans-serif;
	font-weight: bold;
    padding: 0px 0px;
    cursor: default;
	border-radius: 3px;
	cursor:pointer;
}

input[type="searchform"]:focus{
    outline: medium none;
    border: 1px solid rgb(42, 55, 102);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset;
}


.form_row .user {
    position: relative;
    z-index: 13;
    width: 188px;
	height:22px;
    padding-top:0px;
	padding-bottom:10px;
	font-size: 13px;
	color: #4a4b4b;
	font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
}

 .user .lkbtn {
    float: left;
    max-width: 125px;
    font-weight: bold;
}

/* --------------------------------------------------
			recovery popup layout
-------------------------------------------------*/

.recovery_main {
    margin: 0px auto;
    max-width: 650px;
    padding-top: 23px;
    padding-bottom: 100px;
}

.recovery_content {
    padding: 0px 44px;
}

h5 {
    color: rgb(34, 34, 34);
    font-size: 1.54em;
    font-weight: normal;
    line-height: 24px;
    margin: 0px 0px 0.46em;
}

input[type="radio"] {
    -moz-appearance: none;
    width: 13px;
    height: 13px;
    margin: 0px;
    cursor: pointer;
    vertical-align: bottom;
    background: none repeat scroll 0% 0% white;
    border-width: 1px;
    border-style: solid;
    border-color: gainsboro;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-radius: 1px;
    -moz-box-sizing: border-box;
    position: relative;
    border-image: initial;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
}

.recovery .radio-option .radio-label {
    margin-left: 22px;
    display: block;
    line-height: 18px;
}
.recovery .hideable-wrapper {
    overflow: hidden;
    transition: all 500ms ease-in-out 0s;
}
.recovery .hideable-box {
    margin-top: 10px;
    margin-left: 22px;
    line-height: 18px;
}
.recovery .stacked-label {
    line-height: 18px;
    margin-bottom: 8px;
}
.recovery .recovery-submit {
    margin-top: 20px;
}
button.g-button, input.g-button[type="submit"] {
    height: 29px;
    line-height: 25px;
    vertical-align: middle;
    margin: 0px 10px 0px 0px;
    padding-left: 18px;
    padding-right: 18px;
}
.g-button-submit {
    border: 1px solid rgb(48, 121, 237);
    color: rgb(255, 255, 255);
    text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
    background-color: rgb(77, 144, 254);
    background-image: -moz-linear-gradient(center top , rgb(77, 144, 254), rgb(71, 135, 237));
}
.g-button {
    min-width: 46px;
    text-align: center;
    color: rgb(68, 68, 68);
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    padding: 0px 8px;
    line-height: 27px;
    border-radius: 2px;
    transition: all 0.218s ease 0s;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgb(245, 245, 245);
    background-image: -moz-linear-gradient(center top , rgb(245, 245, 245), rgb(241, 241, 241));
    -moz-user-select: none;
    cursor: default;
}

/* ------------------------------------------------------------
	7. PC - 会員登録ページ　CSS
------------------------------------------------------------ */
/*--- 会員登録ページ用 ---*/
#regist_user_bg {
	position:relative;
	width:100%;
	height:1200px;
	background:#f5f7fb;
	z-index:0;
}
#regist_user_bg .regist_user_title {
	position:absolute;
	width:100%;
	left:0px;top:0px;
	height:42px;
	background:#ffffff;
	/*background: #5d5d5d;
	background: -moz-linear-gradient(top,  #5d5d5d 0%, #202020 50%, #0f0f0f 50%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(50%,#202020), color-stop(50%,#0f0f0f), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	background: -o-linear-gradient(top,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	background: -ms-linear-gradient(top,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	background: linear-gradient(to bottom,  #5d5d5d 0%,#202020 50%,#0f0f0f 50%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#000000',GradientType=0 );*/
	/*background: url(../../images/ios/top/store_topbg_black.png) repeat-x left top;*/
	border-bottom: 1px solid #c4c4c4;
}
#regist_user_bg .regist_user_title .regist_user_txt {
	position: absolute;
	width:100%;
	float:center;
	text-align:center;
	font-size:21px;
	font-family: "arial";
	font-weight:bold;
	color:#717880;
	margin-top: 12px;
}

#regist_user_bg #top_btn {
	position: absolute;
	float:left;
	left: 6px;
	margin-top: 6px;
}
#regist_user_bg .regist_box {
	position:absolute;
	left:22px;top:70px;
	width:88%;height:350px;
	padding:25px 20px 25px 20px;
	background-color:#f5f7fb;
	/*border:1px solid #d1d4de;*/
	border-radius: 4px;
}
#regist_user_bg a.btn_blackImg {
	display:block;
	margin-top: 1px;
	width:48px;
	height:31px;
}
#regist_user_bg #btn_back {
	background:url(../../images/pc/top/btn_back_black.png) no-repeat center center;
}
#regist_user_bg #btn_back:active {
	background:url(../../images/pc/top/btn_back_black_o.png) no-repeat center center;
}


#regist_user_bg .regist_box {
	position:absolute;
	left:22px;top:80px;
	width:88%;height:auto;
	padding:22px 22px 20px 22px;
	background-color:#eceef5;
	border-radius: 4px;
}

#regist_container{
    width: 100%;
    margin: 0px auto;
}

#regist_container div, #regist_container label, #regist_container input {
    font-family: "Hiragino Kaku Gothic ProN","meiryo","メイリオ","ms pgothic","ms pゴシック","osaka",sans-serif,"TakaoPGothic","Sazanami Gothic";
}

#regist_container .regist_form {
    margin: 0px;
}
.regist_msg{
	font-size:13px;
	color:#e20404;
	letter-spacing:-0.2px;
	margin-left:5px;
	margin-bottom:10px;
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
}
.userinfo_edit_msg{
	font-size:13px;
	color:#e20404;
	letter-spacing:-0.2px;
	margin-left:5px;
	margin-bottom:10px;
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
}
.input-row {
    height: 42px;
	width: 75%;
	white-space: nowrap;
	margin-bottom: 10px;
	position: relative;
}

.input-row-p {
    height: 55px;
	width: 75%;
	white-space: nowrap;
	margin-bottom: 10px;
	position: relative;
}
.input-row1 {
    height: 42px;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}
.input-box {
    display: inline-block;
	margin-left: 4px;
	margin-right: 1px;
    position: relative;
}
.in-field {
    border: 0px none;
    margin: 1px 0px 1px 11px;
	padding-top:4px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color:#989898;
    position: absolute;
}
input::-moz-placeholder {
	position: relative;
	padding-left:5px;
	text-align: left;
}

input::-webkit-input-placeholder {
	position: relative;
	padding-left:5px;
	text-align: left;
}
.half-width {
    width: 220px;
	height: 34px;
	text-align:left;
	border:1px solid #b5b8c0;
	background-color:#ffffff;
	border-radius: 4px;
	padding-left:7px;
	font-size: 16px;
    color: rgb(51, 51, 51);
}

.post-width {
    width: 218px;
	height: 34px;
	text-align:left;
	border:1px solid #b5b8c0;
	background-color:#ffffff;
	border-radius: 4px;
	padding-left:7px;
	font-size: 16px;
    color: rgb(51, 51, 51);
	margin-top: 10px;
}

.half-width_find {
    width: 360px;
	height: 34px;
	text-align:left;
	border:1px solid #b5b8c0;
	background-color:#ffffff;
	border-radius: 4px;
	padding-left:7px;
	font-size: 16px;
    color: rgb(51, 51, 51);
}
.year-width {
    width: 108px;
	height: 40px;
	text-align:left;
	border:1px solid #b5b8c0;
	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%) repeat scroll 0% 0% transparent;
	border-radius: 4px;
	padding:5px 3px 5px 7px;
	font-size: 16px;
    color: #535252;
}
.day-width {
    width: 230px;
	height: 40px;
	text-align:left;
	border:1px solid #b5b8c0;
	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%) repeat scroll 0% 0% transparent;
	border-radius: 4px;
	padding:5px 3px 5px 7px;
	font-size: 16px;
    color: #535252;
}
.sex-width {
    width: 220px;
	height: 45px;
	text-align:left;
	border:1px solid #b5b8c0;
	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%) repeat scroll 0% 0% transparent;
	border-radius: 4px;
	margin-left:4px;
	margin-bottom:10px;
	padding-left:8px;
}
.sex-man {
    float:left;
	width: 95px;
	height: 33px;
	padding:12px 0 0 5px;
	border-right:1px solid #b5b8c0;
	text-align:left;
	font-size: 16px;
    color: #535252;
}
.sex-woman {
    float:left;
	left:115px;
	padding:12px 0 0 10px;
	width: 100px;
	text-align:left;
	font-size: 16px;
    color: #535252;
}

.send-width {
    width: 85%;
	text-align:left;
	margin-left:2px;
	margin-top:10px;
	font-size: 13px;
    color: #646465;
}

.send-width1 {
	width: 100%;
	text-align:left;
	margin-left:2px;
	margin-top:10px;
	font-size: 13px;
    color: #646465;
}

.message {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    margin-top: 14px;
	margin-left: 5px;
	font-size:13px;
	letter-spacing:-0.3px;
	color:#737373;
}
.origin {
    display: table-cell;
    vertical-align: middle;
    height: 38px;
}


input[type="text"]:focus, input[type="password"]:focus{
    outline: medium none;
    border: 1px solid rgb(77, 144, 254);
}

.user_email{
	text-align:left;
	width:100%;
	border-bottom: 1px solid #d9dce6;
	padding-bottom:20px;
	margin-left:5px;
	margin-top:0px;
	font-size: 19px;
    color:#737373;
}
.password_link{
	text-align:left;
	margin-bottom:15px;
	margin-left:5px;
	padding-top:30px;
	border-top: 1px solid #ffffff;
	font-size: 19px;
    color:#1476e1;
}
.mail_send {
	width:230px;
	height: 34px;
	margin-top:10px;
	padding-top:16px;
	margin-left:5px;
	text-align: center;
    color:#ffffff;
    font-size: 170%;
	font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	font-weight: bold;
    cursor: default;
	border: 1px solid rgb(48, 121, 237);
	border-radius: 4px;
	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 */
}
.mail_send:hover {
    width:230px;
	height: 34px;
	margin-top:10px;
	padding-top:16px;
	margin-left:5px;
	text-align: center;
    color:#ffffff;
    font-size: 170%;
	font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	font-weight: bold;
    cursor: default;
	border: 1px solid rgb(47, 91, 183);
	border-radius: 4px;
	color: rgb(255, 255, 255);
    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 */
}

.mail_send1 {
	width:230px;
	height: 30px;
	padding-top:12px;
	margin-left:5px;
	text-align: center;
    color:#ffffff;
    font-size: 170%;
	font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	font-weight: bold;
    cursor: default;
	border: 1px solid rgb(48, 121, 237);
	border-radius: 4px;
	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 */
}
.mail_send1:hover {
   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 */
}


.regist_ok_title{
		width:99%;
		text-align:left;
		font-size:22px;
		color:#1f1f1f;
		font-weight: bold;
		font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;	
		padding:10px 0px 20px 5px;
		border-bottom: 1px solid #d9dce6;
}
.regist_an_title{
		width:99%;
		text-align:left;
		font-size:17px;
		color:#383839;
		font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
		line-height:1.3;
		padding:14px 0px 10px 5px;
		border-top: 1px solid #ffffff;
}
.regist_sentxt{
		text-align:left;
		width:100%;
		font-size:20px;
		color:#368be9;
		font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;	
		padding:40px 0px 35px 0px;
}


.table_txt_title {
	text-align:left;
	font-size:14px;
	color:#383839;
	padding:15px 0 15px 10px;
}

/* --------------------------------------------

		購入履歴　
		
-----------------------------------------------*/
.regist_container_login{
    width: 100%;
    margin: 0px auto;
}

#purchase_box {
    position:relative;
	width: 100%;
	height:100%;
	border-top:1px solid #cbced6;
	border-right:1px solid #cbced6;
}
#purchase_tit{
    height: 50px;
	width:100%;
	position: relative;
	background-color:#e4e6ed;
	border-bottom:1px solid #cbced6;
}
#purchase_tit_no{
    height: 50px;
	width:100%;
	position: relative;
	background-color:#ffffff;
	border-bottom:1px solid #cbced6;
}
.title_day {
    float:left;
	width: 15%;
	text-align:center;
	padding:15px 0 15px 0px;
	font-size: 15px;
    color: rgb(51, 51, 51);
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	font-weight:normal;
	border-left:1px solid #cbced6;
}
.title_credit {
    float:left;
	width: 31%;
	text-align:center;
	padding:15px 0 15px 0px;
	font-size: 15px;
    color: rgb(51, 51, 51);
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	font-weight:normal;
	border-left:1px solid #cbced6;
}
.title_contents {
    float:left;
	width: 35%;
	text-align:center;
	padding:15px 0 15px 5px;
	font-size: 15px;
    color: rgb(51, 51, 51);
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	font-weight:normal;
	border-left:1px solid #cbced6;
}
.title_price {
    float:left;
	width: 16%;
	text-align:center;
	padding:15px 0 15px 0px;
	font-size: 15px;
    color: rgb(51, 51, 51);
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	font-weight:normal;
	border-left:1px solid #cbced6;
}

.subtxt_day {
    float:left;
	width: 15%;
	text-align:center;
	padding:15px 0 15px 0px;
	font-size: 15px;
    color: rgb(51, 51, 51);
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	font-weight:normal;
	border-left:1px solid #cbced6;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	font-weight:normal;
}
.subtxt_credit {
    float:left;
	width: 31%;
	text-align:center;
	padding:15px 0 15px 0px;
	font-size: 15px;
    color: rgb(51, 51, 51);
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	font-weight:normal;
	border-left:1px solid #cbced6;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	font-weight:normal;
}
.subtxt_contents {
    float:left;
	width: 35%;
	text-align:left;
	padding:15px 0 15px 5px;
	font-size: 15px;
    color: rgb(51, 51, 51);
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	font-weight:normal;
	border-left:1px solid #cbced6;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	font-weight:normal;
}
.subtxt_price {
    float:left;
	width: 16%;
	text-align:center;
	padding:15px 0 15px 0px;
	font-size: 15px;
    color: rgb(51, 51, 51);
	font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	font-weight:normal;
	border-left:1px solid #cbced6;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	font-weight:normal;
}

/*-----------------------------------------------
		
		info list view

---------------------------------------------*/

#photoSlideBody{
	position:relative;
	width:775px;
	height:290px;
	background:#383838;
}

.preload_loading{
	width:100%;
	height:100%;
}

.preload_loading img{
	position:relative;
	width:16px;
	height:16px;
	top:50%;
	left:50%;
	margin:-8px 0 0 -8px;
	
}

.book_info{
	position:relative;
	width:100%;
	height:280px;
	background:#383838;
}

.info_box{
	position:absolute;
	float:left;
	padding:18px 56px 18px 56px;
	width:80%;
	height:auto;
}
	.left_book_thumb{
		float:left;
		margin-right:68px;
		width:175px;
		height:245px;
		cursor:pointer;
	}

	.right_book_info{
		position:absolute;
		left:284px;
		width:62%;
		height:240px;
	}

		.info_titletxt{
				width:100%;
				font-size:24px;
				color:#fff;
				/* font-weight: bold; */
				font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;	
				padding:10px 0px 12px 5px;
				border-bottom: 1px solid #212020;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				display: inline-block;
		}
		.info_catchtxt{
				width:100%;
				font-size:18px;
				color:#fff;
				font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;	
				padding:14px 0px 10px 5px;
				border-top: 1px solid #5e5d5d;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				display: inline-block;
		}
		.info_listtxt{
				width:100%;
				height:65px;
				font-size:15px;
				color:#fff;
				font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;	
				padding:8px 0px 5px 5px;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				display: inline-block;
		}
		
		.price_body{
			width:100%;	
			float:left;
		}
		
		.price_body .btn_view {
			float:right;
			width:214px;
			height:64px;
			cursor:pointer;
			background:url(../../images/pc/popup/btn_view.png) no-repeat right top;
		}
		.price_body .btn_view:hover {
			background:url(../../images/pc/popup/btn_view_o.png) no-repeat right top;
		}
		
		.price_body .btn_download{
			float: right;
			left: 212px;
			width: 214px;
			height: 64px;
			cursor:pointer;
			background: url(../../images/pc/popup/download_big.png) no-repeat right top;
			background-size:100% 100%;
			-moz-background-size:100% 100%;
		}
		
		.price_body .btn_download:hover {
			background:url(../../images/pc/popup/download_big_o.png) no-repeat right top;
			background-size:100% 100%;
			-moz-background-size:100% 100%;
		}
		
		.info_pricebox{
				width:100%;
				height:38px;
				margin-bottom:5px;
				background: #9c0101;
				border-radius:6px;
				cursor:pointer;
		}
			.pricebox_title{
				float:left;
				width:65%;
				font-size:17px;
				color:#fff;
				font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
				padding-top:12px;
				padding-left:15px;
			}
			.btn_pricebox{
				float:right;
				text-align:right;
				width:95px;
				height:23px;
				font-size:16px;
				color:#fff;
				font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
				margin-right:10px;
				margin-top:5px;
				padding-top:5px;
				padding-right:5px;
				background: #7e0101;
				border-radius:6px;
			}
.info_book_next{
	position:absolute;
	float:left;
	text-align:center;
	top:275px;
	left:48%;
	width:100%;
	height:auto;
}

.circle_image-wrap {
	float: left;
	display:block;
	margin-left:4px;
	margin-right:8px;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background: #999b9d;
}
.circle_image-wrap:hover:active {
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background: #dfe1e7;
}
/* ------------------------------------------------------------
	SLIDER　PAGINATION
------------------------------------------------------------ */
.pagination a{
	background:url(../../images/pc/pagination.png) 0 0;
}

/*-----------------------------------------------
                
        ALL Login Layout

---------------------------------------------*/
input::-moz-placeholder {
 position: relative;
 padding-left:5px;
 text-align: left;
}

input::-webkit-input-placeholder {
 position: relative;
 padding-left:5px;
 text-align: left;
}

input:-ms-input-placeholder{
        position: relative;
        padding-left:5px;
        text-align: left;
}

.loginBody1{
        position:absolute;
        top:0px;
        left:0px;
        bottom:50px;
        width:100%;
        height:100%;
        background: #027cca; /* Old browsers */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9fe', endColorstr='#c8e7fe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        z-index:100;
}

#loginContens1{
        width:100%;
        height:100%;
        z-index:100;
}

.loginBody_box1{
        /*position: relative;*/
        width: 100%;
        height:100%;
        font-family: arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
        background: rgb(244,249,254); /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover,  rgb(244,249,254) 1%, rgb(200,231,254) 98%); /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,rgb(244,249,254)), color-stop(98%,rgb(200,231,254))); /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover,  rgb(244,249,254) 1%,rgb(200,231,254) 98%); /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover,  rgb(244,249,254) 1%,rgb(200,231,254) 98%); /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover,  rgb(244,249,254) 1%,rgb(200,231,254) 98%); /* IE10+ */
        background: radial-gradient(ellipse at center,  rgb(244,249,254) 1%,rgb(200,231,254) 98%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9fe', endColorstr='#c8e7fe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.loginBody_box1 .login-form1 {
        position:absolute;
        float:left;
        width:500px;
        height:400px;
        top: 40%;
        left: 50%;
        margin: -200px 0 0 -250px;
}
.loginBody_box1 .login-form1 .form_row1 {
    padding: 1px 0px 1px 0px;
    text-align: left;
}
.loginBody_box1 .login-form1 .clearfix1 {
        vertical-align:left;
}
.form_row1 .login_form_label1 {
    display: block;
    float: left;
    padding: 5px 0px;
        width: 40%;
        text-align:left;
}
.form_row1 .company_logo1{
    display: block;
        width: auto;
        /*height:140px;*/
        left:50%;
        text-align: center;
        margin-bottom:12px;
}
.form_row1 .company_logo1 img{
    width: auto;
        height:140px;
}
#input_box_line1 {
    float:left;
        text-align:left;
        width: 500px;
        height:100px;
        border:1px solid #bcbdbd;
        background:#ffffff;
        border-radius: 10px;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset;
}
#input_box_line1 .inputid1, .inputpassword1 {
    text-align:left;
        background:transparent;
}

.form_row1 .inputid1, .inputpassword1 {
    text-align:left;
        width: 460px;
}
.inputid1{
    border: 0px solid #c8c9cb;
        text-align:left;
        height:40px;
        font-size: 150%;
        color:#494848;
    margin-left:0px;
    padding:5px  0px 5px 10px;
        width:490px;
}
.line1{
        width:499px;
        height:1px;
        background:#b3b3b3;
        text-align:left;
        padding-left:1px;
        float:left;
}
.inputpassword1 {
    border: 0px solid #c8c9cb;
        text-align:left;
        height:40px;
        font-size: 150%;
        color:#494848;
    margin-left:0px;
    padding:5px  0px 5px 10px;
        width:490px;
}

.form_row1 .rc-button-submit1 {
    border: 1px solid rgb(29, 106, 175);
        border-radius: 6px;
        color: rgb(13, 85, 148);
    text-shadow: 0px 1px rgba(255, 255, 255, 0.9);
    background: #f2f9fe; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f9fe 0%, #b7d0e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f9fe), color-stop(100%,#b7d0e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f9fe 0%,#b7d0e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f9fe 0%,#b7d0e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f9fe 0%,#b7d0e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f9fe 0%,#b7d0e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#b7d0e6',GradientType=0 ); /* IE6-9 */
}
.form_row1 .rc-button-submit1:hover {
    border: 1px solid rgb(10, 118, 213);
        border-radius: 3px;
        color: rgb(10, 118, 213);
     text-shadow: 0px 1px rgba(255, 255, 255, 0.9);
    background: #f2f9fe; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f9fe 0%, #b7d0e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f9fe), color-stop(100%,#b7d0e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f9fe 0%,#b7d0e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f9fe 0%,#b7d0e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f9fe 0%,#b7d0e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f9fe 0%,#b7d0e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#b7d0e6',GradientType=0 ); /* IE6-9 */
}
.form_row1 .rc-button1 {
        margin-top:15px;
    width: 500px;
    height: 50px;
    text-align: center;
    color:#0d5594;
    font-size: 22px;
        font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
        font-weight:bold;
    cursor: default;
}

.login-copyright1 {
        position: absolute;
        width:100%;
        z-index:1000;
        bottom:35px;
        text-align:center;
        float:center;
        font-size: 150%;
        color:#ffffff;
        font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
}

.persistent1 {
    padding: 10px 0px 3px 17px;
        border-bottom: 1px dotted #D9DADC;
}


.uiInputLabelInput1 {
    float: left;
    margin: 0px;
    padding: 0px 0 0 0;
        width: 28px;
        height: 20px;
}
.uiInputLabelInput1 .chk_login {
    vertical-align:0.5em;
        position:relative;
    height:15px;
        top:5px;
}
.uiInputLabel1 .uiInputLabelLabel1 {
    display: block;
    margin-left: 17px;
    font-size: 16px;
        color: #494949;
        font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
        vertical-align: middle;
}

.form_row1 .uiInputLabelNotice1 {
    display: block;
        float:left;
        margin-top: 5px;
	margin-left: 45px;
        font-size: 16px;
        color: #498af3;
        font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
}

a.uiInputLabelNotice1:hover,a.uiInputLabelNotice1:visited{
        color: #2365d0;
        text-decoration: underline;
        cursor: pointer;
}

.foot_grey12 {
    font-size: 12px;
    color: #D9D9D9;
}

.foot_txtwhite1 {
    font-size: 12px;
    font-family: "arial";
    color: #7E7E7E;
}

.foot_txtwhite {
    font-size: 12px;
    font-family: "arial";
    color: #D9D9D9;
}

#top_news_region {
        background-color: #F2F2F2;
        padding: 0;
	line-height: 1.8em;
}

.top_news_item ul li {
        font-size: 160%;
        color:#000000;
        line-height:35px;
        padding-bottom: 15px;
        cursor: pointer;
}

.top_news_item {
        font-size: 160%;
        padding: 0 12px 0 0;
                color:#000000;
        background-color: #ffffff;
                line-height:35px;
                font-family: "Lucida Grande","Hiragino Kaku Gothic Pro"," Pro W3","Meiryo","MS PGothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
                box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
	font-weight: normal;
}

.news_icon {
        float: left;
                width: 40px;
                height: 34px;
                background: url(../../images/common/icon_news.png) no-repeat left 2px;
		background-size: 40px 32px;
                margin-right:8px;
}

.news_link_next{
                float:right;
                font-size: 160%;
        color:#afb2b5;
                font-family: "Lucida Grande","Hiragino Kaku Gothic Pro"," Pro W3","Meiryo","MS PGothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
                line-height:30px;
}

.scroll-text {
  border-bottom: 1px solid #d9dce6;
  height: 3.0em;
  overflow: hidden;
}