@charset "utf-8";
html {-webkit-text-size-adjust: 100%;}
* {-webkit-touch-callout: none;-webkit-user-select: none;}
input[type="text"],textarea {-webkit-user-select: auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;width:100%;clear:both;margin: 0px 0px 30px 0px;}
caption,th {text-align: left;}
q:before,q:after {content: '';}
object,embed {vertical-align: top;}
hr,legend {display: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;clear:both;}
abbr,acronym,fieldset {border: 0;}
img {max-width: 100%;height: auto;margin: 1px auto;display: block;}
li {list-style-type: none;}
#sub li a{ display: block; }
#sub li span{ display: block; }

body {
	color: #555;
	font-size: small;
	font-family:
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 
	"メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0 auto;
	vertical-align: baseline;
	-webkit-overflow-scrolling:touch;
	border: 0;
	background: transparent;
}

body:before {
	position: fixed;
	top: -10px;
	left: 0;
	z-index: 100;
	content: '';
	width: 100%;
	height: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}

.webfont{font-family: 'Lora', serif;}

* html body {/* for IF6 */font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

body {background:#fff;}

#main a{text-decoration:underline; color:#0033cc;}
#main a:hover{text-decoration: none; color:#0033cc;}
#main a:visited{text-decoration: underline; color: #596979; }

#sub a{text-decoration: none; color:#0033cc;}
#sub a:hover{text-decoration: underline; color:#0033cc;}
#sub a:visited{text-decoration: none; color: #596979;}

#sub .irgsk {
	text-decoration: none;
	color:#0033cc;
	cursor: pointer;
}
#sub .irgsk:hover{
	text-decoration: underline;
	color:#0033cc;
}
#main .irgsk {
	text-decoration: underline;
	color:#0033cc;
	cursor: pointer;
}
#main .irgsk:hover{
	text-decoration: none;
	color:#0033cc;
}

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

.BM20{margin: 20px 0 0 0;}
.BM30{margin: 30px 0 0 0;}
.BM50{margin: 50px 0 0 0;}
.ctrl_btm{margin: 0px 0px -40px 0px;}

.clear{clear:both;}

.imgR {float: none;margin: 0 auto;text-align:center;}
.imgL {float: none;margin: 0 auto;text-align:center;}

/* clearfix */
.clearfix:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#headerDesc {
	background: #F4F4F4;
	margin: 0 auto;
	border-bottom: solid 1px #ccc;
}

#headerDescArea {margin: 0 auto;}

#headerDescArea h1 {
	font-size: 10px;
	font-weight: normal;
	float:none;
	margin: 0px 0px 5px 0px;
	padding:10px 0px 0px 0px;
	text-align:center;
}
#headerDescArea h2 {
	font-size: 10px;
	font-weight: normal;
	float:none;
	margin: 0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
	text-align:center;
	border-bottom: solid 1px #ccc;
}

#logo {
	clear: both;
	float:none;
	margin: 5px 0;
	text-align:center;
}

#copy {text-align:center;}

#footerLower{
	border-top: solid 1px #666;
	background: #594433;
	clear: both;
	color: #FFF;
	text-align: center;
	margin: 0 auto;
	padding:5px;
}

#mainImg {
	clear:both;
	width: 100%;
	background: #F0E5C9;
	padding:10px 0px 10px 0px;
	box-shadow: inset 0 0 15px rgba(0,0,0,.3);
	border-bottom: solid 1px #ccc;
}

#imgArea {margin: 0 auto;}

.img_main {
	float: center;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
}

.img_main img{box-shadow: 0px 0px 6px #666;}

#page{background: #F4F4F4;}

#contents {
	width: 98%;
	padding:1%;
	float:none;
	margin: 20px auto;
	padding:0px auto;
}

#main {
	width: 98%;
	padding:1%;
	float:none;
	margin: 0px 0px 0px 0px;
	border: solid 1px #ccc;
	background: #FFF;
	box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
}

#main p{
	font-size:22px;
	line-height:45px;
	padding: 10px 20px 10px 20px;
	margin: 0px 0px 45px 0px;
}

#main .em{
	font-size:22px;
	color:#9BA657;
	font-weight:bold;
}

#main h1{
	font-size: 26px;
	font-weight: normal;
	text-align:center;
	background: #F0E5C9;
	box-shadow: 0px 0px 2px #ccc;
	border-left: solid 10px #9BA657;
	padding:5px;
	margin: 0px 0px 25px 0px;
	text-shadow: 1px 1px 1px #eee;
}

#main h2{
	font-size: 26px;
	font-weight: normal;
	text-align:center;
	background: #594433;
	color:#FFFFFF;
	box-shadow: 0px 0px 2px #ccc;
	padding:5px 0px 5px 0px;
	margin: 50px 0px 25px 0px;
	text-shadow: 1px 1px 1px #eee;
}

#main h3{
	font-size: 26px;
	font-weight: normal;
	text-align:center;
	border-bottom: solid 5px #9BA657;
	padding:5px 0px 5px 0px;
	margin: 50px 0px 25px 0px;
	text-shadow: 1px 1px 1px #eee;
}

#main h4{
	font-size: 26px;
	font-weight: normal;
	text-align:left;
	border-left: solid 10px #A68C69;
	padding:5px 0px 5px 20px;
	margin: 50px 0px 25px 0px;
	text-shadow: 1px 1px 1px #eee;
}

#main ul {
	font-size: 22px;
	clear:both;
	color: #555;
	margin: 0px 0px 20px 0px;
	padding:10px 5px 10px 0px;
}

