@charset "utf-8";

/*===== COMMON =====*/
html, body {
  width: 100%;
  height: 100%;
}

/* -----------------------------------------------------------
全体
----------------------------------------------------------- */
body {
    background-color: #fff;
    color: #333;
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Osaka","ＭＳ Ｐゴシック",Arial,sans-serif;
    font-size: 14px;
    line-height: 1;
    min-width: 1000px;
}

/* -----------------------------------------------------------
コンテンツ幅
----------------------------------------------------------- */
.wrapper{
    margin: 0 auto;
    overflow: hidden;
    padding-top: 10px;
    width: 1000px;
}
.sidebar{
	width:230px;
	height:auto;
	float:left;
	margin-bottom:50px;
}
.content{
    float: right;
    height: auto;
    margin-bottom: 50px;
    overflow: hidden;
    width: 720px;
}
.one-column{
    height: auto;
    margin: 50px auto 0;
    overflow: hidden;
    padding-top: 10px;
    width: 900px;
}
/* -----------------------------------------------------------
ヘッダー
----------------------------------------------------------- */
header{
    background: #f5f5f5 none repeat scroll 0 0;
    height: auto;
    width: 100%;
}
.hd-line {
    background-color: #444;
}
.hd-line h1{
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 35px;
    margin: 0 auto;
    text-align: left;
    width: 1000px;
}
.hd-inner{
    height: 80px;
    margin: 0 auto;
    padding-top: 25px;
    position: relative;
    width: 1000px;
}
p.logo{
	float:left;
	margin-bottom:0;
}
/* -----------------------------------------------------------
パンくずナビ
----------------------------------------------------------- */
.breadcrumbs {
    font-size: 12px;
    line-height: 50px;
}
/* -----------------------------------------------------------
フッター
----------------------------------------------------------- */
footer{
	background:url(../images/common/footer/ft_bg01.png) repeat-x 0 0;
	width:100%;
	height:auto;
}
.ft-inner{
	overflow: hidden;
	height:auto;
	width:1000px;
	margin:0 auto;
	padding:30px 0 0 0;
}
/* ---- フッターコンタクト ---- */
.ft_contact{
	width:612px;
	margin:0 auto 60px;
}
.ft_contact ul{
	overflow:hidden;
}
.ft_contact li{
	list-style:none;
}
.ft_contact li:nth-child(1){
	float:left;
	width:333px;
}
.ft_contact li:nth-child(4){
	clear:both;
}
/* ---- フッターリスト ---- */
.ft-list{
    overflow: hidden;
    padding: 0 5px;
}
.ft-list ul{
    float: right;
}
.ft-list ul ul{
	width:200px!important;
	margin:5px 0 0 0;
	padding:0!important;
}
.ft-list ul li{
    background: rgba(0, 0, 0, 0) url("../images/common/footer/ft_icon01.png") no-repeat scroll 0 0;
    float: left;
    font-size: 12px;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 0 20px;
    overflow: hidden;
    padding: 0 0 0 20px;
}
.ft-list ul li li{
	font-size:13px;
	padding:0 0 0 15px;
	font-weight:normal;
	line-height:170%;
	margin-bottom:0px;
	list-style-type:none;
	list-style-position:inside;
	background:url(../images/common/footer/ft_icon02.png) no-repeat 0 5px;
}
.ft-list ul a{
	color:#333333;
	text-decoration:none;
}
.ft-list ul li li a{
	color:#333333;
}
.ft-list ul a:hover{
	color:#D24957;
	text-decoration:underline;
}
p.copyright{
    background: #444 none repeat scroll 0 0;
    border-top: 1px solid #cedde8;
    color: #fff;
    margin: 20px 0 0;
    padding: 20px 0;
    text-align: center;
}
/* -----------------------------------------------------------
サイドバー
----------------------------------------------------------- */
/* ---共通-- */

