@charset "UTF-8";
/* CSS Document */


/* STYLE */


@-webkit-keyframes fadein {

0%{
        opacity: 0;
background-color:#ffffff;
}

100%{
opacity: 1;
background-color:#ffffff;
}

}

body{
       -webkit-animation-name: fadein;
       -webkit-animation-duration: 0.5s;
       -webkit-animation-timing-function: linear;
       -webkit-animation-iteration-count: 1;
}



html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}


body{
  margin: 0;
	padding:0;
	font-family: "Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	letter-spacing: 0.05em;
	color:#000000;
	font-size:14px;
	line-height:170%!important;
	background-image: url(/images/common-body-bg.png);
	}


@media screen and (max-width: 600px) {
	
	body{
		font-size:12px;
	}
}


::selection {
color:#ffffff;	
background: #000000; /* Safari */
}

::-moz-selection {
color:#ffffff;	
background: #000000; /* Firefox */
}



/* IMAGES */

.nonborder {
  border:none;
  outline:none;
}



a img{margin:0;padding:0;opacity:1;
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=100)";  /* ie 8 */
-moz-opacity:1;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 1;              /* Safari 1.x */
zoom:1;}

a:hover img{
margin:0;padding:0;	
opacity:0.9;
filter: alpha(opacity=90);        /* ie lt 8 */
-ms-filter: "alpha(opacity=90)";  /* ie 8 */
-moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.9;              /* Safari 1.x */
zoom:1;
}


img{
	vertical-align: top;
	-ms-interpolation-mode:bicubic;   /* IE 7+ */
 image-rendering: optimizeQuality; /* Fx, (Gecko 1.9.2) */
	max-width: 100%;
	margin:0;padding:0;	
    height: auto;
    width /****/:auto;  /*IE8のみ適用*/
}



/* LINK */
a {
    outline: none!important;
}

a:focus, *:focus { outline:none!important;}


