@charset "utf-8";

body	{
	font-size: 14pt;
	position: static;
}

/*---- wrapper --------------------------------------------------------------*/
#wrapper {
	width: 100%;
	height: auto;
	overflow: hidden;
}

/* header
---------------------------------------------------------------------------- */
header {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

#header_box	{
	position: relative;
/*	width: 100%;*/
	height: auto;
	margin: 0 3px;
	border-bottom: 2px solid #0659c1;
}

#logo	{
	float: none;
	width: 100%;/*320px;*/
	text-align: center;
	margin : 0;
/*	margin: 0 auto;*/
/*	border: 1px solid red;*/
}

#logo img	{
	width: 75%;
	height: auto;
/*	border-bottom: 2px solid #0659c1;*/
	z-index: 0;
}

/*#header-space p.navtitle	{*/
p.navtitle	{
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 32px;
	height: 32px;
	background-color: #DDD;
	background-image: url(../img/icon_bar.png);
	background-repeat: no-repeat;
	background-size: 75%;
	background-position: center;
	border: 1px solid #333;
	z-index: 1;
}

#header-space	{
	position: static;
	float: none;
	width: 100%;
}

#header-space p.sitemap {
	display: none;
}

#top-menu {
	height:auto;
	color: #FFF;
}

/*#top-menu ul {*/
ul.#top-menu {
	display: none;
	width: auto;
	margin: 0 10px;
}

#top-menu li img {
	display: none;
}

#top-menu li {
	display: inline-block;
	width: 46%;
	text-align: center; /*left;*/
	border: none !important;
	background-color: #0f1bb1;
	background-image: url(img/btn_arrow.png), -webkit-gradient(linear, left top, left bottom, from(#8e94da), to(#0f1bb1));	/*グラデーション*/
	background-image: url(img/btn_arrow.png), -webkit-linear-gradient(#8e94da, #202bb7 49%, #0f1bb1 50%);	/*同上*/
	background-image: url(img/btn_arrow.png), linear-gradient(#8e94da, #202bb7 49%, #0f1bb1 50%);			/*同上*/
	background-repeat: no-repeat;
	background-position: right;
	color: #FFF;
	padding: 0;
	margin: 0;
}

#top-menu li.mibile-close {
	display: none;
}

#top-menu li a {
	font-size: 14pt;
	color: white;
	line-height: normal;
	padding: 16px 10px;	/*メニュー内の余白。上、右、下、左*/
}

#top-menu li a:active {
	color:#F60;
}

#top-menu li a:hover {
	color:#F60;
}

h1#header-bottom {
	width: 98%;
	height: auto;
	font-size: 14px;
	line-height: 110%;
	color:#666;
}

/*---- container ------------------------------------------------------------*/
#container {
	width: 100%;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------------------*/
#sidebar	{
	float: none;
}

#contents	{
	float: none;
}

#side-r	{
	float: none;
	display: none;
}

/*----------- for sidebar ----------------------------------------------------------- */
#sidebar {
	width: 100%;
	height:auto;
}

#search_bar_img	{
	display: none;
}

#search {
	width: 100%;
	height: auto;
	margin: 4px 0;
}

#search h1	{
	display: inline-block;
	width: 100%;
	font-size: 14pt;
	color: #FFF;
	background-color: #0659c1;
	text-align: center;
	margin: 2px 0;
}

ul#search_box	{
	width: 98%;
	border: 1px solid #00F;
	border-radius: 3px;
	margin: 0 10px 0 2px;
	padding: 1px 0 1px 2px;
/*	padding-bottom: 2px;*/
	background-color: #00F;
	position: relative;
}

ul#search_box li	{
	display: inline-block;
	border: yellow solid 1px;
/*	float: left;*/
}

li#text_input	{
	width: 64%;
	background-color: #0F0;
	margin: 0;/*auto 0;*/
/*	border: 1px solid orange;*/
}

li#search_submit	{
	width: 36%;
	height: auto;
	background-color: #00F;
	text-align: center;
	padding: 0;
	margin: 0;
	position: relative;
/*	border: 1px solid red;*/
}

li#text_input input[type="text"] {
	width: 100%;
	font-size: 14pt;
	margin: 0;
	padding: 0;
	border: none;
}

