@charset "utf-8";
/*//////////////////////////////////////////
header
////////////////////////////////////////// */
html,body{margin:0px;padding:0px;}
body{
	font-family: "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 100%;
	line-height: 1.6;
	color: #1F1F1F;	
		background-image: url(../images/common/bbk.gif);
	background-repeat: repeat;
	min-width: 1240px;
}
#wrapper aside.mg0{
	margin-top: 0px;	
}
header#header01{
	background-image: url(../images/common/bk.gif);
	background-repeat: repeat;	
	height: 670px;
	width: 100%;
}
header{
	background-image: url(../images/common/bk.gif);
	background-repeat: repeat;	
	height: 414px;
	width: 100%;
}
header h1{
    color: #FFFFFF;
    font-size: 70%;
    font-weight: normal;
    left: 50%;
    margin: 10px auto 0 -460px;
    position: absolute;
    width: 980px;
    z-index: 3;
}
header #navb{
	background-image: url(../images/common/navbk04.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 4;		
	width: 960px;
	height: 200px; 
	left: 50%;
	margin-left: -480px;
	top: -7px;		
}
header #navb h2{
    display: block;
    left: 20px;
    position: absolute;
    top: 38px;
	z-index: 3;
}
header nav{
	display: block;
	left:325px;
	position: absolute;
	
	top: 71px;
	z-index: 2;
}
header nav ul{
	width: 680px;
}
header nav ul li{
	float: left;
margin-right: 25px;
}
header h3 img{
	position: absolute;
	z-index: 1;
	left: 50%;
	width: 1240px;
	margin-left:-620px;
	display: block;	
}
a{
	text-decoration: none;
}	

/*//////////////////////////////////////////
nav
////////////////////////////////////////// */

#f_contents {
    background-image: url("seguito-../images/seguito-common-index/fbk.jpg");
    background-repeat: no-repeat;
    height: 280px;
    left: 50%;
    margin-left: -1450px;
    position: absolute;
    width: 2900px;
    z-index: 0;
}

#f_contents div {
    height: auto;
    margin: 30px auto 0;
    text-align: center;
    width: 980px;
}
/*//////////////////////////////////////////
content
////////////////////////////////////////// */
#wrapper{
    background-color: #FFFFFF;
    margin: 0 auto 60px;
    overflow: hidden;
    padding: 0px 40px 60px;
    width: 960px;
}
#wrapper #topnav{
margin: 50px auto 20px;
overflow: hidden;
}
#wrapper #topnav ul{
	margin-bottom: 20px;

}
#wrapper #topnav ul li p a{
    display: block;
    font-size: 90%;
    line-height: 1.2;
    padding: 195px 10px 10px;
	color: #1F1F1F;	
	text-align: center;
}
#wrapper #topnav ul li p a:hover{
	color: #CCC;
}
#wrapper #topnav ul li#a01{
	margin: 0px 10px 0px 0px;
	background-image: url(../images/common/c01.jpg);
	background-repeat: no-repeat;
	width: 	225px;	
	height: 255px;
	float: left;
}
#wrapper #topnav ul li#a02{
	margin: 0px 10px 0px 10px;
	background-image: url(../images/common/c02.jpg);
	background-repeat: no-repeat;
	width: 	225px;	
	height: 255px;
	float: left;
}
#wrapper #topnav ul li#a03{
	margin: 0px 10px 0px 10px;
	background-image: url(../images/common/c03.jpg);
	background-repeat: no-repeat;
	width: 	225px;	
	height: 255px;
	float: left;
}
#wrapper #topnav ul li#a04{
	margin: 0px 0px 0px 10px;
	background-image: url(../images/common/c04.jpg);
	background-repeat: no-repeat;
	width: 	225px;	
	height: 255px;
	float: left;
}
#wrapper #mainb{
	width: 960px;
	height: auto;
	overflow: hidden;	
}
#wrapper #mainb #tsl{
	float: left;
	margin-right: 20px;	
}
#wrapper #mainb #tsr{
	float: right;
	width: 225px;

}
#wrapper #mainb #tsr ul li{
	margin-bottom: 20px;	
}
#wrapper #mainb #news{
		
}
#wrapper #mainb #news{
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    float: left;
	width: 470px;
	height: 373px;
}
#wrapper #mainb #news div{
	background-image: url(../images/common/ibk.gif);
    background-repeat: repeat-y;
    border-radius: 6px;
    height: 320px;
    margin: 0 auto 1px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 6px 10px;
    width: 448px;
}
#wrapper #mainb #news div p{
        border-bottom: 1px dotted #FFFFFF;
    line-height: 1.4;
    margin-bottom: 10px;	
}
#wrapper #mainb #tsl li.mgb20{
	margin-bottom: 20px;	
}
#wrapper #maincontent02{
	width: 690px;
	float: left;	
}
#wrapper #maincontent02 section{
	margin-bottom: 20px;
}
#wrapper #maincontent02 h4{
	background-image: url(../images/common/hbk.gif);
    background-repeat: no-repeat;
    color: #0E6F5D;
    font-size: 150%;
    font-weight: bold;
    height: auto;
    margin-bottom: 10px;
    padding: 5px 0 0;
    width: 690px;
	margin-top: 50px;
}
#wrapper #maincontent02 h5{
	background-image: url(../images/common/h5bk.png);
    background-position: 0 14px;
    background-repeat: no-repeat;
    color: #0E6F5D;
    font-size: 125%;
    font-weight: bold;
    height: auto;
    padding: 4px 0 0 12px;
}
h3.ccm-page-list-title{
	background-image: url(../images/common/h5bk.png);
    background-position: 0 14px;
    background-repeat: no-repeat;

    font-size: 125%;
    font-weight: bold;
    height: auto;
    padding: 4px 0 0 12px;	
}
h3.ccm-page-list-title a{
    color: #0E6F5D;	
	
}
.ccm-page-list-description{
	margin-bottom: 30px;
	border-bottom: 1px dotted #ccc;	
}
/*#wrapper #maincontent02 .tbl01{
	width: 100%;	
}*/

