@charset "utf-8";
/*
Theme Name: Exclusive Design for MASAKI Dental Clinic
Theme URI: http://www.wdm-inc.com/
Description: マサキデンタルクリニックの専用テーマ
Version: 1.0
Author: mnrbrand
Author URI: http://www.mnrbrand.me/
Tags: white, custom header, fixed width, one column, widgets
Text Domain: kubrick

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* -------------------------------------------------------
			Default
------------------------------------------------------- */

body { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}

p {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
	}

address { font-style: normal; }

textarea { font-size: 100%; }

img { border: none; vertical-align: bottom; }

hr { display: none; }



/* -------------------------------------------------------
				HTML Tags
------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 1.6em;
	color: #333333;
	/*background-color: #512021;*/
	background: #FFF4F6 url(images/bg_bottom.jpg) left bottom repeat-x;
}
* html body {
	text-align: center;
}
*:first-child+html body {
	font-family: "メイリオ","Meiryo";
}
html>/**/body {
  font-family/*¥**/:  "メイリオ","Meiryo"¥9;
}

a:link, a:visited {
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
}
a:link {
	color: #0F332D;
}
a:visited {
	color: #006666;
}
a:active {
	color: #336666;
}



/* -------------------------------------------------------
				Common
------------------------------------------------------- */

div#wrapper {
	/*background: #FFFFFF url(images/bg_top.jpg) left top repeat-x;*/
	background: url(images/bg_top.jpg) left top repeat-x;
}



/* ==================== Header ==================== */

div#header-wrapper {
}

div#header {
	width: 960px;
	margin: 0 auto;
}
* html div#header {
	text-align: left;
}

/* Description */
div#header h1 {
	text-align: right;
	font-size: 0.8em;
	color: #330000;
}

/* Column (Left) */
div#header-left {
	float: left;
	width: 432px;
}

/* Column (Right) */
div#header-right {
	float: right;
	text-align: left;
	width: 490px;
	padding-top: 16px;
}

/* Contact */
div#header-contact {
	width: 490px;
	height: 82px;
	background: url(images/header_contact.png) left top no-repeat;
	position: relative;
}

/* Contact (Phone) */
ul#header-contact-phone,
ul#header-contact-phone li {
	width: 390px;
}
ul#header-contact-phone li {
	height: 27px;
	text-indent: -39000px;
}

/* Contact (Web) */
ul#header-btn-contact,
ul#header-btn-contact li,
ul#header-btn-contact li a {
	width: 100px;
	height: 55px;
}
ul#header-btn-contact {
	position: absolute;
	right: 0;
	top: 5px;
}
ul#header-btn-contact li,
ul#header-btn-contact li a {
	background-image: url(images/header_btn_contact.gif);
	background-position: left top;
}
ul#header-btn-contact li {
	background-repeat: no-repeat;
}
ul#header-btn-contact li a {
	display: block;
	background-repeat: repeat-x;
	text-indent: -10000px;
	text-decoration: none;
}
ul#header-btn-contact li a:hover {
	background-image: url(images/header_btn_contact_r.gif);
}



/* ==================== Main Menu ==================== */

ul#mainmenu {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding-top: 28px;
}
* html div#mainmenu ul {
	text-align: left;
}

body.home ul#mainmenu {
	margin-bottom: 30px;
}

ul#mainmenu li,
ul#mainmenu li a {
	height: 30px;
	background-position: left top;
}

ul#mainmenu li {
	background-repeat: no-repeat;
	float: left;
}

ul#mainmenu li a {
	display: block;
	background-repeat: repeat-x;
	text-decoration: none;
}

/* HOME */
li#mainmenu-01,
li#mainmenu-01 a {
	background-image: url(images/mainmenu/mainmenu_01.gif);
	width: 120px;
}
li#mainmenu-01 a {
	text-indent: -12000px;
}
li#mainmenu-01 a:hover {
	background-image: url(images/mainmenu/mainmenu_01_r.gif);
}
li#mainmenu-01.selected a {
	background-image: url(images/mainmenu/mainmenu_01_r.gif);
}

/* Information */
li#mainmenu-02,
li#mainmenu-02 a {
	background-image: url(images/mainmenu/mainmenu_02.gif);
	width: 88px;
}
li#mainmenu-02 a {
	text-indent: -88000px;
}
li#mainmenu-02 a:hover {
	background-image: url(images/mainmenu/mainmenu_02_r.gif);
}
li#mainmenu-02.selected a {
	background-image: url(images/mainmenu/mainmenu_02_r.gif);
}

/* Concept */
li#mainmenu-03,
li#mainmenu-03 a {
	background-image: url(images/mainmenu/mainmenu_03.gif);
	width: 130px;
}
li#mainmenu-03 a {
	text-indent: -13000px;
}
li#mainmenu-03 a:hover {
	background-image: url(images/mainmenu/mainmenu_03_r.gif);
}
li#mainmenu-03.selected a {
	background-image: url(images/mainmenu/mainmenu_03_r.gif);
}

/* Service / Price */
li#mainmenu-04,
li#mainmenu-04 a {
	background-image: url(images/mainmenu/mainmenu_04.gif);
	width: 130px;
}
li#mainmenu-04 a {
	text-indent: -13000px;
}
li#mainmenu-04 a:hover {
	background-image: url(images/mainmenu/mainmenu_04_r.gif);
}
li#mainmenu-04.selected a {
	background-image: url(images/mainmenu/mainmenu_04_r.gif);
}

