@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

* {
	margin:0 ;
	padding:0 ;
}

#cover {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	max-width:850px;
	padding-left: 1.82%;
	padding-right: 1.82%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#61c419+1,ffffff+6,fcfcfc+95,61c419+100 */
	background: #61c419; /* Old browsers */
	background: -moz-linear-gradient(left,  #61c419 1%, #ffffff 6%, #fcfcfc 95%, #61c419 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#61c419), color-stop(6%,#ffffff), color-stop(95%,#fcfcfc), color-stop(100%,#61c419)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #61c419 1%,#ffffff 6%,#fcfcfc 95%,#61c419 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #61c419 1%,#ffffff 6%,#fcfcfc 95%,#61c419 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #61c419 1%,#ffffff 6%,#fcfcfc 95%,#61c419 100%); /* IE10+ */
	background: linear-gradient(to right,  #61c419 1%,#ffffff 6%,#fcfcfc 95%,#61c419 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c419', endColorstr='#61c419',GradientType=1 ); /* IE6-9 */

}



/* モバイルレイアウト : 480 px およびそれ以下. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	background-color:rgba(255,255,255,1) ;
}
#head {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;


}
#mainVisual {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#g_nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainContents {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#subContents {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#foot {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#mainContents2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/*タイトルの設定*/
#head {
	padding-top:5px ;
}
#head p {
	margin:20px auto 0px auto ;
	font-size:18px ;	
	font-weight:700 ;
	text-align:center ;
}
.double {
	border-bottom:8px double #cff09e;
}

#head a {
	text-decoration:none ;
}

#head h1 {
	width:90% ;
	margin:0 auto 0 auto ;
	padding:5px 5px 0 5px ;
	text-align:center;
}

.home #Logo{
	width:63%;
	/* vertical-align:middle ; */
	}
.home #titleChara {
	width: 28%;
}

#telNumber {
	width:100% ;
	padding:0px auto 10px auto ;
	text-align:center;
}
#telNumber a {
	font-size:17px ;	
	text-decoration:none ;
	color:#F00 ;
	font-weight:bold ;
}

.other #Logo{
	width:50%;
	/* vertical-align:middle ; */
	}
.other #titleChara {
	width:22%;
}

/*メインビジュアルの設定*/
#mainVisual {

padding-top:5px ;
padding-bottom:5px ;
border-top:3px solid #cff09e;
border-bottom:3px solid #cff09e;
}


/*グローバルナビの設定*/
	
.gridContainer.clearfix #g_nav{
	width:100%;
	text-align:center;
	line-height:50px;
	margin:3px 1% 3px 1%;

}
.gridContainer.clearfix #g_nav ul li{
	float: left;
	width: 100%;
	height: 50px;
	margin-top:5px;	
	margin-right:3px;
	border-radius: 3px;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8ffe8+1,cae599+15,cae599+85,9ecc59+100 */
background: #f8ffe8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y4ZmZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2NhZTU5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2NhZTU5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWNjNTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f8ffe8 1%, #cae599 15%, #cae599 85%, #9ecc59 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f8ffe8), color-stop(15%,#cae599), color-stop(85%,#cae599), color-stop(100%,#9ecc59)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8ffe8 1%,#cae599 15%,#cae599 85%,#9ecc59 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8ffe8 1%,#cae599 15%,#cae599 85%,#9ecc59 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8ffe8 1%,#cae599 15%,#cae599 85%,#9ecc59 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8ffe8 1%,#cae599 15%,#cae599 85%,#9ecc59 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ecc59',GradientType=0 ); /* IE6-8 */

}

