@charset "utf-8";
/* CSS Document */
body , html {
        font-family:"CI",Meiryo,"qMmpS Pro W3","Hiragino Kaku Gothic Pro","lr oSVbN","MS PGothic",sans-serif;
        margin:0;
        padding:0;
        height: 100%;
        color: #333333;        
}
body,nav,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,input,img,figure{
        margin:0;
        padding:0;
        border:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
a {
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
}
a:hover img{
        opacity: 0.7;
        z-index: 1;
}
a:link { color: #000;}
a:visited { color: #333333; }
ol, ul  {
	list-style: none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}

* html .clearfix {
        clear: both;
	height: 1px;/*¥*//*/
	height: auto;
	overflow: hidden;1
	/**/
}
/*サイドリンク*/
#link_btn {
    position: fixed;
    _position: absolute;
    right: 0;
    top: 290px;
    z-index: 2;
     background-color: rgba(189, 199, 216, 0.39);
    padding: 10px 10px;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    /* border-radius: 10px; */
    /* -webkit-border-radius: 10px; */
    -moz-border-radius: 10px;
    border-radius: 3px 0 0 3px;
}
#link_btn li img{
        width: 60px;
        margin: 0 auto;
        /* margin-right: 0; */
        margin-bottom: 10px;
        display: block;
        border: 3px solid #fff;
        border-radius: 3px;
        }        
#link_btn a{
        text-decoration: none;
        }        
#wrap{
        width: 100%;
        position: relative;
        height:auto !important; /*IE6対策*/
        height: 100%; /*IE6対策*/
        min-height: 100%;
}
#contens{
        padding-bottom:140px; /*フッターの高さと同じ*/
}
/*ヘッダ-部分*/
#header{
        width:100%;
        margin:0 auto;
        background-image: url(../img/top_bg.png);
        background-repeat: repeat-x;
        height:135px;
}
#logo{
        width:980px;
        margin: 0 auto;
        position:relative;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#logo{
        width:95%;

} }  
#logo ul{
        width:980px;
        margin: 0 auto;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#logo ul{
        width:95%;

} }  
#logo ul li a{
        text-decoration: none;
        color:#fff;
}
#logo ul li:nth-child(1){
        position:absolute;
        left:0;
        top:10px; 
       
}
#logo ul li:nth-child(2){
        position:absolute;
        right:0;
        top:10px;
}

#menu{
        width:100%;
        margin: 0 auto; 
}
#menu ul{
        width:980px;
        margin: 0 auto; 
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#menu ul{
        width:95%;

} }  
#menu ul li{
        float:left;
        width: 12.4999999%;
        text-align: center;
        margin:5px 0;
        color:#FC9747;
        height: 40px;
        position: relative;
        z-index: 1;
}
#menu ul li a{
        font-size:13px;
        color:#FC9747;
        text-decoration: none;
        font-weight:bold;
        display:block;
        padding: 10px 0 10px 0;
}
#menu ul li ul li{
        float:none;
        width: 12.4999999%;
        text-align: center;
        margin:0 0 1px 0;
        color:#FC9747;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#menu ul li a{
       font-size:12px;

} }  


.left_contens{
        width:40%;
        margin: 0 auto;
        float:left;
        margin-top: 20px;
}
.right_contens{
        width:60%;
        margin: 0 auto;
        float:right;
        margin-top: 20px;
}
.right_contens ul{
        width:100%;
        margin: 0 auto;
}
.right_contens p{
        text-align: left;
        font-size:14px;
}
.right_contens ul li{
        width:28%;
        float:left;
        margin: 0 auto;
        margin-left: 15px;
        margin-top: 100px;
        display:block;
}
/*ipadで縦画面の時のみ*/
@media screen and (max-width: 768px) {
.right_contens ul li {
       margin-top:80px;

} } 
/*ipadで横画面の時のみ*/
@media only screen and (min-width: 769px) and (max-width: 1024px){
.right_contens ul li {
       margin-top:100px;

} } 
/*ipadで縦画面の時のみ*/
@media screen and (max-width: 768px) {
.right_contens ul li img{
        width:70px;

} } 
/*ipadで横画面の時のみ*/
@media only screen and (min-width: 769px) and (max-width: 1024px){
.right_contens ul li img{
       width:100px;

} } 
.faci_contens{
        width:100%;
        margin: 0 auto;
        float:right;
        margin-top: 20px;
        margin-bottom: 20px;
}
.faci_contens ul{
        width:95%;
        margin: 0 auto;
        list-style-type: decimal;
        margin-left: 20px;
}
.faci_contens p{
        text-align: left;
        font-size:14px;
}
.faci_contens ul li{
        width:100%;
        font-size:14px;
        margin: 0 auto;
        margin-left: 15px;
}


