/* -----------------------------------
外枠
----------------------------------- */

body {
  #text-align:center; /*IEのバグ */  
  background-color:#dadada;
  margin-top :30px;
  font: normal normal 14px sans-serif, Arial, Tahoma, Helvetica, FreeSans;
  color: #333;
}

audio {
	width: 450px; display: block; margin:0px;
}

/* IEのバグ対応 */
.container_12 {
  text-align: left;
}

h4 {
	font-size: 110%;
	display: block;
	color: #406C4F;
	background-color: white;
	padding: 9px 0px 9px 0px;
	border-bottom: 1px dotted #B60D0D;
	margin-top: 30px;
}


blockquote {
	background-color: #f8f8f8;
	margin: 0px;
	padding: 10px;
	font-size: 97%;
	border: 1px dotted #999999;
}


table{
  font-size:14px;
}


.post-content img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


/* -----------------------------------
ヘッダの文字装飾
----------------------------------- */

.headtitle1 {
	line-height:80%;
	font-size:30pt;
	color:#000;
	font-family: 'IM Fell English SC', serif;

}

.headtitle2 {
	font-size:14pt;
	color:#a9a9a9;
	font-family: 'Crimson Text', serif;
}

.header_box {
	display:block;
	width:100%;
	height:100%;
	padding-top:25px;
}

a.header_box:link {
	text-decoration:none;
	color:#000;
}

a.header_box:visited {
	text-decoration:none;
	color:#000;
}

a.header_box:hover {
	text-decoration:none;
	color:#000;
}


/* -----------------------------------
リンクの色・デコレーション
----------------------------------- */

a:link {
text-decoration:none;
color: #1111cc;
}
a:visited {
text-decoration:none;
color: #1111cc;
}
a:hover {
text-decoration:underline;
color: #1111cc;
}


/* -----------------------------------
内枠
----------------------------------- */

.container_12{
  background-color:#FFF;
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 10px #333333;
  box-shadow: 0 0 40px rgba(0, 0, 0, .15);
}

.header_12{
  padding-top: 10px;
  padding-left: 10px;
}


/* -----------------------------------
ナビゲーションバー（class="navi_01"）
----------------------------------- */

.navi_01 {
	font: normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    font-size: 10.5pt;
	width:940px;
	float: left;
	padding: 0px;
	list-style: none;
	background-color: #000;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc;
	color: #b6d7a8;
}
.navi_01 li {
    margin-left: 0px;
	float: left;
	color: #b6d7a8;
}
.navi_01 li a {
	display: block;
	padding: 8px 18px 8px 18px;
	text-decoration: none;
	border-right: 1px solid #fff;
}

.navi_01 li a:link {
	color: #b6d7a8;
	background-color: #000;
	text-decoration: none;
}
.navi_01 li a:visited {
	color: #b6d7a8;
	background-color: #000;
	text-decoration: none;
}
.navi_01 li a:active {
	color: #fff;
	background-color: #7f0808;
}
.navi_01 li a:hover {
	color: #fff;
	background-color: #7f0808;
}



/* -----------------------------------
左右ナビ
----------------------------------- */

.menu-outer-left {
  font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  font-size:12px;
  line-height:120%;
  background-color:#fafafa;
  border-right: 1px solid #eeeeee;
}

.menu-outer-right {
  font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  font-size:12px;
  line-height:120%;
  background-color:#fafafa;
  border-left: 1px solid #eeeeee;
}

.menu-inner {
  padding: 5px;
}


/* -----------------------------------
左右ナビの見出し
----------------------------------- */

h2.title {
	/*background-image: url("../img-site/bar.png");*/
	background-repeat: repeat-x;
	height: 26px;
	line-height: 26px;
	padding-left: 10px;
	color: #575e49;
	font-weight: bold;
	background-color: #ededed;
	border-left: 6px solid #B60D0D;
    font-size: 12px;
}


