﻿/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

h4{
	height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 22px;
	font-size:16px;font-weight:bold;color:#444444;
	background-image:url(/images/menu/head015_03.png);
}
h4.menu01{
	height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 22px;
	font-size:16px;font-weight:bold;color:#444444;
	background-image:url(/images/menu/head015_01.png);
}
h4.menu02{
	height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 22px;
	font-size:16px;font-weight:bold;color:#444444;
	background-image:url(/images/menu/head015_02.png);
}
h4.menu03{
	height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 22px;
	font-size:16px;font-weight:bold;color:#444444;
	background-image:url(/images/menu/head015_03.png);
}
h4.menu04{
	height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 22px;
	font-size:16px;font-weight:bold;color:#444444;
	background-image:url(/images/menu/head015_04.png);
}
h4.menu05{
	height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 22px;
	font-size:16px;font-weight:bold;color:#444444;
	background-image:url(/images/menu/head015_05.png);
}
h4.menu06{
	height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 22px;
	font-size:16px;font-weight:bold;color:#444444;
	background-image:url(/images/menu/head015_06.png);
}
h4.menu07{
	height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 22px;
	font-size:16px;font-weight:bold;color:#444444;
	background-image:url(/images/menu/head015_07.png);
}
h4.menu08{
	height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 22px;
	font-size:16px;font-weight:bold;color:#444444;
	background-image:url(/images/menu/head015_08.png);
}
h4.menu09{
	height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 22px;
	font-size:16px;font-weight:bold;color:#444444;
	background-image:url(/images/menu/head015_09.png);
}
h4.menu10{
	height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 22px;
	font-size:16px;font-weight:bold;color:#444444;
	background-image:url(/images/menu/head015_10.png);
}

h4.line01{
	height:30px;margin:0px 0px 5px 0px;padding:5px 0px 0px 0px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head01.png);
	background-position:bottom;background-repeat:repeat-x;	
}
h4.line02{
	height:30px;margin:0px 0px 5px 0px;padding:5px 0px 0px 0px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head02.png);
	background-position:bottom;background-repeat:repeat-x;	
}
h4.line03{
	height:30px;margin:0px 0px 5px 0px;padding:5px 0px 0px 0px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head03.png);
	background-position:bottom;background-repeat:repeat-x;	
}
h4.line04{
	height:30px;margin:0px 0px 5px 0px;padding:5px 0px 0px 0px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head04.png);
	background-position:bottom;background-repeat:repeat-x;	
}
h4.line05{
	height:30px;margin:0px 0px 5px 0px;padding:5px 0px 0px 0px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head05.png);
	background-position:bottom;background-repeat:repeat-x;	
}
h4.line06{
	height:30px;margin:0px 0px 5px 0px;padding:5px 0px 0px 0px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head06.png);
	background-position:bottom;background-repeat:repeat-x;	
}
h4.line07{
	height:30px;margin:0px 0px 5px 0px;padding:5px 0px 0px 0px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head07.png);
	background-position:bottom;background-repeat:repeat-x;	
}
h4.line08{
	height:30px;margin:0px 0px 5px 0px;padding:5px 0px 0px 0px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head08.png);
	background-position:bottom;background-repeat:repeat-x;	
}
h4.line09{
	height:30px;margin:0px 0px 5px 0px;padding:5px 0px 0px 0px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head09.png);
	background-position:bottom;background-repeat:repeat-x;	
}
h4.line10{
	height:30px;margin:0px 0px 5px 0px;padding:5px 0px 0px 0px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head10.png);
	background-position:bottom;background-repeat:repeat-x;	
}

h4.box01{
	height:23px;margin:0px 0px 5px 0px;padding:7px 0px 0px 3px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head01.gif);
	border:1px solid #CC0000;border-left:5px solid #CC0000;
}
h4.box02{
	height:23px;margin:0px 0px 5px 0px;padding:7px 0px 0px 3px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head02.gif);
	border:1px solid #CC0000;border-left:5px solid #3399FF;
}
h4.box03{
	height:23px;margin:0px 0px 5px 0px;padding:7px 0px 0px 3px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head03.gif);
	border:1px solid #CC0000;border-left:5px solid #FF6600;
}
h4.box04{
	height:23px;margin:0px 0px 5px 0px;padding:7px 0px 0px 3px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head04.gif);
	border:1px solid #CC0000;border-left:5px solid #009900;
}
h4.box05{
	height:23px;margin:0px 0px 5px 0px;padding:7px 0px 0px 3px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head05.gif);
	border:1px solid #CC0000;border-left:5px solid #9933CC;
}
h4.box06{
	height:23px;margin:0px 0px 5px 0px;padding:7px 0px 0px 3px;
	font-size:16px;font-weight:bold;color:#333333;
	background-image:url(/novel/images/head/head06.gif);
	border:1px solid #CC0000;border-left:5px solid #333333;
}

a.maenu01link{
	margin:-2px 0px 0px 2px;
}
a.maenu02link{
	margin:-2px 0px 0px 2px;
}
a.maenu03link{
	margin:-2px 0px 0px 2px;
}
a.maenu04link{
	margin:-2px 0px 0px 2px;
}
a.maenu05link{
	margin:-2px 0px 0px 2px;
}
a.maenu06link{
	margin:-2px 0px 0px 2px;
}
a.maenu07link{
	margin:-2px 0px 0px 2px;
}
a.maenu08link{
	margin:-2px 0px 0px 2px;
}
a.maenu09link{
	margin:-2px 0px 0px 2px;
}
a.maenu10link{
	margin:-2px 0px 0px 2px;
}

.hrAccessory {
  height: 1px;
  background: #bbb;
  background-image: -webkit-linear-gradient(left, #eee, #777, #eee);
  background-image: -moz-linear-gradient(left, #eee, #777, #eee);
  background-image: -ms-linear-gradient(left, #eee, #777, #eee);
  background-image: -o-linear-gradient(left, #eee, #777, #eee);
}
.accessory:after {
  content: '\002702';
  display: inline-block;
  position: relative;
  top: -12px;
  left: 40px;
  padding: 0 3px;
  background: #f0f0f0;
  color: #bbb;
  font-size: 18px;
}

.font-large {
	font-size: large;
}

.novelBox{
    padding: 0.5em 1em;
    margin: 1em 0;
    background: #f4f4f4;
    border-left: solid 6px #5bb7ae;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}
.novelBox p {
    margin: 0; 
    padding: 0;
}

/*
<div class="boxStyle01">
    <span class="boxStyle01-title">ここにタイトル</span>
    <p>ここに文章</p>
</div>
*/
.boxStyle01 {
	position: relative;
	margin: 2em 0;
	padding: 0.5em 1em;
	border: solid 3px #95ccff;
	border-radius: 8px;
}

.boxStyle01 .boxStyle01-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #95ccff;
	font-weight: bold;
}

.boxStyle01 p {
    margin: 0; 
    padding: 0;
}


