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

h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; padding: 0; }
caption, cite { font-style: normal;font-weight: normal; }
caption, th { text-align: left;font-weight: lighter; }
ul, ol { clear: both;list-style: none;margin: 0px;padding: 0px; }
li { list-style: none;font-size: 100%;line-height: 1.25em; }
input.btn { width: auto; }
hr,.areaAnchor,.anchor { display: none; }
img ,object { border: 0px;vertical-align: text-botom; }
em { visibility: hidden;color: #CCCCCC;font-size: 7px; }
acronym, abbr{ cursor: default; }

body {
	margin: 0;
	padding: 20px;
	font-size: 16px;
	line-height: 2em;
	letter-spacing: 0.04em; 
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #000;
}

/* clear
--------------------*/
.clear {
    clear: both;
} 
/*--------------------*/



img ,object { border: 0px;vertical-align: text-botom; }

/* news
--------------------*/
#news {
	width: 260px;
	height: 260px;
	padding: 20px;
	margin: 0 ;
}

#news .tit {
	width: 260px;
	height: 35px;
	font-size: 18px;
	background: url(../images/line.gif) repeat-x;
	background-position: bottom;
	margin-bottom: 20px;
}

#news p {
	padding: 0 0 15px 12px;
	margin: 0;
	line-height:1.30em;
	background: url(../images/mark.gif) no-repeat -1px 7px;
	
}
/*--------------------*/



#container {
	position: relative;
	height: 1000px;
	width: 1920px;
	margin: 0 auto;
}


/* link
--------------------*/
a { font-size: 100%; }
a:link { text-decoration: underline; color:#000; }
a:visited { text-decoration: underline; color:#000; }
a:hover { text-decoration: underline; color:#000; }

a:hover img {
opacity: .40;
-webkit-opacity: .40;
-moz-opacity: .40;
filter: alpha(opacity=40);	/* IE lt 8 */
-ms-filter: "alpha(opacity=40)"; /* IE 8 */
}
 
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
/*--------------------*/

.red { color: #C00;}
.red_u { color: #C00; text-decoration:underline;}


/* index
--------------------*/
#main {
	width:100%;
	margin-bottom:20px;
}


#box .line {
	width: 1000px;
	height: 1px;
	background: url(../images/line.gif) repeat-x;
	background-position: bottom;
	margin: 30px 0 50px 0;
}

#box .category_news{
	width:298px;
	height:298px;
	border: solid 1px #CCCCCC;
	margin:0 50px 50px 0;
	float:left;
}

#box .category_a{
	width:300px;
	height:300px;
	padding:0 50px 50px 0;
	float:left;
}
#box .category_a_end{
	width:300px;
	height:300px;
	padding:0 0 50px 0;
	float:left;
}

#box .category_b{
	width:300px;
	height:300px;
	padding:0 50px 0 0;
	float:left;
}
#box .category_b_end{
	width:300px;
	height:300px;
	padding:0;
	float:left;
}





/* 第2階層以降
--------------------*/

#container2 {
	width: 1000px;
	margin: 0 auto;
	border: 0;
	text-align: left;
}

#header {
	width: 1000px;
	height: 80px;
	margin: 0 0 18px 0;
}

#header .access {
	width: 100px;
	height: 30px;
	margin: 0 0 20px 900px;
	float: right;
	text-align: center;
	font-size:16px;
	line-height: 1.9em;
	border-left: #333 solid 1px;
	border-right: #333 solid 1px;
}

#header .access a:link { text-decoration: none; color:#000; }
#header .access a:visited { text-decoration: underline; color:#000; }
#header .access a:hover { text-decoration: underline; color:#000; }


#header .logo {
	width: 330px;
	height: 30px;
	float:left;
}

#header .sns {
	width: 100px;
	height: 30px;
	float: right;
	text-align:right;
}

#header .sns img {
	padding-left:20px;
}

#header .contact {
	width: 230px;
	height: 30px;
	float: right;
	font-size:18px;
	line-height: 16px;
}

#header .contact .t12 {
	font-size:14px;
}

/* contact link
--------------------*/
#header .contact a { font-size: 100%; }
#header .contact a:link { text-decoration: none; color:#000; }
#header .contact a:visited { text-decoration: none; color:#000; }
#header .contact a:hover { text-decoration: none; color:#000; }


