@charset "utf-8";

body {
margin:0;
padding:0;
color: #000000;
background: url(../img/bg2.gif) repeat;
font-size:14px;
text-align: center;
font-family:"メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

a:link { text-decoration:none;color:#003366; }
a:visited { text-decoration:none;color:#666666; }
a:active { text-decoration:none;color:#FFFFFF; }
a:hover {text-decoration: underline;}

#contents {
text-align:left;
margin: 0 auto;
width: 810px;
background-color: #fff;
}

#mainContents {
float: left;
width: 810px;
}

#mainContentsInner {
padding:25px;
}

#subContents {
float: right;
width: 220px;
}

#subContentsInner {
padding:0;
}

#mainVisualContainer {
margin: 0px auto;
width: 250px; height:200px;
text-align: center;
overflow: hidden;
z-index: 1;
}

#md-head {
background-color: #ffffff;
width:810px;
margin:0 auto;
text-align:center;
padding:0px;
}

#md-head2 {
background: url(../img/top.jpg) no-repeat;
width:810px;
height:2076px;
margin:0 auto;
text-align:center;
padding:0px;
}

#md-head3 {
background: url(../img/top_shutten.png) no-repeat;
width:810px;
height:2368px;
margin:0 auto;
text-align:center;
padding:0px;
}

#topev-bn {
width:200px;
height:61px;
text-align:center;
margin:0 5px 5px 5px;
padding:0;
background-color: #1D8ADE;
border:1px solid #bbbbbb;
box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4);
border-radius:3px;
-webkit-border-radius:3px;
}

#topev-bn a {
vertical-align:middle;
margin:0;
width:200px;
height:61px;
display:table-cell;
padding:0;
font-size:11px;
line-height:1.4;
text-align:center;
color:#ffffff;
}

#topev-bn a:hover {
opacity: 0.5;
background-color: #c86f80;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#md-foot {
background-color: #ffffff;
width:810px;
margin:0 auto;
text-align:center;
padding:0px;
}

#prg-1 {
font-size:20px;
line-height:1.2;
text-align:center;
padding:10px;
color: #000000;
background-color: #a0db11;
border:2px solid #8ec310;
}

#prg-2 {
font-size:16px;
line-height:1.2;
text-align:center;
padding:10px;
background-color: #ffff00;
color: #000000;
}

.subtitle {
font-size:16px;
color:#ffffff;
}

.red {
color:#cc0000;
}

.price {
font-size:18px;
color:#990000;
}

.small {
font-size:12px;
}

.osusume {
background-color: #f6f5f0;
width:760px;
min-height:203px;
padding:0;
margin:0;
}

.osusume-tbl img {
border:1px solid #999;
}

.osusume-tbl {
background-color: #f6f5f0;
width:740px;
min-height:203px;
padding:10px;
margin:0;
}

.osusume-tbl span {
font-size:13px;
line-height:1.3;
}

ul#osusume-cnt {
margin:0;
padding:0px;
list-style: none;
}

ul#osusume-cnt li {
width:120px;
list-style: none;
margin:0;
padding: 15px;
float:left;
}

ul#osusume-cnt li img {
border:1px solid #000
}

#clc-book1 {
margin:0 0 10px 0;
min-height:195px;
background-color: #f5f5f5;
font-size:14px;
padding:10px;
border-radius:8px;
-webkit-border-radius:8px;
}

#clc-book1-b {
margin:0 0 10px 0;
min-height:220px;
background-color: #f6f5f0;
font-size:14px;
padding:10px;
border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
}

#clc-book2 {
width:145px;
float:left;
}

#clc-book2 img {
border:1px solid #000;
}

#clc-book2-b {
width:145px;
float:left;
}

#clc-book2-b img {
border:0;
}

#clc-book3 {
float:left;
width:590px;
}

#clc-book3 p {
font-size:14px;
line-height:1.5;
}

#clc-book3 img {

}

#clc-book2-b a {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#clc-book2-b a:hover {
opacity: 0.5;
}