/*fb tw*/
#about_contens{
        width: 100%;
        margin: 0 auto;
}

#about_contens h1{
       margin: 0 auto;
       text-align: center;
       background-color: #1ECFEF;
       color:#fff;
       font-size:24px;
       padding-top: 5px;
}
#about_contens h2{
       margin: 0 auto;
       color:#333;
       border-bottom: 1px dotted #FC9747;
       border-left: 5px solid #FC9747;
       font-size:18px;
       text-align: left;
       margin-bottom: 15px;
       padding-left: 10px;
}
.contens01{
        width: 800px;
        margin: 0 auto;
        margin-top: 10px;
}
.contens01 p{
        font-size: 14px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.contens01{
        width:100%;

} } 

.illust_img{
        width:90%;
        margin: 0 auto;
        display:block;

} 
.kome{
        color:#f30;
        font-size:11px;   
}
table{
        width:100%;
        margin-top: 20px;    
}
.teble{
        width:85% !important;
        margin: 0 auto;
        margin-top: 20px;    
}
.tb{
    background-color: #F7DCCB;
    font-size:12px;
    line-height:25px;
    }
.tb2{
    background-color: #F7DCCB;
    font-size:12px;
    line-height:25px;
    padding-left: 10px;
    width:40%;
    }
.th_img{
    width:400px;
    margin-left: -280px;
    margin-bottom: -5px;
    }    
.table_moji {
        font-size:12px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.table_moji2 {
        font-size:12px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F1B277;
        text-align: right; 
        padding-right: 5%;
}

/*フッター*/
#footer{
        width:100%;
        margin: 0 auto;
        height:140px;
        position:absolute;
        bottom:0;
}
#footer ul{
        width:980px;
        margin: 0 auto;
        display: block; 
        text-align: center;
     
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#footer ul {
        width:95%;  
        margin:0 auto;
        display: block; 
  }     
}  
#footer ul li{ 
        width: 14%;
        height: 15px; 
        float:left;
        text-align: center;
        border-right:1px dotted #F8D6E1;
        margin-bottom: 10px;
}

#footer ul li a{ 
        font-size:10px;
        text-decoration: none;
        color:#F89914;
  
}
#footer p{
        text-align: left;
        font-size: 12px; 
}
.footer_contens{
        width: 800px;
        margin:0 auto;
        height:155px;
        margin-top: 30px;
        margin-bottom: 20px;
        }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.footer_contens{
        width:95%;  
        margin:0 auto;
        margin-top: 40px;
        margin-bottom: 20px;
  }     
}
.footer_bg{
        background-color: #1ECFEF;
        font-size: 10px;
        color: #FFF;
        text-align: center !important;
        line-height: 30px;
} 
.big{
        font-size: 18px;
        font-weight: bold;
} 
/*ページtop*/
#pageTop{
        text-decoration: none;
	/*position:fixed;
	bottom:20px;
	right:20px;*/
        position: absolute;
        bottom: -70px;
        right: 100px;
	}
#pageTop img{
         width:140px;   
        }
/*コンタクト*/        
.contact_contens  {
        width:600px;  
        margin:0 auto;
        margin-top: 20px;
        margin-bottom: 40px;
        padding-top: 20px;
  } 
.contact_contens p{
        font-size: 14px;
  }   
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.contact_contens  {
        width:95%;  
        margin:0 auto;
        margin-top: 40px;
  }     
}
.contact_contens  tr{
    text-align: left;
    font-size:12px;
}
.table_left{
    width:200px;
    border-left: 3px solid #EA609E;
    border-bottom: 1px dotted #F8E4ED;
    padding-left: 5px;
    height:30px;
}
.table01{
     width: 100%;
     margin: 0 auto;
     }