#main ul li{
	list-style-type: none;
	padding: 10px 0px 10px 25px;
	border-bottom: dashed 1px #ccc;
	background: url(images/arw.png) no-repeat 0 50%;
	margin: 5px 10px 5px 10px;
}

#sub {
	margin: 50px 0px 10px 0px;
	width: 98%;
	padding:1%;
	float:none;
}

#sub ul {
	font-size: 16px;
	clear:both;
	color: #555;
	margin: 0px 0px 30px 0px;
	padding:5px 0px 5px 0px;
	border: solid 1px #ccc;
	background: #FFF;
	box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
}

#sub ul li{
	list-style-type: none;
	padding: 10px 0px 10px 24px;
	border-bottom: dashed 1px #ccc;
	background: url(images/arw.png) no-repeat 0 50%;
	margin: 5px 5px;
}

#sub h3{
	font-size: 18px;
	padding:7px 5px 7px 5px;
	color:#FFF;
	text-align:center;
	background: #594433;
	box-shadow: 0px 0px 5px #ccc;
	margin: 0px 0px 0px 0px;
}

#sub h4{
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	color:#555;
	text-align:center;
	margin: 0px 0px 0px 0px;
}

.section{
	padding: 5px;
	color: #555;
	margin: 0px 0px 20px 0px;
}

.bg{
	background: #F0E5C9;
	border-radius:5px;
	box-shadow: 0px 0px 5px #ccc;
	color: #555;
	margin: 50px 0px 50px 0px;
	padding:5px;
}

.bg_side{
	background: #F0E5C9;
	box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
	color: #555;
	margin: 0px 0px 50px 0px;
	padding:7px;
}

.bg_side div{
	background: #FFF;
	padding:5px;
	font-size:16px;
}

table {
	box-shadow: 0px 0px 5px #ccc;
	text-align:center;
	margin: 0px 0px 100px 0px;
}

th {
	display: block;
	font-size:20px;
	font-weight:100;
	text-align:center;
	border-collapse: collapse;
	box-shadow: 0px 0px 1px #ccc;
	background:#594433;
	color: #fff;
	width: 98%;
	padding: 1%;
}

td {
	display: block;
	font-size:20px;
	font-weight:100;
	text-align:center;
	border-collapse: collapse;
	box-shadow: 0px 0px 1px #ccc;
	background:#fff;
	width: 98%;
	padding: 1%;
}

.star{font-size:30px;color:#9BA657;text-shadow: 1px 1px 1px #ccc;}

.check{
	font-size:22px;
	padding: 10px 0px 10px 45px;
	border-bottom: dashed 1px #ccc;
	background: url(images/check.png) no-repeat 0 50%;
	margin: 5px 10px 5px 10px;
}

.point1{
	font-size:22px;
	padding: 10px 0px 10px 45px;
	border-bottom: dashed 1px #ccc;
	background: url(images/point1.png) no-repeat 0 50%;
	margin: 5px 10px 5px 10px;
}

.point2{
	font-size:22px;
	padding: 10px 0px 10px 45px;
	border-bottom: dashed 1px #ccc;
	background: url(images/point2.png) no-repeat 0 50%;
	margin: 5px 10px 5px 10px;
}

.type span{
	display: block;
	text-align:center;
	margin: 5px;
	background:#F0E5C9;
	padding:10px;
	border-radius:10px;
	font-size:26px;
}

.pc{display: none;visibility:hidden;}


#toc{
padding: 15px;
font-size:26px;
}

#toc ol li + li{
margin-top: .5em;
}

#toc ol li a{
position: relative;
display: block;
padding: 0 0 0 2em;
}

#toc ol li a::before,
#toc ol li a::after{
position: absolute;
display: block;
top: 0;
left: 0;
width: 20px;
height: 1.7em;
text-align: center;
}

#toc ol li a::before{
margin-top: .2rem;
color: #fff;
font-size: .8rem;
font-weight: 500;
z-index: 2;
}

#toc ol li a::after{
content: "";
background: #333;
border-radius: 2px;
}

/* 大見出し */
#toc ol{
counter-reset: contentNum;
}

#toc ol li.toc-h3 a::before{
content: counter(contentNum) "";
counter-increment: contentNum;
}

/* 中見出し */
#toc ol li.toc-h4{
padding-left: 2em;
}

#toc ol li.toc-h4 a{
padding-left: 3em;
}

#toc ol li.toc-h4 a::before,
#toc ol li.toc-h4 a::after{
width: 39px;
}

#toc ol li.toc-h3{
counter-reset: subContNum;
}

#toc ol li.toc-h4 a::before,
#toc ol li.toc-h5 a::before{
white-space: nowrap;
color: #333;
}

#toc ol li.toc-h4 a::before{
counter-increment: subContNum;
content: counter(contentNum) "-" counter(subContNum) "";
}

#toc ol li.toc-h4 a::after,
#toc ol li.toc-h5 a::after{
background: #f5f5f5;
}

/* 小見出し */
#toc ol li.toc-h5{
padding-left: 5em;
}

#toc ol li.toc-h5 a{
padding: 0 0 0 3.9em;
}

#toc ol li.toc-h5 a::before,
#toc ol li.toc-h5 a::after{
width: 54px;
}

#toc ol li.toc-h4{
counter-reset: section;
}

#toc ol li.toc-h5 a::before{
counter-increment: section;
content: counter(contentNum) "-" counter(subContNum) "-" counter(section) "";
}