#infotxt{
	margin-bottom: 20px;	
}
.tbl01{
	width: 100%;	
	margin-bottom: 20px;
}
#wrapper #maincontent02 .txtL .tbl01,#wrapper #maincontent02  .txtR .tbl01{
	width: 460px;
}
.tbl01 th{
    background-color: #E4E1C9;
    border: 1px solid #d5d4cc;
    font-weight: normal;
    padding: 4px;
    width: 30%;
}
.tbl01 td{
    border: 1px solid #d5d4cc;
    padding: 4px;
    text-align: left;
    width: 70%;
}
#wrapper #maincontent02 .tbl007{
	width: 100%;	
}
#wrapper #maincontent02 .txtL .tbl007, #wrapper #maincontent02  .txtR .tbl007{
	width: 460px;
}
#wrapper #maincontent02 .tbl007 th{
    background-color: #E4E1C9;
    border: 1px solid #d5d4cc;
    font-weight: normal;
    padding: 4px;
}
#wrapper #maincontent02 .tbl007 td{
    border: 1px solid #d5d4cc;
    padding: 4px;
    text-align: left;
}
.txtL, .txtR{
	overflow: hidden;	
}
.txtL img{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;	
}
.txtR img{
	float: right;
	margin-left: 10px;		
}
#wrapper #maincontent02 .staffb01{
	background-image: url(../images/common/staffbk01.jpg);
    background-repeat: no-repeat;
    height: 200px;
    width: 710px;
}
#wrapper #maincontent02 .staffb01 p{
color: #1D6D2D;
    padding: 85px 290px 35px 25px;
}
#wrapper #maincontent02 .staffb02{
	background-image: url(../images/common/staffbk02.jpg);
    background-repeat: no-repeat;
    height: 200px;
    width: 710px;
}
#wrapper #maincontent02 .staffb02 p{
color: #1D6D2D;
    padding: 85px 290px 35px 25px;
}
#wrapper #maincontent02 .staffb03{
	background-image: url(../images/common/staffbk03.jpg);
    background-repeat: no-repeat;
    height: 200px;
    width: 710px;
}
#wrapper #maincontent02 .staffb03 p{
color: #1D6D2D;
    padding: 85px 290px 35px 25px;
}

#wrapper #maincontent02 .staffb04{
	background-image: url(../images/common/staffbk04.jpg);
    background-repeat: no-repeat;
    height: 200px;
    width: 710px;
}
#wrapper #maincontent02 .staffb04 p{
color: #1D6D2D;
    padding: 85px 290px 35px 25px;
}


#wrapper #maincontent02 .faq {
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}
#wrapper #maincontent02 .faq dt {
    background-image: url(../images/common/q.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0 0 0 35px;
	color: #c68e1d;
}
#wrapper #maincontent02 .faq dd {
    background-image: url(../images/common/a.gif);
    background-position: 0 10px;
    background-repeat: no-repeat;
    padding: 10px 0 0 35px;
}
#wrapper aside{
    float: right;	
	margin-top: 50px;
}

#wrapper aside #slink{
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
background-image: url(../images/common/plinkbk.gif);
width: 222px;
	background-repeat: repeat-y;
}
#wrapper aside  #slink li a{
	background-image: url(../images/common/ya02.png);
    background-position: 5px 14px;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #CCCCCC;
    color: #FFFFFF;
    display: block;
    font-size: 92%;
    line-height: 1.3;
    padding: 10px 6px 10px 25px;
    text-decoration: none;
	 font-weight: bold;
}
#wrapper aside  #slink li a:hover{
	background-image: url(../images/common/ya.png);
    background-position: 8px 14px;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #CCCCCC;
    color: #ccc;
    display: block;
    font-size: 92%;
    line-height: 1.3;
    padding: 10px 6px 10px 25px;
    text-decoration: none;
}
#wrapper aside  dl{
	margin-bottom: 20px;
}