.table01 td {   
     padding: 5px;
     margin-top: 3px;
     table-layout: fixed;
   }  
.table01 th {   
    width:30%;
    font-size:12px;
    text-align: center;
   }  
.table01 input {   
     border:1px solid #999999;
     padding: 5px;
     margin-top: 3px;
     border-radius: 3px;        /* CSS3草案 */ 
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */ 
    -moz-border-radius: 3px;   /* Firefox用 */ 
   }
.table01 span {   
     color:#FF000A;
     font-weight:normal;
     font-size:10px;
   } 
.text-center {   
    text-align: center;
   }   
   
.table01 textarea{   
      border:1px solid #999999;
   } 
.form_tell{ 
    width:20%;
  } 
.input_name { 
    width:80%;
  }  
   
#error{
    width:100%;
    margin:0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
#error ul{  
     width:100%;
     margin:0 auto;
     text-align: center;
}
#error ul li{
    width:auto;
    float: none;
    color: #FF000A;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    display: block;
    margin: 0 auto;
    
}
.form_btn{
    padding:10px 80px !important;
    border: 3px solid #9BD8F0 !important;
    background: #fff;
    font-weight: bold;
     -webkit-appearance: none;
}
/*コンタクト送信完了画面*/        
.contact_contens_thanks  {
        width:600px;  
        margin:0 auto;
        margin-top: 20px;
        margin-bottom: 40px;
  }
.contact_contens_thanks h1 {
        text-align: center;
        font-size: 20px;
  }   
.contact_contens_thanks p{
        text-align: center;
        font-size: 14px;
  }   
/*会計報告*/
#kaikei_contens{
    width:450px;
    margin:0 auto;
    margin-bottom: 30px;
    padding-top: 20px;
}
#kaikei_contens p{
    font-size:14px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#kaikei_contens{
        width:95%;  
        margin:0 auto;
        margin-top: 40px;
  }     
}
#kaikei_contens h2{
    margin: 0 auto;
    color: #333;
    border-bottom: 1px dotted #FC9747;
    border-left: 5px solid #FC9747;
    font-size: 18px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: -20px;
    padding-left: 10px;
}
/*よくある質問*/
.faq_contens{
    width:600px;
    margin:0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
}
.faq_contens dl{
    width:100%;
}
.faq_contens dl dt{
    font-size: 16px;
}
.faq_contens dl dd{
    font-size: 12px;
    margin:0 0 20px 0;
    color:#0FBDDD;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.faq_contens{
        width:95%;  
        margin:0 auto;
        margin-top: 40px;
  }     
}
/*サイトマップ*/
.sitemap_contens{
    width:450px;
    margin:0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
}
.sitemap_contens dl{
    width:100%;
}
.sitemap_contens dl dt{
    font-size: 16px;
}

.sitemap_contens dl dd{
    font-size: 12px;
    margin:0 0 20px 0;
    color:#0FBDDD;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.sitemap_contens{
        width:95%;  
        margin:0 auto;
        margin-top: 40px;
  }     
}
/*コラム*/
.left_column_contens{
        width:70%;
        margin: 0 auto;
        float:left;
        margin-top: 20px;
}
.right_column_contens{
        width:30%;
        margin: 0 auto;
        float:left;
        margin-top: 20px;
}
.right_column_contens p{
        text-align: right;
}
.right_column_contens ul{
        font-size:14px;
}
.right_column_contens h2{
        margin: 0 auto;
        color:#333;
        border-bottom: 1px dotted #FC9747;
        border-left: 5px solid #FC9747;
        font-size:18px;
        text-align: left;
        margin-bottom: 15px;
        padding-left: 10px;
}
.right_column_contens h3{
        margin: 0 auto;
        color:#333;
        border-bottom: 1px dotted #FC9747;
        border-left: 5px solid #FC9747;
        font-size:18px;
        text-align: left;
        margin-top: 20px;
        margin-bottom: 15px;
        padding-left: 10px;
}
.text_column_contens{
        width:90%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 50px;
}
.text_column_contens h4{
        width:100%;
        font-size:24px;
        text-align: center;
}
/*歯並びチェックページ*/
.check_contens{
    width:500px;
    margin:0 auto;
    margin-top: 20px;
    margin-bottom: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.check_contens{
        width:90%;  
        margin:0 auto;
        margin-top: 40px;
  }     
}
.check_contens p{
        font-size:14px;
}
.check_contens table{
        font-size:14px;
       
}
.check_contens dl{
       
}
.check_contens dt{
       font-size:16px;
       color:#1ECFEF;
       font-weight: bold;
       background: #F0F5F7;
}
.check_contens dd{
        font-size:14px;     
}
input[type="button"] {
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px 30px;
    background: #8EE7F7;
    color:#fff;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
     -webkit-appearance: none;
}
input[type="radio"] {
    -webkit-appearance: none;
    position: relative;
    margin-right:2px;
    margin-left: 5px;
    border-radius:5px;
    border: 1px solid #4c4c4c;
    -webkit-box-sizing: border-box;
    vertical-align: top;
    width: 18px;
    height: 18px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fdfdfd),
        to(#d1d1d1)
    );
}