/* Gallery */
li#mainmenu-05,
li#mainmenu-05 a {
	background-image: url(images/mainmenu/mainmenu_05.gif);
	width: 116px;
}
li#mainmenu-05 a {
	text-indent: -11600px;
}
li#mainmenu-05 a:hover {
	background-image: url(images/mainmenu/mainmenu_05_r.gif);
}
li#mainmenu-05.selected a {
	background-image: url(images/mainmenu/mainmenu_05_r.gif);
}

/* Consultation Hours / Access */
li#mainmenu-06,
li#mainmenu-06 a {
	background-image: url(images/mainmenu/mainmenu_06.gif);
	width: 154px;
}
li#mainmenu-06 a {
	text-indent: -15400px;
}
li#mainmenu-06 a:hover {
	background-image: url(images/mainmenu/mainmenu_06_r.gif);
}
li#mainmenu-06.selected a {
	background-image: url(images/mainmenu/mainmenu_06_r.gif);
}

/* Appointment */
li#mainmenu-07,
li#mainmenu-07 a {
	background-image: url(images/mainmenu/mainmenu_07.gif);
	width: 114px;
}
li#mainmenu-07 a {
	text-indent: -11400px;
}
li#mainmenu-07 a:hover {
	background-image: url(images/mainmenu/mainmenu_07_r.gif);
}
li#mainmenu-07.selected a {
	background-image: url(images/mainmenu/mainmenu_07_r.gif);
}

/* Blog */
li#mainmenu-08,
li#mainmenu-08 a {
	background-image: url(images/mainmenu/mainmenu_08.gif);
	width: 108px;
}
li#mainmenu-08 a {
	text-indent: -10800px;
}
li#mainmenu-08 a:hover {
	background-image: url(images/mainmenu/mainmenu_08_r.gif);
}
li#mainmenu-08.selected a {
	background-image: url(images/mainmenu/mainmenu_08_r.gif);
}



/* ==================== Content ==================== */

div#content-wrapper {
	/*background: url(images/content_bg_top.gif) center top no-repeat;*/
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 2px;
}
* html div#content-wrapper {
	text-align: center;
}

div#content {
	margin: 0 auto;
	min-height: 400px;
	/*background: url(images/content_bg_middle.gif) center top repeat-y;*/
	background-position: center top;
	background-repeat: repeat-y;
}
* html div#content {
	text-align: left;
	height: 400px;
	overflow: visible;
}

body.home div#content-wrapper {
	background-image: url(images/home/content_bg_top.gif);
}
body.home div#content {
	width: 960px;
	background-image: url(images/home/content_bg_middle.gif);
}

body.page div#content-wrapper,
body.category div#content-wrapper,
body.single div#content-wrapper {
	background-image: url(images/lower/content_bg_top.gif);
}
body.page div#content,
body.category div#content,
body.single div#content {
	width: 800px;
	background-image: url(images/lower/content_bg_middle.gif);
	padding-top: 15px;
	padding-bottom: 50px;
	position:relative;
}



/* ==================== Footer ==================== */

div#footer-wrapper {
	/*background: #FFFFFF url(images/bg_bottom.jpg) left bottom repeat-x;*/
	background: url(images/content_bg_bottom.gif) center top no-repeat;
	padding-top: 2px;
}
* html div#footer-wrapper {
	text-align: center;
}

body.home div#footer-wrapper {
	min-height: 230px;
}
* html body.home div#footer-wrapper {
	height: 230px;
	overflow: visible;
}

body.page div#footer-wrapper,
body.category div#footer-wrapper,
body.single div#footer-wrapper {
	padding-top: 45px;
}

div#footer {
	width: 960px;
	margin: 0 auto;
}
* html div#footer {
	text-align: left;
}

body.home div#footer {
	padding-top: 170px;
}

/* Links */
p#lnk-footer {
	font-size: 0.8em;
	text-align: center;
	color: #CC9966;
	margin-bottom: 10px;
}
p#lnk-footer a {
	text-decoration: none;
	color: #663300;
}
p#lnk-footer a:hover {
	text-decoration: underline;
	color: #993300;
}



/* ==================== Copyright ==================== */

p#copyright,
p#copyright a {
	color: #CC9966;
}
p#copyright {
	padding: 2px 0;
	font-size: 0.8em;
	text-align: center;
	background-color: #512021;
}



/* ==================== Clearfix ==================== */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* -------------------------------------------------------
			Link
------------------------------------------------------- */

/* ==================== Button (Common) ==================== */

ul.btn-common li,
ul.btn-common li a {
	background-position: left top;
}

ul.btn-common li {
	background-repeat: no-repeat;
}

ul.btn-common li a {
	display: block;
	background-repeat: repeat-x;
	text-decoration: none;
}



/* -------------------------------------------------------
			Layout
------------------------------------------------------- */

/* ==================== Image ==================== */
/*
p img {
	padding: 0;
	max-width: 100%;
	}
*/
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
/*
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
*/
img.alignright,
div.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft,
div.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

div.alignright,
div.alignleft {
	 border: solid 1px #EEEEEE;
}

div.alignright p,
div.alignleft p {
	padding-top: 5px;
	font-size: 0.8em;
	text-align: center !important;
	line-height: 1.2em;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/* インプラント治療 */
.page-id-58 .visual,
.page-id-258 .visual {
	display:none;
}
.lp_box1 {
	font-size:15px;
	line-height:1.4;
}
.lp_box2 {
	font-size:18px;
	line-height:1.2;
}
.lp_box2 strong {
	color:#CC0000;
}
h2.lph1 {
	font-size:24px;
	line-height:1.4;
	margin-bottom:10px;
}
h2.lph2 {
	font-size:26px;
	line-height:1.4;
	margin-bottom:10px;
	color:#C1272D;
}