@charset "utf-8";
/* ===================================================================
 style info : メインコンテンツ用スタイル
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

body {
	font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	font-size: 95%;
	line-height: 1.8em;
	background: url(../images/share/index_b.png) no-repeat scroll center top;
	color: #444444;
	}

a {
	color: #E25889;
}

a:hover {
	text-decoration:none;
}

.clear {
	clear: both;
}

hr {
	display:none;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

/* 画像 */

section .img_L {
	float: left;
	margin-right: 20px;
}

section .img_R {
	float: right;
	margin: 5px 0px 10px 20px;
}

section .img_set {
	vertical-align:bottom;
}

/* 余白 */
section .p_top10 {
	padding-top:10px;
}

/* 見出し */

article h1 {
	background: url(../css/none);
	border-style: none;
	margin: 0px 0px 20px;
	padding: 0px;
	shadow: none;
	;
}

article h1 .non {
	background: url(../css/none);
	border-style: none;
	margin: 0px;
	padding: 0px;
	shadow:none;
}

#top .non {
	background: url(../css/none);
	border-style: none;
	margin: 0px;
	padding: 0px;
}



article h2 {
	background: url(../images/share/h2.png) no-repeat scroll center 2px;
	color: #FFFFFF;
	padding-left: 35px;
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: 20px;
	border-radius: 5px;
	line-height: 91px;
	vertical-align: middle;
	
}
h3 {
	font-size: 1.4em;
	margin: 0px 0px 20px;
	border-left-width: 0px;
	background: url(../images/share/h3_back.png) no-repeat scroll center top;
	color: #DCA853;
	font-weight: bold;
	text-align: center;
	padding: 5px 0px 0px;
}

h4 {
	color: #40ACA4;
	margin-bottom: 10px;
}

/*----------------------------------------------------
	main
----------------------------------------------------*/


#main article section {
	margin-bottom: 30px;
}
	
.mb_5 {
	margin-bottom: 5px;
}
.mb_10 {
	margin-bottom: 10px;
}
.mb_15 {
	margin-bottom: 15px;
}
.mb_20 {
	margin-bottom: 20px;
}
.mb_30 {
	margin-bottom: 30px;
}
.mrl_15 {
	margin-bottom: 7px;
	line-height: 1.4em;
	padding-right: 15px;
	padding-left: 15px;
}
.mr_5 {
	margin-right: 5px;
}


.text_big {
	font-weight: bold;
	font-size: 1.4em;
}
.left {
	float: left;
}
.right {
	float: right;
}
.small {
	font-size: 0.8em;
}
.big {
	font-size: 1.5em;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}
.text1 {
	color: #269F8A;
}
.text2 {
	color: #FB6CC1;
}
.text3 {
	color: #3093F4;
}
.text4 {
	color: #FF4866;
}
.textmark {
	background: #FFFECE 0 0;
}

.textpoint {
	color: #35918A;
	font-size: 105%;
	font-weight: bold;
	text-shadow: 0 1px #fff;
}
.pmidashi {
	font-size: 1.5em;
	font-weight: bold;
	padding: 0px 0px 10px;
	color: #DCA853;
}

.f_small {
	font-size: 0.9em;
}

/* 全体レイアウト
----------------------------------------------------*/
#wrapper {
	margin: 0px;
	padding: 0px;
}
#wrapper header {
	margin: 0px auto;
	height: 155px;

}
#wrapper #site_image_cover {
	margin: 0px auto;
	height: 350px;
}

#wrapper #contents_cover {
	margin: 0px auto;
}

#wrapper #site_image_cover2 {
	margin: 0px auto;
}

#wrapper #site_image_cover2 #site_image2 h1 {
	text-align: center;
	padding-top: 44px;
}
 

#wrapper #contents {
	width: 980px;
	margin: 0px auto;
	padding: 20px 0px;
}

#wrapper #contents #side {
	width: 240px;
	float: left;
	padding-top: 20px;
}

#wrapper #contents #main {
	width: 700px;
	float: right;
	padding: 0px;
}

/* イメージ画像
----------------------------------------------------*/


#site_image2 {
	padding: 0px;
	width: 980px;
	margin: 0px auto;
	height: 263px;
	top: -20px;
	position: relative;
	background: url(../images/share/midashi3.png) no-repeat center -20px;
}


#site_image #main_img {
	vertical-align:bottom;
}


/* サイドバー
----------------------------------------------------*/

/*サイドナビ*/ 
#side #nav {
	margin-bottom: 10px;
}

#nav ul {
	margin-bottom: 10px;
}

#side #nav ul li {
	margin-bottom: 5px;
}