/* g-navi
--------------------*/
#g-navi {
	width: 1000px;
	height: 40px;
	float: left;
	border-top: solid 1px #000000;
	padding-bottom:50px;
}

#g-navi a:hover img {
opacity: .40;
-webkit-opacity: .40;
-moz-opacity: .40;
filter: alpha(opacity=40);	/* IE lt 8 */
-ms-filter: "alpha(opacity=40)"; /* IE 8 */
}
 
#g-navi img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}

#g-navi ul {
	padding-top: 18px;
	list-style: none;
	margin: 0;
}
#g-navi ul a {
	display: block;
	overflow: hidden;
	text-decoration: none;
}
#g-navi li {
	display: block;
	float: left;
}

#g-navi ul a.btn1 { width: 58px; height:  22px; background: url(../images/navi_01.png) no-repeat; background-position: 0 0; margin-right: 60px; }
#g-navi ul a:hover.btn1 { width: 58px; height: 22px; background: url(../images/navi_01_ov.png) no-repeat; background-position: 0 0; margin-right: 60px; }
#g-navi ul a.btn1ov { width: 58px; height: 22px; background: url(../images/navi_01_ov.png) no-repeat; background-position: 0 0; margin-right: 60px; }

#g-navi ul a.btn2 { width: 71px; height:  22px; background: url(../images/navi_02.png) no-repeat; background-position: 0 0; margin-right: 60px; }
#g-navi ul a:hover.btn2 { width: 71px; height: 22px; background: url(../images/navi_02_ov.png) no-repeat; background-position: 0 0; margin-right: 60px; }
#g-navi ul a.btn2ov { width: 71px; height: 22px; background: url(../images/navi_02_ov.png) no-repeat; background-position: 0 0; margin-right: 60px; }

#g-navi ul a.btn3 { width: 122px; height:  22px; background: url(../images/navi_03.png) no-repeat; background-position: 0 0; margin-right: 60px; }
#g-navi ul a:hover.btn3 { width: 122px; height: 22px; background: url(../images/navi_03_ov.png) no-repeat; background-position: 0 0; margin-right: 60px; }
#g-navi ul a.btn3ov { width: 122px; height: 22px; background: url(../images/navi_03_ov.png) no-repeat; background-position: 0 0; margin-right: 60px; }

#g-navi ul a.btn4 { width: 122px; height:  22px; background: url(../images/navi_04.png) no-repeat; background-position: 0 0; margin-right: 60px; }
#g-navi ul a:hover.btn4 { width: 122px; height: 22px; background: url(../images/navi_04_ov.png) no-repeat; background-position: 0 0; margin-right: 60px; }
#g-navi ul a.btn4ov { width: 122px; height: 22px; background: url(../images/navi_04_ov.png) no-repeat; background-position: 0 0; margin-right: 60px; }

#g-navi ul a.btn5 { width: 88px; height:  22px; background: url(../images/navi_05.png) no-repeat; background-position: 0 0; margin-right: 60px; }
#g-navi ul a:hover.btn5 { width: 78px; height: 22px; background: url(../images/navi_05_ov.png) no-repeat; background-position: 0 0; margin-right: 60px; }
#g-navi ul a.btn5ov { width: 78px; height: 22px; background: url(../images/navi_05_ov.png) no-repeat; background-position: 0 0; margin-right: 60px; }




#content {
	width: 1000px;
	padding: 0;
	float:left;
}

#box {
	width: 1000px;
	padding-bottom: 50px;
	clear: both;
}

#box .tit {
	width: 1000px;
	height: 35px;
	font-size: 20px;
	background: url(../images/line.gif) repeat-x;
	background-position: bottom;
	margin-bottom: 30px;
}


#box .phbox {
	width: 320px;
	float: left;
	padding: 0 20px 20px 0;
}
#box .phbox .txt {
	padding-top: 0;
	font-size:12px;
	line-height: 1.35em;
}

#box .phbox_end {
	width: 320px;
	float: left;
	padding: 0 0 20px 0;
}	
#box .phbox_end .txt {
	padding-top: 0;
	font-size:12px;
	line-height: 1.35em;
}





#box .ph_r {
	float: right;
	padding: 0 0 0 20px;
}
#box .ph_l {
	float: left;
	padding: 0 20px 0 0;
}
#box .ph_l_end {
	float: left;
	padding: 0;
}	