.gridContainer.clearfix #g_nav ul li:link{
}
.gridContainer.clearfix #g_nav ul li:visited{
}
.gridContainer.clearfix #g_nav ul li:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dcff8c+0,a0e021+20,a0e021+80,7ab220+100 */
background: #dcff8c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZmY4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2EwZTAyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2EwZTAyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YWIyMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #dcff8c 0%, #a0e021 20%, #a0e021 80%, #7ab220 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcff8c), color-stop(20%,#a0e021), color-stop(80%,#a0e021), color-stop(100%,#7ab220)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dcff8c 0%,#a0e021 20%,#a0e021 80%,#7ab220 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dcff8c 0%,#a0e021 20%,#a0e021 80%,#7ab220 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dcff8c 0%,#a0e021 20%,#a0e021 80%,#7ab220 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dcff8c 0%,#a0e021 20%,#a0e021 80%,#7ab220 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcff8c', endColorstr='#7ab220',GradientType=0 ); /* IE6-8 */
	
	
	box-shadow: 1px 1px 1px #393,inset 1px 1px 1px #bbdb90;
	font-size:1.1em;
	color:#F00 ;
	

}
.gridContainer.clearfix #g_nav ul li:active{
	background-color: #FF6;
}

.gridContainer.clearfix #g_nav ul li a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
	color:rgba(0,0,204,1) ;
}
.gridContainer.clearfix #g_nav ul li a:hover{
	color:#F00 ;	
}

#now_g {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dcff8c+0,a0e021+20,a0e021+80,7ab220+100 */
background: #dcff8c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZmY4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2EwZTAyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2EwZTAyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YWIyMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #dcff8c 0%, #a0e021 20%, #a0e021 80%, #7ab220 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcff8c), color-stop(20%,#a0e021), color-stop(80%,#a0e021), color-stop(100%,#7ab220)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dcff8c 0%,#a0e021 20%,#a0e021 80%,#7ab220 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dcff8c 0%,#a0e021 20%,#a0e021 80%,#7ab220 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dcff8c 0%,#a0e021 20%,#a0e021 80%,#7ab220 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dcff8c 0%,#a0e021 20%,#a0e021 80%,#7ab220 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcff8c', endColorstr='#7ab220',GradientType=0 ); /* IE6-8 */
}

/*メインコンテンツの設定*/
#mainContents {
	width:98% ;
	margin:auto ;
	padding:5px auto 10px auto ;
}
#mainContents section {
	padding:20px 0 ;	
	border-bottom:2px solid #cff09e ;
	margin-bottom:10px ;
}
/*メインコンテンツ　H2見出し*/
#mainContents #homeMain h2 {
	font-size:18px ;
	font-weight:bold ;
	vertical-align:middle ;
	margin:5px auto 10px 0 ;
	border-bottom:2px dotted #FF0000 ;
}

/*メインコンテンツ　本文*/
#mainContents #homeMain .mainHonbunn {
	margin:5px auto 10px 15px ;
	font-size:14px ;
	line-height:1.8 ;
}

/*メインコンテンツ　定義*/
#mainContents #homeMain dt {
	font-size:1.2em ;
	font-weight:bold ;
	margin:5px auto 5px 0px ;
}
#mainContents #homeMain dd {
	margin-left:1.5em ;
}


/*メインコンテンツ2の設定*/
#mainContents2 {
	width:98% ;
	margin:auto ;
	padding:5px auto 10px auto ;
}
.gridContainer.clearfix #mainContents2 #otherMain {
	width:100% ;
	margin:20px auto ;
	padding:20px 0 ;
}
#mainContents2 section {
	padding:20px 0 ;	
	border-bottom:2px solid #cff09e ;
	margin-bottom:10px ;
}
/*メインコンテンツ2　H2見出し*/
#mainContents2 #otherMain h2 {
	font-size:18px ;
	font-weight:bold ;
	vertical-align:middle ;
	margin:5px auto 10px 0 ;
	border-bottom:2px dotted #FF0000 ;
}
/*メインコンテンツ2　本文*/
#mainContents2 #otherMain .otherHonbunn {
	margin:5px auto 10px 15px ;
	font-size:14px ;
	line-height:1.8 ;
}
/*メインコンテンツ2　定義*/
#mainContents2 #otherMain dt {
	font-size:1.2em ;
	font-weight:bold ;
	margin:5px auto 5px 0px ;
}
#mainContents2 #otherMain dd {
	margin-left:1.5em ;
}
/*メインコンテンツ2　大分類見出し*/
#mainContents2 #otherMain .daubunnrui {
	font-size:1.2em ;
	font-weight:bold ;
	margin:20px auto 5px 0 ;
		
}
/*メインコンテンツ2　小分類リスト*/
#mainContents2 #otherMain #merit .shoubunnrui.otherHonbunn ul{
	margin-left:-1em ;
	list-style-type:circle ;
}



