@charset "utf-8";
/* CSS Document */
#wrapper{
	width:1000px;
	margin:0 auto;
}

#innner{
	width:1000px;
	margin:0 atuo;
}

#innner{
	margin:0 atuo;
}

#menu img{
	float:left;
}

#innner{
	margin:0 auto;
}

#about{
margin:0 auto;
}

.about_innner_box{
    margin-bottom: 5%;
    display: block;
}

.about_innner{
    width: 100%;
    margin: 2% auto;
}

.about_innner p{
    width: 45%;
    float: left;
    line-height: 1.8em;
    font-size: larger;
    /* margin: 2% 5px 3px 4px; */
    padding: 0 2% 0 2%;
}

.pre_midashi{
background-image:url(../img/midashi.png);
height:154px;
background-repeat: no-repeat;
vertical-align:bottom;
margin-bottom:-5px;
}

#pre_midashi_2{
background-image:url(../img/midashi_2.png);
height:154px;
background-repeat: no-repeat;
vertical-align:top;
margin-bottom:-5px;
}

#content{
	background-image:url(../img/background_intro.png);
	background-repeat: no-repeat;
	vertical-align:center;
	margin:0 auto;
	height:1250px;	
}	

.content_inner{
    width: 95%;
    background-color: #FFFFFF;
    margin: 0 auto;
    margin-top: 3%;
    height: 40%;
}

.content_inner p{
	float:left;
	line-height:1.7em;
	width:42%;
}
.content_innner_box{
	margin:0 auto;
	width:100%;
}

/*スライドショー*/
.slideWrap {
    margin:0 auto;
}
.slide {
    width:700px;
    overflow:hidden;
    position:relative;
	text-align:center;
	margin-bottom:50px;
}
.slideInner {
    list-style:none;
    margin:0;
    padding:0;
}
.slideInner li {
    position:absolute;
    width:auto;
    background:#fff;
    margin:0;
    padding:0;
	height:auto;
	width:100%;
}
.slideInner li img {
	height:auto;
	width:100%;
}
.slidePrev {
    position:absolute;
    width:90px;
    height:60px;
    left:0;
    cursor:pointer;
    z-index:100;
}
.slideNext {
    position:absolute;
    display:block;
    width:90px;
    height:60px;
    right:0;
    cursor:pointer;
    z-index:100;
}
.controlNav {
    position:relative;
    float:left;
    left:50%;
    bottom:0;
}
.controlNav span {
    position:relative;
    left:-50%;
    overflow:hidden;
    float:left;
    width:50px;
    height:50px;
    margin:5px;
    vertical-align:middle;
    border:2px solid #fff;
}
.controlNav span img {
    width:100%;
    height:100%;
	vertical-align: middle;
}
.controlNav span:hover {
    border:2px solid #999;
    cursor:pointer;
}
.controlNav span.current {
    border:2px solid #333;
}
@media screen and (max-width:767px) {
    .slideWrap {
        width:100%;
    }
}

#pre_midashi_3{
	background-image:url(../img/pre_midashi_3.png);
	height:58px;
	background-repeat: no-repeat;
	vertical-align:bottom;
	margin-bottom:-5px;
}

#sns{
	background-image:url(../img/background_intro.png);
	background-repeat: no-repeat;
	vertical-align:center;
	margin:0 auto;
	height:350px;	
}	
.button_base {
    margin: 0;
    border: 0;
    font-size: 18px;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -100px;
    width: 200px;
    height: 50px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    cursor: default;
}

.button_base:hover {
    cursor: pointer;
}

/* ### ### ### 01 */
.b01_simple_rollover {
    color: #ffffff ;
    border: #ffffff  solid 1px;
    padding: 10px;
    background-color: #00aced;
}

.b01_simple_rollover:hover {
    color: #00aced;
    background-color: #FFFF00;
}
#sns_btn{
	margin:50px auto;
	width:500px;
}
#btn1{
	float:left;
}
#btn2{
	float:right;
}
#footer{
	 font-size: 14px;
    line-height: 150%;
    color: #444;
    padding: 10px 0;
    margin: 0;
    text-align: center;
    clear: both;
}
#Footer_Copyright{
margin: 0;
    padding: 0;
    font-size: 100%;
}