.list_title{

	font-weight: bold;
	display:block;
	width: 203px;
	padding: 6px 3px 3px 3px;
	background-color: #E5E5E5;
}

.font90 {
	font-size: 90%;
}

.font_small{
	font-size:90%;
}

.list_center{
	font-size: 95%;
	font-weight: bold;
	display:block;
	padding: 3px;
	background-color: #E5E5E5;
}


li.new {
	line-height: 110%;
	margin-bottom: 8px;
    padding-bottom: 3px;
    border-bottom: 1px dotted #E2E2E2;
}

ul.info li {
	line-height: 120%;
	margin-bottom: 8px;
    padding-bottom: 3px;
}

.img_thumbnail{
	float: left;
	margin: 0 5px 5px 0;
}

li.popular {
	line-height: 110%;
	list-style-type: none;
	margin-left: 5px;
	margin-right: 3px;
	margin-bottom: 8px;
    padding-bottom: 3px;
    border-bottom: 1px dotted #E2E2E2;
}

/* ------------------------------
メニュー右の少し目立つ枠
------------------------------ */
.focus {
	display: block;
	background-color: #FFF;
	margin: 0px;
	padding: 6px;
	border-top: 1px dashed #FFF;
	border-bottom: 1px dashed #FFF;
	height: 85px;
}

.book_ad{
	float:left;
	margin-right:10px;
}


/* -----------------------------------
メイン全体の装飾
----------------------------------- */

.main-outer {
	font-size: 115%;
	line-height: 1.4;
}

.post-content{
    color: #000;
}

.post-content a {
	font-weight: bold;
}

.memo {
	color: #333333;
	font-size:85%;
	margin-top: -1.2em;
	margin-bottom: 1em;
}

.navi {
	background-color:#f5f5f5;
	color: #808080;
	font-size:8pt;
	padding:5px;
}

.spot {
	font-size:120%;
	font-weight:bold;
	line-height:160%;
	background-color:#fffaf0;
	padding:15px 4px;
}


/* -----------------------------------
メインの装飾DIV
----------------------------------- */


.date {
	background-color: transparent;
	font-weight:bold;
	color: #666666;
	font-size:12px;
	margin-bottom: 10px;
}

h3.post-title {
	font: normal bold 21px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
	margin: .75em 0 30px;
	background-image: url("../img-site/title.svg");
	/* background-image: url("../img-site/gekko.svg"); */
	background-repeat: no-repeat;
	height: 60px;
	line-height: 30px;
	padding-left: 60px;
}


.post-author {
	background-color: transparent;
	font-weight:nomal;
	color: #666666;
	font-size:13px;
	margin-bottom: 10px;
}


.post-label {
	background-color: transparent;
	font-weight:nomal;
	color: #666666;
	font-size:13px;
	margin-bottom: 10px;
}



hr.post-hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #ccc;
	height: 1px;
}

.info {
	font-size:12px;
}

table.tad tr td {
	font-size:12px;
	text-align: center;
}


.list_button {
	font-size: 14px;
	display: block;
	margin: 30px;
	text-align: center;
}

.jump-link{
	padding-top: 15px;
	padding-bottom:20px;
	font-size: 95%;
	font-weight: bold;
}

.jump-link a {
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	padding: 6px 10px 6px 10px;
	background-color: #f4f4f4;
	color: #6b6b6b;
	border: 1px solid #dcdcdc;
}

.jump-link a:hover {
	background-color: #f88b00;
	color: #FFF;
	text-decoration:none;
	border: 1px solid #f88b00;
}

.list_style {
	font-size: 95%;
	line-height: 125%;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #E2E2E2;
}

/* 黒で第一部〜外伝 */
.r00 {
	font-size: 8pt;
	background-color: #696969;
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
}

/* 黒で第一部〜外伝 */
.r01 {
	font-size: 8pt;
	background-color: #8b4513;
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
}