#clc-book3 a {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#clc-book3 a:hover {
opacity: 0.5;
}

.clc-book-title1 {
margin:0 0 8px 0;
padding: 0 0 5px 0;
color:#666666;
font-size:15px;
line-height:1.5;
border-bottom:1px solid #666666;
}

/* form */
input.cnf {
font-size: 16px;
border:0;
padding:10px 20px;
color: #FFFFFF;
background-color: #999999;
border-radius: 4px;
-webkit-border-radius:4px;
}

input.cnf:hover {
background-color: #bbbbbb;
}


#ev-entry {
white-space: nowrap;
text-align:center;
padding:8px 0 8px 0;
}

#ev-entry a {
font-size: 13px;
border:0;
padding:10px 10px;
color: #FFFFFF;
background-color: #e993a3;
border-radius: 4px;
-webkit-border-radius:4px;
}

#ev-entry a:hover {
background-color: #c86f80;
}

#ev-entry-2 {
width:100%;
text-align:center;
padding:15px 0 15px 0;
}

#ev-entry-2 a {
margin: 0 auto;
display: block;
font-size: 15px;
border:0;
padding:15px 15px;
color: #FFFFFF;
border-radius: 8px;
-webkit-border-radius:8px;
background-color: #5b2877;
border:2px solid #cc99cc;
}

#ev-entry-2 a:hover {
background-color: #c86f80;
}

#ev-entry-3 {
width:100%;
text-align:center;
padding:15px 0 15px 0;
}

#ev-entry-3 a {
margin: 0 auto;
display: block;
font-size: 15px;
line-height:1.5;
border:0;
padding:15px 15px;
color: #FFFFFF;
border-radius: 8px;
-webkit-border-radius:8px;
background-color: #a4acd6;
}

#ev-entry-3 a:hover {
background-color: #8891c0;
}

#ev-docreq {
white-space: nowrap;
text-align:center;
padding:8px 0 8px 0;
}

#ev-docreq a {
font-size: 13px;
border:0;
padding:10px 10px;
color: #FFFFFF;
background-color: #a4acd6;
border-radius: 4px;
-webkit-border-radius:4px;
}

#ev-docreq a:hover {
background-color: #8891c0;
}

#ev-misc1 {
white-space: nowrap;
text-align:center;
padding:8px 0 8px 0;
margin:0 0 10px 0;
}

#ev-misc1 a {
font-size: 13px;
border:0;
padding:10px 10px;
color: #000000;
background-color: #cccccc;
border-radius: 4px;
-webkit-border-radius:4px;
}

#ev-misc1 a:hover {
opacity: 0.5;
}


/* pager start */
ul.pager {
	list-style:none;
	margin: 0 0 0px;
	padding:10px 10px 5px;
	background:#f5f5f5;
	text-align:center;
border-radius:8px;
-webkit-border-radius:8px;
}

ul.pager li {
display:inline;
margin:0 4px;
padding:0;
}

ul.pager li span,
ul.pager li a {
	color:#ffffff;
	font-size:15px;
	display:inline-block;
	margin-bottom:5px;
	padding:5px 10px;
	background:#84cfdc;
	border:1px solid #7dc2ca;
	vertical-align:middle;
	border-radius:4px;
-webkit-border-radius:4px;
}

ul.pager li a {
color:#000000;
	background:#cccccc;
	border:1px solid #cccccc;
	text-decoration:none;
	border-radius:4px;
-webkit-border-radius:4px;
}

/* pager end */

/* pager2 start */
ul.pager2 {
	list-style:none;
	margin: 0;
	padding:10px;
	background:#f5f5f5;
	text-align:center;
}

ul.pager2 li {
display:inline;
margin:0;
padding:0 13px 0 13px ;
}

ul.pager2 li span,
ul.pager2 li a {
	color:#ffffff;
	font-size:15px;
	display:inline-block;
	margin-bottom:5px;
	padding:15px 20px;
	background:#84cfdc;
	border:1px solid #7dc2ca;
	vertical-align:middle;
	border-radius:4px;
-webkit-border-radius:4px;
}

