html {
    color: #000000;
}

a{
	text-decoration:none;
	color:#000000;
}


.float_L{
	float:left;
}
.float_R{
	float:right;
}



.line_hight_1{
	line-height:19px;
}
.line_hight_2{
	line-height:21px;
}


.txt_left{
	text-align:left;
}
.txt_right{
	text-align:right;
}
.txt_center{
	text-align:center;
}


.font_gray{
	color:#6c6d6e;
}
.font_white{
	color:#ffffff;
}
.font_orange{
	color:#f6b963;
}
.font_red{
	color:#ea1c24;
}
.font_black{
	color:#000000;
}


.font_11{
	font-size:11px;
}
.font_12{
	font-size:12px;
}
.font_13{
	font-size:13px;
}
.font_14{
	font-size:14px;
}
.font_17{
	font-size:17px;
}
.font_18{
	font-size:18px;
}
.font_19{
	font-size:19px;
}
.font_20{
	font-size:20px;
}
.font_21{
	font-size:21px;
}
.font_22{
	font-size:22px;
}
.font_23{
	font-size:23px;
}
.font_29{
	font-size:29px;
}
.font_36{
	font-size:36px;
}


.dis_pc{
	display:block;
}
.dis_sp{
	display:none;
}



/*----------------------------------------------------*/
.inner_container{
	width:68.75%;
	margin: 0 auto;
}
#header .header_container{
	width:100%;
	background-color:rgba(0,211,189,0.80) ;
	height:40px;
	z-index:0;
}
#header .head_top{
	width:75%;
	margin:0 auto;
}

#header .header_container_01{
	width:100%;
	background-color:rgba(255,255,255,0.80) ;
	height:40px;
}
#header .head_bottom{
	width:75%;
	margin:0 auto;
}


#header .header_container h1{
	width:23.75%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-top:5px;
}
#header .header_container h1 img{
	width:100%;
	max-width:268px;
	vertical-align:bottom;
	margin-right:3.440%;
}

#header .header_container h1 a span{
	vertical-align:bottom;
}

#tel{
	margin-top:13px;
	padding-right:7px;
	color:#ffffff;
	font-weight:bold;
}
#tel span.tellink1{
	font-weight:bold;
}


#tel2{
	margin-top:8px;
	padding-right:7px;
	color:#4d4d4d;
	font-weight:bold;
}
#tel2 span.tellink1{
	font-weight:bold;
}



#contact_btn{
	background-color:#ffffff;
}
#contact_btn a{
	display:block;
	color:#ffffff;
	background-color:#f7931e;
	padding:10px 10px;
}
#contact_btn a:hover{
	opacity:0.8;
}


#nav{
	width:45.208%;
	margin-top:10px;
}
#nav ul{
	width:100%;
}
#nav ul li{
	width:25%;
	text-align:right;
}
#nav ul li:last-child{
	margin-right:0px;
}
#nav ul li a:hover{
	color:#f7931e;
}

.inner_container.page_top{
	margin-top:80px;
}



#footer{
	background-color:#f2f2f2;
	margin-top:-40px;
	padding:50px 0 80px;
}
#footer .foot_inner{
	width:75%;
	margin:0 auto;
}
#footer .foot_inner .float_L{
	margin-right:1.666%;
}
#footer .foot_inner img.logo {
	width:100%;
	max-width:228px;
}

#footer .foot_inner .float_L p{
	line-height:24px;
	color:#666666;
}

#footer .foot_inner .f_contact{
	width:46.4375%;
}
#footer .foot_inner .tellink1{
	color:#f7931e;
	font-weight:bold;
}
#footer .foot_inner .f_text{
	width:50.729%;
}
#footer .foot_inner .f_text p{
	margin-top:20px;
}


#footer .contact{
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
#footer .contact a{
	color:#ffffff;
	background-color:#f7931e;
	padding:8px 0;
	display:block;
}
#footer .contact a:hover{
	opacity:0.8;
}
#footer .foot_inner .copy{
/*	margin-top:13px;*/
	font-size:11px;
	padding-top:4px;
}

/* �X�}�z�ԗp�@960px�ȉ�
------------------------------------------------------------*/
@media only screen and (max-width: 960px){

.dis_pc{
	display:none;
}
.dis_sp{
	display:block;
}





#sp_nav{
	display:block;
	position:fixed;
	top:0;
	bottom:0;
	right:-210px;
    left: auto;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
	z-index:300;
	text-align:left;
	background-color:#ffffff;
}
#sp_nav ul{
	width:210px;
	margin-top:100px;
}
#sp_nav ul li{
	width:50%;
	margin:0 auto;
	padding:10px 0;
	font-size:26px;
	color:#666666;
}
#sp_nav a{
	font-size:26px;
	color:#f7931e;
}

.nav_btn{
	background:url(../img/common/nav_btn_close.jpg) center center no-repeat;
	background-color:#f7931e;
    cursor: pointer;
    position: fixed;
    top: 0;
    width: 70px;
	height:70px;
	padding:5px;
	right:0;
    z-index: 400;
	background-size: 70px auto;
}
.nav_btn:before {
    content: '';
    background: url(../img/common/nav_btn.jpg) no-repeat center center;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    -webkit-background-size: 70px auto;
    background-size: 70px auto;
    display: block;
    height: 70px;
}
.nav_btn.active:before {
    background-image: url(../img/common/nav_btn_close.jpg);
 }








.inner_container{
	width:90%;
	margin: 0 auto;
}

#header .head_top {
	width:90%;
}
 #header h1 {
    margin-top: 20px;
}
#header .header_container {
    width: 100%;
	height:80px;
}
#header .header_container h1 {
    width: 50%;
	line-height:40px;
}
#header .head_bottom {
    width: 90%;
}
#tel2{
	text-align:left;
	float:none;
}

#contact_btn {
	height:100px;
}
#contact_btn a{
	height:100px;
	display:block;
	color:#ffffff;
	background-color:#f7931e;
	padding:0 15px;
	line-height:100px;
}





.inner_container.page_top {
    margin-top: 60px;
}







#footer .foot_inner {
    width: 90%;
    margin: 0 auto;
}

#footer .foot_inner .float_L {
	float:none;
}

#footer .foot_inner .logo {
    width: 50%;
	margin-bottom:10px;
}
#footer .foot_inner .logo.float_L{
	float:none;
}

#footer .foot_inner .f_text{
	width:100%;
}

#footer .foot_inner .float_R {
	float:none;
	margin-top:20px;
}
#footer .foot_inner .f_contact {
    width: 100%;
}

#footer .foot_inner .f_contact .copy{
	margin-top:15px;
}





}