@charset "utf-8";

/* 色 */
/* 本文 #333
緑（ロゴ地色・見出しライン・メニューライン） #00a653
未読リンク #ff8300
既読リンク #d97000
*/

/* リセット */
*{ 
margin: 0;
padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
word-break:break-all;
}
*,
*::before,
*::after {
		box-sizing: border-box;
}
ul, ol { list-style : none;}
img{
height:auto;
max-width:100%;
vertical-align:middle;
}

/* IE対策 */
html div.forIE{
display:none;
}
html.ie div.forIE , html.chrome58 div.forIE{
display:block;
}

/* HTML */
html {
font-size: 10px;
font-size: 62.5%;
line-height:1.5;
}
body{
position:relative;
background-color: #fff;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
line-height:1.5;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
color: #333;
word-wrap: break-word;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga" on;
}
/* リンク */
a:link {
	color: #090;
	text-decoration: underline;
}
a:visited {
	color: #960;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
a img {
	border: none;
}

/*  リンクにアイコンをつける */
a[target="new"], a[target="new2"],a[href$=".pdf"] , 
a[href$=".doc"]	 ,a[href$=".docx"] , a[href$=".xls"] , 
a[href$=".zip"] , a[href ^="mailto:"]{
	padding: 4px 20px 4px 0;
}

/* 外部リンク要素
----------------------------------------------------------- */
a[target="new"] {
	margin-right: 1px;
	background: url(../images/icon-link.png) no-repeat 96% 50%;
}
a[target="new2"] {
	margin-right: 1px;
	background: url(../images/icon-link.png) no-repeat 99% 50%;
}
footer a[target="new"] {
	margin-right: 0px;
	padding-right: 0px;
	background: none;
}


/* pdf要素
----------------------------------------------------------- */
a[href$=".pdf"]	{ 
margin-right: 3px;
	background: url(../images/icon-pdf.png) no-repeat 99% 0%;
}
a[target="pdf"]{ 
margin-right: 3px;
	padding: 4px 20px 4px 0;
	background: url(../images/icon-pdf.png) no-repeat 100% 0%;
}
.newsletter-img-cell a[href$=".pdf"], a[href$=".pdf"].noicon	{ 
margin-right: 0px;
	padding-right: 0px;
	background: none;
}

/* Word要素
----------------------------------------------------------- */
a[href$=".doc"]	{ 
margin-right: 3px;
background: url(../images/icon-doc.png) no-repeat 99% 50%;
}
a[href$=".docx"]	{ 
margin-right: 3px;
background: url(../images/icon-doc.png) no-repeat 99% 50%;
}
a[href$=".doc"].noicon	, a[href$=".docx"].noicon	{ 
margin-right: 0px;
	padding-right: 0px;
	background: none;
}

/* Excel要素
----------------------------------------------------------- */
a[href$=".xls"]	{ 
margin-right: 3px;
background: url(../images/icon-xlsx.png) no-repeat 99% 50%;
}


/* zip要素
----------------------------------------------------------- */
a[href$=".zip"]	{ 
margin-right: 3px;
background: url(../images/icon-arc.png) no-repeat 99% 50%;
}


/* mailto要素
----------------------------------------------------------- */
a[href ^="mailto:"] {
margin-right: 3px;
background: url(../images/icon-mail.png) no-repeat 99% 50%;
}
.green{color:#00a653;}

/* 見出し */
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0px;
}
h3.firstH3, .inner-inst h3.firstH3 , h4.firstH4 , h5.firstH5{
	margin-top: 0px!important;
}

h2 {
	margin-bottom: 10px;
	padding: 25px 30px 21px 20px;
background-color:#00a653;
	background-image: url(../images/h2-line.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-weight: bold;
line-height:1.2;
}
h3{
	margin-top: 60px;
	margin-bottom: 10px;
	padding: 17px 10px 11px 20px;
	background-color: #fff;
	background-image: url(../images/h3-line.png);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 18px;
	font-size: 1.8rem;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-weight: bold;
line-height:1.2;
}
h5.lec-h5{
	margin-top: 60px;
	margin-bottom: 10px;
	padding: 17px 10px 11px 20px;
	background-color: #fff;
	background-image: url(../images/h3-line.png);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 18px;
	font-size: 1.8rem;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-weight: bold;
line-height:1.2;
	-webkit-box-shadow: 0px 0px 2px #666; /* webkit */
-moz-box-shadow: 0px 0px 2px #666; /* FireFox */
box-shadow: 0px 0px 2px #666;

}

h3.analy{
	margin-top: 0px;
	margin-bottom:-15px;
}
h4 ,h6{
	margin: 40px 0px 10px ;
	padding: 0px 0px 10px 0px;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-weight: bolder;
	font-size: 18px;
	font-size: 1.8rem;
background-image: none;
line-height:1.5;
}
h4:after ,h6:after{
content: "";
display: block;
margin-top:5px;
height: 5px;
background: rgb(164,232,164); /* Old browsers */
background: -moz-linear-gradient(right, rgba(164,232,164,1) 0%, rgba(201,242,201,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(right, rgba(164,232,164,1) 0%,rgba(201,242,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(164,232,164,1) 0%,rgba(201,242,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
h4 span {
	font-size: smaller;
	font-weight: normal;
}

h5{
	margin: 40px 0px 10px 0px ;
	padding: 10px 0px 0px 0px;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-weight: bolder;
	font-size: 16px;
	font-size: 1.6rem;
background-image: none;
line-height:1.5;
}

/* スマホ用 / 640px以上 */
@media only screen and (min-width: 640px){
h2 {	font-size: 24px;	font-size: 2.4rem;}
h3 {	font-size: 20px;	font-size: 2.0rem;}
h4 , h5 {	font-size: 16px;	font-size: 1.6rem;}

}
/* ドロップシャドウと角丸 */
.shadow {
-webkit-box-shadow: 0px 0px 2px #666; /* webkit */
-moz-box-shadow: 0px 0px 2px #666; /* FireFox */
box-shadow: 0px 0px 2px #666;
}
.round {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.border-1px{
border:1px solid #ccc;
}
.box-radius{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
-webkit-box-shadow: 0px 0px 2px #666; /* webkit */
-moz-box-shadow: 0px 0px 2px #666; /* FireFox */
box-shadow: 0px 0px 2px #666;
}

.h1-img img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px 0px #004020; /* webkit */
	-moz-box-shadow: 1px 1px 2px 0px #004020; /* FireFox */
	box-shadow: 1px 1px 2px 0px #004020;
}
h2{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px 0px #004020; /* webkit */
	-moz-box-shadow: 1px 1px 2px 0px #004020; /* FireFox */
	box-shadow: 1px 1px 2px 0px #004020;
}
h4 {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none; /* webkit */
	-moz-box-shadow:  none; /* FireFox */
	box-shadow: none;
}
h3,h4.res, h4.res-topic  {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px 0px #ccc; /* webkit */
	-moz-box-shadow:  0px 0px 3px 0px #ccc; /* FireFox */
	box-shadow: 0px 0px 3px 0px #ccc;
}
.shadow-gray{
	-webkit-box-shadow: 0px 0px 1px 0px #888; /* webkit */
	-moz-box-shadow: 0px 0px 1px 0px #888; /* FireFox */
	box-shadow: 0px 0px 1px 0px #888;
}
.shadow-palegray {
	-webkit-box-shadow: 0px 0px 1px 0px #bbb; /* webkit */
	-moz-box-shadow: 0px 0px 1px 0px #bbb; /* FireFox */
	box-shadow: 0px 0px 1px 0px #bbb;
}

.shadow-deepgreen {
	-webkit-box-shadow: 0px 0px 1px 0px #0d1b14; /* webkit */
	-moz-box-shadow: 0px 0px 1px 0px #0d1b14; /* FireFox */
	box-shadow: 0px 0px 1px 0px #0d1b14;
}
.shadow-green {
	-webkit-box-shadow: 0px 0px 1px 0px #243828; /* webkit */
	-moz-box-shadow: 0px 0px 1px 0px #243828; /* FireFox */
	box-shadow: 0px 0px 1px 0px #243828;
}
.bg-palegreen{
background: #f5fff5; /* Old browsers */
background: -moz-linear-gradient(top, #f5fff5 0%, #e4ffe4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f5fff5 0%,#e4ffe4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f5fff5 0%,#e4ffe4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg-green{
background: #c2ffc2; /* Old browsers */
background: -moz-linear-gradient(top, #c2ffc2 0%, #bbe7bb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c2ffc2 0%,#bbe7bb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c2ffc2 0%,#bbe7bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg-deepgreen{
background: #a2e4a2; /* Old browsers */
background: -moz-linear-gradient(top, #a2e4a2 0%, #7ad97a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a2e4a2 0%,#7ad97a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a2e4a2 0%,#7ad97a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg-white-grad{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 40%, #f5fff5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 40%,#f5fff5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 40%,#f5fff5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg-white{
background-color:#fff;
}
.tran {
	background: transparent;
	border: none;
	-webkit-box-shadow: none; /* webkit */
	-moz-box-shadow: none; /* FireFox */
	-ms-filter: none;
	filter: none; /* IE5.5+ */
	box-shadow: none;
}

/* 改行 */
.br-mobile-640{
display:inline;
}
.br-mobile-non-480{
display:none;
}
.br-mobile-non{
display:none;
}
.br-mobile-480{
display:inline;
}
.br-mobile{
display:inline;
}
/* スマホ用 / 480px以上 */
@media only screen and (min-width: 480px){
.br-mobile-640{
display:inline;
}
.br-mobile-non{
display:inline;
}
.br-mobile-non-480{
display:none;
}
.br-mobile-480{
display:inline;
}
.br-mobile{
display:none;
}
}
/* スマホ用 / 640px以上 */
@media only screen and (min-width: 640px){
.br-mobile-640{
display:inline;
}
.br-mobile-non-480{
display:inline;
}
.br-mobile-non{
display:inline;
}
.br-mobile-480{
display:none;
}
.br-mobile{
display:none;
}
}
/* スマホ用 / 640px以上 */
@media only screen and (min-width: 960px){
.br-mobile-640{
display:none;
}
}
/* 段落 */
p, ul,ol, dl {
	margin: 0;
	padding: 0;
}
p{
margin: 0px 0px 20px;
padding: 0px;
font-size: 16px;
font-size: 1.6rem;
text-align:left;
}
a img {
border: none;
vertical-align: bottom;
}
.p-first{padding-top: 20px;}
.p-atten{
margin: 10px 0px;
padding: 20px;
background: #f5fff5; /* Old browsers */
background: -moz-linear-gradient(top, #f5fff5 0%, #e4ffe4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f5fff5 0%,#e4ffe4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f5fff5 0%,#e4ffe4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-box-shadow: 0px 0px 1px 0px #bbb; /* webkit */
	-moz-box-shadow: 0px 0px 1px 0px #bbb; /* FireFox */
	box-shadow: 0px 0px 1px 0px #bbb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
dl{
margin: 0px 0px 20px 0px;
padding: 0px;
font-size: 16px;
font-size: 1.6rem;
text-align:left;
}
dt {
margin: 0px;
padding: 0px;
background: transparent;
text-align:left;
}
dd {
margin: 0px;
padding: 0px;
background: transparent;
text-align:left;
}
ul{
margin: 0px;
padding: 0px;
background: transparent;
}
li{
margin: 0px;
padding: 0px;
background: transparent;
word-break: normal;
text-align:left;
}

/* テーブル*/
table {
width: 100%;
margin:0px auto 20px;
	border-spacing: 0px 6px;
	border-collapse: separate;
	empty-cells: hide;
}
th,td{
display:block;
width: 100%;
margin:0 auto;
padding:10px;
font-weight:normal;
}
th{
background: #d7f3d7; /* Old browsers */
border-top:2px solid #a2e4a2;
text-align:left;
font-weight:bolder;
}
td{
border-bottom:1px dotted #a2e4a2;
}
td:nth-last-of-type(1){
margin-bottom:40px;
border-bottom:none;
}
caption {
color: #005c00;
	text-align: left;
}
.t-br{
display:none;
}
.t-time{
padding-left:5px;
white-space:nowrap;
background: #f5fff5; /* Old browsers */
background: -moz-linear-gradient(top, #f5fff5 0%, #e4ffe4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f5fff5 0%,#e4ffe4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f5fff5 0%,#e4ffe4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-top:1px solid #a2e4a2;
border-bottom:1px solid #a2e4a2;
}
.t-title{
border-top:2px solid #a2e4a2;
}
.t-title br{
display:inline;
}
/* タブレット用  / 835px以上 */
@media only screen and (min-width: 835px){
th{
display:table-cell;
width: auto;
padding:10px;
border:none;
background: #d7f3d7; /* Old browsers */
}
td{
display:table-cell;
width: auto;
margin-left: 2px;
padding:10px;
border:none;
text-align:left;
background: #f1fbf1; /* Old browsers */
}

td:nth-last-of-type(1){
border:none;
}
th{
text-align:center;
}

td:nth-last-of-type(1){
margin-bottom:0px;
}
.t-time{
	border: none;
	background: #d7f3d7; /* Old browsers */
}
	.t-time2{
		padding: 10px 20px;
	}

.t-br{
display:inline;
}

.t-title{
border:none;
white-space:nowrap;
padding: 10px 10px 10px 20px;
}
.t-title br{
display:none;
}
}

/* ボタン */
.button , .button-left , .button-right{
	display: block;
width: 100%;
	margin: 10px auto 0px;
	text-align: center;
	padding: 10px 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
background: #7ad97a; /* Old browsers */
background: -moz-linear-gradient(top, #7ad97a 0%, #38c638 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7ad97a 0%,#38c638 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7ad97a 0%,#38c638 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 1px solid #25b800;
	-moz-box-shadow: 1px 1px 1px 0px rgba(000,000,000,0.2);
	-webkit-box-shadow: 1px 1px 1px 0px rgba(000,000,000,0.2);
	box-shadow: 1px 1px 1px 0px rgba(000,000,000,0.2);
	text-shadow: 0px -1px 1px rgba(000,000,000,0.2),  0px 1px 0px rgba(255,255,255,0.1);
}
.button:hover , .button-left:hover , .button-right:hover {
	-moz-box-shadow: 2px 2px 3px 0px rgba(000,000,000,0.3);
	-webkit-box-shadow: 2px 2px 3px 0px rgba(000,000,000,0.3);
	box-shadow: 2px 2px 3px 0px rgba(000,000,000,0.3);
}
.button a, .button-left a, .button-right a{
	text-shadow: 0px -1px 1px rgba(000,000,000,0.2),  0px 1px 0px rgba(255,255,255,0.1);
font-weight:bold; text-decoration:none;color:#fff;
}
.button-auto {
display:inline-block;
width:auto;
margin:0px 0px 0px 20px;	
padding: 2px 10px;
vertical-align:text-bottom;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
background: #7ad97a; /* Old browsers */
background: -moz-linear-gradient(top, #7ad97a 0%, #38c638 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7ad97a 0%,#38c638 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7ad97a 0%,#38c638 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 1px solid #25b800;
	-moz-box-shadow: 1px 1px 1px 0px rgba(000,000,000,0.2);
	-webkit-box-shadow: 1px 1px 1px 0px rgba(000,000,000,0.2);
	box-shadow: 1px 1px 1px 0px rgba(000,000,000,0.2);
	text-shadow: 0px -1px 1px rgba(000,000,000,0.2),  0px 1px 0px rgba(255,255,255,0.1);
}
.button-auto:hover {
	-moz-box-shadow: 2px 2px 3px 0px rgba(000,000,000,0.3);
	-webkit-box-shadow: 2px 2px 3px 0px rgba(000,000,000,0.3);
	box-shadow: 2px 2px 3px 0px rgba(000,000,000,0.3);
}

 a.button-auto , a.button-auto:link , a.button-auto:visited{
font-size:14px; text-decoration:none;color:#fff;
}
.button-left{margin-right:auto;}
.button-right{margin-left:auto;}

.button a , .button-left a, .button-right a{
	text-decoration: none;
	color: #fff;
	white-space: nowrap;
}
/* スマホ用 / 640px以上 */
@media only screen and (min-width: 640px){
.button{
margin: 10px auto 0px;
display: block;
width: 50%;
width: calc( 50% - 10px );
}
.button-left , .button-right{
margin: 10px auto 0px;
float:left;
display: block;
width: 50%;
width: calc( 50% - 10px );
}
.button-left {
margin-right:10px;
}
.button-right{
margin-left:10px;
}
}

/* レイアウト
----------------------------------------------------------- */
/* コンテナ */
.container{ 
margin: 0px auto;
padding:0px;
width : 95%;
width: calc( 100% - 40px );
}
@media screen and (max-width: 800px) {
.container{ 
margin-top: -10px;
}
}
/* コンテナ///481px以上 */
@media only screen and (min-width: 481px) and (max-width: 959px) {
.container{ 
margin-left: auto;
margin-right: auto;
padding:0px;
width : 90%;
}
}
/* コンテナ///960px以上 */
@media only screen and (min-width: 960px) {
.container{ 
margin-left: auto;
margin-right: auto;
padding:0px;
width : 960px;
}
}

/* ヘッダー */
header{
position: relative;
z-index:10;
margin:0;
padding:0px;
width:100%;
background-color:#fff;
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-ms-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
.sub-menu p{
margin: 0px;
padding:0px 0px;
text-align:center;
line-height:1;
}
.sub-menu p a , .sub-menu p a:link , 
.sub-menu p a:visited , .sub-menu p a:hover, 
.sub-menu p a:active, .sub-menu p a:focus {
color:#333;
text-decoration: none;
}

.h1-box-top{
position:relative;
margin: -10px auto 5px auto;
padding:0px;
width : 95%;
width: calc( 100% - 40px );
}
.h1-box{
position:relative;
margin: -10px auto 5px auto;
padding:0px;
width : 95%;
width: calc( 100% - 40px );
}
.h1-img{
top:0;
left:0;
}
.h1-box h1{
top:0;
left:10px;
margin-bottom:0px;
}
.h1-box-top h1{
position:absolute;
top:20%;
left:10px;
padding-right:10px;
}

.sub-menu p{
padding:15px 0px;
text-align:right;
}

@media only screen and (min-width: 640px){
.h1-box-top{
position:relative;
margin: 0 auto 5px auto;
padding:0px;
width : 95%;
width: calc( 100% - 40px );
}
.h1-box{
position:relative;
margin: 0 auto 5px 20px;
padding:0px;
width : 95%;
width: calc( 100% - 200px );
}
.h1-box-top h1 , .h1-box h1{
margin-bottom:0px;
}
.h1-box h1{
margin-top:-10px;
}
}
/* PC用 / 960px以上 */
@media only screen and (min-width: 960px){
.h1-box , .h1-box-top {
margin-left: auto;
margin-right: auto;
padding:0px;
width : 960px;
}
.h1-box h1.top-h1{
position:absolute;
top:30%;
left:10px;
}
.h1-box h1{
margin-top:-10px;
margin-bottom:0px;
}
}

nav{
margin:0px;
padding:0px;
background:transparent;
}
/* サブメニュー */
.sub-menu{ 
margin: 0 auto;
padding:0px;
width : 95%;
width: calc( 100% - 10px );
}
.sub-menu p{
margin: 0px;
padding:15px 0px 12px 0px;
line-height:1.5;
text-align:center;
font-size:smaller;
}
/* サブメニュー///481px以上 */
@media only screen and (min-width: 481px) and (max-width: 959px) {
.sub-menu{ 
margin-left: auto;
margin-right: auto;
padding:0px;
width : 90%;
font-size:medium;
}
.sub-menu p{
text-align:right;
}
}
/* サブメニュー///960px以上 */
@media only screen and (min-width: 960px) {
.sub-menu{ 
margin-left: auto;
margin-right: auto;
padding:0px;
width : 960px;
}
.sub-menu p{
text-align:right;
}
}
/* パンくず */
.breadcrumb p{
margin: 0px;
padding:15px 0px 12px 0px;
line-height:1.5;
text-align:left;
}

section{
position: relative;
margin:0;
padding:0px;
width:100%;
background: rgb(190,244,208); /* Old browsers */
background: -moz-linear-gradient(top, rgba(192,244,218,1) 0px, rgba(192,244,218,0) 250px); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(192,244,218,1) 0px,rgba(192,244,218,0) 250px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(192,244,218,1) 0px,rgba(192,244,218,0) 250px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-ms-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);
}

/* フッター */
footer{
position: relative;
margin:0;
padding: 20px 0px 60px 0px;
width:100%;
background-color:#fff;
background: rgb(190,244,208); /* Old browsers */
background: -moz-linear-gradient(top, rgba(192,244,218,0.3) 0%, rgba(141,236,188,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(192,244,218,0.3) 0%,rgba(141,236,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(192,244,218,0.3) 0%,rgba(141,236,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
footer p{
position: relative;
text-align:center;
line-height:1.5;
font-size: 14px;
font-size: 1.4rem;
}
footer p a:link {
	text-decoration: none;
}
footer p a:visited {
	text-decoration: none;
}

.address-bana{
width: 70%;
margin: 0px auto;
padding: 0px;
}
.address-text{
width: 90%;
margin: 20px auto 0px auto;
padding: 0px;
text-align:center;
font-style:normal;
font-size: 14px;
font-size: 1.4rem;
line-height:1.2;
}
/* スマホ用 / 640px以上 */
@media only screen and (min-width: 640px) {
footer{
padding: 20px 0px 20px 0px;
}
.address-bana{
width: 50%;
margin: 0px auto;
padding: 0px;
}
.address-text{
width: 100%;
margin: 20px auto 0px auto;
padding: 0px;
text-align:center;
font-style:normal;
line-height:1.2;
}
}
@media only screen and (min-width: 960px) {
.address-bana{
width: 30%;
margin: 0px auto;
padding: 0px;
}
}

/* ボックス */
.sub-box , .sub-top-box{
	margin: 0px 0px 40px 0px;
	padding: 20px;
	background-color: #fff;
}
.sub-box-img{
	margin: 0px 0px 40px 0px;
	padding: 10px;
	background-color: #fff;
}
.sub-text , .sub-text-60{
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0px;
}
.sub-photo{
width: 100%;
margin: 0px;
padding: 0px;
}
.sub-photo img{
margin: 0px;
padding: 0px;
}

@media only screen and (min-width: 800px) {
.sub-box , .sub-top-box{
	margin: 0px 0px 40px 0px;
	padding: 20px ;
	background-color: #fff;
}
.sub-text{
float:left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px;
}
.sub-text-60{
float:left;
width: 55%;
width: calc( 60% - 10px );
margin: 0px 10px 0px 0px;
padding: 0px;
}
.sub-photo{
float:left;
width: 40%;
width: calc( 40% - 10px );
margin: 0px 0px 0px 10px;
padding: 0px;
}
.sub-photo p{
margin: 5px 0px 0px 0px;
padding: 0px 5px 5px 0px;
text-align:right;
}
.sub-photo p.txtLeft {
text-align: left;
}
}
@media only screen and (min-width: 960px) {
.sub-box{
	margin: 0px 0px 40px 0px;
	padding: 20px 80px;
	background-color: #fff;
}
 .sub-top-box{
	margin: 0px 0px 40px 0px;
	padding: 20px 40px;
	background-color: #fff;
}
}

/* 表示位置 */
.verTop{
vertical-align: top;
}
.Cent-img , 
.Cent-img-70 ,
.Cent-img-60 {
width: 100%;
margin: 10px auto;
padding: 0px;
text-align:center;
}

.divCent {
margin-right:auto;
margin-left:auto;
}

.fltLeft-50 a img, .fltLeft-50 img{width:100%;}

.fltCent ,
.fltRight ,
.fltLeft {
margin: 10px auto;
}

.fltLeft-20	,
.fltLeft-30	,
.fltLeft-40	,
.fltLeft-50	,
.fltLeft-60 table,
.fltLeft-60 p,
.fltLeft-60	,
.fltLeft-70 ,
.fltLeft-80 {
width: 100%;
margin: 0px 0px 20px 0px;
}

.fltRight-20,
.fltRight-30,
.fltRight-40,
.fltRight-50,
.fltRight-60,
.fltRight-70,
.fltRight-80{
width: 100%;
margin: 0px 0px 20px 0px;
}

.w50, .w60, .w70, .w80, .w90{
width: 100%;
}

/* スマホ用/640px */
@media only screen and (min-width: 640px) {
.Cent-img ,
.Cent-img-70,
.Cent-img-60 {
margin: 10px auto;
padding: 0px;
text-align:center;
}
.Cent-img {
width: 80%;
}
.Cent-img-70 {
width: 70%;
text-align:center;
}
.Cent-img-60 {
width: 60%;
}

.divCent {
margin-right:auto;
margin-left:auto;
}
.fltLeft-50 a img{width:100%;}

.fltCent,
.fltRight,
.fltLeft {
margin: 10px auto;
}
.fltCent {
text-align:center;
}
.fltRight {
float: right;
}
.fltLeft {
float: left;
}

.fltLeft-20, .fltLeft-30, .fltLeft-40, .fltLeft-50,
.fltLeft-60, .fltLeft-70, .fltLeft-80 {
float: left;
margin: 20px auto 30px 0px;
}
.fltLeft-20 {
width: 17%;
width: calc( 20% - 20px );
}
.fltLeft-30 {float: left;
width: 27%;
width: calc( 30% - 20px );
}
.fltLeft-40 {
width: 37%;
width: calc( 40% - 20px );
}
.fltLeft-50 {
width: 47%;
width: calc( 50% - 20px );
}
.fltLeft-60 {
width: 57%;
width: calc( 60% - 20px );
}
.fltLeft-70 {
width: 67%;
width: calc( 70% - 20px );
}
.fltLeft-80 {;
width: 77%;
width: calc( 80% - 20px );
}
.fltRight-20, .fltRight-30, .fltRight-40, .fltRight-50, 
.fltRight-60, .fltRight-70, .fltRight-80{
float: right;
margin: 20px 0px 30px auto;
}
.fltRight-20{
width: 17%;
width: calc( 20% - 20px );
}
.fltRight-30{
width: 27%;
width: calc( 30% - 20px );
}
.fltRight-40{
width: 37%;
width: calc( 40% - 20px );
}
.fltRight-50{
width: 47%;
width: calc( 50% - 20px );
}
.fltRight-60{
width: 57%;
width: calc( 60% - 20px );
}
.fltRight-70{
width: 67%;
width: calc( 70% - 20px );
}
.fltRight-80{
width: 77%;
width: calc(80% - 20px );
}

.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
}

.margin-w0{
margin-right:0px; margin-left:0px;
}

hr {
	visibility: hidden;
	clear: both;
	height: 0;
}
hr.border {
visibility: visible;
	clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
border-bottom:2px dotted #a2e4a2;
}

hr.top10 {
	visibility: hidden;
	clear: both;
	height: 10px;
}
hr.top20 {
	visibility: hidden;
	clear: both;
	height: 20px;
}
hr.top40 {
	visibility: hidden;
	clear: both;
	height: 40px;
}
hr.top60 {
	visibility: hidden;
	clear: both;
	height: 60px;
}
hr.top-20 {
margin-top:-20px;
	visibility: hidden;
	clear: both;
	height: 0px;
}
hr.top-30 {
margin-top:-30px;
	visibility: hidden;
	clear: both;
	height: 0px;
}
hr.bottom40 {
margin-bottom:40px;
	visibility: hidden;
	clear: both;
	height: 0px;
}
hr.bottom60 {
margin-bottom:60px;
	visibility: hidden;
	clear: both;
	height: 0px;
}

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* clearfix */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after {
display: block;
overflow: hidden;
visibility: hidden;
clear: both;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
content: ".";
}
.clearfix:after,
.container:after {
clear: both;
}
/* 文字配置 */
.txtCent {
text-align: center;
}
.txtRight {
text-align: right;
}
.txtLeft {
text-align: left;
}
/* 文字 */
.txt12{
font-size:12px;
font-size:1.2rem;
}
.txt14{
font-size:14px;
font-size:1.4rem;
}
.txt15{
font-size:15px;
font-size:1.5rem;
}
.txt16{
font-size:16px;
font-size:1.6rem;
}
.txt18{
font-size:18px;
font-size:1.8rem;
}
.txt20{
font-size:20px;
font-size:2rem;
}
.txt24{
font-size:24px;
font-size:2.4rem;
}
.l-height15{
line-height:1.5;
}
.small {
font-size: smaller;
font-weight: normal;
}
.larger {
font-size: larger;
}
strong{
font-weight: bolder;
}
em{
font-family: "Times New Roman", serif;
font-style:italic;
font-size: larger;
}
.red {
color: #f00;
}
.white {
color: #fff;
}
.blue {
color: #3399ff;
}
.pink {
color: #ff89b3;
}
.no-rap{
white-space:nowrap;
}

/* ページトップに戻るボタン */
#page-top a{
display: block;
position: fixed;
z-index: 9999;
bottom: 2%;
right: 20px;
padding: 0px;
color:#00a653;
color: rgba(0,166,83,1);
text-align: center;
text-decoration: none; 
line-height:1;
font-size:50px;
font-size: 5rem;
-moz-border-radius: 25px; /* gecko */
-webkit-border-radius: 25px; /* webkit */
-khtml-border-radius: 25px; /* old konkeror */
border-radius: 25px; /* CSS3 standard */
}