/*サブコンテンツの設定*/
#homeSub {
	padding:10px 0 ;
}
.subSection {
	padding:10px 0 ;	
}

#subContents #homeSub .subSection .subHonbunn {
	margin-left:3px ;
	line-height:1.8 ;
}

#subContents #homeSub .subSection h3{
	width:97% ;
	height:25px ;
	margin:5px auto 10px 2px ;
	line-height:27px ;
	text-indent:5px ;
	font-weight:bold ;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3f5ab+1,e3f5ab+1,f8ffe8+35,f8ffe8+59,eaffba+76,c8db85+100 */
background: rgb(227,245,171); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2UzZjVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZTNmNWFiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZjhmZmU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjZjhmZmU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjZWFmZmJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M4ZGI4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(227,245,171,1) 1%, rgba(227,245,171,1) 1%, rgba(248,255,232,1) 35%, rgba(248,255,232,1) 59%, rgba(234,255,186,1) 76%, rgba(200,219,133,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(227,245,171,1)), color-stop(1%,rgba(227,245,171,1)), color-stop(35%,rgba(248,255,232,1)), color-stop(59%,rgba(248,255,232,1)), color-stop(76%,rgba(234,255,186,1)), color-stop(100%,rgba(200,219,133,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(227,245,171,1) 1%,rgba(227,245,171,1) 1%,rgba(248,255,232,1) 35%,rgba(248,255,232,1) 59%,rgba(234,255,186,1) 76%,rgba(200,219,133,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(227,245,171,1) 1%,rgba(227,245,171,1) 1%,rgba(248,255,232,1) 35%,rgba(248,255,232,1) 59%,rgba(234,255,186,1) 76%,rgba(200,219,133,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(227,245,171,1) 1%,rgba(227,245,171,1) 1%,rgba(248,255,232,1) 35%,rgba(248,255,232,1) 59%,rgba(234,255,186,1) 76%,rgba(200,219,133,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(227,245,171,1) 1%,rgba(227,245,171,1) 1%,rgba(248,255,232,1) 35%,rgba(248,255,232,1) 59%,rgba(234,255,186,1) 76%,rgba(200,219,133,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f5ab', endColorstr='#c8db85',GradientType=0 ); /* IE6-8 */

}
#subContents #homeSub .subSection dt {
	font-weight:600 ;
}

#subContents #homeSub .subSection dd{
	margin-left:3px ;
	margin-bottom:10px ;
}


/*フッターの設定*/
#foot {
	padding:5px auto ;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dcff8c+0,addb4a+36,b0dd56+62,8fd829+100 */
background: #dcff8c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZmY4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iI2FkZGI0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iI2IwZGQ1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZmQ4MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #dcff8c 0%, #addb4a 36%, #b0dd56 62%, #8fd829 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcff8c), color-stop(36%,#addb4a), color-stop(62%,#b0dd56), color-stop(100%,#8fd829)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dcff8c 0%,#addb4a 36%,#b0dd56 62%,#8fd829 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dcff8c 0%,#addb4a 36%,#b0dd56 62%,#8fd829 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dcff8c 0%,#addb4a 36%,#b0dd56 62%,#8fd829 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dcff8c 0%,#addb4a 36%,#b0dd56 62%,#8fd829 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcff8c', endColorstr='#8fd829',GradientType=0 ); /* IE6-8 */

}


/*フッターナビの設定*/	
.gridContainer.clearfix #f_nav{
	width:100%;
	text-align:center;
	line-height:40px;
	margin:10px 0% 10px 0%;
}
.gridContainer.clearfix #f_nav ul {
	margin: 3px auto 3px auto ;
	padding-top:3px ;
	padding-bottom:3px ;
}