ul.pager2 li a {
color:#000000;
	background:#cccccc;
	border:1px solid #cccccc;
	text-decoration:none;
	border-radius:4px;
-webkit-border-radius:4px;
}
/* pager2 end */

/* pager3 start */
ul.pager3 {
	list-style:none;
	margin: 0;
	padding:15px;
	background:#f5f5f5;
	text-align:left;
}

ul.pager3 li {
display:inline;
margin:0;
padding:0 15px 0 0px ;
}

ul.pager3 li span,
ul.pager3 li a {
	color:#ffffff;
	font-size:12px;
	display:inline-block;
	margin-bottom:5px;
	padding:10px 10px;
	background:#84cfdc;
	border:1px solid #7dc2ca;
	vertical-align:middle;
	border-radius:4px;
-webkit-border-radius:4px;
}

ul.pager3 li a {
color:#000000;
	background:#cccccc;
	border:1px solid #cccccc;
	text-decoration:none;
	border-radius:4px;
-webkit-border-radius:4px;
}
/* pager3 end */

/* pager4 start */
ul.pager4 {
	list-style:none;
	margin: 0;
	padding:0px;
	text-align:left;
}

ul.pager4 li {
display:inline;
margin:0;
padding:0 13px 0 0px ;
}

ul.pager4 li span,
ul.pager4 li a {
	color:#ffffff;
	font-size:11px;
	display:inline-block;
	margin-bottom:5px;
	padding:10px 10px;
	background:#84cfdc;
	border:1px solid #7dc2ca;
	vertical-align:middle;
	border-radius:4px;
-webkit-border-radius:4px;
}

ul.pager4 li a {
color:#000000;
	background:#cccccc;
	border:1px solid #cccccc;
	text-decoration:none;
	border-radius:4px;
-webkit-border-radius:4px;
}
/* pager3 end */

ul.pager li a:hover , ul.pager2 li a:hover , ul.pager3 li a:hover , ul.pager4 li a:hover {
opacity: 0.5;
}

div.hr-1 {
margin:8px 0;
border-bottom: 1px solid #999;
}

.hr-2 {
margin:8px 0;
border-width: 1px 0px 0px 0px;
border-style: dashed;
border-color:#999;
height: 1px;
}

.hr-3 {
margin:5px 0 5px 0;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color:#999;
height: 1px;
}



/* フッタ
---------------------------------------------------- */

#footer {
margin:16px 0 0 0;
height:36px;
position:relative;
background: url(../img/foot_bg.gif) repeat-x;
text-align: right;
}

#footer img {
position:absolute;
left:78%;
top:50%;
margin-top:-7px;
}

#white {
color: #fff;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロチE��レベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}


.icon-1 img {
margin: 2px 5px 5px 0;
}

.icon-2 img {
margin: 0px 0px 0 5px;
}

div.tx1-3 {
	margin:0;
	padding:5px 15px;
	background-color: #f6f5f0;
	text-align:left;
	font-size:16px;
	line-height:1.0;
}

/* 下部page top用 */

#wrap {
padding:8px;
}

.clear {  
clear:both;
}

#backtotop {
width:760px;
text-align:right;
margin:0px 0px 0px 0;
}

#backtotop a{
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#backtotop a:hover{
opacity: 0.5;
}

.md {
margin:0;
width: 760px;
}

span.zeppan {
font-weight:bold;
color: #ff0000;
}

input,textarea {
font-size:16px;
color: #333;
border:1px solid #999;
padding:5px;
background-color: #ffffff;
}

.noborder {
border:0;
}


select.tp1 {
font-size:16px;
color: #333;
border:1px solid #999;
padding:5px;
background-color: #ffffff;
}

input:focus,textarea:focus {
background: #efefef;
}

