body{
	font-size: 14px;
	font-family:sans-serif;
	}

/*トップページのタイトル部分*/
.header{
	width:714px;
	height:140px;
	background-color:#95483f;
	color:#330000f;
	font-family: 'Josefin Sans', sans-serif;
	font-size:8ex;
	padding:5px 18px ;
	position: relative;
	margin: 0 auto;
	border-bottom: solid 1px #FFFFFF;
	}

/*トップページ以外のタイトル部分*/
.header_general{
	width:714px;
	height:40px;
	background-color:#95483f;
	color:#330000;
	font-family: 'Josefin Sans', sans-serif;
	font-size:20px;
	padding:5px 18px ;
	position: relative;
	margin: 0 auto;
	border-bottom: solid 1px #FFFFFF;
	}

.header_general a {
	color:#330000;
	text-decoration: none;
	}

.header_general a:hover {
	color:#660000;
	text-decoration: none;
	}
	
.title{
	position: absolute;	
	bottom: 0;
	}

/*ナビゲーションバー*/
.gnav {
	display: flex;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	width: 750px;
}
.gnav > li {/*親階層のみ幅を25%にする*/
	width: 25%;
	padding:0;
}
/*全てのリスト・リンク共通*/
.gnav li {
	list-style: none;
	position: relative;
}
.gnav li a {
	font-family: 'Josefin Sans', sans-serif;
    background: #663333;
    border-right: 1px solid #eee;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding:0;
}

/*子階層以降共通*/

.gnav li ul {
	    padding:0;
}
.gnav li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
    width: 100%;
    padding:0;
}
.gnav li li a {
    border-top: 1px solid #FFFFFF;
}
.gnav li:hover ul li {
    height: 40px;
    overflow: visible;
}

/*aの背景色を指定*/   
.gnav li:hover a {/*親階層*/
    background: #95483F;
}
.gnav li li a {/*子階層*/
    background: #663333;
}
.gnav li li:hover a {
    background: #CC6633;
}

.gnav > li > ul:before{/*子階層*/
    border: 5px solid transparent;
    border-top: 5px solid #fff;
    content: "";
    right: 1rem;
    position: absolute;
    top: 1rem;
    transform: translateY(-40%);
}

/*フッター*/
.footer1 {
	width:750px;
	padding:10px 0;
	background: #95483F;
	margin: 0 auto;
	color:#FFFFFF;
	font-family: 'Special Elite', cursive;
	text-align: center;
	border-top: solid #FFFFFF 1px;
	}

.footer1 a {
	color:#FFFFFF;
	text-decoration: none;
	font-size: 12px;
	}
	

/*トップページのコンテンツ*/
/*コンテンツのガワ*/
.indexcontwrap{
	display:flex;
	flex-direction: column;
	align-items: stretch;
	padding:0;
	margin:0 auto;
	width: 750px;
	height: 500px;
	}

/*コンテンツ本体のガワ*/
.indexcont{
	height: 455px;
	display: flex;
	flex-direction: row;
	padding: 0;
	margin: 0;
	}
	
/*コンテンツ本体の左側のガワ*/
.indexmenuwrap{
	padding: 0;
	width: 350px;
	height:455px;
	display: flex;
	}

/*コンテンツ本体の左側*/
.indexmenu{
	margin:5px;
	border: dotted 3px #95483F;
	height:400px;
	width:100%;
	padding:20px;
	font-size: 12px;
	}

.indexmenu h1 {
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	}
	
	
	
	
/*コンテンツ右側のガワ*/
.indexpictwrap {
	padding: 5px;
	width: auto;
	max-width:400px;
	text-align: center;
	}

/*コンテンツフッタ*/
.indexcontfoot{
	padding:0;
	border: double #95483F 3px;
	height:45px;
	font-size: 12px;
	text-align: center;
	width: auto;
	}
/*トップページのコンテンツここまで*/
	
/*トップページ以外のコンテンツ*/
/*コンテンツ本体のガワ*/

.indexcontwrap_gene{
	padding: 0;
	width: 750px;
	min-height:455px;
	display: flex;
	margin:0 auto;
	}
	
.indexcont_general{
	min-height: 455px;
	display: flex;
	padding: 15px;
	margin: 0;
	}

/*コンテンツ本体のガワ＠About*/
.indexcont_about{
	min-height: 455px;
	padding: 15px;
	margin: 0;
	}

.indexcont_about h1 {
	font-weight: bold;
	font-size:12px;
	padding:0
	}

.indexcont_about a {
	color:#330000;
	text-decoration: none;
	}

.indexcont_about a:hover {
	color:#660000;
	text-decoration: none;
	}
	
.indexcont_about p {
	padding: 0 5px;}
	
.indexcont_about ul{
	list-style-type: none;
	}
	
/*イラストとかのページ*/


.contwrap{
	padding: 0;
	width: 750px;
	display: flex;
	flex-direction:column;
	margin:0 auto;
	}

.contwrap2{
	padding: 0;
	width: 750px;
	min-height:455px;
	display: flex;
	flex-direction:row;
	margin:0 auto;
	}

.contfoot {
	padding: 15px;
	width:auto;
	margin: 0;
	border:#95483F double 3px;
	}

.contmenu {
	width:150px;
	margin: 0;
	padding: 10px;
	border-right: solid 1px #95483F;
	font-size: 12px;
	flex-shrink:0;
	}

.contmenu h1 {
	font-weight:bold;
	font-size:12px;
	}
	
.contmenu h2 {
	font-weight:bold;
	font-size:12px;
	padding-left: 6px;
	}

.contmenu p {
	padding-left:12px;
	}

.contmenu a {
	color: #330000;
	text-decoration: none;
	}
	
.contmenu a:hover{
	color:#95483F;
	text-decoration: none;
	background-color: #FFDDCC;
	}

.contmain {
	width:auto;
	margin: 0;
	padding: 15px;
	border-left: solid 1px #95483F;
	font-size: 12px;
	}

.contmain img {
	border: 1px solid #663333;
	}
	
.contmain h1 {
	font-size:13px ;
	font-weight: bold;
	}

.contmain a {
	color: #330000;
	text-decoration: none;
	}
	
.contmain a:hover{
	color:#95483F;
	text-decoration: none;
	ba