a:link      { color : #333333 ; } 
a:visited  { color : #333333 ; } 
a:hover    { color : #096836 ; } 
a:active   { color : #333333 ; } 

.current a{color : #096836 ;}



p a{color : #096836!important;text-decoration: underline!important;}
p a:hover{color : #096836 ;text-decoration: none!important;}


/* HIGHLIGHT */

.green-st{margin:0;padding:0;color:#096836;font-weight:bold;font-style:normal;}
.yellow-st{margin:0;padding:0;color:#ea281f;font-style:normal;}



/* COMMON TTL */

h3{
	width:auto;
	height:auto;
	margin:0;
	padding:5px 0 0 0;
	overflow:hidden;
	text-align:left;
	font-size:26px;
	letter-spacing:0.05em;
	color: #096836;
	background: -webkit-linear-gradient(0deg, #096836, #30c1bd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media screen and (max-width: 600px) {
	h3{
	width:auto;
	height:auto;
	margin:10px 0 0 0;
	padding:0;
	overflow:hidden;
	text-align:left;
	font-size:22px;
	letter-spacing:0.05em;
	color:#000000;
}
	
}



.borderline{
	width:50px;
	margin:25px 0 0 0;
	border-top:3px solid #096836;
}

@media screen and (max-width: 900px) {
	
	.borderline{
	width:60px;
	margin:20px 0 25px 0;
	border-top:2px solid #096836;
}
}




h4{width:auto;
	height:auto;
	margin:0 0 -5px 0;
	padding:0;
	overflow:hidden;
	text-align:left;
	font-size:16px;
	letter-spacing:0.2em;
	color:#000000;}

@media screen and (max-width: 600px) {
	
	h4{width:auto;
	height:auto;
	margin:0 0 -2px 0;
	padding:0;
	overflow:hidden;
	text-align:left;
	font-size:16px;
	letter-spacing:0.2em;
	color:#000000;}
}



.h4-caption{
	margin:0 0 4.5% 0;
	padding:0;
	font-size:12px;
	letter-spacing:0.1em;
	font-family: 'Monda', sans-serif;
	color:#096836;
	font-weight:500;
	overflow:hidden;
	text-align:left;
}

@media screen and (max-width: 600px) {
	
	.h4-caption{
	margin:0 0 6% 0;
	padding:0;
	font-size:10px;
	letter-spacing:0.1em;
	font-family: 'Monda', sans-serif;
	color:#096836;
	font-weight:500;
	overflow:hidden;
	text-align:left;
}
}


h5{width:19%;height:auto;margin:0;padding:0;text-align:left;overflow:hidden;float:left;}


@media screen and (max-width: 900px) {
	
	h5{width:23%;height:auto;margin:0;padding:0;text-align:left;overflow:hidden;float:left;}
	
}


@media screen and (max-width: 800px) {
	
	h5{width:auto;height:auto;margin:0 0 3% 0;padding:0;text-align:left;overflow:hidden;float:none;}
	
}



h5 img{width:165px;}


h6{font-size:13px;text-align:left;margin:0 0 7px 0;padding:0;}

@media screen and (max-width: 800px) {
	
	h6{font-size:14px;text-align:left;margin:0 0 7px 0;padding:0;}
}

.section-ttl{font-size:18px;color:#096836;margin:0 0 10px 0;padding:0;}

.section-txt{
	font-size:16px;
	text-align:left;
	margin:0 0 2% 0;
	padding:0;
	overflow:hidden;
	line-height:190%;
}

	

@media screen and (max-width: 600px) {
	
	.section-ttl{font-size:16px;color:#096836;margin:0 0 10px 0;padding:0;}
	
	.section-txt{
	font-size:14px;
	text-align:left;
	margin:0 0 8% 0;
	padding:0;
	overflow:hidden;
	line-height:160%;
}
	
}



/* WRAPPER */

.container{
    max-width: 1500px;
    min-width: 270px;
	height:auto;
    padding:0;
    margin:0 auto;
	overflow:hidden;
	text-align:center;
	background-color:#ffffff;
}


.container1150{
    max-width: 1150px;
    min-width: 270px;
	height:auto;
    padding:4% 80px;
    margin:0px auto;
	overflow:hidden;
	text-align:center;
}

@media screen and (max-width: 800px) {
	
	.container1150{
		max-width: 1150px;
		min-width: 270px;
		height:auto;
		padding:4% 40px;
		margin:0px auto;
		overflow:hidden;
		text-align:center;
	}	
		
	}
	

@media screen and (max-width: 600px) {
	
.container1150{
    max-width: 1150px;
    min-width: 270px;
	height:auto;
    padding:8% 20px;
    margin:0px auto;
	overflow:hidden;
	text-align:center;
}	
	
}



.container1220{
    max-width: 1220px;
    min-width: 270px;
	height:auto;
    padding:4% 0;
    margin:0px auto;
	overflow:hidden;
	text-align:center;
}


.container1220end{
    max-width: 1180px;
    min-width: 270px;
	height:auto;
    padding:4% 20px 2% 20px;
    margin:0px auto;
	overflow:hidden;
	text-align:center;
}

@media screen and (max-width: 800px) {
	
	.container1220{
    max-width: 1220px;
    min-width: 270px;
	height:auto;
    padding:4% 20px;
    margin:0px auto;
	overflow:hidden;
	text-align:center;
}
	
	
	.container1220end{
    max-width: 1220px;
    min-width: 270px;
	height:auto;
    padding:4.5% 20px 2% 20px;
    margin:0px auto;
	overflow:hidden;
	text-align:center;
}
	
}


@media screen and (max-width: 600px) {
	
	
	.container1220{
    max-width: 1220px;
    min-width: 270px;
	height:auto;
    padding:8% 20px;
    margin:0px auto;
	overflow:hidden;
	text-align:center;
}
	
	.container1220end{
    max-width: 1220px;
    min-width: 270px;
	height:auto;
    padding:8% 20px 4% 20px;
    margin:0px auto;
	overflow:hidden;
	text-align:center;
}
}





.contents-line-box{border-bottom:1px solid #cccccc;}



/* SECOND WRAPPER */


.section-left{
	width:70%;
	height:auto;
	margin:4% 4% 0 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	float:left;
}

.section-right{
	width:25%;
	height:auto;
	margin:4% auto 0 auto;
	padding:0;
	text-align:center;
	float:left;
	overflow:hidden;
}



.section-left2{
	width:70%;
	height:auto;
	margin:4% 4% 0 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	float:left;
}

.section-right2{
	width:25%;
	height:auto;
	margin:4% auto 0 auto;
	padding:0;
	text-align:center;
	float:left;
	overflow:hidden;
}

.section-right2 img{
	width:70%;
	
}



@media screen and (max-width: 600px) {
	
	.section-left{
	width:auto;
	height:auto;
	margin:4% 0 0 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	float:none;
}

.section-right{
	width:auto;
	height:auto;
	margin:4% auto 0 auto;
	padding:0;
	text-align:center;
	float:none;
	overflow:hidden;
}


	

	.section-left2{
	width:auto;
	height:auto;
	margin:4% 0 0 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	float:none;
}

.section-right2{
	width:auto;
	height:auto;
	margin:4% auto 0 auto;
	padding:0;
	text-align:center;
	float:none;
	overflow:hidden;
}

.section-right2 img{
	width:40%;
	
}


}


.section-center{
	width:auto;
	height:auto;
	margin:4% 0 0 0;
	padding:0;
	text-align:left;
	overflow:hidden;
}



/* HEADER */

header{
width:auto;
height:auto;
margin:0;
padding:0 0 12px 0;
text-align:left;
overflow:hidden;
border-bottom:1px solid  #cccccc;
}


@media screen and (max-width: 800px) {
	
	header{
width:auto;
height:60px;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
background-color:#ffffff;
}
	
}



h1{
width:15%;
text-align:left;	
margin:0;
	padding:20px 0 5px 15px;
	float:left;
}


@media screen and (max-width: 900px) {
	
	h1{
width:20%;	
text-align:left;	
margin:0;
	padding:15px 0 15px 20px;
	float:left;
}
}


h1 img{width:90%;}


@media screen and (max-width: 800px) {
	
		h1{
width:25%;	
text-align:left;	
margin:0;
	padding:15px 0 0 20px;
	float:left;
}
	
}


@media screen and (max-width: 600px) {
	
		h1{
width:50%;	
text-align:left;	
margin:0;
	padding:16px 0 0 20px;
	float:left;
}
	
}

@media screen and (max-width: 320px) {
	
		h1{
width:55%;	
text-align:left;	
margin:0;
	padding:20px 0 0 20px;
	float:left;
	background-color:#096836;
}
	
}


ul.header-nav{
	width:80%;
	height:auto;
	margin:2% 1% 0 0;
	padding:0;
	text-align:right;
	overflow:hidden;
	float:right;
	font-size:14px;
	font-weight:bold;
	visibility:visible;
	letter-spacing: 0.06em;
}

ul.header-nav li{
	width:auto;
	height:auto;
	margin:0 1%;
	padding:0;
	text-align:right;
		display:inline-block;
		*display: inline
  *zoom: 1

}


@media screen and (max-width: 900px) {

	
	ul.header-nav li{
	width:auto;
	height:auto;
	margin:1% 1% 0 1%;
	padding:0;
	text-align:right;
		display:inline-block;
		*display: inline
  *zoom: 1

}
	
}


h2{display:none;}


@media screen and (max-width: 800px) {
	
	ul.header-nav{
		visibility: hidden;
}
	
}





/* CONTENTS BANNER */
ul.contents-banner{width:auto;height:auto;margin:0;padding:0;border-bottom:1px solid #ececeb;}
ul.contents-banner li{width:auto;height:auto;margin:0;padding:0;}



/* INFORMATION BOX */
.section-box{
	width:46%;
	height:auto;
	margin:0 2%;
	padding:0;
	text-align:left;
	overflow:hidden;
	float:left;
}


@media screen and (max-width: 600px) {
	
.section-box{
	width:auto;
	height:auto;
	margin:0;
	padding:0 0 8% 0;
	text-align:left;
	overflow:hidden;
	float:none;
}

	
}




#fb-root {
    display: none;
}
 
.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

@media screen and (max-width: 600px) {
	
	.fbflame{width:80%;margin:0 0 8% 0;}
	
}
	


.banner-box{border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}

ul.list-banner{width:auto;height:auto;margin:-2% auto -2% auto;padding:0;text-align:center;overflow:hidden;}

ul.list-banner li{
	width:22.5%;
	margin:0px 1% 0 1%;
     padding:0;
	text-align:center;
	overflow:hidden;
	display:inline-block;
		*display: inline
  *zoom: 1}

ul.list-banner li img{padding:0 1px 1px 0;}

@media screen and (max-width: 800px) {
	
	ul.list-banner{width:auto;height:auto;margin:0 auto -4% auto;padding:0;text-align:center;overflow:hidden;}
	
	ul.list-banner li{
	width:44%;
	margin:0px 1% 4% 1%;
     padding:0;
	text-align:center;
	overflow:hidden;
	display:inline-block;
	}
	
}
@media screen and (max-width: 600px) {
	
	ul.list-banner{width:auto;height:auto;margin:-2% auto -6% auto;padding:0;text-align:center;overflow:hidden;}
	
	ul.list-banner li{
	width:47%;
	margin:0px 1% 2% 1%;
     padding:0;
	text-align:center;
	overflow:hidden;
	display:inline-block;
	}
	
}





/* FOOTER */

footer{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background-color:#f3f3f3;
	overflow:hidden;
}


.footer-box{width:18%;height:auto;margin:5px 0 0 0;padding:0;text-align:left;overflow:hidden;float:left;}


@media screen and (max-width: 800px) {
	

	.footer-box{width:25%;height:auto;margin:5px 0 0 0;padding:0;text-align:left;overflow:hidden;float:left;}
	
}


@media screen and (max-width: 640px) {
	
	.footer-box{width:50%;height:auto;margin:20px 0px 0px 0px;padding:0;text-align:left;overflow:hidden;float:left;}
	
}



.copyright-txt{text-align:left;font-size:10px;letter-spacing:0.1em;margin:0;padding:40px 0 0 5px;}


@media screen and (max-width: 800px) {
	
.copyright-txt{text-align:left;font-size:10px;letter-spacing:0.1em;margin:0;padding:20px 0 0 5px;}
	
}
	
ul.footer-box-list{text-align:left;margin:0 0 0 14px;padding:0;line-height:150%;}

ul.footer-box-list li{margin:0;padding:0;font-size:12px;text-align:left;}

@media screen and (max-width: 800px) {
	
	ul.footer-box-list li{margin:0;padding:0;font-size:12px;text-align:left;}
}


.fblogo{
	margin:20px 0;
	width:40%;
}

@media screen and (max-width: 600px) {
	.fblogo{
		margin:20px 0;
		width:100%;
	}
	

}

  /*--------------------------------------------------------
    ページトップ
    --------------------------------------------------------*/


    .page-top {
		float:right;
        z-index: 99;
        width: 50px;
		height:auto;
        color: #fff;
		margin:-80px 0 0 0;
		padding:0;
        font-size: 1.4em;
        font-weight: bold;
        text-align: center;
    }

    * html .page-top {
        display: none;
    }

    .page-top a {
        display: block;
        padding:15px 0 10px 0;
		margin:0;
        border-right: 0;
        text-decoration: none;
    }

    .page-top a:link,
    .page-top a:visited {
        background-color: #096836;
        color: #ffffff;
    }

    .page-top a:hover,
    .page-top a:active {
        background-color: #000000;
        color: #ffffff !important;
    }

.page-top img{width:25px;
}




    /*--------------------------------------------------------
    ページトップ
    --------------------------------------------------------*/


@media screen and (max-width: 800px) {

    .page-top {
        right: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
		margin:20px 0 0 0;
    }

    .page-top a {
        display: block;
        border: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }

    .page-top a:link,
    .page-top a:visited,
    .page-top a:hover,
    .page-top a:active {
         background-color: #096836;
        color: #ffffff;
    }

    .page-top:not(\ * | * ) {
        position: static;
    }

    /* Opera9以下 */


}