body {
	background:#aaa;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	margin:10px auto;
	text-align:center;
	line-height:1.5em;
	width:960px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:lighter;
}
a:link, a:visited {
	text-decoration:none;
}
a:hover {
}
header, footer {
    width:960px;
	display:block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	box-shadow: 0px 0px 4px #666;
	border: 1px solid #d3d3d3;
	background-color: #fff;
	margin: 5px 0px 5px 0px;
	font-size: 12pt;
	text-align: left;
}

nav, section{
	display:block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	background-color: #fff;
	font-size: 12pt;
	text-align: left;
}
nav{
	padding: 0 20px 10px 20px;
}
section{
	padding: 0 20px 10px 80px;
}

header ,footer{
    text-align:center;
    border:none;
	background: #002655 /*{a-bar-background-color}*/;
	color: #ffffff /*{a-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #002655 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #006633 /*{a-bar-background-start}*/), to( #006633 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #00CC99 /*{a-bar-background-start}*/, #006633 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #00CC99 /*{a-bar-background-start}*/, #006633 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #00CC99 /*{a-bar-background-start}*/, #006633 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #00CC99 /*{a-bar-background-start}*/, #006633 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #00CC99 /*{a-bar-background-start}*/, #006633 /*{a-bar-background-end}*/);
}

header {
	padding:30px 0px 30px 0px;
}

footer {
	padding:20px 0px 20px 0px;
}

header h1, header h2, header h3, header h4, header h5,header h6 , header li, header p {
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header h1 {
	font-size:2.3em;
	text-transform:none;
	letter-spacing:0em;

	color: #ffffff;
	text-shadow:
	2px 2px 0px #3b3b3b,
	3px 3px 0px #616161;
}

header h2 {
	margin:-10px 0px 20px;
	font-size:1.3em;
}

header h6 {
	font-size:0.9em;
	clear:both;
}
header p {
}

header ul {
	padding:0px;
	list-style-type:none;
	display:inline;
}
header li {
	margin:0px 10px;
	padding:0px;
	list-style-type:none;
	display:inline;
}
header a:link {
	font-weight:normal;
}

/*****NAV*****/
nav{
	/*width: 100%;*/
	border-top: 1px solid green;
	overflow: hidden;
}
nav ul{
}

nav li{
	width: calc(20% - 2px);
	font-size: 110%;
	letter-spacing: 5px;
	font-weight: 400;
	line-height: 45px;
	border-left: 1px solid green;
	cursor: pointer;
	text-align: center;
	float: left;
	border: 1px solid #cccccc /*{c-bup-border}*/;
	background: #eeeeee /*{c-bup-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{c-bup-color}*/;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #a9a9a9 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #a9a9a9 /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #a9a9a9 /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #a9a9a9 /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{c-bup-background-start}*/, #a9a9a9 /*{c-bup-background-end}*/);

}
nav li:last-child{

}

nav li:hover{
	width: calc(20% - 2px);
	font-size: 100%;
	letter-spacing: 5px;
	font-weight: 400;
	line-height: 45px;
	border-left: 1px solid green;
	cursor: pointer;
	text-align: center;
	float: left;
	border: 1px solid #cccccc /*{c-bup-border}*/;
	background: #eeeeee /*{c-bup-background-color}*/;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #00CC99 /*{a-bar-background-start}*/, #006633 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #00CC99 /*{a-bar-background-start}*/, #006633 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #00CC99 /*{a-bar-background-start}*/, #006633 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #00CC99 /*{a-bar-background-start}*/, #006633 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #00CC99 /*{a-bar-background-start}*/, #006633 /*{a-bar-background-end}*/);
	color: #ffffff ;
}
nav li a:link, nav li a:visited {
}
nav li a:hover, nav li a:visited {
  color: #ffffff;
}

nav p {
	float:left;
	width=auto;
}


section h1 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#00CC99;
	color:#fff;
	padding:10px;
	margin:10px -10px;
	text-shadow:1px 1px 5px #000;
	margin: 0px 50px 0px 0px;
}

section h2 {
	background-color:#FF3300;
	color:#fff;
}
section h3 {
	color: #FF3300;
	line-height: 140%;
	font-weight: bold;
}
section h4 {
	color: #333399;
	line-height: 140%;
	font-weight: bold;
}

section h6 {
	color:#000000;
}

section ul {
	padding:0px;
	list-style:none;
}
section li {
	font-size:0.9em;
	margin:0px;
	padding:0px;
	list-style:none;
}
section li a:link, section li a:visited {
	float:left;
	width:96%;
	padding:3px 1%;
	border-bottom:1px solid #e7e2d7;
}
section li a:hover {
	background:#f2f1ec;
}
section p {
	font-size:0.9em;
//	padding: 0 0px 0px 10px;
}
article {
	margin:0px 0px 0px 0px;
}
footer a {
	color:#fff;
	margin:0px 5px;
}
footer p {
	font-size:0.9em;
}


midasi{
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #669966;
	font-weight: bold;
	font-size: 22px;
	line-height: 48px;
}

midasi:before{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:12px; 
	width:12px; 
	display:block; 
	position:absolute; 
	top:14px; 
	left:7px; 
	background-color:#FF9999;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity:0.50;
	z-index: 1;
}

midasi:after{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:15px; 
	width:15px; 
	display:block; 
	position:absolute; 
	top:7px; 
	left:2px; 
	background-color:#99FF99;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}

newswaku{
	display:block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 4px #666;
	-moz-box-shadow: 0px 0px 4px #666;
	box-shadow: 0px 0px 4px #666;
	border: 1px solid #d3d3d3;
	background-color: #fff;
}

.imagebox { position: relative;width: auto;height: auto;margin: 0px 0px 0px 0px;}

.overFlow{
	overflow: hidden;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.clearboth{
	clear:both;
}
.clearLeft { 
	clear: left; 
}


.overFlow_width{
	overflow: hidden;
	width:320px; 
	padding:10px;
}
.overFlow_width2{
	overflow: hidden;
	width:400px; 
	padding: 0 0px 0px 50px;
}
.floatLeft_width{
	float:left;
	width:320px; 
	padding:10px;
}

.floatRight_width{
	float:right;
	width:320px; 
	padding:10px;
}
.overFlow_long{
	overflow: hidden;
	width:350px; 
	padding:10px;
}
.floatLeft_long{
	float:left;
	width:960px; 
}
.center{
	overflow: hidden;
	margin: auto;
	text-align: center;
}
.centerH90{
	line-height: 90px;
	display: table-cell;
	vertical-align: middle;
}
.centerH200{
	line-height: 200px;
	display: table-cell;
	vertical-align: middle;
}
.widthLeft{
	margin: 0px 0px 0px 310px;
	float:left;
}
.widthRight{
	margin: 15px 300px 0px 10px;
	float:left;
}
.m {
	padding: 0 0px 0px 15px;
}
.m2 {
	float:left;
	color: #FF3300;
	line-height: 140%;
	font-weight: bold;
	text-decoration: underline;
}
.square_btn {
	position: relative;
	display: inline-block;
	padding: 0.25em 3.5em;
	text-decoration: none;
	color: #FFF;
	background: #00CC99;/*背景色*/
	border-bottom: solid 2px #006400;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
}
