@charset "Shift_JIS";
/* 見出し */

h1, h2, h3, h4, h5, h6, p{
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

h1 {
	font-size: 2.4em;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
	display: none;
}

h2 {
	font-size: 2.2em;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
	text-decoration: none;
}

h3 {
	font-size: 2.0em;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
}

h4 {
	font-size: 1.9em;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
}

h5 {
	font-size: 1.8em;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
}

h6 {
	font-size: 1.7em;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
}

p {
	font-size: 1.6em;
	margin: 0px;
	padding: 0px;
	line-height: 1.7em;
	letter-spacing: 1.6px;
	text-decoration: none;
}

li {
	font-size: 1.6em;
	margin: 0px;
	padding: 0px;
	text: strong;
	text-decoration: none;
}

ol {
	font-size: 2.0em;
	margin: 0px;
	padding: 0px;
	text: strong;
	letter-spacing: 3px;
}

body {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	align: left;
	text-decoration: none;
	-webkit-text-size-adjust: 100%;
	background-image: url(../image/backgroundpattarn.png);)
}

header{
	background-color: #FFFFFF;
}
/* --- ヘッダー --- */

.headCnt{
	margin-top: 2.5em;
	background-color: #FFFFFF;
}

.headLogo{
	float: left;
	line-height: 1.2;
}

.headLogo a{
	color: #444444;
	text-decoration: none;
}

.headLogo p{
	font-size: 1.2em;
}

.headLogo h2{
	margin-top: 0.1em;
	font-size: 2.0em;
	letter-spacing: 0.1em;
	text-decoration: none;
}

.headTel{
	float: right;
	position: relative;
}

.headTel .tel{
	font-size: 1.5rem;
	font-style: normal;
	line-height: 1.2;
}

.headTel .tel span{
	font-size: 2.8rem;
}

.headTel .time{
	font-size: 1.4rem;
}

.cf::after {
	content: "";
	display: table;
	clear: both;
}
/* --- ヘッダー終わり --- */

.topview h2{
	padding: 2em;
	text-align: center;
	background: #CCFFFF;
	letter-spacing: 0.4em;
	font-size: 2.6em;
}

.topview p{
	margin: 1em 1em 0em 1em;
}

.hikkiyougu{
	clear :both;
	margin-top : 1em;
}

.hikkiyougu p{
	margin : 1em 2em;
}

.hikkiyougu li{
	list-style: none;
	margin-left: 20%;
	line-height : 1.5em;
}

.hikkiyougu span{
	text-align: justify ;
}

.koumoku{
	margin-top : 1em ;
}

.koumoku p{
	margin : 1em 2em;
}

.koumokuh3 {
	padding-left: 1em; 
	display : block;
	background-color: #88ffff;
} 

.koumokuh4 {
	margin-left : 1.5em ;
	padding-left: 1.2em;
	display : block;
	background-color: #AEFFBD;
} 

.koumoku a{
	display: block;
	color: #0000FF;
	text-decoration: none;
}

.koumoku a:hover {
	color: #ccc;
	text-decoration: none;
}

.koumoku li{
	list-style : none;
	font-size: 2.0em;
	margin-left: 3em;
	padding-left : 1.3em;
	line-height :1.3em;
	background: url("../image/mark.png") left no-repeat;
}

.kisaikoumoku{
	font-size : 2.0em;
	color : #808080;
}

.section {
	margin: 2em;
	padding: 1em;
	padding-bottom: 3em;
	box-shadow: 0.5em 0.5em 2em #666b70;
}

.section h4{
	padding-left: 1em;
	margin: 0.5em 0em 1em 0em;
	background-color: #8EF1FF	;
	color: #008000;
}

.section li{
	list-style : none;
	margin-left :3em;
	letter-spacing: 0.3em;
	line-height: 1.5em;
}


.section a {
	color: #0000FF;
	text-decoration: none;
}

.section a:hover {
	color: #ccc;
}

.kisai {
	font-size: 2em;
	float: right;
}

.q{
	clear: both;
	font-size: 1.8em;
	color: #FFFFEE;
	background-color: #FF5F17;
	border-radius: 50%;
	padding: 0.5em;
	position: fixed;
	bottom: 2em;
	right: 1em ;

}

/* --- フッター --- */

.footer{
	background: #0000FF;
	color: #FFF;
}

.footerlg{
	margin: 2.5em 0 1.5em;
	float: left;
}

.footerlg h2{
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1.2;
}

.furi{
	position: relative;
}

.furi:before{
	content: "かいた";
	display: block;
	width: 3.8em;
	font-size: 0.6em;
	line-height: 1;
	position: absolute;
	top: -1.3em;
	left: 15%;
}

.footerlg a{
	color: #fff;
	text-decoration : none;
}

.footerlg a:hover{
	opacity: 0.8;
	text-decoration: underline;
}

.footerlg address{
	margin-top: 1.0em;
	font-size: 2.0em;
	font-style: normal;
	line-height: 1.4;
}

.navAreanew{
	float: right;
}

.footernav{
	margin-top: 1.0em;
	font-size: 1.0em;
	line-height: 1.2;
}

.footernav li{
	display: inline-block;
	border-right: 1px solid #fff;
	position: relative;
}

.footernav li:last-child{
	border-right: none;
}

.footernav a{
	padding: 0 1.5rem 0 2.8em;
	color: #fff;
}

.footernav a:before{
	content: "";
	width: 14px;
	height: 14px;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	left: 12px;
	background: url(../img/mrk_arrow.png) no-repeat;
}

.footernav li:last-child a{
	padding-right: 0;
}

.footernav a:hover{
	text-decoration: underline;
}
