#con_main{
	background-color: #F7F1DF;
	min-height: 720px;
	border-radius: 14px;
}
#main{
	background-color: #F7F1DF;
	min-height: 720px;
	border-radius: 14px;
}
.contentLeft{
	float:left;
}
.contentTitle{
	background-image: url(../images/h1.png);
	background-repeat: repeat-x;
	background-position: center top;
	height:70px;
	}
.contentHeader h1{
	color:#FFFFFF;
	font-size:2.2em;
	padding-left:140px;
	padding-top:15px;
	letter-spacing: 0.13em;
	}

.contentBody{
	padding:15px;
	font-size:1.2em;
	width:685px;
	color: #40210D;
	letter-spacing: 0.08em;
}
.contentBody h2 {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 1em;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 50px;
	padding-bottom: 5px;
	color: #40210D;
	background-image: url(../images/h2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 0px;
	letter-spacing: 0.13em;
	font-size:1.3em;
}
.contentBody h3 {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 1em;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 35px;
	padding-bottom: 5px;
	color: #40210D;
	background-image: url(../images/h3.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0px;
	letter-spacing: 0.13em;
	font-size: 1.3em;
	border-top: 1px dotted #FF6A00;
	border-bottom: 1px dotted #FF6A00;
}
.contentBody h4 {
	margin-right: 0;
	margin-left: 10px;
	margin-bottom: 1em;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 5px;
	color: #FF6A00;
	background-image: url(../images/h4.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0px;
	letter-spacing: 0.13em;
	font-size: 110%;
	border-bottom: 1px dotted #FF6A00;
}

.contentBody h4 a{
	color: #FF6A00;
}

.contentBody p,
.contentBody ol,
.contentBody ul {
  margin: 1em 5px;
}
.contentBody ol {
  list-style: decimal;
  padding-left: 2em;
}

.contentBody ol li{
	padding-bottom:20px;
}

.contentBody ul {
  list-style: disc;
  padding-left: 2em;
}
.contentBody li ul {
  list-style: circle;
}
.contentBody li li ul {
  list-style: square;
}

.contentBody .alignLeft {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}
.contentBody .alignRight {
  float: right;
  margin-left: 15px;
  margin-bottom: 10px;
}
.contentBody .alignCenter {
  display: block;
  margin: 0 auto;
}
.contentBody em {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'MS P Gothic', sans-serif;
}
.contentBody table {
  max-width: 100%;
}
.contentBody table th,
.contentBody table td {
  vertical-align: top;
  font-size: 100%;
}
.contentBody table[border] {
  border: 1px solid #ccc;
}
.contentBody table[border] th,
.contentBody table[border] td {
  padding: 3px 5px;
  border: 1px solid #ccc;
}
.contentBody table[border] th {
  font-weight: normal;
}

/*tree*/
.pageList{}

ul.pageList{
	padding-left:0px;
}
.pageList li{
	border: 1px solid #efd1b6;
	border-radius: 10px;
	background-color: hsla(0,0%,100%,0.80);
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	list-style-image: none;
	list-style-type: none;
}
.pageList li a{
	color:#FF6A00;
	font-size:1.2em;
}
.pageList li .thumb img{
	vertical-align:middle;
	border-radius: 10px;
	}
.pageList li .title{
	background-image: url(../images/pagelist.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
display:inline-block;
 vertical-align:middle;
 }


/**/
.sidepart{
	float:right;
	margin-top:20px;
	margin-right:20px;
	width:240px;
	margin-bottom:20px;
}


.sidepart img{
	width: 100%;
}

.sidepart div{
	margin-bottom:10px;
}
/**/
.sideHeader{
	background-color: #5E3719;
	padding: 10px;
	border-radius: 10px;
}
.sideHeader h2{
	color:#FFFFFF;
}
.sideBody{
}
.sideBody ul{
	border-top: 1px solid #5E3719;
	border-right: 1px solid #5E3719;
	border-left: 1px solid #5E3719;
}
.sideBody li{
	background-color: #FCF7F4;
	border-bottom: 1px solid #5E3719;
	padding: 8px;
}
.sideBody li a{
	width:100%;
}

/*print*/
.contentBody h1 {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 1em;
	padding-bottom: 5px;
	background-image: url(../images/h1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	margin-top: 0px;
	letter-spacing: 0.13em;
	font-size:1.5em;
	color:#FFFFFF;
	padding-left:140px;
	padding-top:15px;

}
/* Color Definition
================================================== */

.red{
  color: red;
}


#sp{
	display:none;
}
/*Responsive*/
@media screen and (max-width: 768px) {
	
.contentBody p {
    margin: 0px;
	padding:5px;
}
	
img{
	max-width:100%;
}
#pc{
	display:none;
}
#sp{
	display:block;
}

#con_main{
	background-color: #F7F1DF;
	border-radius: 14px;
}
#main{
	background-color: #F7F1DF;
	border-radius: 14px;
	min-height: auto;
}
.contentLeft{
	float:none;
}
.contentTitle{
	background-image: url(../images/c-h-bg.jpg);
	background-repeat: repeat;
	background-position: center top;
	height:auto;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	}
.contentHeader h1{
	color:#FFFFFF;
	font-size:140%;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	letter-spacing: 0.08em;
}

.contentBody{
	padding:3px;
	font-size:1em;
	width:98%;
	color: #40210D;
	letter-spacing: 0.08em;
}
.contentBody h2 {
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 5px;
	color: #40210D;
	background-image: url(../images/dango.png);
	background-repeat: no-repeat;
	background-position: left;
	height: auto;
	margin-top: 10px;
	letter-spacing: 0.13em;
	font-size:1.3em;
	background-color:#E7DAC1;
	border-radius: 10px;
}



.contentBody h3 {
	margin-right: 7px;
	margin-left: 7px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 25px;
	padding-bottom: 5px;
	color: #40210D;
	background-image: url(../images/h3.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:20px;
	letter-spacing: 0.13em;
	font-size: 110%;
	border-top: 1px dotted #FF6A00;
	border-bottom: 1px dotted #FF6A00;
}
.contentBody h4 {
	margin-left: 10px;
	margin-right:10px;
	margin-bottom: 1em;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 5px;
	color: #FF6A00;
	background-image: url(../images/h4.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0px;
	letter-spacing: 0.13em;
	font-size: 100%;
	border-bottom: 1px dotted #FF6A00;
}

.contentBody h4 a{
	color: #FF6A00;
}

.sidepart {
	display:none;
}

.pageList li {
    border: 1px solid #efd1b6;
    border-radius: 0px;
    background-color: hsla(0,0%,100%,0.80);
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    list-style-image: none;
    list-style-type: none;
}

.pageList li .title {
    background-image: url(../images/sp-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 13px;
    display: inline-block;
    vertical-align: middle;
	font-size:90%;
	font-weight:bold;
}

.pageList li .thumb img {
    vertical-align: middle;
    border-radius: 10px;
	width:10%;
}


}
/*Responsive*/