#side .sInfo2 {
	width: 240px;
	margin-bottom: 20px;
}
#side .sInfo2 .sInfo_in {
	width: 240px;
	background: #EEFDF8;
	padding-bottom: 20px;
	padding-top: 10px;
}

.sInfo2 .sInfo_in .icon_ha {
	float: right;
	width: 94px;
}

.sied_cal {
	margin-right: 8px;
	margin-left: 11px;
}


/*---------------------------------------------------
 ページトップ
----------------------------------------------------*/

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	width: 100px;
}
#page-top a {
	background: #DCA853;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #45B7AE;
}


/*---------------------------------------------------
　トップ ページ
----------------------------------------------------*/


/* 新着情報  */
#main #top #oshirase {
	background: #EFFCF8;
	padding: 10px;
}
#oshirase .oshirase_box {
	background: #FFF;
	padding: 14px;
}
#oshirase p {
	border-bottom: 1px dotted #269F8A;
	padding-left: 50px;
	line-height: 1.6em;
	background: url(../images/share/icon.png) no-repeat 5px 5px;
	min-height: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*　セミナー参加報告  */
#main #top #oshirase2 {
	background: #EFFCF8;
	padding: 10px;
}
#oshirase2 .oshirase_box {
	background: #FFF;
	padding: 14px;
	height: 300px;
	overflow: auto;
}
#oshirase2 p {
	border-bottom: 1px dotted #269F8A;
	padding-left: 50px;
	line-height: 1.6em;
	background: url(../images/share/icon3.png) no-repeat 5px 5px;
	min-height: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* おすすめ診療  */
#top .osusume ul li {
	float: left;
}
#top .osusume {
	margin-top: 20px;
	padding: 0px;
}

/*----------------------------------------------------
	アクセス
----------------------------------------------------*/

.access {
	width: 700px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
	line-height: 2em;
}
.access th {
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	padding: 10px 15px;
	font-weight: normal;
	background: #41AFA7;
	text-align: center;
	width: 30%;
	vertical-align: middle;
	color: #FFFFFF;
}
.access td {
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	padding: 10px 20px;
	text-align: left;
	background: #FFFFFF;
}
.map {
	margin-top: 5px;
	padding-left: 484px;
}
.map_b {
	border: 1px solid #CCC;
}

/*診療時間*/
#schedule .sche {
	width: 700px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 5px;
	color: #249380;
	margin-top: 0px;
	padding-top: 0px;
}
#schedule .sche th {
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	font-weight: normal;
	background: #41AFA7;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
	
}
#schedule .sche td {
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	text-align: center;
	background: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	line-height: 1.6em;
}


/* -----------------------------------------------------------
	院長・スタッフ紹介
----------------------------------------------------------- */