.gridContainer.clearfix #f_nav ul li{
	float: left;
	width: 49.7%;
	height: 40px;
	border-radius: 3px;
	border-bottom:1px solid rgba(255,255,255,1) ;
	padding-top:3px ;
	padding-bottom:3px ;
	font-size:0.8em ;	
}
.gridContainer.clearfix #f_nav ul li:nth-child(odd){
	border-right:1px solid rgba(255,255,255,1) ;
}
.gridContainer.clearfix #f_nav ul li:last-child,.gridContainer.clearfix #f_nav ul li:nth-child(5){
	border-bottom:none ;	
}



.gridContainer.clearfix #f_nav ul li:link{
}
.gridContainer.clearfix #f_nav ul li:visited{
}
.gridContainer.clearfix #f_nav ul li:hover{
	
	box-shadow: 1px 1px 1px #393,inset 1px 1px 1px #bbdb90;
	font-size:1em;
	color:#F00 ;
}
.gridContainer.clearfix #f_nav ul li:active{
	background-color: #FF6;
}

.gridContainer.clearfix #f_nav ul li a{
	display: block;
	width: 98%;
	height: 100%;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
	color:rgba(0,0,204,1) ;

}
.gridContainer.clearfix #f_nav ul li #now_f {
	color:rgba(51,204,0,1);
}
.gridContainer.clearfix #f_nav ul li a:hover {
	color:#F00 ;	
}


/*キャラクターの設定*/
#character {
	text-align:center ;
	margin-top:25px ;
}
#character img {
	width:40% ;
}

/*コピーライトブロックの設定*/
#copyrightBlock {
	height:150px ;
}
small {
	font-weight:600 ;
	font-size:14px ;
	color:rgba(0,153,0,1) ;
}





/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#head {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainVisual {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#g_nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainContents {
	clear: both;
	float: left;
	margin-left: 0;
	width: 70.3589%;
	display: block;
}
#subContents {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 27.0769%;
	display: block;
}
#foot {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainContents2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


/*タイトルの設定*/
#head p {
	margin:10px auto 0px auto ;
	font-size:20px ;	
	font-weight:700 ;

}
.double {
	border-bottom:6px double #cff09e;
}


#head h1 {
	width:70% ;
	margin:0,auto,0,auto ;
	padding:5px 5px 0 5px ;
	text-align:center;

}

#Logo{
	width:60%;
	/* vertical-align:middle ; */
	}

#telNumber {
	width:100% ;
	padding:0px auto 10px auto ;
	text-align:center;
}
#telNumber a {
	font-size:30px ;
	text-decoration:none ;
	color:#F00 ;
	font-weight:bold ;
}

/*メインビジュアルの設定*/
#mainVisual {

}

/*グローバルナビの設定*/
.gridContainer.clearfix #g_nav{
	line-height:40px;
}

.gridContainer.clearfix #g_nav ul li{
	width: 32.5%;
	height: 40px;
}

.gridContainer.clearfix #g_nav ul li a{
	font-size: 1.1em;
}

/*メインコンテンツの設定*/
.gridContainer.clearfix #mainContents , .gridContainer.clearfix #mainContents {
	padding-top:10px ;
}
.gridContainer.clearfix #mainContents #homeMain {
	padding-right:10px ;
	border-right: 4px solid #cff09e ;
}
/*メインコンテンツH2見出し*/
#mainContents #homeMain h2 {
	font-size:20px ;
	margin:5px auto 10px 10px ;
}