#search_submit input[type="submit"] {
	font-size: 14pt;
	color: #FFF;
/*	background-color: #00F;
	border: none;*/
	border: 1px solid red;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	position: absolute;
	top: 0;
	right: 0;
}
/*
#search_submit input[type="submit"] {
	position: absolute;
	right: 0;
	font-size: 14pt;
	color: #FFF;
	background-color: #00F;
	height: auto;
}

div#book_menu	{
	clear: left;
	display: block;
	width: 30%;
}
*/
p#default_search	{
	display: block;
	width: 30%;
}

#default_search img	{
	display: none;
}

p#default_search {
	font-size: 20pt;
	color: blue;
	padding: 0 4px;
	border: 1px solid #F00;
	border-radius: 6px;
	margin: 6px 2px 0 20px;
}

/*--------------------------------------------------------*/
.navi_box	{
	overflow: hidden;
	height: auto;
	border-bottom: none;
	border-left: 1px solid #d4d4d4;
	margin-bottom: 0px;
	width: 99%;
/*	border:1px solid magenta;*/
}

div.space	{display:none;}

nav.mibile-close	{
	display: none;
}

.navi_box ul {
	width: 100%;
}

.navi_box ul li.mobile-del_line {
	display: none;
}

.navi_box ul li.pc-del_line {
	display: inline-block;
}

.navi_box ul li {
/*	display: inline-block;*/
	float: left;
	width: 49%;
/*	height: auto;*/
	background-image: none;
	background-color: #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
/*	box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.4) inset;*/
	border: 1px #d4d4d4 solid;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	text-align: center;
}

.navi_box ul li span.mobile-del_str	{
	display: none;
}

.navi_box ul li a {
	font-size: 12pt;
	font-weight: 400;
	color: #000;
	margin-left: -12px;
	margin-top: -2px;
}

.navi_box ul li a span.reverse {
/*	display: block;*/
/*	width: 48%;*/
/*	background-image: none;*/
	color: #F30;
	margin-left: -12px;
	margin-top: -3px;
}

.navi_box ul li a:hover{
	background-image: none;
	color: #F63;
	font-weight: 400;
}

/* ----- QR -------------------------*/
div#keitai_qrbox	{
	clear: both;
	display: none;
}

div#twitter_qrbox	{
	display: none;
}

/* for content
------------------------------------------------------------------------- */
#contents	{
	width: 100%;
	margin: 0;
	padding: 0;
}

#contents h1.category {
	width: 100%;
	height: auto;
	background-color: #0659c2;
	font-size: 14pt;
	color: #FFF;
	text-align: center;
	padding: 2px;
}

/*-------- side-r -----------------------------------*/
/*#side-r	{
	display: none;
}*/

/*---------------------------------------------------*/
/* ~~ フッター ~~ */
footer {
	width: 100%;
	padding: 0;
	margin: 0;
}

footer p.top_return	{
	width: 100%;
	display: inline;
	width: 100%;
	font-size: 12pt;
	text-align: center;
}

footer p.copyright {
	height: 1.4em;
	font-size: 8pt;
	color: white;
	background-color: #0659c2;
	text-align: center;
	padding-top: 2px;
	margin: 0;
}

/* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*======================index.html====================================*/
#booklist	{
	width: 100%;
	height: auto;
	margin: 0;
}

#booklist div.book {
	width: 100%;
	height: auto;
	border-bottom: solid 1.5px blue;
	margin: 10px 0;
	overflow: hidden;
}

div.book h3.title	{
	width: 100%;
	height: auto;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	line-height: 100%;
	background-color: #CEF;
	padding: 2px 6px 3px 0;
	margin: 0;/*1px 2px;*/
}

div.book h3.title a {
	font-size: 14pt;
	color: black;
}

div.book h3.title a:hover {
	color: red;
}

div.book h3.author	{
	font-size: 12pt;
	font-weight: normal;/*bold;*/
	text-align:center;
	color: black;
}

.book div.left	{
	float: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
/*	border:1px solid red;*/
}

div.left p	{
	margin: 0;
	font-size: 10pt;
	font-weight: normal;
}

div.left .type_new {
	color: F00;
}

div.left img.bookimage	{
	height: 140px;
	width: auto;
	border:solid 1px #CCC;
}

