/*
margin TOP RIGHT BOTTOM LEFT
 */

body{
	font-family: Helvetica, HiraKakuProN-W3, sans-serif;
	line-height:1.2;
	margin: 7px;
}

span { white-space: nowrap; }

.box1{
	font-size: 15px;
    margin: 0px 0px 7px 0px;
	}

select{
	font-size: 15px;
	width: 300px;
	}

input#input_text{
	font-size: 15px;
	width: 98%;
    padding: 5px 0px 5px 5px;
    margin: 5px 0px 0px 0px;
	}

input#submit_button{
	font-size: 15px;
	width: 95px;
    -webkit-appearance: none;
    padding: 5px;
    margin: 6px 2px 8px 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFAA33), to(#FF8800));   
	border: 1px #F27300 solid;
	color: #FFF;
	}

.menu{
	border-top: solid 2px hotpink;
	border-bottom: solid 2px hotpink;
	background:#FFF0FF;
	background-repeat: no-repeat;
	padding: 5px;
	font-weight: bold;
	}

.menu2{
	border-top: solid 2px hotpink;
	border-bottom: solid 2px hotpink;
	background:#FFF0FF;
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	font-weight: bold;
	}

/* 大タイトルセンター */
.title-center{
	text-align: center;
	border-bottom: solid 1px hotpink;
	background:#FFD766;
	background-repeat: no-repeat;
	padding: 4px 0 2px 6px ;
	font-weight: bold;
	}

/* タイトルセンター */
.menu-title-center{
	background:#FFCCCC;
	background-repeat: no-repeat;
	padding: 6px 0 6px 6px ;
	font-weight: bold;

	border-width: 1px 0px 0px 0px; /* 上下だけ引く */
	border-color: hotpink; /* 線色：pink */
	border-style: solid; /* 線種：実線 */
	}

/* タイトル左寄せ */
.menu-title{
	text-align: left;
	border-bottom: solid 1px hotpink;
	background:#FFCCCC;
	background-repeat: no-repeat;
	padding: 4px 0 2px 6px ;
	font-weight: bold;
	}


/* メインのセンタリング */
.main-center{
	text-align: center;
	border-top: solid 1px hotpink;
	border-right: solid 1px hotpink;
	border-left: solid 1px hotpink;
	margin: 15px 0 10px 0px;
	}

/* メインの左寄せ */
.main{
	border-top: solid 1px hotpink;
	border-right: solid 1px hotpink;
	border-left: solid 1px hotpink;
	margin: 15px 0 10px 0px;
	}

.last{
	background:#FFD766;
	background-repeat:no-repeat;
	padding: 4px;
	clear: both;
	}

.fr{
	font-size: 15px;
	padding: 6px 7px 1px 7px;
	}

a.nw {
	white-space: nowrap;
	}

table#event {
	font-size: 13px;
	color: #888888;
	line-height:1.4;
	border-collapse: collapse;
	}

table#event a {
	font-size: 16px;
	color: #0000FF;
	text-decoration: none;
	}

table#event td {
	border-width: 1px 0px; /* 上下だけ引く */
	border-color: hotpink; /* 線色：pink */
	border-style: solid; /* 線種：実線 */
	padding: 8px 6px 8px 6px;
	}

table.sample td {
	padding: 0.3em; /* セル内側の余白 */
	}

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

body,html{min-height: 100%; color: #19283c; background: #FFFFFF; overflow-x: hidden !important;}

.nav_main li{float: left; margin: 0 28px 0 0}
.nav_menu li a{display: block; padding: 0 14px; height: 34px; line-height: 34px; font-size: 15px;}
.nav_menu li.mybook a{background: orange; color: #000000; font-size: 17px;}

#bookbd_ol{width: 100%; position: fixed; z-index: 200; top: -300px}
.headerR{right: 0px; z-index: 99; width: 100%; border-top: 2px solid #19283c; }
#mybook{background: #19283c; height: 300px; overflow-y: hidden; color: #fff; width: 100%; z-index: 101; position:relative;}