.dr_s01 {
	width: 450px;
	float: right;
	margin-bottom: 20px;
}
.dr_s01 .title {
	padding-left: 40px;
	font-size: 1.2em;
	color: #74C2BC;
	background: url(../images/share/icon4.png) no-repeat scroll 5px center;
	margin-bottom: 5px;
	font-weight: normal;
}
.dr_s01 ul {
	width: 400px;
	margin-bottom: 25px;
}
.dr_s01 ul li {
	line-height: 1.6em;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

.dr_s01 .dr_p {
	background: url(../images/share/back1.png) repeat;
	padding: 10px;
	margin-bottom: 10px;
}

.dr_s01 dl {
	width: 400px;
	margin-bottom: 15px;
}
.dr_s01 dl dt {
	width: 7em;
	float: left;
	line-height: 1.6em;
	overflow: hidden;
}
.dr_s01 dd {
	padding-left: 7em;
	line-height: 1.6em;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}


/*---------------------------------------------------
 院内紹介
----------------------------------------------------*/

/*院内・器材紹介*/

.c_info01 {
	width: 700px;
}
.c_info01 li {
	float: left;
	margin-bottom: 20px;
	width: 700px;
}
.c_info01 li img {
	float: left;
	margin-bottom: 20px;
	padding: 2px;
	border: 1px solid #EAEAEA;
}
.c_info01 li .c_info02 {
	width: 350px;
	float: right;
}
.c_info01 li .c_info02 dt {
	padding-left: 30px;
	font-size: 1.2em;
	color: #74C2BC;
	background: url(../images/share/icon4.png) no-repeat scroll left center;
	margin-bottom: 10px;
	font-weight: normal;
}
.c_info01 li .c_info02 dd {
	margin-bottom: 20px;
	border: 1px dotted #DFF2E5;
	min-height: 80px;
	background: #F3FEFF;
	padding: 5px;
}

/*---------------------------------------------------
 全ページ使用可能
----------------------------------------------------*/
/* dlちゃん */
.dl_01 dt {
	padding-left: 45px;
	font-size: 1.2em;
	color: #1BB0DB;
	background: url(../images/share/icon.png) no-repeat scroll 5px center;
	margin-bottom: 10px;
}
.dl_01 dd {
	margin-bottom: 20px;
	border: 1px solid #FAFAFA;
	line-height: 24px;
	background: #F7FFFF;
	padding: 15px;
	overflow: hidden;
}

.dl_02 dt {
	font-size: 1.2em;
	color: #EA9800;
	margin-bottom: 10px;
	font-weight: bold;
}
.dl_02 dd {
	margin-bottom: 40px;
	border: 1px solid #FFEF9E;
	line-height: 24px;
	background-color: #FFFBEB;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}

.dl_03 dt {
	font-size: 1.2em;
	color: #FB5175;
	margin-bottom: 10px;
	font-weight: bold;
}
.dl_03 dd {
	margin-bottom: 40px;
	border: 1px solid #FFDBE6;
	line-height: 24px;
	background-color: #FFF4F5;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}

/* 流れ */
.flow dt {
	clear: both;
	background: #E1F4FD;
	color: #4DB6EF;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
}
.flow dt img {
	vertical-align:bottom;
}

.flow dd {
	padding: 15px 0px 17px 130px;
	float: left;
	background: url(../images/ireba/flow_bg.png) no-repeat 15px bottom;
}

.flow .end {
	background: none;
}

.flow p {
	padding: 10px;
	margin-bottom: 10px;
}



/*---------------------------------------------------
 入れ歯・インプラント
----------------------------------------------------*/

/*インプラントのメリットデメリット*/ 
 #main #i_merit01 ul {
    padding-left:20px;
}
 
#main #i_merit01 ul li {
	padding-bottom: 10px;
	list-style: square;
}

/*インプラントのよくある質問*/ 
.qanda dt {
	background: url(../images/ireba/qa01.png) no-repeat scroll left center;
	line-height: 31px;
	margin-bottom: 10px;
	padding-left: 40px;
	font-size: 1.2em;
	color: #C08727;
}
.qanda dd {
	background: url(../images/ireba/a01.png) no-repeat scroll left top;
	margin-bottom: 40px;
	border: 1px dotted #61C2B8;
	padding: 10px 10px 10px 40px;
}


/*---------------------------------------------------
 歯周病
----------------------------------------------------*/
/* YM療法の流れ */

.flow dt {
	clear: both;
	background: #DBF7F3;
	color: #41ACA4;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
}
.flow dt img {
	vertical-align:bottom;
}

.flow dd {
	padding: 15px 20px 20px 110px;
	float: left;
	background: url(../images/ireba/flow_bg.png) no-repeat 15px bottom;
}

.flow .last {
	background: url(none);
	padding-left: 20px;
	padding-right: 20px;
}

/* 光殺菌治療 */

#pdt_list dt {
	color: #FB6CC1;
	font-weight: bold;
}

#pdt_list dd {
	margin-bottom: 10px;
}

/*---------------------------------------------------
 ホワイトニング
----------------------------------------------------*/

/* ホワイトニングのメカニズム */
#main #w_meka01 ul {
    width: 100%;
    float: left;
}
  
#main #w_meka01 li {
	width: 100%;
	float: left;
	list-style: none;
	background: url(../images/ireba/flow_bg.png) no-repeat right bottom;
	margin-bottom: 25px;
}
  
#main #w_meka01 li.last {
    background: none;
    margin-bottom: 0;
}
  
#main #w_meka01 li.last dl {
    padding-right: 0;
    width: 69%;
}
  
#main #w_meka01 li img {
    float: left;
    vertical-align: bottom;
    border: 1px solid #CCC;
}
  
#main #w_meka01 li dl {
    float: right;
    width: 55%;
    padding-right: 90px;
}
  
#main #w_meka01 li dl dt {
	font-size: 1.2em;
	padding: 10px 0px;
	border-bottom: 1px dotted #69BEDA;
	margin-bottom: 15px;
	color: #999;
}
  
#main #w_meka01 li dl dt span {
	font-size: 1.1em;
	color: #50B9E9;
}
/* ブライダルホワイトニング */
section .weding dt {
	background: url(../images/whitening/weding.png) no-repeat scroll left center;
	padding-left: 75px;
	line-height: 51px;
	font-weight: bold;
	color: #E36973;
	font-size: 1.2em;
	margin-bottom: 5px;
}
section .weding dd {
	background: #FEF5FA;
	padding: 20px;
	margin-bottom: 20px;
}



/*----------------------------------------------------
	歯周病治療
----------------------------------------------------*/

/* 歯周病治療の流れ */
#c_flow02 ul {
    width: 100%;
    float: left;
}
  