div.book div.right	{
	float: none;
	width: 100%;
	height: auto;
	padding: 0 16px 0 4px;/*10px;*/
	margin: 0;
}

div.right div.caption	{
	width:100%;
	height: auto;/*160px*/
	margin: 4px 20px 12px 0;
}

div.right h4.midashi	{
	width:100%;
	font-size: 12pt;
	font-weight: bold;
	text-align:center;
	color: #00F;
	padding: 0;
}

div.right h4.catch	{
	width:100%;
	font-size: 12pt;
	font-weight: bold;
	color: #F00;
	text-align:center;
	padding: 0;
}

div.right p.naiyo	{
	width: 100%;
	height: auto;
	font-size: 12pt;
	font-weight: normal;
	color: #000;
	line-height: 110%;
	padding: 0;
	margin-top: 6px;
	margin-right: 6px;
/*	overflow: scroll;*/
}

div.right p.isbninfo	{
	font-size: 12pt;
	font-weight: normal;
}

/*******************************************************/
dl,dt,dd{
	margin: 0;
	padding: 0;
}
.list2{
	display: block;
	border: 1px solid #333333;
	width: 100%;
	margin: 10px 0 10px 0;
}
.list2 h2{
	color: #FFFFFF;
	background-color: #333333;
	padding: 4px;
	margin: 0px;
	font-size: 115%;
	text-align: center;
}
.list2 dt, .list2 dd{
	height: 35px;
	padding: 5px 4px 5px 4px;
}
.list2 dt {
	width: 60px;
	color: #333333;
	background-color: #CCCCCC;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
}
.list2 dd {
	margin-top: -46px;
	margin-left: 68px;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
}

/*======================aboutus.html====================================*/
div.item	{
	margin: 1em 2px;
	font-size: 14pt;
}

div.item dl,dt,dd {
	margin: 0;
	padding: 0;
}

div.item dl {
	width: 100%;
	list-style: none;
	background-color: #e7e7e7;
	overflow:auto;
}

div.item dt {
}

div.item dt {
	float: none;
	clear: both;
	width: 100%;
	padding: 4px 0;
	text-align: center;
}

div.item dd {
/*	border-bottom: 1px solid #CCC;*/
	padding: 4px 0;
	background-color: #FFF;
	text-align: center;
}

/*-----------------------------------------*/
div.map	{
	width: 100%;
	height: auto;
	margin: 1em 0;
}

div.map p	{
	font-size: 11pt;
	margin: 0 0 0 4px;
}

div.map div.map_image	{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

/*======================phote_access.html====================================*/
div#photo_item	{
	width: 100%;
	margin: 1em 2px;
	font-size: 11pt;
	color: #000;
}

#photo_item table td p	{
	overflow: hidden;
	width: 99vw;
	padding-right: 10px;
}

#photo_item table td p.blue	{
	color: blue;
	margin-bottom: 1em;
}

#photo_item table td img	{
	width: 98vw;
	height: auto;
}

/*======================recruit.html====================================*/
p.no_recruit	{
	margin: 1em;
	font-size: 11pt;
}

/*======================toi.html====================================*/
div#toi_item,div#confirm,div#thanks	{
	width: 100%;
	font-size: 14px;
	padding: 0;
	margin: 5px 10px 0 0;
	overflow: hidden;
}

#toi_item table,#confirm table {
	width: 98%;
	border-collapse: collapse;
}

#toi_item tr	{
	border: 1px dotted #CECECE;
}

#toi_item tr:last-child,#confirm tr:last-child	{
	border: none;
}

#toi_item th,#confirm th	{
	display: block;
	width: 100%;
	min-width: none;
	padding: 2px;
	text-align:center;
	background-color: #E2E2E2;
}


#toi_item td,#confirm td	{
	display: block;
	width: 100%;
	max-width: none;
	padding: 2px;
}

#toi_item td input[type="text"]	{
	width: 99%;
	font: initial;
}

#toi_item td textarea	{
	width: 99%;
	height: 12em;
	font: initial;
}

#toi_item p,#confirm p	{
	width: 100%;
	text-align: center;
	margin: 1em 0;
}

#toi_item input[type="submit"],#toi_item input[type="reset"],#confirm input[type="button"],#confirm input[type="submit"] {
	font-size: 20px;
}