/* ピンクでブラックアジア・イン・ジャパン*/
.r02 {
	font-size: 8pt;
	background-color: #ff69b4;
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
}

/* 赤でR18 */
.r18 {
	font-size:8pt;
	background-color: #e10002;
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
}

.top50words {
	color: #666;
	font-size: 90%;
	margin-left: 30px;
}

.font_small{
	font-size:90%;
}

.post_img {
	max-width:450px;
}

/* -----------------------------------
Comment
----------------------------------- */

textarea.comm {
	width: 100%;
	border: 1px #BBB solid;
	color:#000;
	background-color:#F9FFF9;
	font-size: 14px;
	margin-bottom: 8px;
}

.comm-text{
	font-size: 14px;
	color: #444;
}

.comm_date {
	font-size: 13px;
	margin-bottom: 0px;
	background-color: #E5E5E5;
	padding: 4px;
	color: #000;
}

.post-content .comm_date img {
	text-align: left;
}


.comm_content {
	display: block;
	color: #000;
	background-color: #F7F7F7;
	padding: 8px 4px 8px 4px;
	font-size: 15px;
	margin-bottom: 30px;
	border-bottom: 	1px solid #DDD;
}

.comm_content_admin {
	display: block;
	color: #000;
	background-color: #f5fffa;
	padding: 8px 4px 8px 4px;
	font-size: 15px;
	margin-bottom: 30px;
	border-top: 	1px solid #aaa;
	border-bottom: 	1px solid #DDD;
}


.comm_dialog {
	text-align: center;
	font-size: 16px;
	padding: 10px;
	width: 500px;
	margin: 0 auto;
}

.dialog_image {
	text-align: center;
	margin: 0 auto;
}


/* -----------------------------------
Login
----------------------------------- */

.input_login {
	width: 300px;
	border: 1px #BBB solid;
	color:#000;
	background-color:#F9FFF9;
	font-size: 14px;
	margin-bottom: 8px;
}

.login_text {
	font-size:14px;
}




/* -----------------------------------
Footer
----------------------------------- */

#footer {
	text-align: center;
    color: #555;
    font-size:12px;
	margin-bottom: 10px;
}



.red{
	font-weight: bold;
	color:#A82727;
}



/* ------------------------------
タイムテーブル
------------------------------ */



.timetable	{
	border: 1px solid #BCBCBC;
	width:100%;
	vertical-align:middle;
}
.timetable th	{
	font-weight: bold;
	width: 10%;
	text-align: center;
	background-color: #FAFAFA;
	border: 1px solid #999999;
	color: #333;
	padding-top:5px;
	padding-bottom:5px;
}
.timetable td	{
	border: 1px solid #999999;
	color: #333;
    padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.timetable td.he1	{
    font-weight: bold;
	background-color: #FAFAFA;
    text-align:center;
}

.timetable td.he_r	{
    text-align:right;
	padding-right:10px;
}



/* ------------------------------
アドミン001
------------------------------ */

/* outer */
.admin001	{
	border-top: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
	font: Arial, Tahoma, Helvetica, FreeSans;
	font-size:94%;
}
.admin001 th	{
	font-weight: bold;
	background-color: #EFEFEF;
	border-bottom: 1px solid #999999;
	color: #000;
	text-align: left;
}
.admin001 td	{
	border: 0px solid #999999;
	color: #333;
    padding:3px 15px 3px 0px;
}

.ki { background-color: #D8E6FC; }
.gu { background-color: #FFFFFF; }

.admin_img{
	height:150px;
}




/* ------------------------------
ログイン画面のフォームの背景
------------------------------ */

.login_back{
	padding: 30px 10px 20px 30px;
	background-color: #EBEBEB;
	border: 1px solid #DCDCDC;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}







.table_toppic tr td{
	font-size:9pt;
	margin-bottom:0px;
	padding: 14px 10px 0px 0px;;
}

.table_toppic img{
	padding-right:5px;
}