/* チェック時は背景色を変更 */
input[type="radio"]:checked {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#353535),
        to(#8f8f8f)
    );
}

/* チェックの印を:before疑似要素と:after疑似要素を使って作成 */
input[type="radio"]:checked:before {
    position: absolute;
    left: -2px;
    top: 16px;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    content: "";
    width: 10px;
    height: 4px;
    background: #FFFFFF;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    left: 6px;
    top: 16px;
    content: "";
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    width: 19px;
    height: 4px;
    background: #FFFFFF;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}
.illust_img2{
    margin: 0 auto;
    display:block; 
    width:200px;
}
.illust_img3{
    margin: 0 auto;
    display:block; 
    width:400px;
}
.check_contens label{
    border-bottom: 1px dotted #C3D3D6;
}
.gmap{
    width:800px;
    height:500px;
}
.contens_gmap{
        width: 750px;
        margin: 0 auto;
        margin-top: 10px;
}
/*引っ越し*/
.move{width:500px;display:block;margin:0 auto;border: 2px solid #E9E5E5;padding: 5px;}
.map_menu{
        width: 750px;
        margin: 0 auto;
}
.map_menu ul li{
        width: 100%;
        margin: 0 auto;
        margin-bottom:20px;
}
.map_menu ul li a{
        background: #FC9747;
        padding:10px 5px;
        margin: 0 auto;
        display:block;
        color:#fff;
        border-radius:5px;
        text-decoration: none;
        width:150px;
        text-align: center;
}
ul.accordion { background:#fff; width:80%; margin:0 auto 30px; padding:10px; font-size:16px;}
ul.accordion a { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; text-decoration:none; color:#333; font-weight:bold;}
ul.accordion span { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; color:#FC9747; font-weight:bold;font-size: 12px;}
ul.accordion ul { display:none;}
ul.accordion > li { background:#fff;}
ul.accordion > li > p { background:#fff;}
ul.accordion > li > p span { background-image:url(../img/open.png);background-size: 10px;}
ul.accordion > li > p span.open { background-image:url(../img/close.png);background-size: 10px;}
.accordion li ul li{ background: rgba(255, 255, 255, 0.8);float:none;    box-shadow: 1px 1px 2px rgba(30, 207, 239, 0.31);}
ul.accordion > li > ul > li > p { background:#999;}
ul.accordion > li > ul > li > a { background:url(../img/go.png) no-repeat 98% center;}
ul.accordion > li > ul > li > ul > li { background:#FFF; border-bottom:1px dotted #888;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}
.aboutlist li
{
width:100% !important;
float:none !important;
margin-top: 5px !important;
font-size:14px !important;
        }
.mb10{
margin-bottom: 10px !important;
        }
.mb30{
margin-bottom: 30px !important;
        }
.mb50{
margin-bottom: 50px !important;
        }
.fbiine{
         width:950px;   
          margin:10px auto;
        }
/*スマホのみ表示メニュー*/
.sp_display{
    display:none; 
}
 .line{
     width:60px;
 margin:0 auto;display:block}