/* ---side01-- */
.sidebar01 {
    border: 2px solid #808080;
    z-index: 100;
}
.sidebar01 h5 {
    color: #808080;
    line-height: 1em;
    margin: 0;
    padding: 15px;
}
.sidebar01 ul.sidenav {
    position: relative;
}
.sidebar01 ul.sidenav li {
    background: #fff none repeat scroll 0 0;
    border-top: 1px dotted #808080;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 15px;
}
.sidebar01 ul.sidenav a:hover {
    color: #000;
}
.sidebar01 ul.sidenav a:active {
    color: #ffa500;
}
.sidebar01 ul.sidenav li a {
    background: rgba(0, 0, 0, 0) url(../images/common/sidebar/sb_icon01.png) no-repeat scroll right center;
    color: #333;
    display: block;
    text-decoration: none;
}
.sidebar01 ul.sidenav li.hover, 
.sidebar01 ul.sidenav li:hover {
    background: #eee none repeat scroll 0 0;
    color: #000;
    position: relative;
}
.sidebar01 ul.sidenav li.hover a {
    color: #333;
}
.sidebar01 ul.sidenav ul {
    border: 1px solid #02a4a6;
    left: 100%;
    list-style: outside none none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 220px;
}
.sidebar01 ul.sidenav ul li {
    background: #fff none repeat scroll 0 0;
    color: #333;
}
.sidebar01 ul.sidenav ul li:first-child {
    border-top: medium none;
}
.sidebar01 ul.sidenav ul li a {
    display: inline-block;
    width: 100%;
}
.sidebar01 ul.sidenav ul ul {
    left: 100%;
    top: 0;
}
.sidebar01 ul.sidenav li:hover > ul {
    visibility: visible;
}
/* ---side02-- */
.sidebar02 {
    background: #f7ffff none repeat scroll 0 0;
    margin: 20px 0;
    padding: 15px 15px 10px;
}
.sidebar02 ul.sidenav li {
    color: #02a4a6;
    font-weight: bold;
    line-height: 2.5em;
    list-style: outside none none;
}
.sidebar02 ul.sidenav li a {
    background: rgba(0, 0, 0, 0) url("../images/common/sidebar/sb_icon02.png") no-repeat scroll left center;
    color: #02a4a6;
    font-size: 14px;
    padding-left: 20px;
}
.sidebar02 ul.sidenav .sub-menu li {
    border-bottom: 1px dashed #ddd;
    border-top: 1px dashed #ddd;
    margin-top: -1px;
}
.sidebar02 ul.sidenav .sub-menu li a{
    background: rgba(0, 0, 0, 0) url("../images/common/sidebar/sb_icon03.png") no-repeat scroll left center;
    color: #000;
    font-size: 12px;
    padding-left: 15px;
}