/*メインコンテンツ　定義*/
#mainContents #homeMain dt {
	font-size:1.2em ;
	font-weight:bold ;
	margin:5px auto 5px 15px ;
}
#mainContents #homeMain dd {
	margin-left:3em ;
}

/*メインコンテンツ2の設定*/
.gridContainer.clearfix #mainContents2 #otherMain {
	width:80% ;
	margin:20px auto ;
	padding:10px 30px ;
	border-left: 2px solid #cff09e ;
	border-right: 2px solid #cff09e ;
}
/*メインコンテンツ2H2見出し*/
#mainContents2 #otherMain h2 {
	font-size:20px ;
	margin:5px auto 10px 10px ;
}
/*メインコンテンツ2　定義*/
#mainContents2 #otherMain dt {
	font-size:1.2em ;
	font-weight:bold ;
	margin:5px auto 5px 15px ;
}
#mainContents2 #otherMain dd {
	margin-left:3em ;
}

/*フッターナビの設定*/
.gridContainer.clearfix #f_nav{
	line-height:25px;
}
.gridContainer.clearfix #f_nav ul {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+15,1+85,0+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(15%,rgba(255,255,255,1)), color-stop(85%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */

}
.gridContainer.clearfix #f_nav ul li:nth-child(odd){
	border-right:none ;
}
.gridContainer.clearfix #f_nav ul li{
	margin-left:0.38% ;
	width: 16.1%;
	height: 25px;
	border-right:1px solid #cff09e !important ;
	padding-bottom:none ;
	background:none ;
}

.gridContainer.clearfix #f_nav ul li a{
	font-size: 1.1em;
}
.gridContainer.clearfix #f_nav ul li:last-child{
	border-right:none !important ;
}

/*キャラクターの設定*/
#character img {
	width:15% ;
}


}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 812px) {
.gridContainer {
	width: 90.67%;
	max-width: 880px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#head {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainVisual {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#g_nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainContents {
	clear: both;
	float: left;
	margin-left: 0;
	width: 69.3877%;
	display: block;
}
#subContents {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 28.5714%;
	display: block;
}
#foot {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainContents2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


/*タイトルの設定*/
#head p {
	margin:10px auto 0px auto ;
	font-size:22px ;	
	font-weight:700 ;

}

#head h1 {
	width:70% ;
	margin:0 auto 0 auto ;
	padding:5px 5px 0 5px ;
	text-align:center;

}

#Logo{
	width:55%;
	/* vertical-align:middle ; */
}

#telNumber {
	width:100% ;
	padding:0px auto 10px auto ;
	text-align:center;
}
#telNumber a {
	font-size:25px ;
}




/*グローバルナビの設定*/	
.gridContainer.clearfix #g_nav{
		line-height:30px;
}
.gridContainer.clearfix #g_nav ul li{
		width: 16.2%;
		height: 30px;
}
.gridContainer.clearfix #g_nav ul li a{
	
}
.gridContainer.clearfix #g_nav ul li a:hover{

	font-weight:bold;
}

/*メインコンテンツの設定*/
/*メインコンテンツH2見出し*/
#mainContents #homeMain h2 {
	font-size:25px ;
}

/*メインコンテンツ　定義*/
#mainContents #homeMain dd {
	margin-left:3em ;
}

/*メインコンテンツ2の設定*/
/*メインコンテンツ2H2見出し*/
#mainContents2 #otherMain h2 {
	font-size:25px ;
}

/*メインコンテンツ2　定義*/
#mainContents2 #otherMain dd {
	margin-left:3em ;
}



/*フッターナビの設定*/	
.gridContainer.clearfix #f_nav{
		line-height:20px;
}
.gridContainer.clearfix #f_nav ul li{
		height: 20px;

}
.gridContainer.clearfix #f_nav ul li a{
	
}
.gridContainer.clearfix #f_nav ul li a:hover{

	font-weight:bold;
}

}