#c_flow02 li {
	width: 100%;
	float: left;
	list-style: none;
	background: url(../images/ireba/flow_bg.png) no-repeat right bottom;
	margin-bottom: 25px;
}
  
#c_flow02 li.last {
    background: none;
    margin-bottom: 0;
}
  
#c_flow02 li.last dl {
    padding-right: 0;
    width: 69%;
}
  
#c_flow02 li img {
	float: left;
	vertical-align: bottom;
	border: 1px solid #CCC;
}
  
#c_flow02 li dl {
    float: right;
    width: 55%;
    padding-right: 90px;
}
  
#c_flow02 li dl dt {
	font-weight: normal;
	padding: 10px 0px;
	border-bottom: 1px dotted #69BEDA;
	margin-bottom: 15px;
	color: #999;
	font-size: 1.2em;
}
  
#c_flow02 li dl dt span {
	font-size: 1.1em;
	color: #29A8E4;
}



/*----------------------------------------------------
	RAMPA(ランパ)
----------------------------------------------------*/

.box_01 {
	background: #DECCBE;
	padding: 20px;
	border-radius: 5px;
	margin-bottom: 20px;
}
.ul_02 {
	background: #FFF;
	padding: 30px;
	border-radius: 5px;
}

.ul_02 li {
	color: #7A5D3C;
	font-size: 1.1em;
	margin-bottom: 10px;
	font-weight: bold;
}

.ul_01 li {
	list-style: circle outside;
	margin-left: 20px;
}
section .movie {
	margin-right: 192px;
	margin-bottom: 20px;
	margin-left: 192px;
}



/*----------------------------------------------------
	当院のこだわり
----------------------------------------------------*/
section .k_dl dd {
	margin-bottom: 20px;
}

section .k_dl dt {
	font-size: 1.3em;
	color: #228876;
	margin-bottom: 5px;
}

/* スライダー（メインイメージ）
----------------------------------------------------*/

/* スライダー枠 */
#slider2 {
	width: 958px;
	height: 350px;
}

.slider-wrapper {
	width: 958px;
	height: 350px;
	margin: 0 auto;
}

/* トップメニュー
----------------------------------------------------*/

.top_menu {
	margin-left: 15px;
}

.top_menu li {
	float: left;
	width: 326px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.top_menu li.no_space {
	margin-right: 0;
}

/*----------------------------------------------------
	おすすめ書籍
----------------------------------------------------*/

.osusume_syoseki {
	width: 100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.osusume_syoseki tr td {
	text-align: center;
	width: 33%;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px;
	vertical-align: middle;
	color: #8A2D0D;
}
.s_midashi td {

	background: #FC3;
}
.zenshin {
	color: #FFF;
	font-size: 1.5em;
	font-weight: bold;
	background: #9F6825;
	text-align: center;
	padding: 20px;
}

/*---------------------------------------------------
 症例
----------------------------------------------------*/
.shourei {
	text-align:center;
	padding: 10px 0px 10px 20px;
}

.shourei img {
	vertical-align: baseline;
	margin-right: 20px;
	margin-bottom: 30px;
}

.shourei p {
	padding:10px 15px;
	background: #E5E2D1;
	text-align: left;
	margin: 10px 35px 0px 14px;
}
.text_left {
	text-align: left;
}

/*----------------------------------------------------
	求人
----------------------------------------------------*/

.rec {
	width: 700px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
	line-height: 2em;
}
.rec th {
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	padding: 10px 15px;
	font-weight: normal;
	background: #41AFA7;
	text-align: center;
	width: 30%;
	vertical-align: middle;
	color: #FFFFFF;
}
.rec td {
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	padding: 10px 20px;
	text-align: left;
	background: #FFFFFF;
}

.box_01 .ul_02 .rinen {
	text-align: center;
	font-size: 2em;
}

/*----------------------------------------------------
	むし歯予防
----------------------------------------------------*/

/* むし歯による悪影響リスト */
#yobou .box_01 {
	background: #DECCBE;
	padding: 20px;
	border-radius: 5px;
	margin-bottom: 20px;
}

#yobou .y_list {
	background: #FFF;
	padding: 20px;
	border-radius: 5px;
}

#yobou .y_list dt {
	color: #7A5D3C;
	font-size: 1.1em;
	margin-bottom: 5px;
	font-weight: bold;
}

#yobou .y_list dd {
	margin-bottom: 10px;
	margin-left: 20px;
}

/* 予納歯科の治療内容リスト */
#yobou #y_tiryounaiyou .y_naiyou {
	background-color: #EEFDF8;
	border: 1px solid #40ACA4;
	padding: 10px 15px;
	margin: 0 15px 15px;
}

#yobou #y_tiryounaiyou .y_naiyou dt {
	font-weight: bold;
}