#wrapper aside  dl ul{
	background-image: url(../images/common/nbk.gif);
	background-repeat: repeat-y;
	width: 222px;
	margin: 0 auto;	
	border-radius: 6px;
	border: 1px solid #CCCCCC;

}
#wrapper aside dl ul li a{
	background-image: url(../images/common/ya.png);
    background-position: 5px 10px;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #CCCCCC;
    color: #FFFFFF;
    display: block;
    font-size: 94%;
    font-weight: bold;
    line-height: 1.2;
    padding: 7px 6px 7px 25px;
    text-decoration: none;
}
#wrapper aside dl ul li a:hover{
	background-image: url(../images/common/ya.png);
    color: #ccc;
    background-position: 5px 10px;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #CCCCCC;
    display: block;
    font-size: 94%;
    font-weight: bold;
    line-height: 1.2;
    padding: 7px 6px 7px 25px;
    text-decoration: none;
}
#wrapper aside #snav{
	width: 225px;	
}
#wrapper aside #snav li{
	margin-bottom: 5px;
}





.piclist {
	width: 220px;
	float: left;
	margin: 0 10px 10px 0;
}


.piclist dd span {
	font-weight: bold;
	color: #cc0000;
	display: block;
	text-align: right;
}






footer{
	background-image: url(../images/common/fbk2.png);
	background-repeat: repeat-x;
	width: 100%;
 	color: #FFF;
	margin-top: 50px;
}
footer #ftb{
width: 960px;
height: auto;
margin: 0 auto;
 padding-top: 100px;
}

footer #flef{
	float: left;	
	margin-right: 30px;
}
footer #frig{
	width: 500px;
	float: right;	
}
footer #frig ul li{
	margin-right: 20px;	
	float: left;
}
#re{
position:fixed;
bottom:0px;
right:0px;
z-index:100;	
}
#re ul li img{
	vertical-align: bottom;
}
footer #ftb #fnav0{
	margin-bottom: 20px;
	overflow: hidden;	
}
footer #ftb #fnav0 li{
	float: left;
	margin-right: 10px;	
}
footer #ftb #fnav{
	 overflow: hidden;
	 clear: both;
}
footer #ftb #fnav li a{
	background-image: url(../images/common/ya.png);
    background-position: left 3px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 0 15px;
    text-decoration: none;
}
footer #ftb #fnav li a:hover{
	color: #CCC;	
}
footer #ftb #fnav li ul{
	overflow: hidden;	
	margin-bottom: 10px;
}
footer small{
    background-color: #1D6D2D;
    clear: both;
    display: block;
    font-size: 11px;
    margin-top: 40px;
    padding: 4px;
    text-align: center;
}
footer .mg0{
	margin-bottom: 0px;	
}

/*gallery////////////////////////////////////////////////////*/
			.box {
				width: 100%; 
				height: 100%;
			}
.slider {
	position: relative;
	width: 100%;
	height: 533px;
	overflow: hidden;
	margin-bottom: 30px;
}
	
	.slides {
		height: 100%;
		
		/* Simple clear fix */
		overflow: hidden;
		
		/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;

		/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
		.slide {
			height: 100%;
			float: left;
			clear: none;
			margin-bottom: 40px;
		}


	.slider-arrows {}

		.slider-arrow {
			position: absolute;
		}

			.slider-arrow--right { 
			bottom: 50%;
			right: 0px;
			background-image: url(../js/right.png);
			background-repeat: no-repeat;
			width: 26px;
			height: 51px;
			 }
			.slider-arrow--left { 
			bottom: 50%;
			left: 0px;
			background-image: url(../js/left.png);
			background-repeat: no-repeat;
			width: 26px;
			height: 51px;
			 }


	.slider-nav {
		position: absolute;
		bottom: 30px;
	}

		.slider-nav__item {
			width: 12px;
			height: 12px;
			float: left;
			clear: none;
			display: block;
			margin: 0 5px;
			background: #fff;
		}

				.slider-nav__item:hover { background: #ccc; }
				.slider-nav__item--current { background: #ccc; }
				
/*/////////loopslider////////*/		
#loopslider {
	margin: 0 auto;
	width: 1800px;
	height: 165px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-top: 200px;
}

#loopslider ul {
	height: 165px;
	float: left;
	display: inline;
	overflow: hidden;
}

#loopslider ul li {
    display: inline;
    float: left;
    height: 165px;
    overflow: hidden;
    width: 220px;
    background-color: #fff;
}

/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}




				body {
overflow-x:hidden;
}

.dllink a{
	background-color: #099;
	color: #fff;
	margin-bottom: 10px;
	font-weight: bold;
	display: block;
	padding: 6px 20px;
	border-radius: 30px;
	text-decoration: none; 	
}
.dllink a:hover{
	background-color: #00d2d2;	
}
.dllink02 a{
	background-color: #de5b4c;
	color: #fff;
	margin-bottom: 10px;
	font-weight: bold;
	display: block;
	padding: 6px 20px;
	border-radius: 30px;
	text-decoration: none;	
	line-height: 1.4;
}
.dllink02 a:hover{
	background-color: #e9857b;	
}
.dllink03 a{
	background-color: #de7a39;
	color: #fff;
	margin-bottom: 10px;
	font-weight: bold;
	display: block;
	padding: 6px 20px;
	border-radius: 30px;
	text-decoration: none;	
	line-height: 1.4;
}
.dllink03 a:hover{
	background-color: #de9c70;	
}