/* -----------------------------------------------------------
コンタクトフォーム
----------------------------------------------------------- */
.contactform{
    clear: both;
    height: auto;
    margin: 20px auto;
    padding: 20px 0 0;
    width: 900px;
}
.contactform input, 
.contactform select{
    font-size: 14px;
    height: 30px;
    margin: 6px 10px;
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.contactform textarea{
    font-size: 14px;
    margin: 6px 10px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
.contactform textarea,
.contactform .drop{
    width:80%;
}
.contactform .date,
.contactform .time{
    width:40%!important;
}
.contactform .table01 {
    border: 3px solid #d0d2d3;
    box-sizing: border-box;
    margin-top: 30px;
    padding: 5px;
}
.contactform .table02 {
    margin: 0 auto;
    width: 100%;
}
.contactform tr{
    border-bottom: 1px dotted #d0d2d3 !important;
}
.contactform th {
    background: #fafafa none repeat scroll 0 0;
    text-align: left;
    width: 33%;
}
}
.contactform td br{
    display:none
}
.contactform th,
.contactform td{
    border:none;
}
.m-alert{
    background: none repeat scroll 0 0 #ff0000;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    margin-right: 10px;
    padding: 3px 10px;
}
input[type=submit]{
	background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
    height: 40px;
    margin: 40px 10px;
    width: 33%;
}
.sent .forminner{
display: none;
}

/* -----------------------------------------------------------
グローバルメニュー
----------------------------------------------------------- */
nav.mega-global{
    float: right;
    margin: 0;
}
nav.mega-global ul{
}

nav.mega-global ul li{
    float: left;
    height: 50px;
    text-align: center;
}

nav.mega-global a{
    display: block;
    line-height: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
nav.mega-global p{
    display: block;
    line-height: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

nav.mega-global li:first-child a{width:100px;background:url(../images/gnav/gnav.png) no-repeat 0 0;}
nav.mega-global li:nth-child(2) a{width:100px;background:url(../images/gnav/gnav.png) no-repeat -100px 0;}
nav.mega-global li:nth-child(3) a{width:100px;background:url(../images/gnav/gnav.png) no-repeat -200px 0;}
nav.mega-global li:nth-child(4) {width:150px;background:url(../images/gnav/gnav.png) no-repeat -300px 0;}
nav.mega-global li:last-child a{width:100px;background:url(../images/gnav/gnav.png) no-repeat -450px 0;}

nav.mega-global li:first-child a:hover{width:100px;background:url(../images/gnav/gnav-hv.png) no-repeat 0 0;}
nav.mega-global li:nth-child(2) a:hover{width:100px;background:url(../images/gnav/gnav-hv.png) no-repeat -100px 0;}
nav.mega-global li:nth-child(3) a:hover{width:100px;background:url(../images/gnav/gnav-hv.png) no-repeat -200px 0;}
nav.mega-global li:last-child a:hover{width:100px;background:url(../images/gnav/gnav-hv.png) no-repeat -450px 0;}



#click-menu {
    display: none !important;
}
<!-- widget01 -->
.menu-inner01 {
    margin: 10px auto;
}
.menu-inner01 ul {
    margin: 20px 0 0 20px;
    overflow: hidden;
    width: 1000px;
}
.menu-inner01 ul li{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
    float: left;
    list-style: outside none none;
    margin: 0 1% 10px 0 !important;
    overflow: hidden;
    width: 23%;
}
.menu-inner01 ul li:hover{
    background:#02a4a6;
    color:#fff;
    cursor: pointer;
    transition-duration: 500ms;
    transition-property: background;
    transition-timing-function: linear;
}
.menu-inner01 ul li:nth-child(4),
.menu-inner01 ul li:nth-child(8),
.menu-inner01 ul li:last-child{
    margin-right: 0;
}
.menu-inner01 img{
    float: right;
    margin: 4px;
    width: 34%;
}
.menu-inner01 p{
    font-size: 12px;
    margin: 18px 0 0 7px;
}

<!-- widget02 -->
.menu-inner02 {
    margin: 10px auto 0;
}
.menu-inner02 ul {
    margin: 30px 0 0 20px;
    overflow: hidden;
    width: 980px;
}
.menu-inner02 ul li{
    background: #fff none repeat scroll 0 0;
    border: 3px solid #fff;
    box-sizing: border-box;
    color: #333;
    float: left;
    list-style: outside none none;
    margin: 0 2% 20px 0 !important;
    overflow: hidden;
    width: 18%;
}
.menu-inner02 ul li:hover{
    background:#02a4a6;
    border: 3px solid #02a4a6;
    box-sizing: border-box;
    color:#fff;
    cursor: pointer;
    transition-duration: 500ms;
    transition-property: background;
    transition-timing-function: linear;
    width: 18%;
}
.menu-inner02 ul li:nth-child(5),
.menu-inner02 ul li:nth-child(10),
.menu-inner02 ul li:last-child{
    margin-right: 0;
}
.menu-inner02 img{
    margin-bottom: 10px;
    width: 100%;
}
.menu-inner02 h4{
    margin: 0;
}
.menu-inner02 p{
    font-size: 11px;
    margin-bottom: 0;
}

/* -----------------------------------------------------------
中ページ問合せコンテンツ
----------------------------------------------------------- */
.page-contact {
    background: #f7f7f4 none repeat scroll 0 0;
    padding: 25px 30px;
}
.page-contact h2{
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.page-contact .in-box {
    background: #fff none repeat scroll 0 0;
    padding: 20px;
}
.page-contact ul {
    list-style: outside none none;
}
.page-contact li .btn-list {
    background-color: #eb6660;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 14px;
    line-height: 2em;
    padding: 10px 50px;
    text-decoration: none;
    vertical-align: middle;
}
/* -----------------------------------------------------------
ブログ
----------------------------------------------------------- */
/*---- Sidebar ----*/
.blog-side{
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}
.blog-side h5{
    background-color: #444;
    color: #fff;
    line-height: 35px;
    margin-bottom: 15px;
    text-align: center;
}
ul.archive_box{
	font-size:12px;
	padding:0 5px;
}
ul.archive_box li{
	border-bottom:1px dashed #CCC;
	line-height:20px;
	padding:5px 0;
	padding-left:5px;
	margin-bottom:3px;
}
ul.archive_box li a{
	color:#333;
}
ul.archive_box li.header{
	padding-left:0px;
	font-size:14px;
	color:#444;
	font-weight:bold;
}
/*---- Archive ----*/
article.archive{
	margin-bottom:50px;
}
.post h2{
}
/*---- UPDATE ----*/
.blog_post{
	border-bottom:1px dashed #CCC;
	margin-bottom:20px;
	overflow: hidden;
}
.blog_post p{
	font-size:90%;
	margin-bottom:2px;
}
.blog_post p.update{
	float:left;
}
.blog_post p.category{
	float:right;
}
/*---- PREV-NEXT ----*/
.single_pn{
	overflow:hidden;
	margin-top:50px;
	padding:15px 10px;
	background-color:#F3F3F3;
	border:1px solid #CCC;
}
p.post_kiji{
	margin-bottom:5px;
}
.navi-pre-next{
	font-size:90%;
}
.prev{
	float:left;
}
.next{
	float:right;
}
/* -----------------------------------------------------------
PAGENATION
----------------------------------------------------------- */
p.pagenation{
	margin:20px 10px;
	margin-top:45px;
	text-align:center;
}
p.pagenation a{
	background-color:#613B26;
}
p.pagenation span{
	background-color:#CCCCCC;
}
p.pagenation a,p.pagenation span{
	padding:3px 6px;
	margin-right:5px;
	color:#fff;
}

/* -----------------------------------------------------------
新着情報
----------------------------------------------------------- */
.news-bb {
    border-bottom: 1px dashed #ccc;
    overflow: hidden;
    padding: 15px 0;
}
dl.news-archive{
	overflow: hidden;
	padding:0;
}
dl.news-archive dt,
dl.news-archive dd{
	float:left;
	line-height:20px;
	overflow:hidden;
}
dl.news-archive dt{
    background: rgba(0, 0, 0, 0) url("../images/content/news-icon01.png") no-repeat scroll 0 center;
    clear: both;
    margin-right: 20px;
    padding-left: 20px;
    width: 120px;
}
dl.news-archive dd{
	width:560px;
}



/* -----------------------------------------------------------
テープル
----------------------------------------------------------- */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* -----------------------------------------------------------
TOP
----------------------------------------------------------- */
.top .cont01{
    background: #f5f4f3 none repeat scroll 0 0;
    padding: 56px 0;
}
.top .cont01 .wrapper{
	background:url("../images/top/cont01_bg02.png") repeat-x;
	overflow:hidden;
	height:216px;
}
.top .cont01 .wrapper img.alignleft{
	margin:0;
}
.top .cont01 .wrapper p{
    color: #fff;
    font-size: 14px;
    padding: 50px 250px;
}

.top .cont02{
    background: rgba(0, 0, 0, 0) url("../images/top/cont02_bg.png") repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    padding: 50px 0 10px;
}
.top .cont02 ul.top{
	background:url("../images/top/cont02_bg02.png") no-repeat 0 58px;
	overflow:hidden;
	margin-bottom:40px;
}
.top .cont02 ul.top li{
	list-style:none;
	float:left;
	width:238px;
	padding-top:6px;
	background:url("../images/top/li_bg.png") no-repeat;
	height:245px;
	margin-bottom:32px;
}
.top .cont02 ul.top li:first-child{
	float:none;
	height:58px;
	background:none;
	padding-top:0;
	margin-bottom:28px;
	width:1000px;
}
.top .cont02 ul.top li:nth-child(2){
	margin-left:22px;
}
.top .cont02 ul.top li:nth-child(even){
	background:url("../images/top/li_bg.png") no-repeat #f5f4f3;
}
.top .cont02 ul.top li p{
	padding:0 14px;
	font-size:14px;
}

/*cont02*/
.top-cont03{
    background: rgba(0, 0, 0, 0) url("../images/top/cont03-bg.jpg") repeat scroll 0 0;
    padding: 50px 0;
    width: 100%;
}
.top-cont03 .wrapper{
    margin: 0 auto;
    overflow: hidden;
    width: 1000px;
}
.top-cont03 .left{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8dce0;
    float: left;
    height: 500px;
    position: relative;
    width: 330px;
}
.top-cont03 .right{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8dce0;
    float: left;
    height: 500px;
    margin: 0 17px;
    position: relative;
    width: 330px;
}
.top-cont03 a.more{
    position: absolute;
    right: 12px;
    top: 8px;
}
.top-cont03 .left h2, 
.top-cont03 .right h2 {
    background: rgba(0, 0, 0, 0) url("../images/top/cont03-title01.png") no-repeat scroll 0 0;
    color: #282828;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    padding-left: 20px;
}
.top-cont03 .btmimg{
	margin:0 0 0 30px;
}
.top-cont03 dl {
    color: #55452d;
    height: 260px;
    overflow: scroll;
    padding: 5px 15px 10px;
}
.top-cont03 dt {
    color: #000;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    padding: 10px 0 5px;
}
.top-cont03 dt.ico{
	padding:14px 0 0 8px;;
}
.top-cont03 dd{
    border-bottom: 1px dotted #aaa;
    clear: both;
    color: #333;
    font-size: 13px;
    line-height: 22px;
}
.top-cont03 dl dt span{
	font-size:80%;
	color:#FFF;
	background-color:#BF002F;
	min-width:55px;
	padding:1px 5px 0 5px;
	line-height:20px;
	display:inline-block;
	margin-left:10px;
	text-align:center;
}
.top-cont03 dl dt span.doctor{
	background-color:#0057A3;
}
.top-cont03 dl dt span.hygienist{
	background-color:#0593CD;
}
.top-cont03 dl dt span.staff{
	background-color:#86B367;
}