/* gallery
--------------------*/
#box_gallery {
	width: 1000px;
	padding-bottom: 50px;
	clear: both;
}

#box_gallery .tit {
	width: 1000px;
	height: 35px;
	font-size: 20px;
	background: url(../images/line.gif) repeat-x;
	background-position: bottom;
	margin-bottom: 30px;
}

#box_gallery .map {
	width: 520px;
	height: 530px;
	padding: 0 240px 0 240px;
}

#box_gallery .ph {
	width: 160px;
	height: 120px;
	float: left;
	padding: 0 8px 8px 0;
}
#box_gallery .ph_end {
	width: 160px;
	height: 120px;
	float: left;
	padding: 0 0 8px 0;
}

#box_gallery a:hover img {
opacity: .60;
-webkit-opacity: .60;
-moz-opacity: .60;
filter: alpha(opacity=60);	/* IE lt 8 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
 
#box_gallery img {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}

/* footer_s
--------------------*/
#footer_s {
	width: 1000px;
	margin: 0 ;
	padding: 0 0 30px 0;
	border: 0;
	letter-spacing: 0.06em; 
	font-size: 10px;
	color: #000;
	position: absolute;
	border-top: solid 1px #000000;
}

#footer_s .copy {
	width: 300px;
	margin: 0 ;
	float: right;
	padding: 0;
	border: 0;
	text-align: right;
	letter-spacing: 0.06em; 
	font-size: 10px;
	color: #000;
}

#footer_s .s_link {
	width: 700px;
	margin: 0 ;
	float: left;
	padding: 0;
	border: 0;
	text-align: left;
	letter-spacing: 0.06em; 
	font-size: 10px;
	color: #000;
}

#footer_s .s_link ul li{ 	
    display: inline-block;	
}


#footer_s .s_link ul {
list-style-type: none;
}

#footer_s .s_link li {
background: url(../images/mark.gif) no-repeat 0px 1px;
padding: 0 10px 0 10px;
}

#footer_s .s_link a:link { text-decoration: none; color:#000; }
#footer_s .s_link a:visited { text-decoration: underline; color:#000; }
#footer_s .s_link a:hover { text-decoration: underline; color:#000; }


/* footer
--------------------*/
#footer {
	width: 1000px;
	margin: 0 ;
	padding: 30px 0;
	border: 0;
	letter-spacing: 0.06em; 
	font-size: 10px;
	color: #000;
	position: absolute;
}

#footer .copy {
	width: 970px;
	margin: 0 ;
	float: left;
	padding: 0;
	border: 0;
	text-align: center;
	letter-spacing: 0.06em; 
	font-size: 10px;
	color: #000;
}

/* go-to-top
--------------------*/
#footer #go-to-top { width: 30px; height: 30px; text-align: right; float: right; margin: 0; padding: 0; background: url(../images/line.gif); }
#footer #go-to-top a:hover img {
opacity: .40;
-webkit-opacity: .40;
-moz-opacity: .40;
filter: alpha(opacity=40);	/* IE lt 8 */
-ms-filter: "alpha(opacity=40)"; /* IE 8 */
}
 
#footer #go-to-topa img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}


/* footer_bottom
--------------------*/
#footer_bottom {
	width: 1000px;
	margin: 0 ;
	padding: 30px 0;
	border: 0;
	letter-spacing: 0.06em; 
	font-size: 10px;
	color: #000;
	position: absolute;
    bottom: 0;
}

#footer_bottom .copy {
	width: 970px;
	margin: 0 ;
	float: left;
	padding: 0;
	border: 0;
	text-align: center;
	letter-spacing: 0.06em; 
	font-size: 10px;
	color: #000;
}

/* go-to-top
--------------------*/
#footer_bottom #go-to-top { width: 30px; height: 30px; text-align: right; float: right; margin: 0; padding: 0; background: url(../images/line.gif); }
#footer_bottom #go-to-top a:hover img {
opacity: .40;
-webkit-opacity: .40;
-moz-opacity: .40;
filter: alpha(opacity=40);	/* IE lt 8 */
-ms-filter: "alpha(opacity=40)"; /* IE 8 */
}
 
#footer_bottom #go-to-topa img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}


/* external css: flickity.css */


.carousel {
  background: #EEE;
}

.carousel img {
  display: block;
  height: 200px;
}

@media screen and ( min-width: 768px ) {
  .carousel img {
    height: 400px;
  }
}