.require {
margin:0 0 0 4px;
padding:2px 4px 2px 4px;
color: #FFFFFF;
background-color: #80c9d0;
font-size: 11px;
border-radius: 4px;
-webkit-border-radius:4px;
}

input.cnf {
font-size: 16px;
border:0;
padding:10px 20px;
color: #FFFFFF;
background-color: #999;
border-radius: 4px;
-webkit-border-radius:4px;
}

input.cnf:hover {
background-color: #888;
background:-webkit-gradient(linear,left top,left bottom,from(#888),to(#888));
}

.booksearch {
background-color: #f5f5f5;
width: 760px;
padding:0px;
margin:0;
border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
}

.booksearch-inner {
padding:10px;
margin:0;
}

.book-info-md-1 {
margin:0 0 10px 0;
background-color:#dddaca;
font-size:15px;
padding:10px 10px 10px 12px;
color: #000;
background-color:#9f9f9f;color:#ffffff;
}

.book-info-md-2 {
margin:0;
background-color:#dddaca;
font-size:15px;
padding:10px 10px 10px 12px;
color: #000;
background-color:#9f9f9f;color:#ffffff;
}

.book-info-md-3 {
margin:0 0 0px 0;
background-color:#dddaca;
font-size:15px;
padding:10px 10px 10px 12px;
color: #000;
background-color:#9f9f9f;color:#ffffff;
}

.ev-entry {
text-align:center;
margin:0 0 10px 0;
background-color:#e993a3;
font-size:15px;
padding:10px 10px 10px 12px;
color: #000;
color:#ffffff;
}

.book-info-tx {
font-size:14px;
line-height:1.6;
}

.event-tx {
font-size:14px;
line-height:1.6;
}

.event-tx-s {
font-size:13px;
line-height:1.5;
}

.event-tx-s2 {
font-size:13px;
line-height:1.5;
}

.book-info-review {
display:block;
font-size:14px;
line-height:1.6;
background-color:#f5f5f5;
padding:10px;
margin:8px 0;
border-radius: 8px;
-webkit-border-radius:8px;
color: #000;
}

.book-info-review-tx {
font-size:14px;
line-height:1.5;
color: #666666;
}

#profile{
margin:0 auto;
width:100%;
padding:0px;
background-color: #efefef;
}

#profile th{
margin:0px;
padding:0px;
}

#profile th , profile td{
margin:0px;
padding:10px;
text-align:left;
font-size:14px;
line-height:1.5;
font-weight:normal;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}

#profile tr:nth-child(odd) {
background-color: #f5f5f5;
background: #f5f5f5;
}

#profile td:nth-child(3) {
text-align:center;
}

#profile2 {
width:480px;
padding:0px;
background-color: #efefef;
}

#profile2 th{
margin:0px;
padding:0px;
}

#profile2 th , profile td{
margin:0px;
padding:10px;
text-align:left;
font-size:12px;
line-height:1.5;
font-weight:normal;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}

#profile2 tr:nth-child(odd) {
background-color: #f5f5f5;
background: #f5f5f5;
}

div.spc {
margin:10px 0;
}

#clc-book1:after {
content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.shutten-1 {
width:510px;
margin:0;
text-align:left;
background-color:#70adc0;
font-size:15px;
padding:10px 10px 10px 12px;
color:#ffffff;
}

.shutten-2 {
line-height:1.5;
width:510px;
margin:0 0 10px 0;
text-align:left;
font-size:15px;
padding:10px 10px 10px 12px;
color:#000000;
background-color:#f5f5f5;
}

.shutten-3 {
color:#6699cc;
}


#backtotop2 {
height:40px;
width:760px;
text-align:right;
margin:0;
}

#backtotop3 {
background:#f5f5f5;
margin:12px 0 12px 0;
border-radius:8px;
-webkit-border-radius:3px;
padding:8px;
}

#backtotop2 a , #backtotop3 a {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#backtotop2 a:hover , #backtotop3 a:hover {
opacity: 0.5;
}